/* 
Veldman Zonwering
======================================================================================
URL:				http://www.veldmanzonwering.nl/
Start ontwerp: 		Ontwerp door deBey
Start xhtml: 		5 maart 2007
Auteur: 			Ale van der Ploeg [http://www.addsite.nl]
======================================================================================
*/




/* Kleuren
Donkerblauw:	#001A4A
Lichtblauw:		#697F9D
Geel:			#FFB62F
Tekst:		  	#001949
*/


@import url(/addbeheer/themes/addsite/css/iconen.css);
@import url(addform.css);

a:link, a:visited { 
	   outline-color: invert;
	   outline-style: none;
	   outline-width: 0pt; 	
	}

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 20px; 
	color: #131313; 
	margin: 0;
	padding: 0;
	background: #ffffff url(../images/achtergrond.jpg) repeat-x;
}

a:link { 
	font-weight: normal; 
	text-decoration: none; 
	color: #697F9D;
	}
a:visited { 
	font-weight: normal; 
	text-decoration: none; 
	color: #697F9D;
	}
a:hover { 
	text-decoration: underline; 
	color: #697F9D;
	}

#shoppingCart {
	width: 800px;
	margin: auto;
	height: 50px;
	line-height: 50px;
}

#shoppingCart .linkCart{
	font-size: 13px;
	font-weight: bold; 
	color: #131313;
	padding-left: 32px;
	background: transparent url(../images/shoppingCart.gif) 0px 15px no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	display: block;
	float: right;
}

#shoppingCart .insideCart, #shoppingCart .insideCart:visited {
	color: #FFF;
	text-decoration: none;
	font-weight: bold;
}
#shoppingCart .insideCart:hover { text-decoration:underline;}

#shoppingCart .cartText {float: right; padding-left: 10px; padding-right: 10px;}

#shoppingCart .payLink{
	font-size: 11px;
	color: #FFF;
	background: transparent url(../images/btn_94x18_top.gif) top left no-repeat;
	display: block;
	text-align: center;
	width: 84px;
	height: 18px;
	line-height: 17px;
	float: right;
	padding-left: 10px;
	text-decoration:none;
	margin-top: 17px;
	margin-right: 16px;
}

#shoppingCart .payLink:hover{ background: transparent url(../images/btn_94x18_topHover.gif) top left no-repeat; color: #022260;}

#wrapper {
	margin: 0 auto;
	position: relative;
	width: 800px;
}

#footer {
	margin: 0 auto;
	position: relative;
	width: 800px;
}



#footer2 {
	float: left;
	position: relative;
	height: 50px;
	line-height: 40px;
	text-align: right;
	width: 798px;
	color: #697F9D;
}

#wrapper2 {
	float: left;
	background: #ffffff;
	width: 798px;
	border-top: 1px solid #131313;
	border-left: 1px solid #131313;
	border-right: 1px solid #131313;
	border-bottom: 1px solid #131313;	
}

#bovenstuk {
	float: left;
	background: #ffffff;
	height: 217px;
	width: 798px;
}

#logo {
	float: left;
	height: 217px;
	width: 213px;
}

#logo img{
	border: 0px;
	float: left;
}

#header1 { 
	float: left;
	position: relative;
	width: 164px;
	height: 217px;
	background: url(../images/header1.jpg) top left no-repeat;
	}
	
#header1menu { 
	float: left;
	position: relative;
	width: 164px;
	height: 217px;
	background: url(../images/header1menu.jpg) top left no-repeat;
	}	
	
.specialist{
	position: absolute;
	top: 43px;
	left: 26px;
}
	
	
#header2 { 
	float: left;
	width: 130px;
	height: 217px;
	background: url(../images/header2.jpg) top left no-repeat;
	}	

#header2menu { 
	float: left;
	width: 130px;
	height: 217px;
	background: url(../images/header2menu.jpg) top left no-repeat;
	}	
		
#header3 { 
	float: left;
	width: 291px;
	height: 217px;
	background: url(../images/header3.jpg) top left no-repeat;
	}		


#header3menu { 
	float: left;
	width: 291px;
	height: 217px;
	background: url(../images/header3menu.jpg) top left no-repeat;
	}		


#middenstuk { 
	float: left;
	width: 798px;
	background: url(../images/middenback.gif) repeat-y;
	min-height: 489px;
	}	
	
		/* Fix voor IE */
		* html #middenstuk
		{
			height: 489px;
		}			
	
#linkerkant { 
	float: left;
	width: 213px;
	}	
	
#inhoud { 
	float: right;
	position: relative;
	width: 585px;
	}
	
.log1{
	position: absolute;
	top: -25px;
	right: 15px;
}

