/**
 *
 * Farben können im HEX- oder RGB-Format angegeben werden
 * Auf der Seite http://www.homepage-buttons.de/tools/color-picker.html können
 * Sie eine Farbe auswählen und der HEX-Code wird Ihnen angezeigt.
 *
 * BG LINES: #001365
 *
 *
 **/

/* Konstrukt für die HTML-Seite */
.clear {
    clear: both;
}

body {
    font-family: Arial;
    font-size: 12px;
    background: #919191 url(../images/body_bg.png) repeat-y center;
    width: 1004px;
    margin: 0 auto;
}

div#container {
    margin: 0px;
    border: 0px;
    padding: 0px;
}

div#site {
    background: url(../images/site_bg.png) repeat-y;
    width: 1004px;
    margin: 15px auto;
}

div#site_top {
    background:url(../images/site_top.png) no-repeat top;
    height: 100%;
    margin: 0px;
    padding: 0px;
    overflow-y: auto;
}

div#site_bottom {
    background: url(../images/site_bottom.png) no-repeat bottom;
    height: 100%;
    margin: 0px;
    padding: 0px;
    overflow-y: auto;
}

div#main {
    width: 984px;
    margin: 10px auto;
    padding: 0px;
}

/* kopfbereich */
div#header {
    background:url(../images/header_bg.png) no-repeat;
    height: 215px;
    margin: 0px;
    padding: 0px;
    overflow-y: auto;
}

div#header div#logo {
     float: right;
     width: 730px;
     height: 215px;
}


div#header div#searchbox {
    float: left;
    width: 200px;
    height: 20px;
    margin: 185px 0px 0px 10px;
    padding: 0px;
}

div#searchbox input.inputbox {
    background: #ffffff;
    color: #000000;
    border: 1px inset #bd002b;
}

div#searchbox input.button {
    background: #bd002b;
    color: #ffffff;
    font-weight: bold;
    border: 1px outset #bd002b;
    margin: 0px 0px 0px 5px;
}

/* kopfbereich */
div#top {
    background:url(../images/top_bg.png) no-repeat;
    height: 47px;
}

div#toplinks {
    height: 26px;
    font-weight: bold;
    text-align: center;
    margin: 0px 10px 0px 10px;
    padding: 0px 0px 0px 0px;
    color: #ffffff;

}

div#content {
    padding: 10px 5px 10px 5px;
    overflow-y: auto;
}

/* linkes menu */
div#main_left {
    float: left;
    width: 180px;
    margin: 0px;
    border: 0px;
    padding: 0px;
}

/* Navigationsbox Links */
div#main_left table.box1 {
     margin:0;
     margin-bottom: 10px;
     width: 100%;
}

div#main_left table.box1 td.box1_rund {
    background:url(../images/box_rund.png) no-repeat;
    height: 6px;
}

div#main_left table.box1 td.box1_head {
    background:url(../images/box_top.png) no-repeat;
    height: 24px;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    color: #ffffff;
}

div#main_left table.box1 td.box1_body {
     padding: 5px 5px 5px 5px;
     height: 18px;
     font-family: arial;
     font-size: 12px;
     font-weight: bold;
     background: #bd002b;
     color: #ffffff;
}

div#main_left table.box1 td.box1_bottom {
    background:url(../images/box_bottom.png) no-repeat;
    height: 6px;
}

div#main_left a:visited,
div#main_left a:link {
    color: #ffffff;
    text-decoration: none;
    font-weight: bold;
    font-size: 12px;
}

div#main_left a:active,
div#main_left a:focus,
div#main_left a:hover {
    color: #ffffff;
    text-decoration: underline;
    font-weight: bold;
}

/* inhalt */
div#main_content {
    width: 588px;
    float: left;
    margin: 0px 5px 0px 5px;
    padding:  5px 5px 5px 5px;
    color: #ffffff;
    font-size: 12px;
}

/* rechtes menu */
div#main_right {
    float: right;
    width: 180px;
    margin: 0px;
    border: 0px;
    padding: 0px;
}

