/* Main */
body 
{
	background: #E2DFDE;
}
body.popup 
{
	background: #fff;
	color:#000;
	
}

#wrap 
{
	margin: 0 auto;
	background: url(/images/background_wrapper.png) repeat-y;
	width:960px;	
	min-height: 100%;
	overflow:hidden;
}
#main 
{
	padding: 5px 20px 20px;
}
#rule 
{
	margin: 10px 7px 1px;
	font-size: 1px;
	line-height: 1px;
	background: #999;
	height: 1px;
	overflow: hidden;
	visibility:hidden;
	display:none;
}

/* Header */
#header 
{
	height: 150px;
	background: #BAD405;
	width: 944px;
	margin: 0 auto;
	margin-top: -38px;
	position:relative;
}
#h-shadow-top 
{
	height:8px;
	padding: 30px 0 0;
	font-size: 1px;
	line-height: 1px;
}
#h-shadow-bot 
{
	height: 5px;
	margin: 0 0 4px;
	font-size: 1px;
	line-height: 1px;
	background: #fff;
	display:none;
	visibility:hidden;
}
#header h1 
{
	padding: 8px 0 0 30px;
	float:left;
}
#header h1 a 
{
	display: block;
	width: 144px;
	height: 107px;
	text-indent: -9999px;
	background: url(../images/logo.gif) no-repeat
}
#header #payoff {
	position:absolute;
	top:00px;
	left:300px;
	color:#fff;
	
	line-height:1.3 !important;
	}
#header #payoff p {
	color:#fff;
	line-height:1.3 !important;
	}
#header #payoff p.firstline {
	font-size:48px;
	font-style:italic;
	line-height:normal;
	}
#header #payoff p span {
	font-weight:bold;
	font-family:"arial black";
	line-height:1.3 !important;
	}
#header #payoff p.secondline {
	font-size:24px;
	font-style:normal;
	text-transform:uppercase;
	margin-bottom:8px;
	}
#header #payoff p.thirdline	{
	line-height:2;
	}
#header #payoff p.thirdline span	{
	font-weight:normal;
	font-family:arial;
	padding-right:14px;
	/*background:url(/images/separator.gif) no-repeat right 3px; */
	margin-right:6px;
	}
#header #payoff p.thirdline a,
#header #payoff p.thirdline a:hover	{
	color:#fff;
	text-decoration:none;
	}
#header #logotypes 
{
	float:right;
	/*padding: 35px 23px 0 0*/
	position:relative;
	top:117px;
	right:12px;
}
#header #logotypes .logo 
{
	padding: 0 0 0 18px
}


/* Index Page Main Area */
#main,
#main #navblokken {
	position:relative;
	overflow:hidden;
	}
#main #maincontent {
	position:relative;
	width:560px;
	float:left;
	margin-right:50px;
	margin-left:20px;
	font-size:12px;
	line-height:1.8;
	}
#main #maincontent h2 {
	font-size:18px;
	}
.home #main .navblokken {
	margin-top:20px;
	width:600px;
	}	
#main .navblokken {
	margin-top:20px;
}	
.home #main .navblokken a {
	display:block;
	float:left;
	margin-right:40px;
	margin-bottom:20px;
	width:250px;
	height:100px;
	}
#main .navblokken a {
	display:block;
	float:right;
	margin-right:40px;
	margin-bottom:20px;
	width:172px;
	height:68px;	
	}
.home #main .navblokken .huizenzoek {
background:url(../images/huizenzoekservice.jpg) no-repeat;
	}
.home #main .navblokken .taxaties {
background:url(../images/taxaties.jpg) no-repeat;
	}
.home #main .navblokken .huisaank {
background:url(../images/huis_aankopen.jpg) no-repeat;
	}
.home #main .navblokken .huisverk {
background:url(../images/huis_verkopen.jpg) no-repeat;
	}			
	
