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

/* div#odr-wrapper		{ float:left; width:100%;max-width:1020px; margin:5px 0 0 0;} */
div#content			{  text-align:left }  

  

div.orderflow-header 	{ float:left; width:100%; margin:0px 0 30px 0; background:#ccc }

	.cartpic			{ float:left; width:100%;  /* background: url('../images/bestellablaufNeu.png') 0 7px no-repeat*/}
	.signpic			{ float:left; width:100%;   /* background: url('../images/bestellablaufNeu.png') 0 7px no-repeat*/ }
	.overviewpic	{ float:left; width:100%;  /* background: url('../images/bestellablaufNeu.png') 0 7px no-repeat*/ }
	.finish				{ float:left; width:100%;  /* background: url('../images/bestellablaufNeu.png') 0 7px no-repeat*/}

	.cartheader	{ display:none;}
	
.orderflow-header span { float:left; width:25%; text-align:center; color:#fff; line-height:45px; position:relative; box-sizing:border-box; border-right:1px solid #fff}
.orderflow-header span.chkselected { background:#707173;}
.orderflow-header span.selected { background:#10a19a;}
.orderflow-header span.selected::after {
	display: block;
	position: absolute;
	left: 50%;
	margin-left: -10px;
	content: "";
	width: 0;
	height: 0;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-top: 10px solid #10a19a;}



.orderflow-header span a	{ color:#fff }


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:55%; margin:10px 0 0 0 }
div#lgn-usr, 
div#lgn-pwd				{ float:left; width:100%; text-align:left; position:relative;}

div#lgn-pwd { margin:0 0 20px 0;}

div#lgn-usr input.text-field, 
div#lgn-pwd input.text-field {
	min-width: 200px;
	width:100%;
	box-sizing:border-box;
	padding:10px 25px;
	margin:10px 0;
	/* border: 1px solid #878786; */
}

div#btnPwd			{display:none; float:left ; width:100%; /*min-width:250px; height:40px;  background:#707173; color:#fff; text-align:center;  line-height:40px;  text-transform:uppercase; border:none;transition:all ease 0.3s; cursor:pointer*/}
/* div#btnPwd:hover	{ background:#10a19a; } */


#opwdText					{ float:left;  display:none; margin:20px 0 0 0; }

#orderpwdlink A		{ /* color:#878786 */; font-size:0.9em; line-height: 40px;letter-spacing:0}
/* #orderpwdlink A:HOVER	{ color:#10a19a;  */}

#lgn-submit				{ float:left; clear:left;margin:5px 0 0 0; }
#lgn-submit Input	{ position:relative; }


input.text-field {
	
	background: #f4f4f4;
	padding: 13px;
	margin:5px 0;
	border: none;
	font-family: 'Raleway', sans-serif;
	font-weight: 400;
	font-size: 1em;
	float: left;
	width: 100%;
	border: 1px solid #dcdcdc;
	border-radius:5px;
	box-shadow:none;
	color:#222;
}
	
	
input.text-field.street {width: 79%; margin:5px 1% 5px 0}
input.adnumber {
	background: #f4f4f4;
	padding: 10px;
	margin:5px 0;
	border: none;
	width: 20%;
	height:46px; line-height:46px;
	font-family: 'Raleway', sans-serif;
	font-size: 1em;
	font-weight: 400;
	clear: none;
	border: 1px solid #dcdcdc;
	border-radius:5px;
	box-shadow:none;
}

input.text-field:focus, input.adnumber:focus {box-shadow: 0 0 3px #96c11f; outline:1px solid var(--layout-second-contrast-color);}

	
div#order-nav		{ float:left; width:170px;position:relative; left:25px; display:none }
h3.blue, h2.blue	{ float:left; width:100%; background:#878786; color:#f6f6f6; font-size:1em; font-weight:700;text-indent:25px; padding:10px 0;margin:10px 0 10px 0; text-align:left}
h3.red	{ float:left; width:94%; background:#FFE8E8; color:#ff0000; font-size:1em; font-weight:700; padding:5px 3%;margin:10px 0 10px 0;	}

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


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

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

#failure, #advice	{ float:left; width:100%; border:1px solid red; border-radius:5px; background:#FFE8E8; color:red;	padding:1%;margin-bottom:20px;  }
#advice			{ margin-top:10px; display:none}

div#success		{float:left; width:100%; border:1px solid green; background:#EEFEEB; color:green; padding:1%; margin-bottom:20px; }
#success a:hover	{ text-decoration:underline }


#failure a		{ color:red; font-weight:bolder; text-decoration:underline }



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


div.data-wrapper	{ float:left; position:relative; margin:10px 0 10px 0; }
div.new-line		{ float:left; clear:both; width:100%; min-height:55px; margin:5px 0 0 0;}

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

div.leftfloat		{ float:left;font-size: 1em; }
#gender			{ float:left; width:20%; margin:0 1% 0 0;}
.w170				{  margin:0 1% 0 0; width:39% }	
.w170.name		{  margin:0 0 0 0;}	  
.birthdate			{ width:50%;} 

.doubleline div { float:left; min-width:200px}
.doubleline div #selval { top:0; left:0; min-width:200px}
#selval, #selval2	{ position: absolute;line-height:46px; padding:0 15px; margin:5px 0; z-index:1;}	

#country_bg, .country_bg,
.gender_bg 	 {
	position: relative;	
	left: 0;
	top: 0;	
	width: 100%;
	margin:5px 0;
	height: 46px;
	line-height: 46px;
	border: 1px solid #dcdcdc;
	border-radius: 5px;
	cursor: pointer;
	width: 100%;
	padding: 0 15px;
	display: block;
	background:#f4f4f4;
}

.gender_bg { width:100%; }
#country_bg::before,
.country_bg::before,
.gender_bg::before 	 {
	content: "\F078";
	font: normal normal normal 16px/1 FontAwesome;
	position: absolute;
	right: 10px;
	top: 50%;
	transform: translateY(-50%);
	background: none;
	color: #222;
	padding: 5px;
	border-radius: 50%;
	display: block;
	transition: 0.5s all ease;
}

	/* #country_bg:hover::before,
	.country_bg:hover::before,
	.gender_bg:hover::before 	 {background: #10a19a;} */
	
#country_bg SELECT,
.country_bg SELECT  	{ position:absolute; cursor:pointer;left:0; top:0;  height:42px;width:100%;  line-height:42px;opacity:0; filter: alpha(opacity = 0); z-index:3;}

#country_bg OPTION,
.country_bg OPTION,
.gender_bg	OPTION{ background:#fff;font-family: 'Raleway', sans-serif; font-size: 1em; padding:0 15px;}


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

#genderval			{ 
				  float:left;
			  	  position:relative;
				  top:0px;
				  z-index:1;		   
			  	  width:70px; 
			  	  height:46px; 
			  	  line-height:46px;
			  	  text-align:left;
			  	  padding: 0px 15px;
			  	 	margin:5px 0;
    			  cursor: pointer;
				}	
.gender_bg SELECT 	{ position:absolute; cursor:pointer;left:0; top:0;  height:40px;width:100%;  line-height:50px;opacity:0; filter: alpha(opacity = 0); z-index:3;}
/*---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

 div#bdaywrp, div#bmonthwrp, div#byearwrp { 
	float:left; position:relative;
	height: 42px;
	line-height: 42px;
	border: 1px solid #878787;
	border-radius: 0;
	cursor: pointer;	
	padding: 0 15px;
	display: block;
	margin:5px 1% 5px 0;
	width:32.333%
}
 
span#bdayval, 		
span#bmonthval,						  
span#byearval 		{	width:100%;  }

#bdayval, #bmonthval, #byearval { display: block; height:40px; width:100%;line-height:40px; text-align:left; padding: 0px 0px 0 0px; margin:0px; /* color:#f0f0f0; */ /* font-size:13px */ }
							  
#bdayselector,
#bmonthselector, 
#byearselector {	position:absolute; top:0px; left:2px;width:100%	}

#bdayselector select, 		
#bmonthselector select, 	
#byearselector select 		{ width:100% ; height:42px}

#bdayselector select,
#bmonthselector select,
#byearselector select {  opacity:0; filter: alpha(opacity = 0); }

 #bdayselector option,
#bmonthselector option,
#byearselector option { background:#fff;font-family: 'Raleway', sans-serif; font-size: 1em; padding:0 15px; }


#bdaywrp::before, #bmonthwrp::before, #byearwrp::before	 {
	content: "\F078";
	font: normal normal normal 16px/1 FontAwesome;
	position: absolute;
	right: 10px;
	top: 50%;
	transform: translateY(-50%);
	background: #878787;
	color: #fff;
	padding: 5px;
	border-radius: 50%;
	display: block;
	transition: 0.5s all ease;}

	#bdaywrp:hover::before, #bmonthwrp:hover::before, #byearwrp:hover::before 	 {background: #10a19a;}							  
							  
/*---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------*/

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


#datasec		{ width:100%; max-width:800px; z-index:100000; min-height:550px;background:#fff; display:none; border:0px solid #666 }
#lnk_datasec		{ color:#666; text-decoration:none; cursor:pointer }
#lnk_datasec:HOVER	{ text-decoration:underline }


#datasec div.close	{ float:left; width:100%; line-height:30px; height:30px; text-align:right; color:#666;  }
.close Img		{ vertical-align:middle; margin-right:5px; cursor:pointer }
.close span		{ float:right; cursor:pointer }

#dsovlcontent		{ float:left; width:90%; max-width:760px; height:480px; padding:10px; overflow: auto; text-align:justify; font-size:13px; margin:0 7% 2% 3%; color:#666; }


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

a.btn_back,
input.update_btn,
a.update_btn,
.add_btn				{ width:200px; /* height:46px; */ line-height:40px; text-align:center; background:#f0f0f0; float:left; display:block; cursor:pointer; 
	color:#222; margin:0 10px 0 0; padding:5px 20px 5px 20px; font-size:1em; border:none;transition:all ease 0.3s; }

a.btn_back:hover,
input.update_btn:hover,
a.update_btn:hover,
.add_btn:hover  {background:#555;color:#fff; }


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


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


#ueberweisung,#paypalfrm	{}
#inbound, #outbound		{float:left; width:100%;}

#inbound Div, #outbound Div 	{ float:left; width:100%; }
#outbound			{ margin-bottom:20px }
.u_caption			{float:left; width:200px; font-weight:bolder; }
.u_value			{float:left;   }

#suggest			{float:left; width:100%; text-align:right}
#sugget Img			{cursor:pointer; }
#odr-content			{  }

#advice				{ font-weight:bolder; }

/*
@media screen and (max-width: 530px) {
input.text-field {width: 50%;
	background: #fff;
	padding: 7px;
	border: none;
	font-family: 'Raleway', sans-serif;
	font-weight: 400;
	font-size: 1em;
	float: left;
	
	border: 1px solid #878787;}}*/