/**
 *
 * 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: 6px;
      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: #14325A;
}

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

/* Alle Hyperlinks */
a:link    { color: #3887E0; text-decoration: none; }
a:visited { color: #3887E0; text-decoration: none; }
a:hover   { color: #3887E0; text-decoration: underline; }
a:active  { color: #3887E0; 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: #3887E0; text-decoration: none; }
a.katalog_wglink:visited { color: #3887E0; text-decoration: none; }
a.katalog_wglink:hover   { color: #3887E0; text-decoration: underline; }
a.katalog_wglink:active  { color: #3887E0; text-decoration: none; }

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

table.page_master td.cell_1_1 {
     font-size: 0px;
     width: 7px;
     height: 7px;
     background: url(../images/1_1.png) no-repeat;
}
table.page_master td.cell_1_2 {
     font-size: 0px;
     width: 977px;
     height: 7px;
     background: url(../images/1_2.png) repeat-x;
}
table.page_master td.cell_1_3 {
     font-size: 0px;
     width: 7px;
     height: 7px;
     background: url(../images/1_3.png) no-repeat;
}


table.page_master td.head_1 {
     font-size: 0px;
     width: 7px;
     height: 232px;
     background: url(../images/2_1.png) repeat-y;
}
table.page_master td.head_2 {
     font-size: 0px;
     width: 977px;
     height: 7px;
     background: url(../images/header.jpg) no-repeat;
}
table.page_master td.head_3 {
     font-size: 0px;
     width: 7px;
     height: 232px;
     background: url(../images/2_3.png) repeat-y;
}


table.page_master td.cell_2_1 {
     font-size: 0px;
     width: 7px;
     background: url(../images/2_1.png) repeat-y;
}
table.page_master td.cell_2_2 {
     background: #FFFFFF;
}
table.page_master td.cell_2_3 {
     font-size: 0px;
     width: 7px;
     background: url(../images/2_3.png) repeat-y;
}

table.page_master td.cell_3_1 {
     font-size: 0px;
     width: 7px;
     height: 7px;
     background: url(../images/3_1.png) no-repeat;
}
table.page_master td.cell_3_2 {
     font-size: 0px;
     width: 977px;
     height: 7px;
     background: url(../images/3_2.png) repeat-x;
}
table.page_master td.cell_3_3 {
     font-size: 0px;
     width: 7px;
     height: 7px;
     background: url(../images/3_3.png) no-repeat;
}



/* 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);
     background: #E9F3FF;
     padding: 1px;
}
table.page_inhalt td.menue_rechts {
     width: 180px;
     background: url(../images/menue_col_bg.png);
     background: #E9F3FF;
     padding: 1px;
}
table.page_inhalt td.inhalt {
     padding: 8px;
     background: #E9F3FF;
}



/* 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:#35A5DD;
        color: #FFFFFF;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size:11px;
}

/* 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;
}

table.box1 {
     width: 100%;
     border: 1px solid #1E82B4;
     margin-bottom: 6px;
}

.box1_tm {
     color: #FFFFFF;
     font-weight: bold;
     height: 20px;
     background:url(../images/mnuhead.png) repeat-x;
     text-indent: 4px;
}
.box1_mm {
     background:url(../images/box1/mm.png) top;
     padding: 3px;
     background: #EFEFEF;
}

/** PRODUKTKATALOG *************************************/
/* Kästen im Produktkatalog */
.katalog1 {
     border: 1px solid #35A5DD;
     background: #FFFFFF;
}

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

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

.katalog1 a {
     color: #FFFFFF;
}

/** 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: #14325A;
     color: #FFF;
}
/** BAUMNAVIGATION *************************************/


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

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

/* Hinweisbox */