html, body, div, object, iframe, h1, h2, h3, h4, h5, h6, p, address, em, img, small, ul, ol, li, fieldset, form, label, legend, table, input, textarea, tr, th, td,header,footer{
	margin:0;padding:0;border:0;outline:0;
	background:transparent;
	color:#333333;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:22px;
}
header,footer,aside{ display:block }
:focus{outline:none}
a{
	color:#9f0019;
	text-decoration:underline
}
a:hover{
	text-decoration:none
}
p{
	margin:25px 0
}
.rood{
	color:#9f0019
}
ol {
	list-style: inside decimal;
	margin:0;
	
}
ul{
	list-style:none;
	margin:0;	
}
ul li{
	padding:0 0 0 20px;
	background:url(../images/tpl/liststyle.gif) no-repeat 0 8px
}
ul li ul li {
	margin-left: 10px;
}
h1+img{
	margin-top:20px
}
h1{
	height:45px;
	font-size:21px;
	margin-bottom:22px;
	letter-spacing: 1px;
}
h3{
	height:35px;
}
h4 {
	height:35px;
}
h5{
	height: 30px;
	font-size:25px;
	letter-spacing: 1px;
}
h6 {
	height: 35px;
}
html,body{height:100%}
body{ background:white url(../images/tpl/bg_body.png) repeat-x }
body.vervolg{
	background:url(../images/tpl/bg_body_vervolg.png) repeat-x
}
#container{
	min-height: 100%;
	height: auto !important; 
	height: 100%; 
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	background:url(../images/tpl/bg_container.png) no-repeat center 38px;
}
#site{
	width:960px; height:auto;
	padding:0 0 250px 0;
	position:relative;
	margin:0 auto;
	background:url(../images/tpl/bg_site.png) no-repeat
}
#site:after,#main:after,#content:after,#main .wrapper:after{
	clear:both;
	display:block;
	font:1px/0px serif;
	content:".";
	height:0;
	visibility:hidden;
}
header{
	width:960px; height:164px;
	position:relative;
	z-index:800
}
body.vervolg header{
	height:184px
}
header h2{
	width:160px; height:114px;
	position:absolute;
	top:33px; left:38px;
}
header ul#menu{
	width:637px; height:34px;
	list-style:none;
	position:absolute;
	top:82px; left:303px;
}
header ul#menu li{
	height:31px;
	float:left;
	position:relative;
	padding: 0px;
	background:url(../images/tpl/pipe.gif) no-repeat left center
}
header ul#menu li:first-child{
	background:none;
}
header ul#menu li.subhover{
	background: #a0001a;
}
header ul#menu li.active a,
header ul#menu li a:hover{
	border-bottom:3px solid #a0001a;
}
header ul#menu li a{
	display:inline-block;
	height:26px;
	line-height:26px;
	padding:5px 0px 0px 0px;
	margin: 0px 21px;
	font-size:15px;
	font-weight:bold;
	color:white;
	text-decoration:none
}
header ul#menu li ul.sub{
	position:absolute;
	top:31px; left:0;
	padding:18px 20px 20px 20px;
	display:none;
	height:auto;
	width:170px;
	background:#a0001a;
	list-style:none
}
header ul#menu li ul.sub li{
	height: 24px;
	background:none;
	float:none;
	padding:0px;
	margin:0px;
}
header ul#menu li ul.sub li a{
	height: 24px;
	line-height: 24px;
	font-weight:normal;
	font-size:13px;
	border:0;
	margin:0;
	padding: 0px 0px 0px 15px;
	background: url(../images/tpl/submenu_white.gif) left 10px no-repeat;
}
header ul#menu li ul.sub li a:hover{
	border:0;
	color: #13212b;
	background: url(../images/tpl/submenu_black.gif) left 10px no-repeat;
	
}
header ul#menu li:hover ul.sub{
	display:block
}
#sfeer{
	width:960px; height:382px;
	position:relative;
	background:url(../images/tpl/slide-overlay2.png) no-repeat;
}
#sfeer #overlay{
	width:696px; height:382px;
	position:absolute;
	top:0; right:0;
	background:url(../images/tpl/slide-overlay.png) no-repeat;
	z-index:15
}
#prev, #next{
	width:35px; height:35px;
	position:absolute;
	top:169px;
	cursor:pointer;
	z-index:20
}
#prev{
	left:-20px;
}
#next{
	right:-20px;
}

