﻿/* HOMEPAGINA
====================================================== */
#nonfooter {
	position:relative;
	width:1000px;
	min-height:100%;
	background:#fff;
	margin:0 auto;
	overflow:hidden;
}
.vervolg #nonfooter {
	background:url(/images/bg-nonfooter.jpg) no-repeat right top #fff;
}
/* HEADER + SUBMENU
====================================================== */
#header {
	height:130px;
	position:relative;
	}
#nieuwsregel {
	position:relative;
	height:40px;
	margin-top:12px;
	background:#00163e;
	}
#nieuwsregel div {
	position:relative;
	background:#92342F;
	float:right;
	padding:0 24px;
	right:24px;
	top:8px;
	}
#nieuwsregel div img {
	visibility:hidden;
	display:none;
	}
#nieuwsregel div a {
	font-weight:bold;
	color:#fff;
	text-decoration:none;
	font-size:14px;
	line-height:24px;
	}
#nieuwsregel div a[href]:after {
	content: " >>";
	padding-top:2px;
	}
.logo {
	position:relative;
	float:left;
	left:4px;
	margin-top:6px;
}
.vervolg .logo {
	margin-top:16px;
}
.submenu, .menu, .leftMenu {
	list-style-type:none;
}
.submenu a {
	font-weight:bold;
}

.home #menuheader {
	height:130px;
	position:relative;
}
.vervolg #menuheader {
	position:absolute;
	bottom:-66px;
	right:0;
	z-index:100;
}
#menuheader ul {
	float:right;
	margin-bottom:0;
	margin-top:110px;
}
.vervolg ul#nav {
	margin-top:0;
	clear:right;
}
#menuheader li {
	float:left;
	padding:0 5px;
	list-style-type:none;
}
#menuheader li a {
	background:url(/images/menubar.gif) no-repeat right center;
	color:#00163E;
	padding-right:6px;
	text-decoration:none;
}
#menuheader .lastitem a{
	background:none;
}
#menuheader li a:hover {
	color:#92342F;
}
/* MENU MET FOTOBLOKKEN
====================================================== */
#nav a {
	color:#FFFFFF;
	float:left;
	font-family:Tahoma;
	font-size:16px;
	height:152px;
	margin-right:16px;
	text-decoration:none;
	width:148px;
}
#nav .lastitem a {
	margin-right:0px !important;
}
.vervolg #menubar a {
	color:#FFFFFF;
	float:left;
	font-family:Tahoma;
	font-size:16px;
	height:66px;
	margin-right:2px !important;
	text-decoration:none;
	width:66px;
}
.vervolg #menubar .lastitem a {
	margin-right:0px !important;
}
/* MENUBLOKKEN
====================================================== */
#nav {
	position:relative;
	height:200px;
	list-style:none;
	margin:0;
	padding:0;
}
.vervolg #nav {
	height:70px;
}
#nav li {
	margin:0;
	padding:0;
	float:left;
}
#nav a {
	display:block;
	width:157px;
	height:70px;
	margin:0;
	padding:0;
	text-indent:-9000px;
	}
.home #nav a {
	width:200px;
	height:200px;
	}
