﻿body			
{ 
	color: #000; 
	background: #fff;
	height:100%;
	font-size:12px;
	font-family: Arial,Verdana,sans-serif;
	}
#openhuisbanner {
	left:24px;
	position:absolute;
	top:43px;
}
/*-------------- Wrapper ------------------*/
#wrap 			
{ 
	width: 900px; 
	min-height: 100%; 
	margin: 0 auto; 
	position:relative;
}
.home
{
	background:#bdb6e0 url(/images/body-bg.jpg) repeat-x top left;
}
.home #wrap
{
	background:url(/images/home-wrap-bot-bg1.jpg) repeat-y top left;
	overflow:hidden;
	min-height:100%;
}
.aanbodWrap
{
	background:url(/images/aanbod-wrap-bg.gif) left top repeat-y;
}
.aanbodWrap2
{
	background:url(/images/aanbod-wrap-bg2.gif) left top repeat-y;
}
.articleWrap
{
	background:url(/images/article-wrap-bg.png) top right repeat-y;
}
#extrawrap
{
	width: 900px; 
	min-height: 100%;
	overflow:hidden; 
}
.home #extrawrap
{
	background:url(/images/home-wrap-bg.jpg) no-repeat top left;
}
/*-------------- Layout -------------------*/
/*-------------- home page -------------*/
#leftCol
{	
	width:164px;
	float:left;
	padding-left:100px;
	padding-top:93px;
}
#mainCol
{
	width:372px;
	float:left;
	text-align:center;
	padding-top: 103px;
	position: relative;
}
#rightCol
{
	width:164px;
	float:left;
	padding-right:100px;
	padding-top:93px;
}
/*---- left, right images menus ----*/
ul.imagesMenu
{
	list-style:none;
	margin:0;
	padding:0;
}
ul.imagesMenu li
{
	float:left;
	width:164px;
	height:114px;
	margin:0 0 10px 0;
}
ul.imagesMenu li a:link,
ul.imagesMenu li a:visited
{
	width:100%;
	height:100%;
	display:block;
	text-decoration:none;
	color:#2c324b;
	font-size:17px;
	font-weight:bold;
	line-height:19px;
	cursor:pointer;
}
ul.imagesMenu li a:hover
{
	color:#113d8e;
	text-decoration:none
}
ul.imagesMenu li a:link span,
ul.imagesMenu li a:visited span
{
	width:153px;
	height:23px;
	padding-left:8px;
	padding-top:2px;
	background:url(/images/text-on-image-bg-small.png) repeat-x left top;
	margin-top:73px;
	display:block;
	float:left;
}
.verkoop 				{background:url(/images/sprite1.png) top left no-repeat;}
.verkoop:hover			{background:url(/images/sprite1.png) top right no-repeat;}

.taxaties				{background:url(/images/sprite2.png) top left no-repeat;}
.taxaties:hover			{background:url(/images/sprite2.png) top right no-repeat;}

.waardebepaling			{background:url(/images/sprite3.png) top left no-repeat;}
.waardebepaling:hover	{background:url(/images/sprite3.png) top right no-repeat;}

.aankoop				{background:url(/images/sprite4.png) top left no-repeat;}
.aankoop:hover			{background:url(/images/sprite4.png) top right no-repeat;}

.hypotheken				{background:url(/images/sprite5.png) top left no-repeat;}
.hypotheken:hover		{background:url(/images/sprite5.png) top right no-repeat;}

.zoekprofiel			{background:url(/images/sprite6.png) top left no-repeat;}
.zoekprofiel:hover		{background:url(/images/sprite6.png) top right no-repeat;}

.aanbod					{background:url(/images/sprite7.png) top left no-repeat;}
.aanbod:hover			{background:url(/images/sprite7.png) top right no-repeat;}
/*-------- center column content -----*/
.logo			
{ 
	display: block; 
	width: 302px; 
	height: 78px; 
	position: absolute;
	top: 25px;
	left: 30px;
	z-index: 10;
	background:url(/images/logo.png) top left no-repeat;
}
#centerBigImg
{
	width:264px;
	height:177px;
	padding-left:52px;
	padding-top:32px;
	padding-right:52px;
	float:left;
}
#centerBigImg a:link,
#centerBigImg a:visited
{
	width:100%;
	height:100%;
	display:block;
	text-decoration:none;
	color:#2c324b;
	font-size:28px;
	font-weight:bold;
	line-height:30px;
	cursor:pointer;
}
#centerBigImg a:hover
{
	color:#113d8e;
	text-decoration:none
}

