body {  font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 9pt; margin:0; background-color: #FFFFFF; color:#222222;}

.neu, .rest, .top , .weihnachten {color:#fff; font-weight:700;float:right;margin:2px 0 0 5px;padding:1px 3px;}
.neu{ background-color:#DA5353;}
.rest{background-color:#191;}
.top{ background-color:#EB6464;}

table {  font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 9pt; margin:0; background-color: #FFFFFF; color:#333;}
th {font-weight:bold; background-color: #E5DCBD; border-bottom: 1px solid #4F4126; color:#444;}

/* roter Hintergrund im Mengeneingabefeld im Warenkorb, wenn nicht verfügbar*/
.InputBoxRotBG {background-color: #EE2222;}

tr.zebra1 {background-color: #FFFFFF}
tr.zebra2 {background-color: #E5DCBD}

td#endpreis {background-color: #E5DCBD; font-size:1.2em; border-bottom:1px solid #4F4126; border-top:1px solid #F9F9F0}
td.mwstpreis {font-size:0.9em; padding:7px 0 7px 0; color: #555555}

.text_fett_11 {font-size:1.1em; font-weight:bold}
.text_fett_10 {font-size:1.0em; font-weight:bold}
.text_fett_09 {font-size:0.9em; font-weight:bold}

.text_11 {font-size:1.1em; font-weight:normal}
.text_10 {font-size:1.0em; font-weight:normal}
.text_09 {font-size:0.9em; font-weight:normal}

.sonderpreis { font-family: "Courier New", Courier, mono; font-size: 14px; font-weight: normal; color: #FF6600; text-decoration: line-through}

b {color:#333333; }

div#header {height:104px;margin:0;top:0px; background-color: #353415;color:#EEEEEE;position:absolute; top:0px; width:1000px;padding:0; text-align:right; background-image: url(images/oben.gif);}

div#header a {display:inline; color:#EEEEEE; text-decoration:none; color:#880207; margin:0 4px 0 4px}
div#header a:hover{color:#245403; text-decoration:none}
div#header h1 {font-family: georgia; font-size:21px; margin:0px}
div#header form {float:right; margin:10px 15px 0 0}
div#header form input {margin:20px 0 0 4px; font-size:0.8em; border-top:1px solid #AAAAAA;border-right:1px solid #DDDDDD;border-bottom:1px solid #DDDDDD;border-left:1px solid #AAAAAA}
div#header form input#sb {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #4F4126; border: #FFFFFF; border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px}
div#header form input#but {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #880207; background-color: #DEDBAD; border: #FFFFFF; border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px}
div#header form input#button {background-color:#AA1111;color:#FFFFFF}

div#header div {margin-top:20px; padding:2px 4px 0 4px; width:992px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; height:18px; color: #880207; background-color: #DEDBAD; border-top:1px solid #fff; border-bottom:1px solid #fff}

div#maindiv{text-align:left}
div#maindiv{width:1000px;margin:0 auto; }
div#wrapper{float:left;width:100%;padding:0px 0 0 0; margin-top:104px}

div#content{margin: 0px 0px 0px 185px; padding:5px; font-size:0.9em}
div#content h1 {color:#444; font-size:12px; margin:1px 0 5px 0; padding:0 0 2px 4px;display:block; border-bottom: 1px solid #ddd; }
div#content h3 {clear:both; color:#4444; font-family: georgia; font-size:12px; margin:3px 0 2px 0; display:block; border-bottom: 1px solid #ccc}
div#content>div {padding:0px 5px 40px 5px; line-height:1.3em}
#div#content div img{float:left;margin:3px 10px 10px 3px; border:1px solid #4F4126}

.prodimg{float:left;margin:3px 10px 10px 3px; border:1px solid #4F4126}

#div#content div a:hover img{ border:1px dotted #353415}

div#content div a.prodlink {clear:both; float:right; padding:4px 6px 4px 6px; text-decoration:none;color:#444; border-radius:3px; border:1px solid #ccc}
div#content div a.prodlink:hover {color:#222222}

div#content div a.prodlinkvar {clear:both; float:right; margin:0 2px 0px 0; padding:3px 6px 3px 6px; background-color:#4F4126;text-decoration:none;color:#FFFFFF;font-size:0.9em}
div#content div a.prodlinkvar:hover {color:#222222}

div#content div p.trennlinie {clear:both;margin:35px 0 15px 0; border-bottom:1px solid #ddd; height:9px}
div#content div p.news {clear:left;margin:0px 0 35px 0;font-size:0.9em ;padding:2px}
div#content div p.news a {float:right; margin:5px 0 3px 0;padding:2px 4px 2px 4px;border:1px solid #E3E3BF;text-decoration:none;color:#4F4126;font-size:0.9em}
div#content div p.news a:hover {color:#353415;border:1px dotted #353415; background-color: #DEDBAD}
div#content div b {color:#4F4126; }
div#content div h2 {color:#4F4126; font-family: tahoma; font-size:12px; margin:10px 0 8px 0px; display:block; border-bottom: 0px; ; letter-spacing:1px; padding-left:5px}

div#content div p#preis {text-align:right; float:right; margin:0 0 7px 10px; color:#353415; font-size:15px; font-weight:bold}
div#content div p#preis span{text-align:right; color:#555555; font-size:10px; font-weight:normal}

div#content a:link {text-decoration: none; font-size: 1em; color: #444}
div#content a:hover {text-decoration: underline; font-size: 1em; color: #000000}
div#content a:active {text-decoration: none; font-size: 1em; color: #444}
div#content a:visited {text-decoration: none; font-size: 1em; color: #444}

div#navi{float:left;width:170px;margin-left:-1000px; margin-top:104px; padding:10px 2px 2px 0px}
div#navi a {display:block; color:#4F4126; text-decoration:none; }
div#navi a:hover{color:#AA1111; background-color:#D6C085}
div#navi h1 {color:#4F4126; font-family: georgia; font-size:15px; margin:0 0 3px 0; display:block; border-bottom: 1px solid #353415}
div#navi h2 {color:#4F4126; font-family: georgia; font-size:12px; margin:0px 0 3px 0; padding:5px 0 0 3px; display:block; border-bottom: 1px solid #ccc;background-color:#F9F9F0}

/* Link-Styles für Linke Navi  */
a.navi {font-size:0.9em; padding:4px} /* Hauptkatalog*/
a.navi1 {font-size:0.8em; padding:2px 4px 4px 11px; height:10px} /*Unterkatalog1 ...*/
a.navi2 {font-size:0.8em; padding:2px 4px 4px 18px; height:10px}
a.navi3 {font-size:0.8em; padding:2px 4px 4px 24px; height:10px}
a.navi4 {font-size:0.8em; padding:2px 4px 4px 32px; height:10px}

/*Styles für akt. Katalog, Dieser wird mit <B> gekennzeichnet, kann aber hier mit font-weight:normal wieder aufgehoben werden */
a.navi b, a.navi1 b, a.navi2 b, a.navi3 b, a.navi4 b{text-decoration:underline}

div#footer{clear:left;width:100%; padding:5px; text-align:center; color:#444444}
div#footer a {display:inline; color:#444444; font-size:0.9em;text-decoration:none}
div#footer a:hover{color:#555555;text-decoration:underline}
div#footer h1 {font-size:1em; margin:0}

/* Styles für Artikeldetail  */
p#eigenschaften {line-height:1.6em; font-size:1.1em}  
p#eigenschaften strong {color:#353415}


p#zubehoer {clear:left;margin:0px 0 35px 0;font-size:0.9em ;padding:2px 2px 2px 2px}

p#blaettern {display:block;text-align:right;margin:0;padding:0}

.vartable tr td, .vartable tr th {padding: 1px 4px 1px 4px; border-bottom:1px solid #ccc; font-weight: normal; height:22px}
.vartable {border:1px solid #353415; width:100%}
.vartable tr th {background-color:#353415; color:#fff; font-size:11px}
.activeRow td {background-color:#ccc; color:#A6D5CD}

.td_abmessungen {font-weight:bold !important}

.VarDrop { margin:5px 0px 0px 4px; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 11px; color: #AA0000 ; width: 150px; background-color: #FFF8E9}
.VarTable {font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 12px; color: #AA0000 ; height: 22px}
.TableCellHell {font-family: Tahoma, Arial, Helvetica, sans-serif; font-weight:normal; font-size: 12px; height:20px; color: #AA0000; background-color: #E5DCBD; border-color: #FFE3B0 #FFE3B0 #FFE3B0 black; border-style: solid; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px}

.VarTable img, .VarTable a:hover img {;margin:0; border:0px}

/* Styles für Popup bei Begriffserklärung */
a.begriffe, a.begriffe:visited {color:#c00; position:relative; z-index:1;text-decoration:none}
a.begriffe b {position:absolute; visibility:hidden; height:0; border:1px solid #CCCCCC; left:0; top:21px; left:21px;}
a.begriffe:hover { border:0; z-index:1000;}
a.begriffe:hover b {padding:7px; background-color:#eee; color: #EEEEEE; visibility:visible; height:130px; width:260px; cursor:pointer; text-align:left; font-weight:normal; z-index:500;text-decoration:none }
a.begriffe:hover b img {border:0; float:left; margin:0 7px 7px 0}
a.begriffe:hover b h1 {font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 1.1em; color: #222222; padding: 0 0 0 0; margin: 1px 0 3px 0}

/* Styles für Formulare */
form#c4form {font-size:1.2em; width:450px; padding:10px}
form#c4form fieldset {width:425px; display:block; padding:5px; font-family:verdana, sans-serif; line-height:1.5em; border:1px solid #4F4126;}
form#c4form fieldset#personal {font-size:.75em; color:#555; font-style:italic; margin:15px 0 0 5px;}
form#c4form fieldset#opt {font-size:.75em; color:#900; margin:15px 0 0 5px;}
form#c4form legend {margin-top:10px;padding:0 4px 0 4px; border:1px solid #4F4126; font-family: "Courier New", Courier, mono; color:#E5DCBD; font-size:1.1em; font-weight:normal; font-style:normal; margin-bottom:10px; width:254px; background-color:#E5DCBD;}
form#c4form label {clear:left; display:block; float:left; width:100px; text-align:right; padding-right:10px; color:#000; margin-bottom:0.5em; font-size:11px; line-height:1.5em; font-style:normal;}
form#c4form fieldset#personal label {clear:left; display:block; float:left; width:100px; text-align:right; padding-right:10px; color:#fff; margin-bottom:0.6em; font-size:1em; line-height:1.8em; font-style:normal;}
form#c4form input {padding:0; margin-bottom:0.8em;}
form#c4form fieldset#personal input {border:1px dotted #e1e1e1; background:#fff; padding-left:0.5em; margin-bottom:1em;}
form#c4form select {margin-left:0.5em; border:1px dotted #e1e1e1;}
form#c4form textarea {width:180px; height:10em; padding:5px; margin:-8px 0 0 0; overflow:auto;}
form#c4form option {background:#fff; color:#990033;}
form#c4form optgroup {background:#fff; color:#666; font-family: Verdana, Arial, Helvetica, sans-serif;}
form#c4form optgroup option {background:#fff; color:#990033;}
form#c4form #button1, form#c4form #button2 { background:#4F4126; border-bottom:1px solid #333; border-left:1px solid #999; border-top:1px solid #999; border-right:1px solid #333; color:#fff; padding-right:0.5em; cursor:pointer; width:205px; margin-left:12px;}
form#c4form #button1:hover, form#c4form #button2:hover {background:#BB2222; border-bottom:1px solid #4A0018; border-right:1px solid #4A0018;  color:#fff; border-top:1px solid #cc0033; border-left: 1px solid #cc0033;}

.noborder {border:0px;text-decoration:none}

.info_grauFuss {color:#999999;
    font-size:9px;
    font-weight:normal;
}

div.col_right {
    float:right;
    width:220px;
    background-color:#fefefe;
    padding-top:10px;
    border:1px solid #ddd ;
    padding:0px !important
}



ul.shema li{
 font-size: 8pt;
 padding:4px;
}

.VarDropArtikel{
background-color:#fff;
color:#555555;
font-size:11px;
margin:5px 0 0 0;
z-index:2;font-size:13px;
height:23px;width:210px;}

.tr1 {background-color:#eee}

.col_right h3 {height:20px; line-height:20px; padding-left:5px; margin:0px !important}

.grad_gr, .prodlink, .VarDropArtikel, #navi h2, .col_right h3, #content h1 {
    background:-moz-linear-gradient(center top , #FFFFFF, #EFEFEF) ;
    background:-webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#EFEFEF)) ;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#EFEFEF');
    background: -o-linear-gradient(top, #FFFFFF, #EFEFEF);
}

.grad_hover, .prodlink:hover, .VarDropArtikel:hover {
    background:-moz-linear-gradient(center top , #EFEFEF, #cccccc) ;
    background:-webkit-gradient(linear, left top, left bottom, from(#EFEFEF), to(#cccccccccccc)) ;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#EFEFEF', endColorstr='#cccccc');
    background: -o-linear-gradient(top, #EFEFEF, #cccccc);
}


.cl_both{clear:both}
.fl_left{float:left !important}
.fl_right{float:right}
.cl_left{clear:left}
.cl_right{clear:right}
.cl_both{clear:both}

.td_menge input {width:50px}