body, html
{
    height: 100%;
    width:100%;
    font-size:12px;
}
body.home, body.vervolg
{
   margin :0;
   padding:0;
   color:#333;
   font-family: Arial, Verdana, Sans-Serif;
   font-size:12px;
   background:#f0f0f0;
}
h1, h2, h3
{
	font-size:12px;
}
img
{
	border:none;
}
.leftfloat
{
	float:left;
}
.rightfloat
{
	float:right;
}
.noshow
{
	visibility:hidden;
	display:none;
}
/* Contact
=============================== */
.contactname
{
    padding:10px 0px;
}
.contactname span
{
    display:block;
}
.contactaddress
{
    padding:10px 0px;
}
.contactaddress span
{
    display:block;
}
.phonediv
{
    padding:10px 0px;
}
.contactphone
{
    overflow:hidden;
}
.phone
{
    display:block;
    float:left;
    width:200px;
}
.phonenumber
{
    float:left;
}
.contactfax, .contactmobiel
{
    clear:left;
}
.contactemail
{
    clear:both;
    float:left;
}
.route
{
    padding:10px 0px;
}
.contactdata, .btw
{
    clear:left;
    float:left;
}
.contactdata span
{
    display:block;
}
.contactskype
{
    overflow:hidden;
    clear:left;
    padding-top:10px;
}
.contactextra
{
    padding-top:10px;
    clear:left;
    float:none;
}
.info
{
    padding-top:10px;
}
/* LAY-OUT VERVOLGPAGINA'S
=============================== */
body.vervolg
{
}
#tekst
{
    float:left;
    width:530px;
    padding-right:20px;
    margin-top:15px;
    border-right:1px dotted #CCCCCC
}
#specialdiv
{
    float:right;
    margin-top:15px;
		width:284px;
		float:left;
}
#specialdiv #innerdiv,
#specialdiv #voorstellen
{
	width:280px;
	margin:0 auto;
	text-align:center;
}
#specialdiv #voorstellen
{
	margin-top:12px;
}
#specialdiv #innerdiv h3
{
	margin:0;
}
#specialdiv img
{
	display:block;
	margin:0 auto;
}
div#nonfooter 						/*deze div bevat all andere divs BEHALVE de footer */
{
	position:relative;
	width:902px;
	min-height: 100%; /* Zie ook IE.CSS */
	margin:0 auto;
	background:#6B6555 url(/images/bg-nonfooter.gif) repeat-y;
}
body.vervolg div#header
{
    position:relative;
    height:320px;
    background:url(/images/bg-header.jpg) no-repeat;
    margin:0;
    padding:0;
}
body.vervolg #headerimg
{
    margin:0 auto;
    width:830px;
    height:199px;
    display:block;
    margin-top:10px;
    background:url(/images/foto_referenties.jpg) no-repeat;
}
body.homefoto #headerimg
{
    background:url(/images/foto_home.jpg) no-repeat;
}
body.aanbod #headerimg
{
    background:url(/images/foto_aanbod.jpg) no-repeat;
}
body.kantoorinformatiep #headerimg
{
    background:url(/images/foto_kantoorinfo.jpg) no-repeat;
}
body.links #headerimg
{
    background:url(/images/foto_links.jpg) no-repeat;
}
body.nieuwsp #headerimg
{
    background:url(/images/foto_referenties.jpg) no-repeat;
}
body.contactp #headerimg
{
    background:url(/images/foto_contact.jpg) no-repeat;
}
body.inschrijvenp #headerimg
{
    background:url(/images/foto_zoekservice.jpg) no-repeat;
}
body.vervolg img.logo
{
	position:relative;
	top:40px;
	left:40px;
}
div#contentmenuknoppen
{
	position:relative;
}
body.vervolg div#content
{
    padding:0;         /* Padding en margin NIET veranderen, doe dit in #innercontent! */
    margin:0;
		
}
body.vervolg div#innercontent
{
	padding:0 32px 86px;
	overflow:hidden;
	position:relative;
	z-index:100;
}

body.vervolg div#bottommenu
{
	position:relative;
	left:44px;
	top:6px;
	z-index:100;
}