.log2{
	position: absolute;
	top: -25px;
	right: 190px;
}
	
.fotohome { 
	position: relative;
	float: right;
	width: 220px;
	height: 240px;
	top: -46px; 
	}	
	
ul.doorlinks
	{
	 margin: 0px;
	 padding: 0px;
	 list-style-type: none;
	}
	
ul.doorlinks li
	{
	 padding: 0px;
	 margin: 0px;
	 background: none;
	}
	
	
ul.doorlinks li a:link { 
	display: block;
	width: 229px;
	color: #6CC7E5;
	padding: 4px 10px 4px 4px;
	text-decoration: none;
	background: url(../images/stippelijn.gif) bottom left repeat-x;
	}
ul.doorlinks li a:visited { 
	display: block;
	width: 229px;
	color: #6CC7E5;
	padding: 4px 10px 4px 4px;
	text-decoration: none;
	background: url(../images/stippelijn.gif) bottom left repeat-x;
	}
ul.doorlinks li a:hover, ul.doorlinks li a:active { 
	display: block;
	width: 229px;
	color: #32CCFF;
	padding: 4px 10px 4px 4px;
	text-decoration: none;
	background: #002658 url(../images/stippelijn.gif) bottom left repeat-x;
	}	
	
	

	

.clearer {
	height: 0px;
	font-size: 0px;
	line-height: 0px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	clear: both;
}

.clearer10 {
	height: 10px;
	font-size: 0px;
	line-height: 0px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	clear: both;
}

.clearer15 {
	height: 15px;
	font-size: 0px;
	line-height: 0px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	clear: both;
}


.clearer20 {
	height: 30px;
	font-size: 0px;
	line-height: 0px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	clear: both;
}

.clearer25 {
	height: 25px;
	font-size: 0px;
	line-height: 0px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	clear: both;
}

.clearer30 {
	height: 30px;
	font-size: 0px;
	line-height: 0px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	clear: both;
}

.clearer40 {
	height: 40px;
	font-size: 0px;
	line-height: 0px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	clear: both;
}

.clearer50 {
	height: 50px;
	font-size: 0px;
	line-height: 0px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	clear: both;
}
	

.foto { 
	float: left;
	width: 530px;
	padding: 0px 0px 0px 0px;
	margin: 10px 0px 10px 0px;
	font-size: 0px;
	line-height: 0px;
	}


.fotosonder { 
	float: left;
	width: 497px;
	background: url(../images/fotoback.jpg) top left no-repeat;
	padding: 0px 0px 0px 2px;
	margin: 0px 0px 10px 0px;
	}


.fotosonder img{ 
	border: 0px;
	float: left;
	}
	

	
.tekst { 
	padding: 0px 0px 30px 30px;
	width: 300px;
	float: left;
	}
	
.tekstform { 
	padding: 0px 0px 30px 25px;
	width: 300px;
	float: left;
	}	
	
.tekstblok { 
	padding: 0px 15px 30px 15px;
	width: 555px;
	float: left;
	position: relative;
	line-height: 18px;
	}

.lessPadding {padding: 0px 0px 30px 15px; width: 570px;}
	
.tekstblok2 { 
	padding: 0px 15px 30px 15px;
	width: 555px;
	float: left;
	position: relative;
	line-height: 18px;
	}	
	
.productfoto{
	float: right;
	width: 192px;
	position: relative;
	top: -10px;
}

.productfoto img{
	float: right;
	width: 192px;
	border-top: 1px solid #001949;
	border-left: 1px solid #001949;
	border-bottom: 1px solid #001949;	
}

.productfoto ul{
	margin: 0px;
	padding: 17px 0px 0px 10px;
	list-style-type: none;
}


.productfoto ul li{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}


.productfoto ul li a:link, .productfoto ul li a:visited { 
	float: left;
	padding: 3px 0px 4px 20px;
	text-decoration: underline;	
	background: url(../images/arrow_geel.gif) 7px 9px no-repeat;
	}
	
.productfoto ul li a:hover, .productfoto ul li a:active { 
	color: #001949;
	}


.intro{
	font-weight: bold;
}

.optionBox {
	width: 347px;
	clear: both;
	margin-bottom: 6px;
}

