html, body {
	height:100%;
	}
body {
	background:#004278;
	color:#fff;
	margin:0;
	padding:0;
	font:normal 12px/1.5 Helvetica, Arial, "Helvetica Neue", sans-serif;
	}
body.home, body.popup {
	background:#fff;
	color:#000;
	}
a img {
	border:none;
	}
a {
	color:#000;
	}
a:hover {
	color:#EEA201;
	}
	
/************************************/
/*				Homepage									*/
/************************************/
body.home #homewrap {
	position:absolute;
	width:770px;
	height:446px;
	left:50%;
	top:50%;
	margin-left:-385px;
	margin-top:-223px;
	background:#fff url(/images/bg-home.gif) no-repeat;
	}
body.home h1 {
	position:relative;
	width:300px;
	height:114px;
	left:98px;
	top:240px;
	}
body.home #homeMenu {
	position:relative;
	width:167px;
	left:448px;
	top:120px;
	}
body.home #homeMenu h2 {
	width:167px;
	margin:0;
	padding:0;
	text-align:center;
	color:#044d84;
	font-size:13px;
	font-weight:normal;
	text-transform:uppercase;
	line-height:1;
	}
body.home #homeMenu ul {
	list-style:none;
	margin:0;
	padding:0;
	}
body.home #homeMenu ul li {
	margin:10px 0 0;
	}
body.home #homeMenu ul a:link,
body.home #homeMenu ul a:visited {
	display:block;
	width:167px;
	height:30px;
	margin:0;
	text-align:center;
	background:url(/images/button-home.png) no-repeat;
	text-decoration:none;
	color:#fff;
	font-size:13px;
	line-height:30px;
	text-transform:uppercase;
	font-weight:bold;
	}
body.home #homeMenu ul a:hover,
body.home #homeMenu ul a:active,
body.home #homeMenu ul a:focus {
	color:#044d84;
	}	
/************************************/
/*				Vervolgpagina's						*/
/************************************/
#nonfooter {
	position:relative;
	width:1000px;
	min-height:100%;
	margin:0 auto;
	background:#fff;
	color:#000;
	overflow:hidden;
	}
#sidebar {
	position:relative;
	float:left;
	width:173px;
	padding:32px 0 163px 27px;
	}
#sidebar p.naw {
	color:#044d84;
	}
#sidebar p.naw a {
	color:#044d84;
	text-decoration:none;
	}
#sidebar p.naw a:hover {
	color:#EEA201;
	}
#sidebar #form3 label {
	font-size:11px;
	font-weight:bold;
	display:block;
	color:#044d84;
	}
#sidebar #form3 select {
	font-size:11px;
	}
#sidebar ul {
	list-style:none;
	margin:0;
	padding:0;
	}
#sidebar img {
	margin-top:20px;
	}
#sidebar img.logo {
	margin-top:0;
	}
#contentwrap {
	position:relative;
	float:left;
	width:785px;
	padding:0 15px 163px 0;
	}
#content {
	margin:44px 0 12px;
	padding-right:20px;
	clear:left;
	}
#contentmenuknoppen h1,
#content h2 {
	font-size:12px;
	font-weight:bold;
	margin:0;
	padding:0;
	}
#contentmenuknoppen h1 {
	font-size:14px;
	color:#044D84;
	margin:12px 12px 0 0;
	float:left;
	}
#knoppen {
	position:relative;
	margin:0 0 0 12px;
	top:12px;
	}
#content p {
	margin:0 0 12px;
	}
#footer {
	position:relative;
	width:1000px;
	height:163px;
	margin:-163px auto 0;
	color:#000;
	background:#fff url(/images/bg-footer-normaal.jpg) no-repeat;
	}
body.makelaardij #footer {
	background:#fff url(/images/bg-footer.jpg) no-repeat;
	}
#footer img {
	position:relative;
	display:block;
	left:27px;
	top:12px;
	}
/************************************/
/*				Contactgegevens						*/
/************************************/	
#contactgegevens #content table {
	float:left;
	}
#contactgegevens #content table.first {
	width:190px;
	margin:0 26px 18px 0;
	}
#contactgegevens #content table.second {
	width:548px;
	}