.item{
	position:absolute;
	width: 960px;
	left:0; top:0;
}
.item img{
	position: relative;
	width: 696px;
	float: right
}
.item .description{
	width:228px; height:322px;
	padding:60px 0 0 36px;
	position: relative;
	float: left
}
.item .description h3{
	margin:0 0 22px;
}
.item .description p{
	color:white;
	margin:0 0 18px 0;
	width:200px;
	font-size: 11px;
}

a.bekijkditproject {
	margin-left: 10px;
}

.item .description a {
	color: white;
}

#content{
	width:960px; height:auto;
	position:relative;
}
aside{
	width:204px; height:auto;
	padding:39px 25px 100px 35px;
	position:relative;
	float:left;
	background:#f1f1f1 url(../images/tpl/bg_aside.png) no-repeat 0 bottom
}
aside .imgwrapper{
	width:201px; height:152px;
	position:relative;
}
aside .imgwrapper a{
	width:201px; height:152px;
	display:block;
	position:absolute;
	top:0; left:0;
	background:url(../images/tpl/vergroot.png) no-repeat right bottom
}
aside h4{
	margin:0 0 15px 0;
}
.naw strong{
	display:inline-block;
	width:37px
}
#main{
	width:696px; height:auto;
	position:relative;
	float:left;
}
#titels{
	height:50px;
	position:relative;
	overflow:hidden;
	padding-bottom:22px;
}
#titels h1,#titels h5,#titels a,#titels span{
	float:left
}
#titels a,#titels span{
	height:50px; display:block;
	line-height:65px
}
#titels span{
	margin:0 20px;
}
#titels h5{
	margin:10px 0 0 0;
}
#main .col{
	width:316px; height:auto;
	padding:0 40px;
	position:relative;
	float:left;
}
#main .col.right{
	width:300px;
	padding:0
}
#main .col.right .textwrapper{
	width:263px;
	padding:10px 23px 0 14px;
}
#main ul.default{
	list-style:none;
	margin:0;	
}
#main ul.default li{
	padding:0 0 0 20px;
	background:url(../images/tpl/liststyle.gif) no-repeat 0 8px
}
#main h4+p{
	margin-top:15px
}
#main .wrapper{
	width:656px; height:auto;
	padding:38px 0 0 30px
}
.sorteer{
	width:633px; height:48px;
	margin:0 0 30px 0;
	padding:0 0 0 21px;
	position:relative;
	border:1px solid #e1e1e1;
}
.sorteer strong{
	height:48px;
	line-height:48px;
}
.sorteer .selectfake{
	width:121px; height:30px;
	position:absolute;
	top:10px; left:178px;
	background:url(../images/tpl/bg_select.gif) no-repeat;
	cursor:pointer
}
.sorteer select{
	width:121px; height:30px;
	position:absolute;
	left:0;
	cursor:pointer;
	font-size:11px
}
.sorteer .selector{
	width:111px; height:20px;
	position:absolute;
	top:0; left:178px;
	padding:10px 0 0 10px;
	cursor:pointer
}
.sorteer span.select{
	font-size:11px;
	color:#3b4952;
	height:30px;
	line-height:30px;
	cursor:pointer
}
#select2{
	position:absolute;
	top:0; left:340px;
}
#select2 .selector,
#select2 .selectfake{
	left:115px;
}

.project{
	width:318px; height:239px;
	position:relative;
	float:left;
	margin:0 20px 20px 0;
	overflow:hidden;
}
.project.no_mg_right {
	margin-right: 0px;
}
.project strong{
	width:318px; height:40px;
	line-height:40px;
	position:absolute;
	bottom:0; left:0;
	background:url(../images/tpl/bg_projectnaam.png) repeat-x;
	color:white;
	text-indent:19px
}
.project strong span{
	font-weight:normal
}
.project a{
	width:318px; height:239px;
	position:absolute;
	top:0; left:0;
	display:block;
	background:url(../images/tpl/vergroot2.png) no-repeat right bottom
}