.home #main .navblokken .huizenzoek:hover {
background:url(../images/huizenzoekservice_hover.jpg) no-repeat bottom left;
	}
.home #main .navblokken .taxaties:hover  {
background:url(../images/taxaties_hover.jpg) no-repeat bottom left;
	}
.home #main .navblokken .huisaank:hover  {
background:url(../images/huis_aankopen_hover.jpg) no-repeat bottom left;
	}
.home #main .navblokken .huisverk:hover  {
background:url(../images/huis_verkopen_hover.jpg) no-repeat bottom left;
	}		

	
#main .navblokken .huizenzoek {
background:url(../images/home-huizenservice.jpg) no-repeat;
	}
#main .navblokken .taxaties {
background:url(../images/home-taxaties.jpg) no-repeat;
	}
#main .navblokken .huisaank {
background:url(../images/home-aankoop.jpg) no-repeat;
	}
#main .navblokken .huisverk {
background:url(../images/home-verkoop.jpg) no-repeat;
	}			
	
#main .navblokken .huizenzoek:hover {
background:url(../images/home-huizenservice.jpg) no-repeat bottom left;
	}
#main .navblokken .taxaties:hover  {
background:url(../images/home-taxaties.jpg) no-repeat bottom left;
	}
#main .navblokken .huisaank:hover  {
background:url(../images/home-aankoop.jpg) no-repeat bottom left;
	}
#main .navblokken .huisverk:hover  {
background:url(../images/home-verkoop.jpg) no-repeat bottom left;
	}				
	
#main #sidebar {
	position:relative;
	width:280px;
	float:left;
	}	
#main #sidebar #funda {
	position:relative;
	padding-bottom:4px;
	border-bottom:solid 1px #1F1A17;
	}
#main #sidebar h2 {
	font-size:14px;
	}	
#main #sidebar #funda img {
	margin-right:8px;
	}
#main #sidebar #nieuwsbar {
	margin-bottom:12px;
	}
#main #sidebar #nieuwsbar h2 {
	margin-bottom:6px;
	color:#BAD405;
	}
#main #sidebar #nieuwsbar td {
	padding-bottom:6px;
	}
#main #sidebar #nieuwsbar td a {
	display:block;
	padding-right:16px;
	background:url(/images/nieuws-meer.gif) no-repeat right bottom;
	}		
	
/* Vervolgpagina's */
#content-tekst a:link,
#content-tekst a:visited {
	text-decoration:underline;
	}
#content-tekst a:hover,
#content-tekst a:active {
	color:#BAD405;
	}