.optionBox label {font-weight: bold; color: #001949; float: left; width: 120px; display: block; } 
.optionBox select {width: 210px; color: #233a68;}

.colorPics {
	width: 500px;
	float: left;
}

.colorPics img{  border: 0px; margin-right: 10px;}

.prijs_overzicht{
	position: absolute;
	font-weight: bold;
	font-size: 15px;
	color: #3967a4;
	right: 10px;
	top: 0px;
}

.prijsvan_overzicht{
	font-size: 11px; 
	text-decoration: line-through;
	padding-right: 10px;
}

.detail_price {
	float: left;
	width: 347px;
	font-weight: bold;
	padding-bottom: 25px;
	padding-top: 10px;
	font-size: 24px;
	color: #242424;
}

.prijsvan{
	font-size: 11px; 
	text-decoration: line-through;
}	

.detail_intro{
	float: left;
	width: 347px;
	font-weight: bold;
	padding-bottom: 40px;
}

.detail_tekst{
	float: left;
	width: 347px;
	font-weight: normal;
	padding-bottom: 40px;
}

.detail_fotos{
	float: left;
	width: 555px;
	font-weight: normal;
	padding-bottom: 40px;
}

.fotooverzicht{
	display: block;	
	padding: 18px 0px 0px 0px;
}


.fotooverzicht img{
	float: left;
	width: 95px;
	height: 95px;
	border: 0px solid #131313;
	margin: 0px 10px 10px 0px;
	padding: 0px;
}


a.highslide:link, a.highslide:visited, a.highslide:hover, a.highslide:active { 
	padding: 0px;
	margin: 0px;
	border: 0px;
	}
	
	
.fotolink a:link, .fotolink  a:visited { 
	float: left;
	width: 95px;
	height: 95px;
	border: 1px solid #131313;
	margin: 0px 12px 12px 0px;	
	}
	
.fotolink a:hover, .fotolink a:active { 
	border: 1px solid #FFB11D;
	}



a.pdflink:link, a.pdflink:visited { 
	float: left;
	background: url(../images/pdf.gif) 0px 2px no-repeat;
	padding-left: 23px;
	font-weight: normal; 
	text-decoration: underline; 
	color: #697F9D;
	}
	
a.pdflink:hover, a.pdflink:active { 
	text-decoration: underline; 
	color: #001949;
	}
	
h1 { 
	font-family: Arial, Verdana, Helvetica, sans-serif;
	margin: 0px 0px 8px 0px;
	font-size: 18px;
	line-height: 22px;
	font-weight: bold;
	color: #131313;
	padding: 0px 0px 0px 0px;
	}
	
h2 { 
	font-family: Arial, Verdana, Helvetica, sans-serif;
	margin: 0px 0px 8px 0px;
	font-size: 13px;
	line-height: 19px;
	font-weight: bold;
	color: #131313;
	padding: 0px 0px 3px 0px;
	border-bottom: 1px solid #DBE1E8;
	}	
	
#kruimelpad{
	float: left;
}

#kruimelpad ul{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	display: inline;
}

#kruimelpad ul li{
	margin: 0px;
	padding: 0px 0px 0px 13px; 
	list-style-type: none;
	display: inline;
	background: url(../images/arrow_kruimel.gif) 3px 6px no-repeat;	
}

#kruimelpad a:link, #kruimelpad a:visited { 
	font-weight: normal; 
	text-decoration: underline; 
	color: #697F9D;
	}
	
#kruimelpad a:hover, #kruimelpad a:active { 
	text-decoration: underline; 
	color: #001949;
	}
	
.banner { 
	padding: 0px 0px 20px 30px;
	border: 0px;
	}	
	
.banner2 { 
	padding: 0px 0px 130px 29px;
	margin: 0px;
	width: 155px;
	height: 78px;
	border: 0px;
	float: left;
	}		


.fotosrechts { 
	padding: 0px 0px 30px 0px;
	margin: 0px 0px 0px 0px;
	width: 193px;
	font-size: 0px;
	line-height: 0px;
	float: right;
	}		
	
.fotosrechts img
{
	width: 192px;
	float: right;
	border: 0px;
	padding: 0px;
	margin: 0px 0px 20px 0px;
	border-left: 1px solid #001A4A;
	border-top: 1px solid #001A4A;
	border-bottom: 1px solid #001A4A;	
}




.kop {
	font-weight: bold;
	display: block;
	text-decoration: none; 
	padding: 0px 0px 15px 0px;
	text-transform: uppercase;
}


#adresgegevens{
	position: absolute;
	top: -100px;
	color: #FFB62F;
	font-size: 10px;
	line-height: 18px;
	width: 170px;
	height: 100px;
	padding-left: 30px; 
	left: 0px;
}

#adresgegevens a:link { 
	font-weight: normal; 
	text-decoration: none; 
	color: #FFB62F;
	}
#adresgegevens a:visited { 
	font-weight: normal; 
	text-decoration: none; 
	color: #FFB62F;
	}
#adresgegevens a:hover { 
	text-decoration: underline; 
	color: #FFB62F;
	}




.intro {
	font-weight: bold;
}




/* Navigatiebalk
---------------------------------------------------------------------------------------------- */

