* {
	
	zoom:			1;
	
	}

body{

	background:		#FEC05A;
	font-family:		Arial, Helvetica, sans-serif;
	font-size:		12px;
	margin:			0px;
	padding:		0px;	
	color:			#021E4E;

}

img {

	border:			0;
	
	}

.break {

	height:10px;
	clear:both;
	
	}
	
h1 {

	font-size:16px;
	margin-bottom:10px;
	line-height:18px;
	color:#021E4E;
	
	}
	
h2 {

	font-size:14px;
	margin:10px 0;
	line-height:14px;
	color:#021E4E;
	
	}	
	
h3 {

	font-size:16px;
	margin-bottom:10px;
	line-height:18px;
	color:#021E4E;
	
	}	
	
p {

	padding:0 0 7px 0;
	line-height:18px;
	
	}
	
.bluebold14 {

	font-size:14px;
	font-weight:bold;
	margin:7px 0;
	line-height:14px;
	color:#021E4E;
	
	}		
	
a, a:visited {

	color:#021E4E;
	text-decoration:underline;
	
	}
	
a:hover, a:active {

	color:#021E4E;
	text-decoration:none;
	
	}		

.container{

	background:		#fff;
	border:			1px solid #021E4E;
	width:			900px;
	padding:		5px;
	margin:			5px auto;
}

.content{

	width:			900px;
	overflow:		auto;

}

.contentprofiel, .contentaanbod {
	overflow-x:		hidden;
	width:			860px;
	padding:0 20px;
	overflow:auto;
	
	}
	
.contentleft {

	width:			600px;
	float:			left;
	padding:0 20px;
	
	}
	
.contentright {

	width:			225px;
	float:			right;
	
	}		
	

.header {

	width:			900px;
	overflow:		visible;


	}
	
.banner {

	width:			900px;
	height:			90px;
	overflow:		auto;
	background:		url(../images/banner.jpg) left top no-repeat;
	position:		relative;

	}
	
.banner h1 {

	width:			140px;
	height:			80px;
	position:		absolute;
	left:			0;
	top:			0;
	}
	
.banner h1 img{
	width:			100%;
	height:			100%;
	}
		
.banner h1 a img {
	border:			none;
	}
	
.banner .box{
	position:		absolute;
	right:			375px;
	top:			10px;
	background:		url(../images/10.png) left top;
	padding:		5px 10px 5px;
	border:			1px solid #CCC;
	}	
				
/* ################# menu ###################### */

/*.menu, .menu *{

	margin:			0px;
	padding:		0px;
	font-family:		arial;
	font-size:		12px;
	z-index:		1000;

}

.menu{

	width:			880px;
	height:			34px;
	padding:		0px 10px 0px 10px;
	background:		#FEC05A;
	margin-bottom:10px;
}

.menu .seperator {

	width:1px;
	float:left;
	
	}

.menu a{

	text-decoration:	none;

}


.menu .item{

	height:			14px;
	margin:			0px 0px 0px 0px;
	padding:		10px;
	float:			left;
	position:		relative;
	overflow:		hidden;

}

.menu .item, .menu .item a{

	color:			#fff;
	font-weight:		bold;
	cursor:			pointer;
	text-decoration:	none;

}


.menu .active{


}

.menu .active, .menu .active a, , .menu .active a:visited{

	text-decoration:underline!important;

}*/


/*
 * Global
*/

.menu, .menu *{

	margin:			0px;
	padding:		0px;
	font-family:		arial;
	font-size:		12px;
	z-index:		1000;
	text-align:		left;

}

.menu{

	width:			880px;
	height:			34px;
	padding:		0px 10px 0px 10px;
	background:		#FEB741;
	margin-bottom:		10px;
}

.menu a{

	text-decoration:	none!important;
	color:			#21335B;

}

.menu a:hover{

	text-decoration:	none!important;
	color:			#FFF;

}

.menu a:visited{

	text-decoration:	none!important;
	color:			#21335B;

}

.menu a:active{

	text-decoration:	none!important;
	color:			#FFF;

}


/*
 * Menu items
*/

.menu .item{

	height:			14px;
	margin:			0px 0px 0px 0px;
	padding:		10px;
	float:			left;
	position:		relative;
	overflow:		hidden;
	line-height:		14px;

}

.menu .item, .menu .item a{

	color:			#21335B;
	font-weight:		bold;
	cursor:			pointer;

}

/* Hover */
.menu .hover{

	overflow:		visible;

}

.menu .hover, .menu .hover a{

}

