body {  font-family: Arial, Tahoma, Helvetica, sans-serif; font-size: 12px; margin:0; background-color: #FFFFFF; color:#000000;}

div#maindiv > a {color: #000000;	text-decoration: none;}
div#white > a {color: #FFFFFF;	text-decoration: none;}

a:hover {color: #993300;}

tr#zebra1 {background-color: #FFFBD6}
tr#zebra2 {background-color: #FFF2BC}

div#maindiv{text-align:left;width:1002px;margin:0 auto;overflow: hidden }

div#wrapper{float:left;width:100%;padding:0px 0px 0px 0px; margin:180px 0px 0px 0px; }

/*div#content {border:1px solid #333333}*/
/*div#content {overflow:hidden;}*/
div#content{display:block; margin: 0px 0px 0px 250px; padding:0px; font-size:0.9em}

div#content h1#white {display:block; color:#FFFFFF; font-size:1em; margin:1px 0px 5px 0px; padding-bottom:2px;}
div#content h1#gelb {margin:0px; padding:8px 0px 0px 18px; height:22px; font-size:1.1em; background-color:#FFF2BC;}
div#content h1 {display:block; color:#000000; font-size:1em; margin:1px 0px 5px 0px; padding-bottom:2px;}
div#content h1 a {color:#FFFFFF; font-size:1em; text-decoration:none}
div#content h1 a#kathist {color:#000000}
div#content h1 a#kathist:hover {color:#993300}
div#content h1#white a#kathist {color:#FFFFFF}
div#content h1#white a#kathist:hover {color:#FFCF00}
div#content h1 a:hover {color:#993300;}
div#content h2 a {display:block; margin:10px 0px 8px 0px; padding:0px; color:#000000; font-size:1em; font-weight:bold; letter-spacing:1px; text-decoration:none}
div#content h2 a:hover {color:#993300;}

div#content div h1#white {display:block; color:#FFFFFF; font-size:12px; margin:1px 0px 5px 0px; padding-bottom:2px;}
div#content div h1#gelb {margin:0px; padding:8px 0px 0px 20px; height:22px; font-size:1.1em; background-color:#FFF2BC;}
div#content div h1 {display:block; color:#000000; font-size:1em; margin:1px 0px 5px 5px; padding-bottom:2px;}
div#content div h2 {display:block; margin:10px 0px 8px 3px; padding:0px; color:#000000; font-size:1em; font-weight:bold; border-bottom: 0px}
div#content div h3 {display:block; margin:10px 0px 8px 0px; padding:0px; color:#000000; font-size:1em; font-weight:bold; border-bottom: 0px}
div#content div a#prodlink {clear:both; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; text-decoration:none; color:#000000;}
div#content div a#prodlink:hover {color:#993300}
div#content div input.but_senden {padding:0px 10px 0px 10px; height:30px; background-color:#000000; font-size:0.9em; font-weight:bold; color:#FFFFFF; border:0px}
div#content div input.but_senden:hover {color:#FFCF00}
div#content div input.but_senden_basket {padding:0px 10px 0px 10px; height:30px; background-color:#FFCF00; font-size:0.9em; font-weight:bold; color:#000000; border:0px}
div#content div input.but_senden_basket:hover {color:#993300; background-color:#FFF2BC}

div#content p.formular {display:block; clear:right; float:right; margin:0px 30px 10px 0px;}
div#content p.formular textarea {float:left; margin: -10px 0px 0px 125px; padding:0px 0px 0px 0px; width:300px; border-top:1px solid #838383; border-left:1px solid #838383}
div#content p.formular input {width:300px; border-top:1px solid #838383; border-left:1px solid #838383}
div#content p.formular input#button {padding: 6px 20px 5px 19px; width:200px; font-family: Arial, Tahoma, Helvetica, sans-serif;  font-weight:bold; color:#FFFFFF; background-color:#000000; border:0px}
div#content p.formular input#button:hover {color:#FFCF00}

div#content div p#trennlinie {clear:both; margin:5px 0 5px 0; border-bottom:1px solid #000000}

div#seite_artikeldetail div ul {position: relative; display:inside; list-style-position:inside; margin:0px; padding:0px; text-indent:0em; left:0px}

div#rechts {float:right; margin:0px 2px 0px 0px; padding:0px 0px 0px 00px; width:248px; font-size:1em; border-left:1px solid #000000; border-right:1px solid #000000; border-bottom:1px solid #000000}
div#rechts_warenkorb {margin:0px; padding:10px 0px 0px 20px; height:132px; font-size:1em; line-height:1.5em;}

/*div#navi {border:1px solid #666666}*/
div#navi{float:left; margin:180px 0px 0px -1003px; padding:0px 0px 2px 0px; width:249px;background-color: #ffcf00;border-right:1px solid #000000}

div#navi a {display:block; height:19.3px; width:228px; margin:0px 0px 0px -10px; padding: 8px 0px 0px 30px; font-size:1em;  color:#000000; background-color:#FFCF00; text-decoration:none; border-bottom:1px solid #FFFFFF; border-right:0px solid #000000}
div#navi a.navi_grau {display:block; height:19.3px; width:229px; margin:0px 0px 0px -10px; padding: 8px 1px 0px 30px; font-size:1em;  color:#000000; background-color:#B4B4B4; text-decoration:none; border-bottom:1px solid #FFFFFF; border-right:0px solid #000000}
div#navi a.navi_gruen {display:block; height:19.3px; width:229px; margin:0px 0px 0px -10px; padding: 8px 1px 0px 30px; font-size:1em;  color:#000000; background-color:#93B41D; text-decoration:none; border-bottom:1px solid #FFFFFF; border-right:0px solid #000000}
div#navi a.navi_red {display:block; height:19.3px; width:229px; margin:0px 0px 0px -10px; padding: 8px 1px 0px 30px; font-size:1em;  color:#FFFFFF; background-color:#EA0049; text-decoration:none; border-bottom:1px solid #FFFFFF; border-right:0px solid #000000}
div#navi a:hover, div#navi_grau a:hover, div#navi_gruen a:hover {color:#993300; background-color:#FFF2BC}
div#navi h1 {color:#505027; font-family: Arial, georgia; font-size:1em; margin:0px 0px 3px 0px; display:block; border-bottom: 1px solid #993300}
div#navi h2 {color:#505027; font-family: Arial, georgia; font-size:1em; margin:0px 0px 3px 0px; padding:5px 0px 0px 3px; display:block; border-bottom: 1px dotted #993300;}
div#navi #login {margin:10px 0px 0px 20px; padding:0px; min-height:132px; height:132px; font-size:0.8em}
div#navi #login form {margin:0px; padding:0px}
 
/* Link-Styles fır Linke Navi  */
a.navi {font-size:1em; padding:4px} /* Hauptkatalog*/
div#navi a.navi1 {display:block; height:19.3px; width:225px; margin:0px 0px 0px -10px; padding: 8px 0px 0px 34px; font-size:1em;  color:#000000; background-color:#EEEEEE; text-decoration:none; border-bottom:1px solid #FFFFFF; border-right:0px solid #000000} /*Unterkatalog1 ...*/
div#navi a.navi1:hover {background-color:#DFDFDF} /*Unterkatalog1 ...*/
div#navi div#naviopen a.navi1 {background-color:#ccc}
div#navi div#naviopen a.navi1:hover {background-color:#bbb}
div#navi a.navi2 {display:block; height:19.3px; width:220px; margin:0px 0px 0px -10px; padding: 8px 0px 0px 38px; font-size:1em;  color:#000000; background-color:#DDDDDD; text-decoration:none; border-bottom:1px solid #FFFFFF; border-right:0px solid #000000}
div#navi a.navi2:hover {background-color:#CFCFCF}
div#navi a.navi3 {display:block; height:19.3px; width:216px; margin:0px 0px 0px -10px; padding: 8px 0px 0px 42px; font-size:1em;  color:#000000; background-color:#DDDDDD; text-decoration:none; border-bottom:1px solid #FFFFFF; border-right:0px solid #000000}
div#navi a.navi4 {display:block; height:19.3px; width:212px; margin:0px 0px 0px -10px; padding: 8px 0px 0px 46px; font-size:1em;  color:#000000; background-color:#DDDDDD; text-decoration:none; border-bottom:1px solid #FFFFFF; border-right:0px solid #000000}

/*Styles fır akt. Katalog, Dieser wird mit <B> gekennzeichnet, kann aber hier mit font-weight:normal wieder aufgehoben werden */
a.navi b {display:block; margin:-8px 0px 0px -20px; padding:8px 33px 5px 20px; width:195px; color:#993300; background-color:#FFF2BC}
/*a.navi1 b {display:block; margin:-8px 0px 0px -20px; padding:8px 33px 5px 20px; width:191px; color:#000000; background-color:#DDDDDD} */
/*a.navi2 b {display:block; margin:-8px 0px 0px -20px; padding:8px 33px 5px 20px; width:187px; color:#000000; background-color:#CCCCCC}*/
/*a.navi3 b {display:block; margin:-8px 0px 0px -20px; padding:8px 33px 5px 20px; width:183px; color:#000000; background-color:#CCCCCC}*/
/*a.navi4 b {display:block; margin:-8px 0px 0px -20px; padding:8px 33px 5px 20px; width:179px; color:#000000; background-color:#CCCCCC}*/


div#footer{clear:left; width:100%; padding:5px 20px 5px 20px; text-align:center; color:#000000}

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}


/*div#header {border:1px solid #999999}*/
div#header {position:absolute; top:0px; margin:0px; padding:0px; height:180px; width:1002px; text-align:right; }

div#header #link {display:block; float:left; margin:20px 0px 0px 0px; padding: 0px; width:100%; height:23px; font-weight:bold; font-size:12px; text-align:left}
div#header p {float:left; padding:8px 0px 0px 20px; margin: 0px 1px 0px 0px; width:229.3px; height:23px; vertical-align:bottom; background-color:#000000; font-size:12px; color:#FFFFFF}
div#header a {color:#FFFFFF; text-decoration:none}
div#header a:hover {color:#FFCF00}

.prodimg{float:left;margin:3px 10px 10px 3px; border:0px dotted #FFCF00}
.prodimg a:hover{border:0px solid #FFCF00}
.prodimg_sp_rechts{float:left;margin:3px 10px 10px 3px; max-width:205px; border:0px dotted #FFCF00}
.prodimg_sp_rechts a:hover{border:0px solid #FFCF00}
.sonderpreis {font-weight: normal; color: #FF6600; text-decoration: line-through}
/* Variationstabelle artikeldetail.php */
.TableHeadRand {padding: 0px 1px 0ox 1px; height:25px; background-color:#000000; color:#FFFFFF}
.bgHellRand {padding: 0px 1px 0ox 1px; height:25px; background-color:#FFF2BC; color:#000000}
.bgDunkelRand {padding: 0px 1px 0ox 1px; height:25px; background-color:#FFFBD6; color:#000000}
.bgHellRand_SP {padding: 0px 1px 0ox 1px; height:25px; background-color:#FFCF00; color:#880000}
.bgDunkelRand_SP {padding: 0px 1px 0ox 1px; height:25px; background-color:#FFDF44; color:#880000}
.klein {font-size:0.8em;}
.hinweisROT {font-size:1.1em; color:#FF0000}
.text_fett_1em {font-weight:bold; font-weight:bold;}
.text_09em {font-size:0.9em}
.fsize110Bold { font-weight:bold; color:#7F6500 }

/* Styles fır Formulare */
form#c4form {font-size:1.2em; width:477px; padding:10px;}
form#c4form fieldset {width:462px; display:block; padding:5px; font-family:verdana, sans-serif; line-height:1.5em; border:1px solid #000000;}
form#c4form fieldset#personal {font-size:.75em; color:#555; font-style:italic; margin:15px 0 0 5px;}
form#c4form fieldset#opt {font-size:0.75em; color:#900; margin:15px 0 0 5px;}
form#c4form legend {margin-top:10px;padding:4px 14px 4px 14px; border:1px solid #000000; font-family: "Courier New", Courier, mono; color:#000000; font-size:1.1em; font-weight:normal; font-style:normal; margin-bottom:10px; width:254px; background-color:#FFCF00;}
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; border-top:1px solid #838383; border-left:1px solid #838383}
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; border-top:1px solid #838383; border-left:1px solid #838383}
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:#000000; border-bottom:1px solid #333; border-left:1px solid #999; border-top:1px solid #999; border-right:1px solid #333; color:#ffffff; padding:4px 14px 4px 14px; cursor:pointer; width:205px; margin-left:12px;}
form#c4form #button1:hover, form#c4form #button2:hover {color:#FFCF00;}

form#c4form a#button1 {
    text-decoration: none;
    text-align: center;
}

.overlay{height:3000px;width:100%;background-color:#000;position:absolute;left:0;top:0;z-index:8;opacity:.4;-moz-opacity:.40;-khtml-opacity:.40;filter:alpha(opacity=40,finishopacity=40);}

.trans100{-moz-opacity:1;opacity:1;-khtml-opacity:1;filter:alpha(opacity=100,finishopacity=100);}
.trans90{-moz-opacity:.90;opacity:.90;-khtml-opacity:.90;filter:alpha(opacity=90,finishopacity=90);}
.trans80, .overlaytext{-moz-opacity:.80;opacity:.80;-khtml-opacity:.80;filter:alpha(opacity=80,finishopacity=80);}
.trans70{-moz-opacity:.70;opacity:.70;-khtml-opacity:.70;filter:alpha(opacity=70,finishopacity=70);}
.trans50{-moz-opacity:.50;opacity:.50;-khtml-opacity:.50;filter:alpha(opacity=50,finishopacity=50);}
.trans30{-moz-opacity:.30;opacity:.30;-khtml-opacity:.30;filter:alpha(opacity=30,finishopacity=30);}
.trans20{-moz-opacity:.20;opacity:.20;-khtml-opacity:.20;filter:alpha(opacity=20,finishopacity=20);}
.trans10{-moz-opacity:.10;opacity:.10;-khtml-opacity:.10;filter:alpha(opacity=10,finishopacity=10);}  


.trans50:hover{-moz-opacity:1;opacity:1;-khtml-opacity:1;filter:alpha(opacity=100,finishopacity=100);}

div.headline {margin:10px 20px !important}
div.headline h1 {font-size:20px !important;margin:0 !important}

/* Styles für Popup bei Begriffserklärung */
a.begriffe, a.begriffe:visited {color:#990033; position:relative; z-index:1;text-decoration:none}
a.begriffe b {position:absolute; background-color:#eee; visibility:hidden; 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: #333; 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; visibility:visible; }
a.begriffe:hover b h1 {font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 1.1em; color: #333; padding: 0 0 0 0; margin: 1px 0 3px 0; visibility:visible; }