/*================================================================ Basics */


#overlaytop
{
	position:absolute;
	
	z-index:1000;
	
	height:30px;
	
	width:50px;
	
	right:0px;
	
	top:0px;
}

#overlay,
#overlayAanmeld,
#overlaydealer
{
	/*position:absolute;*/
	
	position: fixed;
	
	z-index:1001;
	
	width:100%;
	
	height:100%; /*auto*/
		
	top:0px;
	
	bottom:0px;
	
	left:0px;
	
	right:0px;
		
	/*background-image:url(../img/site/alpha.png);*/
	background-color: rgba(76, 80, 83, 0.8);
}

#overlaybestellen
{
	/*position:absolute;*/
	
	position: fixed;
	
	z-index:1001;
	
	width:100%;
	
	height:100%; /*auto*/
	
	top:0px;
	
	bottom:0px;
	
	left:0px;
	
	right:0px;
		
	/*background-image:url(../img/site/alpha.png);*/
	background-color: rgba(76, 80, 83, 0.8);
}

#toegevoegd1
{
	position:relative;
	
	width:378px;
	
	height:143px; /*100%*/
	
	top:12px;
	
	left:139px;
}

#toegevoegd
{
	position:absolute;
	
	z-index:1001;
	
	width:378px;
	
	height:143px; /*100%*/
		
	background-image:url(../img/site/balloonsmall.png);
}

#toegevoegd #icoon
{
	float:right;
	
	text-align:right;
	
	margin: 5px 15px 5px 5px;

	position:relative;
}

#toegevoegd #icoon a
{
	width: 15px;
	
	overflow:hidden;
}

#header-left #user #toegevoegd p
{
	font-style: italic;
	
	position:relative;
	
	margin: -12px 0px 0px 30px;
	
	line-height:17px;
	
	font-size: 14px;
}

#header-left #user #toegevoegd p i
{
	color: #b1222b;
	
  	font-family: Arial;
  
  	font-size: 14px;
	
	font-style: italic;
	
	line-height:17px;
}

#winkelmand,
#verlanglijst
{
	position:relative;
	
	width:350px;  /*329px;*/
	
	height:451px; /*100%*/
	
	z-index:1001;
	
	background-image:url(../img/site/bgd_winkelmand_top.png);
	
	background-repeat:no-repeat;
	
	transition: 2s;
	
	display:none;
	
	opacity: 0;
}

#verlanglijst
{
	top:-68px;
	
	padding: 65px 0px 0px 0px;
	
	background-position: right 54px;
}

#winkelmand
{
	top:-40px;  /* 11 */
	
	padding: 37px 0px 0px 0px;
	
	background-position: right 26px;
}

#winkelmand .thumbnail,
#verlanglijst .thumbnail
{
  width: 130px;
  height: 130px;
  display: block;
  background-position: center center;
  background-repeat: no-repeat;
}

#verlanglijst .button,
#winkelmand .button
{
  width: 152px;
  height: 44px;
  background-image: url("../img/site/toevoegen.gif");
  background-position: 0px 3px;
  text-align: right;
  float: left;
  clear: both;
  font-family: Arial;
  font-size: 13px;
  font-weight: normal;
  color: #ffffff;
  cursor: pointer;
  transition: 2s;
}

	#verlanglijst .button b,
	#winkelmand .button b
	{
		font-family:Arial;
		
		font-size:13px;
		
		font-weight:normal;
		
		color:#ffffff;
		
		text-align:right;
		
		margin:0px 10px 0px 0px;
		
		padding:0px;
		
		width:142px;
		
		height:14px;
		
		float:right;
		
		clear:both;
		
		font-style:normal;
		
		line-height:10px;
	}
	
	#verlanglijst .button i,
	#winkelmand .button i
	{
		font-family:Arial;
		
		font-size:11px;
		
		line-height:11px;
		
		font-weight:normal;
		
		color:#e9c8ca;
		
		margin:6px 10px 0px 0px;
		
		padding:0px;
		
		width:142px;
		
		height:14px;
		
		float:right;
		
		clear:both;
		
		display:block;
		
		text-align:right;
		
		font-style:normal;
	}

#winkelmandkop
{
	background-color:#f4f1ef;  /* f5f1f0; */
	
	height: 40px;
	
	padding:20px 0px 15px 0px;
	
	background-position: bottom;
		
	background-image:url(../img/site/winkelmand_top_line.png);
	
	background-repeat:no-repeat;
}

