/*------------------------------------------
---------------- 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, fieldset, label, legend, caption
				{ 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/fon.gif) repeat-x !important}
#home			{ background: #fff url(/images/fonHome.gif) 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
				{ 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, Helvetica, sans-serif; color: #000; }
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			{ color:#F2183A; }
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;
	background: url(/images/fon.jpg) top right no-repeat;
	}
	
/*---------------------------------------*/
#logo				{ height: 95px}
#logo img			{ padding: 25px 0 0 10px }
#logoHome			{ height: 231px;}
#logoHome img		{ padding: 34px 0 0 5px}
img.payoff {
	position:absolute;
	top:116px;
	left:127px;
	}

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


#topMenu			{ text-align: center; width:860px; margin:0 auto;}
#topMenu li			{ float:left; height: 133px; width: 156px; list-style: none; margin:19px 16px 0 auto; }
#topMenu li.noMargin{ margin:19px auto 0!important; }

.koop				{ background:url(/images/menuButton1.jpg) no-repeat}
.huur				{ background:url(/images/menuButton2.jpg) no-repeat}
.contact			{ background:url(/images/menuButton4.jpg) no-repeat}
.faq				{ background:url(/images/menuButton6.jpg) no-repeat}
.hypotheken			{ background:url(/images/menuButton5.jpg) no-repeat}
a.fon				{ position:relative; display:block; width: 156px; height:32px;
						font: normal 15px Arial, tahoma, Helvetica, sans-serif !important; padding-top:105px;color:#fff;text-decoration:none;}
a.fon:hover			{  background:url(/images/menuFon.jpg) no-repeat -1px 100px;color:#fff;}
	
#topMenuHome		{ text-align: left;width:1000px; height:180px;}
#topMenuHome li		{ float:left; height: 210px; width: 200px; list-style: none; margin: 0; position:relative; }

#home .koop			{ background:url(/images/menuHome1.png) no-repeat}
#home .huur			{ background:url(/images/menuHome2.png) no-repeat}
#home .contact		{ background:url(/images/menuHome4.png) no-repeat}
#home .faq			{ background:url(/images/menuHome6.png) no-repeat}
#home .hypotheken	{ background:url(/images/menuHome5.png) no-repeat}

#home a.fonh	{
	width:203px;
	text-align:center;
}

a.fonh	{
	display:block;
	position:relative;
	width:187px;
	height:51px;
	padding-top:151px;
	font: normal 17px/21px Arial, tahoma, Helvetica, sans-serif !important;
	text-align:bottom;
	color:#fff;
	text-decoration:none;
	}
a.fonh:hover {
	background: url(/images/bg-fonh.gif) no-repeat 8px 146px;
	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 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	{
	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:bold 11px/21px Arial, tahoma, Helvetica, sans-serif !important; text-transform:uppercase; padding:0 5px;color:#fff;text-decoration:none;}
#menuRight li a:hover	
					{ text-decoration:underline; color:#F2183A;}					

#content 			{ clear:both; padding-bottom: 0; overflow:hidden; margin-top:10px;}

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


#leftMenu {
	margin-bottom:12px;
	}
#leftMenu2 {
	margin-bottom:0;
	}
	
#leftMenu li			{ margin:0; list-style: none; background: #e1e1e1 url(../images/leftMenucenter.gif) repeat-y; width: 249px}
#leftMenu li p		{ color: #333; 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; background: #e1e1e1 url(../images/leftMenucenter.gif) repeat-y; width: 249px}
#leftMenu2 li p		{ color: #333; 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:#333;
	font-size:11px;
	text-decoration:underline;
	}
.left a:hover{
	color:#F2183A;
	}
.title1				{ background:url(/images/leftMenu1.gif) no-repeat !important; height: 20px; color: #333 !important;
						font:normal 13px/16px Arial, tahoma, Helvetica, sans-serif !important;  text-transform:uppercase}
.title2				{ background: #fff url(/images/leftMenu2.gif) bottom no-repeat !important; height: 20px; color: #333 !important;
						font:normal 13px/16px 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 {
	font:normal 23px/25px Arial, tahoma, Helvetica, sans-serif;
	color: #00468a;
	}
.tableMain			{ margin-bottom: 10px}
.tableMain 	td		{ font:normal 11px/19px Arial, tahoma, Helvetica, sans-serif !important}

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

.logo 				{  float: right; margin-right: 30px; margin-top: -5px } 
.logoH 				{  float: right; margin-top: 0; margin-right:10px; } 

#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-size:11px;
	color:#fff;
	font-weight:bold;
	}
#footerH a:hover,
#footer a:hover {
	
	}
.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; padding: 11px 0 0 30px; color: #fff; text-transform:uppercase; margin:36px 0 0;font-weight:bold;}
.rightFooter		{ float:right; padding: 11px 30px 0 0; color: #fff; text-transform:uppercase; margin:-2px 0 0;font-weight:bold;clear:right; }

table#TableNeiuwsOverzicht {
	width:680px;
}
td.faqVraag {
	width:100%;
	}
#prospect td {
	vertical-align:top;
	}
#locatieframe {
	height:74px;
}
#prospect select#selectbox {
	width:300px;
	}
body.popup #thickboxForm td {
	text-align:left !important;
	}
tr.bottompadding td {
	padding-bottom:8px;
	}