﻿html, body {
	height:100%;
	}
body {
	margin:0;
	padding:0;
	background:#fff;
	color:#474747;
	font:normal 12px/1.5 Helvetica, Arial, sans-serif;
	}
ul, ol {
	margin:0 0 18px 16px;
	padding:0;
	}
img {
	border:none;
	}
a {
	color:#474747;
	}
a:hover {
	color:#E7BA1F;
	}	
/******************************************************/
/*									HOMEPAGE		  */
/******************************************************/
body.home #wrap {
	position:relative;
	width:920px;
	margin:0 auto;
	top:10px;	
	}
body.home #makelaarscontent {
	position:relative;
	width:870px;
	margin:0 auto 12px;
	}
body.home #financiencontent {
	position:relative;
	width:580px;
	margin:0 auto 12px;
	}
body.home #naw {
	position:relative;
	width:920px;
	margin:12px auto 0;
	background:#f4f2f3;
	color:#bebebe;
	font-weight:bold;
	}
body.home #naw p {
	margin-left:112px;
	}
body.home #naw p.last {
	margin-right:112px;
	margin-left:0;
	}
body.home div div {
	overflow:hidden;
	}

body.home div div div {
	width:258px;
	height:272px;
	margin-right:48px;
	text-indent:-99999px;
	}
body.home div div div.last {
	margin-right:0;
	}
body.home div div div,
body.home p {
	float:left;
	}
body.home p.last {
	float:right;
	}
body.home div div div a {
	display:block;
	width:258px;
	height:272px;
	text-decoration:none;
	}
body.home div div div#meliormakelaar a {
	background:url(/images/bg-meliormakelaar.gif) no-repeat left top;
	margin-top:158px;
	}
body.home div div div#meliormakelaar a:hover {
	background:url(/images/bg-meliormakelaar.gif) no-repeat right top;
	}
body.home div div div#meliorbedrijfsmakelaar a {
	background:url(/images/bg-meliorbedrijfsmakelaar.gif) no-repeat left top;
	margin-top:158px;
	}
body.home div div div#meliorbedrijfsmakelaar a:hover {
	background:url(/images/bg-meliorbedrijfsmakelaar.gif) no-repeat right top;
	}
body.home div div div#meliornieuwbouw a {
	background:url(/images/bg-meliornieuwbouw.gif) no-repeat left top;
	margin-top:158px;
	}
body.home div div div#meliornieuwbouw a:hover {
	background:url(/images/bg-meliornieuwbouw.gif) no-repeat right top;
	}
body.home div div div#meliorhypotheek a {
	background:url(/images/bg-meliorhypotheek.gif) no-repeat left top;
	margin-top:80px;
	}
body.home div div div#meliorhypotheek a:hover {
	background:url(/images/bg-meliorhypotheek.gif) no-repeat right top;
	}
body.home div div div#meliorverzekering a {
	background:url(/images/bg-meliorverzekering.gif) no-repeat left top;
	margin-top:80px;
	}
body.home div div div#meliorverzekering a:hover {
	background:url(/images/bg-meliorverzekering.gif) no-repeat right top;
	}
	
/******************************************************/
/*									VERVOLGPAGINA'S										*/
/******************************************************/
body.vervolg #wrap {
	position:relative;
	width:946px;
	min-height:100%;
	margin:0 auto;
	overflow:hidden;
	}
body.makelaar #header,
body.bedrijfsmakelaar #header,
body.nieuwbouwexpo #header{
	position:relative;
	height:123px;
	background:#fff url(/images/bg-header-makelaar.gif) left top repeat-x;
	}
body.hypotheek #header,
body.verzekering #header {
	position:relative;
	height:123px;
	background:#fff url(/images/bg-header-hypotheek.gif) left top repeat-x;
	}
#header a.logo {
	display:block;
	position:relative;
	float:left;
	top:18px;
	text-indent:-99999px;
	}
body.makelaar #header a.logo {
	width:174px;
	height:59px;
	background:url(/images/logo-makelaar.gif) left top no-repeat;
	}
body.bedrijfsmakelaar #header a.logo {
	width:252px;
	height:59px;
	background:url(/images/logo-bedrijfsmakelaar.gif) left top no-repeat;
	}
body.nieuwbouwexpo #header a.logo {
	width:195px;
	height:59px;
	background:url(/images/logo-nieuwbouwexpo.gif) left top no-repeat;
	}
