html{
	overflow: -moz-scrollbars-vertical;
	overflow-y: scroll;
}
body{
	background: url(images/bg.jpg) center top fixed;
	margin: 0;
	padding: 20px 0 0 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000;
}

iframe{
	overflow: hidden;
}
.print{
	display: none;
}
.clear{
	clear: both;
}
p{
	padding: 5px 0 0 0;
	margin: 0;
}
#container{
	margin: 0 auto;
	width: 800px;
}
#header{
	background: url(images/header.jpg) no-repeat;
	width: 800px;
	height: 149px;
	margin: 0 0 0 7px;
	padding: 0;
}
#logo{
	float: left;
	padding: 40px 0 0 30px;
}
#googlemaps{
	padding: 0;
	margin: 0;
}
#google-left{
	float: left;
	padding: 0 0 5px 0;
}
#google-right{
	float: left;
	padding: 40px 0 0 10px;
}
#googlemaps h1{
	color: #E10918;
	font-size: 11px;
	font-weight: bold;
	margin: 0;
	padding: 0;
}
#menu{
	float: left;
	margin: 0;
	padding: 45px 0 0 85px;
}
#menu ul, #menu li{
	list-style: none;
	float: left;
	margin: 0;
	padding: 0;
}
#menu a{
	text-decoration: none;
	color: #989999;
	border-left: 1px solid #242424;
	padding: 7px 15px 7px 15px;
	line-height: 30px; 
}
#menu a:hover, #menu a.active{
	color: #FFF;
	background: #242323;
}
#menu a.no-border{
	border-left: none;
}
#transparant-blok{
	width: 400px;
	height: 80px;
	background: #FFF;
	opacity: .75;
	filter: alpha(opacity=75);
	position: absolute;
	margin: 50px 0 0 407px;
}
#transparant-line{
	width: 800px;
	height: 20px;
	background: #FFF;
	opacity: .6;
	filter: alpha(opacity=60);
	position: absolute;
	margin: 163px 0 0 7px;
}
#welkom{
	position: absolute;
	width: 355px;
	padding: 10px 20px 10px 20px;
	margin: 50px 0 0 407px;
	z-index: 75;
}
#welkom h1{	
	color: #3D2111;
	font-weight: normal;
	font-size: 22px;
	padding: 0;
	margin: 0;
	z-index: 100;
}
#welkom .inleiding{
	color: #5B5B5B;
	padding-top: 5px;
	padding-bottom: 5px;
}
#banner{
	width: 800px;
	height: 190px;
	background: #FFF;
	padding: 0;
	margin: 0 0 0 7px;
}
#banner-detail{
	/*background: url(images/banner-bg.png) no-repeat;*/
	width: 800px;
	height: 190px;
	padding: 0;
	margin: 0 0 0 7px;
	background: #FFF;
	/*behavior: url(iepngfix.htc);*/
}
#banner-image{
	padding-left: 0px;
}
#inleiding{
	/*background: url(images/inleiding.png) repeat-y;
	_background: url(images/inleiding.gif) repeat-y;*/
	width: 800px;
	/*behavior: url(iepngfix.htc);*/
	background: #FFF;
	margin: 0 0 0 7px;
}
#inleiding h1{
	float: left;
	color: #000;
	font-weight: normal;
	font-size: 22px;
	padding: 0;
	margin: 0;
	width: 218px;
	padding: 40px 0 10px 35px;
}
#inleiding .tekst{
	float: left;
	width: 455px;
	color: #E10918;
	font-weight: bold;
	padding: 15px 50px 10px 0;
	line-height: 150%;
}
#blok-top{
	background: url(images/blok-top.jpg) no-repeat;
	width: 800px;
	height: 154px;
	padding-left: 0px;
	margin: 0 0 0 7px;
}
#portfolio-slider{
	float: left;
	width: 400px;
	height: 154px;
}
#portfolio-navigation{
	position: absolute;
	margin: 134px 0 0 325px;
	z-index: 100;
}
#portfolio-navigation ul, #portfolio-navigation li{
	float: left;
	list-style: none;
	padding: 0;
	margin: 0;
}
#portfolio-navigation a{
	margin: 0 2px 0 0;
	padding: 0;
	text-decoration: none;
}
#ditdoenwe{
	float: left;
	padding: 15px 20px 0 26px;
	width: 340px;
}
#ditdoenwe h1{
	color: #E10918;
	font-size: 22px;
	font-weight: normal;
	margin: 0;
	padding: 0;
}
#ditdoenwe .inleiding{
	color: #FFF;
	padding-top: 5px;
	line-height: 18px;
}
#blok-top .inleiding{
	padding-bottom: 7px;
}
#leesverder-ditdoenwe{
	position: absolute;
	margin: 472px 0 0 427px; 
}
#leesverder-ditdoenwe a{
	color: #FFF;
	text-decoration: none;
	font-size: 10px;
	background: #E10918;
	padding: 3px 7px 4px 7px;
	line-height: 21px;
}
#leesverder-ditdoenwe a:hover{
	color: #E10918;
	background: #FFF;
}
#blok-bottom{
	background: url(images/blok-bottom.jpg) no-repeat;
	width: 800px;
	height: 123px;
	color: #5B5B5B;
	margin: 0 0 0 7px;
}
#portfolio{
	float: left;
	width: 340px;
	padding: 15px 30px 0 35px;
}
#portfolio h1{
	color: #000;
	font-size: 22px;
	font-weight: normal;
	margin: 0;
	padding: 0 0 5px 0;	
}
#portfolio .inleiding{
	margin: 0;
	padding: 0 0 0 1px;
	line-height: 150%;
}
#leesverder-portfolio{
	position: absolute;
	margin: 595px 0 0 37px;
}
#leesverder-portfolio a{
	color: #FFF;
	text-decoration: none;
	font-size: 10px;
	background: #E10918;
	padding: 3px 7px 4px 7px;
	margin: 0;
	line-height: 21px; 
}
#leesverder-portfolio a:hover, #leesverder-actueel a:hover{
	color: #E10918;
	background: #FFF;
}
#actueel{
	float: left;
	width: 340px;
	padding: 15px 30px 0 21px;
	height: 105px;
}
#actueel h1{
	color: #000;
	font-size: 22px;
	font-weight: normal;
	margin: 0;
	padding: 0 0 5px 0;	
}
#actueel .inleiding{
	margin: 0;
	line-height: 150%;
}
#leesverder-actueel{
	position: absolute;
	margin: 595px 0 0 427px;
}
#leesverder-actueel a{
	color: #FFF;
	text-decoration: none;
	font-size: 10px;
	background: #E10918;
	padding: 3px 7px 4px 7px;
	margin: 0;
	line-height: 21px;
}
#main{
	/*background: url(images/main-bg.png) repeat-y;
	_background: url(images/main-bg.gif) repeat-y;*/
	background: #F0F0F0;
	width: 800px;
	margin: 0 0 0 7px;
	padding: 0;
	/*behavior: url(iepngfix.htc);*/
}
#content, #sub{
	margin: 0;
	padding: 0;
}
#sub{
	float: left;
	padding: 10px 0 10px 25px;
	width: 200px;
}
#submenu ul, #submenu li{
	list-style: none;
	padding: 8px 0 8px 0;
	margin: 0;
}
#submenu a{
	text-decoration: none;
	color: #5B5B5B;
	padding: 3px 10px 4px 10px;
}
#submenu a:hover, #submenu a.active{
	color: #FFF;
	background: #E10918;
}
#contact{
	padding: 0 0 0 10px;
	color: #5B5B5B;
}
#contact h1{
	color: #E10918;
	font-size: 11px;
	font-weight: bold;
	margin: 0;
	padding: 10px 0 0 0;
}
#contact a{
	color: #E10918;
	margin: 0;
	padding: 0;
	text-decoration: none;	
}
#contact a:hover{
	text-decoration: underline;
	background: none;
}
#tekst{
	float: left;
	width: 505px;
	color: #5B5B5B;
	padding: 10px 0 20px 0;
	margin-left: 28px;
	line-height: 150%;
}
#tekst .horizontal{
	background: url(images/hr.jpg) no-repeat;
	height: 1px;
	padding-bottom: 20px;
}
#tekst a{
	color: #E10918;
	text-decoration: none;
}
#tekst a:hover{
	text-decoration: underline;
}
#tekst .titel{
	float: left;
	padding-right: 5px;
	font-weight: bold;
	color: #E10918;
}
#tekst ul{
	padding: 5px 0 5px 15px;
}
#tekst li{
	padding: 1px 0 1px 0;
}
#actueel-titel{
	font-weight: bold;
	color: #E10918;
	padding: 0 0 5px 0;
}
#actueel-tekst{
	padding: 0;
	margin: 0;
	line-height: 150%;
}
#actueel-tekst .at-left{
	float: left;
	width: 340px;
	padding: 0 10px 0 0;
}
#actueel-tekst .at-right{
	float: left;
	width: 150px;
	padding: 10px 0 0 0;
}
#actueel-tekst .at-link a{
	background: #E10918;
	padding: 3px 7px 3px 7px;
	color: #FFF;
	text-decoration: none;
	font-size: 10px;
}
#actueel-tekst .at-link a:hover{
	background: #FFF;
	padding: 3px 7px 4px 7px;
	color: #E10918;
	text-decoration: none;
}
#actueel-horizontal{
	background: url(images/hr.jpg) no-repeat;
	height: 1px;
	padding: 0 0 20px 0;
	margin: 1px 0 0 0;
}
#medewerkers-flash{
	padding: 0;
	margin: 0;
}
#footer{
	background: url(images/footer.jpg) no-repeat;
	width: 800px;
	height: 24px;
	color: #6E6E6E;
	font-size: 10px;
	margin: 0 0 0 7px;
}
#footer-tekst{
	padding: 35px 0 40px 302px;
}
#footer ul, #footer li{
	float: left;
	list-style: none;
	margin: 0;
	padding: 0 6px 0 6px;
}
#footer a{
	display: block;
	text-decoration: none;
	color: #6E6E6E;
}
#footer a:hover{
	color: #FFF;
}
/* photoslider */
#portfolio-image .pics{
	height: 154px;
	width: 400px;
	padding:0;
	margin:0;
	overflow: hidden;
}
#portfolio-image .pics img{
	height: 154px;
	width: 400px;
	top:0;
	left:0
}
#projecten-image .pics{
	/*height: 154px;*/
	width: 350px;
	padding:0;
	margin:0;
	overflow: hidden;
}projecten-image .pics img{
	/*height: 154px;*/
	width: 350px;
	top:0;
	left:0
}
/* thickbox */
#projecten{
	scrollbar-arrow-color: #000;
	scrollbar-face-color: #FFF;
	scrollbar-highlight-color: #5B5B5B;
	scrollbar-3dlight-color: #FFF;
	scrollbar-shadow-color: #5B5B5B;
	scrollbar-darkshadow-color: #FFF;
	scrollbar-track-color: #FFF;
}
#projecten-container{
	margin: 20px 0 0 0;
	padding: 0;
}
#projecten-main{
	margin: 0;
	padding: 0;
}
#projecten{
	width: 275px;
	float: left;
	padding: 0 12px 0 12px;
}
#projecten-titel h1{
	color: #3D2111;
	font-size: 22px;
	font-weight: normal;
	line-height: 120%;
	margin: 0;
	padding: 0;
}
#projecten-body{
	margin-top: 20px;
	padding: 0 20px 0 0;
	line-height: 150%;
	color: #5B5B5B;
	font-size: 11px;
	overflow: auto;
	height: 249px;
}
#projecten-body ul, #projecten-body li{
	list-style-type: disc;
}
#projecten-body li{
	margin: 0 0 0 15px;
}
#projecten-image{
	float: left;
	padding: 10px 0 0 9px;
}
#projecten-navigation{
	position: absolute;
	margin: 322px 0 0 634px;
}
#projecten-navigation ul, #projecten-navigation li{
	float: left;
	list-style: none;
	padding: 0;
	margin: 0;
}
#projecten-navigation a{
	margin: 0 2px 0 0;
	padding: 0;
	text-decoration: none;
}