#hoofdnav {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	width: 181px;
	float: left;
	padding-left: 15px;
	padding-bottom: 150px;
	}
	

#hoofdnav ul
	{ 
	list-style-type: none;
	padding: 0;
	margin: 0px 0px 0px 0px;
	}

#hoofdnav li { margin: 0; }

#hoofdnav a 
	{
	display: block;
	color: #ffffff;
	font-size: 11px;
	text-transform: uppercase;
	padding: 3px 0px 4px 13px;
	text-decoration: none;
	font-weight: normal;
	height: 18px;
	line-height: 18px;
	}

#hoofdnav a:hover
	{
	background: none;
	color: #f8b449;	
	}	
	
#hoofdnav a.actief:link, #hoofdnav a.actief:visited, #hoofdnav a.actief:hover, #hoofdnav a.actief:active{
	background: none;
	color: #f8b449;
}	


/* Subnavigatie
---------------------------------------------------------------------------------------------- */

#subnav {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	width: 114px;
	float: left;
	padding-left: 32px;
	line-height: 16px;
	}
	

#subnav ul
	{ 
	list-style-type: none;
	padding: 0;
	margin: 23px 0px 0px 0px;
	}

#subnav li { 
	margin: 0px; 
	padding: 0px;
	}

#subnav a 
	{
	width: 110px;
	display: block;
	color: #001A4A;
	font-size: 9px;
	text-transform: uppercase;
	padding: 0px 0px 0px 4px;
	text-decoration: none;
	font-weight: normal;
	height: 16px;
	line-height: 16px;
	}

#subnav a:hover
	{
	color: #001A4A;
	}	
	
#subnav .actief, #subnav .actief a:link, #subnav .actief a:hover, #subnav .actief a:active, #subnav .actief a:visited{
	color: #001A4A;
	background: url(../images/subback.gif) top left repeat-x;
}	


/* Subsub
---------------------------------------------------------------------------------------------- */

#subsubnav {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	width: 114px;
	float: left;
	padding-left: 1px;
	line-height: 16px;
	}
	

#subsubnav ul
	{ 
	list-style-type: none;
	padding: 0;
	margin: 23px 0px 0px 0px;
	}

#subsubnav li { 
	margin: 0px; 
	padding: 0px;
	}

#subsubnav a 
	{
	width: 110px;
	display: block;
	color: #001A4A;
	font-size: 9px;
	text-transform: uppercase;
	padding: 0px 0px 1px 4px;
	text-decoration: none;
	font-weight: normal;
	height: 15px;
	line-height: 15px;
	}

#subsubnav a:hover
	{
	color: #001A4A;
	}	
	
#subsubnav .actief, #subsubnav .actief a:link, #subsubnav .actief a:hover, #subsubnav .actief a:active, #subsubnav .actief a:visited{
	color: #001A4A;
	background: url(../images/subback.gif) top left repeat-x;
}	


/* Formulier
---------------------------------------------------------------------------------------------- */

form{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 11px;
	}
	

input.button { 
	background: #FFB42E; 
	border-bottom: 1px solid #D79410; 
	border-left: 1px solid #FFD446; 
	border-right: 1px solid #D79410; 
	border-top: 1px solid #FFD446; 
	color: #ffffff; 
	font-size: 11px;
	font-weight: normal;	
	margin: 5px 0px 10px 0px; 
	padding: 3px 5px 3px 5px; 
	}
	
input.button2 { 
	background: #FFB42E; 
	border-bottom: 1px solid #D79410; 
	border-left: 1px solid #FFD446; 
	border-right: 1px solid #D79410; 
	border-top: 1px solid #FFD446; 
	color: #ffffff; 
	font-size: 11px;
	font-weight: normal;
	margin: 0px 0px 0px 10px; 
	padding: 1px 5px 2px 5px; 
	}	

.aanmelden {

	border: 1px solid #a3a3a3;
		width: 165px;
		margin-left: 0px;
		font-size: 11px;
		margin: 2px 0px 10px 0px;
		padding: 0px 3px 0px 3px;
		}
	
.input {
	background: #ffffff;
	border: 1px solid #a3a3a3;
	font-size: 11px;
		width: 153px;
		margin-left: 10px;
		padding: 1px 3px 2px 3px;	
		}
		
.invulNormaal {
	background: #ffffff;
	border: 1px solid #a3a3a3;
	font-size: 11px;
		width: 153px;
		margin: 1px 0px 1px 0px;
		padding: 1px 3px 2px 3px;
		
		}		
		
.invulArea {
 font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
	background: #ffffff;
	border: 1px solid #a3a3a3;
		width: 153px;
		margin: 1px 0px 1px 0px;
		padding: 1px 3px 2px 3px;
		}
		
