*{
	zoom:			1;
}

html, body{
	height:			100%;
}

.back {
	background:		url(../images/arrow_left.jpg) center left no-repeat;
	padding:		0 0 0 12px;
	color:			#666;
	text-decoration:	underline;
	font-weight:		bold;
}

.back:hover {
	color:			#333;
	text-decoration:	none;
}

body {
	background:		url(../images/body_bg.jpg) top left repeat-x #fff!important;
	margin:			0;
	padding:		0;
	font-family:		arial;
	font-size:		12px;
	color:			#5f5f5f;
}

.wrapper {
	width:			100%;
	min-height:		100%;
	position:		relative;
	overflow:		auto;
}

.container {
	width:			100%;
	margin:			0;
	padding:		0;
	overflow:		auto;
}

.content {
	width:			940px;
	margin:			0 auto;
}

#header {
	height:			105px;
}

#header .content {
	width:			930px;
	height:			100px;
	padding:		0 10px 0 10px;
	overflow:		hidden;
	position:		relative;
}

#header .content .nl, #header .content .en{
	width:			22px;
	height:			18px;	
	position:		absolute;
	bottom:			30px;
	right:			20px;	
}

#header .content .en{
	right:			5px;		
}

#header #logo {
	width:			150px;
	height:			89px;
	float:			left;
	margin:			10px 30px 0 10px;
}

#header #menu {
	float:			left;
	margin:			20px 0 0;
	padding:		0;
	list-style:		none;
}

#header #menu li {
	float:			left;
	padding:		4px 20px 9px;
	margin:			0;
	background:		url(../images/menu_seperator.jpg) top left no-repeat;
}

#header #menu li.no_bg {
	background-image:	none;
}

#header #menu li a {
	color:			#fff;
	font-family:		trebuchet ms;
	font-variant: 		small-caps;
	font-weight:		bold;
	font-size:		14px;
	text-decoration:	none;
}

#header #menu li:hover, #header #menu .active {
	padding:		4px 20px 9px;
	background:		#fff;
}

#header #menu li:hover a, #header #menu .active a {
	color:			#333;
}

#header #submenu {
	float:			left;
	margin:			5px 10px 0 130px;
	padding:		0;
	list-style:		none;
	display:		none;
}

#header #submenu li {
	float:			left;
	padding:		4px 10px;
}

#header #submenu li a {
	color:			#888;
	font-family:		arial;
	font-weight:		bold;
	font-size:		12px;
	text-decoration:	none;
}

#header #submenu li a:hover {
	text-decoration:	underline;
}


/*
 * Footer
 */
.footer{
	position:		absolute;
	bottom:			0px;
	left:			0px;
	width:			100%;
	background:		#3d3d3d;
}

#footer{	
	width:			920px;
	height:			150px;
	margin:			0px auto;
	background:		url(../images/logos_footer.jpg) bottom right no-repeat;
}

#footer .adres{
	background:		transparent;
	float:			left;
	margin:			17px 0 0;
	line-height:		18px;
}



#footer .adres{
	font-family:		trebuchet ms;
	color:			#fff;
	text-decoration:	none;
	font-size:		12px;
}

#footer .adres1{
	margin:			17px 0 0 0;
}

#footer .adres3{
	margin:			17px 0 0 15px;
}

#footer .adres6{
	float:			right;
	padding-right:		20px;
}

#footer a,
#footer a:visited,
#footer a:active {
	color:			#fff;
	text-decoration:	underline;
}

#footer a:hover{
	text-decoration:	none;
}

#footer p{
	color:			#999;
	padding-top:		13px;
}

/*
 * Content
 */
 
#content {
	width:			920px;
	margin:			20px auto 180px;
	padding:		20px;
	background:		#fff;
	overflow:		auto;
}

.border {
	padding:		4px;
	border:			1px solid #CCC;
	width:			908px;
	overflow:		hidden;
	position:		relative;
	margin:			0 0 10px;
}

.border table {
	width:			100%;
	background:		#DDD;
	padding:		10px;
}

.border table th {
	font-family:		trebuchet ms;
	color:			#333;
	text-align:		left;
}

.border table select {
	width:			120px;
	font-size:		12px;
	margin:			0 0 5px 0;
}

.aanbod_koop {
	position:		absolute;
	bottom:			12px;
	left:			14px;
}

.aanbod_huur {
	position:		absolute;
	bottom:			12px;
	left:			164px;
}

.aanbod_koop img,
.aanbod_huur img{
	width:			130px;
	height:			24px;
}

/*
 * Home
 */

.nieuw {
	width:			450px;
	float:			left;
	margin:			0 0 15px;
}

.nieuw.margin {
	margin-left:		20px;
}

