body {  font-family:  Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; 
      background-image: url(images/background); margin:0; color:#5b686e;}

.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: 10pt; 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:115px;margin:0;top:0px; 
      background-repeat: no-repeat; color:#EEEEEE; position:absolute; top:0px; width:1000px;padding:0; text-align:right; background-image: url(images/header.jpg);}

div#header a {display:inline; color:#5d686e; text-decoration:none; margin:0 4px 0 4px}
div#header a:hover{color:#000000; text-decoration:none}
div#header h1 {font-family: georgia; font-size:21px; margin:0px}
div#header form {float:right; margin:54px 16px 0 0;}
div#header form input {font-size:0.8em;}
div#header form input#sb {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #5d686e; border:none; margin-right:3px; width:130px;}
div#header form input#but {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #FFFFFF; background-color: #5d686e;border:none;width:55px;}
div#header form input#button {background-color:#5d686e;color:#FFFFFF}

div#header div {margin:1px 10px 0 0;width:992px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; height:18px; color: #5d686e;}

div#navi_top {
	position: absolute;
	top: 97px;
	left: 0px;
}
div#search_top {
	position: absolute;
	top: 8px;
	left: 20px;
	z-index: 10;
}

div#maindiv{text-align:left;}
div#maindiv{width:1000px; position:absolute; z-index:10; margin-left:0;}
div#wrapper{position:absolute; z-index:10; width:100%;padding:0px 0 0 0; margin-top:117px}

div#content{position:absolute; z-index:10; margin: 0px 0px 0px 195px; font-size:0.9em}
div#content h1 {color:#5D686E; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:22px; margin:0 0 10px 0; display:block;}
div#content h1 {
line-height: 18px;
color: #EC694A;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 15px;
margin: 0px 0px 5px;
display: block;
}
div#content h1 a {color:#400206; font-family: georgia; font-size:13px;}
div#content h3 {color:#EC694A; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:12px; margin:0 0 5px 0; display:block;}
div#content div {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 #400206}

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

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 {background-color:#BB2222}

div#content div p#trennlinie {clear:both;margin:35px 0 15px 0; border-bottom:1px dotted #4F4126}
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:#400206;border:1px dotted #400206; background-color: #DEDBAD}
div#content div b {color:#666; }
div#content div h2{line-height: 18px; color:#EC694A; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:15px; margin:0 0 5px 0; display:block;}
div#content div h1 {}

div#content div p#preis {text-align:right; float:right; margin:0 0 7px 10px; color:#400206; 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: #5d686e;}
div#content a:hover {text-decoration: none; font-size: 1em; color: #000000}
div#content a:active {text-decoration: none; font-size: 1em; color: #5d686e;}
div#content a:visited {text-decoration: none; font-size: 1em; color: #5d686e;}

div#maincontent, div#maincontent_start {float:left; width:570px;margin-top:6px;margin-left:4px;background-color:#fff;border: 1px solid #ccc;
}
div#maincontent {padding-left:10px; width:560px;  border:0; padding-top: 10px;}

div#navi{position:absolute; z-index:3; width:185px; margin-top:108px;}
div#navi a {
      display:block; color:#5b686e; text-decoration:none; border:1px solid #cccccc; 
      background-image: url(images/menueback.jpg); background-position:right; background-repeat: repeat-y; 
      background-color: #D2D4D5; background-position:left;
      }
div#navi a:hover{color:#ec694a; background-color:#FFFFFF; background-image: url();}
div#navi h1 {color:#5b686e; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:15px; padding:0 0 3px 0; display:block; border-bottom:1px solid #CED1D0;width:188px;}
div#navi h2 {color:#5b686e; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:12px; padding:0 0 3px 0; padding:5px 0 0 3px; display:block; border-bottom:1px solid #CED1D0; width:188px;}

