﻿html,body{
  margin:0;
  padding:0;
  border:0;
}

body{
  background-color:;
  min-width:800px;
  font-family:Arial, Helvetica, sans-serif;
  text-align:left;
	font-size:12px;
	color:#585a5b;
	background-color:#fef9e6;	
	background-position:center;
	background-position:top;	
	background-attachment:fixed;
	background-image:url(graphics/bg/bg-white.jpg); 
}



/* ----- FONTS ----- */



h1{font-size:22px;
	color:#480a0a;
	font-weight:bold
	}


h2{font-size:20px;
	color:#666;
	font-weight:normal }

h2{font-size:16px; }

h3{	font-size:14px;
	color:#666;
	font-weight:bold}

h4{	font-size:12px;
	color:#666;
	font-weight:bold}

p{ 
	font-size:12px;
	color:#592D00;
	color:#626164;
	
}






#center p{ font-weight:normal;
	font-size:12px;
}

a{ 
	color:#92c4e3;
	color:#9f0207;	
	
	text-decoration:none;
}

a:hover{ 
	color:#626164;
	color:#92c4e3;
	text-decoration:none;
}



/* ********************** MAIN COLOR SCHEME *********************/


.farbe1 {color:#e28090 }
.farbe1 a {color:#e28090 }
.farbe1 a:hover{ color:#9f0207}
.farbe1 h1{ color:#480a0a }
.medium p{
	color:#4e3d7b;
	font-size:9px;
}	

.farbe2 h1,.farbe2 h2,.farbe2 h3,.farbe2 h4{ color:#9f0207}
.farbe2 a {color:#9f0207 }
.farbe2 a:hover{ color:#e28090}



.farbe3 a {color:#9f0207 }
.farbe3 a:hover{ color:#9f0207}


.trademark{ vertical-align:top;font-size:11px}
.trademark h1{ vertical-align:top;font-size:14px}

/* ********************** CLASSES *********************/


.error{ color:#E85F29;font-size:12px;font-weight:bold}
.red{ font-size:12px;font-weight:normal;color:#d2070b; }
.black{ font-size:12px;	font-weight:bold;color:#000000; }
.private{ color:#FF99FF }
.small{	font-size:10px;	color:#999}
.small a{color:#333;}
.fototext{ float:right;width:160px;font-size:9px;color:#999999;}
.captions{font-size:10px;}


.artikelLink a{ color:#999;font-style:italic }



.weiter a{ font-weight:bold;padding-right:20px;font-size:14px;color:#92c4e3}
.weiter a:hover{ font-weight:bold;color:#92c4e3;text-decoration:underline }

.darkgrey a{ color:#999999;}
.show{ display:block}

.home p{ 	font-style:normal;	font-size:11px;	text-align:left}
.active{ color:#92c4e3;}
.active a{ color:#92c4e3;}

.highlight{	color:#666666;	font-weight:bold;	font-size:11px;	}

.required {border-left:2px solid #006699; font-size:11px;font-family:Arial, Helvetica, sans-serif}
.requiredLabel{color:#33CCFF;color:#0033CC; color:#006699;font-weight:bold}
.bild{ width:739px}

.links1 a{ 
	color:#92c4e3;
	text-decoration:underline;
}

/***************************       LAYERS, BLOCKS & POSITIONING      *************************/


#main { 
	position:relative;
	margin-right:auto;
	margin-left:auto;
	margin-top:0px;
	width:990px;
	min-height:1400px;
	text-align:left;
	background-color:#fefefe;
/*	background-image:url(graphics/bg/bg.jpg);	*/	
 }
	 




#content{

	text-align:left;
	width:990px;
	width:100%;
	height:100%;	
 	min-height:880px; 
	padding:0;
	margin:0;
	z-index:auto;	
	background-color:#fefefe;
	background-image:url(graphics/bg/bg-front-001.jpg);
	background-repeat:no-repeat;	
	}	 
	

/* ******************* CENTER **************************
#contenthead{ border:0px solid red;	
	margin-top:25px;
	margin-bottom:-10px;display:none}	

*/


#center{ 
	position:relative;
	top:0px; 
	left:0px;
	min-height:300px;
	width:990px;
	padding-top:240px;	
	padding-left:0px;
	padding-bottom:0px;	
	padding-right:0px;
	border:0px solid blue;
}


#mainContent{

	position:relative;
	top:0px;
	left:0px;
	width:772px;
	min-height:1180px;
	border:0px solid red;
	border-left:0px solid red;		
	overflow:hidden;
	background-image:url(graphics/bg/bg2.jpg);	
	left:0px;
	padding:0px 0px 50px 56px;
	z-index:2;
	padding-bottom:10px; margin-bottom:-10px;		
	clear:both;
}


.contentFooter{
/*	float:left;
	margin-top:-4px;*/
	padding:20px 22px 20px 0px;
	margin-left:0px;
	border:0px solid #ccc;
	width:840px;
/*	height:150px; 
	clear:both;*/
/*	background-image:url(graphics/bg/bg.jpg);	
	background-repeat:repeat-y;
	background:none;
	overflow:hidden;	
	clear:both;*/
}




#recommandations{float:left;border:0px solid #ccc}
.contentFooter-passend{float:left;height:20px;width:100px;margin-left:0px;margin-top:20px}
.contentFooter-trennlinie{
	float:right;
	margin-right:22px;
	height:11px;
	border-bottom: 1px solid #9f0207;
	width: 618px;
	margin-top:20px;
	clear:right}

#empfehlungen{
	float:left;
	width:530px;
	border:0px solid #ccc;
/*	margin-right:21px; */
	padding-top:10px;
	font-size:14px;
	margin-top:20px;
	margin-left:190px;
	margin-bottom:40px;
	padding:0px 0px 0px 0px;

}


#telefon{
	float:left;
	padding-top:0px;
	margin-top:-140px;
	width:128px;
	border:0px solid #ccc;
	font-size:14px;
}



.upsell{ float:left;
	width:169px;
	margin-right:15px
	}
	
.upsell p{ font-size:10px;color:#666}



.upsellNav{ 
	float:right;
	/*width:400px;*/
	border:0px solid #ccc;
	text-align:right;
	padding-left:150px;
	font-size:10px;
	clear:both;
	}

#upsell{}











/******************** LEFT COLUMN **********************/

#left{
	float:left;
	border:0px solid #ccc;
	width:165px;
	min-height:200px;
/*	padding-bottom:10000px;margin-bottom:-10000px;
	display:inline-block;
	overflow:hidden;*/
}

#titel{position:relative; border:0px solid red}
#titel h1{font-size:26px;/*position:absolute; bottom:5px */; top:15px}


.message{
	border-left:4px solid #36C;
	padding-left:10px;
	color:#093;
	color:#36C;
	font-weight:bold;
}
.message .error{ border-left:2px solid #9f0207;padding-left:10px}

#intro{text-align:justify;margin-top:-18px}
#intro p{ font-size:12px;font-weight:normal}




/******************** MIDDLE COLUMN **********************/


#mitte{
	float:left;
	border:0px solid #ccc;
	margin-left:20px;
	width:555px;

	min-height:200px;
	z-index:2;
/*	clear:right;*/
	clear:right;
}

.rows{ 
	width:100%;
	min-height:220px;
	border:0px solid #ccc;
	margin-bottom:20px;	
	clear:both;
}


	
/******************** Products **********************/	
	
.product{ 
	float:left;
	width:169px;
	margin-right:15px;
	border:0px solid #ccc;
	margin-bottom:40px;
}	
	
.product p{ font-size:9px;color:#666;padding:0px;margin:0px}
.product h2{ font-size:14px;padding:0px;margin: 3px 0px 3px 0px;font-weight:bold }
.product .small a{ font-size:9px}

#productDetails{ border:0px solid green;width:550px;}
#productDetails img{ padding-right:0px;padding-bottom:10px;border:0px solid red;align:left}
#productDetails p{ font-size:12px;}
#productDetails .small { font-size:10px;}
#productAttributes{ border:0px solid green;width:160px;text-align:left}
#productAttributes p{ font-size:11px}
#productDescription{border:0px solid red;margin-left:-185px;margin-left:0px;}

.selected{ font-weight:normal;color:#36C; }
.message select{font-weight:normal;color:#36C;padding:0px}


/***** Options and Attribues ****/
.productoptions{float:right;with:340px;margin-right:20px}
.motiv{margin-bottom:15px;border-bottom:1px solid #ccc;padding: 10px}
.optionselect{float:left;width:40px;padding-top:60px}





#leftAttributes2{ 
	float:left;
	width:160px;
	margin-right:25px;
	padding-top:5px;
	margin-top:-12px;
	margin-left:-180px;
	z-index:10000}

.prodPages{ font-size:9px;width:535px;text-align:right;border:0px solid #ccc;padding-bottom:5px;padding-top:5px}

.productNav{ 
	float:right;
	width:300px;
	border:0px solid #ccc;
	text-align:right;
	padding-left:150px;
	margin-right:15px;
	margin-top:40px;
	font-size:12px;
	font-weight:bold;
	clear:both;
	}



/******************** Checkout **********************/

#checkout{ border:0px solid #ccc}
#checkout th{ text-align:left;font-weight:bold;vertical-align:baseline}
#checkoutButton{ float:left;border:0px solid #ccc;width:100% }

#lieferanschrift{visibility:hidden;display:none}



/******************* right column ***********************/

#rightColumn{
	position:absolute;
	top:500px;
	left:846px;
	float:right;
	
	/* margin-top:240px;*/
	width:158px;
	width:142px;	
/*	margin-left:-2px;
	padding-left:15px;
	z-index:20;*/
	clear:both;
}

.floating-basket{ margin-left:-10px}
.floating-basket a{ font-size:9px;color:#39C}
.floating-basket table,.floating-basket th,.floating-basket tr,.floating-basket td{ font-size:9px}
.floating-basket table{ margin-left:-5px}
.floating-basket tr:hover{ background-color:#FEF7DE}
.floating-basket th{ background-color:#FEF7DE}






/********************************** footer ***********************************/




#footer{
	float:left;

	width:728px;
	background-color:#fefefe;
	height:120px;
	border-left:0px solid #ccc;
	padding:15px 30px 30px 60px;

}

#footerLogo{ float:left;width:180px;height:140px}

.footerMenu{ 
	float:left;
	width:540px;
	border:0px solid #ccc;
	font-size:12px;
	padding-bottom:10px;
	white-space:nowrap;
	}
	
.footerMenu a{padding-right:33px;font-weight:bold;}	
.footerMenu2 a{padding-right:33px;font-weight:bold;}	


#SocialBookmarks{margin-bottom:15px;height:40px}



#globalfooter{
	background-color:#CCCCCC;
	border-bottom:1px solid #333;
	border-left:2px solid #ccc;
	clear:both;
	border-top:1px solid #e28090;
	 
}
 
 
 
 
#address{
	float:right;
	width:140px;
	font-size:9px;
	color:#666;
	margin-top:-423px;

} 

#address p { font-size:10px;font-weight:normal;margin-top:0px;border:0px solid #ccc} 
#address h3 { font-size:11px;font-weight:bold;margin-top:0px;margin-bottom:10px} 
#address h4 { font-size:11px;font-weight:bold;margin-top:5px;margin-bottom:8px}  


#text ul,li{ margin-left:0px;padding-left:15px}
#contentFooter h3{ font-size:12px}






/* ******************* BREADCRUMBS ***************************/

.breadcrumbs{
	font-size:10px;	
	margin-bottom:10px;
}

#breadcrumbs{ 
	float:left;
	clear:right;
	width:180px;	
	border:0px solid blue;	
	margin-top:6px;
	margin-bottom:10px;
	}	

.breadcrumbs .farbe1 { color:#e28090;text-decoration:underline}
.breadcrumbs .farbe1 a:hover{ color:#9f0207;}
.overview{}

.account{ margin-top:43px;border-top:0px solid #ccc;}
.account h1{ font-size:30px 	}


/* ******************* Sitemap ***********************/

#sitemap{ font-size:12px}
#sitemap ul{ margin-left:0px}
#sitemap ul ul{ margin-left:0px}
#sitemap ul ul ul{ margin-left:5px}
#sitemap ul ul ul ul{ margin-left:5px} 


#sitemap ul{ padding-left:0px;padding-bottom:0px}
#sitemap ul ul{ padding-left:5px;margin-bottom:10px}
#sitemap ul ul ul{ padding-left:5px;margin-bottom:10px}
#sitemap ul ul ul ul{ padding-left:5px} 


/* ******************* RIGHT COLUMN ***********************/


/*

.overviewSectionHeaders{ font-size:14px;font-weight:bold}

.linker_block1{
	margin:18px;
	margin-top:10px;
	text-align:right;
	font-size:11px;
	font-family:arial,helvetia,sans-serifs;
	font-weight:bold
}

*/






#headerMenu .active a{ color:#fff}






#bookmarks{ 
	font-size:11px;
	padding-top:13px;
	/* padding-right:110px;*/
	padding-right:20px;	
	font-size:9px;
}

#bookmarks a{ color:#999999}
#bookmarks a:hover{ color:#92c4e3} 

#bookmarks ul{ padding-left:0px;font-size:20px} 
#bookmarks li{ padding-left:0px;font-size:20px} 

#subMenu{ 
/*	position:relative;
	float:left;
	top:30px;*/
	width:520px;
	margin-top:28px;
	margin-top:10px;	
	padding-left:35px;
	height:12px;
	border-bottom:1px solid #ccc;
	z-index:auto	
	}


		
	


	
	/*
	General rules
	*/

.leftform { font-size:10px}
.leftform a { font-size:10px}
.leftform ul{ font-size:10px}
.leftform li{ font-size:10px}

	#dhtmlgoodies_slidedown_menu li{
		list-style-type:none;
		position:relative;
		color:#816D65;
		color:#585a5b;
	}
	#dhtmlgoodies_slidedown_menu ul{
		margin:0px;
		padding:0px;
		position:relative;
		color:#816D65;

	}

	#dhtmlgoodies_slidedown_menu div{
		margin:0px;
		padding:0px;
	}
	/* 	Layout CSS */
	#dhtmlgoodies_slidedown_menu{		
		width:145px;	
	}

	/* All A tags - i.e menu items. */
	#dhtmlgoodies_slidedown_menu a{
		color: #816D65; 
		color:#7C3F3F; 
		color:#666;

		text-decoration:none;	
		display:block;
		clear:both;
		width:130px;	 
		padding-left:2px;	
	}
	
	#dhtmlgoodies_slidedown_menu a:hover{
		color:#CC6600; 
	}
	
	/*
	A tags 
	*/
	#dhtmlgoodies_slidedown_menu .slMenuItem_depth1{	/* Main menu items */
		margin-top:1px;border-bottom:0px solid #000;
		font-weight:bold;
		font-size:9px;
	}	
	#dhtmlgoodies_slidedown_menu .slMenuItem_depth2{	/* Sub menu items */
		margin-top:1px;font-size:9px;		
	}	
	#dhtmlgoodies_slidedown_menu .slMenuItem_depth3{	/* Sub menu items */
		margin-top:1px;font-size:9px;			
		/*font-style:italic;
		 color:blue; */
	}	
	#dhtmlgoodies_slidedown_menu .slMenuItem_depth4{	/* Sub menu items */
		margin-top:1px;font-size:9px;	
		color:red;
	}	
	#dhtmlgoodies_slidedown_menu .slMenuItem_depth5{	/* Sub menu items */
		margin-top:1px;font-size:9px;	
	}

	/* UL tags, i.e group of menu utems. 
	It's important to add style to the UL if you're specifying margins. If not, assign the style directly
	to the parent DIV, i.e. 
	

	
	instead of 
	
	#dhtmlgoodies_slidedown_menu .slideMenuDiv1 ul
	*/
	#dhtmlgoodies_slidedown_menu .slideMenuDiv1{

		font-size:9px;
	}
	
	
	#dhtmlgoodies_slidedown_menu .slideMenuDiv1 ul{
		padding:0px;
		font-size:9px;
	}
	#dhtmlgoodies_slidedown_menu .slideMenuDiv2 ul{
		margin-left:5px;
		padding:0px;
			font-size:9px;	
	}
	#dhtmlgoodies_slidedown_menu .slideMenuDiv3 ul{
		margin-left:10px;
		padding:0px;
		padding-bottom:2px;				
	}
	#dhtmlgoodies_slidedown_menu .slMenuItem_depth4 ul{
		margin-left:15px;
		padding:0px;
	
	}
	#dhtmlgoodies_slidedown_menu .slMenuItem_depth5 ul{
		margin-left:15px;
		padding:0px;
		padding-bottom:1px;	
	}
	
	/* ..........................................Form table ........................................*/

table.p1{ text-align:left;width:350px;color:#333;font-weight:normal;margin-left:0px; margin-right:0px}
input {border:1px solid #ccc;font-size:11px;font-family:Arial, Helvetica, sans-serif;}
textarea {border:1px solid #ccc;font-size:11px;font-family:Arial, Helvetica, sans-serif }

#registrationForm .text{width:200px;text-align:left}
#registrationForm .small{font-family:Arial, Helvetica, sans-serif}
#registrationForm table{text-align:left}

	/* ..........................................Result table ........................................*/
.resulttable tr{vertical-align:top;font-family:Arial, Helvetica, sans-serif;font-size:11px }







/* ..........................................DS ........................................*/

#ds { 
	/*float:left; 
	position:absolute;
	 background-color:#009999;
	 min-height:1400px; */
	width:500px;
	clear:both;
	text-align:left;font-family:Arial,Helvetia,sans-serifs;
	margin-top:62px;
	margin-top:54px;
	/* margin-top:-18px;
	z-index:inherit;
	display:block 
	height:2000px;
	z-index:100;*/
	}
	
#ds select{ font-size:10px}

#ds h1{font-size:18px;color:#666666;font-weight:normal}


	

	.formRow{ padding-left:10px;border:0px solid red;text-align:left;clear:both;margin-bottom:8px;font-size:12px}
	.formRow p{ font-size:10px} 	
	.formRowLeft{ float:left;width:140px;border:0px solid blue;clear:both}
	.notes{ font-size:10px} 
	
	.formRowLeftNotes p{ font-size:10px} 
	
	
	.formRowRight{ float:right;width:400px;border:0px solid green}
	.formRowRight text{ width:400px}	
	.formRowRight textarea{ width:340px}		
	.formRowSeparator{ border-bottom:1px solid #ccc;margin-bottom:15px} 	
	
/***************************************** DYNAMIC LIST **********************************/


/* Big box with list of options */
#ajax_listOfOptions{
  position:absolute;  /* Never change this one */
  width:300px;  /* Width of box */
  height:250px;  /* Height of box */
  overflow:auto;  /* Scrolling features */
  border:1px solid #317082;  /* Dark green border */
  background-color:#FFF;  /* White background color */
  text-align:left;
  font-family:Arial, Helvetica, sans-serif;
  font-size:0.9em;
  z-index:100;
}
#ajax_listOfOptions div{  /* General rule for both .optionDiv and .optionDivSelected */
  margin:1px;    
  padding:1px;
  cursor:pointer;
  font-size:0.9em;
}
#ajax_listOfOptions .optionDiv{  /* Div for each item in list */
  
}
#ajax_listOfOptions .optionDivSelected{ /* Selected item in the list */
  background-color:#317082;
  color:#FFF;
}
#ajax_listOfOptions_iframe{
  background-color:#F00;
  position:absolute;
  z-index:5;
} 




	.answer{
		/* Layout properties - You can change these */
		
		border: 1px solid #555555;
		padding:3px;
		width:500px;
		background-color:#E2EBED;
		background-color:#FEF8EB;		
		/* This one should not be changed */
		display:none;	
	}
	
	.question{
		font-weight:bold;
		cursor:pointer;
		color:#333;
	}



/*
#kategorienmenu a{ padding-right:29px;font-weight:bold}
#kategorienmenu a{ color:#9f0207}
#kategorienmenu a:hover{ color:#9f0207}
*/