/* CSS Document */
@import url("reset.css");

body
{ 
	background: #58585a;
	font-family:  Tahoma, Arial, Verdana, sans-serif;
	font-size:12px;
}

#wrap
{
	padding: 0 5px;
	width: 990px;
	margin: 0 auto;
	overflow: hidden;
}
.extraWrap
{
	background: #fff url(../images/content_bg_page2.gif) repeat-y left top !important;
	width: 990px;
	float: left;
	overflow: hidden
}
.extraWrapAanbod
{
	background: #fff;
	width: 990px;
	float: left;
	overflow: hidden
}
/*----------------------------------- Header -----------------------------------------------*/
#header
{
	float: left;
	width: 990px;
	padding-top: 10px;
	overflow: hidden;
	position: relative;
	background: #58585a
}
#header img
{
	float: left
}
.logo
{
	position: absolute;
	top: 29px;
	right: 27px;
	background: url(../images/logo.png) no-repeat left top;
	width: 71px;
	height: 95px;
	display: block;
	text-indent: -9999px
}
.logoSmal
{
	position: absolute;
	top: 51px;
	right: 14px;
	background: url(../images/logo_smal.png) no-repeat left top;
	width: 61px;
	height: 81px;
	display: block;
	text-indent: -9999px
}
.logoSmalaanbod
{
	position: absolute;
	top: 51px;
	right: 215px;
	background: url(../images/logo_smal.png) no-repeat left top;
	width: 61px;
	height: 81px;
	display: block;
	text-indent: -9999px
}
.slogan1
{
	position: absolute;
	top: 46px;
	left: 230px;
}
.slogan2
{
	position: absolute;
	top: 76px;
	left: 45px;
}
img.bogslogan {
	position:absolute;
	top:90px;
	left:64px;
	}
.headerLinks
{
	display:block;
	height:15px;
	position:absolute;
	right:30px;
	top:11px;
	color:#fff;
}
.headerLinks a
{
	color: #FFFFFF;
}
/*----------------------------------- FORMS -----------------------------------------------*/
.right form#formGen p {
	margin-bottom:4px;
	padding:0;
	clear:left;
	overflow:hidden;
	}
.right form#formGen label 
{
	margin-bottom:4px;
	padding:0;
}
.waardebepalingradio
{
	width:300px;
	float:left;
	clear:right;
}
.right form#formGen input
{
	margin-bottom:4px;
	padding:0;
}
#errorProject
{
	float:left;
    clear:left;
}
#errorWaardebepaling
{
	float:left;
    clear:left;
}
#Project
{
    float:left;
}
fieldset
{
	border:solid 1px #CDC9C3;
	padding:5px;
	margin-bottom:10px;
}
legend
{
	display:block;
	font-weight:bold;
	float:left;
}
.gegevens label,
.gegevens p.radio span,
.informatie label#errorVragen,
.informatie label#errorOpmerkingen
{
	width:200px;
	float:left;
	margin:0;
	padding:0;
}
.informatie span {
	width:500px;
	float:left;
	}
.energielabel form .informatie span {
	width:200px;
	float:left;
	}
.gegevens input
{
	width:200px;
	float:left;
}
.gegevens .checkbox
{
    width:auto !important;
    border:none;
}
.gegevens p.radio label,
.gegevens p.radio input
{
    float:none;
    border:none !important;
    width:auto !important;
}
/*------------------------------ Top menu -------------------------*/
.topMenu
{
	float: right;
	margin: 0;
	list-style: none;
	padding-top: 11px;
	height: 21px;
}
.topMenu li
{
	margin: 0;
	float: left;
	height:21px;
	padding-left: 10px;
}
.topMenu li a:link,
.topMenu li a:visited
{
	float: left;
	background: url(../images/menu_tabs_bg.gif) no-repeat left top;
	width: 140px;
	height: 21px;
	display: block;
	line-height: 21px;
	text-align: center;
	font: normal 11px/21px Arial, Helvetica, sans-serif;
	letter-spacing: 1px;
	color: #474749;
	text-transform: uppercase;
}
.topMenu li a.active,
.topMenu li a:hover
{
	background: url(../images/menu_tabs_bg_active.gif) no-repeat left top !important;
	text-decoration: none
}
body.woningen ul.topMenu li.top-woningen a,
body.nieuwbouw ul.topMenu li.top-nieuwbouw a,
body.bedrijfspanden ul.topMenu li.top-bedrijfspanden a,
body.staete ul.topMenu li.top-staete a,
body.contact ul.topMenu li.top-contact a
{
	background: url(../images/menu_tabs_bg_active.gif) no-repeat left top !important;
	text-decoration: none
}
/*----------------------------------- Content ------------------------------------*/
#content
{
	float: left;
	width: 990px;
	position: relative;
}
.iconMenu
{
	float: left;
	margin: 0;
	padding-top: 18px;
	padding-left: 1px;
	padding-right: 1px;
	list-style: none;
	width: 988px;
	height: 135px;
	background: #ece7de
}
.iconMenu li
{
	margin: 0;
	padding-right: 2px; 
	width: 196px;
	background: url(../images/icon_menu_separator.gif) no-repeat right top;
	float: left;
	text-align: center
}
.iconMenu li a:link,
.iconMenu li a:visited
{
	width: 170px;
	height: 118px;
	text-align: center;
	display: inline-block;
	text-transform: uppercase;
	font: normal 12px Arial, Helvetica, sans-serif;
	letter-spacing: 1px;
	color: #0D71B4
}
.iconMenu li a:hover
{
	text-decoration: none
}	

