/*------------------------------------------
---------------- 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%; width:100%; color: #000; font-family: Arial, tahoma, Helvetica sans-serif;font-size:12px; }
.vervolg		{ background: #fff url(/images/fonHome.jpg) repeat-x !important}
#home			{ background: #fff url(/images/fonHome.jpg) repeat-x !important}
h1, h2, h3, h4, h5, h6
 				{ font-weight: normal }
h1 				{ font-size: 14px; margin-bottom: 12px } 
h2 				{ font-size: 13px; margin-bottom: 12px }
h3				{ font-size: 12px; margin-bottom: 12px }
h4, h5, h6		{ font-size: 12px; margin-bottom: 12px }

p, pre, code, label, th, td, dd, dt, select
				{ font-size: 12px; margin-bottom: 12px; }
ul, ol			{ margin-bottom: 12px }
ul 				{ list-style: disc; }
ol 				{ list-style: decimal }
li	 			{ margin-left: 16px; color: #000; }
li p 			{ color: #000; }

select {
	margin-bottom:0;
	}

h2				{ font-weight:bold; color:#005288; text-transform:uppercase;}
h3				{ font-weight:bold; color:#005288; text-transform:uppercase;}

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

h1, h2, h3, h4, h5, h6
 				{ font-family: Arial, tahoma, Helvetica sans-serif; }
p, pre, label, th, td, li
				{ font-family: Arial, tahoma, Helvetica sans-serif; } 			
				
/*------------------------------------------
------------------ Links -------------------
----------------------------------------- */

a:link, a:visited
				{ font-weight: normal; text-decoration: underline; color: #000; }
a:hover, a:active			{ color:#B20838; }

a img			{ border: 0 }

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

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

.textLeft		{ text-align: left }
.textRight		{ text-align: right; padding-top: 0 !important }
.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 !important}
.noIndent		{ margin-left: 0; padding-left: 0 }
.noBullet		{ list-style: none; list-style-image: none }
.noBackground	{ background: none !important}

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

#wrap	{
	min-height: 100%;
	width: 1000px;
	overflow: visible;
	margin: 0 auto;  
	position: relative
	}
#home #innerwrap {
	position:relative;
	padding-bottom:40px;
	overflow:hidden;
	}
	
/*---------------------------------------*/
#logo				{ height: 95px}
#logo img			{ padding: 25px 0 0 35px}
#logoHome			{ height: 231px; background: url(/images/fon.jpg) top right no-repeat}
#logoHome img		{ padding: 85px 0 0 35px}

#header				{ overflow:hidden; height: 167px; background: url(/images/header.gif) no-repeat}
#headerHome			{ overflow:hidden; height: 218px}


#topMenu			{ text-align: center; width:688px; margin:0 auto;}
#topMenu li			{ float:left; height: 156px; width: 172px; list-style: none; margin: 0 }

.vervolg .woningen			{ background:url(/images/menuButton1.jpg) no-repeat}
.nieuwbouw			{ background:url(/images/menuButton2.jpg) no-repeat}
.bog				{ background:url(/images/menuButton4.jpg) no-repeat}
.buitenland			{ background:url(/images/menuButton3.jpg) no-repeat}
a.fon				{ position:relative; display:block; width: 156px; height:32px; text-transform:uppercase;
						font: bold 13px/2.0 Arial, tahoma, Helvetica sans-serif !important; top:13px; left:8px;padding-top:101px;color:#fff;text-decoration:none;}

						
a.fon:hover,
#search li.woningen a,
#bog li.woningen a,
#verkoop li.nieuwbouw a,
#verkoopbog li.nieuwbouw a,
#verkoopbasic li.nieuwbouw a,
#verkoopfull li.nieuwbouw a,
#aankoop li.bog a,
#aankoopbog li.bog a,
#taxaties li.buitenland a {
	background:url(/images/menuFon.jpg) no-repeat left bottom;
	color:#fff;
	}
	
#topMenuHome		{ text-align: center; margin: 12px auto;width:960px;}
#topMenuHome li		{ float:left; height: 210px; width: 240px; list-style: none; margin: 0; position:relative; }

#home .woningen			{ background:url(/images/menuHome1.png) no-repeat}
#home .nieuwbouw			{ background:url(/images/menuHome2.png) no-repeat}
#home .bog				{ background:url(/images/menuHome3.png) no-repeat}
#home .buitenland		{ background:url(/images/menuHome4.png) no-repeat}

a.fonh	{
	display:block;
	position:relative;
	width:204px;
	height:32px;
	left:16px;
	top:30px;
	padding-top:128px;
	font: bold 14px/21px Arial, tahoma, Helvetica sans-serif !important;
	text-align:bottom;
	color:#fff;
	text-decoration:none;
	text-transform:uppercase;
	}
a.fonh:hover {
	background: url(/images/bg-fonh.jpg) no-repeat 1px 123px;
	color:#fff;
	}