#winkelmand #winkelmandkop p,
#verlanglijst #winkelmandkop p
{
	font-style: italic;
	
	font-weight: bolder;
	
	font-family: 'Source Sans Pro';  /*-SemiBoldItalic*/
	
	color:#a9aba6;
	
	text-align:right;
	
	position :relative;
	
	margin: 0px 20px 10px 10px;
	
	line-height:20px;
	
	width: 320px;
	
	clear:both;
}

#winkelmand #winkelmandkop p span,
#verlanglijst #winkelmandkop p span
{
	font-style: normal;
	
	font-weight:600;
	
	font-family: 'Source Sans Pro';  /*-SemiBoldItalic*/
	
	color:#575a5d;
}

#winkelmandmidden,
#verlanglijstmidden
{
	/*background-image:url(../img/site/balloonmidden.png);
	background-repeat:repeat-y;*/
	
	background-color:#f4f1ef;  /* f5f1f0; */
	
	max-height:275px;
	
	padding: 10px 0px 15px 0px;
	
	overflow: hidden;
}

#winkelmandmidden dl,
#verlanglijstmidden dl
{
  width: 320px;
  
 /*float: left;
  
  clear: left;*/
  
  height: 130px;
  
 /* background-image: url("../img/site/balk-bottom.gif");
  
  background-repeat: no-repeat;*/
  
  margin: 10px 0px 10px 15px;
  
  
}

#winkelmandmidden dl dt,
#verlanglijstmidden dl dt
{
	color: #b1222b;
	
  	font-family: Arial;
  
  	font-size: 12px;
	
  	float: left;
  
  	clear: both;
  
  	width: 130px;
	
	height: 130px;
  
  	padding: 3px 3px 3px 3px;
	
	background-color: #FFF;
}

#winkelmandmidden dl dd,
#verlanglijstmidden dl dd
{
	color: #3a2829;
	
  	font-style: normal;
	
	font-weight:bold;
	
	font-family: 'Source Sans Pro';
  
  	font-size: 14px;
	
	width: 160px;
	
	height: 100px;
	
	clear:none;
	
	float: left;
	
	padding: 0px 5px 0px 15px;
	
	text-transform:uppercase;
	
	letter-spacing:1px;
	
	overflow:hidden;
}

#winkelmandmidden dl dd p,
#verlanglijstmidden dl dd p
{
	color: #3a2829;
	
  	font-style: normal;
	
	font-weight:bold;
	
	font-family: 'Source Sans Pro';
  
  	font-size: 14px;
	
	letter-spacing:1px;	
	
	text-transform:uppercase;
	
	padding: 5px 0px 0px 0px;
	
	margin: 0px 0px 0px 0px;
	
	text-align:left;
}

#winkelmandmidden dl dd p.prijs,
#verlanglijstmidden dl dd p.prijs
{
	margin-top: 2px;
}

#winkelmandmidden dl dd.verwijder,
#verlanglijstmidden dl dd.verwijder
{
	height: 30px;
	
	line-height: 18px;
}

#winkelmandmidden dl dd.verwijder a,
#verlanglijstmidden dl dd.verwijder a
{
	text-decoration:none;

	color: #abaca8;
	
	font-style:italic;
	
	font-size:12px;
}

#winkelmandmidden dl dd.verwijder a span,
#verlanglijstmidden dl dd.verwijder a span
{
	color: #e10a19;
	
	font-size:18px;	
	
	line-height: 18px;
	
	padding-right: 10px;
	
	font-style:normal;
}

#winkelmandmidden dl dd.verwijder a.greenbutton,
#verlanglijstmidden dl dd.verwijder a.greenbutton
{
	line-height:30px;
	
	width: 100px;
	
	text-transform:uppercase;
	
	background-color: #55b782;  /*8b682*/
	
	color: #FFF;
	
	text-align:center;
	
	font-style: normal;
	
	font-weight:bold;
	
	font-family: 'Source Sans Pro';
  
  	font-size: 14px;
	
	letter-spacing:1px;	
	
	margin-right: 10px;
	
	padding: 7px 6px 6px 6px;
	
	transition: 1s;
}

#winkelmandmidden dl dd.verwijder a.greenbutton:hover,
#verlanglijstmidden dl dd.verwijder a.greenbutton:hover
{
	background-color:#459f79;
}

#winkelmandmidden dl dd span.right,
#verlanglijstmidden dl dd span.right
{
	float:right;
}

#lijnwinkelmand1,
#lijnwinkelmand2,
#lijnverlanglijst1,
#lijnverlanglijst2
{
	background-color:#f4f1ef;
}