.nieuw h2 {
	font-family:		trebuchet ms;
	font-size:		16px;
	color:			#333;
	background:		url(../dots.gif) bottom left repeat-x;
	padding:		0 0 5px;
	margin:			0 0 5px;
}

.object {
	width:			100%;
	height:			110px;
	padding:		5px 0;
	float:			left;
	border-bottom:		1px solid #CCC;
}

#aanbod .object {
	width:			445px;
}

#aanbod .object.margin {
	margin-left:		30px;
}

.object.no_border {
	border:			none;
}

.object .foto {
	width:			140px;
	height:			100px;
	padding:		4px;
	border:			1px solid #CCC;
	float:			left;
	text-align:		center;
	overflow:		hidden;
}

.object .foto img {
	height:			100px;
}

.object .details {
	width:			270px;
	height:			90px;
	float:			right;
	padding:		10px;
	background:		#DDD;
	position:		relative;
}

.object .details .adres {
	position:		absolute;
	top:			7px;
	left:			10px;
	background:		transparent;
}

.object .details .adres a, .object .details .adres a:visited, .object .details .adres a:active  {
	font-family:		trebuchet ms;
	color:			#3067cc;
	font-size:		12px;
	font-weight:		bold;
}

.object .details .postcode {
	position:		absolute;
	top:			2.2em;
	left:			10px;
}

.object .details .oppervlakte {
	position:		absolute;
	top:			3.5em;
	left:			10px;
}

.object .details .type {
	position:		absolute;
	top:			5em;
	left:			10px;
}

.object .details .prijs {
	position:		absolute;
	top:			2.2em;
	right:			10px;
	font-family:		trebuchet ms;
	font-size:		12px;
	font-weight:		bold;
}

.object .details .vov {
	position:		absolute;
	top:			6.5em;
	left:			10px;
	font-family:		trebuchet ms;
	font-size:		12px;
	font-weight:		bold;
	color:			#FA3E9C;
}



.nieuw .footnote .total {
	float:			left;
	margin:			0 0 0 160px;
	font-family:		trebuchet ms;
}

.nieuw .footnote .alle {
	float:			right;
}

.nieuw .footnote .alle a {
	font-family:		trebuchet ms;
	color:			#3067cc;
	text-decoration:	underline;
	background:		url(../images/arrow.jpg) center right no-repeat;
	padding:		0 15px 2px 0;
}

.padding.grey h1 {
	font-size:		12px;
	font-family:		trebuchet ms;
	color:			#333;
	font-weight:		bold;
	margin:			0 0 1em;
}

td.padding {
	padding-right:		4%;
	padding-left:		6%;
	background:		url(../images/punten.jpg) center center no-repeat;
}

td.logos {
	background:		url(../images/logos.jpg) bottom right no-repeat;
}

ul.bullits {

}

ul.bullits li {
	margin:			0 0 0 20px;
	list-style-type:	disc;
	padding:		0 0 8px;
	text-align:		justify;
}

ul.no_list_style {
	list-style:		none;
	margin:			0;
	padding:		0 0 0 15px;
}

.searchbox{
	height:			65px;
	overflow:		hidden;
	}

/*
 * Aanbod
 */

#aanbod .nav {
	text-align:		center;
	float:			left;
}

#aanbod .nav .prev {
	text-align:		right;
}

#aanbod .nav .prev a,
#aanbod .nav .prev span {
	background:		url(../images/arrow_left.gif) center left no-repeat;
	padding:		2px 10px;
	color:			#666;
}
#aanbod .nav .prev span {
	color:			#999;
}

#aanbod .nav .next a,
#aanbod .nav .next span {
	background:		url(../images/arrow_right.gif) center right no-repeat;
	padding:		2px 10px;
	color:			#666;
}
#aanbod .nav .next span {
	color:			#999;
}

#aanbod .order {
	text-align:		right;
	float:			right;
	margin:			0 30px 0 0;
	width:			160px;
}

#aanbod .nav .order a, #aanbod .nav .order a:active, #aanbod .nav .order a:visited {
	color:			#666;
}

#aanbod .nav .numbers {
	text-align:		right;
	font-weight:		bold;
}

#aanbod .nav .numbers a, #aanbod .nav .numbers span {
	color:			#666;
	padding:		3px 5px 0;
	background:		#DDD;
	border:			1px solid #aaa;
	text-decoration:	none;
}

#aanbod .nav .numbers span {
	color:			#FFF;
	background:		#fa3e9c;
	border:			1px solid #fa3e9c;
}

#aanbod .nav.margin_none {
	margin:			0;
	padding:		0;
}

#aanbod .nav .prev a:hover,
#aanbod .nav .next a:hover,
#aanbod .nav .order a:hover {
	color:			#333;
}


