/*  =========================================================
URL: http://www.dr-johanna-budwig.de/
Datei: screen.css
Media: screen, projection 

Datum: 2009-03-09
Autor: Stefan Brinkers / Jordan Mediengestaltung GmbH
Mail:  stefan.brinkers@jordanmg.de
Web:   http://www.jordanmg.de/
                                   
1. Allgemeine Selektoren 
	1.1 Allgemein gültige Formatierungen
	1.2 Allgemeine Klassen
                              
2. Layoutbereiche 
	2.1 Kopf (Header)
	2.2 Content-Bereich
	2.3 linker UND rechter Bereich
	2.4 Fussbereich (Footer)

3. Navigation
	3.1 Menu horizontal
	3.2 Menu vertikal (untermenu)
	
4. Contentbereich


========================================================== */


/* ##############################
   1. Allgemeine Selektoren 
############################## */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	/**vertical-align: baseline;**/
	background: transparent;
}
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	/**vertical-align: baseline;
	background: transparent;**/
}
body { 
	margin:0px;
	padding:0px;
	text-align: center;
	color:#312D2E;
	background-color:#FFFFFF;
	background-image:url(img/body-background.gif);
	background-repeat:repeat-x;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	/*line-height: 1;*/
}

/* ========================================================
   1.1 Allgemein gültige Formatierungen 
======================================================== */

p, 
ul, 
ol {
  margin-top: 0 ;
  margin-right: 0 ;
  margin-bottom: 1em ;
  margin-left: 0;
  list-style: none;
}

ul ul { 
  margin: 0; 
}

li {
  margin-top: 0 ;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 1em;
}

a { 
  text-decoration: underline; 
}

a:link { 
  color: #6D7EAE; 
}

a:visited { 
  color: #6D7EAE; 
}

a:hover, a:focus { 
  text-decoration: none; 
}

a:active { 

}

img{
border:0px;
border-style:none;
}
img, a img,:link img,:visited img,
#content img, #content a img, #content :link img, #content :visited img{
border-width:0px;
border:none;
border-style:none;
text-decoration:none;
}
div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image {
margin-bottom:15px !important;
}

table {
	/*border-collapse: collapse;
	border-spacing: 0;*/
}
table p{
margin:0px;
padding:0px;
}

/* ========================================================
   1.2 Allgemeine Klassen 
======================================================== */

.clear{
clear:both;
height:1px;
font-size:1px;
}

.ninja{
display:none;
}
.copyright, .parseTime{
display:none;
visibility:hidden;
}

/* ##############################
   2. LAYOUTBEREICHE 
############################### */

#wrapper{ 
text-align: center;
margin: 0px auto;
padding: 0px;
width: 990px;
}

#abstandhalter{
margin-right:0px;
text-align:left;
/**background-color:#FFFFFF;**/
background-image:url(img/abstandhalter-background.jpg); /** Hintergrund y-Richtung **/
background-repeat:repeat-y;
}



/* ========================================================
   2.1 Kopf (Header)  
======================================================== */

#header{ 
position:absolute; /** absolut positioniert, weil Elternelement der anderen absolut positionierten Elemente **/
width:990px;
height:166px;
top:14px;
background-image:url(img/header-background.jpg);
background-repeat:no-repeat;

background-position:5px 10px;
/* 2009-05-04 
background-position:5px 0px;
*/
}
	#header-checkout{
	position:absolute; /** absolut positioniert, weil Elternelement der anderen absolut positionierten Elemente **/
	width:990px;
	height:166px;
	top:24px;
	background-image:url(img/header-background-co.jpg);
	background-repeat:no-repeat;
	/*background-position:5px 10px;*/
	}
	
	#logo{
	margin-top:4px;
	margin-left:29px;
	height:111px;
	}
	
	/** //////////////////////// KONTOECKE ////////////////// **/
	#kontoecke{
	position:absolute;
	left:777px;
	top:24px;
	width:185px;
	z-index:3;
	}
	
	#kontoecke div{
	margin-bottom:3px;
	}
	
		#kontoecke a{
		line-height:25px;
		color:#5A471C;
		text-decoration:none;
		padding-left:30px;
		}
			#kontoecke a.logoff{
			padding-left:0px;
			}
		
			#kontoecke a:hover{
			color:#687AAB;
			text-decoration:underline;
			}
			
		#kontoecke .meinkonto{
		background-image:url(img/meinkonto.gif);
		background-repeat:no-repeat;
		height:25px;
		}
		
		#kontoecke .warenkorb{
		background-image:url(img/warenkorb-leer.gif);
		background-repeat:no-repeat;
		height:25px;
		}
		#kontoecke .warenimkorb{
		background-image:url(img/warenkorb-voll.gif);
		background-repeat:no-repeat;
		height:25px;
		}
		
			#kontoecke .warenimkorb a{
			color:#CC0000;
			font-weight:bold;
			}
		
		
	/** //////////////////////// SUCHE ////////////////// **/
	#suche{
	/*width:170px;*/
	height:30px;
	z-index:4;
	padding:0px;
	margin:8px 0px 0px 7px;
	}
	
	#suche form {
	padding-top: 0px;
	margin-top:0px;
	  padding-bottom: 2px;
	  margin-bottom: 0px;
	}
	#suche fieldset {
	padding-top: 0px;
	  padding-bottom: 0px;
	  margin-bottom: 0px;
	  margin-top:0px;
	  border:0px;
	}
	#suche .inputbox{
	background-color:transparent; color:#5A471C; border:1px solid #5A471C; padding-left:22px; width:122px; background-image:url(img/magnifier.png); background-repeat:no-repeat; background-position:2px;
	}
	#suche .button {
	background-color:#8995CB; color:#FFFFFF; width:25px; height:20px; margin-left:1px; border:1px solid #FFFFFF;
	}


