/*------------------------------------------
---------------- Reseting ------------------
----------------------------------------- */

html, body, div, span, object, 
h1, h2, h3, h4, h5, h6, p, a, abbr, acronym, 
em, img,  s, small, strike, strong, sup, sub, 
dl, dt, dd, ol, ul, li, form, fieldset, label, legend
				{ margin: 0; padding: 0;
				  border: 0; outline: 0;
				  font-weight: inherit;
				  font-style: inherit;
				  font-size: 100%;
				  font-family: inherit;
				  vertical-align: baseline;
				  background: transparent }
				  
:focus, :active	{ outline: 0 }

html 			{ height: 100% }
body 			{ height: 100%; color: #231f20; background: #e8ebf5; margin:0; padding:0; }
body.home, body.stappervastgoed {	
	background:#e8ebf5 url(/images/bg-body-home.gif) repeat-x;
}
body.advies, body.balans {
	background:#e8ebf5 url(/images/bg-body-vervolg.gif) repeat-x;
	}
h1, h2, h3, h4, h5, h6
 				{ font-weight: bold }
h1 				{ font-size: 17px; line-height: 17px; margin-bottom: 17px; letter-spacing: -1px } 

h3				{ font-size: 13px; line-height: 17px; margin-bottom: 17px }
h4, h5, h6		{ font-size: 12px; line-height: 17px; margin-bottom: 17px }

p, pre
				{ font-size: 12px; line-height: 17px; margin-bottom:17px;}

ul, ol			{ margin-bottom: 18px }
ul ul { margin-bottom:4px; }
li	 			{ margin-left: 36px; }
li p 			{ color: #000 }

/*------------------------------------------
------------------ Fonts -------------------
----------------------------------------- */

h1, h2, h3, h4, h5, h6
 				{ font-family: Helvetica, "Helvetica Neue", Arial, sans-serif; color:#003888; }
h2
{
	font-size: 12px;
	color:#231f20;
}
body, p, pre, label, th, td, li
				{ font-family: Helvetica, "Helvetica Neue", Arial, sans-serif; } 			
				
/*------------------------------------------
------------------ Links -------------------
----------------------------------------- */

a:link, a:visited, a:hover, a:active
				{ font-weight: normal; text-decoration: underline; color: #231f20; }
a:hover			{ color:#E3173E; }
a img			{ border: 0 }

/*------------------------------------------
------------- Global Classes ---------------
----------------------------------------- */

.clear			{ clear: both }
.floatLeft		{ float: left }
.floatRight		{ float: right }

.textLeft		{ text-align: left }
.textRight		{ text-align: right }
.textCenter		{ text-align: center }
.textJustify	{ text-align: justify }

.bold			{ font-weight: bold !important }
.italic			{ font-style: italic }
.underline		{ border-bottom: 1px solid }
.highlight		{ background: #ffc }

.noPadding		{ padding: 0 }
.noMargin		{ margin: 0 }
.noIndent		{ margin-left: 0; padding-left: 0 }
.noBullet		{ list-style: none; list-style-image: none }

/*------------------------------------------
---------------- Wrapper -------------------
----------------------------------------- */

#wrap 			{ width: 1000px; min-height: 100%; overflow: visible; margin: 0 auto; position: relative }
.bg1			{ background: url(../images/wrap.gif) repeat-y 16px 0; }
.bg2			{ background: url(../images/wrap2.gif) repeat-y }
				  
.innerRight {
	width:968px;
	margin:0 auto;
	position:relative;
	}  			
	  
.extra {
	background: #E8EBF5;
	overflow: hidden;
	}

.extra2 {
	background: url(../images/footer.jpg) no-repeat;
	position:absolute;
	width:162px;
	height:176px;
	left:0;
	bottom:62px;
	}
#hollandadvies .extra2 { background: url(../images/footer-hollandadvies.jpg) no-repeat }
#geldzaken .extra2 { background: url(../images/footer-geldzaken.jpg) no-repeat }
#hypotheken .extra2 { background: url(../images/footer-hypotheken.jpg) no-repeat }
#pensioenen .extra2 { background: url(../images/footer-pensioenen.jpg) no-repeat }
#verzekeringen .extra2 { background: url(../images/footer-verzekeringen.jpg) no-repeat }
#totaalklant .extra2 { background: url(../images/footer-totaalpakket.jpg) no-repeat }
#formulierenadvies .extra2, #formulierenwoningen .extra2 { background: url(../images/footer-formulierenadvies.jpg) no-repeat }
#stappervastgoed .extra2 { background: url(../images/footer-hollandwoningen.jpg) no-repeat }
#aanbod .extra2 { background: url(../images/footer-aanbod.jpg) no-repeat }
#zoekopdracht .extra2 { background: url(../images/footer-zoekopdracht.jpg) no-repeat }
#verkoop .extra2 { background: url(../images/footer-verkoop.jpg) no-repeat }
#aankoop .extra2 { background: url(../images/footer-aankoop.jpg) no-repeat }
#taxaties .extra2 { background: url(../images/footer-waardebepaling.jpg) no-repeat }
#waardebepaling .extra2 { background: url(../images/footer-waardebepaling2.jpg) no-repeat }
#energielabel .extra2 { background: url(../images/footer-energielabel.jpg) no-repeat }
#contact .extra2, #contactformulier .extra2, #wieiswie .extra2, #najaarsactie .extra2, #prospect .extra2 { background: url(../images/footer-contact.jpg) no-repeat }

  
.extra3			{ background: #015CAB url(../images/footerPRight.gif) top right no-repeat }	  
.extra4			{ width: 968px; height: 56px; padding: 18px 0 0 0; background: url(../images/footerRight.gif) bottom right no-repeat }
.extra5			{ width: 968px; height: 56px; padding: 18px 0 0 0; background: url(../images/footer2.gif) no-repeat }

/*------------------------------------------
---------------- Layout --------------------
----------------------------------------- */
body.home #headerhome,
#header
{
	position:relative;
	height:190px;
}
body.stappervastgoed #header {
	background:#e8ebf5 url(/images/bg-body-home.gif) repeat-x;
	}
body.advies #header,
body.balans #header {	
	background:#e8ebf5 url(/images/bg-body-vervolg.gif) repeat-x;
	}
body.home #headerhome img.logo,
#header img.logo
{
	position:relative;
	left:16px;
	top:40px;	
}
#headerhome a.headerlogin,
#header a.headerlogin
{
	display:block;
	position:absolute;
	line-height:1.8;
	padding:0 12px;
	background:#fff;
	right:16px;
	top:2px;
	text-decoration:none;
	border:solid 1px #fff;
	font-size:13px;
	color:#0068B3;
	font-weight:bold;
}
#headerhome a.headerlogin:hover,
#header a.headerlogin:hover
{
	background:#D00018;
	color:#fff;
}
img.logotekst
{
	position:absolute;
	left:260px;
	top:46px;
}
div#branchelogos
{
	width:234px;
	margin:30px 0 12px;
	overflow:hidden;
}
div#branchelogos img
{
	display:block;
	margin-bottom:8px;
}
div#branchelogos img.overbrugging {
	float:right;
	}
div#branchelogos img.funda,
div#branchelogos img.vbo,
div#branchelogos img.kifid
{
	float:left;
}
div#branchelogos img.vbo,
div#branchelogos img.kifid
{
	clear:left;
	margin-top:6px;
}
div#branchelogos img.scvm,
div#branchelogos img.eha
{
	float:right;
	margin:-8px 18px 0 0;
	clear:right;
}
div#branchelogos img.eha
{
	margin:6px 18px 0 0;
}
img.scvmvervolg {
	margin:0 0 0 30px;
	}
img.fundavervolg {
	margin:8px 0 0 30px;
	}
img.overbruggingvervolg {
	margin-top:8px;
	}
img.kifidvervolg {
	margin:8px 0 0 18px;
	}
img.ehavervolg {
	margin:8px 0 0 16px;
	}
#topMenu		{ margin: 0 0 0 22px; list-style: none; height:26px; }
#topMenu li		{ margin: 0; float: left; font: bold 15px/20px Helvetica, "Helvetica Neue", Arial, sans-serif; }
#topMenu li.first		{ position:relative; z-index:300; height:26px; overflow:hidden; }
#topMenu li a	{ display: block; width: 151px; height: 24px; color: #fff; text-align: center; padding-top:0; font-weight:bold; }
.blueLink		{ background: #003888 url(../images/topMenuBlue.gif) no-repeat }
.redLink		{ background: #e2001a url(../images/topMenuRed.gif) no-repeat }
.blueLink:hover		
				{ background: #003888 url(../images/topMenuBlueHover.gif) no-repeat }
.redLink:hover
				{ background: #e2001a url(../images/topMenuRedHover.gif) no-repeat }

.inloggen		{ float: right; font: bold 11px/14px Helvetica, "Helvetica Neue", Arial, sans-serif; margin-bottom: 0; padding: 7px 0 0 0; }
.inloggen a:link,
.inloggen a:visited
	{ text-decoration: underline; color: #006AAF; font-weight:bold; padding-left:4px; }
.inloggen a:hover,
.inloggen a:active
	{ color: #E3173E }


#content
{
	clear: both;
	padding: 18px 0 0 11px;
	overflow:hidden;
}
.bg3			{ background: url(../images/contentTop.gif) no-repeat }

.leftCol		{ width: 139px; float: left; min-height:568px; }
.mainCol		{ margin: 0 0 0 139px; padding: 7px 36px 72px 36px; font-size:12px;position:relative;min-height:460px; }
.bigCol
{
	padding-bottom: 54px;
}
#contentMenuKnoppen
{
	margin-bottom:20px;
}
#leftMenu		{ margin-bottom: 0; list-style: none }
#leftMenu li	{ margin: 0 0 2px 0; font: normal 12x/16px Helvetica, "Helvetica Neue", Arial, sans-serif; }
#leftMenu li a	{ display: block; width: 128px; background: #d1e3f3; padding: 0 0 1px 11px; line-height:16px;color: #003888;text-decoration:none; }
#leftMenu li a:hover
				{ background: #e8f1f9 }
				
#hollandbalans #leftMenu li a.hollandbalanslink,
#werkwijze #leftMenu li a.werkwijzelink,
#aangifte #leftMenu li a.btwaangiftelink,
#jaarrekening  #leftMenu li a.jaarrekeninglink,
#inkomstenbelasting  #leftMenu li a.inkomstenbelanstinglink,
#formulieren  #leftMenu li a.formulierenlink,
#hollandadvies #leftMenu li a.hollandadvieslink,
#geldzaken #leftMenu li a.geldzakenlink,
#hypotheken #leftMenu li a.hypothekenlink,
#pensioenen #leftMenu li a.pensioenenlink,
#verzekeringen #leftMenu li a.verzekeringenlink,
#totaalklant #leftMenu li a.totaalklantlink,
#formulierenadvies #leftMenu li a.formulierenadvieslink,
#aanbod #leftMenu li a.searchlink,
#aankoop #leftMenu li a.aankooplink,
#verkoop #leftMenu li a.verkooplink,
#energielabel #leftMenu li a.energielabellink,
#formulierenwoningen #leftMenu li a.formulierenwoningenlink,
#zoekopdracht #leftMenu li a.zoekopdrachtlink,
#taxaties #leftMenu li a.taxatieslink,
#waardebepaling #leftMenu li a.waardebepalinglink,
#stappervastgoed #leftMenu li a.hollandwoningenlink,
#aanbod #leftMenu li a.searchlink,
#zoekopdracht #leftMenu li a.zoekopdrachtlink,
#verkoop #leftMenu li a.verkooplink,
#aankoop #leftMenu li a.aankooplink,
#taxaties #leftMenu li a.taxatieslink,
#waardebepaling #leftMenu li a.waardebepalinglink,
#energielabel #leftMenu li a.energielabellink,
#formulierenwoningen #leftMenu li a.formulierenwoningenlink,
#overbruggingsgarantie #leftMenu li a.overbruggingsgarantielink,
#huur #leftMenu li a.huurlink,
.active			{ background: #fff !important }

#footer {
	position: relative;
	z-index:10;
	width:968px;
	height:74px;
	margin:-74px auto 0;
	}
.bg4			{ background: url(../images/extra2.gif) repeat-x bottom !important }
#footer	p		{ text-align: center; letter-spacing: 0; color: #fff; 
				  background: url(../images/footerPleft.gif) no-repeat; height: 23px; padding-top: 1px; margin: 0;
				  font: bold 13px/20px tahoma, verdana, arial, sans-serif; }
#footer	p a		{ text-decoration: none; color: #fff; font-size:13px; font-weight:bold;}
#footer	p a:hover	{ text-decoration: underline;}

.disclaimer		{ float: right; font: normal 11px/14px Helvetica, "Helvetica Neue", Arial, sans-serif !important; padding: 7px 0 0 0 !important; background: none !important }
.disclaimer a:link,
.disclaimer a:visited,
.disclaimer a:hover,
.disclaimer a:active
				{ text-decoration: none; color: #4671ac !important }

.imageHolder	{ float: left; width: 250px; text-align: center; margin: 0 16px 0 16px }
.rightBlock		{ float: left; width: 241px; margin: 0 20px 0 5px !important;
				  background: url(../images/imageHolder.gif) repeat-y }
.bg5			{ background: url(../images/rightBlock.gif) no-repeat }


.bg6			{ height: 160px; background: url(../images/rightBlock2.gif) bottom left no-repeat; padding: 5px 25px }

.bg7			{ height: 160px; background: url(../images/verzekeringen-home.jpg) no-repeat; padding: 5px 25px }

.noPadRight		{ padding-right: 0 !important }
.noMargBottom	{ margin-bottom: 11px !important }

.snelZoeken	legend
				{ display: none }
.snelZoeken	label
				{ float: left; clear: left; margin-bottom: 2px;
				  font: normal 15px/20px Helvetica, "Helvetica Neue", Arial, sans-serif; color: #003888 }
.snelZoeken	p
				{ float: left; clear: left; margin-bottom: 0; padding-left: 7px;
				  font: normal 11px/14px Helvetica, "Helvetica Neue", Arial, sans-serif; color: #003888 }
.snelZoeken	p a
				{ text-decoration: underline }
.snelZoeken	select
				{ float: left; clear: left; margin-bottom: 2px; width: 140px }
.submit			{ float: left; width: 72px; height: 21px; position: relative; top: 0; left: 3px; padding-bottom: 3px;
				  background: url(../images/submit.gif) no-repeat; border: none; color: #fff }
.extra6			{ width: 220px; float: left; clear: left; overflow: hidden }
.extra7			{ overflow: hidden; padding-bottom: 36px; z-index:100; position:relative;}

/* HOME
===================================================== */

body.home #center
{
	position:relative;
	width:1000px;
	margin:-0 auto;
}

body.home #firstCol {
	position:relative;
	float:left;
	margin-left:16px;
	width:220px;
	min-height:100px;
	}
body.home #firstCol p.naw span {
	display:block;
	padding-left:20px;
	background:url(/images/icon-telefoon.png) no-repeat;
	}
body.home #firstCol p.naw  a.mail {
	display:block;
	padding-left:20px;
	background:url(/images/icon-mail.png) no-repeat;
	}
body.home #firstCol p.naw  a.twitter {
	display:block;
	padding-left:20px;
	background:url(/images/twitter.png) no-repeat;
	}
body.home #firstCol p.naw  a.facebook {
	display:block;
	padding-left:20px;
	background:url(/images/facebook.png) no-repeat;
	}
body.home #firstCol p.naw  a.linkedin {
	display:block;
	padding-left:20px;
	background:url(/images/linkedin.png) no-repeat;
	}	
	
body.home #firstCol #zoekscherm {
	padding:10px;
	background:url(/images/bg-zoekscherm.gif) no-repeat;
	color:#fff;
	margin-top:30px;
	width:200px;
	height:179px;	
}		
body.home #firstCol h2.snelzoeken {
	font-size:14px;
	margin-bottom:12px;
	color:#fff;
	}
body.home #firstCol #zoekscherm div {
	margin-bottom:3px;
}
body.home #firstCol #loginmenu ul {
	margin:0;
	padding:0;
	list-style:none;
	}
body.home #firstCol #loginmenu ul li {
	float:left;
	margin:0 12px 0 0;
	}
body.home #firstCol #loginmenu ul li a {
	color:#00529e;
	text-decoration:none;
	}	
body.home #firstCol #loginmenu ul li a:hover {
	color:#E3173E;
	}		
body.home #secCol {
	position:relative;
	float:left;
	width:470px;
	min-height:100px;
	padding:0 24px;
	}
