/**
 *
 * 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.
 *
 **/

/* Konstrukt für die HTML-Seite */
body {
      padding: 0px;
      margin: 0px;
      font-family: Arial;
      font-size: 12px;
      background: #FFF url(../images/bg.png);
}

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

/* Überschrift */
h1 {
      font-family: Arial;
      font-size: 16px;
      font-weight: bold;
      color: #C4480B;
}

/* 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: #C4480B; text-decoration: none; }
a:visited { color: #C4480B; text-decoration: none; }
a:hover   { color: #C4480B; text-decoration: underline; }
a:active  { color: #C4480B; 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: #EFEFEF; text-decoration: none; }
a.katalog_wglink:visited { color: #EFEFEF; text-decoration: none; }
a.katalog_wglink:hover   { color: #EFEFEF; text-decoration: underline; }
a.katalog_wglink:active  { color: #EFEFEF; text-decoration: none; }

/* Grundgeruest der Seite */
table.page_master {
     width: 967px;
     height: 100%;
}

/* Header (Seitenkopf) */
td.page_header_1 {
     height: 133px;
     width: 10px;
     background: url(../images/1_1.png) no-repeat;
     font-size: 0px;
}
td.page_header_2 {
     width: 947px;
     background: url(../images/1_2.png) no-repeat;
}
td.page_header_3 {
     height: 133px;
     width: 10px;
     background: url(../images/1_3.png) no-repeat;
     font-size: 0px;
}

/* Hauptinhalt */
td.page_main_1 {
     width: 10px;
     background: url(../images/2_1.png) repeat-y;
     font-size: 0px;
}
td.page_main_2 {
     width: 947px;
     background: #FFF;
}
td.page_main_3 {
     width: 10px;
     background: url(../images/2_3.png) repeat-y;
     font-size: 0px;
}



/* Extra Tabelle für den Inhelt */
table.page_inhalt {
     width: 100%;
     height: 100%;
}
table.page_inhalt td.menue_links {
     width: 180px;
     background: url(../images/menue_col_bg.png);
     padding: 1px;
}
table.page_inhalt td.menue_rechts {
     width: 180px;
     background: url(../images/menue_col_bg.png);
     padding: 1px;
}
table.page_inhalt td.inhalt {
     padding: 8px;
}



/* Seiten Fuss */
td.page_footer_1 {
     height: 30px;
     width: 10px;
     background: url(../images/3_1.png) no-repeat;
     font-size: 0px;
}
td.page_footer_2 {
     padding-top: 3px;
     font-size: 11px;
     color: #FFF;
     height: 30px;
     width: 947px;
     background: url(../images/3_2.png) no-repeat;
}
td.page_footer_3 {
     height: 30px;
     width: 10px;
     background: url(../images/3_3.png) no-repeat;
     font-size: 0px;
}

/* Links im Seitenfuss */
td.page_footer_2 a {
     color: #FFF;
}

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

/* Ok Meldung (gruener Kasten) */
div.errormessage {
        text-align:justify;
        background-color: #FFFFE1;
        border: 1px dashed #ff0000;
        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;
        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 {
     border: 1px solid #000;
     background-color: #D5D5D5;
     color: #000;
     font-weight: bold;
}
/* Zeile */
table.staffelpreise td.staffelpreise_zeile {
     border: 1px solid #000;
     background-color: #EFEFEF;
     color: #000;
}

/* Überschrift für Tabellen */
.table_headline {
        border-bottom-width:1px;
        border-bottom-style:solid;
        border-color:#000000;
        padding:5px;
        color:#FFFFFF;
        background-color:#1556CE;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 12px
}

/* Auflistungen Kopf (z.B: in Formularen wie neuer Account anlegen) */
.table_head {
        background-color:#D5D5D5;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size:11px;
        border-bottom: 1px solid #000000;
}

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

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

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

/* Navigationsbox Links */
table.navigation {
     margin: 0px;
     width: 100%;
     margin-bottom: 8px;
}

table.navigation td.kopf {
     height: 23px;
     background: url(../images/menue_top.png);
}
table.navigation td.kopf span {
     padding-left: 30px;
     font-size: 11px;
     font-weight: bold;
     color: #FFF;
}

table.navigation td.inhalt {
     padding: 4px;
     font-size: 11px;
     background: #F2F2F2 url(../images/menue_main.png) repeat-x;
}

.box1_tl { width: 8px; height: 24px; background:url(../images/box1/tl.png) top left no-repeat; }
.box1_tm { height: 24px; background:url(../images/box1/tm.png) top; }
.box1_tr { width: 8px; height: 24px; background:url(../images/box1/tr.png) top right no-repeat; }
.box1_ml { width: 8px; background:url(../images/box1/ml.png); }
.box1_mm { background:url(../images/box1/mm.png) top; }
.box1_mr { width: 8px; background:url(../images/box1/mr.png); }
.box1_bl { width: 8px; height: 8px; background:url(../images/box1/bl.png) bottom left no-repeat; }
.box1_bm { height: 8px; background:url(../images/box1/bm.png) top; }
.box1_br { width: 8px; height: 8px; background:url(../images/box1/br.png) bottom right no-repeat; }
.box1_mm { font-family: arial; font-size: 11px; }
.box1_tm { font-family: arial; font-size: 11px; font-weight: bold; }

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

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

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

.katalog1 a {
     color: #000;
}

/** 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: 12px;
     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;
}
a.tree_link#active_level {
     background: #C4480B;
     color: #FFF;
}
/** BAUMNAVIGATION *************************************/


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

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