/* ========================================================
   2.2 linker UND rechter Bereich
======================================================== */
		
	#left {
	float:left;
	width:160px;
	margin:0px;
	padding:0px 0px 0px 12px;
	}
	
		.leftabstand{
		height:270px;
		}
		
		.wissenswertes .leftabstand{
		height:310px;
		}
		.presseberichte .leftabstand{
		height:540px;
		}
		.empfehlungen .leftabstand{
		height:700px;
		}
		.erfahrungsberichte .leftabstand{
		height:720px;
		}
		.oel-eiweiss-kost .leftabstand{
		height:395px;
		}
		.gute-gruende .leftabstand{
		height:370px;
		}

		.ueber-uns .leftabstand{
		height:395px;
		}
		.beratung-und-hilfe .leftabstand{
		height:460px;
		}

		
		.gesundheit .leftabstand{
		height:310px;
		}
		
		.rezepte .leftabstand{
		height:310px;
		}
		.c3_Bibliothek .leftabstand, .c29_Buecher .leftabstand, .c30_Downloads .leftabstand
		{
		height:310px;
		}
	
	#right{
	float:left;
	width:153px;
	margin:0px 0px 0px 0px;
	padding:0px;
	}
	
	#right h4{
	width:153px;
	height:32px;
	line-height:32px;
	background-image:url(img/rechts-h4-back.gif);
	background-repeat:no-repeat;
	color:#FFFFFF;
	font-size:12px;
	font-weight:bold;
	text-transform:uppercase;
	letter-spacing:1px;
	margin:0px;
	padding:0px 7px 0px 0px;
	text-align:center;
	}
	#right h4 a{
	color:#FFFFFF;
	}
	
	.rightbox{
	width:160px;
	}
		.rightbox a{
		text-decoration:none;
		}
	
	.rechtsbutton{
	width:160px;
	height:38px;
	padding:10px 0px 0px 0px;
	background-image:url(img/rechts-button-back.gif);
	background-repeat:no-repeat;
	}
		.rechtsbuttonTwo{
		width:160px;
		height:38px;
		padding:4px 0px 0px 0px;
		background-image:url(img/rechts-button-back.gif);
		background-repeat:no-repeat;
		}
	.rechtsbutton a, .rechtsbutton a:visited{
	color:#5A471C;
	text-transform:uppercase;
	font-weight:bold;
	padding:4px 25px 0px 8px;
	margin:0px;
	background-image:url(img/rechts-button-a.gif);
	background-repeat:no-repeat;
	background-position:125px 0px;
	display:block;
	width:125px;
	height:17px;	
	text-decoration:none;
	}
		.rechtsbuttonTwo a, .rechtsbuttonTwo a:visited{
		color:#5A471C;
		text-transform:uppercase;
		font-weight:bold;
		padding:0px 25px 0px 8px;
		margin:0px;
		background-image:url(img/rechts-button-a.gif);
		background-repeat:no-repeat;
		background-position:125px 0px;
		display:block;
		width:125px;
		height:22px;	
		text-decoration:none;
		}
	.rechtsbutton a:hover,
	.rechtsbuttonTwo a:hover{
	background-position:125px -22px;
	text-decoration:none;
	color:#687AAB;
	}
	.rechtsbutton .rkleiner,
	.rechtsbuttonTwo .rkleiner{
	font-size:12px;
	}
	
	
	
/* ========================================================
   2.4 Fussbereich (Footer)  
======================================================== */

#footer{ 
text-align: center;
margin: 0px;
padding: 0px;
width: 990px;
height:11px;
background-image:url(img/footer-background.gif);
background-repeat:no-repeat;
}

	
	
	
/* ##############################
   3. NAVIGATION 
############################### */

#navi{
margin-top:8px;
margin-left:12px;
}

/* ========================================================
   3.1 Menu horizontal
======================================================== */

#navi ul{
height:48px;

list-style-type:none;
margin:0px;
padding:0px;
z-index:50;
}

#navi ul li {
float:left; 
display:inline;
margin:0px;
text-align:center;
line-height:48px;

	background-image:url(img/navi-a.gif);
	background-repeat:no-repeat;
}

	#navi ul a, #navi ul a:visited{
	color:#5A471C;
	text-decoration:none;
	text-transform:uppercase;
	font-size:14px;
	font-weight:bold;
	background-image:url(img/navi-a.gif);
	background-repeat:no-repeat;
	background-position:0px 0px;
	display:block;
	width:160px;
	height:48px;
	}
	
	#navi ul a:hover{
	color:#687AAB;
	background-position:0px -48px;
	}
	
	#navi ul li.on a, #navi ul li.on a:visited{
	color:#FFFFFF;
	background-position:0px -96px;
	}
	#navi ul li.on a:hover{
	text-decoration:none;
	}
	
/* ========================================================
   3.2 Menu vertikal (untermenu)
======================================================== */	

#navi ul ul h2{
width:160px;
height:30px;
line-height:30px;
background-color:#8995CB;
color:#FFFFFF;
font-size:12px;
font-weight:bold;
text-transform:uppercase;
letter-spacing:1px;
margin:0px 0px 2px 0px;
padding:0px;
}


#navi ul ul{ 
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
list-style-type: none;
position:absolute;
/* 2009-05-04 
top:190px;
*/
top:175px;
left:12px;
width:160px;
z-index:30;
height:auto;
}