div#footer
{
	position:relative;
	width:902px;
	height:66px;
	margin:0 auto; 				/* Hoogte van de nonfooter. */
	margin-top:-66px; 			/* Negatieve waarde van de hoogte om hem weer in het scherm te trekken. */
	padding:0;						/* Padding en margin NIET veranderen (behalve margin-top), doe dit in #innerfooter! */
	background:url(/images/bg-footer.gif) no-repeat;
}
div#innerfooter
{

}
div#footer p
{
   margin:0;
   padding:0;
   line-height:35px;
   text-align:center;
}
body.vervolg #naw
{
	font-size:11px;
	color:#333;
	z-index:100;
	text-align:center;
	padding:30px 10px 0 0;
}
body.vervolg b
{
	font-weight:bold;
	font-size:11px;
}
body.vervolg #naw a
{
	font-size:11px;
	color:#333;
}
.white
{
	color:#fff;
}

body.vervolg #buttonmenu
{
	position:absolute;
	height:89px;
	left:100px;
	top:186px;
}

/* NIEUWS.ASP
=============================== */
#nieuwsdatum
{
	width:80px;
	display:block;
	font-size:12px;
}
#nieuwsimage
{
    border: solid 1px #015836;
}

/* PROSPECT.ASP
================================ */
#prospectaanbiedertabellijntje1
{

}
#prospectaanbiedertabelborder
{
	background-color:#000;
}
#prospectaanbiedertabelheader
{
	background-color:#E3E8EC;
	font-weight:bold;
	color:#000;
}
#prospectaanbiedertabelrow1
{
	background-color:#BAC7D1;
	color:#000;
}
#prospectaanbiedertabelrow2
{
	background-color:#9BAEBD;
	color:#000;
}
/* TIPS.ASP
===================================*/
div.tipsdiv
{
	position:relative;
	float:left;
	margin-right:40px;
}
div.lastdiv
{
	margin-right:0;
}
ul.tipslist
{
	margin:0;
	padding:0;
	list-style:none;
}
ul.tipslist li
{
	margin-bottom:20px;
	width:229px;
	text-align:center;
}

/* AANBODPAGINA'S
================================= */
.buurtgegevens_header
{
    background-color:#4E4F51;
    color:#fff;
    width:770px;
    font-weight:bold;
}

/* PROSPECT
==================================*/
#locatieframe
{
	height:80px;
	width:600px;
}
/* MENU'S
================================= */
.menu
{
    width:830px;
    margin:15px auto 0px auto;
    overflow:hidden;
    position:relative;
    height:24px;
    
}
ul#nav  /* Deze NIET veranderen!! */
{
	list-style:none;
	margin:0;
	padding:0;
}
body.vervolg ul#nav  /* Deze NIET veranderen!! */
{
    overflow:hidden;
    float:right;
    
}
body.vervolg #header hr
{
    width:720px;
    height:5px;
    margin:0;
    padding:0;
    border:0;
    position:absolute;
    right:0;
    top:20px;
    background-color:#B8B8BA;
    color:#B8B8BA;
}
ul#nav li
{
	float:left;
	display:block;
	padding-left:12px;
	background:url(/images/bg-menulistitem.gif) no-repeat left 0;
	line-height:20px;
	margin-right:2px;
}
ul#nav li.lastitem
{
	margin-right:-1px;
}
#contact ul#nav li.contactlink,
#contactform ul#nav li.contactformlink,
#kantoorinformatie ul#nav li.kantoorinformatielink,
#hypotheken ul#nav li.hypothekenlink,
#landelijk ul#nav li.landelijklink,
#inschrijven ul#nav li.inschrijvenlink,
#beheer ul#nav li.beheerlink,
#nieuws ul#nav li.nieuwslink,
#stichting ul#nav li.stichtinglink,
#search ul#nav li.aanbodlink,
#huur ul#nav li.aanbodlink,
#bog ul#nav li.aanbodlink,
#prospect ul#nav li.prospectlink,
#link ul#nav li.linklink
{
	background:url(/images/bg-menulistitem.gif) no-repeat left -20px;
}
ul#nav a
{
	color:#333;
	font-weight:bold;
	text-decoration:none;
	display:block;
	padding-right:12px;
	background:url(/images/bg-menulistitem-link.gif) no-repeat right 0;
}
ul#nav a:hover
{
	text-decoration:underline;
}
#contact ul#nav li.contactlink  a,
#contactform ul#nav li.contactformlink a,
#kantoorinformatie ul#nav li.kantoorinformatielink a,
#hypotheken ul#nav li.hypothekenlink a,
#landelijk ul#nav li.landelijklink a,
#inschrijven ul#nav li.inschrijvenlink a,
#beheer ul#nav li.beheerlink a,
#nieuws ul#nav li.nieuwslink a,
#stichting ul#nav li.stichtinglink a,
#search ul#nav li.aanbodlink a,
#huur ul#nav li.aanbodlink a,
#bog ul#nav li.aanbodlink a,
#prospect ul#nav li.prospectlink a,
#link ul#nav li.linklink a
{
	background:url(/images/bg-menulistitem-link.gif) no-repeat right -20px;
	color:#fff;
}

