@charset "iso-8859-1";
/* CSS Document */


html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6 {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
}
html{height:100%}
body {
  background:#fff ;
  color: #666666;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  line-height: 18px;
  margin: 0;
  padding: 0;
  text-align: left;
	height:100%;
}
h1 {
  color: #666666;
  font-family: Tahoma, Geneva, sans-serif;
  font-size: 12px;
  font-weight: bold;
  line-height: normal;
}
h2 {
  color: #777890;
  font-size: 12px;
  font-weight: bold;
  line-height: 14px;
}
a,  a:link {
  color: #333;
  font-weight: bold;
  text-decoration: none;
}
a:visited {
  color: #333;
  font-weight: bold;
  text-decoration: none;
}
a:hover {
  color: #333;
  text-decoration: underline;
}
a:focus {
  color: #333;
}
a:active {
  color: #333;
}
.home #outerWrapper {
	background: url(../images/contentWrapper_bg.gif);
  background-repeat: repeat-y;
  margin: 0 auto 0 0;
  text-align: left;
  width: 1060px;
	position: relative;
	min-height: 100%;
}
#outerWrapper {
	background: url(../images/contentWrapper_bg2.gif);
  background-repeat: repeat-y;
  margin: 0 auto 0 0;
  text-align: left;
  width: 1060px;
	position: relative;
	min-height: 100%;
}
* html #outerWrapper{
	height: 100%;
}
#head-left{
	width:235px;
	float:left;
	}
#head-right{
	width:775px;
	float:left;
}
#outerWrapper #header {
	background:#fff;
  width:1060px;
	height: 312px;
  
}
#outerWrapper #logo h1{
	float:left;
	overflow: hidden;
	line-height:90px;
	height:90px;
	width:235px;
	background: url(../images/logo.gif) no-repeat;
	text-indent:-9000px;
	}
#outerWrapper #header #logo h1	a { display: block; height: 90px }
#outerWrapper #header #zoeken{
	float:left;
	overflow: hidden;
	height:30px;
	width:775px;
	}
#outerWrapper #header #zoeken	#zfrom{float:right;display:block}
#outerWrapper #header #zoeken	#zfrom input{
	width:138px;
	margin:35px 0px 0 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
	color: #666666;
	padding:3px;
	
}
#outerWrapper #header #zoeken	#zfrom #replacement-1 {
  width: 22px;
  height: 22px;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent url(../images/but-submit.gif) no-repeat center top;
  text-indent: -1000em;
  cursor: pointer;
}



#outerWrapper #header #nav{
	width:235px;
	height:222px;
	float:left;
	background:#d90000;
	}
#nav ul{
	list-style-type: none;
	text-align: left;
	padding:0;margin:12px 0 0 0;
}
#nav ul li a{
	width:176px;
	height:25px;
	padding: 5px 0 0 59px;
	margin:0;
	background: transparent url(../images/navback.gif) left top no-repeat;
	display:block;
	text-align: left;
	font-family: Tahoma, Geneva, sans-serif;
  font-size: 12px;
  font-weight: bold;
	text-decoration: none;
	color: #fff;
	text-transform:uppercase;
	}
	
#nav ul li a:hover{
	background: transparent url(../images/navback.gif) left bottom no-repeat;	
	
}

#nav ul li a#h-aktief,#nav ul li a#h-over,#nav ul li a#h-akt,#nav ul li a#h-kla,#nav ul li a#h-vac,#nav ul li a#h-ref,#nav ul li a#h-con{
	background: transparent url(../images/navback.gif) left bottom no-repeat;	
}

#outerWrapper #header #headpic{
	width:825px;
	height:282px;
	float:left;
	overflow:hidden;
	}