/* Active */
.menu .active{

}

.menu .active, .menu .active a{

}


/*
 * Submenu
*/

.menu .item .submenu{

	height:			auto;
	position:		absolute;
	left:			0px;
	top:			100%;
	background:		#FEB741;
	overflow:		visible;

}

/*
 * Submenu Item
*/

.menu .item .submenu .subitem{

	padding:		5px 10px;
	position:		relative;
	overflow:		hidden;

}

.menu .item .submenu .subitem, .menu .item .submenu .subitem a, .menu .item .submenu .subitem .submenu a{

	color:			#21335B;
	font-weight:		normal;
	text-decoration:	none;

}

/* Hover */
.menu .item .submenu .hover{

	background:		#ff9900;
	overflow:		visible;

}

.menu .item .submenu .hover, .menu .item .submenu .hover a{

}

/* Active */
.menu .item .submenu .active{

	overflow:		visible;

}

.menu .item .submenu .active, .menu .item .submenu .active a{

	color:			#21335B;

}

/*
 * Sub-submenu
*/

.menu .item .submenu .subitem .submenu{

	position:		absolute;
	left:			100%;
	top:			0px;
	background:		#FEB741;

}

/*
 * Seperator
*/

.menu .seperator{

	width:			1px;
	height:			8px;
	margin:			13px 0px 0px 0px;
	background:		#21335B;
	float:			left;
	overflow:		hidden;

}

.menu .lang{

	padding:		8px 5px 0px 0px;
	width:			90px;
	height:			18px;
	float:			right;
	text-align:		right;

}

/* ################# content home ###################### */

/*
 * Vlakken
*/

.vlak{

	float:			left;
	overflow:		hidden;

}

.groot{

	height:			295px;
	margin:			5px 0px 15px;

}

.klein{

	height:			260px;

}

.links{

	width:			290px;

}

.midden{

	width:			290px;
	margin-left:		15px;
	margin-right:		15px;

}

.rechts{

	width:			290px;

}

.vlak1{

	

}

.vlak2{

	color:			#21335B;
	line-height:		17px;
	position:		relative;

}

.vlak2 a{

	color:			#21335B;
	text-decoration:	none;

}

.vlak2 h1, .vlak2 h3{

	margin:			0px;
	padding:		0px;
	font-size:		16px;
	color:			#21335B;

}

.vlak2 .box{

	width:			268px;
	padding:		10px;
	border:			1px solid #ccc;	
	position:		absolute;
	bottom:			0px;
	left:			0px;

}

.vlak2 .box p{

	margin-bottom:		0px;

}

.vlak2 .box a.gratis{
	
	color:			#666;
	padding:		3px 18px 3px 0px;
	font-weight:		bold;
	background:		url(../images/ico_meer.gif) center right no-repeat;


}

.vlak2 .box a.meer{

	color:			#666;
	text-decoration:	underline;
	padding:		2px 10px 3px 0px;
	background:		url(../images/next.gif) center right no-repeat;

}

.vlak3{

	width:			270px;
	height:			275px;
	padding:		10px;
	background:		url(../images/bg_zoekbox.gif) top left no-repeat;
	position:		relative;

}

.vlak3 .buttons{

	width:			162px;
	height:			120px;
	position:		absolute;
	top:			10px;
	right:			10px;

}

.vlak3 .zoeken{

	width:			268px;
	height:			140px;
	padding-top:		10px;
	position:		absolute;
	bottom:			10px;
	left:			10px;
	overflow:hidden;
	background:		url(../images/stripe_zoekbox.gif) top left repeat-x;

}

.vlak3 h1, .vlak3 h3{

	font-size:		14px;
	color:			#21335B;
	margin:			0px;

}

.vlak3 a.button{

	display:		block;
	overflow:		auto;
	width:			162px;
	height:			19px;
	padding:		5px 0px;
	text-align:		center;
	background:		url(../images/but_aanbod.gif);
	color:			#fff;
	text-decoration:	none;
	font-size:		13px;
	font-weight:		bold;

}

.vlak3 a.hover{

	background:		url(../images/but_aanbod_over.gif);

}

.vlak3 div.button{

	display:		block;
	overflow:		auto;

}

.vlak3 div.button a{

	text-decoration:	none;
	color:			#fff;
	
}

.vlak3 div.button .left{

	width:			15px;
	height:			25px;
	overflow:		hidden;
	background:		url(../images/but_blauw_left.gif) top left no-repeat;
	float:			left;

}

