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

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

tr#zebra1 {background-color: #FFB76F}
tr#zebra2 {background-color: #FFE2C6}

td#endpreis {background-color: #F5E6C7; font-size:1.2em; border-bottom:1px solid #660000; border-top:1px solid #FFB76F}
td#mwstpreis {font-size:0.9em; padding:7px 0 7px 0; color: #663333}

/* Diese Styles dienen der Grııenanpassung fır Text (90% - 110%*/

.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:60px;margin:0;top:0px; background-color: #FFCC99;color:#660000;position:absolute; top:0px; width:1000px;padding:0; text-align:right; background-image: url(images/oben.gif);}

div#header a {display:inline; color:#660000; text-decoration:none; margin:0 4px 0 4px}
div#header a:hover{color:#999; text-decoration:underline}
div#header h1 {font-family: georgia; font-size:21px; margin:0px}
div#header form {float:right; margin:0px 5px 0px 0}
div#header form input {margin:0px 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: #505027; 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: #fff; background-color: #CC6633; 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}

/* Rand der Menuzeile Oben*/
div#header div {margin-top:3px; padding:2px 4px 0 4px; width:992px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; height:18px}

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:60px}

div#content{margin: 0px 0px 0px 185px; padding:5px; font-size:0.9em}
div#content h1 {color:#660000; font-family: georgia; font-size:15px; margin:1px 0 5px 0; padding-bottom:2px;display:block; border-bottom: 1px solid #505027}
div#content h1 a {color:#660000; font-family: georgia; font-size:13px;}
div#content h3 {clear:both; color:#660000; font-family: georgia; font-size:12px; margin:3px 0 2px 0; display:block; border-bottom: 1px solid #505027}
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 #505027}
div#content div a:hover img{float:left;margin:3px 10px 10px 3px; border:1px dotted #990000}

div#content div a#prodlink {clear:both; float:right; margin:0 5px 10px 0; padding:3px 6px 3px 6px; background-color:#505027;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:#505027;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 #505027}
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 dotted #999999;text-decoration:none;color:#222222;font-size:0.8em}
div#content div p#news a:hover {color:#990000;border:1px dotted #990000}
div#content div b {color:#505027; }
div#content div h2 {color:#505027; font-family: tahoma; font-size:12px; margin:10px 0 8px 3px; display:block; border-bottom: 0px; ; letter-spacing:1px}

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

div#navi{float:left;width:170px;margin-left:-1000px; margin-top:60px; padding:10px 2px 2px 2px}
div#navi a {display:block; color:#660000; text-decoration:none;background-color:#FFCC99}
div#navi a:hover{color:#FFF; background-color:#CC6633}
div#navi h1 {color:#660000; font-family: georgia; font-size:15px; margin:0 0 3px 0; display:block; border-bottom: 1px solid #990000}
div#navi h2 {color:#660000; font-family: georgia; font-size:12px; margin:0px 0 3px 0; padding:5px 0 0 3px; display:block; border-bottom: 1px dotted #990000;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;padding-top:30px}  
p#eigenschaften strong {color:#990000}

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}

.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: #ECEBD0; 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}

/* variable Font-Groessen */
.fsize110 {font-size:1.1em}
.fsize110Bold {font-size:1.1em; font-weight:bold}

/* 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:475px; display:block; padding:5px; font-family:verdana, sans-serif; line-height:1.5em; border:1px solid #505027;}
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 #505027; font-family: "Courier New", Courier, mono; color:#ECEBD0; font-size:1.1em; font-weight:normal; font-style:normal; margin-bottom:10px; width:254px; background-color:#ECEBD0;}
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:#505027; 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;}