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

table {  font-family: Arial, Helvetica, sans-serif; font-size: 9pt; margin:0; background-color: #FFFFFF; color:#333;}
th {font-weight:bold; background-color: #FFE6BF; border-bottom: 1px solid #9A1217; color:#9A1217}
form {margin:0px}

ul {padding:0; margin:0}
ul li {;margin:8px 0 5px 0}
ul ul {font-size:0.9em; font-weight:normal}
ul li ul li {;margin:2px 0 2px 0}

tr#zebra1 {background-color: #FFEFD7;border-bottom:1px solid #FFCE84}
tr#zebra2 {background-color: #FFF5E8;border-bottom:1px solid #FFCE84}

td#endpreis {background-color: #FFE6BF; font-size:1.2em; border-bottom:1px solid #505027; border-top:1px solid #F9F9F0; color:#9A1217}
td#mwstpreis {font-size:0.9em; padding:7px 0 7px 0; color: #555555}

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

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

div#header {height:110px;margin:0;top:0px; background-color: #FF9900;color:#ff8a0c;position:absolute; top:0px; width:999px;padding:0; text-align:right; background-image: url(images/faj_logo_oben.jpg);}

div#header a {display:inline; text-decoration:none; color:#ff8a0c; margin:0 4px 0 4px}
div#header a:hover{color:#9A1217; text-decoration:underline}
div#header a b {text-decoration:underline}
div#header h1 {font-family: Tahoma; font-size:21px; margin:0px}
div#header form {float:right; margin:5px 15px 0 0}
div#header form input {margin:30px 0 0 0; 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: Arial, Helvetica, sans-serif; font-size: 16px; color: #505027; border:#ff8a0c; border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; padding:3px;}
div#header form input#but { cursor:pointer;  font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: #fff; background-color:#ff8a0c; border:#ff8a0c; border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; padding:2px;}
div#header form input#button {background-color:#ff8a0c;color:#FFFFFF}

div#header div {margin-top:10px; padding:2px 4px 0 4px; width:992px; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 11px; height:18px; color: #ff8a0c; }

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

div#content{margin: 0px 0px 0px 185px; padding:5px; font-size:0.9em}
div#content h1 {color: #9A1217;	font-family: Tahoma;	font-size: 15px;	margin: 1px 0 5px 0;	padding-bottom: 2px;	display: block;	border-bottom: 1px solid #ff8a0c}
div#content h1 a {color:#9A1217; font-family: Tahoma; font-size:13px;}
div#content h3 {clear:both; color:#990000; font-family: Tahoma; font-size:13px; margin:3px 0 2px 0; display:block; border-bottom: 1px solid #FF9900}
div#content div {padding:0px 5px 40px 5px; line-height:1.3em}
div#content div img{}
div#content div a:hover img{}

div#content div a#prodlink {clear:left; float:right; margin:0 5px 10px 0; padding:3px 6px 3px 6px; background-color:#FFCE84;text-decoration:none;color:#9A1217;font-size:0.9em}
div#content div a#prodlink:hover {background-color:#BB2222;color:#fff}

div#content div a#prodlinkvar {clear:both; float:right; margin:0 2px 0px 0; padding:3px 6px 3px 6px; background-color:#FFCE84;text-decoration:none;color:#9A1217;font-size:0.9em}
div#content div a#prodlinkvar:hover {background-color:#FF9900; color:#fff}

div#content div p#trennlinie {clear:both;margin:35px 0 15px 0; border-bottom:1px dotted #FF9900}
div#content div p#news {clear:left;margin:0px 0 35px 0;font-size:1.0em ;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:#9A1217; }
div#content div h2 {color:#9A1217; 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:#9A1217; font-size:15px; font-weight:bold}
div#content div p#preis span{text-align:right; color:#555555; font-size:10px; font-weight:normal} /*Mwst_info*/

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

div#navi{float:left;width:170px;margin-left:-1000px; margin-top:110px; padding:13px 2px 2px 2px; border:0px;}
div#navi a {display:block; color:#222; text-decoration:none;background-color:#fff}
div#navi a:hover{color:#9A1217; background-color:#FFCE84}
div#navi h1 {color:#9A1217; font-family: Tahoma, georgia; font-size:15px; margin:0 0 3px 0; display:block; border-bottom:1px solid #ff8a0c}
div#navi h2 {color:#9A1217; font-family: Tahoma, 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:none;
	color: #9A1217;
	display: block;
	padding-left: 4px;
	background-color: #FFCE84;
}

div#footer{clear:left;width:100%; padding:5px; text-align:center; color:#FF8A0C;}
div#footer a {display:inline; color:#FF8A0C; 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#footer b {color:#FF8A0C; font-size:0.9em}


/* Styles fuer Artikeldetail  */
p#eigenschaften {line-height:2em; font-size:1.0em;padding-top:30px}  
p#eigenschaften strong {color:#990000}
p#eigenschaften strong2 {color:#FFFFFF}

p#zubehoer {clear:left;margin:0px 0 35px 0;font-size:0.9em ;padding:2px 2px 2px 2px}
li.item{float:left;padding:0;width:171px;height:229px;border:1px solid #FF8A0C; margin-right:15px; margin-bottom:15px; list-style-type:none;}
.divhover{display:none;}
li.item:hover {} 
li.item:hover .divhover{display:block;}
li.item>p>a.itemA>img.qbutton,li.item>p>a.itemA>span,li.item>p>a.itemA>div.qbutton{visibility:hidden;}
li.item>p>a.itemA:hover>img.qbutton,li.item>p>a.itemA:hover>span,li.item p>a.itemA:hover>div.qbutton{visibility:visible;}
li.item>p>a.itemA:hover>img.imgborder{border-color:#a00;}
.itemB{position:relative;left:0;top:-32px;}
.qbutton{position:relative;left:0;top:0;z-index:2;border:0;}
li.itemright{margin-right:0px !important}
li.itembig{height:470px;width:362px}
p{margin:0;color:#666;}
li.item>h2{height:15px;overflow:hidden;margin:0;cursor:pointer;text-decoration:underline;}
div.item_data{margin-left:120px;text-align:right;line-height:1.1em;}

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

.vartable tr td, .vartable tr th {padding: 1px 4px 1px 4px;font-weight: normal; height:22px}
.vartable {width:100%}
.vartable tr th {background-color:#FEF4EA; color:#555; font-size:11px}
.activeRow td {color:#575757}
.vartable tr td select {width:45px}

.VarDrop { margin:5px 0px 0px 4px; font-family:  Arial, Helvetica, sans-serif; font-size: 11px; color: #AA0000 ; width: 150px; background-color: #FFF8E9}
.VarTable {font-family: 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}



.VarDrop { margin:5px 0px 0px 4px; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 11px; color: #AA0000 ; width: 150px; background-color: #FFF8E9}
.TableCellHell {font-family: 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: 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:Tahoma, verdana, sans-serif; line-height:1.5em; border:1px solid #9A1217;}
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:#9A1217; margin:15px 0 0 5px;}
form#c4form legend {margin-top:10px;padding:0 4px 0 4px; border:1px solid #9A1217; font-family: "Courier New", Courier, mono; color:#9A1217; font-size:1.1em; font-weight:normal; font-style:normal; margin-bottom:10px; width:254px; background-color:#FFE6BF;}
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:172px; 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: Tahoma, Verdana, Arial, Helvetica, sans-serif;}
form#c4form optgroup option {background:#fff; color:#990033;}
form#c4form #button1, form#c4form #button2 { background:#FFCE84; border-bottom:1px solid #333; border-left:1px solid #999; border-top:1px solid #999; border-right:1px solid #333; color:#222; 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;}

.Cut130 {border-bottom:1px solid #FF8A0C;line-height:141px !important; text-align:center; height:171px; padding:0px; overflow:hidden}

.photo {vertical-align:middle}

.ampel {text-align:right; width:75px}