.vlak3 div.button .center{

	height:			15px;
	padding:		6px 5px 4px 7px;
	background:		url(../images/but_blauw_center.gif) top left repeat-x;
	float:			left;
	color:			#fff;

}

.vlak3 div.button .right{

	width:			15px;
	height:			25px;
	overflow:		hidden;
	background:		url(../images/but_blauw_right.gif) top left no-repeat;
	float:			left;

}

.vlak3 div.hover .left{

	background:		url(../images/but_blauw_left_over.gif) top left no-repeat;
	
}
.vlak3 div.hover .center{

	background:		url(../images/but_blauw_center_over.gif) top left repeat-x;
	
}
.vlak3 div.hover .right{

	background:		url(../images/but_blauw_right_over.gif) top left no-repeat;
	
}

.vlak3 td.title{

	width:			80px;

}

.vlak3 .select_big{

	width:			180px;
	border:			1px solid #666;
	font-family:		Arial, Helvetica, sans-serif;
	font-size:		12px;
	background:		#FFF;

}

.vlak3 .select_small{

	width:			85px;
	border:			1px solid #666;
	font-family:		Arial, Helvetica, sans-serif;
	font-size:		12px;
	background:		#FFF;

}

.vlak4 h2, .vlak5 h2, .vlak6 h2{

	width:			100%;
	background:		#21335B;
	color:			#fff;
	margin:			0px;
	padding:		10px;
	font-size:		15px;

}

.vlak4 p, .vlak5 p{

	padding:		0px 10px;

}

.vlak4{

	background:		url(../images/bg_contactbox.gif) bottom left no-repeat;
	position:		relative;

}

.vlak4 .eha{

	position:		absolute;
	bottom:			15px;
	left:			48px;

}

.vlak4 .eha img {

	width:			80px;
	height:			50px;
	border:			none;

}

.vlak4 .iso{

	position:		absolute;
	bottom:			15px;
	right:			25px;

}

.vlak4 .iso img {

	width:			70px;
	height:			70px;
	border:			none;

}


.vlak4 h1, .vlak4 h3{

	margin:			0px;
	padding:		0px 10px;
	line-height:		18px;
	font-size:		15px;
	color:			#21335B;
	
}

.vlak4 p{

	margin:			8px 0px;
	font-weight:		bold;

}

.vlak4 a.adres{

	color:			#666;
	font-weight:		bold;
	padding:		3px 18px 3px 0px;
	background:		url(../images/ico_meer.gif) center right no-repeat;
	text-decoration:	none;

}

.vlak4 hr{

	margin:			0px 10px;
	height:			2px;
	background:		url(../images/stripe_zoekbox.gif) center left repeat-x;
	border:			none;
	padding:		0px;

}

.vlak5{

	background:		#E3E3E3;

}

.vlak5 .foto{
	
	width:			258px;
	height:			140px;
	border:			1px solid #aaa;
	margin:			10px 10px 0px;
	padding:		5px;
	text-align:		center;

}

.vlak5 .foto img{

	height:			140px;

}

.vlak5 p{

	font-weight:		bold;
	color:			#21335B;
	line-height:		17px;
	margin:			7px 0px;

}

.vlak6{

	background:		url(../images/visual_expats.jpg) bottom left no-repeat;
	position:		relative;

}


.vlak6 .bg, .vlak6 .text{

	width:			270px;
	height:			110px;
	padding:		10px;
	position:		absolute;
	bottom:			0px;
	left:			0px;
	overflow:		hidden;
	
}

.vlak6 .bg{

	background:		#fff;
	opacity:		0.6;
	filter:			alpha(60);

}

.vlak6 .button{

	display:		block;
	overflow:		auto;

}

.vlak6 .button a{

	text-decoration:	none;
	color:			#fff;
	
}

.vlak6 .button .left{

	width:			15px;
	height:			25px;
	overflow:		hidden;
	background:		url(../images/but_geel_left.gif) top left no-repeat;
	float:			left;

}

.vlak6 .button .center{

	height:			15px;
	padding:		6px 5px 4px 7px;
	background:		url(../images/but_geel_center.gif) top left repeat-x;
	float:			left;
	color:			#fff;

}

.vlak6 .button .right{

	width:			15px;
	height:			25px;
	overflow:		hidden;
	background:		url(../images/but_geel_right.gif) top left no-repeat;
	float:			left;

}