body.home #secCol h2 {
	height:33px;
	background:url(/images/home-header-stapper.jpg) no-repeat;
	margin:12px 0 44px;
	text-indent:-9000px;
	}
body.home #secCol p {
	font-size:14px;
	line-height:1.4;
	}
body.home #thirdCol {
	position:relative;
	float:left;
	margin-right:16px;
	width:230px;
	min-height:100px;
	}
body.home #thirdCol a {
	display:block;
	width:230px;
	height:158px;
	margin-bottom:12px;
	text-indent:-9000px;
	}
body.home #thirdCol a.stappervastgoed {
	background:url(/images/bg-home-stappervastgoed.jpg) no-repeat 0 0;
	}
body.home #thirdCol a.stappervastgoed:hover {
	background:url(/images/bg-home-stappervastgoed.jpg) no-repeat 0 -158px;
	}
body.home #thirdCol a.hollandadvies {
	background:url(/images/bg-home-hollandadvies.jpg) no-repeat 0 0;
	}
body.home #thirdCol a.hollandadvies:hover {
	background:url(/images/bg-home-hollandadvies.jpg) no-repeat 0 -158px;
	}
body.home #thirdCol a.hollandbalans {
	background:url(/images/bg-home-hollandbalans.jpg) no-repeat 0 0;
	}
