/*------------------------------------------
---------------- 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 {
	height: 100%;
	color: #000;
	background: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:1.8;
	}

h1, h2, h3, h4, h5, h6 {
	font-weight: bold;
	margin-bottom:12px;
	}
h1 { font-size: 14px; } 
h2 { font-size: 13px; }
h3, h4, h5, h6 { font-size: 12px; }
h3 { margin-bottom:0px;}

p	{
	font-size: 12px;
	margin-bottom: 12px;
	line-height:1.8;
	}
pre, code, label, th, td, dd, dt, select	{
	font-size: 12px;
	}
ul, ol {
	margin-bottom: 12px;
	list-style-position: inside;
	}
ul {
	list-style: disk;
	}
ol {
	list-style: decimal;
	}
li {
	margin-left: 16px;
	}

/*------------------------------------------
------------------ Links -------------------
----------------------------------------- */

a:link, a:visited {
	color:#000;
	 }
a:hover {
	color:#0B1A66;
	}
a:active {
	color:#0B1A66;
	 }
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 }
.noBorder		{ border: none !important }
.noMargin		{ margin: 0 !important}
.noIndent		{ margin-left: 0; padding-left: 0 }
.noBullet		{ list-style: none; list-style-image: none }

/*------------------------------------------
---------------- Wrapper -------------------
----------------------------------------- */
body.home, body.vervolg	{
	background: #dee0e9;
	}
#wrap	{
	min-height: 100%;
	width: 995px;
	overflow: visible;
	margin:0 auto;
	position:relative;
	background: url(/images/wrap.gif) repeat-y;
	}
/*---------------------------------------*/

#header					{ position:relative;z-index:100;height: 110px;background: url(/images/head.gif) repeat-x; width: 990px}
#rightHead				{ float: right; margin-top: 43px; width:600px;}
#rightHead a			{ float:left; margin-right: 12px}
#rightHead a.branchelogo	{ display:block; float: right; margin-left:12px;}

#topMenu				{ float:right; margin:5px 15px 0 0}
#topMenu li				{ float:left; height: 14px; list-style:none;margin-left:0;}
#topMenu li a	{
	font: bold 11px/14px Arial, Helvetica, sans-serif;
	padding:0 6px 0 0;
	color: #fff;
	text-transform: uppercase; 
	text-decoration:none;
	margin-right: 0;
	/*display:block;*/
	border-right:  1px solid #fff;
	height:16px;
	}
#topMenu li a span	{
	padding:0 0 0 6px;
	height:16px;
	/*display:block;*/
	}
#topMenu li.lastlink a	{
	border-right:  1px solid transparent;
	}
#topMenu li a:hover	{
	/*background: url(/images/rightBorder.gif) right top no-repeat;*/
	color: #0B1A66
	}
#topMenu li a:hover span	{
	/*background: url(/images/leftBorder.gif) left top no-repeat;*/
	padding:0 0 0 6px;
	height:16px;
	/*display:block;*/
	}
			
/*							
.active					{ background: url(/images/rightBorder.gif) right top no-repeat; border: none !important; height: 16px !important; 
							margin-top: -1px !important}
.active	a				{ background:url(/images/leftBorder.gif) left top no-repeat; height: 16px !important; color: #e78200 !important; 
							padding-top: 1px !important}
*/
							
.logo					{  float:left;margin:5px 0 0 50px; display:block; width: 231px; height: 41px}
/*---------------------------------------*/
#menuHeader				{ clear:both; float:left; overflow:hidden; background:url(/images/headMenu.gif) repeat-x; height: 25px; margin-top: 16px; 
							width:100%}
#menuHeader li			{ float:left; list-style: none; margin: 0; border-right:  1px solid #fff; height: 25px; width: 101px; padding-left: 15px}
#menuHeader li a		{ float:left; display:block; font: normal 13px/22px  Arial, Helvetica, sans-serif; color: #fff; height: 21px; 
							padding:2px 10px 2px 0; text-transform:uppercase; background:url(/images/arrow.gif) right 10px no-repeat; overflow:hidden}
#menuHeader li:hover 	{ background:url(/images/headMenu-active.gif) repeat-x}
#menuHeader li:hover a 	{ background:url(/images/arrow-hover.gif) right 10px no-repeat}

.activehome 			{ background:url(/images/headMenu-active.gif) repeat-x }
.activehome a 			{ background:url(/images/arrow-hover.gif) right 10px no-repeat !important}
.widthBig				{ width: 195px !important}

