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

@font-face {
	font-family: 'stonsans';
	src: url('../fonts/stonsans_0-webfont.eot');
	src: url('../fonts/stonsans_0-webfont.woff') format('woff'), url('../fonts/stonsans_0-webfont.ttf') format('truetype'), url('../fonts/stonsans_0-webfont.svg#webfontxOAe1Vdm') format('svg');
	font-weight: normal;
	font-style: normal;
}

/*
	$405a76 = donker blauw
	$a7bedd = licht blauw
	$f3f6f7 = wit achtergrond
	$5f758d = select items bouw
*/

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

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

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

#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;
	
	z-index:1001;
	
	width:329px;
	
	height:441px; /*100%*/
	
	top:44px;
	
	left:10px;
	
	padding: 5px 0px 0px 0px;
		
	/*background-image:url(../img/site/balloonbig.png);*/
}

#winkelmand .thumbnail,
#verlanglijst .thumbnail
{
  width: 100px;
  height: 100px;
  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;
}

	#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-image:url(../img/site/balloontop.png);
	
	background-repeat:no-repeat;
	
	height: 40px;
}

#winkelmandmidden
{
	background-image:url(../img/site/balloonmidden.png);
	
/*	height: auto;*/
	
	max-height:800px;
	
	background-repeat:repeat-y;
	
	padding: 20px 0px 0px 0px;
}

#winkelmandbottom
{
	background-image:url(../img/site/balloonbottom.png);
	
	height: 158px;
	
	background-repeat:no-repeat;
	
	margin: 0px 0px 0px 0px;
}

#header-left #user #winkelmand p,
#header-left #user #verlanglijst p
{
	font-style: italic;
	
	text-align:right;
	
	position :relative;
	
	margin: -20px 0px 10px 10px;
	
	line-height:16px;
	
	width: 269px;
	
	clear:both;
}

#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;
}

#header-left #user #winkelmand p i,
#header-left #user #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 #winkelmand dl,
#header-left #user #verlanglijst dl
{
  width: 299px;
  
 /*float: left;
  
  clear: left;*/
  
  height: 100px;
  
  background-image: url("../img/site/balk-bottom.gif");
  
  background-repeat: no-repeat;
  
  margin: 0px 0px 0px 7px;
  
  overflow:auto;
}

#header-left #user #winkelmand dl dt,
#header-left #user #verlanglijst dl dt
{
	color: #b1222b;
	
  	font-family: Arial;
  
  	font-size: 12px;
	
  	float: left;
  
  	clear: both;
  
  	width: 60px;
  
  	padding: 5px 0px 5px 0px;
}

#header-left #user #winkelmand dl dd,
#header-left #user #verlanglijst dl dd
{
	color: #3a2829;
	
  	font-family: Arial;
  
  	font-size: 12px;
	
	width: 195px;
	
	clear:none;
	
	float: left;
	
	padding: 5px 5px 0px 10px;
}

#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:#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; 	
}

	#bestelscherm p
	{
		font-size:18px;
		
		font-family:Arial;
		
		font-weight:bold;
				
		padding:20px 0px 0px 10px;
	}
	
	div#product-detail dl
	{
		width: 520px;
		
		display: block;
		
		float: left;
		
		clear: left;
		
		background-image: url("../img/site/balk-bottom.gif");
		
		background-repeat: no-repeat;
		
		margin-top: 0px;
		
		margin-right: 0px;
		
		margin-bottom: 0px;
		
		margin-left: 0px;
	}
	
	div#product-detail dl *
	{
		outline-width: 0px;

		outline-style: none;

		outline-color: -moz-use-text-color;
		
		font-family: Arial;
		
		font-size: 13px;
		
		color: #787878;
	}
		
	div#product-detail dl dt
	{
		float: left;
		
		clear: none;
		
		width: 60px;
		
		padding-top: 5px;
		
		padding-right: 0px;
		
		padding-bottom: 5px;
		
		padding-left: 9px;
	}	
	
	div#product-detail dl dd
	{
		float: left;
		
		padding-top: 5px;
		
		padding-right: 0px;
		
		padding-bottom: 5px;
		
		padding-left: 0px;
		
		margin: 0px 0px 0px 0px;
	}



#inlogscherm
{
	margin:auto;
	
	width:700px;
	
	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; 	
}

	#inlogscherm p
	{
		font-size:18px;
		
		font-family:Arial;
		
		font-weight:bold;
				
		padding:20px 0px 0px 10px;
	}

	#inlogscherm dl
	{
		padding:20px 0px 0px 10px;
		
		width:668px;
		
		height:182px;
	}
	
	#inlogscherm dl dt
	{
		width:148px;
		
		height:30px;
		
		float:left;
		
		padding:4px 3px 4px 10px;
		
		font-family:'Lao UI';
		
		color:#000000;
		
		font-size:14px;
	}
	
	#inlogscherm dl dd
	{
		width:120px;
		
		height:30px;
		
		line-height:20px;
			
		clear:left;
		
		text-align:right;
		
		float:left;
		
		padding:4px 16px 4px 3px;
		
		font-family:'Lao UI';
		
		color:#000000;
		
		font-size:14px;
	}
	
	#inlogscherm dl dd span
	{	
		font-family:'Lao UI';
		
		color:#5f758d;
		
		font-size:10px;
		
		filter:alpha(opacity=45);
		-moz-opacity:0.45;
		-khtml-opacity: 0.45;
		opacity: 0.45;
		
		margin:0px 8px 0px 0px;		
	}


#inlogscherm dl dd .input,
#inlogscherm dl dd .select,
#inlogscherm dl dt .input
{
	height:20px;
	
	line-height:20px;
	
	padding:0px 3px 0px 3px;
		
	width:120px;
	
	border:1px solid #5f758d;
	
	-moz-border-radius:5px;

	border-radius:2px;
	
	font-size:13px;
	
	font-family:'Lao UI';
		
	color:#000000;
}

#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:both;
	
	display:block;
	
	margin:6px 10px 6px 40px;
}

#dealer_select p
{
		font-family:Arial;
		
		font-size:12px;
		
		font-weight:bold;
		
		line-height:14px;
		
		padding:5px 0px 0px 0px;
		
		display:inline;
		
		color:#b1222b;

}

#icoon
{
	text-align:right;
	
	margin: 5px 5px 5px 5px;
}