@import 'style.css';

/*---------------------------------------------------------------------------------------------------------------*/	 

div.orderflow-header {float:left; width:100%; height:62px; }

	.cartpic	{ background:url('../images/bestellablauf.png'); background-position: 0 7px }
	.signpic	{ background:url('../images/bestellablauf.png'); background-position: 0 -56px }
	.overviewpic	{ background:url('../images/bestellablauf.png'); background-position: 0 -119px }
	.finish		{ background:url('../images/bestellablauf.png'); background-position: 0 -181px }


.orderflow-header a	{ display:block; width:100%; height:62px; background:none }


div#login		{ float:left; width:100%; min-height:120px; margin:0px auto 10px auto; /*font-family:Arial, Sans-Serif; */ }
div#login-wrapper	{ float:left; width:100%; background:; text-align:left; color:#c0c0c0; margin:10px 0 0 0 }
div#lgn-usr, 
div#lgn-pwd		{ float:left; width: 200px; text-align:left; position:relative; left: 24px}

div#btnPwd		{ float:left; width:200px; display:none }
#opwdText		{ float:right; width:250px; display:none }

#orderpwdlink A		{ color:#808080; font-size:11px; margin-left:25px; letter-spacing:0.09em}
#orderpwdlink A:HOVER	{ text-decoration:underline }

#lgn-submit		{ float:left; }
#lgn-submit Input	{ position:relative; top:-6px }



/*input.text-field	{ font-size:13px; font-family:Times New Roman; background:url('../images/input_field_bg.jpg') no-repeat; width:148px; height:24px; border:0px none; margin:0; padding:4px 4px 0 4px  }
*/


input.text-field	{ float:left; font-size:13px; font-family:Times New Roman; color:#c0c0c0;
			  background:url('../images/input_field_bg.jpg') no-repeat; 
			  width:148px; height:16px;
			  border:0px none; margin:0; padding:4px 4px 4px 4px;
			  box-sizing:content-box;}