.activeMenu 			{ background:url(/images/headMenu-active.gif) repeat-x !important}
.activeMenu	a			{ background:url(/images/arrow-hover.gif) right 10px no-repeat !important}
.activeMenu:hover		{ background:url(/images/menuSub.gif) no-repeat !important}
.activeMenu:hover a		{ background:none !important}
.activeMenu-hover		{ background:url(/images/menuSub.gif) no-repeat !important}
.activeMenu-hover a		{ background:none !important}
/*---------------------------------------*/
.actived 				{ background:url(/images/headMenu-active.gif) repeat-x }
.actived a			{ background:url(/images/arrow-hover.gif) right 10px no-repeat !important}
/*---------------------------------------*/
.subMenu				{ position: absolute; display: none; margin:25px 0 0 -15px; overflow:hidden }
.subMenu li				{ float: left;clear: left;  background:url(/images/submenuBackground.gif) no-repeat; border: none !important} 
.subMenu li	a		    { height: 16px; padding-bottom: 2px; font: normal 12px/16px Arial, Helvetica, sans-serif; margin: 0 auto; color: #fff ;
							background:none !important;  overflow:hidden}
.subMenu li:hover 		{ background:url(/images/submenuBackground-hover.gif) no-repeat !important}
.subMenu li:hover a		{ color: #273383 !important}

.activedSubmenu			{ background:url(/images/submenuBackground-hover.gif) no-repeat !important}
.activedSubmenu	a		{ color: #273383 !important}		
	
.hover					{ display:block}
/*---------------------------------------*/
#content				{ overflow:hidden; padding-bottom: 60px; margin-top: 30px}
body.home #content {
	padding-bottom: 132px;
	}
#contentmenuknoppen { margin-bottom:10px;
	
}
#contentmenuknoppen h1
{
	border-bottom:1px solid #CCCCCC;
	color:#000D63;
	font-family:Arial, Helvetica, sans-serif;
	font-size:17px;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	line-height:24px;
	padding-bottom:2px;
}
.mainV h2
{
	border-bottom:1px solid #CCCCCC;
	color:#000D63;
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	line-height:24px;
	margin-top:10px;
	padding-bottom:2px;
}
.left					{ float:left; width: 156px; color: #000; margin:0 0 0 15px; background:url(/images/leftHead.gif) top no-repeat}
#direct					{ background:url(/images/leftBody.gif) repeat-y; margin-top: 22px; width: 156px}
.extraDirect			{ background:url(/images/leftFooter.gif) bottom no-repeat; padding:10px 15px}
.extraDirect a			{ text-decoration:underline; font: normal 10px/18px Arial, Helvetica, sans-serif; color: #747ba4}
.directForm				{ width: 127px; color: #273383}
.directForm legend		{ display: none}
.directForm	label		{ font: normal 10px/18px Arial, Helvetica, sans-serif}
.directForm select		{ width: 120px; margin-bottom: 5px;  color: #273383}
.directFormSubmit		{ background:url(/images/submit.gif) no-repeat; width: 72px; height: 21px; border: none; 
							font: bold 10px/18px Arial, Helvetica, sans-serif; margin:2px 0}
/*----------------------------------- */
.leftV					{ float:left; width: 156px; color: #000; margin:0px 0 0 15px}
#linkImg				{ float:left; background:url(/images/smalFoto.jpg) no-repeat; width: 156px; height: 261px; margin-bottom: 15px}
#linkImg h1				{ padding: 140px 0 0 20px}
#adres					{ clear:left; background:url(/images/adress.gif) no-repeat; width: 140px; height: 130px; margin-top: 15px; 
							overflow:hidden; padding: 18px 0 0 16px}
#adres	p				{ font: normal 11px/15px Arial, Helvetica, sans-serif; margin-bottom: 0; color: #747ba4}
#adres	a				{ text-decoration: underline; color: #747ba4}
/*-----------------------------------*/
.main					{ float:right;  margin:0 25px 10px 0; width: 775px;  color: #000; padding-bottom: 20px;overflow:hidden}
body.home .main					{ padding-bottom: 20px;}
.mainV					{ float:right;  margin:0 25px 10px 0; width: 772px;  color: #000; padding-bottom: 40px;overflow:hidden}
.mainV h1				{ color: #000d63}
#mainImg				{ float:left; background:url(/images/foto.jpg) no-repeat; width: 223px; height: 353px}
#mainImg h1				{ padding:245px 0 0 40px}
#mainText				{ float:left;position:relative; }
#mainText h1 {
	color: #000d63;
	font: bold 17px/24px Arial, Helvetica, sans-serif;
	border-bottom: 1px solid #cccccc;
	padding-bottom: 2px;
	}
.branchelogo	
{
	position:absolute;
	top:0;
}
.funda
{
	right:0;
}
.vbo
{
	right:90px;
}
.nwwi
{
	right:240px;
}
.scvm
{
	right:340px;
}
/*   Contactpagina   */
body.contact p.gegevens {
	float:left;
	width:318px;
	}
body.contact p.personen a.iframe {
	margin-left:1px;
	}

/*---------------------------------*/						
#footer					{ position:absolute; left:0; bottom: 0; width:100%; text-align:center; height: 60px; 
							background:url(/images/footer.gif) bottom repeat-x; overflow:hidden}
body.home #footer {
	height:132px;
	background:url(/images/footerHome.gif) bottom no-repeat;
	}
body.home #footer #extraFooter {
	padding:8px 40px 0 0;
	}
body.home #footer img {
	display:block;
	float:right;
	margin-left:12px;
	}
body.home #footer img[alt=VBO] {
	margin-top:4px;
	}
#extraFooter			{ margin-left:0;}
#extraFooter p			{ font: normal 11px/15px Arial, Helvetica, sans-serif; margin: 5px 0 0 0; color: #747ba4; text-align:center;}
body.home #extraFooter p			{ float:right;font: normal 14px/84px Arial, Helvetica, sans-serif;}
#extraFooter a			{ color: #747ba4; text-decoration:underline}

.vervolg #footer {
	position:relative;width:995px;
	text-align:center; height: 33px;
	background:url(/images/footer.gif) left bottom repeat-x;
	margin:-33px auto 0;}