#navi ul li ul li {
line-height:27px;
margin: 0px 0px 1px 0px;
padding: 0px 0px 0px 0px;
list-style-type:none;
text-align:left;
background-image:none;
}

	#navi ul li.on li a, #navi ul li.on li a:visited{
	color:#5A471C;
	}
	
	#navi ul li ul li a, #navi ul li ul li a:visited {
	text-transform:none;
	text-decoration:none;
	font-weight:normal;
	letter-spacing:normal;
	font-size:12px;
	padding:0px 0px 0px 5px;
	background-image:none;
	
	display:block;
	background-color:#F4F2EB;

	color:#5A471C;
	text-decoration:none;
	line-height:27px;

	width:155px;
	border-bottom:1px solid #ACA095;
	height:27px;
	}
	#navi ul li ul li a:hover, #navi ul li.on ul li a:hover {
	background-color:#E9E9E9;
	color:#687AAB;
	}
	
	
	#navi ul li ul li.on a, #navi ul li ul li.on a:hover, #navi ul li ul li.on a:visited {
	background-color:#F4F2EB;
	color:#687AAB;
	font-weight:bold;
	}

/** //////////////////////// sub-sub-menu ////////////////// **/
#navi ul ul ul{
position:relative;
top:auto;
left:auto;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
list-style-type:none;
z-index:30;
width:160px;
}

#navi ul li ul li ul li {
line-height:27px;
margin: 0px 0px 1px 0px;
padding: 0px 0px 0px 0px;
list-style-type:none;
}

	#navi ul li ul li.on li a, #navi ul li ul li.on li a:hover, #navi ul li ul li.on li a:visited {
	background-color:#FAFAFA;
	background-image:url(img/ulliuliback.gif);
	background-repeat:no-repeat;
	background-position:0 0;
	color:#000;
	font-weight:normal;
	}
	
	#navi ul li ul li ul li a, #navi ul li ul li ul li a:visited {
	text-transform:none;
	text-decoration:none;
	font-weight:normal;
	letter-spacing:normal;
	font-size:12px;
	padding-left:15px;
	margin-left:0px;
	display:block;
	text-align:left;
	background-color:#FAFAFA;
	color:#000;
	text-decoration:none;
	line-height:27px;
	padding-right:0px;
	width:145px;
	border-bottom:1px solid #ACA095;
	}
	#navi ul li ul li ul li a:hover, #navi ul li ul li.on ul li a:hover{
	background-color:#F4F4F4;
	color:#000;
	border-bottom:1px solid #000;
	}
	#navi ul li ul li ul li.on a, #navi ul li ul li ul li.on a:hover, #navi ul li ul li ul li.on a:visited {
	background-color:#FAFAFA;
	color:#000;
	font-weight:bold;
	}

/* ========================================================
   3.3 Menu vertikal (fix)
======================================================== */	

#servicenav{
margin: 0px 0px 15px 0px;
padding: 0px 0px 0px 0px;
}

#servicenav ul { 
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
list-style-type: none;
width:160px;
z-index:30;
}

#servicenav ul li {
/*line-height:22px;
margin: 0px 0px 5px 0px;*/
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
list-style-type:none;
text-align:left;
background-image:none;
}

	#servicenav li.on a, #servicenav li.on a:visited{
	color:#2D2D2D;
	}
	
	#servicenav ul li a, #servicenav ul li a:visited {
	text-transform:none;
	text-decoration:none;
	font-weight:normal;
	letter-spacing:normal;
	font-size:12px;
	margin:0px;
	padding:0px 0px 0px 5px;
	display:block;
	color:#5A471C;
	text-decoration:none;
	width:155px;
	border-bottom:1px solid #FFF;
	/*height:22px;*/
	}
	#servicenav ul li a:hover {
	border-bottom:1px solid #5A471C;
	color:#6D7EAE;
	}
	
	
	#servicenav ul li.on a, #servicenav ul li.on a:hover, #servicenav ul li.on a:visited {
	color:#6D7EAE;
	font-weight:bold;
	}




/* ##############################
   4. CONTENTBEREICH 
############################### */
	
		
/* ========================================================
   4.1 Contentbereich Allgemein
======================================================== */	
#contentBereich{
margin:14px 0px 0px 0px;
/* 2009-05-04 
padding-top:190px;
*/
padding-top:175px;
width: 990px;
background-image:url(img/main-background.jpg); 
background-repeat:no-repeat;
text-align:left;
min-height:480px;
}
	/** minimum height for ie **/
	*html #contentBereich{
	height:480px;
	}


	#content{
	float:left;
	width:595px;
	padding:15px;
	margin:0px 10px 30px 10px;
	border:1px solid #C6BF9E;
	min-height:420px;
	}
		/** minimum height for ie **/
		*html #content{
		height:420px;
		}
		
		/*.p7_Dr--Budwig-s-Omega-Woman #content,
		.p4_Dr--Budwig-s-Omega-Balance #content{
		background-image:url(img/product_info/product_info-back-woman.jpg);
		background-repeat:no-repeat;
		background-color:#FFFFFF;
		}
		.p7_Dr--Budwig-s-Omega-Woman #product_info,
		.p4_Dr--Budwig-s-Omega-Balance #product_info{
		background-image:none;
		background-color:transparent;
		}*/
		/*.p58_Dr--Budwig-s-Omega-DHA #content{
		background-image:url(img/product_info/product_info-back-neu.jpg);
		background-repeat:no-repeat;
		background-color:#FFFFFF;
		}
		.p58_Dr--Budwig-s-Omega-DHA #product_info{
		background-image:none;
		background-color:transparent;
		}*/
	
	#content p{
	font-size:13px;
	line-height:17px;
	}
	
	#content h1{
	color:#5A471C;
	font-size:18px;
	padding:15px 0px 10px 0px;
	margin:0px;
	font-weight:normal;
	}
		
		.checkout_confirmation #content h1{
		padding:15px 0px 0px 0px;
		}
		#content h1 a, #content h2 a, #content h3 a, #content h4 a{
		text-decoration:none;
		}
		#content .product-name h1{
		width:325px;
		}
		
	#content h2{
	color:#687AAB;
	font-size:14px;
	padding:20px 0px 15px 0px;
	margin:0px;
	font-weight:bold;
	}
	


	
	#content h3{
	border-bottom:1px solid #D6D1B9;
	color:#231F20;
	font-size:14px;
	font-weight:bold;
	margin:0 0 5px;
	padding:15px 0 5px;
	}
	
	#content h5{
	color:#5A471C;
	font-size:15px;
	padding:15px 0px 5px 0px;
	margin:0px;
	font-weight:bold;
	}
	
	#content h4{
	padding:15px 0px 5px 0px;
	font-size:13px;
	font-weight:bold;
	}
	
	#content a, #content a:visited{
	/** noch nicht definiert**/
	}
		#content a:hover{
		/** noch nicht definiert**/
		}