input.adnumber		{ font-size:13px; font-family:Times New Roman; color:#c0c0c0; background:url('../images/input_number.jpg') no-repeat; width:37px;  height:16px; border:0px none; margin:0; padding:4px 3px 4px 3px }

.
div#order-nav		{ float:left; width:170px;position:relative; left:25px; display:none }
div#odr-wrapper		{ width:690px; background:; margin:0 auto 0 auto; padding:10px 20px; color:#c0c0c0}
div#odr-content		{ float:left; width:100%; margin-left:0px; background:none; font-family:Times New Roman, color:#c0c0c0}


h3.blue, h2.blue	{ float:left; width:688px; line-height:30px; background:#212325; border:1px solid RGB(70,71,72);color:#c0c0c0; 
			  text-indent:24px; padding:0;margin:10px 0 10px 0; font-size:14px; font-weight:bolder ;
			  font-family:Times New Roman; letter-spacing:0.09em
			}

#sb-note, #fp_explain			{ font-style:italic; float:right; width:300px }

#regbtn .lgnbtn, #getlogin .lgnbtn,
#guestbtn .lgnbtn { background:transparent; border:0; height:36px; width:auto;cursor:pointer; margin-left:20px; margin-top:10px;}

#regbtn .lgnbtn img,  #getlogin .lgnbtn img, 
#guestbtn .lgnbtn img { height:100%; width:auto;}

#getlogin .lgnbtn {position:relative; top:36px; height:29px; background:none; border:0;}


/*--------------------- Fehlermeldungen ---------------------------------------------------------------*/

#failure SPAN		{float:left; width:100%; line-height:25px; color:red; }

#failure, #advice	{ float:left; width:668px; border:1px solid red; background:#FFE8E8; color:red;	padding:10px; margin-bottom:20px; font-family:Times New Roman }
#advice			{ margin-top:10px; display:none}

div#success		{float:left; width:668px; border:1px solid #00cc00; background:#EEFEEB; color:#333; padding:10px; margin-bottom:20px; font-family:Times New Roman }
#success a:hover	{ text-decoration:underline }
#failure a { color:red; text-decoration:underline; font-size: 13px}


/*--------------------- Rechnungsadresse --------------------------------------------------------------*/


div.data-wrapper	{ float:left; position:relative; left: 24px; width:585px; color:#c0c0c0; font-size:13px; /*letter-spacing:0.03em;*/ margin:10px 0 10px 0 }
div.new-line		{ float:left; width:100%; height:48px }

#invoiceaddress, 
#lieferadresse, 
#stdlieferadd		{ float:left;width:100%; }

.signin #invoiceaddress {display:none;}


div.leftfloat		{ float:left; font-family:Times New Roman; }
#gender			{ float:left; width:70px }
.w170			{ width:170px;  background:; }	 
	 
	 
#selval, #selval2	{ 	float:left;
			  	position:relative; top:0px;				   
			  	width:108px; 
			  	height:26px; 
			  	line-height:25px;
			  	text-align:left;
			  	background: url('../images/selcountry_bg.jpg') left 0 no-repeat;
			  	padding: 1px 0px 0 12px;
			  	margin:0px;
			  	color:#c0c0c0;
			  	font-size:13px
			}	
	
.country_bg 		{ 	position:absolute; 
			 	left:0px; top:-7px;
			  	z-index:100000;
			  	color:#c0c0c0;
			  	background:;
					}

.country_bg SELECT 	{ 	position:absolute; 
			  	left:0px; top:24px;
			  	width:120px;			  			
		     	  	opacity:0; filter: alpha(opacity = 0);
				background:#545454;
			  	font-family:Times New Roman; font-size:13px; color:#c0c0c0;
			}




#gender				{ float:left; position:relative; }

#genderval			{ float:left;
			  	  position:relative; top:0px;				   
			  	  width:50px; 
			  	  height:26px; 
			  	  line-height:25px;
			  	  text-align:left;
			  	  background: url('../images/gender_bg.jpg') right 0 no-repeat;
			  	  padding: 0px 0px 0 8px;
			  	  margin:0px;
			  	  color:#c0c0c0;
			  	  font-size:13px
				}	
	
.gender_bg 			{ position:absolute; 
			 	  left:0px; top:-7px;
			  	  z-index:100000;
			  	  color:#808080
				}



.gender_bg SELECT 	{ position:absolute; 
			  left:-2px; top:24px; 
			  width:60px; 
		     	  opacity:0; filter: alpha(opacity = 0);
			  font-family:Times New Roman; font-size:13px; color:#c0c0c0; background:#545454
			}


 .gender_bg option; .country_bg option { background:#545454; color:#c0c0c0 }


/*----------------------------------------------------------------------------------------*/

#content-bottom		{ float:left; width:100%; height:50px;}


#datasec		{ width:800px; height:550px;background:#212325; display:none; border:0px solid #c0c0c0 }
A.lnk_datasec		{ color:#c0c0c0; text-decoration:underline; font-size:13px }
A.lnk_datasec:HOVER	{ text-decoration:underline }

#close			{ width:100%; line-height:30px; text-align:right }
#close Img		{ vertical-align:middle; margin-right:5px; cursor:pointer }

#ovlcontent		{ width:760px; height:480px; padding:10px; overflow: auto; text-align:justify; font-size:14px; margin:0 10px 20px 10px }
#ovlcontent H1 { font-size: 16px;}
#ovlcontent H2 { font-size: 15px;}
#ovlcontent H3 { color:#999 }
#ovlcontent a { color:#999; text-decoration:underline; font-size:14px }
#ovlcontent a:hover { color:#f0f0f0 }



#sbm-registration	{float:left; width:574px; text-align:right}
#sbm-registration Img	{cursor:pointer }

.btn_back			{float:left; margin-left:24px}

/*----------------------------------------------------------------------------------------*/

span.strike				{ color:#ccc; text-decoration:line-through }
span.discounted-price 	{ color:green }

.hint a { color:#fff }