.home #nav .aanbod a {
	background:url(/images/home-sprite.jpg) no-repeat 0 0;
}
.home #nav .aanbod a:hover {
	background:url(/images/home-sprite.jpg) no-repeat 0 -200px;
}
.home #nav .nieuwbouw a {
	background:url(/images/home-sprite.jpg) no-repeat -200px 0;
}
.home #nav .nieuwbouw a:hover {
	background:url(/images/home-sprite.jpg) no-repeat -200px -200px;
}
.home #nav .bog a {
	background:url(/images/home-sprite.jpg) no-repeat -400px 0;
}
.home #nav .bog a:hover {
	background:url(/images/home-sprite.jpg) no-repeat -400px -200px;
}
.home #nav .waardebepaling a {
	background:url(/images/home-sprite.jpg) no-repeat -600px 0;
}
.home #nav .waardebepaling a:hover {
	background:url(/images/home-sprite.jpg) no-repeat -600px -200px;
}
.home #nav .zoekservice a {
	background:url(/images/home-sprite.jpg) no-repeat -800px 0;
}
.home #nav .zoekservice a:hover {
	background:url(/images/home-sprite.jpg) no-repeat -800px -200px;
}
.home #nav .prospect a {
	background:url(/images/home-sprite.jpg) no-repeat -1000px 0;
}
.home #nav .prospect a:hover {
	background:url(/images/home-sprite.jpg) no-repeat -1000px -200px;
}
#nav .aanbod a {
	background:url(/images/bg-vervolgsprite.jpg) no-repeat 0 0;
}
#nav .aanbod a:hover {
	background:url(/images/bg-vervolgsprite.jpg) no-repeat 0 -70px;
}
#nav .nieuwbouw a {
	background:url(/images/bg-vervolgsprite.jpg) no-repeat -157px 0px;
}
#nav .nieuwbouw a:hover {
	background:url(/images/bg-vervolgsprite.jpg) no-repeat -157px -70px;
}
#nav .bog a {
	background:url(/images/bg-vervolgsprite.jpg) no-repeat -314px 0px;
}
#nav .bog a:hover {
	background:url(/images/bg-vervolgsprite.jpg) no-repeat -314px -70px;
}
#nav .waardebepaling a {
	background:url(/images/bg-vervolgsprite.jpg) no-repeat -471px 0px;
}
#nav .waardebepaling a:hover {
	background:url(/images/bg-vervolgsprite.jpg) no-repeat -471px -70px;
}
#nav .zoekservice a {
	background:url(/images/bg-vervolgsprite.jpg) no-repeat -628px 0px;
}
#nav .zoekservice a:hover {
	background:url(/images/bg-vervolgsprite.jpg) no-repeat -628px -70px;
}
#nav .prospect a {
	background:url(/images/bg-vervolgsprite.jpg) no-repeat -785px 0px;
}
#nav .prospect a:hover {
	background:url(/images/bg-vervolgsprite.jpg) no-repeat -785px -70px;
}
#huizenaanbod  #menubar #aanbod a {
	background:url(/images/vervolg-sprite.png) no-repeat left -132px;
}
#project  #menubar #nieuwbouw a {
	background:url(/images/vervolg-sprite.png) no-repeat -66px -132px;
}
#bedrijven  #menubar #bog a {
	background:url(/images/vervolg-sprite.png) no-repeat -134px -132px;
}
#waardebep #menubar #waardebepaling a {
	background:url(/images/vervolg-sprite.png) no-repeat -200px -132px;
}
#contactform #menubar #zoekservice a {
	background:url(/images/vervolg-sprite.png) no-repeat -266px -132px;
}
/* BLOK MET MENU/SPECIAL/ZOEKSCHERM
====================================================== */
#contenthome {
	clear:right;
	}
.vervolg #contentheader_top {
	background:url(/images/content-top_vervolg.gif) no-repeat;
	float:left;
	width:810px;
	height:31px;
	margin-top:-14px;
}
#contentbg {
	background:#00163E;
	margin-top:8px;
	overflow:hidden;
	padding:2px;
}
.vervolg #contentbg {
	margin-top:0;
	background:url(/images/bg-contentbg.gif) repeat-y;
	border-top:2px solid #00163E;
}
#leftCol {
	background:#FFF;
	height:316px;
	float:left;
	width:300px;
	margin-right:2px;
	padding-top:8px;
}
#contentvervolg {
	background:#FFFFFF;
	float:left;
	margin-right:2px;
	padding:5px 20px 64px;
	width:742px;
}
#specialcontainer {
	background:#FFF;
	float:left;
	height:324px;
	margin:0 2px 0 0;
	width:392px;
}
.MijnTekstImgLeftTop,
.MijnTekstImgRightTop,
.MijnTekstImgLeftBottom,
.MijnTekstImgRightBottom {
	height:304px;
	width:372px;
	margin:0;
	padding:10px;
}
#rightCol {
	background:#FFF;
	min-height:316px;
	float:left;
	width:300px;
	padding-top:8px;
}
.vervolg #rightCol {
	width:212px;
	background:#00163E;
	padding-bottom:40px;
}
/* LEFTMENU
====================================================== */
#leftmenuheader img {
	margin:0 0 15px 8px;
	}
#actueleveilingen {
	margin-top:4px;
	}

.leftMenu {
	margin:0 8px 0 8px;
}
.leftMenu li {
}
.leftMenu li a {
	color:#00163E;
	padding-left:40px;
	padding-right:35px;
	text-transform:uppercase;
	height:22px;
	display:block;
	text-decoration:none;
	font-weight:bold;
	width:209px
}
.leftMenu li a:hover {
	background:url(/images/hover_bg.gif) no-repeat;
}
/* SPECIALS
====================================================== */
.home .special_link_adress {
	background:url("/images/special_link_adress.gif") no-repeat scroll center 5px #00163E;
	color:#000000;
	display:block;
	font-size:10px;
	line-height:1;
	font-weight:normal;
	height:22px;
	margin:8px auto 0;
	text-decoration:none;
	width:350px;
	padding:8px 12px;
}
.special_container {
	width:374px;
	margin:0 auto;	
}
.vervolg .special_container{
	height:170px;
	background:url(/images/bg-special-vervolg.gif) no-repeat;
	padding-top:30px;
	width:198px;
}	
.special_container #adrestext, .special_container #woningtypetext {

}
.vervolg #woonplaatstext,
.vervolg #adrestext,
.vervolg #prijstext,
.vervolg #woningtypetext
 {
	display:none;
	visibility:hidden;
}
.vervolg .special_link_adress {
	background:none;
}
.vervolg .special_link_adress span {
	visibility:hidden;
	}