#content ul, #content li{
margin-bottom:25px;
}
#content li{
list-style-type:square;
margin:6px 0 0px 20px;
line-height:18px;
}
#content li li{
margin:6px 0 0px 20px;
}

#content textarea{
width:550px;
}

		.commentsbox{
		
		}
		
			.commenthinweis{
			height:50px;
			width:180px;
			float:left;
			margin-right:15px;
			}
			
			.commentstextarea{
			width:250px;
			float:left;
			}
				
				#content textarea#comments{
				height:30px;
				width:250px;
				}

#content #contact_us textarea{
width:350px;
}
#content .message input{
float:left; margin-bottom:20px; margin-right:15px;
}
/**#content img{
padding:10px;
}**/
/** Bilder **/
.fllinks {
float:left;
padding-right:10px;

}
	
.flrechts {
float:right;
padding-left:10px;
}

.greetUser {
color:#990000;
font-weight:bold;
}

.content_left{
width:50%;
float:left;
vertical-align:top;
}
.content_right{
width:50%;
float:left;
vertical-align:top;
}

.csc-textpic-caption{
color:#666666;
font-size:12px;
}



/* ========================================================
   4.2 Contentbereich Rahmen/Boxen
======================================================== */	
.message p, .achtung p, .error p, .messageOhneMargin p, .messageInfo p, .paymentInfo p, .messageInfoLila p,  .messageInfoCart p{
margin-bottom:2px;
}
.message{ /** gruen **/
border:2px solid #297922;
padding:5px 10px 5px 10px;
/*background-color:#ECE7D9;*/
background-color:#F0F9F8;
font-weight:normal;
margin:0px 40px 19px 40px;
}
.messageOhneMargin{ /** gruen **/
border:2px solid #297922;
padding:5px 10px 5px 10px;
/*background-color:#ECE7D9;*/
background-color:#F0F9F8;
font-weight:normal;
}
	.password_double_opt #content .message input{
	float:none;
	margin:0px;	
	}
	.eldi .message{
	margin:30px 0px 19px 0px;
	}
.messageagb{ /** gruen **/
border:2px solid #297922;
padding:5px 10px 5px 10px;
background-color:#F0F9F8;
font-weight:bold;
background-image:url(img/agb_achtung.gif);
background-repeat:no-repeat;
}
	.agbcheckbox{
	float:left;
	width:50px;
	text-align:center;
	margin:0px;
	padding:10px 0px 0px 0px;
	}
	.agbtext{
	float:left;
	padding-left:150px;
	margin:0px;
	width:370px;
	}
.achtung{ /** gruen **/
color: #297922;
font-weight:bold;
}
.error { /** rot **/
border:2px dotted #814142;
padding:5px;
background-color:#F9F0F1;
margin:5px 40px 19px 40px;
}
.messageInfo{  /** neutral **/
background-color:#FCFCFC;
border:2px solid #DCD2B5;
margin:30px;
padding:5px;
text-align:center;
}

.messageInfoLila{
background-color:#FCFCFC;
border:2px solid #8995CB;
margin:10px 30px 30px 30px;
padding:5px;
text-align:center;
color:#666666;
}
.paymentInfo{  /** neutral **/
background-color:#FCFCFC;
border:2px solid #DCD2B5;
margin:10px;
padding:5px;
}
#cobject_115, #cobject_255{  /** Typo3:OmegaAbo + Beratungshotline **/
background-color:#FCFCFC;
border:2px solid #DCD2B5;
margin:10px;
padding:15px;
}
.product_navigator {
border:2px solid #DCD2B5;
padding:5px;
background-color:#F3F3EB;
margin:10px;
}
#box_reviews{
border:2px solid #4F4C3D;
padding:25px 20px 25px 20px;
background-color:#EEE9DA;
font-weight:normal;
margin:5px 15px 15px 15px;
}
#box_reviews h4{
font-size:15px;
font-weight:bold;
letter-spacing:2px;
color:#275975;
margin:0px;
padding:0px;
}

#qtyhinweis-box{
margin-left:-150px;
padding:5px;
position:absolute;
top:300px;
width:150px;
background-color:#6A7CBD;
color:#FFFFFF;
border:2px solid #CCCCCC;
z-index:999;
}


/** //////////////////////// TYPO_BOXEN ////////////////// **/
#cobject_183{
clear:both;
}

/* ##############################
   5. SPEZIELLE SEITEN 
############################### */
	
		
/* ========================================================
   5.1 Category Listing
======================================================== */	
.cat-listing-box, #content .csc-frame-frame1, #content .csc-frame-frame2 {
width:175px;
float:left;
margin-bottom:15px;
padding:0px;

margin-left:12px;
}

	.notlastinrow, #content .csc-frame-frame1{
	/*margin-right:25px;*/
	
	margin-right:12px;
	}
	