#demo {
	position: relative;
	float: left;
	width: 655px;
	padding-bottom: 40px;
}
#demo h1 {
	font-size: 18px;
	font-weight: bold;
	color: #007AC0;
	margin-bottom: 15px;
	text-align: center;
}
#photo {
	position: relative;
	float: left;
	width: 655px;
	height: 492px;
	overflow: hidden;
	background: #f1f1f1;
}
#photo img {
	position: absolute;
	top: 0px;
	left: 0px;
}
#photo img.first {
	z-index: 10;
}
#photo img.sec {
	z-index: 5;
}
#photo_slider {
	position: relative;
	float: left;
	width: 655px;
	height: 93px;
	margin: 15px 0px;
	overflow: hidden;
}
#photo_slider #slide_wrapper {
	position: absolute;
	top: 0px;
	left: 0px;
	height: 93px;
	width: 1000000px;
}
#photo_slider .thumb {
	position: relative;
	float: left;
	width: 123px;
	height: 93px;
	overflow: hidden;
	margin-right: 10px;
	cursor: pointer;
}
.overlay_thumb {
	width: 123px; height: 93px;
	position: absolute;
	left: 0px; top: 0px;
	background: url(../images/tpl/overlay_thumb.png) left top no-repeat;
	display: none;
	z-index: 100;
}
#photo_slider .thumb.active .overlay_thumb {
	display: block;
}
#nav_slider {
	width: 655px; height: auto;
	position: absolute;
	left: 0px; top: 165px;
}
#nav_slider .nav_slider {
	color: #555;
}
#nav_slider .nav_slider a {
	color: #555;
}
#nav_slider #prev {
	float: left;
}
#nav_slider #next {	
	float: right;
}
#nav_slider #numbers {
	position: absolute;
	left: 240px;
	text-align: center;
}
#nav_slider .disabled {
	display: none;
}
#slide_title {
	width: 632px; height: 40px;
	position: absolute;
	left: 0px; bottom: 0px;
	padding-left: 23px;
	line-height: 40px;
	color: #ffffff;
	background: url(../images/tpl/bg_projectnaam.png) left top repeat-x;
	z-index: 500;
}

.scrollable {
	position:relative;
	overflow:hidden;
	width: 655px;
	height:93px;
}
.scrollable .items {
	width:20000em;
	position:absolute;
}
.items div{
	float:left;
	margin:0 10px 0 0
}

#content form {
margin-top: 30px;
}
#content p.error {
width: 475px;
height: auto;
position: relative;
margin-bottom: 20px;
background: #FFF2F2;
padding: 15px 25px;
font-size: 11px;
}
#content .field {
width: 430px;
height: auto;
position: relative;
padding: 4px 0;
}
#content .field:after {
clear: both;
display: block;
font: 1px/0px serif;
content: ".";
height: 0;
visibility: hidden;
}
#content .field label {
width: 160px;
height: 24px;
position: relative;
display: block;
float: left;
line-height: 24px;
font-weight:bold
}
#content .field input {
width: 210px;
height: 18px;
position: relative;
float: left;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
padding: 4px;
border: 1px solid #cccccc;
}
#content .field textarea {
width: 230px;
height: auto;
position: relative;
float: left;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
padding: 4px;
border: 1px solid #cccccc;
}
#content .field input.submit{
width: 103px;
height: 40px;
position: relative;
float: left;
font-family: "Trebuchet MS", Arial;
font-size: 11px;
border: 0px;
cursor: pointer;
margin-left: 160px;
text-indent: -150px;
display: block;
background: url(../images/tpl/versturen.gif) no-repeat;
}
#content .field input.error {
border: 1px solid #FF8A8D;
}


footer{
	width:100%;
	height:230px;
	position:absolute;
	bottom:0px !important;
	bottom:-1px;
	left:0;
	background:url(../images/tpl/bg_footer.png) repeat-x
}
div#footer{
	width:957px; height:181px;
	padding:25px 0 0 38px;
	position:relative;
	margin:0 auto;
	background:url(../images/tpl/bg_footer_watermerk.png) no-repeat
}
#naw{
	width:558px; height:135px;
	position:absolute;
	top:85px; left:38px;
	overflow:hidden
}
#naw p{
	color:white;
	width:160px;
	float:left;
}
#naw a{
	color:#546672
}
#naw p strong{
	display:inline-block;
	width:39px;
}
#realisatie{
	position:absolute;
	top:128px; right:30px;
	font-size:11px;
	color:white;
	text-align:right
}
#realisatie a{
	color:#546672
}
#realisatie span{
	padding:0 8px
}

#content ul.left2 {
	margin-bottom: 25px;
}