#contactgegevens #content h2 {
	clear:left;
	font-size:13px;
	color:#044D84;
	margin:12px 0;
	}
#contactgegevens #contactpersonen  div {
	float:left;
	width:362px;
	margin-bottom:12px;
	margin-right:12px;
	}
#contactgegevens #contactpersonen  div.odd {
	margin-right:0;
	}
#contactgegevens #contactpersonen  img {
	display:block;
	border:solid 1px #044D84;
	}
#contactgegevens #contactpersonen .left  img {
	float:left;
	margin-right:8px;
	}
#contactgegevens #contactpersonen .right  img {
	float:left;
	margin-right:8px;
	}
/************************************/
/*				Downloads									*/
/************************************/
#verzekeringendownloads #content div {
	float:left;
	width:250px;
	}
/************************************/
/*			Search detail								*/
/************************************/
a.hypotheekfunctie {
	position:absolute;
	display:block;
	width:143px;
	height:18px;
	line-height:18px;
	font-size:11px;
	color:#fff;
	font-weight:bold;
	text-decoration:none;
	text-align:center;
	background:#EEA201;
	z-index:10;
	right:35px;
	top:245px;
	}
#recreatie a.hypotheekfunctie {
	z-index:0;
	}
 a.hypotheekfunctie:hover
{
	color:#fff;
	background:#044D84 !important;
}

/************************************/
/*				Hypotheekberekening				*/
/************************************/
#verzekeringendownloads #content div {
	float:left;
	width:250px;
	}
#formGen fieldset {
	border:none;
	padding-bottom:0;
	}
#formGen div {
	clear:left;
	margin-bottom:3px;
	}
#formGen div.radiodiv {
	padding-left:100px;
	}
#formGen label {
	float:left;
	display:block;
	width:124px;
	}
#formGen .radiodiv label {
	width:auto;
	margin-right:12px;
	}
#formGen .radiodiv input {
	width:auto;
	float:left;
	}
#formGen p.required {
	margin:0 0 0 133px;
	font-size:11px;
	font-style:italic;
	}
#formGen p.button {
	margin:8px 0 0 133px;
	}
/************************************/
/*				Prospect									*/
/************************************/
iframe#locatieframe {
	height:74px;
	}
body#hypothekenberekenen form#form {
	margin-top:24px;
	overflow:hidden;
	}
body#hypothekenberekenen form#form div {
	overflow:hidden;
	clear:left;
	margin-bottom:3px;
	}
body#hypothekenberekenen form#form div label,
body#hypothekenberekenen form#form div span {
	display:block;
	float:left;
	width:140px;
	margin-right:8px;
	}
body#hypothekenberekenen form#form div label[for="rente"] {
	margin-right:18px;
	}
body#hypothekenberekenen form#form img {
	margin-left:157px;
	}
body#hypothekenberekenen form#form img[name="bereken"] {
	margin-bottom:8px;
	}
body#hypothekenberekenen form#form p {
	font-size:11px;
	font-style:italic;
	}
/************************************/
/*				Navigatie									*/
/************************************/
ul#nav {
	list-style:none;
	margin:32px 0 0;
	padding:0;
	overflow:hidden;
	}
ul#nav li {
	float:left;
	width:167px;
	height:35px;
	margin-right:8px;
	}
ul#nav li a:link,
ul#nav li a:visited {
	display:block;
	width:167px;
	height:35px;
	background:url(/images/bg-menubuts.gif) no-repeat right top;
	color:#fff;
	text-decoration:none;
	font-size:13px;
	text-transform:uppercase;
	text-align:center;
	font-weight:bold;
	line-height:30px;
	}
ul#nav li a:hover,
ul#nav li a:active,
ul#nav li a:focus {
	color:#044d84;
	}