#winkelmandbottom
{
	background-position: top;
		
	background-image:url(../img/site/winkelmand_top_line.png);
	
	background-repeat:no-repeat;
	
	background-color:#f4f1ef;  /* f5f1f0; */
	
	height: 46px;
	
	margin: 0px 0px 0px 0px;
	
	padding-top: 15px;
}

#winkelmandbottom dl
{
	overflow:hidden;
	
	background:none;
}

#winkelmandbottom dl dd
{
	text-align:center;
	
	width : 160px;
	
	float: left;
	
	clear: none;
	
	height: 30px;
	
	padding: 0px 0px 0px 8px;
}

#winkelmandbottom dl dt
{
	text-align:center;
	
	width : 160px;
	
	float: left;
	
	clear: none;
	
	height: 30px;
	
	padding: 0px 0px 0px 15px;
}

#winkelmandbottom dl dd a.greenbutton
{
	display: block;
	
	width:  140px;
	
	height: 25px;
	
	text-transform:uppercase;
	
	background-color: #58b682;
	
	color: #FFF;
	
	text-align:center;
	
	font-style: normal;
	
	font-weight:bold;
	
	font-family: 'Source Sans Pro';
  
  	font-size: 14px;
	
	letter-spacing:2px;	
	
	margin-right: 10px;
	
	padding: 7px 6px 6px 6px;
	
	text-decoration:none;
	
	transition:1s;
}

#winkelmandbottom dl dd a.greenbutton:hover
{
	background-color:#459f79;
}

#winkelmandbottom dl dt a.graybutton
{
	display: block;
	
	text-align: center;
	
	background-color: #4c5053;

	width:  140px;
	
	height: 25px;
	
	font-family: 'Source Sans Pro';
	
	font-weight:bold;
	
	font-size: 14px;
	
	letter-spacing: 2px;
	
	padding: 7px 6px 6px 6px;
	
	color: #FFF;
	
	text-decoration:none;
	
	transition:1s;
}

#winkelmandbottom dl dt a.graybutton:hover
{
	background-color:#99a2b1;
}

#header-left #user #winkelmand .totaalprijsrij,
#header-left #user #verlanglijst .totaalprijsrij
{
	text-align:left;
	
	position :relative;
	
	padding: 20px 0px 10px 20px;
	
	width: 279px;
	
	height: 20px;
	
	overflow:hidden;
}


#header-left #user #winkelmand dl .totaalprijs,
#header-left #user #verlanglijst dl .totaalprijs
{
	font-style : normal;
	
	text-align : right;
	
	line-height : 18px;
	
	font-size : 14px;
	
	margin-top: -12px;
}

#header-left #user #winkelmand .actieproducten,
#header-left #user #verlanglijst .actieproducten
{
	border: 2px solid #0B8232;
}

/*#winkelmand p i,
#verlanglijst p i
{
	color: #b1222b;
	
  	font-family: Arial;
  
  	font-size: 14px;
	
	font-style: italic;
}*/

#header-left #user #winkelmand .button,
#header-left #user #verlanglijst .button
{
	position: relative;
	
	top: 5px;
	
	left: -70px;
	
	background-image: url("../img/site/ganaar.gif");
}



#header-left #user .button
{
	margin: 12px 0px 0px 210px;
	
	background-image: url("../img/site/ganaar.gif");
}

#voorwaardenbox
{	
	width:100%;
	
	display:block;
		
	margin:200px 15px 0px 15px;
}

#voorwaardenscherm
{
	margin:auto;
	
	width:75%;
	
	height: 400px;
	
	background-repeat:no-repeat;
	
	background-color:#FFF; 
	
	-moz-border-radius:8px;

	border-radius:8px;	
	
	-moz-box-shadow: 0 0 2px #000;
	-webkit-box-shadow: 0 0 2px #000;
	box-shadow: 0 0 2px #000; 	
	
	overflow: scroll;
}

	#voorwaardenscherm p
	{
		font-size:13px;
		
		font-family:Arial;
		
		color: #3f3f3f;

		line-height: 18px;
				
		padding:20px 0px 0px 10px;
	}

#headerbox
{	
	width:100%;
	
	display:block;
		
	margin:15% 0;
}

.producten
{
	height:470px;
}

	.button
	{
		width:152px;	
		
		height:44px;
		
		background-image:url(../img/site/toevoegen.gif);
		
		background-position:0px 3px;
		
		text-align:right;
		
		float:left;
		
		clear:both;		
		
		font-family:Arial;
		
		font-size:13px;
		
		text-decoration:none;
		
		font-weight:normal;
		
		color:#ffffff;
		
	 	cursor: pointer;
	}
	

