/**
 *
 * 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, html {
	margin: 0px;
	padding: 0px;
	background: #E7FAEB url(../images/bg.png) repeat-x;
     font-family: Arial, Sans-Serif;
     font-size: 12px;
}

/* 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: #377B2E;
}

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

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

/* Grundgeruest der Seite */
/* Layout *********************************************************************/
table.outframe {
	width: 986px;
	height: 100%;
     margin-top: 10px;
}
table.outframe td.master {
     background: #FFFFFF;
}
table.outframe td.footer {
     height: 52px;
	width: 986px;
     background: #2F8742;
     color: #FFFFFF;
     font-size: 11px;
}
table.outframe td.footer a {
     font-size: bold;
     color: #FFFFFF;
}

table.outframe td.footer div.moduletable {
     width: 100%;
     margin: 0px;
     padding: 0px;
}


table.master {
	width: 978px;
	height: 100%;
	margin-top: 4px;
	margin-bottom: 4px;
}

/* Head */
table.master td.header {
	height: 141px;
	background: url(../images/header.jpg) no-repeat;
}

table.master td.quicknav {
     height: 26px;
     border-bottom: 1px solid #000000;
}


table.main_content {
    width: 100%;
    height: 100%;
}

table.main_content td.menue_left {
     width: 190px;
     padding-top: 8px;
}
table.main_content td.menue_right {
     width: 190px;
     padding-top: 8px;
}
table.main_content td.main {
     padding-top: 8px;
}
/* Layout *********************************************************************/


/* Navigationsbox Links */
table.box1 {
     margin:0;
     margin-bottom: 8px;
     width: 165px;
}
table.box1 td.b_head {
     height: 21px;
     line-height: 21px;
     font-size: 13px;
     font-weight: bold;
     color: #000000;
     padding: 0px;
     margin: 0px;
     margin-bottom: 1px;
     background: url(../images/menue_head.png) no-repeat left bottom;
     width: 100%;
     text-align: left;
     text-indent: 15px;
}
table.box1 td.b_inhalt {
     border: 1px solid #079125;
     font-size: 11px;
     padding: 4px;
     background: #D8FED2;
}







/* Eingabe und Auswahlfelder */
input, select {
     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: #377B2E;
     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 {
        border-bottom-width:1px;
        border-bottom-style:solid;
        border-color:#000000;
        padding:5px;
        color:#FFFFFF;
        background-color:#377B2E;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 12px
}

/* Auflistungen Kopf (z.B: in Formularen wie neuer Account anlegen) */
.table_head {
        background-color:#377B2E;
        color: #FFF;
        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;
}

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


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

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