.cat-listing-box .cl-header, #content .csc-frame-frame1 .csc-header, #content .csc-frame-frame2 .csc-header{
	height:24px;
	line-height:24px;
	width:165px;
	margin-bottom:2px;
	background-image:url(img/cat-listing-h2-back.gif);
	background-repeat:no-repeat;
	padding-left:5px;
	}
	/* Weihnachten / Schuhbecks */
	#content .boxcount6 .cl-header{
	background-image:url(img/cat-listing-h2-backw.gif);
	/* background-image:url(img/cat-listing-h2-back-sb.gif);*/
	}
	#main #content .boxcount6 h2{
	color:#FFFFFF;
	}

#content .cat-listing-box h2, #content .csc-frame-frame1 h2, #content .csc-frame-frame2 h2,
#content .cat-listing-box a h2, #content .cat-listing-box a:visited h2, #content .csc-frame-frame1 h2 a, #content .csc-frame-frame2 h2 a{
padding:0px;
margin:0px;
font-size:12px;
font-weight:bold;
/*color:#6D7EAE;*/
color:#5A471C;
}


/* ========================================================
   5.2 Product Listing
======================================================== */	
#product_listing h1{
/*padding:0px;
margin:0px;*/
}
	#content #product_listing .product-name h2 a{
		color:#687AAB;
		}

	.notlastinrow2{
	margin-right:11px;
	}
	
	.biosiegel{
	background-image:url(img/product_listing/bio-siegel.gif);
	background-repeat:no-repeat;
	background-position:5px 112px;
	}
	.biosiegel-pdj{
	background-image:url(img/product_listing/bio-siegel-pdj.gif);
	background-repeat:no-repeat;
	background-position:5px 32px;
	}
	.biosiegelhoch-pdj{
	background-image:url(img/product_listing/bio-siegel-hoch-pdj.gif);
	background-repeat:no-repeat;
	background-position:5px 35px;
	}
	.biosiegelhoch{
	background-image:url(img/product_listing/bio-siegel-hoch.gif);
	background-repeat:no-repeat;
	background-position:5px 68px;
	}
	.neuerezeptur{
	background-image:url(img/product_listing/neuerezeptur-prodlist.gif);
	background-repeat:no-repeat;
	background-position:0px 0px;
	}
	.neuesprodukt{
	background-image:url(img/product_listing/neu-prodlist.gif);
	background-repeat:no-repeat;
	background-position:0px 0px;
	}

#product_listing .product-listing-box{
width:173px;
float:left;
margin-bottom:30px;
padding:0px 3px 0px 3px;
border:1px solid #D6D1B9;
}
	#box_best_sellers .product-listing-box{
	width:175px;
	float:left;
	margin-bottom:5px;
	/*margin-right:15px;*/
	padding:0px 3px 0px 3px;
	border:1px solid #D6D1B9;
	}

	#product_listing a, #product_listing a:hover, #product_listing a:visited, #product_listing a:active,
	#box_best_sellers a, #box_best_sellers a:hover, #box_best_sellers a:visited, #box_best_sellers a:active {
	text-decoration:none;
	color:#4F4C3D;
	}

#product_listing .product-name,
#box_best_sellers .product-name{
	cursor:pointer;
	}
	#product_listing h2,
	#box_best_sellers h2{
	padding:10px 0px 5px 0px;
	}

#product_listing .produktfoto,
#box_best_sellers .produktfoto{
/*float:left;
width:100px;*/
text-align:right;
height:160px;
width:165px;
}
#product_listing .produktfoto img,
#box_best_sellers .produktfoto img{
margin-bottom:0px;
}
#content #product_listing .produktrechts, #content #product_listing .produktrechts p,
#content #box_best_sellers .produktrechts, #content #box_best_sellers .produktrechts p{
/*float:left;
width:195px;*/
font-size:12px;
line-height:15px;
}
#product_listing .maxheight{
height:200px;
}	
	.c1_Dr--Budwig-s-Omega-Oele #product_listing .maxheight{
	height:230px;
	}
	.c30_Downloads #product_listing .maxheight{
	height:130px;
	}
	.c29_Buecher #product_listing .maxheight{
	height:160px;
	}
	.c29_Buecher #product_listing h2{
	font-size:14px;
	letter-spacing:-1px;
	}
	.c34_Gesundheit-verschenken #product_listing .maxheight{
	height:160px;
	}
	/*.c23_Weihnachtsaktion #product_listing .maxheight{
	height:215px;
	}*/
	#box_best_sellers .maxheight{
	height:220px;
	}	
#product_listing .infobestellen,
#box_best_sellers .infobestellen{
text-align:center;
}

#box_best_sellers{
margin-bottom:10px;
margin-top:10px;
}
	#content #box_best_sellers h2{
	color:#5A471C;
	}
		#content #box_best_sellers .product-name h2 a{
		color:#5A471C;
		}
	
	#box_best_sellers .produktpreis{
	font-size:15px;
	}


/* ========================================================
   5.3 Product Info
======================================================== */	
#product_info, #product_listing{
background-image:url(img/product_info/product_info-back.jpg);
background-repeat:no-repeat;
background-color:#FFFFFF;
z-index:0;

padding:0px 15px 0px 15px;
}
.schuhbecks #product_info, .schuhbecks #product_listing{
background-image:url(img/product_info/product_info-back-sb.jpg);
}
.schuhbecks .description{
width:300px;
}
.schuhbecks #product_listing .maxheight{
height:225px;
}
/**#product_info .wrapit, #product_listing .wrapit{
margin:0px 15px 0px 15px;
z-index:99;
background-color:transparent;
}**/

#product_info .product-info-head{

}
	#product_info .product-info-head div{
	/**float:left;**/
	}
	#product_info .product-info-head .artnr{
	width:110px;
	color:#323231;
	font-size:13px;
	}
	#product_info .product-info-head .product-name{
	/*width:280px;*/
	margin-left:160px;
	}

