/* png fix ie5 & ie6 */

img, div { behavior: url(iepngfix.htc) }

/* main text styles */

h2{
	font-weight: bold;
	font-size: 11px;
	color: #505050;
}

.italic{
	font-style: italic;
}

body{
	font-family: verdana, arial;
	font-size: 10px;
	margin: 5px 0;
	padding: 0;
	color: #505050;
	}
	
body { behavior: url("csshover3.htc"); } 

/* menu */

div.menu{
	position: absolute;
	top: 107px;
	left: 0;
	height: 27px;
	width: 100%;
	background-image: url("../img/bg_menu.png");
	border-top: 1px solid #febb08;
	border-bottom: 1px solid #febb08;
	z-index: 10;
}


div.menu ul{
	list-style-type: none;
	margin: 0px auto;
	padding: 0;
	width: 800px;
}

div.menu ul li{
	display: block;
	float: left;
	height: 28px;
	cursor: pointer;
}

div.menu ul li a{
	display: block;
	height: 100%;
}

ul li.home, ul li.home-active{
	width: 55px;	
	margin-left: 23px;
}
		
li.home a{
	background: url("../img/home.png") 55px 0;
}

li.home a:hover, li.home-active a{
	background: url("../img/home.png") top left;
}


ul li.diensten, ul li.diensten-active{
	margin-left: 111px;
	width: 68px;	
}

li.diensten a{
	background: url("../img/diensten.png") 71px 0;
}

li.diensten a:hover, li.diensten-active a{
		background: url("../img/diensten.png") -5px 0;
}

ul li.projecten, ul li.projecten-active{
	margin-left: 111px;
	width: 73px;
}

li.projecten a{
	background: url("../img/projectenn.png") 77px 0;
}

li.projecten a:hover, li.projecten-active a{
	background: url("../img/projectenn.png") -6px 0;
}

ul li.contact, ul li.contact-active{
	margin-left: 111px;
	width: 64px;
}

li.contact a{
	background: url("../img/contact.png") 66px 0;
}

li.contact a:hover, li.contact-active a{
	background: url("../img/contact.png") -6px 0;
}

ul li.prijzen, ul li.prijzen-active{
	margin-left: 111px;
	width: 64px;
}


li.prijzen a{
	background: url("../img/prijzen.png") 65px 0;
}

li.prijzen a:hover, li.prijzen-active a{
	background: url("../img/prijzen.png") top left;
}

/* main container */

div.container{
	margin: 0px auto;
	width: 800px;	
	position: relative;
	}
	
/* banner */

div.banner{
	position: relative;
	height: 102px;
	background: #505050;
}

div.banner span.logo{
	position: absolute;
	top: 18px;
	left: 20px;
}

div.banner span.logo-text{
	position: absolute;
	top: 26px;
	left: 95px;
}

div.banner span.logo-statements{
	position: absolute;
	top: 13px;
	right: 15px;
}

span.topleftcorner{
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 9px;
	height: 10px;
	background: url("../img/bg_cornerbanner.png") top left;
}

span.toprightcorner{
	display: block;
	position: absolute;
	top: 0px;
	right: 0px;
	width: 9px;
	height: 10px;
	background: url("../img/bg_cornerbanner.png") top right;
}

/* main content container*/

h2{
	margin: 30px 0 7px 0;
}

h2.first{
	margin-top: 0px;
}

h1{
	margin-top: 0;
	font-size: 13pt;
}

div.content{
	position: relative;
	padding: 60px 0 30px 70px;
	background: #eaeaea;
	border: 1px solid #858585;
	border-top: 0;
}

div.contentsub{
	padding: 60px 0 30px 190px;
}


div.content a{
	color: #505050;
}

div.content p{
	width: 480px;
	margin: 0px;
	line-height: 17px;
}

div.content p.last{
	margin-bottom: 50px;
}

div.content2{
	position: relative;
	padding: 60px 0 30px 70px;
	background: #eaeaea;
	border: 1px solid #858585;
	border-top: 0;
}

div.contentsub2{
	padding: 60px 30px 30px 30px;
}


div.content2 a{
	color: #505050;
}

div.content2 p{
	width: 480px;
	margin: 0px;
	line-height: 17px;
}

div.content2 p.last{
	margin-bottom: 50px;
}
/* news and contact container */

div.rightarea{
	position: absolute;
	width: 178px;
	top: 64px;
	right: 30px;
}

/* news window */
	
div.news, div.contact{
	width: 160px;
	padding: 8px;
	background: url("../img/bg_rightarea.png") repeat-x;
	border: 1px solid #bbbbbb;	
}