h2 
{
	color:#382B26;
	font-family:Arial;
	font-size:18px;
	font-weight:bold;
	margin:13px 0 16px;
}
#content 
{
	width: 670px;
	padding: 0 11px 0 7px;
	float: left
}
#content p 
{
	color:#fff;
	font-size: 10px;
	margin: 0 0 23px;
	float: left
}
#content a.help 
{
	cursor:help;
	float: left;
	display: inline-block;
	margin: 1px 0 0 6px;
}
a.sort:link, a.sort:visited 
{
	float: right;
	display: block;
	width: 100px;
	height: 20px;
	background: #666;
	border: 1px solid #999;
	line-height: 20px;
	text-align: center;
	text-decoration: none
}
#nav 
{
	float: left;
	width: 100%;
	border-bottom: 7px solid #666;
	padding: 6px 0 0 0;
	margin: 0 0 10px
}
.zoek 
{
	width: 100px
}
.kaart 
{
	width: 74px
}
.zoek, .kaart 
{
	display: block;
	margin: 2px 8px 0 0;
	float: left;
	text-align: center;
	background: #666;
	padding: 2px 0 4px
}
.zoek:link, .kaart:link, .zoek:visited, .kaart:visited 
{
	text-decoration: none;
}
.zoek:hover, .kaart:hover 
{
	text-decoration: underline
}
.navPage 
{
	float: right;
	padding: 0 2px 4px;
	margin:0;
}
.navPage li 
{
	list-style: none;
	float: left;
	margin: 0;
	font-size: 10px;
	padding: 0 3px 0
}
#list 
{
	float:left;
	margin: 0
}
#list li 
{
	float: left;
	width: 670px;
	background: #666;
	border: 1px solid #999;
	margin: 0 0 10px;
}
#list li ul 
{
	width: 495px;
	float: left;
	margin:0
}
#list li ul li 
{
	width: 49%;
	margin:0;
	border: none;
	font-size: 10px;
}
#list li ul li.open, #list li ul li.nieuw 
{
	font-family: Trebuchet MS, sans-serif;
	font-size: 12px
}
#list li ul li.open a:link, #list li ul li.open a:visited, #list li ul li.nieuw a:link, #list li ul li.nieuw a:visited 
{
	color: #0f0;
	text-decoration: none
}
#list li ul li.open a:hover, #list li ul li.nieuw a:hover 
{
	text-decoration: underline
}
#list li ul li.perceel, #list li ul li.woon 
{
	float: right;
	text-align: right
}
#list li p 
{
	width:495px;
	float:left;
	padding: 10px 0 45px;
	line-height: 11px;
	margin:0
}
#list li a.preview:link, #list li a.preview:visited 
{
	float: left;
	margin: 3px 12px 3px 4px;
	display: block;
	border: 1px solid #999;
}
#list li a.preview:hover 
{
	border: 1px solid #fff
}
#list li a.title:link, #list li a.title:visited 
{
	float: left;
	font-weight: bold;
	color: #fff;
	margin: 0;
	text-decoration: none
}
#list li a.title:hover 
{
	text-decoration: underline
}

/* Tekst page */
#content-tekst 
{
	width: 570px;
	padding: 0;
	float: left;
	font-size:12px;
	color:#454545;
	margin-left:20px;
	margin-right:50px;
}
#content-tekst #tabs 
{
	margin:0 0 13px
}
#tabs li 
{
	float:left;
	font-size: 10px;
	font-weight: bold;
	margin: 0 10px 0 0;
	height: 18px;
}
#tabs li a:link, #tabs li a:visited 
{
	border: 1px solid #999;
	display: block;
	padding: 0 5px;
	text-decoration: none;
	line-height: 16px
}
#tabs li a:hover 
{
	color: #0f0;
}
#tabs li.current a:link, #tabs li.current a:visited 
{
	color: #0f0;
}
#content-tekst h3 
{
	font-family:arial,verdana,tahoma;
	font-size:1.4em;
	font-weight:bold;
	line-height:100%;
	color: #382B26;
}
#content-tekst p 
{
	color: #454545;
	font-size: 12px;
	line-height: 1.8;
	margin: 0 30px 10px 3px*/
}
#content-tekst ul 
{
	margin: 0 0 8px 19px;
	list-style:square;
	line-height:18px;
}
#content-tekst ul li 
{	
	font-size:12px;
	color: #454545;
}