#product_info .product_image{
margin-top:50px;
float:left;
width:152px;
text-align:center;
}
	#product_info .product_image a{
	border:0px;
	display:block;
	margin-top:1px;
	margin-left:1px;
	padding-bottom:3px;
	}
	#product_info .product_image a:hover{
	border:1px dotted #D6D1B9;
	margin-top:0px;
	margin-left:0px;
	}
	#product_info .product_image a span{
	display:none;
	color:#5A471C;
	background-image:url(img/lupe.gif);
	background-position:left 0px;
	background-repeat:no-repeat;
	padding-left:20px;
	}
	#product_info .product_image a:hover span{
	display:inline;
	}
#product_info .produktrechts{
float:left;
width:410px;
}
	#product_info .produktrechts .main{
	padding:10px 0px 5px 10px;
	margin-bottom:15px;
	}
		#product_info .produktrechts .main td.main{
		padding:0px;
		}

	#product_info .indenkorb{
	margin:-42px 0px 5px 0px;
	
	}
	#product_info .indenkorb .button{
	height:25px;
	text-align:right
	}
	#product_info .indenkorb .anzahl{
	padding:7px;
	height:20px;
	text-align:right;
	font-size:11px;
	color:#4F4C3D;
	}
		#product_info .indenkorb .anzahl input{
		/*background-image:url(img/anzahl_mal.gif);
		background-repeat:no-repeat;
		background-position:right;*/
		border:1px solid #DBA76F;
		/*text-align:right;
		padding-right:15px;
		width:25px;*/
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:13px;
		color:#4F4C3D;
		
		width:20px;
		text-align:center;
		}
#product_info h2{
color:#312D2E;
font-size:12px;
font-weight:bold;
padding:15px 0px 5px 0px;
}
.lieferzeit{
margin:0px;
padding:0px;
}

.products_reviews {

}

	.products_reviews .products_reviews_user{
	margin-bottom:15px;
	padding:8px;
	background-color:#F5F4F0;
	}

#product_info .alsopurchased a, #product_info .alsopurchased a:hover, #product_info .alsopurchased a:visited, #product_info .alsopurchased a:active {
text-decoration:none;
color:#4F4C3D;
}

	.alsopurchased .item{
	float:left;
	width:160px;
	height:270px;
	padding:8px;
	border:1px solid #DFD9CF;	
	margin:15px 5px 15px 5px;
	background-image:url(img/product_info/also_purchased_bg.gif);
	background-repeat:repeat-x;
	background-position:bottom;
	}
	#content .alsopurchased h6{
	font-weight:bold;
	padding-top:5px;
	margin:0px 0px 10px 0px;
	}

/* ========================================================
   5.4 Product Listing + Info
======================================================== */	
.produktpreis{
font-size:20px;
color:#297922;
font-weight:bold;
}

.sonderpreis{
font-size:16px;
color:#990000;
font-weight:bold;
text-decoration:line-through;
}


/** eldi / hautoele **/

.listing2 .product-name h1{
color:#323231;
font-size:18px;
padding:0px 0px 0px 67px;
margin:10px 0px 15px 30px;
}

/** //////////////////////// Versandkosten und Zahlung ////////////////// **/
.Versand---Zahlung #content li li{
list-style-type:none;
}
/** //////////////////////// Startseite ////////////////// **/
.startseite #content div.csc-textpic-intext-left div.csc-textpic-imagewrap{
margin-top:-20px;
margin-right:30px !important;
}

.startseite #content{
width:767px;
margin:0 10px 30px 11px;
}
	*html .startseite #content{ /* IE */
	width:767px;
	margin:0 10px 30px 5px;
	}
	
		.startseite #content h1{
		padding:0px 0px 0px 0px;
		margin-left:180px;
		}
		.startseite #content h3{
		padding:5px 0px 0px 0px;
		border-bottom:0px;
		}
		.startseite #contentkernel{
		border:1px solid #D6D1B9;
		padding:15px 20px 10px 20px;
		margin-top:15px;
		}

/** //////////////////////// Warenkorb ////////////////// **/
#warenkorbtabelle{
border:1px solid #ACA095;
/*border-collapse:collapse;*/
}
#warenkorbtabelle td a{

}
#warenkorbtabelle thead th{
background:#ACA095;
border:1px solid #ACA095;
color:#FFFFFF;
}

#warenkorbtabelle tbody td{
background-color:#F7F6F3;
border-bottom:1px solid #E5E0D1;
border-right:1px solid #E5E0D1;
padding:5px;
}
#warenkorbtabelle tbody .zebra td{
background-color:#EEEBE2;
}
		#warenkorbtabelle tbody td.tdimage, #warenkorbtabelle tbody .zebra td.tdimage{
		background-color:#FFFFFF;
		}

#warenkorbtabelle tfoot{
background-color:#FFFFFF;
}
#warenkorbtabelle tfoot td{
padding-top:7px;
padding-bottom:6px;
padding-right:7px;
}

.cart-versandkosten{
margin:30px 0px 10px 0px;
}
	.cart-versandkosten .cart-button{
	width:140px;
	float:left;
	margin-left:10px;
	}
	
	.cart-versandkosten .messageInfoCart{
	width:430px;
	float:left;
	}
		
		.messageInfoCart{  /** neutral **/
		background-color:#FCFCFC;
		border:2px solid #DCD2B5;
		color:#666666;
		height:50px;
		margin:20px 0 0 10px;
		padding-top:15px;
		text-align:center;
		}
		.messageInfoCart span{
		color:#297922;
		}
.cart-omegaabo {
margin:0px 0px 10px 0px;
}
	.cart-omegaabo .cart-button{
	width:140px;
	float:left;
	margin-left:10px;
	}
	
	.cart-omegaabo .messageInfoLila{
	width:430px;
	float:left;
	height:60px;
	margin:15px 0 0 10px;
	padding:10px 0 0;
	text-align:center;
	}

