/* ### GENERAL ### */
* { margin: 0px; padding: 0px; }
html, body { font-family: Arial; font-size: 11px; color: #6a6a6a; }
input, select, textarea { font-family: Arial; font-size: 11px; color: #6a6a6a; }
html { background: url('../images/bodyBg.gif') repeat-x; }
img { border: 0px; display: block; }
hr {
height: 0;
border: 0;
border-top: 1px solid #979797;
margin-bottom:10px;
margin-top:10px;
} 
h1 {
font-size:14px;
color: #3a3532;
}

/* ### GLOBAL CLASSES ### */
.clear { clear: both; }

/* ### MAIN CONTAINER ### */
#mainCntr { margin: 0 auto; width: 968px; }
	
	/* ### HEADER CONTAINER ### */
	#headerCntr { position: relative; width: 968px; height: 100px; background: url('../images/headerBg.gif') no-repeat; }
	
	
			/* ### QUICK CONTAINER ### */
	#quickCntr { position: absolute; top: 6px; right: 0px; width: 968px; }
		#quickCntr ul { overflow: hidden; width: 998px; list-style: none; }
		#quickCntr li { position: absolute; top: 0px; }

		#quickCntr li.hypotheken { left: 853px; }
		#quickCntr li.lingerie { left: 893px; }

		
	
		#quickCntr li.hypotheken a { background-image: url('../images/icon12.gif'); }
		#quickCntr li.hypotheken a:hover, #quickCntr li.hypotheken a.selected { background-image: url('../images/icon12H.gif'); }
		#quickCntr li.lingerie a { background-image: url('../images/icon13.gif'); }
		#quickCntr li.lingerie a:hover, #quickCntr li.lingerie a.selected { background-image: url('../images/icon13H.gif'); }

		#quickCntr li a { display: block; width: 35px; height: 31px;  background-repeat: no-repeat; }
		#quickCntr li a:hover, #quickCntr li a.selected { width: 150px; height: 58px; }
		
	
	/* ### CONTENT CONTAINER ### */
	#contentCntr { padding: 10px 0px 20px 0px; overflow: hidden; width: 968px; }
	
		/* ### LEFT CONTAINER ### */
		#leftCntr { float: left; width: 250px; }
		
			/* ### NAV CONTAINER ### */
		#navCntr { margin-bottom: 5px; padding-bottom: 10px; width: 250px;  }
			#navCntr ul { padding: 0px 0px 0px 10px; list-style: none; }
			#navCntr li.leeg { padding-top: 15px; }
			#navCntr li.sub { padding-left: 20px; }
			#navCntr li a { padding-left: 0px; display: block; font-weight:bold; line-height: 26px; font-size:24px; text-decoration: none; color: #000; color:#5cc3e1; }
			#navCntr li a:hover, #navCntr li.selected a { background: url('../images/arrowS.gif') no-repeat 2px center; }
			

.nieuwsbrief {
marign-top:20px;
}		
.nieuwsbrief h2 {

background-color:#5cc3e1;
width:200px;
line-height:20px;
marign-bottom:10px;
color:#ffffff;
font-size:12px;

}

.nieuwsbrief span {
padding-left:10px;
}

.nieuwsbrief label {
padding-left:10px;
width:100px;
}

.nieuwsbrief submit {
	background:url('../images/search_submit.gif');
	width:75px;
	height:22px;
	margin-top:3px;
	border:0px;

	
}

.referenties h2 {

background-color:#5cc3e1;
width:200px;
line-height:20px;
marign-bottom:10px;
color:#ffffff;
font-size:12px;
}

.referenties span {
padding-left:10px;
}



input.text {
	
	width:175px;
	height:17px;

	border: solid 1px;
	float: left;
	
}
	
		

		/* ### RIGHT CONTAINER ### */
		#rightCntr { overflow: hidden; float: right; width: 712px; }
		

input.sent {
	background:url('../images/verstuur.gif');
	width:75px;
	height:22px;
	margin-top:3px;
	border:0px;
	float: left;
	
}
			
			




/* ### productdetail ### */



.productdetail { margin-top: 5px; overflow: hidden; width: 320px; }
		 
.productdetail h3 { margin-bottom: 10px; padding-left: 10px; height: 26px; font: bold 14px/26px Arial; text-transform: uppercase; color: #fff; background: url('../images/overH2.gif') no-repeat; }
		
.laatstBox div.last { border: 0px; }
.productdetail div.productdetails { padding: 100px 10px 0px 15px; position: relative; float: left; width: 135px; height: 80px; border-right: 1px dotted #000; }
		
.productdetail a.vergroot { position: absolute; top: 5px; right: 10px; display: block; width: 26px; height: 23px; text-indent: -999999px; background: url('../images/vergroot2.gif') no-repeat; }
		
div#rightCntr .productdetail a.voegtoe { position: absolute; bottom: 5px; right: 10px; display: block; width: 26px; height: 23px; text-indent: -999999px; background: url('../images/voegtoe2.gif') no-repeat; }
		
div#rightCntr div.productdetail img { position: absolute; 
border: 1px solid; 
top: 0px; left: 35px; }
		
div#rightCntr .productdetail h1 { padding-bottom: 5px; font-size: 14px; color: #607b95; }
		
div#rightCntr .productdetail h2 { margin-top: 10px; font-size: 11px; font-weight: normal; color: #446d96; }
		

			
div#rightCntr div.details-left {
	float: left;
	padding:0px 0px;
	width: 120px;
}

div#rightCntr div.details-right {
	float: right;
	width: 520px;
}

div#rightCntr div.details-right h1 {
	color: #ca0118;
	font-size: 18px;
	margin: 7px 0px 14px 0px;
}