body.makelaardij ul#nav li a.makelaardijlink:link,
body.makelaardij ul#nav li a.makelaardijlink:visited,
body.makelaardij ul#nav li a.makelaardijlink:hover,
body.makelaardij ul#nav li a.makelaardijlink:active,
body.makelaardij ul#nav li a.makelaardijlink:focus,
body.verzekeringen ul#nav li a.verzekeringenlink:link,
body.verzekeringen ul#nav li a.verzekeringenlink:visited,
body.verzekeringen ul#nav li a.verzekeringenlink:hover,
body.verzekeringen ul#nav li a.verzekeringenlink:active,
body.verzekeringen ul#nav li a.verzekeringenlink:focus,
body.bogadvies ul#nav li a.boglink:link,
body.bogadvies ul#nav li a.boglink:visited,
body.bogadvies ul#nav li a.boglink:hover,
body.bogadvies ul#nav li a.boglink:active,
body.bogadvies ul#nav li a.boglink:focus, 
body.geldzaken ul#nav li a.geldzakenlink:link,
body.geldzaken ul#nav li a.geldzakenlink:visited,
body.geldzaken ul#nav li a.geldzakenlink:hover,
body.geldzaken ul#nav li a.geldzakenlink:active,
body.geldzaken ul#nav li a.geldzakenlink:focus,
body.regiobank ul#nav li a.regiobanklink:link,
body.regiobank ul#nav li a.regiobanklink:visited,
body.regiobank ul#nav li a.regiobanklink:hover,
body.regiobank ul#nav li a.regiobanklink:active,
body.regiobank ul#nav li a.regiobanklink:focus 
 {
	background:url(/images/bg-menubuts.gif) no-repeat left top;
	color:#044d84;
	}
	
ul#subnav,
#bgAlgemeen {
	list-style:none;
	height:31px;
	background:#EEA201;
	margin:0;
	padding:0;
	}
ul#subnav li {
	float:left;
	margin:0;
	}
ul#subnav li a {
	display:block;
	padding:0 8px;
	font-size:12px;
	font-weight:bold;
	color:#fff;
	text-decoration:none;
	line-height:30px;
	}
ul#subnav li a:hover,
body#makelaardijHome ul#subnav li a.makelaardijpage,
body#search ul#subnav li a.searchpage,
body#recreatie ul#subnav li a.recreatiepage,
body#project ul#subnav li a.projectpage,
body#huur ul#subnav li a.huurpage,
body#bog ul#subnav li a.bogpage,
body#kopenVerkopen ul#subnav li a.kopenverkopenpage,
body#taxaties ul#subnav li a.taxatiespage,
body#contactform ul#subnav li a.zoekservicepage,
body#verzekeringenHome ul#subnav li a.verzekeringenpage,
body#verzekeringenparticulieren ul#subnav li a.verzekeringenparticulierenpage,
body#verzekeringenbedrijven ul#subnav li a.verzekeringenbedrijvenpage,
body#verzekeringenberekenen ul#subnav li a.verzekeringenberekenenpage,
body#verzekeringendownloads ul#subnav li a.verzekeringendownloadspage,
body#geldzakenHome ul#subnav li a.geldzakenpage,
body#geldzakensnsregiobank ul#subnav li a.geldzakensnsregiobankpage,
body#geldzakenhypotheek ul#subnav li a.geldzakenhypotheekpage,
body#prospect ul#subnav li a.prospectpage,
body#hypothekenberekenen ul#subnav li a.berekenhypotheekpage,
body#hypotheek ul#subnav li a.hypotheekspage,
body#taxaties ul#subnav li a.taxatiespage,
body#partners ul#subnav li a.partnerpage,
body#regiobank ul#subnav li a.regiobankalgemeen,
body#BOGHome ul#subnav li a.bog,
body#BOGAdv ul#subnav li a.bogadvies,
body#bedrijfstaxatie ul#subnav li a.bedrijfstaxatielink
{
	color:#044d84;
	}
	
ul#contactmenu {
	position:absolute;
	top:48px;
	right:15px;
	list-style:none;
	margin:0;
	padding:0;
	}
ul#contactmenu li {
	float:left;
	}
ul#contactmenu li a {
	display:block;
	padding:0 5px;
	line-height:1.5;
	text-decoration:none;
	color:#004c80;
	}
ul#contactmenu li a:hover {
	color:#EEA201;
	}	
	
	

/* PADDING IN DE POPUPS IN HET ZOEKSCHERM
====================================================== */
.popup
{
	padding: 10px;
}
/* STYLES DIE DOOR HET SYSTEEM WORDEN GEGENEREERD
====================================================== */