/** //////////////////////// create-account ////////////////// **/
.breiter input{
width:180px;
}
.schmaler input{
width:80px;
}

#freundw-box .abstand{
margin-left:45px;
}

.pflichtangaben{
margin-top:-20px;
text-align:right;
margin-bottom:5px;
}

.wobinich{
border: 1px solid #D6D1B9;
padding:5px;
}

/** //////////////////////// Erfahrungsberichte ////////////////// **/
		.erf-off{
		display:none;
		}
		.startseite #right .erf-off,
		.product_info #right .erf-off{
		display:block;
		}
		
		.but-off{
		display:none;
		}
		.startseite #right .but-off,
		.product_info #right .but-off,
		.cat #right .but-off{
		display:block;
		text-align:center;
		}
		
		.mei-off{
		display:none;
		}
		.erfahrungsberichte #right .mei-off{
		display:block;
		}
		
		.log-off,
		.erfahrungsberichte #right .log-off{
		display:none;
		}
		.gesundheit #right .log-off,
		.ueber-uns #right .log-off,
		.wissenswertes #right .log-off{
		display:block;
		}
		
/** //////////////////////// Gesundheit ////////////////// **/
.gesundheitsbutton{
	width:190px;
	height:38px;
	padding:10px 0px 0px 0px;
	background-image:url(img/gesundheit-button-back.gif);
	background-repeat:no-repeat;
	float:left;
	margin-right:8px;
	}
	.gesundheitsbutton a, .gesundheitsbutton a:visited{
	color:#5A471C;
	text-transform:uppercase;
	font-weight:bold;
	padding:4px 25px 0px 8px;
	margin:0px;
	background-image:url(img/rechts-button-a.gif);
	background-repeat:no-repeat;
	background-position:155px 0px;
	display:block;
	width:155px;
	height:17px;	
	text-decoration:none;
	}
	.gesundheitsbutton a:hover{
	background-position:155px -22px;
	text-decoration:none;
	color:#687AAB;
	}
/** //////////////////////// Rezepte ////////////////// **/
/*.rezepte #content .csc-header,*/
.rezepte #content ul{
margin-right:20px;
min-height:190px;
}
	*html .rezepte #content ul{
	height:190px;
	}
	
	.rezepte #content li{
	list-style-type:none;
	padding-left:0px;
	margin-left:0px;
	}
	.rezepte #content ul{
	border-top:1px solid #D3CEB4;
	border-bottom:1px solid #D3CEB4;
	padding:5px;
	background-image:url(img/rezeptzutaten_back.jpg);
	background-repeat:repeat-x;
	}

	.csc-uploads {
	width:100%;
	text-align:right;
	padding-top:10px;
	}
	.csc-uploads-icon{
	width:450px;
	}
	.csc-uploads-fileName{
	/*width:150px;*/
	}

/** //////////////////////// ANMELDUNG und LOGIN ////////////////// **/
#loginsite {

}
.neuerkunde{
/**float:left;**/
margin:15px;
padding:0px 20px 20px;
border:2px solid #297922;
background-color:#F0F9F8;
/**height:200px;**/
}
.alterkunde{
/**float:left;**/
margin:15px;
padding:0px 20px 20px;
/*border:2px solid #F2F2EA;*/
/**height:200px;**/
}
#loginsite h1{
font-size:24px;
color:#297922;
}
#loginsite h2{
color:#6A7CBD;
}



div.floatBox {
background-color:#F7F7F7;
border:1px solid #D9D9D9;
line-height:normal;
margin:0pt;
padding:5px;
}
	.freundschaftswerbung .floatBox{
	background-color:#F3F1EB;
	padding-top:0px;
	}
	
div.floatBox td{
padding:3px 20px 3px 10px;
}
div.floatBox td.border{
padding-top:3px;
padding-bottom:13px;
border-bottom:1px solid #D9D9D9;
}
div.floatBox td.padding{
padding-top:13px;
}

.kleinereschrift{
font-size:12px;
}

/** //////////////////////// Warum Box ////////////////// **/
	#box_warum{
	background-image:url(img/warum_bg.jpg);
	background-repeat:no-repeat;
	width:766px;
	}
	#box_warum .product-listing-box{
	width:228px;
	height:398px;
	float:left;
	margin-bottom:5px;
	padding:10px 10px 10px 10px;
	border:1px solid #D6D1B9;
	text-align:left;
	}
	#box_warum .warum-weiss{
	width:6px;
	height:418px;
	float:left;
	margin-bottom:5px;
	padding:0px;
	border:1px solid #FFFFFF;
	background-color:#FFFFFF;
	}
	#box_warum h2{
	color:#297922;
	font-size:28px;
	font-weight:bold;
	line-height:22px;
	margin:42px 0px 18px 0px;
	padding:0px;
	}
		#box_warum h2 span{
		font-size:22px;
		}
	#box_warum p{
	line-height:normal;
	}
	#box_warum a, #box_warum a:visited, #box_warum a:active {
	text-decoration:underline;
	color:#312D2E;
	}
	#box_warum a:hover {
	text-decoration:none;
	color:#312D2E;
	}

/* ##############################
   6. SONSTIGES 
############################### */
	
		
/* ========================================================
   6.1 Allgemein
======================================================== */	
#content a.external-link-new-window{
background-image:url(img/external_link_new_window.gif);
background-position:right 3px;
background-repeat:no-repeat;
padding-right:17px;
}

.alignright {
text-align:right;
}

.unsichtbar{
display: none;
}


hr{
border: 0px; /* Für Firefox und Opera */
 border-top: solid 1px #D6D1B9;
 border-bottom: solid 1px #FFFFFF; /* Für I.Explorer (Seiten-Hintergrundfarbe!) */
 margin:5px 0px 5px 0px;
 padding:0px 0px 0px 0px;
}
	*html hr{
	margin:0px 0px 0px 0px;
 	padding:0px;
	}

