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

html, body, div, span, object, 
h1, h2, h3, h4, h5, h6, p, a, abbr, acronym, 
img,  s, small, strike, 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 			{ font-size: 100.01%; height: 100% }
body 			{ font-size: 62.5%; height: 100%;
				  color: #fff;
				  background: #fff;
				  font-family:"Trebuchet MS"
				   }

h1, h2, h3, h4, h5, h6
				{ font-weight: normal }

h1 				{ font-size: 16px; line-height: 18px; margin-bottom: 18px }
h2 				{ font-size: 15px; line-height: 18px; margin-bottom: 18px }
h3				{ font-size: 14px; line-height: 18px; margin-bottom: 18px }
h4, h5, h6		{ font-size: 12px; line-height: 18px; margin-bottom: 18px }

p, pre, code, label
				{ font-size: 12px; line-height: 18px; margin-bottom: 18px;font-family:"Trebuchet MS" }
				
ul, ol			{ margin-bottom: 18px }
ul 				{ list-style: square }
ol 				{ list-style: decimal }

li p 			{ margin-bottom: 0; color: #000 }

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

h1, h2, h3, h4, h5, h6
				{ font-family: "Trebuchet MS"}
p, pre, label, th, td, select
				{ font-family: "Trebuchet MS"} 
li p			{ font-family: "Trebuchet MS"} 				
pre       		{ font-family: "Trebuchet MS" }
code      		{ font-family: "Trebuchet MS" }
dd, dt			{ font-family: "Trebuchet MS" }
td.vragentd {
	vertical-align:top;
}
/*------------------------------------------
------------------ Links -------------------
----------------------------------------- */

a:link, a:visited, a:hover, a:active
				{ font-weight: normal; text-decoration: none; color: #00284A }
a:hover			{ text-decoration: none }
a img			{ border: 0 }

.mainCol a:link, .mainCol a:visited, .mainCol a:hover, .mainCol a:active {
	text-decoration:underline;
	}
/*------------------------------------------
------------- 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 }

.noMargin		{ margin: 0 !important }
.noPadding		{ padding: 0 }
.noIndent		{ margin-left: 0; padding-left: 0 }
.noBullet		{ list-style: none; list-style-image: none }
/*------------------------------------------
------------------ contact -----------------
----------------------------------------- */		
.contactpersooncontainer
{
    margin-top:10px;
}
.contactpersoon
{
    width:200px;
    overflow:hidden;
    text-align:center;
    margin-bottom:10px;
    float:left;
}
.first
{
   margin-top:10px;
}
.contactpersoon span
{
    display:block;
    margin-bottom:5px;
}
.contactpersoon span.name
{
    font-weight:bold;
}

img.vastgoedcert {
	position:absolute; 
	right:135px; 
	top:35px;
	}
/*------------------------------------------
---------------- Wrapper -------------------
----------------------------------------- */

#wrap 			{ width: 956px; margin: 0 auto; position: relative; min-height: 100%;
				  background: #021e2f url(/images/wrap.gif) repeat-y }
.homeWrap		{ background: #021e2f url(/images/wrap2.gif) repeat-y !important }

body {color:#021e2f;}

/*------------------------------------------
---------------- Layout --------------------
----------------------------------------- */

#header 		{ height: 120px; overflow: hidden; background: #fff }
.logo			{ float: left; margin: 16px 36px 0 0 }
.leftLogosGroup	{ margin: 26px 0 0 15px; text-align:right; }
.leftLogosGroup img
				{ margin-right: 12px }
.blueBlock h1   { color:#fff;}
#mainMenu		{ list-style: none; overflow: hidden; margin-bottom: 0; background: #fff }
#mainMenu li	{ margin-left: 0; float: left; color: #fff;
				  font: normal 18px/22px "Trebuchet MS", "Lucida Sans Unicode", Verdana, Arial, sans-serif; padding-right: 1px }
#mainMenu li #link1,
#mainMenu li #link2,
#mainMenu li #link3,
#mainMenu li #link4,
#mainMenu li #link5,
#mainMenu li #link6
				{ display: block; width: 238px; height: 26px; color: #fff; 
				  text-align: center; margin: 0 0 1px 0; background: #021e2f }

					
.halfWidth		{ width: 477px !important }	
.green			{ background: #77b800 !important }

#mainMenu li a span
				{ color: #002d56 }
				
#linkmainmenu	{width:100px;}
#content		{ padding-bottom: 224px;min-height:170px; /* If the bottom banner has more height - this should be increased */ }
.greenBg		{ background: #77B800; }

.leftCol		{ float: left; width: 239px; text-align: center }

#leftMenu		{ list-style: none; overflow: hidden; margin: 17px 0 0 34px }
#leftMenu li	{ margin: 0; float: left; clear: left; color: #fff;
				  font: normal 15px/21px "Myriad Pro", "Lucida Sans Unicode", Verdana, Arial, sans-serif; padding-right: 1px }
#leftMenu li a:link,
#leftMenu li a:visited,
#leftMenu li a:hover,
#leftMenu li a:active
				{ display: block; width: 190px; color: #fff; padding-left: 8px;
				  text-align: left; background: url(/images/bullet2.gif) 0 8px no-repeat }

.bigPhotoCol	{ height: 400px; margin-left: 239px; color: #021e2f; border-left: #bcc4cc 1px solid;
				  position: relative }
.bigPhotoCol h1	{ font: normal 4.5em/1.2em "Myriad Pro", sans-serif; letter-spacing: -2px;
				  position: absolute; top: 167px; left: 255px; }
.bigPhotoCol h2	{ font: bold italic 3em/1.2em "Myriad Pro, sans-serif"; letter-spacing: -1px;
				  position: absolute; top: 178px; left: 20px; }

.mainCol		{ margin: 0 7px 0 0; color: #021e2f; border-left: #bcc4cc 1px solid;
				  background: #fff; position: relative; padding: 18px;overflow:hidden; font-size:12px; font-family:Trebuchet MS; }
				  
.blueBlock		{ background: #021e2f; padding: 16px 0 34px 0;
				  border-bottom: #c6c8d4 1px solid }

.leftForm		{ padding: 15px 0 0 0 }
.leftForm h1	{ text-align: left; margin: 0 35px 18px 35px }
.leftForm h2	{ text-align: left; margin: 0 35px 6px 35px }

.snelzoeken     { margin:-10px auto 0 auto;}
.snelzoeken select { width:141px;}

#highlight      {display:none;visibility:hidden;}
#huizendiv      {width:240px; }
#huizendiv img  {border: 1px solid  #fff;}
.snelzoeken a,
.snelzoeken a:hover
				{ color: #fff; padding-right: 10px; background: url(/images/bullet.gif) right no-repeat }
				
.bottomCol		{ z-index:100; position:relative; border-right:7px solid; background: #77b800; overflow: hidden; width: 949px;margin:-224px auto 0 auto; border-bottom: #527447 1px solid; border-top: #709d43 1px solid; }
.quarterBlock	{ width: 219px; float: left; padding: 10px }
.quarterBlock2	{ width: 212px; float: left; padding: 10px }
.bigPadding		{ width: 179px; padding: 20px 30px 0 30px }
.bottomCol a:link,
.bottomCol a:visited,
.bottomCol a:hover,
.bottomCol a:active
				{ color: #fff; padding-right: 10px; background: url(/images/bullet.gif) right no-repeat }
.bottomCol a.nostyle {background:none;}
.bottomCol p	{ font: normal 14px/18px "Trebuchet MS", sans-serif; margin-bottom: 14px }

.banner			
    { 
        width: 949px;  
        overflow:hidden;
        text-align: center; 
        background: #021e2f; 
        padding: 18px 0 
    }

.bannerimage {
	position:relative;
	width:468px;
	height:60px;
	margin:0 auto;
	background:#E0E3F4 url(/images/bg-banner.gif) no-repeat;
	text-align:left;
}
.scroll {
	position:relative;
	width:280px;
	font-size:24px;
	color:#021E2F;
	font-weight:bold;
	top:14px;
	left:12px;
}
.bannerimage img {
	position:absolute;
	left:0;
	top:0;
}
/* STYLES DIE DOOR HET SYSTEEM WORDEN GEGENEREERD
====================================================== */
a
{
	font-size:12px;
   	color:#041A31;
    	font-family: "Trebuchet MS";
}
a:hover
{
     font-family: "Trebuchet MS";
	 color: #C1E392;
}
td
{
	font-size:12px;
    font-family: "Trebuchet MS";
}
select
{
    font-size:12px;
   font-family: "Trebuchet MS";
}
input
{
    font-size:12px;
   font-family: "Trebuchet MS";
}
textarea
{
    font-size:12px;
   font-family: "Trebuchet MS";
}
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:#77B800;
    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:left;
}
.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: #021A32;
}
body#Openhuis p.OpenHuisDate
{
	font-size:18px;
	font-weight:bold;
	text-align:center;
	color:#021A32;
	margin-top:12px;
}
body#Openhuis p.OpenHuisTime
{
	font-size:16px;
	font-weight:bold;
	text-align:center;
	color:#021A32;
}
.OpenHuisMainDiv table
{
	width:96%;
	margin:0 auto;
	border-bottom:1px solid #ABDA6A;
}
.OpenHuisMainDiv table td
{
	padding-left:6px;
}
.TableWoonplaats
{
	font-weight:bold;
	padding-top:2px;
	padding-bottom:2px;
	background:#ABDA6A;
	color:#fff;
}
.TableTitle
{
	font-weight:bold;
	color: #021A32;
}
.TableData
{
color: black;
}
.TableData a
{
color: #021A32;
}

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

/* END OPEN HUIS
===================================================================================================================*/
span.punten {
	visibility:hidden;
	display:none;
	}