html, body, form, fieldset, h1, h2, h3, h4, h5, h6, p, pre, blockquote, address {margin: 0;padding: 0;}
a, a:hover {color: #606d81;}
a:hover {text-decoration: none;}
body, textarea, input {color: #606d81;font: 11px/18px Arial;}
img {border: 0;}	
p {margin: 0;padding: 0;}

body,
html{
height:100%;
}
body{
background:url(/img/achtergronden/body-bg.gif) repeat-x 0 0;
}
html{
background:url(/img/achtergronden/html-bg.gif) 0 0;
}
div.Canvas{
width:908px;
height:817px;
background:url(/img/achtergronden/canvas-bg.gif) no-repeat 0 0;
margin: 0 auto;
position:relative;
top:9px;
}
div.Header{
height:279px;
width:908px;
float:left;
position:relative;
}
div.HoofdNavigatie{
position:absolute;
top:6px;
left:453px;
width:226px;
height:271px;
background:url(/img/achtergronden/hoofdnav-bg.gif) no-repeat 0 0;
}
ul.HoofdNavigatie{
position:absolute;
bottom:19px;
left:1px;
width:226px;
background:url(/img/algemeen/hoofdnav-streep-top.gif) no-repeat 0 0;
margin:0;
padding:0;
}
ul.HoofdNavigatie,
ul.HoofdNavigatie li{
list-style-type:none;
}
ul.HoofdNavigatie li{
margin: 0 0 0 42px;
line-height:20px;
width:171px;
height:20px;
}
ul.HoofdNavigatie li a:link,
ul.HoofdNavigatie li a:visited,
ul.HoofdNavigatie li a:active,
ul.HoofdNavigatie li a:hover{
color:#ffffff;
width:171px;
height:20px;
background:url(/img/algemeen/hoofdnav-bg.png) no-repeat 0 0;
display:block;
padding: 0 0 0 33px;
position:relative;
color:#c6d1e2;
text-decoration:none;
font-weight:bold;
}
*html ul.HoofdNavigatie li a:link,
*html ul.HoofdNavigatie li a:visited,
*html ul.HoofdNavigatie li a:active,
*html ul.HoofdNavigatie li a:hover{
background:none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/algemeen/hoofdnav-bg.png');
}
ul.HoofdNavigatie li a:hover,
ul.HoofdNavigatie li a.ACTIVE{
background:url(/img/algemeen/hoofdnav-ov-bg.png) no-repeat 0 0;
cursor:pointer;
}
*html ul.HoofdNavigatie li a:hover,
ul.HoofdNavigatie li a.ACTIVE{
background:none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/algemeen/hoofdnav-ov-bg.png');
}
ul.HoofdNavigatie li a span{
position:absolute;
top:9px;
left:22px;
width:4px;
height:4px;
background:url(/img/algemeen/hoofdnav-span-bg.png) no-repeat 0 0;
}
*html ul.HoofdNavigatie li a span{
background:none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/algemeen/hoofdnav-span-bg.png');
}
div.HoofdNavigatieStreepBottom{
position:absolute;
background:url(/img/algemeen/hoofdnav-streep-bottom.png) no-repeat 0 0;
width:226px;
height:2px;
bottom:17px;
left:1px;
}
*html div.HoofdNavigatieStreepBottom{
background:none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/algemeen/hoofdnav-streep-bottom.png');
}

div.SubNavigatieContainer{
position:absolute;
top:6px;
right:6px;
width:224px;
height:271px;
background:url(/img/algemeen/subnav-bg-visual.jpg) no-repeat 0 0;
z-index:1;
}
div.SubNavigatie{
position:absolute;
bottom:0px;
left:0px;
width:224px;
height:179px;
background:url(/img/achtergronden/subnav-bg.png) no-repeat 0 0;
}
ul.SubNavigatie{
position:relative;
top:20px;
left:10px;
margin:0;
padding:0;
list-style-type:none;
}
ul.SubNavigatie li{
background:url(/img/algemeen/subnav-bullet.gif) no-repeat 10px 8px;
padding:0 0 0 20px;
}
ul.SubNavigatie li a{
font-weight:bold;
font-style:italic;
color:#ffffff;
}
/* /hoofd & Subnavigatie */


div.Logo{
margin: 0 0 0 6px;
width:447px;
height:277px;
position:relative;
background: url(/img/algemeen/top-bg.jpg) no-repeat 0 6px;
}

div.Logo .Visual {
	position:absolute;
	top: 6px;
	left: 0;
}


div.Logo h1{
position:absolute;
top:21px;
left:56px;
width:233px;
height:44px;
z-index:2;
}
div.Logo h1 a{
background:url(/img/algemeen/logo.gif) no-repeat 0 0;
text-indent:-9999px;
width:233px;
height:44px;
display:block;
}
div.ContentContainer{
float:left;
position:relative;
height:531px;
width:896px;
background:url(/img/achtergronden/content-bg.jpg) no-repeat 0 0;
left:6px;
}
div.Content{
width:672px;
height:353px;
overflow:auto;
scrollbar-arrow-color: #c3cfe0;
scrollbar-face-color: #a0b2ce;
scrollbar-highlight-color: #a0b3ce;
scrollbar-3dlight-color: #a0b2ce;
scrollbar-shadow-color: #a0b3ce;
scrollbar-darkshadow-color: #8192ae;
scrollbar-track-color: #879ec2;
}
div.ContentContainer h2{
font-size:18px;
color:#1e498c;
left:51px;
margin:35px 0 0 51px;
}
div.ContentContainer div.RechterKolom h2{
margin:0;
}
div.ContentTekst{
width:590px;
margin: 10px 0 0 51px;
padding:0 0 30px 0;
color:#606d81;
}
div.ContentTekst div.ContentKolom{
width:266px;
float:left;
text-align:justify;
}
div.ContentTekst div.MarginLeft{
margin: 0 0 0 30px;
}
div.ContentTekst p.FormDetail{
width:266px;
margin:0 0 8px 0;
clear:both;
}
div.ContentTekst p.FormDetail input{
float:left;
border:solid 1px #ffffff;
border-left:solid 1px #bcc4cf;
border-top:solid 1px #96a1b4;
line-height:14px;
}
div.ContentTekst p.FormDetail textarea{
width:196px;
height:60px;
border-left:solid 1px #bcc4cf;
border-top:solid 1px #96a1b4;
}
div.ContentTekst p.FormDetail span{
color:#ffffff;
float:left;
}
div.ContentTekst p.FormDetail label{
color:#ffffff;
width:60px;
height:19px;
display:block;
float:left;
font-weight:normal;
}
div.ContentTekst p.FormDetail a.FormVersturen:link,
div.ContentTekst p.FormDetail a.FormVersturen:visited,
div.ContentTekst p.FormDetail a.FormVersturen:active,
div.ContentTekst p.FormDetail a.FormVersturen:hover{
width:64px;
height:18px;
background:url(/img/buttons/but-versturen.gif) no-repeat 0 0;
text-indent:-9999px;
display:block;
float:left;
}
div.ContentTekst p.FormDetail a.FormVersturen:hover{
background:url(/img/buttons/but-versturen.gif) no-repeat 0 -18px;
}
div.RechterKolom{
position:absolute;
left:690px;
top:35px;
}
div.NewsItemContainer{
margin:5px 0 15px 0;
}
div.NewsItemContainer p.NewsTitle a{
color:#000000;
font-weight:bold;
}
div.NewsItemContainer p.NewsTitle span{
color:#1e498c;
font-weight:bold;
font-size:9px;
margin:0 5px 0 0;
}
p.NewsContent{
color:#4b5768;
line-height:12px;
}
a.Leesmeer{
display:block;
width:54px;
height:12px;
background:url(/img/buttons/but-leesmeer.gif) no-repeat 0 0;
text-indent:-9999px;
margin:5px 0 0 0;
}
a.Terug{
display:block;
width:54px;
height:12px;
background:url(/img/buttons/but-terug.gif) no-repeat 0 0;
text-indent:-9999px;
margin:5px 0 0 0;
}
div.BottomContent{
position:absolute;
top:354px;
left:0px;
width:672px;
height:175px;
}
div.BottomContent div.ProjectContainer, 
div.BottomContent div.ProjectContainerTekst{
width:214px;
height:164px;
margin:8px 0 0 7px;
float:left;
background:url(/img/achtergronden/projectencontent-bg.gif) no-repeat 0 0;
position:relative;
}
div.BottomContent div.ProjectContainerTekst{
background:url(/img/achtergronden/projectencontenttekst-bg.gif) no-repeat 0 0;
}
div.BottomContent div.ProjectContainer div.ProjectVisual{
width:208px;
height:157px;
margin:2px;
}
div.BottomContent div.ProjectContainer h3{
width:214px;
height:24px;
background:url(/img/achtergronden/projectenbalk-bg.gif) no-repeat 0 0;
position:relative;
letter-spacing: 0px;
font-family: arial;
}
div.BottomContent div.ProjectContainer h3 a:link,
div.BottomContent div.ProjectContainer h3 a:visited,
div.BottomContent div.ProjectContainer h3 a:active,
div.BottomContent div.ProjectContainer h3 a:hover{
color:#ffffff;
text-decoration:underline;
font-size:11px;
position:absolute;
top:6px;
left:7px;
font-weight: bold;
}
div.BottomContent div.ProjectContainer h3 a:hover{
text-decoration:none;
}
div.BottomContent div.ProjectContainer div.ProjectContent{
width:214px;
height:140px;
}
div.BottomContent div.ProjectContainer div.ProjectContent div.ProjectVisuals{
position:relative;
float:left;
margin: 10px 0 0 0px;
}
div.BottomContent div.ProjectContainer div.ProjectContent p{
position:relative;
clear:both;
font-size:10px;
line-height:9px;
color:#6885b2;
width:180px;
margin: 0 0 0 15px;
padding:10px 0 0 0;
}
div.BottomContent div.ProjectContainer div.ProjectContent div.ProjectVisuals a{
display:block;
width:80px;
height:52px;
float:left;
margin: 0 0 0 15px;
border:solid 1px #51555a;
}
div.BottomContent div.RouteKaart{
position:absolute;
left:7px;
top:8px;
width:213px;
height:162px;
}
div.BottomContentTekst{
position:absolute;
right:8px;
top:8px;
height:162px;
}
div.Breed{
width:435px;
background:url(/img/achtergronden/bottomcontent-breed-bg.gif) no-repeat 0 0;
}
div.Smal{
width:213px;
background:url(/img/achtergronden/bottomcontent-smal-bg.gif) no-repeat 0 0;
}
div.BottomContent h4{
position:absolute;
top:9px;
left:25px;
color:#1e498c;
font-weight:bold;
font-size:11px;
}

div.BottomContent p.RouteBeschrijving{
position:absolute;
top:48px;
left:25px;
margin-right: 20px;
list-style-type:none;
}

div.BottomContent ul.BottomContentList{
position:absolute;
top:128px;
left:25px;
margin:0;
padding:0;
list-style-type:none;
}
div.BottomContent ul.BottomContentList li{
background:url(/img/algemeen/list-bullet.gif) no-repeat 0 8px;
padding: 0 0 0 10px;
line-height:22px;
}
div.BottomLogo{
position:absolute;
top:380px;
left:673px;
width:224px;
height:146px;
}

div.BottomLogo .logo_woningborg a {
	background:url(/img/algemeen/logo_woningborg.gif) no-repeat;
	width: 126px;
	height: 65px;
	display: block;
	float: left;
	text-indent: -9999px;
}

div.BottomLogo .logo_bouwgarant a {
	background:url(/img/algemeen/logo_bouwgarant.gif) no-repeat;
	width: 98px;
	height: 65px;
	display: block;
	float: left;
	text-indent: -9999px;
}

div.BottomLogo .logo_bouwendnl a {
	background:url(/img/algemeen/logo_bouwend.gif) no-repeat;
	width: 126px;
	height: 62px;
	display: block;
	float: left;
	text-indent: -9999px;
}

div.BottomLogo .logo_fundeon a {
	background:url(/img/algemeen/logo_fundeon.gif) no-repeat;
	width: 98px;
	height: 62px;
	display: block;
	float: left;
	text-indent: -9999px;
}


p.FormDetail input.noborder{
border:2px;
}
ul.List{
list-style-type:none;
margin:0;
padding:0;
}
ul.List li{
background:url(/img/algemeen/list-bullet.gif) no-repeat 0 7px;
padding: 0 0 0 10px;
margin:3px 0 3px 0;
}
.Border{
padding:0px 0 12px 0;
border-bottom: solid 1px #a2b0c2;
}
div.ProjectContentContainer{
width:265px;
height:39px;
background:#d6deea;
float:left;
margin:10px 0 0 0;
}
div.MarginRight{
margin-right:30px;
}
div.ProjectThumb{
margin:1px 17px 1px 1px;
float:left;
width:38px;
height:38px;
}
div.ProjectThumbLink{
float:left;
width:190px;
height:39px;
display: inline;
margin-left: 10px;
}
div.ProjectThumbLink a{
font-weight:bold;
line-height:37px;
}