.vlak6 .hover .left{

	background:		url(../images/but_geel_left_over.gif) top left no-repeat;
	
}
.vlak6 .hover .center{

	background:		url(../images/but_geel_center_over.gif) top left repeat-x;
	
}
.vlak6 .hover .right{

	background:		url(../images/but_geel_right_over.gif) top left no-repeat;
	
}

/* ################## profiel ######################### */

.profielfoto {

	width:157px; height:auto; margin-right:15px; margin-top:15px; padding:0; float:left; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #021E4E; overflow:auto;

	}

.profielfoto .foto {

	width:105px; height:160px; margin-bottom:5px; overflow:hidden
	
	}	
	
.grootp {

	width: 170px;
	margin-right:0;
	
	}
	
/* ################### contact ##################### */

select,
input.input,
textarea{

	border:			1px solid #999;
	background:		#FFF;
	padding:		2px 1px;
	font-family:		verdana, sans-serif;
	font-size:		12px;

}

input.error{

	color:			red;

}

input.button {

	border:none;
	background:none;
	padding:0;
	
	}
	
td {

	padding-bottom:5px;
	
	}
	
td.titel {

	padding-right:15px;
	
	}

input.large {

	width:260px;
	
	}
	
input.medium {

	width:186px;
	
	}
	
input.small {

	width:60px;
	margin-right:10px;
	
	}
	
input.leg {

	margin-bottom:7px;
	
	}	
	
textarea {

	width:260px;
	height:135px;	
	
	}
	

.container_check {

	width:400px;
	overflow:auto;
	
	}

.check {

	padding: 2px 0;
	width:150px;
	float:left;
	display:block;
	
	}	
	
.route {
	
	width:560px;
	margin:10px 0;
	background:#EEE;
	padding:10px;
	
	}	
	
/* FORMULIERE ANDERE */	

#bod input.small {

	width:30px;
	
	}
	
#bod input.medium {

	width:80px;
	
	}	


.footer {

	width:880px;
	padding:10px 0;
	color:#FFF;
	margin:0 auto;
	
	}
	
.alignleft{ text-align: left!important; }
.alignright{ text-align: right!important; }


#aanbod{

}

#aanbod .aanbod{

	width:			600px;
	overflow:		auto;
	padding:0;
	float:left;

}

#aanbod .aanbod .navigatie{

	width:			590px;
	float:			left;
	overflow:		auto;
	background:#CCC;
	padding:5px;

}

#aanbod .aanbod .navigatie div{

	float:			left;

}

#aanbod .aanbod .navigatie .gevonden{

	width:			175px;

}

#aanbod .aanbod .navigatie .volgende{

	width:			75px;
	margin-left:		5px;
	float:			right;

}

#aanbod .aanbod .navigatie .vorige{

	width:			75px;
	margin-right:		5px;
	text-align:		right;
	float:			right;

}

#aanbod .aanbod .navigatie .sorteer{

	width:			200px;
	text-align:		right;
	float:right;

}

#aanbod .aanbod .navigatie .nummers{

	width:			400px;
	text-align:		left;

}

#aanbod .aanbod .navigatie .nummers .active{

	font-weight:		bold;

}

#aanbod .aanbod .resultaten{

	width:			600px;
	overflow:		auto;

}

#aanbod .aanbod .resultaten .resultaat{

	width:			600px;
	height:			110px;
	overflow:		hidden;
	float:			left;

}

#aanbod .aanbod .resultaten .resultaat .foto{

	width:			140px;
	height:			90px;
	margin:			5px;
	padding:5px;
	float:			left;
	overflow:		hidden;
	border:			1px solid #CCC;
	background:		#EEE;

}

#aanbod .aanbod .resultaten .resultaat .foto .inner {

	width:			140px;
	height:			90px;
	overflow:		hidden;
	text-align:		center;
	
	}

#aanbod .aanbod .resultaten .resultaat .foto .inner img{

	height:			90px;

}

#aanbod .aanbod .resultaten .resultaat .kenmerken{

	width:			420px;
	height:			100px;
	margin:			5px;
	float:			left;
	overflow:		hidden;
	position:		relative;

}

#aanbod .aanbod .resultaten .resultaat .kenmerken div{

	position:		absolute;

}

#aanbod .aanbod .resultaten .resultaat .kenmerken .adres{

	left:			0px;
	top:			0px;
	font-weight:		bold;

}

#aanbod .aanbod .resultaten .resultaat .kenmerken .postcode{

	left:			0px;
	top:			20px;

}

#aanbod .aanbod .resultaten .resultaat .kenmerken .prijs{

	right:			0px;
	top:			0px;

}