div.news h2, div.contact h2{
	font-size: 11px;
	margin:0;
	padding:0;
	border-bottom: 1px solid #ddd;
}

div.news ul{
	margin: 5px 5px 5px 1px;
	padding: 0;
	list-style-type: none;
}

div.news ul li span{
	font-size: 9px;
	color: #8f8f8f;
	font-style: italic;
	display: block;
	margin: 1px 0 5px 9px;
}

div.news ul li{
	position: relative;
	margin-top: 8px;
	border-bottom: 1px dashed #8f8f8f;
}
	
div.news ul li a{
	color: #505050;
	margin: 0 0 0 9px;
}

div.news ul li a:hover{
	text-decoration: none;
}

div.news ul li img{
	display: block;
	position: absolute;
	top: 2px; 
	left: 0px;
	height: 9px;
	width: 5px;
}

/* contact window */

div.contact{
	margin: 30px 0;
}

div.contact span{
	display: block;
}

div.contact span.title{
	margin-top: 5px;
}

div.contact span.content{
	margin-top: 1px;
}

div.contact span.title{
	font-weight: bold;
}

span.webform-response{
	display: block;
	width: 464px;
	height: 13px;
	padding: 6px;
	margin-bottom: 5px;
	background: #91faac;
	border: 1px solid #00d437;
}

/* bottom project views*/

div.bottom{
	position:relative;
	height: 115px;
	background: #717171 url("../img/bg_bottom.png") repeat-x;
	color: #c9c9c9;
	padding: 16px;
}

div.bottom span{
	display: block;
	width: 174px;
}

#con{
	position:absolute;
	background: #717171 url("../img/bg_projects.png") repeat-x;
	width: 576px;
	height: 140px;
	overflow: auto;
	overflow-x:hidden;
	overflow-y:hidden;
	top:6px;
	left:207px;	
}

.main-content {
	width: 900px;
	height: 130px;
	}

.section1{
	margin:0 0 0 0;
	width:148px;
	float:left;
	padding-left:25px;
}

.section{
	margin:0 0 0 10px;
	width:148px;
	float:left;
}

.arrow_left{
	width: 25px; height: 147px; 
	position: absolute; 
	top: 0px; 
	left: 206px; 
	z-index: 1000;
	}

.arrow_right{
	width: 25px; height: 147px; 
	position: absolute; 
	top: 0px; 
	left: 768px; 
	z-index: 1000;
	}
	
/* footer */

span.footertext{
	display: block;
	width: 100%;
	text-align: center;
	margin-top: 2px;
}

span.footertext a{
	color: #505050;
}


/*------ diensten pagina----------- */

div.services{
	position: absolute;
	top: 170px;
	left: 27px;
	border-right: 1px solid #505050;
	font-size: 11px;	
	width: 140px;
	z-index: 2;
}

div.services ul{
	list-style-type: none;
	margin:0px;
	padding: 0;
}

div.services ul li{
	margin: 15px 0;
	background: url("../img/news_arrow2.gif") no-repeat;
}

div.services ul li.first{
	margin: 0;
	}
	
div.services a{
	color: #505050;
	margin: 0 8px 0 12px;
	display: block;
	}

div.services a:hover, div.services a.active{
	text-decoration: none;
}

ul.tekstlist{
	padding: 0 0 0 11px;
	margin-top: 5px;
}

ul.tekstlist li{
	margin-top: 4px;
}

ul.tekstlist li.first{
	margin-top: 0;
}


/*------ contact pagina ----------- */

p.labels label{
	display: block;
	height: 24px;
	width: 120px;
	cursor: pointer;
}

div.content p.labels{
	width: 120px;
	float: left;	
}

div.content p.form-elements{
	width: 207px;
	float: left;
}

div.content p.form-elements input{
	width: 200px;
	height: 14px;
	margin-top: 3px;
	border: 1px solid #505050;
}

div.content p.form-elements textarea{
	width: 200px;
	height: 150px;
	margin-top: 3px;
	border: 1px solid #505050;
}

div.content p.form-elements input.submit-button{
	height: auto;
	display: block;
	float: right;
	width: 70px;
	border: 1px solid #505050;
	background: #fff;
	margin-right: 5px;
}

div.contactinformation{
background:white url(../img/bg_rightarea.png) repeat-x scroll 0 0;
border:1px solid #BBBBBB;
height:306px;
padding:0 8px 17px;
position:absolute;
right:17px;
top:50px;
width:185px;
}