.home #outerWrapper #contentWrapper {
  background:transparent;
  border-top: solid 10px #d90000;
  overflow: hidden;
	padding-bottom: 30px;
}
#outerWrapper #contentWrapper {
	background:transparent;
	overflow: hidden;
	padding-bottom: 30px;
}
#subnav{
	border-top: solid 10px #d90000;
	background:#fdf7c7 url(../images/dotted.gif) left bottom repeat-x;
	height:41px;
	overflow: hidden;
	margin-right:50px;
}
#subnav ul{margin:12px 0 0 235px;padding:0 0 0 25px}
#subnav ul li {
	display: inline;
	list-style-type: none;
	padding-right: 20px;
	color: #666666;
  font-family: Tahoma, Geneva, sans-serif;
  font-size: 12px;
  font-weight: bold;
  line-height: normal;
	text-transform:uppercase;
}
#subnav ul li a:hover,#sub-his,#sub-team,#sub-sw,#sub-par,#sub-vw,#sub-oh,#sub-nb,#sub-ren,#sub-is,#sub-wo,#sub-zo,#sub-on,#sub-zak, #sub-reno, #sub-verb, #sub-nieuw, #sub-rest, #sub-gevel, #sub-alle {
	color:#d90000;
	text-decoration:none;
}
#outerWrapper #contentWrapper #sideLeft {
  float: left;
  width: 235px;
}

#outerWrapper #contentWrapper #sideRight {
  float: right;
  margin: 0px 50px 0px 0px;
  width: 360px;
	display:inline
}
#outerWrapper #contentWrapper #sideRight h1 {
  height:36px;
  background:#fdf7c7;
	margin-left:1px;
	text-transform:uppercase;
	padding:24px 0 0 24px;
}
#outerWrapper #contentWrapper #sideRight ul  {
	list-style: none;
	margin-left: 0;
	padding-left: 24px;
}
#outerWrapper #contentWrapper #sideRight ul a {
  	color:#666;
  	font-weight:normal;
}
#outerWrapper #contentWrapper #sideRight ul li{
	background-image: url(../images/li_bullet.gif);
	background-repeat: no-repeat;
	background-position: 0 .5em;
	padding-left:20px;
}
#outerWrapper #contentWrapper #sideRight p {
  padding:0 0 0 24px;
}
#outerWrapper #contentWrapper #sideRight .cform a{
	width:163px;
	height:25px;
	background:url(../images/but-contact.jpg) left top no-repeat;
	display:block;
	color:#666;
	padding:5px 0 0 9px;
	margin-left:24px;
}
#outerWrapper #contentWrapper #sideRight .cform a:hover{
	text-decoration:none;
	background:url(../images/but-contact.jpg) left bottom no-repeat;
}

.home #outerWrapper #contentWrapper #content-home {
  margin: 0 410px 0 235px;
  padding: 25px 30px 0px 25px;
	
}
#outerWrapper #contentWrapper #content {
  margin: 0 50px 0 235px;
  padding: 25px 0px 0px 25px;
}

#outerWrapper #contentWrapper #content .quotes{
	clear:left;
	margin:15px 0 10px 0;
	border:1px solid #ccc;
	background:#FDF7C7;
	padding:15px;
	font-family: Tahoma, Geneva, sans-serif;
	font-style:italic;
	font-size:13px;
	font-weight:normal;
	}
	
#outerWrapper #contentWrapper #content-home .quotes{
	margin:15px 0 10px 0;
	border:1px solid #ccc;
	background:#FDF7C7;
	padding:15px;
	font-family: Tahoma, Geneva, sans-serif;
	font-style:italic;
	font-size:13px;
	font-weight:normal;
	}
	
#outerWrapper #contentWrapper #content h1{
  color:#000;
}
#outerWrapper #contentWrapper #content .refimage{
	margin:20px 20px 0 20px;
	width:153px;
	height:115px;
	border:1px solid #d90000;
	float:left;
	
	}
#outerWrapper #contentWrapper #content .ref-block{
	width:750px;
	height:175px;
	background: url(../images/dotted.gif) left bottom repeat-x;
	overflow:hidden;
}


#outerWrapper #contentWrapper #content .det-block{
	width:750px;
	height:175px;
	background: url(../images/dotted.gif) left bottom repeat-x;
	overflow:hidden;
}
#outerWrapper #contentWrapper #content .ref-block table,#outerWrapper #contentWrapper #content .det-block table{
	margin:30px 0 70px 10px;
	width:390px;
	height:75px;
	float:left;
}
#outerWrapper #contentWrapper #content .ref-block img,#outerWrapper #contentWrapper #content .det-block img{
	margin:30px 63px 0 5px;
	width:153px;
	height:115px;
	border:1px solid #d90000;
	float:left;
}
#outerWrapper #contentWrapper #content .ref-block:hover{
	background:#fdf7c7 url(../images/dotted.gif) left bottom repeat-x;
}
#outerWrapper #contentWrapper #content .ref-block th,#outerWrapper #contentWrapper #content .det-block th{
	width:110px;
	text-align:left;
	font-weight:normal;
	color:#000;
	vertical-align:top;
}
#outerWrapper #contentWrapper #content .ref-block .but-details,#outerWrapper #contentWrapper #content .det-block .but-details{
	margin:69px 0 0 0;
	
	}