.veld2pulldown select
{
 font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
 background-color: #ffffff;
 color: #000000;
 border: 1px solid #a3a3a3;
 margin-right: 0px;
 text-align: left;
	padding: 1px 3px 2px 3px;
 margin: 0 0 0 0;
}	

.invulSmall {
	background: #ffffff;
	border: 1px solid #a3a3a3;
	font-size: 11px;
		width: 103px;
		margin: 1px 0px 1px 0px;
		padding: 1px 3px 2px 3px;
		}
		
.invulPulldown {
	background: #ffffff;
	border: 1px solid #a3a3a3;
	font-size: 11px;
		margin: 1px 0px 1px 0px;
		padding: 1px 3px 2px 1px;
		}		
		
.invulXSmall {
	background: #ffffff;
	border: 1px solid #a3a3a3;
	font-size: 11px;
		width: 73px;
		margin: 1px 0px 1px 0px;	
		padding: 1px 3px 2px 3px;
		}	
		
#bannerfooter {
	margin: 0 auto;
	width: 800px;
	text-align: center;
}		





/* Itemblokken
---------------------------------------------------------------------------------------------- */

.linkje
{
	display: block;
	width: 100%;
	height: 100%;
}


/* Container blok 1
---------------------------------------------------------------------------------------------- */

.container
{
	position:relative;
	float: left;
	width: 175px;
	height: 150px;
	text-decoration: none;
	font-family: Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
	font-size: 11px;
	line-height: 18px;
	font-weight: normal;
	color: #FFFFFF;
	text-align: left;
	padding-right: 15px;
	padding-bottom: 18px;
}

.container a, .container a:link, .container a:visited 
{
	display: block;
	width: 175px;
	min-height: 150px;
	color: #FFFFFF;
	text-decoration: none;
	border-bottom: 0px solid white;
	position: relative;
}

/* Fix voor IE */
* html .container a, * html .container a:link, * html .container a:visited 
{
		height: 150px;
}

.container img
{
	float: left;
	border: 1px solid #001A4A;
	padding:  0px 0px 0px 0px;
}