/* Navigationsbox Right */
div#main_right table.box1 {
     margin:0;
     margin-bottom: 10px;
     width: 100%;
     background: #eaeaea;
}

div#main_right table.box1 td.box1_rund {
    background:url(../images/box_rund.png) no-repeat;
    height: 6px;
}

div#main_right table.box1 td.box1_head {
    background:url(../images/box_top.png) no-repeat;
    height: 24px;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    color: #ffffff;
}

div#main_right table.box1 td.box1_body {
     padding: 5px 5px 5px 5px;
     height: 18px;
     font-family: arial;
     font-size: 12px;
     border-left: 1px solid #bd002b;
     border-right: 1px solid #bd002b;
     color: #bd002b;
     font-weight: bold;
}

div#main_right table.box1 td.box1_bottom {
    background:url(../images/box_bottom.png) no-repeat;
    height: 6px;
}

div#main_right a:visited,
div#main_right a:link {
    color: #bd002b;
    text-decoration: none;
    margin: 0px;
    padding: 0px;
    font-size: 12px;
}

div#main_right a:active,
div#main_right a:focus,
div#main_right a:hover {
    color: #bd002b;
    text-decoration: underline;
    font-weight: bold;
}

/*  footer   */
div#footer {
    height: 45px;
}

/* Tag für Tabellen-Zellen, DIV-Layer und Textabsätze */
td,div,p {
      font-family: Arial;
      font-size: 12px;
      color: #ffffff;
}

/* Überschrift */
h1, h2 {
      font-family: Arial;
      font-size: 18px;
      font-weight: bold;
      color: #ffffff;
}

/* Formular */
form {
     margin: 0px;
     padding: 0px;
}

/* Logo */
span.logo1 {
     font-family: arial, san-serif;
     font-size: 23px;
     font-weight: bold;
     color: #AAAAAA;
}
span.logo2 {
     font-family: arial, san-serif;
     font-size: 10px;
     font-weight: bold;
     color: #959595;
}