#bestelscherm
{
	margin:auto;
	
	padding: 0px 0px 10px 10px;
	
	width:520px;
	
	height:250px;
	
	background-repeat:no-repeat;
	
	background-color: rgba(244, 241, 239, 1);	
}

#bestelscherm #icoon
{
	float: right;
	
	width: 50px;
	
	margin: 5px 5px 5px 5px;
	
	display:block;
}

	#bestelscherm .thumbnail
	{
		width:200px;
		
		height:200px;
		
		/*display:block;*/
		
		background-repeat:no-repeat;
	
		background-position:center center;	
	
		background-color: #FFF;
	
		background-size:  contain;
			
		float: left;
		
		clear: none;
		
		/*margin: 28px 0px 0px 15px;*/
		margin: 15px 15px 15px 15px;
	}
	
	#bestelscherm dl
	{
		width: 270px;
		
		display: block;
		
		float: left;
		
		/*background-image: url("../img/site/balk-bottom.gif");*/
		
		background-repeat: no-repeat;
		
		margin-top: -4px;
		
		margin-right: 0px;
		
		margin-bottom: 0px;
		
		margin-left: 15px;
	}
	
	#bestelscherm dl *
	{
		font-family: "Source Sans Pro";
	
		font-size: 14px;
		
		font-style:normal;
		
		letter-spacing:1px;
				
		color: #4c5053;
		
		text-transform:uppercase;
	}
		
	#bestelscherm dl dt
	{
		width: 280px;
				
		float: left;
		
		clear: none;
		
		overflow:hidden;
	
		height: 70px;
	}	
	
	#bestelscherm dl dt span
	{	
		font-size: 20px;
	
		line-height: 20px;
	
		font-weight: bold;
	}
	
	#bestelscherm dl dd
	{
		float: left;
		
		padding-top: 5px;
		
		padding-right: 0px;
		
		padding-bottom: 5px;
		
		padding-left: 0px;
		
		margin: 0px 0px 0px 0px;
	}
	
	#bestelscherm dl dd span.typeprijs
	{
		font-style:italic;
		
		color: #999b96;
		
		text-transform:lowercase;
	}
	
	#bestelscherm dl dd input
	{
		padding: 2px 2px 2px 4px;
		
		font-weight: bold;
		
		height: 22px;
		
		width: 188px;
		
		background-color:#FFF;
	}
	
	#bestelscherm dl dd .bestelknop
	{
		line-height:20px;
		
		width: 110px;
		
		text-transform:uppercase;
		
		background-color: #55b782;
		
		color: #FFF;
		
		text-align:center;
		
		font-style: normal;
		
		font-weight:bold;
		
		font-family: 'Source Sans Pro';
	  
		font-size: 14px;
		
		letter-spacing:1px;	
		
		padding: 7px 6px 6px 6px;
		
		display: block;
		
		float: left;
		
		text-decoration:none;
	}

	#bestelscherm dl dd .bestelknop:hover
	{
		background-color: #459f79;
	}

#inlogscherm
{
	margin:auto;
	
	padding: 0px 0px 10px 10px;
	
	width:720px;
	
	height:250px;
	
	background-repeat:no-repeat;
	
	background-color: rgba(244, 241, 239, 1); 	
}

#aanmeldscherm
{
	margin:auto;
	
	padding: 0px 0px 10px 10px;
	
	width:900px;
	
	height:350px;
	
	background-repeat:no-repeat;
	
	background-color: rgba(244, 241, 239, 1);
}