#centerBigImg a:link span,
#centerBigImg a:visited span
{
	width:246px;
	height:30px;
	padding-left:18px;
	padding-top:2px;
	background:url(/images/text-on-image-bg-big.png) repeat left top;
	margin-top:132px;
	display:block;
	float:left;
	text-align:left
}
a.newInAanbod:link,
a.newInAanbod:visited
{
	color:#fff;
	font-size:11px;
	text-decoration:underline;
	line-height:16px;
}
a.newInAanbod:hover
{
	color:#7d7d7d;
}

span.newInAanbod {
	color:#fff;
	font-size:11px;
	line-height:16px;
	text-decoration:underline;
}

ul.newAnnbodImages
{
	padding-left:52px;
	padding-top:2px;
	float:left;
	margin:0;
}
ul.newAnnbodImages li
{
	margin:0;
	padding:0 4px 0 0;
	float:left;
	list-style:none;
	width:130px;
}
ul.newAnnbodImages a
{
	width:130px;
	height:94px;
	display:block;
	margin:0 auto;
	overflow:hidden;
	position:relative;
}
ul.newAnnbodImages span
{
	width:130px;
	height:94px;
	background: transparent url(/images/home-ramka.png);
	left:0;
	position:absolute;
	top:0;
	display:block;
}
/*--------------------------------------*/
/*--------- aanbod module page ---------*/
#content
{
	min-height:450px;
	padding-bottom: 52px;
}
.logo2
{
	display: block; 
	width: 302px; 
	height: 78px;
	position:absolute; 
	left:16px;
	top:20px;
	background:url(/images/logo.png) top left no-repeat;
}
#header			
{ 
	position: relative;
	height:140px;
	background:url(/images/header-bg.gif) top left no-repeat; 
}
#breadcrambs
{
	float: left;
	overflow: hidden;
	width: 100%;
	height: 28px;
	margin-top: -28px;
	position: relative
}
#breadcrambs ul
{
	margin: 0;
	float: left;
	padding-left: 25px;
}
#breadcrambs ul li
{
	margin: 0;
	float: left;
	padding-right: 24px;
	list-style: none
}
#breadcrambs ul li a:link,
#breadcrambs ul li a:visited
{
	color: #fff;
	font-size: 15px;
	line-height: 28px;
	font-weight: bold
}
#navigationCol
{
	width:163px;
	float:left;
	margin-top:-28px;
}
.menu-top,
.menu			
{ 
	padding:0;
	width:100%;
	float:left;
	border-top:1px solid #fff;
	position:relative;	
	margin: 0 0 24px 0 
}
.menu-top
{
	background: #113d8e;
}
.menu-top li,
.menu li		
{ 
	height:23px; 
	list-style:none;
	border-bottom:1px solid #fff;
	margin:0;
	position: relative;
	float: left;	
	z-index: 1
}
.menu-top a:link,
.menu-top a:visited,
.menu a:link,
.menu a:visited
{  
	color:#fff;
	float: left;
	font-size:13px;
	line-height:23px;
	width:140px;
	padding-left: 23px;
	text-decoration:none;
}
.menu-top li.current a:link,
.menu-top li.current a:visited,
.menu li.current a:link,
.menu li.current a:visited,
.menu a:hover
{  
	color:#113D8E;
	text-decoration:none;
	background: #e6e6e6;
}
#breadcrambs ul li a:hover,
#breadcrambs ul li a:active,
.menu-top li.active a:link,
.menu-top li.active a:visited,
.menu-top a:hover
{
	color:#113d8e;
	text-decoration:none;
	background: #e6e6e6;
}
.menu-top strong
{
	padding-right: 26px;
	background: url(/images/active-mark.gif) no-repeat right 4px;
	line-height: 23px;
	font-size: 13px;
	color: #113D8E
}