body.home #thirdCol a.hollandbalans:hover {
	background:url(/images/bg-home-hollandbalans.jpg) no-repeat 0 -158px;
	}
body.home select
{
	margin-bottom:2px;
}
form#snelzoek span
{
	display:block;
	font-size:12px;
	font-weight:bold;
	color:#FFF;
	margin-bottom:2px;
}


/* CONTACTPAGINA
======================================================= */
#contactHW
{
	position:relative;
	float:left;
	margin-right:12px;
	margin-bottom:12px;
}
#contactHA
{
	margin-bottom:12px;
}
#contactHA table,
#contactHW table
{
	margin-bottom:12px;
}
#contactHW td,
#contactHA td
{
	padding-right:8px;	
}
a.plattegrond
{
	clear:left;
	
}
/*	WIE IS WIE
=========================================================*/
.wieiswiediv
{
	position:relative;
	height:160px;
	border-bottom:solid 1px #979899;
	overflow:hidden;
	margin-bottom:8px;
}
.wieiswiediv img
{
    border:1px solid #000;
	float:right;
	display:block;
}
.wieiswiediv table
{
	margin-bottom:8px;
	margin-top:-12px;
}

/* STYLES DIE DOOR HET SYSTEEM WORDEN GEGENEREERD
====================================================== */
a
{
	font-size:12px;
	color: #231f20;
	font-family:Helvetica, "Helvetica Neue", Arial, sans-serif;
}
a:hover
{
	 color: #f00;
}
td
{
	font-size:12px;
	font-family:Helvetica, "Helvetica Neue", Arial, sans-serif;
}
select
{
    font-size:12px;
    font-family:Helvetica, "Helvetica Neue", Arial, sans-serif;
}
input
{
    font-size:12px;
    font-family:Helvetica, "Helvetica Neue", Arial, sans-serif;
}
textarea
{
    font-size:12px;
    font-family:Helvetica, "Helvetica Neue", Arial, sans-serif;
}
body #fout
{
    font-size:12px;
    color: red
}
body #informatietext
{
    color: #231f20;
}
body #boginfotitletekst
{
    color: #231f20;
}
body #titel
{
    color: #231f20;
}
body #highlight
{
    color: #231f20;
}
body #nieuwsdatum
{
    color: #231f20;
}
body #nieuwsimage
{
    border-right: black 1px solid;
    border-top: black 1px solid;
    border-left: black 1px solid;
    border-bottom: black 1px solid
}
body #selectbox
{
    font-size: 12px;
    font-family: 'lucida console', terminal, 'courier new', courier, mono;
    background-color: #fff;
    text-decoration: none
}
.printwindow
{
    background-color: #fff;
}
.verkocht
{
    color: #f00;
}
body #huislink
{
    text-decoration: none
}
body #inputdisabled
{
    background-color: #888888
}
body #checkbox
{
    width: 13px
}
body #informatie
{
    font-size:12px;
    color: #231f20;
}
body #informatietext
{
    font-size:12px;
    color: #231f20;
}
.homebox
{
    background-color: #fff;
}
body #huizeninformatiekleur
{
    background-color: #231f20;
}
body #lijntje
{
    background-color: #231f20;
}
body #homespecialborder
{
    border-right: black 1px solid;
    border-top: black 1px solid;
    border-left: black 1px solid;
    border-bottom: black 1px solid;
    background-color: white;
}
body #login_box_password_input
{
    width: 98px
}
body #login_box_email_input
{
    width: 98px;
}
body #searchinfotitletekst
{
    color: #000000;
}
.buurtgegevens_header
{
   background-color: #006AAF;
   color:#fff;
}
.mailhuis_input
{
    width: 200px
}
.loginbox
{
    background-position: left top;
    background-image: url(/images/pic_loginbox.gif);
    background-repeat: no-repeat
}