.vervolgFooter			{ height: 33px !important}

/*---------------------------------------
#nav {
	clear:both;
	float:left;
	overflow:hidden;
	background:url(../images/headMenu.gif) repeat-x;
	height: 25px;
	width:100%;
	}
#nav, #nav ul {
	padding: 0;
	margin:10px 0 0;
	list-style: none;
	line-height: 1;
	float: left;
	margin-bottom: 0;
	z-index:300;
	}
#nav a 
{
	float:left;
	display:block;
	font: bold 11px/22px Verdana, Arial, Helvetica, sans-serif;
	letter-spacing:1px;
	color: #fff;
	height: 21px;
	padding:2px 16px 2px 15px;
	text-transform:uppercase;
	overflow:hidden;
	text-decoration:none;
 }
#nav a:hover,
.home #nav li.homelink a,
.aanbod #nav li.woningaanbodlink a,
.diensten #nav li.dienstenlink a,
#wiezijnwij #nav li.wiezijnwijlink a,
#nieuws #nav li.nieuwslink a,
#eigenpagina #nav li.eigenpaginalink a {
	background:url(../images/headMenu-active.gif) repeat-x;
	}
#nav li {
	float:left; 
	list-style: none; 
	margin: 0; 
	border-right:  1px solid #fff; 
	height: 25px; 
	}
#nav li ul {
	position: absolute;
	width:164px;
	margin-top:25px;
	left: -999em; 
	border-bottom:  1px solid #fff;
	clear:left;
}
#nav li ul li { 
	background:url(../images/headMenu.gif) repeat-x;
	width:164px;
	border-right:  1px solid #fff;
	border-left:  1px solid #fff;
	margin-left:-1px;	
	}
#nav li ul li a { 
  float:none;    
	}
#nav li:hover, #nav li.hover {  
	position: static;
	}
#nav li:hover ul,
#nav li.sfhover ul {
	left:auto;
	}
*/
#forms legend,
#formGen  legend
{
	display:block;
	color:#162372;
	}
#forms fieldset,
#formGen fieldset
{
    border:solid 1px #DEE0E9;
    padding:10px;
	 margin:10px 0px;
}
.radio input
{
	width:auto !important;
}
.row
{
    clear:left;
    overflow:hidden;
}
.row label
{
    display:block;
    width:260px;
    float:left;
    cursor:pointer;
    margin-bottom:2px;
}

.row input, .row textarea
{
    width:300px;
}
.postcode input, .telefoon input
{
    width:100px !important;
}
#formGen div {
	overflow:hidden;
	clear:leftl
	}
#formGen label {
	display:block;
	float:left;
	width:125px;
	}
#formGen p.verplicht {
	font-size:11px;
	font-style:italic;
	}

/* wie zijn wij */
.htmtableborders
{
	margin-bottom:10px;
}
.kantoor
{
	width:140px;
	font-size:15px;
}
/* nieuws */
td.nieuwsDatum
{
	width:106px;
	
}
td.nieuwsTitel
{
	padding-bottom:10px;
}
td.nieuwsOmschrijving
{
	padding-bottom:10px;
}
#nieuwsimage
{
	margin:0px 15px 5px 0px;
	float:left;
}
#TableNeiuwsOverzicht
{
	width:100%;
	margin-top:-40px;
}
.MijnTekstImgLeftTop
{
	margin:0px 15px 15px 0px;
	border:1px solid #DEE0E9 !important;
}
.MijnTekstImgRightTop
{
	margin:0px 0px 15px 15px;
	border:1px solid #DEE0E9 !important;
}
.MijnTekstImgLeftBottom
{
	margin:15px 15px 0px 0px;
	border:1px solid #DEE0E9 !important;
}
.MijnTekstImgRightBottom
{
	margin:15px 0px 0px 15px;
	border:1px solid #DEE0E9 !important;
}
.iframe img
{
	display:block;
}
.iframe
{
	border:solid 5px #EEEFF4;
	margin:0px 10px 10px 0px;
	overflow:hidden;
	float:left;
}