#aanbod .aanbod .resultaten .resultaat .kenmerken .oppervlakte{

	right:			0px;
	top:			20px;

}

.zebra {

	background:			#DEDEDE;
	margin:				3px 0;
	padding:			1px 0 2px 0;
	
	}

/* ############## zoekbox ############### */

.zoekbox {

	width:200px;
	float:right;
	background:#CCC;
	padding:10px 20px;
	
	}
	
.zoeken {
	
	width:190px;
	
	}	
	
/* ############## woningaanbod formulieren #################### */

.reageer {

	width:800px;
	overflow:auto;
	
	}	
	
	
body#reageer {

	background:#FFF;
	margin:0;
	padding:0;
	
	}


/* ############################## DETAILS ######################## */

#details{

}

#details .fotos{

	width:			670px;
	height:			350px;
	overflow:		hidden;
	float:			left;
	margin-bottom:		5px;

}	
#details .fotos .foto{

	width:			508px;
	height:			338px;
	padding:		5px;
	text-align:		center;
	overflow:		hidden;
	float:			left;
	border:			1px solid #CCC;

}

#details .fotos .foto img{

	height:			335px;

}

#details .fotos .thumbs{

	width:			130px;
	height:			350px;
	margin:			0 5px;
	overflow:		hidden;
	float:			left;
	position:		relative;

}

#details .fotos .thumbs .arrow{

	width:			130px;
	height:			25px;
	position:		absolute;
	cursor:			pointer;

}

#details .fotos .thumbs .arrow.up{

	top:			0px;
	background:		url(../images/up2.gif) left top no-repeat;

}

#details .fotos .thumbs .arrow.down{

	bottom:			0px;
	background:		url(../images/down2.gif) left bottom no-repeat;

}

#details .fotos .thumbs .slider{

	width:			130px;
	position:		absolute;
	top:			25px;

}

#details .fotos .thumbs .slider .thumb{

	width:			130px;
	height:			94px;
	overflow:		hidden;
	margin:			5px 0px;
	text-align:		center;
	cursor:			pointer;
}

#details .fotos .thumbs .slider .thumb img{

	height:			94px;
	
}

#details .tabs{

	width:			860px;
	float:			left;
	height:			30px;
	border-bottom:		1px solid #999;

}

#details .tabs .tab1, #details .tabs .tab2, #details .tabs .tab3{

	float:			left;
	height:			25px;
	padding:5px 10px 0 10px;
	border-left: 1px solid #ccc;
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;
	margin:0 10px;
	font-weight:bold;
	background:#021E4E;
	color:#FFF;

}



a.tab1, a.tab2, a.tab3, a.tab1:hover, a.tab2:hover, a.tab3:hover {

	color:#FFF;
	text-decoration:none;

}

#details .tab{

	width:			100%;
	float:			left;
	display:		none;

}

#details .kenmerken {

	width:170px;
	overflow:auto;
	padding:10px 0 10px 15px;
	background:#DDD;
	float:right;
	}
	
	
#details .brochure {

	width:155px;
	overflow:auto;
	padding:10px 0 10px 30px;
	margin-top:15px;
	background: url(../images/brochure.gif) left center no-repeat;
	float:right;
	}
	
/* ################## THICKBOX ########################### */

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
*{padding: 0; margin: 0;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {
	font: 12px Arial, Helvetica, sans-serif;
	color: #333333;
}

#TB_secondLine {
	font: 10px Arial, Helvetica, sans-serif;
	color:#666666;
}

#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
	position: fixed;
	top: 0px;
	left: 0px;
	height:100%;
	width:100%;
	z-index: 1090;
}

.TB_overlayMacFFBGHack {background: url(macFFBgHack.png) repeat;}
.TB_overlayBG {
	background-color: #002852;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
}

* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_window {
	position: fixed;
	background-color: #FFCE42;
	color:#000000;
	display:none;
	text-align:left;
	top:50%;
	left:50%;
	z-index: 1100;
}

* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}


#TB_window img#TB_Image {
	display:block;
	margin: 15px 0 0 15px;
	border:		none!important;
}

#TB_caption{
	height:25px;
	padding:7px 30px 10px 25px;
	float:left;
}

#TB_closeWindow{
	height:25px;
	padding:11px 25px 10px 0;
	float:right;
}