.active a			{  background: none !important}


#buttons			{ background: url(/images/menu.gif) no-repeat; height: 29px; margin-top: 6px}

#menuLeft			{ float:left; margin-left: 20px;}
#menuLeft li		{ list-style: none; margin: 0; float:left; padding-top: 3px; height: 26px; background:url(/images/border.gif) right top no-repeat}
#menuLeft li a		{ font:normal 12px/22px Arial, tahoma, Helvetica sans-serif; text-transform:uppercase; padding:0 7px; color:#fff;text-decoration:none;}

#menuLeft li a:hover {
	color: #0d3d70;
	}
body.diensten #menuLeft li.dienstenlink,
body#nieuws #menuLeft li.nieuwslink,
body#contact #menuLeft li.contactlink,
body#wiezijnwij #menuLeft li.wiezijnwijlink,
body#disclaimer #menuLeft li.disclaimerlink,
body#prospect #menuLeft li.prospectlink	{
	background: url(/images/activeMenu.jpg) repeat-x !important;
	}
body.diensten #menuLeft li.dienstenlink a,
body#nieuws #menuLeft li.nieuwslink a,
body#contact #menuLeft li.contactlink a,
body#wiezijnwij #menuLeft li.wiezijnwijlink a,
body#disclaimer #menuLeft li.disclaimerlink a,
body#prospect #menuLeft li.prospectlink a	{
	color: #005288 !important;
	}
					
					
.activ				{ background: #fff !important}
.activ a			{ color: #757c08 !important}

#menuRight			{ float: right; margin-right: 30px}
#menuRight li		{ list-style: none; margin: 0; float:left; padding-top: 3px}
#menuRight li a		{ font:normal 11px/21px Arial, tahoma, Helvetica sans-serif !important; text-transform:uppercase; padding:0 5px;color:#fff;text-decoration:none;}
#menuRight li a:hover	
					{ color: #0d3d70}

#content 			{ clear:both; padding-bottom: 85px; overflow:hidden;}

.left				{ float:left; width: 260px; padding: 0 5px;}
.main 				{ margin-left: 290px; padding: 10px 10px 0 0;}

#submenu,
#submenu li {
	margin:0;
	padding:0;
	list-style:none;
	width:249px;
	}
#submenu {
	margin:10px 0 12px;
	}
#submenu li {
	margin-bottom:2px;
	}
#submenu li a {
	display:block;
	padding:0 0 0 12px;
	background:#005288;
	text-decoration:none;
	line-height:2.0;
	font-size:12px;
	text-transform:uppercase;
	}
#submenu li a:hover,
#search li.woningenlink a,
#bog li.boglink a,
#verkoop li.verkoopdienstenlink a,
#verkoopbasic li.verkoopdienstenlink a,
#verkoopfull li.verkoopdienstenlink a,
#verkoopbasic li.verkoopdienstenlink-verkoopbasic a,
#verkoopfull li.verkoopdienstenlink-verkoopfull a,
#verkoopbog li.verkoopdienstenboglink a,
#aankoopbog li.aankoopdienstenboglink a,
#aankoop li.aankoopdienstenlink a,
#contact #submenu  li.contactlink a,
#contactpersonen li.contactpersonenlink a {
	background:#B20838;
	}
#submenu li.springin a,
#submenu li.springin a {
padding-left:30px;
}
#leftMenu {
	margin-bottom:12px;
	}
#leftMenu2 {
	margin-bottom:0;
	}
	
#leftMenu li		{ margin:0; list-style: none; width: 249px}
#leftMenu li p		{ color: #fff; margin: 0; background: url(/images/leftMenubottom.gif) bottom left no-repeat; 
					 font:normal 11px/15px Arial, tahoma, Helvetica sans-serif;padding: 10px 15px 10px 20px}
#leftMenu2 li		{ margin:0; list-style: none; width: 249px}
#leftMenu2 li p		{ color: #fff; margin: 0; background: url(/images/leftMenubottom.gif) bottom left no-repeat; 
					 font:normal 11px/15px Arial, tahoma, Helvetica sans-serif;padding: 10px 15px 10px 20px}
.left a {
	color:#fff;
	font-size:11px;
	text-decoration:underline;
	}
.left a:hover{
	text-decoration:none;
	}
img.fundaSidebar {
	display:block;
	margin:12px auto 0;
	}
.title1				{ background:url(/images/leftMenu1.gif) no-repeat !important; height: 20px; color: #005288 !important;
						font:normal 12px/1.5 Arial, tahoma, Helvetica sans-serif !important;  text-transform:uppercase}
.title2				{ background: #fff url(/images/leftMenu2.gif) bottom no-repeat !important; height: 20px; color: #005288 !important;
						font:normal 12px/1.5 Arial, tahoma, Helvetica sans-serif !important;  text-transform:uppercase}