.hometableborder
{
    BORDER-RIGHT: silver thin double;
   BORDER-TOP: silver thin double;
    BORDER-LEFT: silver thin double;
    BORDER-BOTTOM: silver thin double;
    BACKGROUND-COLOR: #ebebeb
}
#prospectaanbiedertabellijntje1
{
}
#prospectaanbiedertabelborder
{
background-color:#516779;
}
#prospectaanbiedertabelheader
{
	background-color:#E3E8EC;
	font-weight:bolder;
}
#prospectaanbiedertabelrow1
{
	background-color:#BAC7D1;
}
#prospectaanbiedertabelrow2
{
	background-color:#9BAEBD;
}

/* OPEN HUIS
================================================================================================================*/
body#Openhuis
{
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	background:##E8EBF5;
}
.OpenHuisMainDiv
{
	position:relative;
	min-height:100%;
}
* html .OpenHuisMainDiv
{
	height:100%;
	text-align:center;
}
.OpenHuisMainDiv div
{
	position:relative;
	padding-bottom:30px;
}
body#Openhuis p
{
	margin:0;
	padding:0;
}
.OpenHuisHeaderText
{

}
body#Openhuis p.OpenHuisTitle
{
	position:relative;
	height:26px;
	font-size:30px;
	font-weight:bold;
	text-align:center;
	padding-top:110px;
	color: #006AAF;
	background: #E8EBF5 url(/images/header-openhuis.gif) no-repeat left top;
}
body#Openhuis p.OpenHuisDate
{
	font-size:18px;
	font-weight:bold;
	text-align:center;
	color:#006AAF;
	margin-top:12px;
}
body#Openhuis p.OpenHuisTime
{
	font-size:16px;
	font-weight:bold;
	text-align:center;
	color:#006AAF;
}
.OpenHuisMainDiv table
{
	width:96%;
	border-collapse:collapse;
	margin:0 auto;
}
.OpenHuisMainDiv table td
{
	padding-left:6px;
}
.TableWoonplaats
{
	font-weight:bold;
	padding-top:2px;
	padding-bottom:2px;
	background:#006AAF;
	color:#fff;
}
.TableTitle
{
	font-weight:bold;
	color:#006AAF;
}
.TableData
{
color: black;
}
.TableData a
{
color: #006AAF;
}

.TableData a:hover
{
color: #E2233B;
}
#footerOH
{
	position:relative;
	height:20px;
	margin-top:-20px;
	background: #006AAF;
}

/* END OPEN HUIS
==================================================================================================================*/