body.hypotheek #header a.logo {
	width:203px;
	height:59px;
	background:url(/images/logo-meliorhypotheek.gif) left top no-repeat;
	}
body.verzekering #header a.logo {
	width:214px;
	height:59px;
	background:url(/images/logo-meliorverzekering.gif) left top no-repeat;
	}
body.makelaar #zoekscherm {
	position:relative;
	height:97px;
	background:url(/images/bg-zoekscherm-makelaar.gif) left top repeat-x;
	}
body.vervolg #contentwrap {
	float:left;
	width:769px;
	padding-bottom:70px;
	}
body.vervolg #contentwrap #contentmenu,
body.vervolg #contentwrap #content {
	padding:0 20px;
	}
body.vervolg #contentmenuknoppen {
	float:left;
	margin-top:11px;
	}
body.vervolg #contentwrap #content {
	clear:left;
	}
body.vervolg #contentwrap h1,
body.vervolg #contentwrap #specials h2,
body.vervolg #contentwrap #tekst h2 {
	font-size:14px;
	}
	body.vervolg #contentwrap h1 {
	float:left;
	margin-right:12px;
	margin-top:12px;
	}
body.vervolg #sidebar {
	float:left;
	width:177px;
	padding:12px 0 70px;
	}
body.vervolg #sidebar img {
	display:block;
	margin-bottom:8px;
	}
body.vervolg #footer {
	position:relative;
	width:946px;
	height:50px;
	margin:-50px auto 0;
	background:#fff url(/images/bg-footer.gif) left top repeat-x;
	}
body.vervolg #footer p {
	position:relative;
	float:left;
	margin-left:21px;
	color:#bebebe;
	font-weight:bold;
	margin-bottom:0;
	}
body.vervolg #footer p.logoos {
	margin:0;
	}
body.vervolg #footer p.logoos img {
	margin-top:0;
	margin-left:42px;
	}
body.vervolg #footer p.logoos img[alt="SCVM"] {
	top:4px;
	position:relative;
	}		
/******************************************************/
/*									NAVIGATIE													*/
/******************************************************/
ul#subnav {
	position:relative;
	float:right;
	right:-12px;
	top:46px;
	}
ul#subnav li {
	position:relative;
	float:left;
	line-height:1.2;
	list-style:none;
	}
#header ul#subnav a {
	background:none;
	color:#aeaeae;
	display:block;
	padding:0 12px;
	font-weight:normal;
	font-size:13px;
	text-decoration:none;
	text-transform:lowercase;
	}
#header ul#subnav a:hover {
	color:#E7BA1F;
	}
	
#secondopinion #header ul#subnav a:hover,
.verzekering #header ul#subnav a:hover,
.hypotheek #header ul#subnav a:hover
{
	color:#3FBBD3;
	}
	
ul#nav {
	position:relative;
	list-style:none;
	float:left;
	clear:both;
	width:874px;
	height:33px;
	margin:0 0 0 11px;
	padding-right:40px;
	top:25px;
	line-height:31px;
	}
body.makelaar ul#nav,
body.bedrijfsmakelaar ul#nav,
body.nieuwbouwexpo ul#nav {
	background:url(/images/bg-menu-makelaar.gif) right top no-repeat;
	}
body.hypotheek ul#nav,
body.verzekering ul#nav {
	background:url(/images/bg-menu-hypotheek.gif) right top no-repeat;
	}
ul#nav li {
	float:left;
	}
ul#nav li a {
	font-family:tahoma;
	display:block;
	color:#fff;
	text-decoration:none;
	padding:0 12px;
	font-weight:normal;
	font-size:16px;
	text-transform:lowercase;
	}
ul#nav li a:hover {
	color:#501F27;
	}
	
	