span#prijstext,
span#woonplaatstext {
	float:left;
	clear:left;
	display:block;
	margin-left:54px;
	margin-top:5px;
}
span#prijstext {
	width:140px;
}
span#adrestext,
span#woningtypetext {
	float:right;
	display:block;
	clear:right;
	margin-right:54px;
	margin-top:5px;
}
#blueblock {
	background:#00163E;
	height:12px;
	width:374px;
	margin:0 auto;
}
/* RIGHTMENU
====================================================== */
#rightmenuheader {
	padding: 2px 0 3px 8px;
}

/* ZOEKSCHERM
====================================================== */
#rightCol #form {
	padding:7px;
	background: url(/images/zoekscherm_bg.jpg) no-repeat;
	margin:0px 0px 0px 8px;
	height:185px;
}
.vervolg #rightCol #form {
	background: url(/images/zoekscherm_bg-vervolg.jpg) no-repeat;
}
#rightCol #form li {
	list-style-type:none;
}
#rightCol #form label {
	display:block;
	font-size:10px;
}
#rightCol select {
	margin-top:2px;
	width:240px!important;
	font-size:11px;
}
.vervolg #rightCol select {
	width:156px !important;
}
.zoekbutton input{
	margin-top:5px;
	float:left !important;
}
.uitgebreidzoeken {
	margin-top:10px;
	display:block;
	color:#666;
}
#openhuizen, #actueleveilingen {
	padding: 2px 0 3px 8px;
}
.banner {
	width:198px;
	margin:0 auto 8px;
	border:solid 1px #fff;
	position:relative;
	margin-left:6px;
	}
.banner a.bammertekst {
	display:block;
	position:absolute;
	left:0;
	top:0;
	width:198px;
	height:150px;
	z-index:10000;
	}
/* FOOTER
====================================================== */
#footerhome {
}
#footerhome p, #footer p {
	text-align:left;
	font-size:11px;
	color:#00163E;
	float:left;
	margin:3px 0 0 3px;
}
#footerhome a {
	color:#00163E;
	}
#footerhome a:hover {
	color:#92342F;
	}
.logofooter {
	float:right;
	padding:3px 3px 0 0;
}
/* VERVOLGPAGINA'S
====================================================== */

.vervolg #footer {
	width:1000px;
	position:relative;
	margin:-32px auto 0;
	height:32px;
	background:#fff;
	border-top:solid 2px #00163E;
	}
#aanbodknoppencontainer {
	display:block;
	height:20px;
	margin-bottom:10px;	
}
.aanbodknoppen {
	float:left;
	padding:0 12px;
	height:20px;
	line-height:20px;
	background:#00163E;
	margin-right:5px;
	text-transform:uppercase;
	text-align:center;
	z-index:999;
	position:relative;
	color:#fff;
	font-weight:bold;
	text-decoration:none;
}
#huizenaanbod #aanbodkoop,
#huurwoningen #aanbodhuur,
#project #aanbodnieuwbouw,
#contactgegevens .contactgegevens,
#contactpersonen .contactpersonen,
#overons .overons,
.aanbodknoppen:hover {
	color:#fff;
	background:#92342F;
}
/* CONTACTFORMULIEREN
====================================================== */
#formGen div {
	clear:left;
	margin-bottom:3px;
	}
#formGen div.verplicht {
	padding-left:80px;
	}
#formGen .radios {
		width:22px;
	}
#formGen #radiocontainer {
		margin-left:110px;
	}
#formGen div.verplicht p {
	margin:0;
	padding:0;
	font-size:10px;
	}
#formGen div label{
	display:block;
	float:left;
	width:120px;
	margin:0;
	}
#formGen div#specificatie label{
	width:128px;
	}		
#formGen div label.taxatielabel{
	width:144px;
	}
#formGen div input {
	width:244px;
	}
#formGen div select {
	width:248px;
	}
#formGen div img {
	margin-left:80px;
	}
#formGen fieldset{
	border:1px solid #CCCCCC;
	margin-bottom:20px;
	padding:10px;
}
#formGen legend{
	font-weight:bold;
	color:#666;
}
#responsetext {
	background:#EEE;
	padding:0 10px 10px 20px;
	margin-bottom:20px;
}
/* Nieuws
===================================================*/
table#TableNeiuwsOverzicht {
	width:100%;
	margin-top:-30px;
	}
.nieuwsDatum {
	width:120px;
	}
.nieuwsTitel,
.nieuwsOmschrijving {
	width:700px;
	}
/* LINKS
================================================*/
body.link table img {
	display:block;
	}
.linksdiv {
	float:left;
	position:relative;
	width:231px;
	margin-right:24px;
	padding-bottom:40px;
	}
.lastlinksdiv {
	margin-right:0;
	}
.linksdiv img {
	display:block;
	}
/* BANNERS
====================================================== */
.banners {
	display:block;
	height:150px;
	margin-bottom:5px;
	width:206px;
}