/* Link-Styles für Linke Navi  */
a.navi {font-size:0.9em; padding:4px 0 4px 10px; width:180px; } /* Hauptkatalog*/
a.navi1 {font-size:0.9em; padding:4px 0 4px 30px; width:160px;} /*Unterkatalog1 ...*/
a.navi2 {font-size:0.9em; padding:4px 0 43px 50px; width:140px;}
a.navi3 {font-size:0.9em; padding:4px 0 4px 70px; width:120px;}
a.navi4 {font-size:0.9em; padding:4px 0 4px 90px; width:100px;}
/*Styles für akt. Katalog, Dieser wird mit <B> gekennzeichnet, kann aber hier mit font-weight:normal wieder aufgehoben werden */
a.navi b {color:#ec694a;font-weight:normal; }
a.navi1 b {color:#ec694a;font-weight:normal; }
a.navi2 b {color:#ec694a;font-weight:normal;}
a.navi3 b {color:#ec694a;font-weight:normal;}
a.navi4 b {color:#ec694a;font-weight:normal;}

#naviopen {color:#ec694a; background-color:#eeeef0; width:190px;}


div#footer{clear:left; padding:5px 0px 5px 0px; text-align:center; color:#5b686e; background-color: #ececec;margin-top:6px;
            width:570px; border-top:1px solid #ccc;}
div#footer a {display:inline; color:#5b686e; font-size:10px; text-decoration:none}
div#footer a:hover{color:#000000;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:#400206}


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 #B1D6A7; width:100%}
.vartable tr th {background-color:#CFE6C9; color:#555; font-size:11px}
.activeRow td {background-color:#ccc; color:#A6D5CD}

.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 {
    position:absolute;
    width:214px;
    background-color: transparent !important; 
    padding:0px 5px 0 5px;
    margin-top: 6px;
    left: 576px;
    z-index:10;
}

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

#col_right_highlight {
background-color:#ececec;
border:1px solid #ccc;
width:180px;
}

.katalogitem {border:1px solid #CED1D0;clear:both; margin-bottom:10px;}
.katalogitemimg {border:1px solid #CED1D0;margin:5px;display:block;}
.unterkatalogitem {border:1px solid #CED1D0;clear:both; margin-bottom:10px;}
.unterkatalogitemimg {border:1px solid #CED1D0;margin:5px;display:block;}
.artikeldetailimg {border:1px solid #CED1D0;margin:8px 8px 8px 0;display:block;}

div ul {margin: 0px; padding-left: 15px; line-height:1px; }
div ul li {line-height:17px;}

/*
#maincontent P, #maincontent H1, #maincontent H2 {padding-left:10px;}
*/
#div_back {
      z-index: 0; overflow:none; width: 100%; height:100%; position:fixed; top:0; left:0; 
}
#div_back_tabelle {
      z-index: 30; overflow:none; width: 0px; height:0px; position:fixed; top:0; left:0; 
      opacity:0.7; background-color:#666; filter:Alpha(opacity=70);
}
#div_tabelle {
      padding:0 0px 20px 20px; text-align:right; background-color: #fff; z-index: 36; border:1px solid #666;
      overflow:none; position:absolute; top:0; left:0; visibility:hidden; display:none;
}

#img_hintergrund {position: absolute; width: 100%; height:100%;}

#col_left_highlight, #div_gutschein {
      width:170px; padding:10px; margin-bottom:10px; background-color: #ececec !important; border: 1px solid #ccc;
}

.div_boxes {
      width:260px; padding:10px; background-color: #ececec !important;border: 1px solid #ccc;
}
.kundenmeinungen {
      width:202px; padding:10px; background-color: #ececec !important; margin-left:1px;border: 1px solid #ccc;
}

div#div_gutschein a, div#col_left_highlight a, div#facebook a {
      display:inline; background-color: transparent; text-decoration:none;  border:0;
      background-image: url(); 
      }

#col_left_highlight H3, #div_gutschein H3 { color: #ec6b4c; margin-top:0; font-size:12px; margin-bottom:6px;}
#start_div {background-image:url(images/home.jpg); background-repeat: no-repeat; 
	height:510px; overflow:hidden; border:0; background-color:#fff;
}
#mehr_start_div {
	text-align:right; visibility: visible; padding-right:20px; width: 570px;
}
#back_start_div {
	text-align:right; visibility: hidden; padding-right:20px; width: 570px;
}
table td {vertical-align: top}
#div_katalog {
	width: 566px;
	padding-left: 0px;
	margin-left: -8px;
	margin-top: -11px;
}
#partner_tabelle TD {vertical-align: top; padding-bottom: 20px}
#partner_tabelle IMG {border:0px}
#partner_tabelle .partnertext {padding-left:20px}
#grosstabelle table {margin-right: 20px; border:1px solid #ccc; padding: 0; border-spacing: 0;}
#grosstabelle table td {border: 1px solid #ccc; padding: 6px; margin:0}