/*
 * Aanbod back up
 */

/*#aanbod .nav {
	width:			920px;
	margin:			10px 0 0;
}

#aanbod .nav .prev {
	text-align:		right;
}

#aanbod .nav .prev a {
	background:		url(../images/arrow_left.gif) center left no-repeat;
	padding:		2px 10px;
	color:			#666;
}

#aanbod .nav .next a {
	background:		url(../images/arrow_right.gif) center right no-repeat;
	padding:		2px 10px;
	color:			#666;
}

#aanbod .nav .order {
	text-align:		right;
	float:			right;
}

#aanbod .nav .order a {
	color:			#666;
}

#aanbod .nav .numbers {
	text-align:		right;
	float:			right;
	color:			#fa3e9c;
	font-weight:		bold;
}

#aanbod .nav .numbers a {
	color:			#666;
	padding:		3px 3px 0;
	background:		#CCC;
	border:			1px solid #aaa;
	text-decoration:	none;
	font-weight:		normal;
}

#aanbod .nav.margin_none {
	margin:			0;
	padding:		0;
}

#aanbod .nav .prev a:hover,
#aanbod .nav .next a:hover,
#aanbod .nav .order a:hover {
	color:			#333;
}*/

/*
 * Details
 */
 
#details h1 {
	color:			#333;
	margin:			10px 0;
}

#details h2 {
	color:			#333;
	margin:			0 0 8px;
	font-size:		14px;
}

#details .grey {
	width:			900px;
	background:		#DDD;
	overflow:		auto;
	padding:		10px;
}

#details h1 .vov {
	font-size:		14px;
	color:			#FA3E9C;
}

#details .grey .float_left {
	float:			left;
}

#details .grey .float_right {
	float:			right;
}

#details .grey .tab {
	background:		url(../images/arrow_right.jpg) center right no-repeat;
	padding:		0 12px 0 0;
	margin:			0 0 0 5px;
	color:			#666;
	text-decoration:	none;
	font-weight:		bold;
}

#details .grey .tab.active,
#details .grey .tab:hover {
	color:			#222;
}

#details .tabcontent {
	width:			100%;
	height:			0;
	border:			1px solid #CCC;
	margin:			0 0 20px;
	overflow:		hidden;
	position:		relative;
	display:		none;
}

#details .tabcontent .float_left,
#details .tabcontent .float_right {
	width:			300px;
}

#details .tabcontent .float_left {
	float:			left;
}

#details .tabcontent .float_right {
	float:			right;
}

#details .tabcontent .close {
	position:		absolute;
	top:			10px;
	right:			10px;
	background:		url(../images/close.jpg) center right no-repeat;
	padding:		0 12px 2px 0;
	margin:			0 0 0 5px;
	color:			#666;
	text-decoration:	underline;
	font-weight:		bold;
}

#details .tabcontent .close:hover{
	color:			#333;
	text-decoration:	none;
	}

#details .tabcontent .inner {
	overflow:		auto;
	padding:		10px;
}

#details .tabcontent .viewport {
	width:			100%;
	height:			350px;
}

#details .foto {
	width:			530px;
	height:			338px;
	padding:		9px;
	border:			1px solid #CCC;
	overflow:		hidden;
	text-align:		center;
	float:			left;
	position:		relative;
}

#details .foto img {
	height:			338px;
	z-index:		91!important;
}

#details .foto .prev_foto_bg {
	width:			50%;
	height:			100%;
	position:		absolute;
	top:			0px;
	left:			0px;
	cursor:			pointer;
	z-index:		92;
	background:		url(../images/foto_prev.png) center left no-repeat;
}

#details .foto .next_foto_bg {
	width:			50%;
	height:			100%;
	position:		absolute;
	top:			0px;
	right:			0px;
	cursor:			pointer;
	z-index:		93;
	background:		url(../images/foto_next.png) center right no-repeat;
}

#details .foto .prev_foto_bg.disabled{

	background:		url(../images/foto_prev_dis.png) center left no-repeat;
}

#details .foto .next_foto_bg.disabled {

	background:		url(../images/foto_next_dis.png) center right no-repeat;
}

#details .foto .prev_foto {
	width:			30px;
	height:			30px;
	position:		absolute;
	top:			170px;
	left:			20px;
	z-index:		90;
}

#details .foto .next_foto {
	width:			30px;
	height:			30px;
	position:		absolute;
	top:			170px;
	right:			20px;
	z-index:		89;
}

#details .foto .prev_foto img,
#details .foto .next_foto img {
	width:			30px;
	height:			30px;
	cursor:			pointer;
}

#details .thumbs {
	margin:			0px;
	width:			350px;
	height:			350px;
	float:			right;
	overflow:		hidden;
	position:		relative;
}