.iconMenu li a.woningen
{
	background: url(../images/woninger_icon.gif) no-repeat center bottom
}
.iconMenu li a.woningen:hover
{
	background: url(../images/woninger_icon_ovest.gif) no-repeat center bottom
}
.iconMenu li a.nieuwbouw
{
	background: url(../images/nieubouw_icon.gif) no-repeat center bottom
}
.iconMenu li a.nieuwbouw:hover
{
	background: url(../images/nieubouw_icon_overst.gif) no-repeat center bottom
}
.iconMenu li a.berdi
{
	background: url(../images/bedri_icon.gif) no-repeat center bottom
}
.iconMenu li a.berdi:hover
{
	background: url(../images/bedri_icon_overst.gif) no-repeat center bottom
}
.iconMenu li a.verkopen
{
	background: url(../images/vercopen_icon.gif) no-repeat center bottom
}
.iconMenu li a.verkopen:hover
{
	background: url(../images/vercopen_icon_overst.gif) no-repeat center bottom
}
.iconMenu li a.staete
{
	background: url(../images/over_steate_icon.gif) no-repeat center bottom
}
.iconMenu li a.staete:hover
{
	background: url(../images/over_steate_icon_overst.gif) no-repeat center bottom
}
/*----------------------------- Colums -----------------------------------*/
.columsWrap
{
	float: left;
	background: #fff;
	width: 990px;
	overflow: hidden;
	padding-top: 16px
}
.colums
{
	float:left;
	width: 990px;
	min-height: 170px;
	height: auto !important;
	height: 170px;
	background: url(../images/content_bg_page1.gif) repeat-y left top
}
.column
{
	float: left;
	width: 278px;
	padding: 16px 20px 16px 20px;
	margin-right: 18px;
	position: relative;
}
.flash
{
	padding:0 !important;
	width:318px;
}
.column h2
{
	text-transform: uppercase;
	color: #0d71b4;
	margin: 0;
	padding-bottom: 12px;
}
.column h2 span
{
	font-size: 18px;
	color:#0D71B4;
}
.column p
{
	margin-bottom:0;
	float:right;
}
.column p a
{
	font-size:11px;
	text-decoration:underline;
}
.column p a:hover
{
	color:#58585A;
}
#home div.column table,
.naviList
{
	float: left;
	margin: 0;
	list-style: none;
	width: 278px;
}
.naviList
{
	
}
#home div.column table tr td a,
.naviList li
{
	margin: 0;
	width: 263px;
	padding-left: 15px;
	background: url(../images/list_mark.gif) no-repeat left 7px;
	min-height: 24px;
	float: left;
}
#home div.column table td a:link,
#home div.column table td a:visited,
.naviList li a:link,
.naviList li a:visited
{
	color: #58585a;
	float: left;
	line-height: 24px;
	display: block;
	letter-spacing:0.5px;
}
.inloggen
{
	position: absolute;
	top: 21px;
	right: 17px;
	background: url(../images/inloggen.gif) no-repeat left top;
	width: 79px;
	height: 79px;
	text-indent: -9999px
}
/*------------------------------ Active Page ------------------------*/
body.search li.search a,
body.nieuwbouwwinkel li.nieuwbouwwinkel a,
body.projecten li.nuinverkoop a,
body.huur li.huur a,
body.verwacht li.verwacht a,
body.verkocht li.verkocht a,
body.verkocht li.verhuurd a,
body.woningverkopen li.woningverkopen a,
body.taxatie li.taxatie a,
body.energielabel li.energielabel a,
body.hypotheekadvieswoningen li.hypotheekadvies a,
body.gratiswaardebepaling li.gratiswaardebepaling a,
body.aankoopbegeleiding li.aankoop a,
body.algemeen li.algemeen a,
body.inschrijven li.inschrijvennieuwbouw a,
body.verkocht li.verkochtnieuwbouw a,
body.zekerkopen li.zekerkopen a,
body.verwacht li.verwachtnieuwbouw a,
body.hypotheekadvies li.hypotheekadviesnieuwbouw a,
body.referenties li.referentiesnieuwbouw a,
body.bedrijfspanden li.bedrijfspanden a,
body.bog li.bog a,
body.bemiddeling li.bemiddeling a,
body.bedrijfsonroerendgoed li.bedrijfsonroerendgoed a,
body.taxatiebog li.taxatiebog a,
body.adviesbog li.advies a,
body.hypotheekadviesbog li.hypotheekadviesbog a,
body.bemiddelingbog li.bemiddeling a,
body.wiezijnwij li.wiezijnwij a,
body.nieuws li.nieuws a,
body.organisatie li.organisatie a,
body.medewerkers li.medewerkers a,
body.vacatures li.vacatures a,
body.nutselect li.nutselect a,
body.referenties li.referenties a,
body.contact li.contact a,
body.openingstijden li.openingstijden a,
body.links li.links a,
body.nieuwbouwnieuws li.nieuwsnieuwbouw a,
body.zekerkopenactie li.zekerkopenactie a,
body.nieuwbouwoverig li.nieuwbouwoverig a
{
	background: #c9bba3;
	color: #fff;
	text-decoration: none;
}
/*------------------------------ Staete--------------------------------------*/
/*------------------------------- Left -------------------------------------*/
.left
{
	min-height: 413px;
	height: auto !important;
	height: 413px;
	width: 187px;
	float: left;
}
.leftMenu
{
	margin: 0;
	float: left;
	list-style: none;
	padding-top: 20px
}
.leftMenu li
{
	margin: 0;
	float: left;
	width: 187px;
	height: 32px;
}
.leftMenu li a:link,
.leftMenu li a:visited
{
	float: left;
	padding-left: 15px;
	width: 172px;
	height: 32px;
	font: normal 11px/32px Arial, Helvetica, sans-serif;
	color: #7e7e7f;
	letter-spacing: 1px;
	text-transform: uppercase
}
.leftMenu li a:hover
{
	background: #c9bba3;
	color: #fff;
	text-decoration: none
}
.leftColumn,
.rightColumn
{
	width:300px;
	float:left;
}
.leftColumn div,
.rightColumn div
{
	margin: 0 0 20px 0;
}
.leftColumn span,
.rightColumn span
{
	display:block;
	width:300px;
}
/*------------------------------------ Right -------------------------*/
.right
{
	float: right;
	padding: 22px 27px 10px 22px;
	width: 754px;
}
.right h3
{
	color: #0d71b4;
	text-transform: uppercase;
	margin: 0;
	padding-bottom: 14px;
}
.right h4
{
	margin: 0;
	color: #58585a
}
.right p
{
	margin: 0;
	padding-bottom: 18px;
	color: #58585a
}
/*
.right img
{
	border: 1px solid #bcbcbd;
	margin-left: 26px
}
*/