/*#TB_next {
	width:22px;
	height:25px;
	padding:11px 0 0 0;
	float:left;
	background:url(../images/nextlabel.gif) left top no-repeat;
	cursor:pointer;
	}
	
#TB_prev {
	width:22px;
	height:25px;
	padding:11px 25px 0 0;
	float:left;
	background:url(../images/prevlabel.gif) left top no-repeat;
	cursor:pointer;
	}*/

#TB_closeAjaxWindow{
	padding:7px 10px 5px 0;
	margin-bottom:1px;
	text-align:right;
	float:right;
}

#TB_ajaxWindowTitle{
	float:left;
	padding:7px 0 5px 10px;
	margin-bottom:1px;
}

#TB_title{
	background-color:#e8e8e8;
	height:27px;
}

#TB_ajaxContent{
	clear:both;
	padding:2px 15px 15px 15px;
	overflow:auto;
	text-align:left;
	line-height:1.4em;
}

#TB_ajaxContent.TB_modal{
	padding:15px;
}

#TB_ajaxContent p{
	padding:5px 0px 5px 0px;
}

#TB_load{
	position: fixed;
	display:none;
	height:13px;
	width:208px;
	z-index:103;
	top: 50%;
	left: 50%;
	margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}

* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_HideSelect{
	z-index:99;
	position:fixed;
	top: 0;
	left: 0;
	background-color:#fff;
	border:none;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	height:100%;
	width:100%;
}

* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_iframeContent{
	clear:both;
	border:none;
	margin-bottom:-1px;
	margin-top:1px;
	_margin-bottom:1px;
}

#TB_closeWindowButton{

	cursor:		pointer;

}

/* ############# nieuwbouw pagina ################# */

.nieuwbouw {

	width:			900px;
	height:			210px;
	overflow: 		hidden;
	background:		#E3E3E3;

}

.nieuwbouw h2 {

	width:			880px;
	height:			25px;
	font-size:		14px;
	color:			#FFF;
	padding:		10px 0 0 20px;
	background:		#21335B;
	overflow:		hidden;
	line-height:		20px;
	display:		block;
	margin:			0;
	
	}
	
.nieuwbouw p {

	width:			500px;
	float:left;
	padding:15px;
	
	}	
	
.nieuwbouw h2 a {

	color:			#fff;
	text-decoration:	none;
	
	}
	
.nieuwbouw .foto {

	background:#EEE;
	border:1px solid #AAA;
	height:140px;
	margin:10px 10px 0 10px;
	padding:5px;
	text-align:center;
	width:225px;
	float:left;
	
	}	
	
.nieuwbouw .foto img {

	height:140px;
	border: none;
	
	}
	
.nieuwbouw .foto img a{

	border: none;
	
	}		

.nieuwbouw .button{

	display:		block;
	overflow:		auto;
	margin-left:		15px;
	margin-right:		100px;
	float:left;

}

.nieuwbouw .button a{

	text-decoration:	none;
	color:			#fff;
	
}

.nieuwbouw .button .left{

	width:			15px;
	height:			25px;
	overflow:		hidden;
	background:		url(../images/but_geel_left.gif) top left no-repeat;
	float:			left;

}

.nieuwbouw .button .center{

	height:			15px;
	padding:		6px 5px 4px 7px;
	background:		url(../images/but_geel_center.gif) top left repeat-x;
	float:			left;
	color:			#fff;

}

.nieuwbouw .button .right{

	width:			15px;
	height:			25px;
	overflow:		hidden;
	background:		url(../images/but_geel_right.gif) top left no-repeat;
	float:			left;

}

.nieuwbouw .hover .left{

	background:		url(../images/but_geel_left_over.gif) top left no-repeat;
	
}
.nieuwbouw .hover .center{

	background:		url(../images/but_geel_center_over.gif) top left repeat-x;
	
}
.nieuwbouw .hover .right{

	background:		url(../images/but_geel_right_over.gif) top left no-repeat;
	
}

#nieuwbouw_details{

}

#nieuwbouw_details .top{
	width:			685px;
	float:			left;
	overflow:		auto;

}

#nieuwbouw_details .foto{

	width:			500px;
	height:			340px;
	border:			1px solid #999;
	padding:		15px;
	overflow:		hidden;
	text-align:		center;
	float:			left;
	margin:			0px 10px 0px 0px;
	float:left;

}


#nieuwbouw_details .foto img{

	height:			330px;
}


#nieuwbouw_details .up{

	width:			136px;
	height:			35px;
	float:			right;
	background:		url(../images/up.gif) left top no-repeat;
	cursor:			pointer;
	
}

