*{ padding:0; margin:0; border:none; }
html, body{ background:#CFCFCF url(../images/body_bg.gif) top left repeat-x; font-size:0.9em; font-family:"trebuchet ms", arial, verdana, helvetica, sans-serif; color:#666666; height:100%; padding-bottom:1px;}

a:link, a:visited{ color: #006F9E; text-decoration:none; }
a:hover{ text-decoration:underline; }
h1{	font-family: sans-serif; font-size:1.1em; color:#F73A06; padding-bottom:0.5em; }
h2{	font-family: sans-serif; font-size:0.9em;	color:#F73A06; padding-bottom:0.5em; }
p.bodytext{ margin-bottom:1em;}
DIV.csc-textpic-border DIV.csc-textpic-imagewrap .csc-textpic-image IMG{ border: 1px solid #999999; padding: 2px 2px; }
div.specialimg { border: 1px solid #999999; padding: 2px 2px; }

#content ul, #centercontentbreit ul, #rechts ul { list-style:url(../images/contentul.gif); padding-left:25px; padding-bottom:1em; }
#centercontentbreit table.contenttable-0 ul{padding-left:0px; padding-bottom:0; list-style:none;}
#centercontentbreit table.contenttable-0 ul li{padding-left:15px; background:url(../images/contentul.gif) left 0px no-repeat;}

.clear{	clear:both;	height:0.1px; overflow:hidden;}

#wrapper{ background:#ffffff url(../images/content_rechts.gif) top right no-repeat; min-height:667px; width:854px; margin:15px auto; }
#wrapper2{ background: url(../images/content_bottom.gif) bottom left no-repeat;	min-height:620px; width:806px; padding:27px 28px 30px 20px;	}
* html #wrapper, * html #wrapper2{ height:620px;}

/*sprachlink*/
img.flag{ padding-right:10px; float:left; }
img.arrow{ padding-right:2px; float:left; }
/*ende sprachlink*/

#oben{ float:left; margin:0 0 10px 0; width:100%; }
.logo{ float:left; }
#obenrechts{ float:right; width:50%; }
#crossnavi{ float:right; margin-right:1em; padding-top:5px; list-style:none; }
#crossnavi li{ float:left; padding:0 1em; background: url(../images/pipe.gif) top right no-repeat; }
#crossnavi li a, #crossnavi li a:visited{ color: #666666; }
#crossnavi li a:hover, #crossnavi li a.active, #crossnavi li a:visited.active{ color: #006F9E; }
.language{ float:right;	padding-top:7px; }

#header{ clear:both; float:left; width:100%; }
#header img{ float:left; }

p.breadcrumb{ clear:both; color:#006F9E; font-size:0.95em; padding:8px 0 8px 1%; width:59%; float:left; }
p.breadcrumb a.active, p.breadcrumb a:visited.active{ text-decoration:underline; }
#wkstatus{ padding:8px 1% 8px 0; width:39%; float:right; font-size:0.95em; text-align:right; }

#links{	float:left;	width:190px; }
#content{ float:left; width:400px; padding-right:17px; padding-left:17px; }
#centercontentbreit{ float:left; width:597px; padding-right:0px; padding-left:17px; }
#rechts{ float:left; width:175px; }

#navi{ padding-bottom:10px; list-style:none; }
#navi ul{ padding:8px 0 0px 9px; background:#ffffff; }
#navi li{ margin-bottom:10px; }
#navi li a, #navi li a:visited{	background:url(../images/li_inact.gif) top left no-repeat;	line-height:2.2em; display:block; width:100%; border-bottom:1px solid #999999; font-weight:bold; padding-left:5px; width: 185px;}
#navi li a:hover{ background:url(../images/li_hover.gif) top right no-repeat; text-decoration:none;	border-bottom:1px solid #006F9E; }
#navi li a:visited.active, #navi li a:hover.active, #navi li a.active{ background:url(../images/li_act.gif) 0px 0px no-repeat; border-bottom:1px solid #006F9E; padding-left:5px; width:185px;}
#navi ul{ list-style:none; }
#navi ul li{ margin-bottom:0; }
#navi ul li a, #navi ul li a:visited{ background:url(../images/lili_a_inact.gif) 0 2px no-repeat; line-height:1.5em; border:none; padding-left:20px; width:162px; font-weight:normal;}
#navi ul li a.active, #navi ul li a:visited.active{ background:url(../images/lili_a_act.gif) 0 2px no-repeat; line-height:1.5em; border:none; padding-left: 20px; width:162px; font-weight:bold; }
#navi ul li a:hover { background:url(../images/lili_a_act.gif) 0 2px no-repeat; line-height:1.5em; border:none; padding-left: 20px; width:162px; font-weight:normal; text-decoration:underline; }
#navi ul li a:hover.active{ background:url(../images/lili_a_act.gif) 0 2px no-repeat; line-height:1.5em; border:none; padding-left: 20px; width:162px; font-weight:bold;  text-decoration:none; }

.rechtebox, .linkebox{ border:1px solid #999999; padding:10px 8px; margin:5px 0; }
hr{	background-color:#999999; /* Mozilla 1.4 */ color:#999999; /* IE 6 */ border: #999999; /* Opera 7.11 */	height: 1px; /* in Opera für die Anzeige nötig, in Mozilla für die einheitliche Höhe */ margin:10px 0 10px 0; clear:both; }
* html hr{ margin:5px 0 5px 0; }

#footer{ font-size:0.8em; border-top:1px solid #999999; margin-top:20px; padding:10px 0 0 0; float:left; width:100%; }

#footer p.bodytext{	float:left;	width:50%; }
#footer ul{	float:right; list-style:none; }
#footer ul li{ float:left; padding:0 0 0 10px; text-transform:uppercase; font-weight:bold; }
#footer ul li a{ color:#999999; }

/*retorte*/
form#mailform{ padding:10px 0 50px 0; margin:0; }
form#mailform fieldset{	padding:0; margin:0; border:0; }
form#mailform label{ width:120px; display:block; float:left; }
form#mailform input{ float:left; font-size:0.85em; clear:right; border:1px solid #999999; font-family:"trebuchet ms"; padding:1px;}
form#mailform textarea{	float:left; font-size:0.95em; border:1px solid #999999; font-family:"trebuchet ms"; padding:1px; margin-top:0px; width:169px; }
form#mailform .csc-mailform-submit{width:; margin-left:120px; background:none;	border:1px solid #999999; cursor:pointer; border:1px solid #999999; font-family:"trebuchet ms"; padding:1px; }
div.csc-mailform-field{ float:left;margin-bottom:5px; clear:both; width:390px; }
form#mailform input#mailformEinzelhandel, form#mailform input#mailformIBO, form#mailform input#mailformVersandhandel, form#mailform input#mailformeCommerce{border:none;}


/*shop styles*/
.special{ padding-bottom:10px; }
.specialimg{ float:left; padding-right:10px; width:153px; }
.specialdescr{ float:left; width:410px; margin-left:10px;}
#centercontentbreit p.wkfortschritt{ color:#666666;	height:3em; }
#centercontentbreit p.wkfortschritt a:link, #centercontentbreit p.wkfortschritt a:visited{ text-decoration:none; display:block;	padding:1px 10px 0 5px; float:left; color:#F73A06; }
#centercontentbreit p.wkfortschritt a:hover, #centercontentbreit p.wkfortschritt a.active, #centercontentbreit p.wkfortschritt a:visited .active{ text-decoration:underline; display:block; padding:1px 10px 0 5px; float:left; }
#centercontentbreit p.wkfortschritt a{ display:block; padding:1px 10px 0 5px; float:left; color:#666666; text-decoration:none; }
span.erledigt{ width:1em; border:1px solid #F73A06;	color:#F73A06; display:block; padding-left:3px; float:left; }
span.offen{	width:1em; border:1px solid #666666; color:#ffffff;	background-color:#666666; display:block; padding-left:3px; float:left; }
span.offen2{ display:block;	padding:1px 10px 0 5px;	float:left;	color:#666666; }
table.wk{ width:550px; padding:0; margin:0;	border-collapse:collapse; }
table.wk2{ border-collapse:collapse; width:100%; }
table.wk th{ border-bottom:1px solid #C2C2C2; }
th#header1{	width:50%; }
th#header2{	width:12%; }
th#header3{	width:8%; text-align:center; }
th#header4{	width:12%; }
th#header5{	width:8%; text-align:center; }
table.wk td{ vertical-align:top; padding:0;	margin:0 0 0 0;	border-bottom:1px solid #C2C2C2; }
table.wk td.wksonst{ padding:20px 0 0 1px; }
table.wk td.wksonst2{ padding:18px 0 0 0; text-align:center; }
table.wk td.artikel{ padding:20px 0 0px 0; }
.wkbild{ float:left; width:53%;	padding-bottom:20px; }
.wkdescr2{ float:left;	width:40%; }
input.stk{font-size:1em; width:1em; border:1px solid #999999; }
table.wk td.wksonst2 input.stk{border:none;}
input.wkbutton{	border:2px solid #CFCFCF; background:#F73A06; color:#fff; font-weight:bold; font-family:arial; width:125px; cursor:pointer; }
td.noborder input.stk{ font-size:1em; width:1em; margin-top:-3px; }
table.wk .summenzeile{ border:none;	color:black; font-weight:bold;	padding-left:307px;	padding-top:5px; }
.wkende{ padding-top:40px;	font-weight:bold; height:30px; }
.wkende input.wkbutton{	border:2px solid #CFCFCF; background:#F73A06; color:#fff; font-weight:bold; font-family:arial; width:125px; cursor:pointer; font-weight:bold; color:#fff; margin-right:20px; font-family:arial; float:left; padding:1px 0 1px 0; }
* html .wkende input.wkbutton{ padding-bottom:0px; }
.wkende a, .wkende a:visited{ color:#666666; text-decoration:none; border:1px solid #666666; padding:2px 5px 2px 5px; display:block; float:left; margin-right:38px; }
#adressen{ float:left; width:226px;	padding:10px 0 0 0; }
.adresse{ width:216px; margin-bottom:10px; }
.produkte{ width:321px; width:/**/321px; padding:10px 0 0 10px;	float:left; }
#adressen h2{ border-bottom:1px solid #C2C2C2; padding-bottom:3px; margin-bottom:10px; }
.produkte h2{ border-bottom:1px solid #C2C2C2; padding-bottom:3px; margin-bottom:10px; }
.produkte div.hr{ background-color:#C2C2C2;	height:1px;	overflow:hidden; margin:10px 0 10px 0; }
.produkte div.hr hr{ display: none; }
.produkte .wkmng{ width:40px; float:left; text-align:right; padding:0 6px 0 0; margin-bottom:0px; }
.produkte .wkdescr{ float:left;	width:170px; padding-right:10px; margin-bottom:0px;	}
.produkte .preis{ float:left; width:80px; text-align:right;	margin-bottom:0px; }
.produkte .preis span.waehrung{	display:block; float:left; }
.produkte .zwischensumme{ width:226px; float:left; }
.produkte .summe{ width:226px; float:left; font-weight:bold; }
.produkte .preisfett{ float:left; width:80px; text-align:right;	margin-bottom:0px; font-weight:bold; }
.produkte .preisfett span.waehrung{	display:block; float:left; font-weight:bold; }

/*warenkorb formulare*/
p.fehler{ font-weight:bold; color:red; margin:0 0 0px 0; padding:0; }
p.errormessage{	color:red; }
.error{	background-color:#F73A06; }
.wkforms fieldset{ margin:0; padding:0; }
.wkforms label{	width:150px; display:block; float:left;	margin-top:0px; clear:left;}
.wkforms label.nachrichtlabel{ width:300px; margin-bottom:10px;}
.wkforms input.textfield{ font-size:1em; float:left; margin-bottom:3px;	width:210px; border:1px solid #999999; font-family:"trebuchet ms"; }
.wkforms select{ width:212px; margin-bottom:3px; float:left; border:1px solid #666666;}
* html .wkforms select{ width:215px;	font-size:0.9em; float:left; }
.wkforms textarea{ width:210px; border:1px solid #666666; font-family:"trebuchet ms"; padding: 1px; font-size:1em; }
.wkforms input.wkbuttons{ border:2px solid #CFCFCF; background:#F73A06; color:#fff; font-weight:bold; font-family:arial; min-width:125px; cursor:pointer; font-weight:bold; color:#fff; margin-right:20px; font-family:arial; float:left; padding:1px 0 1px 0; float:left; clear:left;}
.wkforms input.wkbuttons2{ background:none; padding:0 5px 0 5px; border:1px solid #666666; cursor:pointer; margin-top:10px; margin-left:150px; }
* html .wkforms input.wkbuttons2{ margin-left:153px; }
h1.neukunde{ width:300px; float:left; }
span.pflichtfeld{ float:right; margin-right:130px; margin-top:5px; }
.wkforms h2{ padding-bottom:10px; }
.wkforms .produkte h2{ border-bottom:1px solid #C2C2C2;	padding-bottom:3px; margin-bottom:10px; }
.wkforms label.anrede{ margin:0 3px 0px 0; line-height:1.5em; width:3em; display:block; float:left; clear:right; }
.wkforms br{ clear:both;}
.wkforms input.radio{ font-size:0.9em; width:20px; float:left; margin-right:5px; }
.radio2{ margin:3px 10px 0 0; float:left; }
.wkforms label.zahlung{	margin:0 0 0 0; width:540px; display:inline; clear:none; float:left;}
.wkforms label.anmerkungen{ float:none; }
.wkforms textarea#nachricht{ width:350px; font-size:1em;}
.adresse p{	margin:5px 0 0 0; }
a.pbearbeiten{ padding-bottom:5px; display:block; }
form#zahlungsart{ margin-bottom:25px; }
form#zahlungsart fieldset{ border:1px solid #cccccc; margin-bottom:15px; padding:0 10px 10px 10px; }
form#zahlungsart legend{ font-weight:bold; margin-bottom:10px; }
form#zahlungsart .kk{ width:25%; float:left; text-align:center; }
form#zahlungsart .bank{	width:20%; float:left; text-align:center; }
form#zahlungsart input.wkbuttons{ background:none; padding:0 5px 0 5px;	border:1px solid #666666; cursor:pointer; margin-top:10px; }
form#zahlungsart input.wkbuttons2{ background:none;	padding:0 5px 0 5px; border:1px solid #666666; cursor:pointer; margin-top:10px;	margin:0; }
.ccleft{ width:15%;	float:left;	text-align:center; }
.ccright{ float:left; padding-left:30px; width:70%; }
form#zahlungsart .ccright label{ width:160px; display:block; float:left; clear:left; margin-top:3px; }
form#zahlungsart .ccright input.textfield{ font-size:1em; margin-bottom:5px; width:180px; float:left; display:inline; font-family:"trebuchet ms"; border:1px solid #999999; }
form#zahlungsart .ccright p{ font-weight:bold; margin:10px 0 5px 0; }
form#zahlungsart .ccright select{ width:50px; margin-bottom:5px; margin-right:10px; font-size:0.90em; float:left; border:1px solid #666666; font-family:"trebuchet ms";}
form#zahlungsart .ccright label.hidden{	display:none; }
.info{ font-size:1em; font-weight:bold;	text-decoration:none; border:1px solid #770000;	padding:0 2px 0 2px; float:left; margin:0 0 0 5px; }
.buttlinks{	width:160px; float:left; padding-top:13px; padding-bottom:10px; }
.buttrechts{ float:left; padding-top:10px; padding-bottom:10px; }
#mpayfooter{ text-align:center; }
.buttlinks a.zurueck{ margin:0;	color:#000000; text-decoration:none; border:1px solid #666666; padding:0px 10px 0px 10px; }
p.versandkostentext{ float:left; }
p.versandkostenpreis{ float:right; margin-right:200px; display:inline; }


/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash h1 {
	visibility: hidden;
	font-size:1.1em;	
}

.sIFR-hasFlash h2 {
	visibility: hidden;
	font-size:0.85em;
}

.sIFR-hasFlash h3 {
	visibility: hidden;
}

.sIFR-hasFlash h4 {
	visibility: hidden;
}

.sIFR-hasFlash h5#pullquote {
	letter-spacing: -4px;
	visibility: hidden;
	font-size: 24px;
}


table.contenttable-0{border-collapse:collapse; border:1px solid #333;}
table.contenttable-0 th{border:1px solid #CFCFCF; text-align:left; padding:3px; background:#efefef;}
table.contenttable-0 td{border:1px solid #CFCFCF; padding:3px; vertical-align:top;}
table.contenttable-0 td.td-0{width:170px;}
table.contenttable-0 td.td-2{text-align:center;}

.handel p, .handel h3{display:none;}

#rechts form{ padding:10px 0;}
#rechts form input.wkbutton{border:2px solid #CFCFCF; background:#F73A06; color:#fff; font-weight:bold; font-family:arial; width:125px;}

div.br-wrapper{float:left; background:#edeeee; margin-bottom:10px; width:100%;}