#mainMenu			{ overflow:hidden}											
#mainMenu li 		{ float:left; background: url(/images/blue.gif) repeat-x; list-style: none; margin: 0 7px 0 0; padding: 0}
#mainMenu li a		{ display:block; font:normal 12px/19px Arial, tahoma, Helvetica sans-serif !important; padding: 0 15px !important; color: #0d3d70;
				 		text-decoration: none}
.activM				{ background: url(/images/grau.gif) repeat-x !important}
.activM	a			{ color: #000 !important}

#mainMenuVer		{ overflow:hidden}											
#mainMenuVer li 	{ float:left; background: url(/images/menuBorder.gif) no-repeat; list-style: none; margin: 0 7px 0 0; padding: 0; width: 128px}
#mainMenuVer li a	{ display:block; font: normal 11px/19px Arial, tahoma, Helvetica sans-serif; padding: 1px 5px !important; color: #303030; text-align:center;
						text-decoration: none}
#mainMenuVer li a:hover	
					{ font-weight: bold !important}					
.activeVer 			{ background:url(/images/menuBorder-active.gif) no-repeat !important}
.activeVer a		{ font-weight: bold !important}

#contentmenuknoppen {
	margin-bottom:12px;
	}
#contentmenuknoppen h1 {
	color:#005288;
	font-weight:bold;
	text-transform:uppercase;
	}
.tableMain			{ margin-bottom: 10px}
.tableMain 	td		{ font:normal 11px/19px Arial, tahoma, Helvetica sans-serif !important}

#menuHome			{ float: left; margin: 0 0 10px 35px}
#menuHome li		{ list-style: none; margin: 0; float:left; padding-top: 5px}
#menuHome li a		{ font:normal 12px/21px Arial, tahoma, Helvetica sans-serif !important; color: #005288; 
					text-transform:uppercase; padding:0 5px; text-decoration:underline; }
#menuHome li a:hover	
					{ color: #B20838;}
.activH				{ color: #0d3d70 !important}

.logo 				{  float: right; margin-right: 30px; margin-top: -5px } 
.logoH 				{  float: right; margin-right: 40px; margin-top: 0 }
.logoH img 				{  display:block; margin-left:22px; float:right; }  

#footerH {
	position:relative;
	clear:both;
	width:1000px;
	padding-top: 8px;
	margin:-38px auto 0;
	overflow:hidden;
	height: 30px;
	background: url(/images/footerH.gif) no-repeat;
	font-weight:bold;
	}
#footerH a,
#footer a {  
	text-decoration: underline;
	text-transform:uppercase;
	font-weight:bold;
	font-size:11px;
	color:#fff;
	font-weight:bold;
	}
#footerH a:hover,
#footer a:hover {
	color:#124479;
	}
.leftFooterH		{ float:left;  padding: 0 0 0 30px; color: #fff; text-transform:uppercase}
.rightFooterH		{ float:right; padding: 0 30px 0 0; color: #fff; text-transform:uppercase }

#footer	{
	width:1000px;
	position:relative;
	height: 85px;
	margin:-85px auto 0;
	background: url(/images/footer.gif) no-repeat;
	}

.leftFooter			{ float:left; clear:both; padding: 48px 0 0 30px; color: #fff; text-transform:uppercase; margin:0;font-weight:bold;}
.rightFooter		{ float:right; padding: 48px 30px 0 0; color: #fff; text-transform:uppercase; margin:0;font-weight:bold; }

table#TableNeiuwsOverzicht {
	width:680px;
}
#prospect td {
	vertical-align:top;
	}
#locatieframe {
	height:74px;
}
#prospect select#selectbox {
	width:300px;
	}
body.popup #thickboxForm td {
	text-align:left !important;
	}
body#search td[width="23"] {
	vertical-align:middle;
	}

#logos-wiezijnwij {
	text-align:right;
	}
#logos-wiezijnwij img{
	margin:10px 0px 10px 10px;
	border:none;
	}	
/*----------------------------------- FORMS -----------------------------------------------*/
fieldset
{
	border:solid 1px #CDC9C3;
	padding:5px;
	margin-bottom:10px;
}
legend
{
	display:block;
	font-weight:bold;
	float:left;
}
.data
{
	clear:both;
	overflow:hidden;
	margin-bottom:2px;
}
.data label
{
	width:160px;
	float:left;
	margin:0;
	padding:0;
}
#contact .data label,
#nadereinfo .data label
{
	width:160px;
}
.data input,
.data textarea
{
	width:200px;
	float:left;
}
#errorVerbouwing,
#errorNHG
{
	width:160px;
	float:left;
}
#contact .data input
{
	width:20px;
	text-align:left;;
}
.data p
{
    float:left;
		margin:0 6px 0 0;
}
.data .checkbox,
.data p input
{
    width:auto !important;
    border:none;
}
.data2 .radio,
.data2 input
{
    float:none;
    border:none !important;
    width:auto !important;
}