#bottommenu ul
{
	list-style:none;
	margin:0;
	padding:0;
}
#bottommenu ul li
{
	float:left;
	display:block;
	margin-right:12px;
}
#bottommenu ul li.lastitem
{
	margin-right:0;
}
#bottommenu a
{
	color:#fff;
	text-decoration:none;
	font-weight:bold;
}
#bottommenu a:hover
{
	text-decoration:underline;
}

/* STYLES DIE DOOR HET SYSTEEM WORDEN GEGENEREERD
====================================================== */
a
{
	font-size:12px;
	color:#333;
	font-family:  Arial, Verdana, sans-serif;
}
a:hover
{
	color#B8B8BA;
}
td
{
	font-size:12px;
	font-family:  Arial, Verdana, sans-serif;
	color:#333;
}
select
{
    font-size:12px;
    font-family:  Arial, Verdana, sans-serif;
}

input
{
    font-size:12px;
    font-family:  Arial, Verdana, sans-serif;
}
textarea
{
    font-size:12px;
    font-family:  Arial, Verdana, sans-serif;
}
body #fout
{
    font-size:12px;
    color: red;
}
body #informatietext
{
    color:#333;
}
body #boginfotitletekst
{
    color:#333;
}
body #titel
{
    color:#333;
}
body #highlight
{
    color:#333;
}

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:#333;
}
body #informatietext
{
    font-size:12px;
    color:#333;
}
.homebox
{
    background-color: #fff;
   }
body #huizeninformatiekleur
{
    background-color: #fff;
}

body #lijntje
{
    background-color: #fff;
}
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:#333;
}

.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
}

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

body#Openhuis
{
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	background:#FFFFE5 url(/images/pic_logo.gif) no-repeat 4px 10px;
	font-family:arial, Tahoma, sans-serif;
	color:#333;
}
.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
{
	visibility:hidden;
	display:none;
}
body#Openhuis p.OpenHuisTitle
{
	position:relative;
	height:60px;
	line-height:60px;
	font-size:22px;
	font-weight:bold;
	text-align:center;
	color:#333;
}
body#Openhuis p.OpenHuisDate
{
	font-size:16px;
	font-weight:bold;
	text-align:center;
	color:#333;
	margin-top:0;
}
body#Openhuis p.OpenHuisTime
{
	font-size:14px;
	font-weight:bold;
	text-align:center;
	color:#333;
}
.OpenHuisMainDiv table
{
	width:96%;
	border-collapse:collapse;
	margin:30px auto 0;
}
.OpenHuisMainDiv table td
{
	padding-left:6px;
}
.TableWoonplaats
{
	font-weight:bold;
	padding-top:2px;
	padding-bottom:2px;
	background:#4E4F51;
	color:#fff;
}
.TableTitle
{
	font-weight:bold;
	color:#333;
}
.TableData
{
color:#333;
}
.TableData a
{
color:#333;
}

.TableData a:hover
{
text-decoration:none;
color:#BEBAB7;
}
#footerOH
{
	position:relative;
	height:20px;
	margin-top:-20px;
	background:#4E4F51;
}