#nieuwbouw_details .down{

	width:			136px;
	height:			35px;
	float:			right;
	background:		url(../images/down.gif) left top no-repeat;
	cursor:			pointer;
	
}

#nieuwbouw_details .thumbs{
	
	width:			134px;
	height:			302px;
	float:			right;
	overflow:		hidden;
	position:		relative;
	border-left:		1px solid #999;
	border-right:		1px solid #999;

}

#nieuwbouw_details .thumbs .slider{

	width:			124px;
	position:		absolute;
	top:			0px;
	left:			0px;
	text-align:		center;
	padding-left:		5px
	
}

#nieuwbouw_details .thumbs .slider .thumb{

	width:			124px;
	height:			83px;
	overflow:		hidden;
	text-align:		center;
	padding:		10px 0px 10px;

}

#nieuwbouw_details .thumbs .slider .thumb img{

	height:			83px;
	cursor:			pointer;
	
}

#nieuwbouw_details p{

	margin-top:		20px;
	clear:			both;

}

#nieuwbouw_details .topright{

	float:			right;
	width:			185px;

}

.topright table {

	width:185px;
	margin-bottom:7px;
	
	}

.topright h2, .bottomright h2 {

	font-size:		14px;
	color:			#21335B;
	padding:		0 0 7px 0;
	
	}
	
.topright .value {

	color:			#666;
	
	}
	
.topright .key {

	padding:		0 0 2px 0;
	border-bottom:		1px solid #CCC;
	
	}	
	
.topright .documenten {

	padding:0 0 3px 22px;
	margin:0 0 3px 0;
	clear:both;
	background: url(../images/pdf.gif) left center no-repeat;
	
	}

.topright a {

	font-weight:		bold;
	color:			#21335B;
	text-decoration:	underline;
	
	}
	
.topright a:hover {

	text-decoration:	none;
	
	}	
	
#nieuwbouw_details h1, #open_huis h1, #nieuwbouw h1{

	margin:			0 0 0 20px;
	padding:		0 0 7px 0;
	font-size:		16px;
	color:			#21335B;
	width:			700px;
	float:			left;
	clear:			both;

}

h1.titeladres{

	font-size:		16px;
	color:			#21335B;
	width:			700px;
	float:			left;

}

.gaterug {
	
	width:			60px;
	float:			right;
	font-weight:		bold;
	text-align:		right;
	margin-top:		10px;
	background:		url(../images/gaterug.gif) left top no-repeat;
	
	}
	
.gaterug2 {
	
	width:			60px;
	float:			left;
	font-weight:		bold;
	text-align:		right;
	margin-top:		10px;
	background:		url(../images/gaterug.gif) left top no-repeat;
	
	}	
	
.gaterug a, .gaterug2 a{
	
	color:			#21335B;
	text-decoration:	underline;
	
	}	
	
.gaterug a:hover, .gaterug2 a:hover {
	
	text-decoration:	none;
	
	}	
				

#nieuwbouw_details .bottom{
	width:			530px;
	float:			left;
	overflow:		auto;
	margin:			0px 0px 10px 0px;

}

#nieuwbouw_details .bottomright{

	float:			right;
	width:			320px;
	padding:		15px;
	background:		#E3E3E3;
	overflow:		auto;
	height:			auto;

}

.bottomright input.text {

	width:225px;
	padding:2px 3px;
	border:1px solid #666;
	background:FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#222;

	}
	
.bottomright td {

	padding-bottom:5px;
	
	}
	
.fotm_titel {

	padding-right:15px;
	
	}	
	
.reactie{

	width:225px;
	height:100px;
	padding:2px 3px;
	border:1px solid #666;
	background:FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#222;
	
	}

.bottomright div.button a{

	text-decoration:	none;
	color:			#fff;
	
}

.bottomright div.button .left{

	width:			15px;
	height:			25px;
	overflow:		hidden;
	background:		url(../images/but_blauw_left.gif) top left no-repeat;
	float:			left;

}

.bottomright div.button .center{

	height:			15px;
	padding:		6px 5px 4px 7px;
	background:		url(../images/but_blauw_center.gif) top left repeat-x;
	float:			left;
	color:			#fff;

}

.bottomright div.button .right{

	width:			15px;
	height:			25px;
	overflow:		hidden;
	background:		url(../images/but_blauw_right.gif) top left no-repeat;
	float:			left;

}

.bottomright div.hover .left{

	background:		url(../images/but_blauw_left_over.gif) top left no-repeat;
	
}

.bottomright div.hover .center{

	background:		url(../images/but_blauw_center_over.gif) top left repeat-x;
	
}