#inlogscherm #icoon,
#aanmeldscherm #icoon
{
	float: right;
	
	width: 50px;
	
	margin: 5px 5px 5px 5px;
	
	display:block;
}

	#inlogscherm p,
	#aanmeldscherm p
	{
		font-family: "Source Sans Pro";
		
		letter-spacing: 2px;
	
		font-size: 18px;
			
		font-weight:bold;
				
		padding:20px 0px 0px 0px;
		
		text-transform:uppercase;
		
		color: #4c5053;
	}
	
	#inlogscherm form,
	#aanmeldscherm form
	{
		width:330px;
		
		display:block;
		
		float: left;
		
		clear: none;
	}
	
	#aanmeldscherm form
	{
		width:830px;
	}
	
	#inlogscherm dl,
	#aanmeldscherm dl
	{
		padding:20px 0px 0px 10px;
		
		width:330px;
		
		height:182px;
	}	
	
	#inlogscherm dl *,
	#aanmeldscherm dl *
	{
		font-family: "Source Sans Pro";
	
		font-size: 14px;
		
		font-style:normal;
		
		letter-spacing:1px;
				
		color: #4c5053;
		
		text-transform:uppercase;
	}	
	
	#inlogscherm dl dt,
	#aanmeldscherm dl dt
	{
		width:100px;
		
		height:30px;
		
		float:left;

		clear: left;
		
		padding:4px 3px 4px 0px;
	}
	
	#aanmeldscherm dl dt
	{
		width: 150px;
		
		padding:8px 3px 4px 0px;
	}
	
	#inlogscherm dl dd,
	#aanmeldscherm dl dd
	{
		width:220px;
		
		height:30px;
		
		line-height:20px;
			
		clear:none;
		
		/*text-align:right;*/
		
		float:left;
		
		padding:4px 3px 4px 3px;
	}

	#inlogscherm dl dd input,
	#inlogscherm dl dd select,
	#aanmeldscherm dl dd input,
	#aanmeldscherm dl dd select
	{
		height:20px;
		
		line-height:20px;
		
		padding:0px 3px 0px 3px;
			
		width:220px;
		
		letter-spacing: 1px;
		
		text-transform:none;
	}
	
	#inlogscherm dl dd input,
	#aanmeldscherm dl dd input
	{
		width: 214px;
	}
		
	#inlogscherm dl dd select,
	#aanmeldscherm dl dd select
	{
		background-image:url(../img/site/select_taal_bgd.gif);
	
		background-repeat:no-repeat;
	
		background-position:right;
		
		-moz-appearance:none;
		-webkit-appearance:none;
	}
	
	#inlogscherm dl dd .inlogknop,
	#aanmeldscherm dl dd .inlogknop
	{
		line-height:20px;
		
		width: 110px;
		
		text-transform:uppercase;
		
		background-color: #58b682;
		
		color: #FFF;
		
		text-align:center;
		
		font-style: normal;
		
		font-weight:bold;
		
		font-family: 'Source Sans Pro';
	  
		font-size: 14px;
		
		letter-spacing:1px;	
		
		padding: 7px 6px 6px 6px;
		
		display: block;
		
		float: left;
		
		text-decoration:none;
	}

/*#ol_button
{
	margin: 10px 0px 0px 200px;
		
	width:152px;
	
	height:44px;
	
	display:block;
	
	background-image:url(../img/site/gaverder.gif);
	
	background-repeat:no-repeat;
	
	text-decoration:none;
	
	float:right;	
	
	text-decoration:none;
}
	
	#ol_button b
	{
		font-family:Arial;
		
		font-size:13px;
		
		line-height:14px;
		
		font-weight:normal;
		
		color:#ffffff;
		
		text-align:right;
		
		margin:0px 10px 0px 0px;
		
		padding:0px;
		
		width:142px;
		
		height:14px;
		
		float:right;
		
		clear:both;
		
		text-decoration:none;
		
		cursor:pointer;
	}

	#ol_button p
	{
		font-family:Arial;
		
		font-size:11px;
		
		line-height:14px;
		
		font-weight:normal;
		
		color:#e9c8ca;
		
		margin:6px 10px 0px 0px;
		
		padding:0px;
		
		width:142px;
		
		height:14px;
		
		float:right;
		
		clear:both;
		
		display:block;
		
		text-align:right;
		
		text-decoration:none;
		
		cursor:pointer;
	}

#ol_button a
{
	text-decoration:none;
}*/

.dealerbox
{
	float:left;
	
	clear:none;
	
	display:block;
	
	margin:20px 10px 6px 50px;
	
	padding: 10px 10px 10px 15px;
	
	background-color:#FFF;
	
	height: 131px;
	
	width: 270px;
}

.dealerbox #ajaxloader
{
	display:none;
	
	position:absolute;
	
	z-index:30;
	
	margin:50px 0px 0px 120px;
	
	height: 32px;
	width: 32px;
}

#dealer_select p
{
		font-family: "Source Sans Pro";
		
		letter-spacing: 2px;
	
		font-size: 16px;
			
		font-weight:normal;
		
		text-transform:none;
		
		display:inline;
		
		color: #4c5053;
		
		width: auto;
		
		height: auto;
}

#icoon
{
	float: right;
	
	width: 50px;
	
	margin: 5px 5px 5px 5px;
	
	display:block;
}

#icoon a
{
	float: right;
	
	display:block;
}