/* Sidebar */
#sidebar 
{
	float: right;
	width:262px;
	padding: 5px 0 0 0;
	overflow:hidden
}
#banner-list 
{
	margin:0
}
#sidebar .info p a:link 
{
	position: relative
}
#sidebar .info .img 
{
	position:relative
}
#sidebar .info .img img 
{
	margin: 0 0 0 8px;
	position: absolute;
	top:0;
	left:0;
	z-index:0
}
#sidebar .shadow-top 
{
	height: 10px;
	background: url(../images/sidebar-shadow-top.gif) no-repeat;
	overflow: hidden
}
#sidebar .shadow-bot 
{
	height: 10px;
	background: url(../images/sidebar-shadow-bot.gif) no-repeat;
	overflow: hidden
}
#sidebar #banner-big 
{
	width: 262px;
	height: 198px;
	margin: 0
}
#sidebar #banner-big .info 
{
	height: 178px;
	overflow: hidden
}
#sidebar #banner-big .info .wraper 
{
	position:relative;
	overflow: hidden;
	height: 181px;
}
#sidebar #banner-big .info .gradient 
{
	position:absolute;
	top: 135px;
	left: 8px;
	height: 30px;
	width: 245px;
	background: url(../images/gradient-bg.png) repeat-y;
	z-index:1
}
#sidebar #banner-big .info a
{
	position: absolute;
	top:144px;
	left: 17px;
	z-index:100;
	font-size: 15px;
	font-weight: bold;
	line-height: 11px;
	color: #fff;
	margin:0;
	text-decoration:none;
}
#sidebar li 
{
	width: 262px;
	height: 126px;
	margin: 0;
	overflow: hidden;
}
#sidebar li .info 
{
	height: 106px;
	overflow:hidden;
}
#sidebar li .info .wraper 
{
	position:relative;
	overflow: hidden;
	height: 181px;
}
#sidebar li .info .gradient 
{
	position:absolute;
	top: 70px;
	left: 8px;
	height: 30px;
	width: 245px;
	background: url(../images/gradient-bg.png) repeat-y;
	z-index:1
}
#sidebar li .info a 
{
	position: absolute;
	top:78px;
	left: 17px;
	z-index:100;
	font-size: 15px;
	font-weight: bold;
	line-height: 11px;
	color: #fff;
	margin:0;
	text-decoration:none;
}

/* Footer */
#footer 
{
	width: 936px;
	margin: -26px auto 0;
	text-align: center;
	color:#666;
	height: 16px;
	padding: 5px 0;
	overflow:hidden;
}
#footer.bordered 
{
	border-top: 1px solid #999;
	margin-top: -27px
}
#footer p 
{
	font-family: arial, verdana;
	font-size: 11px;
	color:#454545
}

body.aanbod #content-tekst table table td a:hover,
body.aanbod #content-tekst table table td a:active {
	border:none;
	}
body.aanbod #content-tekst table table td[width="23"] {
	vertical-align:middle;
	}
	
/*------------------ Special Homepage------------*/	
.specials
{
	overflow:hidden;
	margin-top:13px;
	margin-left:8px;
}

.specials img {
	display:block;
	float:left;
	border: 1px solid #818181;	
	padding: 10px;
	background: #E2DFDE;
}

.special_container {
	float:left;
	position:relative;
}

.special_container a {
	display:block;
	width: 180px;
	width:204px;
	text-decoration:none;

}

.woonplaatstext {
	font-weight: bold;	
	text-decoration:none;
}

.adrestext {
	display:block;
}

/* PNG FIX - Gained from TwinHelix
==================================================================================================================*/
#header h1 a, #header h1, #header { behavior: url(/images/iepngfix.htc) }




#forms legend
{display:block;color:#1b1b1b}
#forms fieldset
{
    border:solid 1px #CCC;
    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:520px;
}
.postcode input, .telefoon input
{
    width:100px !important;
}
.sendlink
{
    margin-top:10px;
    float:left;
}
.sendlink a
{
    float:left;
}





/* SNEL ZOEK SCHERM 
==============================================================================================*/
#zoekscherm fieldset {
	border:1px solid #BAD405;
	padding:10px;
	margin-bottom:50px;
	}
#zoekscherm fieldset legend{
	padding:10px;
	color:#000;
	font-weight:bold;
	}

div#zoekscherm a {
	margin-right:10px;
	margn-top:5px;
	
	}
div#zoekscherm label {
	float:left;
	width:550px;
	clear:left;
	margin-bottom:0px;
	}
div#zoekscherm input{
	width:550px !important;
	margin-right:10px;
	border:0px;
	padding:2px 5px;
	float:left;
	clear:left;
	}
div#zoekscherm select{
	width:550px !important;
	float:left;
	clear:left;
	margin-bottom:10px;
	}