.bottomright div.hover .right{

	background:		url(../images/but_blauw_right_over.gif) top left no-repeat;
	
}	

input.error {

	color:#FF0000!important;
	
	}
	
.navigatie {

	width:530px;
	height:20px;
	overflow:hidden;
	clear:both;
	
	}		
	
#nieuwbouw_details .vorige, #details .vorige {

	width:			55px;
	height:			20px;
	color:			#21335b;
	background:url(../images/vorige.gif) left top no-repeat;
	padding-left:18px;
	display:block;
	cursor:pointer;
	float:left;
	
	}	

#nieuwbouw_details .volgende, #details .volgende {

	width:			55px;
	height:			20px;
	color:			#21335b;
	background:url(../images/volgende.gif) right top no-repeat;
	padding-right:18px;
	display:block;
	float:left;
	cursor:pointer;
	text-align:right;
	
	}
	
#nieuwbouw_details .navigatie .prev_disabled, #details .navigatie .prev_disabled {

	color:			#CCC;
	background:url(../images/vorige_off.gif) left top no-repeat;

	
	}
	
#nieuwbouw_details .navigatie .next_disabled, #details .navigatie .next_disabled {

	color:			#CCC;
	background:url(../images/volgende_off.gif) right top no-repeat;
	
	}		
	
.onderschrift {

	width:			200px;
	height:			20px;
	float:			left;
	color:			#21335b;
	
	}	
	
.vergroting {

	width:150px;
	height:20px;
	float:right;
	padding-right:20px;
	text-align:right;
	background:url(../images/vergroot.gif) right top no-repeat;
	cursor:pointer;
	color:#21335b;
	}		
	
/* ################ diensten ################ */

#diensten .contentdiensten {

	width:			860px;
	padding:0 20px;
	overflow:auto;
	background:url(../images/bg_diensten.gif) left top repeat-y;
	
	}

#diensten .contentdiensten .left {

	width:			150px;
	float:			left;

}

#diensten .contentdiensten .center {

	width:			450px;
	float:			left;

}

#diensten .contentdiensten .right {

	width:			200px;
	float:			right;

}

#diensten .menu_diensten {

	width:107px;
	margin-top:20px;
	font-size:14px;
	
	}
	
.menu_diensten .item {

	display:block;
	padding:0 0 7px 0;
	margin-bottom:3px;
	background:url(../images/bg_item_submenu.gif) left bottom no-repeat;
	
	}
	
.menu_diensten .item a,  .menu_diensten .item a:visited{

	text-decoration:none;
	color:#021E4E;
	
	}
	
.menu_diensten .item a:hover,  .menu_diensten .item a:active{

	text-decoration:none;
	color:#666;
	
	}	
	
ul {

	margin:0 0 7px 20px;
	
	}
	
ol {

	margin:0 0 7px 20px;	
	
	}	
	
li {

	padding:0 0 5px 0;
	
	}
	
/* ###################
	
	nieuws
	
	###################*/		
	
.nieuws {

	margin: 20px 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;

}

.nieuws .item{

	color:			#021E4E;

}

.nieuws .item p{

	

}

.nieuws .item h2{

	font-size:		13px;
	line-height:		22px;
	margin:			0px;
	padding:		0px;

}

.nieuws .item .text{

	border-bottom:		1px dotted #ccc;
	padding:		5px 0px 0 0;
	clear:			both;
	margin:			0 0 5px 0;

}

.nieuws .item .bottom{

	border:			none;
	padding:		5px 0px 8px 0px;

}		

.doen {
	
	display:		block;
	padding:		6px 0 0 0;
	float:			left;
	
}
		
.nvm_logo {

	width:			40px;
	height:			55px;
	position:		absolute;
	left:			45px;
	top:			43px;
	
	}
	
	
.nvm_logo img{

	width:			100%;
	height:			100%;
	border:			0;
	
	}
	
.inloggen {
	color:			#21335B;
	background:		url(../images/pijl_rechts.gif) left center no-repeat;
	padding:		0 0 0 10px;
	display:		block;
	}
	
.alert {
	border:			5px solid #ff6600;
	background:		#FFF;
	padding:		5px;
	}
	
.alert h4{
	font-weight:		normal;
	color:			#444;
	font-size:		14px;
	line-height:		20px;
	}	
	
.iframe{
	width:		860px;
	height:		1020px;
	overflow-y:	auto;
	overflow-x:	hidden;
	background:	#DDD;
	}