.container .tekstje
{
	display: block;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

.container a:hover
{
	display: block;
	width: 175px;
	text-decoration: none;
	background: #ffffff;
}

.container a:hover img
{
	border: 1px solid #FFB11D;
}


.container .productkop { 
	font-family: Arial, Verdana, Helvetica, sans-serif;
	margin: 0px 0px 0px 0px;
	font-size: 13px;
	line-height: 25px;
	font-weight: bold;
	color: #131313;
	padding: 0px 0px 0px 0px;
	}	
	
.container a:hover .productkop 
{
	color: #FFB11D;
}



.container .doorlinkje {
	position: absolute;
	background: #131313 url(../images/arrow_geel.gif) 7px 5px no-repeat;
	height: 17px;
	width: 42px;
	margin: 0px 0px 0px 0px;
	font-size: 11px;
	line-height: 17px;
	font-weight: normal;
	color: #ffffff;
	padding: 0px 0px 0px 19px;
	bottom: 1px;
	right: 1px;
	}	
	
		/* Fix voor IE */
		* html .container .doorlinkje
		{
			right: 0px;
		}			
	
.container a:hover .doorlinkje 
{
	color: #ffffff;
	background: #FFB11D url(../images/arrow_wit.gif) 7px 5px no-repeat;
}










/* Itemblokken 2
---------------------------------------------------------------------------------------------- */



.linkje2
{
	display: block;
	width: 100%;
	height: 100%;
}

.kopje2 { 
	font-family: Arial, Verdana, Lucida, Geneva, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 18px;
	font-weight: bold;
	color: #131313;
	text-align: left;
	border-bottom: 1px solid #DBE1E8;
	display: block;
	padding-bottom: 4px;
	margin-bottom: 6px;
	}
	
.container2 a:hover .kopje2 
{
	color: #FFB11D;
}
	


.doorlinkje2
{
	float: left;
	width: 94px;
	height: 18px;
	background: url(../images/btn_meerinfo.gif) 0px 0px no-repeat;	
	margin-top: 12px;
}


/* Fix voor IE 7*/
*:first-child+html .doorlinkje2
{
	margin-left: 12px;
}	
	
/* Fix voor IE 6*/
* html .doorlinkje2
{
	margin-left: 12px;
}


.container2 a:hover .doorlinkje2
{
	background: url(../images/btn_meerinfo.gif) 0px -18px no-repeat;	
}



/* Container blok 1
---------------------------------------------------------------------------------------------- */

.container2
{
	position:relative;
	display: block;
	width: 555px;
	text-decoration: none;
	font-family: Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
	font-size: 11px;
	line-height: 18px;
	font-weight: normal;
	color: #233A68;
	text-align: left;
	padding-bottom: 40px;
}

.container2 a, .container2 a:link, .container2 a:visited 
{
	display: block;
	width: 555px;
	min-height: 100px;
	color: #233A68;
	text-decoration: none;
	border-bottom: 0px solid white;
}

/* Fix voor IE */
* html .container2 a, * html .container2 a:link, * html .container2 a:visited 
{
		height: 100px;
}

.container2 img
{
	float: left;
	border: 0;
	padding:  0px 0px 0px 0px;
	border: 1px solid #011B4B;
}

.container2 a:hover img
{
	border: 1px solid #FFB11D;
}

.container2 .tekstje2
{
	display: block;
	padding: 0px 10px 0px 155px;
	margin: 0px 0px 0px 0px;
}

.container2 a:hover
{
	display: block;
	width: 555px;
	text-decoration: none;
	background: #ffffff;
}




/* Sliding doors
---------------------------------------------------------------------------------------------- */	
	
.btn_blue, a.btn_blue:link, a.btn_blue:visited 
{
	float: left;
	width: 92px;
	height: 18px;
	background: url(../images/btn_blue.gif) 0px 0px;
	margin-top: 20px;
	margin-right: 10px;
	color: #ffffff;
	line-height: 17px;
	text-align: left;
	padding-left: 24px;
}

a.btn_blue:hover, a.btn_blue:active
{
	background: url(../images/btn_blue.gif) 0px -18px;
	text-decoration: none;
}


.btn_yellow, a.btn_yellow:link, a.btn_yellow:visited 
{
	float: left;
	width: 92px;
	height: 18px;
	background: url(../images/btn_yellow.gif) 0px 0px;
	margin-top: 20px;
	margin-right: 10px;
	color: #ffffff;
	line-height: 17px;
	text-align: left;
	padding-left: 24px;
}

a.btn_yellow:hover, a.btn_yellow:active
{
	background: url(../images/btn_yellow.gif) 0px -18px;
	text-decoration: none;
}


/* Buttons
---------------------------------------------------------------------------------------------- */	

.btn_116x18, a.btn_116x18:link, a.btn_116x18:visited 
{
	float: left;
	width: 92px;
	height: 18px;
	background: url(../images/btn_116x18.gif) 0px 0px;
	margin-top: 20px;
	margin-right: 10px;
	color: #ffffff;
	line-height: 17px;
	text-align: left;
	padding-left: 24px;
}

a.btn_116x18:hover, a.btn_116x18:active
{
	background: url(../images/btn_116x18.gif) 0px -18px;
	text-decoration: none;
}


.btn_116x18
{
	float: left;
	width: 92px;
	height: 18px;
	background: url(../images/btn_116x18.gif) 0px 0px;
	margin-top: 20px;
	margin-right: 10px;
	color: #ffffff;
	line-height: 17px;
	text-align: left;
	padding-left: 24px;
	cursor: pointer;
}

.btn_116x18:hover
{
	background: url(../images/btn_116x18.gif) 0px -18px;
	text-decoration: none;
}

.btn_116x18Yellow, a.btn_116x18Yellow:link, a.btn_116x18Yellow:visited 
{
	float: left;
	width: 92px;
	height: 18px;
	background: url(../images/btn_116x18.gif) 0px -18px;
	margin-top: 20px;
	margin-right: 10px;
	color: #ffffff;
	line-height: 17px;
	text-align: left;
	padding-left: 24px;
}

a.btn_116x18Yellow:hover, a.btn_116x18Yellow:active
{
	background: url(../images/btn_116x18.gif) 0px 0px;
	text-decoration: none;
}


.btn_112x23, a.btn_112x23:link, a.btn_112x23:visited 
{
	float: left;
	width: 88px;
	height: 23px;
	background: url(../images/btn_112x23.gif) 0px 0px;
	margin-top: 20px;
	margin-left: 10px;
	color: #ffffff;
	line-height: 23px;
	text-align: left;
	padding-left: 24px;
	font-size: 14px;
	font-weight: bold; 
}

a.btn_112x23:hover, a.btn_112x23:active
{
	background: url(../images/btn_112x23.gif) 0px -23px;
	text-decoration: none;
}


.btn_112x23
{
	float: left;
	width: 88px;
	height: 23px;
	background: url(../images/btn_112x23.gif) 0px 0px;
	margin-top: 20px;
	margin-left: 10px;
	color: #ffffff;
	line-height: 23px;
	text-align: left;
	padding-left: 24px;
	font-size: 14px;
	font-weight: bold;
	cursor: pointer;
}

.btn_112x23:hover
{
	background: url(../images/btn_112x23.gif) 0px -23px;
	text-decoration: none;
}

.btn_151x18, a.btn_151x18:link, a.btn_151x18:visited 
{
	float: left;
	width: 127px;
	height: 18px;
	background: url(../images/btn_151x18.gif) 0px 0px;
	color: #ffffff;
	line-height: 17px;
	text-align: left;
	padding-left: 24px;
	font-size: 11px;
}

a.btn_151x18:hover, a.btn_151x18:active
{
	background: url(../images/btn_151x18.gif) 0px -18px;
	text-decoration: none;
}


.btn_151x18
{
	float: left;
	width: 127px;
	height: 18px;
	background: url(../images/btn_151x18.gif) 0px 0px;
	color: #ffffff;
	line-height: 17px;
	text-align: left;
	padding-left: 24px;
	font-size: 11px;
	cursor: pointer;
}

.btn_151x18:hover
{
	background: url(../images/btn_151x18.gif) 0px -18px;
	text-decoration: none;
}

.btn_170x18, a.btn_170x18:link, a.btn_170x18:visited 
{
	float: left;
	width: 146px;
	height: 18px;
	background: url(../images/btn_170x18.gif) 0px 0px;
	color: #ffffff;
	line-height: 17px;
	text-align: left;
	padding-left: 24px;
	font-size: 11px;
}

a.btn_170x18:hover, a.btn_170x18:active
{
	background: url(../images/btn_170x18.gif) 0px -18px;
	text-decoration: none;
}

.btn_186x18, a.btn_186x18:link, a.btn_186x18:visited 
{
	float: left;
	width: 162px;
	height: 18px;
	background: url(../images/btn_186x18.gif) 0px 0px;
	color: #ffffff;
	line-height: 17px;
	text-align: left;
	padding-left: 24px;
	font-size: 11px;
}

a.btn_186x18:hover, a.btn_186x18:active
{
	background: url(../images/btn_186x18.gif) 0px -18px;
	text-decoration: none;
}


.btn_186x18
{
	float: left;
	width: 162px;
	height: 18px;
	background: url(../images/btn_186x18.gif) 0px 0px;
	color: #ffffff;
	line-height: 17px;
	text-align: left;
	padding-left: 24px;
	font-size: 11px;
	cursor: pointer;
}

.btn_186x18:hover
{
	background: url(../images/btn_186x18.gif) 0px -18px;
	text-decoration: none;
}


.btn_bereken, a.btn_bereken:link, a.btn_bereken:visited 
{
	float: right;
	width: 92px;
	height: 18px;
	background: url(../images/btn_116x18.gif) 0px 0px;
	margin-top: 20px;
	color: #ffffff;
	line-height: 17px;
	text-align: left;
	padding-left: 24px;
}

a.btn_bereken:hover, a.btn_bereken:active
{
	background: url(../images/btn_116x18.gif) 0px -18px;
	text-decoration: none;
}


.btn_bereken
{
	float: right;
	width: 92px;
	height: 18px;
	background: url(../images/btn_116x18.gif) 0px 0px;
	margin-top: 20px;
	color: #ffffff;
	line-height: 17px;
	text-align: left;
	padding-left: 24px;
	cursor: pointer;
}

.btn_bereken:hover
{
	background: url(../images/btn_116x18.gif) 0px -18px;
	text-decoration: none;
}





/* Winkelwagen
---------------------------------------------------------------------------------------------- */	

.kosten{
	float: right;
	color: #233a68;
	padding-top: 5px;
}	

.cartTitle {
	display: block;
	border-bottom: 1px solid #dbe1e8;
	padding-bottom: 5px;
	margin-bottom: 30px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight:bold;
}

.lijnclearer {
	height: 5px;
	font-size: 0px;
	line-height: 0px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	clear: both;
}

.btw{
	font-size: 12px;
	line-height: 18px;	
}

.totaal{
	float: right;
	font-weight: bold;
	font-size: 16px;
	padding-top: 12px;
	color:#233a68;
}

.totaal2{
	float: right;
	font-weight: bold;
	font-size: 11px;
	color:#233a68;
}

.totaal3{
	font-weight: bold;
	font-size: 12px;
	line-height: 25px;
}

.lijn {
	height: 1px;
	font-size: 0px;
	line-height: 0px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	clear: both;
	background: #e2e2e2;
}


.aantalfield { 
	height: 18px;
	width: 20px;
	border: 1px solid #e2e2e2;
	background: #ffffff;
	padding: 4px 3px 0px 3px;
	margin: 0px 0px 0px 0px;
	font-size: 11px;
	float: left;
	position: relative;
	}
	
.product{
	font-weight: bold;
	height: 60px;
	line-height: 60px;
	color: #233a68;
}

.itemBasket{
	float: left;
	padding: 0px;
	border: 1px solid #233a68;
}

.rij2{
	background: #f8f8f8;
}

/* Bestellen
---------------------------------------------------------------------------------------------- */	

a.forgetPass, a.forgetPass:visited {
	text-decoration:underline;
	padding-left: 15px;
	color: #7186a2;
	background: #FFF url(../images/linkArrow.gif) 0px 4px no-repeat; 
}

a.forgetPass:hover, a.forgetPass:active {
	color: #000;
}

.addformInput {width: 95%;}

.titleCustumor { font-size: 13px; font-family:Arial, Helvetica, sans-serif; font-weight: bold;}

/* Stappen
---------------------------------------------------------------------------------------------- */	

.btn_controleren {
	width: 223px;
	height: 23px;
	line-height: 23px;
	text-align: center;
	color: #FFF;
	background: #FFF url(../images/btn223x23.gif) top left no-repeat; 
	font-weight: bold;
	text-decoration: none;
	display: block;
	float: left;
}

.btn_controleren:hover {background: #FFF url(../images/btn223x23Active.gif) top left no-repeat; }

.msg_head1{
	height: 35px;
	line-height: 35px;
	display: block;
	padding-left: 0px;
	background: none;
}

.msg_head2{
	height: 35px;
	line-height: 35px;
	display: block;
	padding-left: 0px;
	background: none;
}


.msg_head3{
	height: 45px;
	line-height: 45px;
	display: block;
	padding-left: 0px;
	background: none;
}

.stappen{
	width: 100%;
	float: left;
	border-bottom: 1px solid #e2e2e2;
	margin-bottom: 15px;
}

.stappen ul{
	margin: 0px;
	padding: 0px;
	display: inline;
	list-style-type: none;
}

.stappen ul li{
	margin: 0px;
	display: inline;
	list-style-type: none;
	float: left;
	padding: 0px 14px 8px 0px;
	font-weight: bold;
	font-size: 11px;
}

.stappen ul li.inactief{
	filter: alpha(opacity=35);
    -moz-opacity: 0.35;
    opacity: 0.35;		
}

.stappen .redVink{ background:url(../images/linkArrow.gif) 0px 6px no-repeat;width: 4px; height: 15px; float: left; padding-right: 10px;}

.factuuradres{
	float: left;
	line-height: 22px;
	padding-right: 50px;
}

.bezorgadres{
	float: left;
	line-height: 22px;
}

.blauw {height: 30px; font-weight: bold; line-height: 30px;}

.tevoldoen{
	float: right;
	padding-top: 15px;
	padding-right: 10px;
}

.bestelnummer{
	font-size: 12px;
}



/* Productvarianten
------------------------------------------------------------------------------------------ */

#variaties{
	float: left;
	width: 100%;
	padding: 0px 0px 10px 0px;
}

.varkolom1{
	float: left;
	font-weight: bold;
	width: 20%;
	padding: 3px 0px 3px 0px;
}

.varkolom2{
	float: left;
	width: 80%;
	padding: 3px 0px 3px 0px;	
}


.btn_blue2, a.btn_blue2:link, a.btn_blue2:visited 
{
	float: right;
	width: 70px;
	height: 18px;
	background: url(../images/btn_blue2.gif) 0px 0px;
	margin-top: 0px;
	margin-right: 0px;
	color: #ffffff;
	line-height: 17px;
	text-align: left;
	padding-left: 24px;
}

a.btn_blue2:hover, a.btn_blue2:active
{
	background: url(../images/btn_blue2.gif) 0px -18px;
	text-decoration: none;
}
	
.vartabel{
	width: 100%;
	float: left;
	padding: 0px 0px 0px 0px;
}

.vartabel th{	
	text-align: left;
	color: #233a68;
}

.vartabel td{
	text-align: left;
}

.vartabel td img{	
	float: left;
}

.vartabel tr.varrow2{	
	background: #e8f2f4;
}

.varprijs{
	color: #233a68;
	font-weight: bold;
	font-size: 12px;
}





table.cart {
	width: 100%;
	position: relative;
	margin-left: -4px;
}

table.cart td{
	padding: 4px;
	margin: 0px;
}




tr.headers td{
	font-weight: bold;
}

tr.cart-subtotal td{
	border-top: 1px solid #e2e2e2;
	padding-top: 10px;
	font-weight: bold;
}





tr.cart-endtotal td{
	border-top: 1px solid #e2e2e2;
	padding-top: 10px;
	font-weight: bold;	
}