div.contactinformation span{
	display: block;
	margin-top: 2px;
	font-size: 11px;
}

div.contactinformation span.title{
	font-size: 13px;
	font-weight: bold;
	margin-top: 10px;
}

div.contactpage a{
	color: #505050;
}
/*--------- projecten pagina --------- */

div.project{
	position: relative;
	height: 36px;
	width: 500px;
	padding: 15px 15px 15px 20px;
	margin-top: 20px;	
}

div.first{
	margin-top: 0px;
}

div.project img{
	position: absolute;
	top:5px;
	left:7px;
	border: 1px solid #ccc;
}

div.project span, div.project p{
	position: absolute;
  left: 65px;  
}

div.project span.title{
	top: 5px;
	font-weight: bold;
	font-size: 12px;
}

div.project p.description{
	top: 22px;
	width: 470px;
}
	
div.project span.url{
	top: 45px;
}

/*--------- projecten pagina --------- */

div.project{
	position: relative;
	height: 89px;
	width: 500px;
	padding: 15px 15px 10px 20px;
	margin-top: 20px;	
	border-bottom: 1px dashed #7c7c7c;
}

div.first{
	margin-top: 0px;
}

div.project img{
	position: absolute;
	top: 0;
	left: 0;
	border: 1px solid #979797;
}

div.project span, div.project p{
	position: absolute;
  left: 120px;  
}

div.project span.title{
	top: 0px;
	font-weight: bold;
	font-size: 12px;
}

div.project p.description{
	top: 22px;
	width: 414px;
}
	
div.project span.url{
	top: 93px;
}

div.project a{
	color: #505050;
}

/*----------- news pagina ------------*/

div.newsheight{
	min-height: 280px;
}

div.newsheight2{
	min-height: 280px;
}
span.date-added{
	color: #8F8F8F;
	float: right;
	margin-right: 130px;
}

h2.nomargin{
	margin-top: 0;
}

div.newsarchive{
	position: absolute;
	top: 164px;
	left: 24px;
	border-right: 1px solid #505050;
	font-size: 11px;	
	width: 140px;
	z-index: 2;
}

div.newsarchive h2{
	margin: 0 0 10px;
	font-size: 10pt;
}

div.newsarchive ul{
	list-style-type: none;
	padding:0;
	margin-left: 60px;
	
}

div.newsarchive ul li{
	margin: 7px 0;
}

div.newsarchive ul li.first{
	margin: 0;
}

div.newsarchive ul li.disabled{
	color: #8c8c8c;
}


div.newsarchive ul li a{
	color: #505050;
}

div.newsarchive ul li a:hover, div.newsarchive ul li.active a{
	text-decoration: none;
}


div.newsarchive span.year, div.newsarchive span.month{
	float: left;
	font-weight: bold;
	display: block;
}

div.newsarchive span.month{
	margin-top: 10px;
	float: left;	
}

div.newsarchive span.year2{
	margin-left: 32px;
}

div.newsheight span.back{
	display: block;
	margin: 18px 0 0 437px;		
}

div.newsheight span.back a{
	display: block;
	color: #505050;
	width: 50px;
	text-decoration: none;
}

div.newsheight span.line{
	display: block;
	border-bottom: 1px dashed #505050;
	margin: 20px 129px 10px 0;
}



div.newsheight2 span.back{
display:block;
margin:18px 0 0 437px;
text-align:right;	
}

div.newsheight2 span.back a{
	display: block;
	color: #505050;
	text-decoration: none;
}

div.newsheight2 span.line{
	display: block;
	border-bottom: 1px dashed #505050;
	margin: 20px 129px 10px 0;
}
	
	
table.prices{
	font-size: 11px;
	margin-top: 30px;
	width: 100%;
	line-height:15px;
}

table.prices th{
	font-weight: bold;
	text-align: left;
}

div.tooltiparea a:hover div{
	display: block !important;
}

div.tooltiparea a{
	display: block;
	position: absolute;
	top: 271px;
	left: 296px;
	width: 6px;
	height: 15px;
	color: #feb900;
	background-color: #505050;
	padding: 0 4px;
	font-weight: bold;
	text-decoration: none;
	border: 1px solid #feb900;
}

a div.tooltip{
	display: none;
	position: absolute;
	left: 14px;
	top: -70px;
	width: 220px;
	background: #e3e2e0;
	border: 1px solid #505050;
	z-index: 3;	
	color: #505050;
	font-weight: normal;
	font-size: 10px;
	padding: 3px;
}