.ResultpageContentAdresNieuwbouw
{
	color:#666666;
	font-weight:bold;
}

.right table.organisatie p			{ padding-bottom:0; }
/*------------------------------------ Aanbod-------------------------*/
.aanbod 					{ float:left; padding:22px 27px 10px 22px; width:754px; }
.zoekscherm					{ width:333px; height:228px; background:#ece7de; float:left; padding:17px; margin:0 15px 0 0; }
.foto						{ width:367px; height:262px; float:left; }
.foto img					{ margin: 0 !important; }
.specials					{ background:#ece7de; float:left; clear:both; width:751px; margin:15px 0 0 0; padding:10px 0; }
.button						{ background:#fff; border:1px solid #949495; padding:1px 5px; color:#58585A !important; }
.buttongroot				{ background:#fff; border:1px solid #949495; width:140px; display:block; height:15px; color:#58585A !important; margin-bottom:3px; padding:3px; }
.bottom						{ margin-top:110px; }
.snelzoekaanbodpagina		{ width:145px; background:#d9dadb; height:560px; float:right; margin-top:-97px; position:relative; z-index:100; padding:20px 18px 0 24px;
								background: #d9dadb url(../images/pic_bg-snelzoekaanbodpagina.jpg) bottom repeat-x; }
.snelzoekaanbodpagina span	{ display: block; }
.kop						{ color:#fff; font-size: 18px;margin-bottom: 20px; }
.kop img					{ margin-left:0px;border:none; }
h1.titel {
	font-size:20px;
	color:#0E71B4;
	line-height:1.2;
	float:left;
	margin:0 12px 20px 0;
	}
div.contentmenuknoppen {
	padding-top:3px;
	}
div.contentmenuknoppen img {
	margin-top:3px;
	}
/*------------------------------ Footer -----------------------------*/
#footer
{
	float: left;
	height: 56px;
	width: 990px
}
.topFooter
{
	float: left;
	height: 31px;
	width: 100%;
	background: #fff;
}
.menuFooter
{
	float: left;
	width: 990px
}
.topFooterLisr
{
	margin: 0;
	overflow: hidden;
	list-style: none;
	height: 31px;
	width: 920px;
	padding-left: 70px
}
.topFooterLisr li
{
	margin: 0;
	float: left;
	padding: 0 10px 0 8px;
	background: url(../images/footer_separator.gif) no-repeat right center;
	height: 31px
}
.topFooterLisr li p
{
	margin: 0;
	line-height: 31px;
	color: #58585a;
	font-size: 11px
}

.naviFooter
{
	padding-top: 8px;
	height: 17px;
	padding-right: 20px;
	margin: 0;
	list-style: none;
	width: 500px
}
.logoIcon
{
	padding-top: 4px;
	height: 21px;
	padding-left: 27px;
	margin: 0;
	list-style: none;
}
.naviFooter li,
.logoIcon li
{
}
.logoIcon li
{
	margin: 0;
	float: left;
	padding-right: 11px
}
.naviFooter li
{
	margin: 0;
	float: right;
	padding: 0 7px;
	height: 9px;
	border-right: 1px solid #fff
}
.naviFooter li a:link,
.naviFooter li a:visited
{
	float: left;
	font: normal 9px/10px Arial, Helvetica, sans-serif;
	color: #fff
}

body.openingstijden .right p.vervolgp {
	margin-top:12px;
	}
body.openingstijden .right div {
	margin-bottom:3px;
	}
body.openingstijden .right div span.weekdag {
	display:block;
	float:left;
	width:130px;
	}
body.links .right table td img {
	display:block;
	float:right;
	margin:0 0 8px 12px;
	}
body.loginscherm label {
	float:left;
	display:block;
	width:80px;
	margin-bottom:3px;
	}
body.loginscherm input {
	border:none;
	}
body.loginscherm input#strEmail,
body.loginscherm input#strPassword {
	border:solid 1px #004E61;
	width:160px;
	margin-bottom:3px;
	}
body.loginscherm div input {
	margin-right:0px;
	margin-left:80px;
	}
body.loginscherm form img {
	border:none;
	float:left;
	}
body.loginscherm form a img {
	margin:-16px 8px 0 0;
	float:right;
	}
body.woonplaatsselect img
 {
	visibility:hidden;
	display:none;
	}

body.woonplaatsselect select {
	margin-bottom:3px;
	}
body.contact form table table {
	height:60px;
	}
body.nieuws td[width="650"] {
	padding-bottom:8px;
	}
#TableNeiuwsOverzicht {
	margin-top:-20px;
	}
/*------------------------------ Medewerkers -----------------------------*/
.medewerkers div.container
{
	height:250px;
}
.medewerkers div span
{
	clear:both;
	display:block;
	padding-top: 10px;

}
.medewerkers div.container img
{
	float:left;
	margin-right:10px;
	border: 1px solid #7E7E7F;
}
.medewerkers div.container h1
{
	font-size:14px;
	font-weight:bold;
	line-height:14px;
	margin:0;
}/*------------------------------- POPUP HOME ---------------------------*/
#popuphome p {
	color:#fff;
	}
#popuphome a {
	color:#fff;
	text-decoration:underline;
	}
#popuphome a:hover {
	color:#F2942E;
	text-decoration:underline;
	}
#home .column table img
{
	display:none;
}
.deelnemendewoningen
{
	margin:0;
	padding:0;
	list-style:none;
}
.deelnemendewoningen li
{
	padding:5px 0px;
}
.oranje
{
	color:#FFB63A !important;
	background:url(../images/orangecheck.jpg) center left no-repeat !important;
	padding-left:15px;
}
.blauw
{
		color:#3366FF !important;
	background:url(../images/blauwcheck.jpg) center left no-repeat !important;
	padding-left:15px;
}
.deelnemendewoningen
{
	font-weight:bold !important;
	background:url(../images/blauwcheck.jpg) center left no-repeat !important;
	padding-left:15px;
	font-size:15px !important;
}
.deelnemendewoningen:hover
{
	font-weight:bold !important;
	color:#FFB63A !important;
	background:url(../images/orangecheck.jpg) center left no-repeat !important;
	padding-left:15px;
	font-size:15px !important;
}