.sub-menu
{
	position: absolute;
	display: none;
	z-index: 100;
	left: 162px;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	top: 0
}
.menu-top li.current .sub-menu a:link,
.menu-top li.current .sub-menu a:visited,
.menu-top li.active .sub-menu a:link,
.menu-top li.active .sub-menu a:visited,
.menu-top .sub-menu a:link,
.menu-top .sub-menu a:visited
{
	font-weight: bold;
	background: #113D8E;
	color: #fff
}
.sub-menu a:hover,
.sub-menu a:active
{
	background: #e6e6e6 !important;
	color: #113d8e !important
}
/*------------ aanbod images menu ------*/
ul.aanbodImagesMenu
{
	list-style:none;
	margin:0;
	padding:75px 0 0 30px;
	float:left
}
ul.aanbodImagesMenu li
{
	float:left;
	width:109px;
	height:109px;
	margin:0 19px 0 0;
}
ul.aanbodImagesMenu li a:link,
ul.aanbodImagesMenu li a:visited
{
	width:100%;
	height:100%;
	display:block;
	text-decoration:none !important;
	color:#000 !important;
	font-size:12px;
	font-weight:bold;
	line-height:15px;
	cursor:pointer;
}
ul.aanbodImagesMenu li a:hover
{
	color:#113d8e !important;
	text-decoration:none
}
ul.aanbodImagesMenu li a:link span,
ul.aanbodImagesMenu li a:visited span
{
	width:104px;
	height:18px;
	padding-left:5px;
	padding-top:2px;
	background:url(/images/text-on-image-bg-aanbod.png) repeat left top;
	margin-top:74px;
	display:block;
	float:left;
	text-align:left
}
.Koop
{
	background:url(/images/aanbod-img1.png)
}
.Huur
{
	background:url(/images/aanbod-img2.png)
}
.BOG
{
	background:url(/images/aanbod-img3.png)
}
.Exclusief
{
	background:url(/images/aanbod-img4.png)
}
.OverigAanbod
{
	background:url(/images/aanbod-img5.png)
}

#contentCol
{	
	float:left;
	width:697px;
	padding:20px 20px 20px 20px;
	font-size:11px;
}
/*------------- aanbod  ----------------*/

.wit{
	margin-top:-23px;
	background:#fff;
	padding:10px;
	width:500px;
}

#search .leftCol,#bog .leftCol,#huur .leftCol{
	width:500px;
}

#aanbod .rightCol{
	display:none;
}


#search .container,#bog .container,#huur .container,#aanbod .container{
	background-image:none;
}

#keuze_aanbod{
	width:700px;
	height:120px;
	
}

#keuze_aanbod ul li{
	float:left;
	width:160px;
	height:160px;
	display:block;
	margin-left:0px;
	margin-right:15px;
}

#keuze_aanbod ul li a{
	width:160px;
	height:160px;
	display:block;
}
#keuze_aanbod ul li a.koop{
	background:url(/images/sprite8.png) top left no-repeat;
}
#keuze_aanbod ul li a.koop:hover{
	background:url(/images/sprite8.png) top right no-repeat;
}
#keuze_aanbod ul li a.huur{
	background:url(/images/sprite9.png) top left no-repeat;}

#keuze_aanbod ul li a.huur:hover{
	background:url(/images/sprite9.png) top right no-repeat;
}
#keuze_aanbod ul li a.bog{
	background:url(/images/sprite10.png) top left no-repeat;
}

#keuze_aanbod ul li a.bog:hover{
	background:url(/images/sprite10.png) top right no-repeat;
}

#keuze_aanbod ul li a.exclusief{
	background:url(/images/sprite11.png) top left no-repeat;
}

#keuze_aanbod ul li a.exclusief:hover{
	background:url(/images/sprite11.png) top right no-repeat;
}

#keuze_aanbod ul li a.overig{
	background:url(/images/overig.jpg) no-repeat;
}

#keuze_aanbod ul li a.overig:hover{
	background:url(/images/overig2.jpg) no-repeat;
}	