/* Alle Hyperlinks */
a:link    { color: #ffffff; text-decoration: none; }
a:visited { color: #ffffff; text-decoration: none; }
a:hover   { color: #ffffff; text-decoration: underline; }
a:active  { color: #ffffff; text-decoration: none; }

a:link#active, a:visited#active, a:hover#active, a:active#active {
     text-decoration: underline;
}

/* Hyperlinks für die Warengrppen-Verlinkung */
a.katalog_wglink:link    { color: #000000; text-decoration: none; }
a.katalog_wglink:visited { color: #000000; text-decoration: none; }
a.katalog_wglink:hover   { color: #000000; text-decoration: underline; }
a.katalog_wglink:active  { color: #000000; text-decoration: none; }

/* Grundgeruest der Seite */


/* Zelle für das Menü */
table.main_content td.left {
     width: 150px;
     padding: 5px;
     border-right: 1px solid #000;
     background: #EED5D5;
}
table.main_content td.right {
     width: 150px;
     padding: 5px;
     border-left: 1px solid #000;
     background: #EED5D5;
}
table.main_content td.middle {
     padding: 5px;
}

/* Hauptinhalt */
table.main_content td.main {
     padding: 5px;
}


/* Eingabe und Auswahlfelder */
input, select {
     font-family: Tahoma;
     font-size: 11px;
}

/* Ok Meldung (gruener Kasten) */
div.errormessage {
        text-align:justify;
        background-color: #bd002b;
        border: 1px dashed #ffffff;
        margin-top: 8px;
        margin-bottom: 16px;
        padding: 6px 6px 6px 32px;
        line-height: 18px;
}
img.errormessage { margin-left: -24px; }
div.errormessage td { line-height: 18px; }

/* Fehlermeldung (roter Kasten) */
div.okmessage {
        text-align:justify;
        color: #000000;
        background-color: #FFFFE1;
        border: 1px dashed #00AAAA;
        margin-top: 8px;
        margin-bottom: 16px;
        padding: 6px 6px 6px 32px;
        line-height: 18px;
}
img.okmessage { margin-left: -24px; }
div.okmessage td { line-height: 18px; }

/* Staffelpreisanzeige */
table.staffelpreise {
     width: 100%;
     border: 1px solid #000;
     border-collapse: collapse;
}
/* Kopf */
table.staffelpreise td.staffelpreise_kopf {
     background-color: #bd002b;
     color: #FFF;
     font-weight: bold;
}
/* Zeile */
table.staffelpreise td.staffelpreise_zeile {
     border: 1px solid #000;
     background-color: #EFEFEF;
     color: #000;
}

/* Überschrift für Tabellen */
.table_headline {
        padding:5px;
        color:#FFF;
        background-color:#bd002b;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 12px
}

/* Auflistungen Kopf (z.B: in Formularen wie neuer Account anlegen) */
.table_head {
        background-color:#bd002b;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 12px;
        color: #ffffff;
}

/* Auflistungen Zeile (helle Farbe) */
.table_normally_1 {
        font-family:Verdana, Arial, Helvetica, sans-seri;
        font-size:9pt;
        background-color:#919191;
        padding: 4px 4px 4px 4px;
        color: #ffffff;
}

/* Auflistungen Zeile (dunkle Farbe) */
.table_normally_2 {
        font-family:Verdana, Arial, Helvetica, sans-seri;
        font-size:9pt;
        background-color:#7f7f7f;
        padding: 4px 4px 4px 4px;
        color: #ffffff;
}

/* Auflistungen Zeile (kleine Schrift) */
.table_normally_small {
        font-family: Arial, Helvetica, sans-serif;
        font-size:10px;
        background-color:#7f7f7f;
        padding: 4px 4px 4px 4px;
}


/** PRODUKTKATALOG *************************************/
/* Kästen im Produktkatalog */
.katalog1 {
     border: 3px solid #919191;
}

/* Kanalog-Liknk */
a.katalog:link    { color: #fff; text-decoration: none; }
a.katalog:visited { color: #fff; text-decoration: none; }
a.katalog:hover   { color: #fff; text-decoration: underline; }
a.katalog:active  { color: #fff; text-decoration: none; }

.katalog2 {
        display: block;
        padding: 3px;
        background-color: #919191;
        font-weight: bold;
        font-family: arial, verdana;
        font-size: 11px;
        height: 22px;
        text-align: center;
        vertical-align: middle;
}

.katalog1 a {
     color: #fff;
}

/** PRODUKTKATALOG *************************************/

/** DOWNLOADS ******************************************/
td.dl_head {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 11px;
        font-weight: bold;
        color: #FFFFFF;
        background-color: #454545;
}

td.dl_cat {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 11px;
        font-weight: bold;
        color: #FFFFFF;
        background-color: #9A9A9A;
}

td.dl_entry {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 11px;
        color: #000000
}
/** DOWNLOADS ******************************************/

/** GALERIE ********************************************/
.galpic {
     padding: 4px;
     border: 1px solid #000;
     width: 80px;
     height: 80px;
}
/** GALERIE ********************************************/

/** BAUMNAVIGATION *************************************/
table.tree {
     width: 100%;
}

table.tree td.tree_empty {
     width: 16px;
     height: 12px;
     
}

table.tree td.tree_1 {
     width: 12px;
     height: 12px;
     background: url(../../../images/tree_arrow.gif) no-repeat;
}
table.tree td.tree_2 {
     font-size: 11px;
}


/** BAUMNAVIGATION *************************************/


/* Hinweisbox */
table.hinweisbox {
     width: 100%;
     /*border: 1px solid #000000;*/

}

table.hinweisbox td {
     background: #919191;
     font-size: 11px;
     padding: 4px;
}
/* Hinweisbox */

div#main_left a.tree_link:link,
div#main_left a.tree_link:visited,
div#main_left a.tree_link:active,
div#main_left a.tree_link:hover {
    font-weight: bold;
    text-decoration: none;
}

div#main_left a.tree_link:hover {
     text-decoration: underline;
}