div#rightCntr div.details-right p {
	font-size: 11px;
}

div#rightCntr div.details-right a.bestel {
	background-image: url(../images/bestel.png);
	color: #fff;
	display: block;
	font-size: 14px;
	font-weight: bold;
	height: 27px;
	line-height: 27px;
	margin-bottom: 5px;
	padding-left: 7px;
	text-decoration: none;
	text-transform: uppercase;
	width: 314px;
}



.topproduct1 {
	float:left;
	marign-right:10px;
	width:230px;
	margin-bottom:10px;
}

.topproduct1 ul {

list-style-type: none;
padding: 0px;
margin-left: 10px;
}
.topproduct1 li 
{
background-image: url(../images/listitem.gif);
background-repeat: no-repeat;
background-position: 0px 5px;
padding-left: 14px;
line-height:20px;
}

.topproduct1 h2 {
background-color:#5cc3e1;
width:200px;
line-height:30px;

color:#ffffff;
}

.topproduct1 img {
padding-top:10px;
}

.topproduct1 span {
padding-left:10px;
}

.meerinfo {
float:right;
margin-right:10px;
}
.nieuwsbox {
width:400px;
float:left;
margin-right:20px;
}

.nieuwsbox h2 {
color:#5cc3e1;
font-size:14px;
font-weight:bold;
margin-bottom:5px;
}


.nieuwsitem {
margin-bottom:10px;
}


.nieuwsitem h3 {
font-size:11px;
}


.datum {
background-color:#5cc3e1;
height:14px;
width:150px;
margin-bottom:5px;
}


.datum p {
color:#ffffff;
padding-left:10px;
}
#ikwileen {
float:left; 
width:200px;
}

#ikwileen h2 {
color:#5cc3e1;
font-size:14px;
font-weight:bold;
margin-bottom:5px;
}


.itemikwil {
background-color:#5cc3e1;
height:14px;
width:250px;
margin-bottom:5px;
}


.itemikwil p {
color:#ffffff;
padding-left:10px;
}

#content h1 {
color:#ffffff;
padding-left:10px;
line-heigt:20px;
}

.blok {
background-color:#5cc3e1;
height:20px;
width:350px;
margin-bottom:5px;
}


.overzicht {
width:587px;
padding-bottom:15px;
}

.overzicht ul {
margin-left:5px;
list-style-type:none;

}