#outerWrapper #contentWrapper #content .ref-block .but-details h1,#outerWrapper #contentWrapper #content .det-block .but-details h1{
	float:left;
	overflow: hidden;
	line-height:37px;
	height:37px;
	width:37px;
	background: url(../images/but-details.gif) no-repeat;
	text-indent:-9000px;
	}
#outerWrapper #contentWrapper #content .ref-block .but-details h1	a { display: block; height: 37px }
#outerWrapper #contentWrapper #content .ref-block .but-details h1	a:hover { background: url(../images/but-details.gif) left bottom no-repeat; }
#footer {
	text-align:left;
	width:825px;
  background-color: #fff;
  height: 30px;
  padding:0 0 0 235px;
	position: relative;
	margin-top: -30px;
}
#footer h3{
	float:right;
	overflow: hidden;
	line-height:30px;
	height:30px;
	width:50px;
	background: url(../images/top.gif) no-repeat;
	text-indent:-9000px;
	}
#footer h3	a { display: block; height: 30px }
#footer #f-links{
	background: #cc0000;
	width: 360px;
	height:24px;
	float:right;
	text-align:center;
	display:inline;
	color:#ff0000;
	padding-top:6px;
	font-size:10px;
}

#footer #f-links  a{
color:#fff;font-weight:normal;
}


#footer #copyright{
	background:#ff0000;
	width:415px;
	height:24px;
	float:right;
	text-align:center;
	color:#fff;padding:6px 0 0 0;
}
#footer #copyright a{
	color:#fff;
	font-weight:normal;
}
#logos ul {
	margin: 20px 0 0 10px;
	padding: 0px;
	list-style-type: none;
	text-align: left;
}
#logos ul li span {
	display:none;
}
a.logo1{
	background: transparent url("../images/logo_bnl.gif") no-repeat;
	background-position:left bottom;
	display: block;
	float: left;
	height: 70px;
	width:104px;
	margin-right: 4px;
	text-decoration:none;
}
a.logo1:hover{
	background: transparent url("../images/logo_bnl.gif") no-repeat;
	background-position:left top;
	display: block;
	float: left;
	height: 70px;
	width:104px;
	margin-right: 4px;
	text-decoration:none;
}
a.logo2{
	background: transparent url("../images/logo_bg.gif") no-repeat;
	background-position:left bottom;
	display: block;
	float: left;
	height: 70px;
	width:104px;
	margin-right: 4px;
	text-decoration:none;
}
a.logo2:hover{
	background: transparent url("../images/logo_bg.gif") no-repeat;
	background-position:left top;
	display: block;
	float: left;
	height: 70px;
	width:104px;
	margin-right: 4px;
	text-decoration:none;
}
a.logo3{
	background: transparent url("../images/logo_fundeon.gif") no-repeat;
	background-position:left bottom;
	display: block;
	float: left;
	height: 70px;
	width:104px;
	margin-right: 4px;
	text-decoration:none;
}
a.logo3:hover{
	background: transparent url("../images/logo_fundeon.gif") no-repeat;
	background-position:left top;
	display: block;
	float: left;
	height: 70px;
	width:104px;
	margin-right: 4px;
	text-decoration:none;
}
a.logo4{
	background: transparent url("../images/logo_woningborg.gif") no-repeat;
	background-position:left bottom;
	display: block;
	float: left;
	height: 70px;
	width:104px;
	margin-right: 0px;
	text-decoration:none;
}
a.logo4:hover{
	background: transparent url("../images/logo_woningborg.gif") no-repeat;
	background-position:left top;
	display: block;
	float: left;
	height: 70px;
	width:104px;
	margin-right: 0px;
	text-decoration:none;
}