#details .thumbs .inner {
	height:			350px;
	overflow:		hidden;
	position:		absolute;
	top:			0;
	left:			0;
}

#details .thumbs .inner .set {
	width:			350px;
	height:			350px;
	float:			left;
}

#details .thumbs .inner .set .thumb {
	overflow:		hidden;
	float:			left;
	text-align:		center;
}

#details .thumbs .inner .set .thumb a {
	display:		block;
	width:			103px;
	height:			72px;
	border:			1px solid #CCC;
	padding:		2px 0 ;
	margin:			0 0 10px 11px;
}

#details .thumbs .inner .set .thumb.no_margin a {
	margin:			0 0 10px 0!important;
}

#details .thumbs .inner .set .thumb a.active {
	border:			1px solid #999;
	background:		#DDD;
}

#details .thumbs .thumb img {
	height:			72px;
}

#details .prev {
	width:			130px;
	float:			left;
	padding:		0 0 0 20px;
	margin:			0 0 0 19px;
	color:			#333;
	text-decoration:	none;
	background:		url(../images/prev.gif) center left no-repeat;
}

#details .next {
	width:			130px;
	float:			right;
	padding:		0 20px 0 0;
	margin:			0 15px 0 0;
	text-align:		right;
	color:			#333;
	text-decoration:	none;
	background:		url(../images/next.gif) center right no-repeat;
}

#details .prev.disabled,
#details .next.disabled {
	opacity:		0.3;
	filter:			alpha(opacity=30);
}

#details .omschrijving {
	width:			550px;
	float:			left;
	margin:			20px 0;
}

#details .kenmerken {
	width:			350px;
	float:			right;
	margin:			20px 0 0;
}

#details .kenmerken dl {
	margin:			0px 0px 15px;
	overflow:		auto;	
}

#details .kenmerken dt, #details .kenmerken dd {
	background:		url(../images/dots.gif) bottom left repeat-x;
	width:			190px;
	padding:		5px;
	float:			left;
}

#details .kenmerken dt {
	width:			130px;
	color:			#888;
}

/*
 * Diensten
 */
 
#diensten p {
	line-height:		18px;
}

.personeel {

	width:			140px;
	float:			left;
	overflow:		auto;
	margin-bottom:		10px;
}

.personeel .foto {
	width:			100px;
	height:			150px;
	float:			left;
	overflow:		hidden;
}

.personeel .details {
	width:			140px;
	margin:			10px 0 0 0;
	clear:			left;
	float:			left;
}

.w150{
	width:			150px;
	}

/*
 * Contact
 */

#contact .map {
	width:			940px;
	height:			270px;
}

/*
 * Diverse
 */

.margin_left{
	margin-left:		10px;
	}
	
.margin_bottom{
	margin-bottom:		10px;
	}
	
.margin_bottom5{
	margin-bottom:		5px;
	}
		
	
.margin_bottom20{
	margin-bottom:		20px;
	}
	
.no_margin{
	margin:			0px;
	}		
	
.clear {
	clear:			both;
	}
	
.clear_left {
	clear:			left;
	}		
	
.float_right{
	float:			right!important;
	}
	
.float_left{
	float:			left;
	}	
.margin_top5{
	margin-top:		5px;
	}
	
.margin_top10{
	margin-top:		10px;
	}
	
.justify{
	text-align:		justify;
	}		
	
/*
 * Nieuw object box
 */
 

.new_objects{

	width:			290px;
	height:			340px;
	overflow:		hidden;
	position:		relative;

}

.new_objects .slider{
	width:			2000px;
	position:		absolute;
	overflow:		auto;
}

.new_object{
	width:			290px;
	margin:			10px 0;
	overflow:		auto;
	float:			left;
}

.new_object .image{
	width:			268px;
	height:			175px;
	padding:		10px;
	border:			1px solid #CCC;
	text-align:		center;
	overflow:		hidden;
	margin:			0 0 10px 0;
}

.new_object .image img{
	height:			175px;
}

.new_object .details{
	width:			270px;
	float:			left;
	padding:		10px;
	background:		#CCC;
}

.new_object .address{
	
	width:			290px;
	clear:			both;
	
}	

.relative {
	position:		relative;
	}
	
.height150{
	height:			150px;
	}
	
.height180{
	height:			180px;
	}
	
.but_aanbod_koop, .but_aanbod_huur{
	position:		absolute;
	width:			140px;
	height:			40px;
	bottom:			10px;
	left:			10px;
	}
	
.but_aanbod_huur{
	left:			150px;
	}	
	
.deelop {
	font-size:		12px;
	font-weight:		normal;
	color:			#000;
}

.valop {
	background:		#F40F86;
	color:			#FFF;
	padding:		5px 8px;
}