td
{
	font-size:12px;
	font-family:Helvetica, Arial, "Helvetica Neue", sans-serif;
}
select
{
    font-size:12px;
    font-family:Helvetica, Arial, "Helvetica Neue", sans-serif;
}
input
{
    font-size:12px;
    font-family:Helvetica, Arial, "Helvetica Neue", sans-serif;
}
textarea
{
    font-size:12px;
    font-family:Helvetica, Arial, "Helvetica Neue", sans-serif;
}
body #fout
{
    font-size:12px;
    color: red
}
body #informatietext
{
    color: #000;
}
body #boginfotitletekst
{
    color: #000;
}
body #titel
{
    color: #000;
}
body #highlight
{
    color: #000;
}
body #nieuwsdatum
{
    color: #000;
}
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: #000;
}
body #informatietext
{
    font-size:12px;
    color: #000;
}
.homebox
{
    background-color: #fff;
}
body #huizeninformatiekleur
{
    background-color: #000;
}
body #lijntje
{
    background-color: #888;
}
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: #EEA201;
    width:727px;
    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;
}
.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:60px;
	line-height:60px;
	font-size:22px;
	font-weight:bold;
	text-align:center;
	color: #fff;
	background: #01678d url(/images/housenet.gif) no-repeat 12px 10px; /*hier kun je een een logo van de betreffende makelaar zetten*/
}
body#Openhuis p.OpenHuisDate
{
	font-size:18px;
	font-weight:bold;
	text-align:center;
	color:#01678d;
	margin-top:12px;
}
body#Openhuis p.OpenHuisTime
{
	font-size:16px;
	font-weight:bold;
	text-align:center;
	color:#607998;
}
.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:#01678d;
	color:#fff;
}
.TableTitle
{
	font-weight:bold;
	color: #01678d;
}
.TableData
{
color: black;
}
.TableData a
{
color: #01678d;
}

.TableData a:hover
{
color: #f0731f;
}
#footerOH
{
	position:relative;
	height:20px;
	margin-top:-20px;
	background: #01678d url(/images/footer_openhuis.gif) repeat-x 0px;
}

/* END OPEN HUIS
==================================================================================================================*/
.MijnTekstImgLeftTop
{
	margin:5px 15px 15px 0;
}
.MijnTekstImgRightTop
{
	margin:5px 0px 15px 15px;
}
.MijnTekstImgLeftBottom
{
	margin:15px 15px 0px 0px
}
.MijnTekstImgRightBottom
{
	margin:15px 0px 0px 15px;
}

/* FANCY INLOG */
#loginPopup {
	margin:0;
	padding:0;
	color:#000;
	background:#fff;
	}
#sign_in fieldset {
	float:left;
	border:1px solid #000;
	padding:0px 10px 10px 10px;
	margin-left:4px;
	}
#sign_in legend {
	font-size:13px;
	font-weight:bold;
	color:#000;
}	

#sign_in input#mailadres, 
#sign_in input#wachtwoord{
	width:238px;
	margin-bottom:15px;
}
#sign_in input#mailadres {
	background:#ffffff url(/images/user.png) 5px 2px no-repeat;
	padding-left:40px;
	}
#sign_in input#wachtwoord {
	background:#ffffff url(/images/password.png) 10px 2px no-repeat;
	padding-left:40px;
	}

#sign_in input.text {
	color:#333333;
	font-size:1em;
	font-weight:bold;
	height:15px;
	padding:5px 6px;
}

#sign_in label {
	color:#000;
	display:block;
	float:left;
	font-weight:bold;
	padding:6px 10px 0 0;
	text-align:right;
	width:77px;
}

#sign_in div.knoppen {
	text-align:right;
	float:left;
	width:375px;
}

#sign_in div.knoppen .knop {
	margin-left:5px;
}

.MijnTekstImgLeftTop
{
	margin:5px 15px 15px 0;
}
.MijnTekstImgRightTop
{
	margin:5pxpx 0px 15px 15px;
}
.MijnTekstImgLeftBottom
{
	margin:15px 15px 0px 0px
}
.MijnTekstImgRightBottom
{
	margin:15px 0px 0px 15px;
}

.facebook
{
	display:block;
	float:right;
	clear:right;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px; 	
	background:#3B5997;
	width:250px;
	height:48px;
}