#contentInColLeft
{
	padding:0 27px;
	width:460px;
	float:left;
}
#contentInColRight
{
	width:160px;
	padding-left:23px;
	float:left;
}
h3.title
{	
	font-size:13px;
	line-height:15px;
	color:#113d8e;
	margin: 0;
	float:left;
	font-weight: normal
}
.terrug:link,
.terrug:visited
{	
	display:block;
	float:right;
	white-space:nowrap;
	margin-top:1px;
	color:#113d8e;
	text-decoration:underline;
}
.terrug:hover
{
	color:#7d7d7d;
	text-decoration:underline;
}
ul.tabs
{
	list-style:none;
	margin:0;
	padding:14px 0 5px 0;
	background:url(/images/tabs-bg.gif) repeat-x bottom left;
	height:26px;
	width:100%;
	float:left;
}
ul.tabs li
{
	float:left;
	margin:0 7px 0 0;
	padding:7px 7px 7px 7px;
	background:#113d8e;
}
ul.tabs li a:link,
ul.tabs li a:visited
{
	height:12px;
	display:block;
	line-height:12px;
	color:#fff !important;
	font-size:10px;
	text-decoration:none !important;
	float: left;
}
ul.tabs li a:hover
{
	color:#7d7d7d !important;
}

ul.paging
{	
	float:right;
	margin:-34px 0 0 0;
	padding:0;
	list-style:none;
}
ul.paging li
{
	float:left;
	margin:0 2px 0 0;
}
ul.paging li.active a:link,
ul.paging li.active a:visited
{
	text-decoration:underline !important;
	color:#113d8e !important;
	font-weight:bold;
}
ul.paging li a:link,
ul.paging li a:visited
{
	color:#4d4d4d;
	float: left
}
ul.paging li a:hover
{
	color:#113d8e;
}

ul.items
{	
	width:100%;
	margin:0;
	padding:0;
	list-style:none;
	float:left;
}
ul.items li
{
	margin:0;
	padding:7px 0;
	width:100%;
	height:69px;
	float:left;
	border-bottom:1px solid #4d4d4d;
	position:relative;
}
ul.items li .thumbnail
{
	margin-right:4px;
	float: left;
}
ul.items li .thumbnail img
{
	border:1px solid #4d4d4d;
	float:left;
}
span.title
{
	font-size:10px;
	line-height:normal;
	width:360px;
	font-size:10px;
	font-weight:bold;
	float: left;
	color:#113d8e;
}
span.title a:link,
span.title a:visited
{
	font-weight: bold;
	color:#113d8e;
}
span.title a:hover,
span.title a:active
{
	color: #7d7d7d;
	text-decoration: none
}
.rightBlock
{
	position:absolute;
	right:0;
	bottom: 8px;
	width:140px;
	text-align:right;
}
.rightBlock span
{
	font-size:9px;
	text-align:left;
	display:block;
	float:left;
	line-height: 14px;	
}
span.value
{	
	width:40px;
	text-align:right;
}
span.name
{
	width:100px;
}
/*------------ form --------------------*/
.zoekenForm
{
	background:url(/images/form-bg-top.png) top left no-repeat;
	width:137px;
	overflow:hidden;
}
.zoekenForm div
{
	background:url(/images/form-bg-bottom.jpg) bottom left no-repeat;
	width:117px;
	padding:16px 10px;
}
.zoekenForm .zoekenFormTitle
{
	display:block;
	width:100%;
	letter-spacing: 1px;
	font-weight:bold;
	text-transform:uppercase;
	color:#5f6062;
	margin-bottom:10px;
}
.zoekenForm .label
{
	width:100%;
	display:block;
	padding-bottom: 3px;
	color:#5f6062;
}
.zoekenForm select
{
	width:100%;
	margin-bottom:8px;
}
.zoekenForm .zoekenBut
{
	background: url(/images/submit-button.png) no-repeat left top;
	padding-bottom: 1px;
	display: block;
	width: 47px;
	height: 20px
}
.zoekenForm .zoekenBut input
{
	float: left;
	width: 47px;
	height: 20px;
	color: #4c4c4c;
	font-size: 10px;
	line-height: 12px;
	cursor: pointer;
	padding: 0 0 2px;
	background: none;
	border: none	
}

.container
{
	float: right;
	width: 697px;
	background: url(/images/page-separator.gif) repeat-y 513px top;
	margin-top: 23px;
	padding: 0 20px 18px;
}

.container p
{
	line-height:18px;
	margin-bottom:10px;
}

.leftCol
{
	float: left;
	width: 470px;
	padding-right: 24px;
}

.rightCol
{
	float: right;
	width: 185px
}