.overzicht li {
border-bottom:solid 1px #dddddd;
display:inline-block;
}

.first {
background-image: url(../images/listbg.gif);
height:16px;
width:587px;
border:none;

}

.gewoon {
float:left;
width:504px;
display:inline-block;
vertical-align:bottom;
}
.twee {float:left;
width:43px;
display:inline-block;
vertical-align:bottom;

}
.drie {float:left;
width:35px;
display:inline-block;
vertical-align:top;
}

/* ### TEkst midden ### */
			.tekst { float: right; width: 380px; }
			
			.tekst img { margin-bottom: 7px; padding-bottom: 7px; border-bottom: 1px solid #494949; }
			.tekst ul { padding: 5px; list-style: none;  }
			.tekst li { padding-bottom: 6px; }
			.tekst li a { display: block; height: 32px; text-decoration: none; font-size: 10px; color: #424147; }
			.tekst span { float:right; padding: 1px 0px 3px 0px; display: block; font-size: 11px; font-weight: normal; color: #537da5; }
			.tekst li img { margin: 0px 10px 0px 0px; padding: 0px; float: left; border: 0px; }
			.tekst a { font-size: 11px; color: #424147; text-decoration: none; }
			

/* ### ADG BOX ### */
			.adgBox { float: right; width: 320px; background: url('../images/adgBg.gif') repeat-y; }
			.adgBox div.top { background: url('../images/adgTop.gif') no-repeat top; }
			.adgBox div.bottom { padding: 8px 10px 8px 10px; background: url('../images/adgBottom.gif') no-repeat bottom; }
			.adgBox h3 { 
				margin-bottom:5px;					
padding-bottom: 5px; font-size: 9px; font-weight: normal; color: #446d96; }
			.adgBox img { margin-bottom: 7px; padding-bottom: 7px; border-bottom: 1px solid #494949; }
			.adgBox ul { padding: 5px; list-style: none; background: #f4f4f4; }
			.adgBox li { padding-bottom: 6px; }
			.adgBox li a { display: block; height: 32px; text-decoration: none; font-size: 10px; color: #424147; }
			.adgBox span { 
float:left; 
margin-bottom:5px;
padding: 1px 0px 3px 0px; 
display: block; 
font-size: 11px; 
font-weight: normal; color: #537da5; }
			.adgBox li img { margin: 0px 10px 0px 0px; padding: 0px; float: left; border: 0px; }
			
.nieuws {
margin-bottom:15px;
}
		
		
		
		/* ### TEXT BOX ### */
		.textBox { margin-top: 15px; width: 968px; background: url('../images/textBg.gif') repeat-y; }
		.textBox div.top { background: url('../images/textTop.gif') no-repeat top; }
		.textBox div.bottom { padding: 10px; background: url('../images/textBottom.gif') no-repeat bottom; }
		.textBox h1 { padding-bottom: 11px; font-size: 18px; color: #607b95; }
		.textBox h2 { padding-bottom: 5px; font-size: 11px; }
		.textBox p { padding-bottom: 11px; line-height: 18px; }
		
	
/* ### FOOTER CONTAINER ### */
	#footerCntr { width: 968px; }
	#footerCntr div.grey { margin-bottom: 14px; padding: 14px; overflow: hidden; width: 968px; background: #eaeaea; }
	#footerCntr ul { margin-right: 14px; float: left; width: 170px; list-style: none; }
	#footerCntr li { height: 15px; line-height: 15px; font-size: 9px; border-bottom: 1px dotted #000; }
	#footerCntr li a { text-decoration: none; color: #000; }
	#footerCntr li a:hover { text-decoration: underline; }
	#footerCntr span { padding-bottom: 5px; display: block; font-size: 10px; font-weight: bold; color: ##5cc3e1; }
	#footerCntr div.copy { margin-top: 12px; padding-top: 20px; float: right; overflow: hidden; width: 272px; height: 59px; }
	#footerCntr img { float: left; }
	#footerCntr img.right { float: right; }
	#footerCntr p {float:right;}