.koopaanbod ul#nav li.koopaanbod a,
.huuraanbod ul#nav li.huuraanbod a,
.project ul#nav li.nieuwbouw a,
.makelaarverkoop ul#nav li.verkoop a,
.makelaaraankoop ul#nav li.aankoop a,
.makelaartaxatie ul#nav li.taxatie a,
.makelaargarantieplan ul#nav li.garantieplan a,
.zoekopdracht ul#nav li.zoekopdracht a,
.bedrijfbog ul#nav li.aanbod a,
.bedrijfnieuwbouw ul#nav li.nieuwbouw a,
.bedrijfverkoop ul#nav li.verkoop a,
.bedrijfaankoop ul#nav li.aankoop a,
.bedrijftaxatie ul#nav li.taxatie a,
#nieuwbouwexpoaanbod ul#nav li.aanbod a,
#nieuwbouwexpoverkoop ul#nav li.verkoop a,
#nieuwbouwexpogarantieplan ul#nav li.garantieplan a,
#nieuwbouwexponieuwbouw ul#nav li.nieuwbouw a,
#service ul#nav li.uursservice a,
#belastingaangifte ul#nav li.belastingaangifte a,
#aankoopbegeleiding ul#nav li.gratisaankoopbegeleiding a,
#secondopinion ul#nav li.secondopinion a,
#hypotheeklinks ul#nav li.nuttigelinks a,
#meliorverzekering ul#nav li.verzekering a,
#meliorparticulier ul#nav li.particulier a,
#meliorhuisbezoek ul#nav li.ouderwetshuisbezoek a,
#meliorsecondopinion ul#nav li.secondopinion a,
#meliorgeeninternetverzerkering ul#nav li.geeninternetverzekering a,
#meliorverzekeringbedrijven ul#nav li.bedrijven a

{
	background:#FFFFFF;
	color:#000000;
	border-bottom:8px solid white;
}
/**,****************************************************/
/*									SPECIALS			*/
/******************************************************/	
#specials {
	width:440px;
	float:left;
	}
#tekst {
	float:left;
	height:100px;
	width:289px;
	}
.special_container {
	float:left;
	margin:0 30px 12px 0;
	}
.special_link {
	display:block;
	text-align:center;
	text-decoration:none;
	line-height:1;
	margin-bottom:4px;
	color:#474747;
	}
.special_container span {
	display:block;
}
.special_container  .prijstext, .special_container  .woningtypetext {
	visibility:hidden;
	display:none;
	}
/******************************************************/
/*									ZOEKSCHERMPJES										*/
/******************************************************/
#zoekscherm form {
	left:10px;
	top:30px;
	position:relative;
	}
#zoekscherm fieldset {
	border:none;
	}
#zoekscherm ul {
	list-style:none;
	margin:0;
	padding:0;
	}
#zoekscherm ul li {
	float:left;
	margin:0 12px 0 0;
	padding:0;
	}
#zoekscherm ul li label {
	display:block;
	font-size:11px;
	color:#474747;
	}
#zoekscherm ul li select {
	width:140px;
	}
#zoekscherm ul li.zoekbutton input {
	margin-top:17px;
	}

/* PADDING IN DE POPUPS IN HET ZOEKSCHERM
====================================================== */
.popup
{
	padding: 10px;
}

#sign_in {
	position:relative;
	top:11px;
	}
/* STYLES DIE DOOR HET SYSTEEM WORDEN GEGENEREERD
====================================================== */

td
{
	font-size:12px;
	font-family:  Helvetica, Arial, sans-serif;
}
select
{
    font-size:12px;
    font-family:  Helvetica, Arial, sans-serif;
}
input
{
    font-size:12px;
    font-family: Helvetica, Arial, sans-serif;
}
textarea
{
    font-size:12px;
    font-family: Helvetica, Arial, sans-serif;
}
body #fout
{
    font-size:12px;
    color: red
}
body #informatietext
{
    color: #474747;
}
body #boginfotitletekst
{
    color: #474747;
}
body #titel
{
    color: #474747;
}
body #highlight
{
    color: #474747;
}
body #nieuwsdatum
{
    color: #474747;
}
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: #474747;
}
body #informatietext
{
    font-size:12px;
    color: #474747;
}
.homebox
{
    background-color: #fff;
}
body #huizeninformatiekleur
{
    background-color: #474747;
}
body #lijntje
{
    background-color: #474747;
}
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: #474747;
}
.buurtgegevens_header
{
    background-color: #E7BA1F;
    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 */

#sign_in fieldset {
	float:left;
	border:1px solid;
	padding:0px 10px 10px 10px;
	margin-left:4px;
	}
#sign_in legend {
	font-size:13px;

}	

#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:#666666;
	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;
}


a.banner {
	border:1px solid #E5E5E4;
	display:block;
	height:94px;
	margin-bottom:10px;
	overflow:hidden;
}