.rightCol2
{
	float: right;
	width: 163px;
	height:245px;
	background:url(/images/zoekscherm.jpg) no-repeat;
	padding-left:10px;
}

.rightCol2 label{
	color:#5f6062;
	font-weight:bold;
}

.rightCol2 p{
	color:#5f6062;
	font-weight:bold;
	font-size:14px;
	margin-top:5px;
	margin-bottom:-5px;
}


.rightCol img
{
	float: left;
	margin-bottom: 14px;
}
.rightCol img.small
{
	width: 82px;
	margin-right: 20px 
}
/*--------------------------------------*/
/*------------- Special ----------------*/

#special{
	width:260px;
	height:114px;
	margin-left:56px;
	margin-top:3px;
	position:relative;
}

#special .special_container {
	width:120px;
	height:90px;
	float:left;
	margin-right:10px;
	margin-top:3px;
}
img.specials_image {
	border:solid 2px #fff;
	}


#special .woningtypetext,
#special .prijstext,
#special .adrestext,
#special .woonplaatstext{
	display:none;
}

.home_special{
	position:absolute;
	left:0px;
	top:3px;
}

.home_special2{
	position:absolute;
	right:10px;
	top:3px;
}
a.overdrachtsbelasting  {
	display:block;
	width:80%;
	margin:0 auto;
	padding:0;
	line-height:2;
	border:solid 2px #fff;
	font-size:18px;
	color:#fff;
	background:#123C8E;
	text-decoration:none;
	}
a.overdrachtsbelasting:hover  {
	background:#BDB6E0;
	}

/*--------------------------------------*/
/*------------- footer  ----------------*/
#footer			
{ 
	background:#113D8E none repeat scroll 0 0;
	height:28px;
	padding:7px 0;
	width: 900px;
	margin: -42px auto 0;
	overflow: hidden;
	position: relative;
	z-index: 100
}
#home #footer			
{ 
	background:none;
	height:108px;
	padding:7px 0;
	width: 900px;
	margin: 0px auto 0;
	overflow: hidden;
	position: relative;
	z-index: 100;
	color:#113D8E;
}
.footerLogo1
{
	float:left;
	padding-left:19px;	
}
.footerLogo2
{
	float:left;
	padding-left:33px;	
}

#footer ul
{
	margin:0;
	padding:8px 0 0 30px;
	float:left;
	list-style:none;
}
#footer ul li
{
	float:left;
	font-size:9px;
	line-height:12px;
	color:#fff;
	background:url(/images/footer-li-separator.gif) right center no-repeat;
	padding:0 9px;
	margin:0;
}

#home #footer ul li
{
	float:left;
	font-size:9px;
	line-height:12px;
	color:#113D8E;
	background:url(/images/footer-li-separator.gif) right center no-repeat;
	padding:0 9px;
	margin:0;
}
#footer ul li a:link,
#footer ul li a:visited
{
	color:#fff;
	text-decoration:none;
}
#footer ul li a:hover
{
	text-decoration:underline;
	color:#7d7d7d;
}

#home #footer ul li a:link,
#home #footer ul li a:visited
{
	color:#113D8E;
	text-decoration:none;
}
#home #footer ul li a:hover
{
	text-decoration:underline;
	color:#7d7d7d;
}




a.aanvraag {
	display:block;
	width:164px;
	line-height:15px;
	background:#113D8E;
	position:relative;
	float:left;
	text-align:center;
	color:#FFF;
	padding:5px 10px;
	text-decoration:none;
	font-size:12px;
	}
	
a.aanvraag:hover{
	text-decoration:underline;
	}


#forms legend
{display:block;color:#5E8233}
#forms fieldset
{
    border:solid 1px #8697DD;
    padding:10px;
	margin-bottom:20px;
}
.row
{
    clear:left;
    overflow:hidden;
}
.row label
{
    display:block;
    width:120px;
    float:left;
    cursor:pointer;
    margin-bottom:2px;
}

.row input, .row textarea
{
    width:300px;
}
.row #Woonwensen
{
	width:420px;
}
.row input.short {
	width:auto;
	float:left;
	margin-right:20px;
	}
	
.postcode input, .telefoon input
{
    width:100px !important;
}
.sendlink
{
    margin-top:10px;
    float:left;
}
.sendlink a
{
    float:left;
}	
