/*------------------------------------------
---------------- 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, 
table, caption, tbody, tfoot, thead, tr, th, td 
				{ 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 			{ background:#ffc; height: 100%; width:100%; color: #000; font-family: Arial, tahoma, sans-serif;font-size:12px; }
/*
.vervolg		{ background:#fcfcec url(/images/fon.jpg) repeat-x !important;}
#home			{ background:#fcfcec 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; }

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

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

a:link, a:visited
				{ font-weight: normal; text-decoration: underline; color: #000; }
a:hover			{ color:#c03; }
a:active
				{ font-weight: normal; text-decoration: underline; color: #000; }
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: 2px 0 0 55px}
#logoHome			{ height: 231px; background: url(/images/fon.jpg) top right no-repeat}
#logoHome img		{ padding: 114px 0 0 38px; }

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

.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;
						font: bold 15px "Myriad Pro","Arial", sans-serif !important; top:13px; left:8px;padding-top:101px;color:#fff;text-decoration:none;}
a.fon:hover,
body.diensten li.nieuwbouw	a.fon,
body#search li.woningen	a.fon,
body.wiezijnwij li.bog	a.fon ,
body#algemeen li.buitenland	a.fon{
	/*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.jpg) no-repeat}
#home .nieuwbouw			{ background:url(/images/menuHome2.jpg) no-repeat}
#home .bog				{ background:url(/images/menuHome3.jpg) no-repeat}
#home .buitenland		{ background:url(/images/menuHome4.jpg) no-repeat}

a.fonh	{
	display:block;
	position:relative;
	width:204px;
	height:32px;
	left:16px;
	top:30px;
	padding-top:128px;
	font: bold 17px/21px "Myriad Pro","Arial", sans-serif !important;
	text-align:bottom;
	color:#fff;
	text-decoration:none;
	}
a.fonh:hover {
	/*background: url(/images/bg-fonh.gif) no-repeat 1px bottom;*/
	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 13px/21px "Myriad Pro","Arial", 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	{
	background: #fff !important;
	}
body.diensten #menuLeft li.dienstenlink a,
body#nieuws #menuLeft li.nieuwslink a,
body#contact #menuLeft li.contactlink a	{
	color: #757c08 !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 "Myriad Pro","Arial", sans-serif !important; text-transform:uppercase; padding:0 5px;color:#fff;text-decoration:none;}
#menuRight li a:hover	
					{ text-decoration:underline;}

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

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


#leftMenu {
	margin-bottom:0;
	}
#leftMenu2 {
	
	margin-bottom:12px;
	}
	
#leftMenu li		{ margin:0; list-style: none; background: #C10022; width: 249px}
#leftMenu li p		{ color: #fff; margin: 0; background: url(/images/leftMenubottom.gif) bottom left no-repeat; 
					 font:normal 11px/15px "Arial", sans-serif;padding: 10px 15px 10px 20px}
#leftMenu2 li		{ margin:0; list-style: none; background: #C10022; width: 249px}
#leftMenu2 li p		{ color: #fff; margin: 0; background: url(/images/leftMenubottom.gif) bottom left no-repeat; 
					 font:normal 11px/15px "Arial", sans-serif;padding: 10px 15px 10px 20px}
.left a {
	color:#fff;
	font-size:11px;
	text-decoration:underline;
	}
.left a:hover{
	text-decoration:none;
	}
.title1				{ background:url(/images/leftMenu2.gif) no-repeat !important; height: 20px; color: #C10022 !important;
						font:normal 13px/16px "Myriad Pro","Arial", sans-serif !important;  text-transform:uppercase}
.title2				{ background:#FCFCEC url(/images/leftMenu2.gif) bottom no-repeat !important; height: 20px; color: #C10022 !important;
						font:normal 13px/16px "Myriad Pro","Arial", sans-serif !important;  text-transform:uppercase}
.specialTitle {
	background:url(/images/leftMenu2.gif) no-repeat !important;
	padding:10px 15px 10px 20px;
	color:#C10022 !important;
	font:normal 13px/16px "Myriad Pro","Arial", sans-serif !important;  text-transform:uppercase;
	margin-bottom:0;
	}
#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 "Myriad Pro","Arial", 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", 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;
	}
.tableMain			{ margin-bottom: 10px}
.tableMain 	td		{ font:normal 11px/19px Arial, Tahoma, sans-serif !important}

#menuHome			{ float: left; margin: 0 0 10px 10px}
#menuHome li		{ list-style: none; margin: 0; float:left; padding-top: 5px}
#menuHome li a		{ font:bold 12px/21px "Myriad Pro","Arial", sans-serif !important; color: #c03; 
					text-transform:uppercase; padding:0 5px; text-decoration:underline }
#menuHome li a:hover	
					{ color: #C10022;}
.activH				{ color: #0d3d70 !important}

.logo 				{  float: right; margin-right: 30px; margin-top: -5px } 
.logoH 				{  float: right; margin-right: 40px; margin-top: 4px } 

#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;
	}
#footerH a,
#footer a {  
	text-decoration: underline;
	text-transform:uppercase;
	font-size:11px;
	color:#fff;
	}
#footerH a:hover,
#footer a:hover {
	text-decoration: none;
	}
.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;}
.rightFooter		{ float:right; padding: 48px 30px 0 0; color: #fff; text-transform:uppercase; margin:0; }

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

div#wiezijnwij {
	position:relative;
	}
div.wiezijnwijfoto {
	position:relative;
	float:left;
	width:120px;
	margin-right:20px;
	text-align:center;
	}
div.wiezijnwijfoto img {
	width:120px;
	height:140px;
	border:solid 1px #c03;
	}