.onepxwidth{
width:20px;
}

.color01{ /** Schriftfarbänderung für span (braun) **/
color:#8E8163;
}

.kategorieinfo{
height:180px;
}
.kleiner{
font-size:12px;
}
.abstandrechts {
margin-right:40px;
}

#fieliset .labelclass{
float:left;width:30%;text-align:right;vertical-align:bottom;font-weight: bold;padding-right: 5px;
}
#fieliset .fieldclass{
float:left;width:60%;
}
#fieliset .agreeme .labelclass,
#fieliset .agreeme #agreed_div .labelclass{
float:left;width:80%;text-align:left;vertical-align:bottom;font-weight: bold;padding-right: 5px;
}
#fieliset .agreeme .fieldclass{
float:left;width:10%;
}

#suchfunktion #cart p{
	margin: 0;
	padding: 0;
	font-weight: 900;
}
#suchfunktion #cart {
	margin-top: 3px;
}

.productOldPrice {
	text-decoration:line-through;
}


/* ========================================================
   6.2 Formulare
======================================================== */	
	form {
		margin: 0;
		padding: 0;
	}
	
	fieldset {
		margin: 1em 0;
		border: none;
	}
	
	legend {
		padding:10px 0px 10px 0px;
		font-size:14px;
		letter-spacing:1px;
		text-transform:uppercase;
	}
	
	label {
		float: left;
		padding: 0 1em;
		text-align:right;
		width:180px;
	}
	
	fieldset div {
		margin-bottom: .5em;
		padding: 0;
		display: block;
	}
	
	fieldset div input, fieldset div textarea {
		border-top: 1px solid #C0C0C0;
		border-left: 1px solid #C0C0C0;
		border-bottom: 1px solid #C0C0C0;
		border-right: 1px solid #C0C0C0;
		padding: 1px;
		color: #747474;
		background-color:#F1F0F4;
	}
	
	fieldset div select {
		padding: 1px;
	}
	
	#mailformformtype_mail {
		border: 1px solid #C0C0C0;
		background: #297922;
		color: #F2F2F2;
		font-size: 120%;
		height:30px;
		width:160px;
		margin-left:180px;
		margin-top:20px;
		font-weight:bold
	}
	
	
	fieldset div input:focus, fieldset div textarea:focus {
		background: #efefef;
		border-color:#747474;
		color: #000;
	}
	
	.csc-mailform-field input{
	margin-bottom:5px;
	width:200px;
	}
	
	.inputRequirement{
	color:#297922;
	font-weight:bold;
	font-size:18px;
	line-height:14px;
	}
	.inputRequirementDOB{
	font-size:12px;
	color:#777777;
	font-weight:normal;
	}
	.notRequired{
	color:#777777;
	}
	
/* umfrage */
	#cobject_167 .csc-mailform-label,
	#cobject_583 .csc-mailform-label{
	font-weight:bold;
	}
	
	#cobject_167 .csc-mailform-field,
	#cobject_583 .csc-mailform-field{
	width:525px;
	margin-bottom:15px;
	border:1px solid #E8E4D6;
	padding:10px;
	}
	#cobject_167 label,
	#cobject_583 label{
	display:inline;
	float:none;
	text-align:left;
	width:300px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	line-height:24px;
	font-weight:bold;
	}
	#cobject_167 legend,
	#cobject_583 legend{
	display:none;
	}
	#cobject_167 span label,
	#cobject_583 span label{
	display:inline;
	float:none;
	text-align:left;
	width:300px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	line-height:24px;
	font-weight:normal;
	}
	#cobject_583 .csc-mailform-radio,
	#cobject_167 .csc-mailform-radio{
	width:20px;
	margin:0px 0px 0px 20px;
	padding:0px 0px 0px 0px;
	line-height:24px;
	}
	#cobject_583 #mailformformtype_mail,
	#cobject_167 #mailformformtype_mail{
	width:200px;
	}
	
	#content #cobject_583 textarea {
		width: auto;
	}
	
	.nc_t3_content #servicenav{
	display:none;
	}
	
	
/* weihnachtshinweis */

.bestellungen-feiertage #content ul{
border:2px solid #5A471C;
background-color:#FCFBF9;
margin:25px;
padding:15px;
}
.rechtsbutton a.weihnachtsbutton{
background-image:none;
width:139px;
padding-right:0px;
}

/* metabolic balance */
/* create account */

.metabolic{
background-image:url(img/mbreg.jpg);
background-repeat:no-repeat;
}

.metabolic .mbnone{
display:none;
}

.metabolic div.floatBox{
background-color:transparent;
border:0px;
margin-bottom:20px;
}

.metabolic .achtung{
color:#312D2E;
font-weight:normal;
}
.metabolic strong{
font-weight:normal;
}
.metabolic .inputRequirement{
color:#687AAB;
}
	
.metabolic input{
color:#687AAB;
}

/* UPS EXPRESS */

.upsexpheadline{
background-color:#DCD2B5;
color:#FFFFFF;
/*font-size:11px;*/
font-weight:bold;
padding:2px 0 2px 15px;
/*text-transform:uppercase;*/
text-align:center;
}

.trcoltable{
border:2px solid #DCD2B5; margin-bottom:14px;
}

.checkout .trcol2 .trcoltable{
margin-bottom:24px;
}


/* Facebook */

#faceboook {
height:40px;
margin:5px 0;
text-align:left;
}

/* Newsletter */
.newsletter-abmelden input,
.newsletter-abmelden #mailformformtype_mail{
width: auto;
}
#mailformIch_mchte_keine_weiteren_Newsl{
visibility:hidden;
}
.newsletter-abmelden label{
float: none;
}