@media screen, projection {
* { padding:0; margin:0; }
fieldset, img { border:0; }
label, a { cursor:pointer; }
body, textarea, input, table, select { 
font-size: 12px;
color: #1d1d1d;
font-family: "trebuchet ms", arial, "Geneva CE", Genev; 
}
#main h2 span, #menu h3, #menu ul li a span, #menu h1 span, #menu li a span, #menu h2 span, hr { position:absolute; left:-1000em; }
clear { clear: both;}
html, body { height:100%; width:100%; margin: 0; padding: 0; }
form,fieldset {border: 0; margin:0; padding:0}

body {
	background: url(img/body_bg.jpg);
	margin: 0px;
	padding: 0px 0 0 0;
	font-size: 12px;
}

#break {
	height: 15px;
	font-size: 0;
	width: 100%;
	width: 617px;
	margin: 0 auto;
}

#content {
	width: 617px;
	background-color: #ffffff;
	padding: 0;
	margin: 0 auto;
	position: relative;
}
.clear {
	clear: both;
}
#content_bottom{
	background: url(img/bg_down.png) bottom no-repeat;
	height: 11px;	
}

#content #menu {
	background: url(img/bg_up.png) top no-repeat;
	padding-top: 8px;
	position: relative;
}

#content #menu h1 a {
	display: block;
	width: 363px;
	height: 39px;
	background: url(img/logo.png) 9px no-repeat;
	padding-bottom: 10px;
	}
	#content #menu ul {
		list-style: none;
		width: 602px;
		height: 31px;
		padding: 118px 0 4px 15px;
		border-bottom: 10px solid #62a522;
	}
	#content #menu ul.index {
		background: url(img/menu_bg.jpg) 8px 5px no-repeat;
	}
	#content #menu ul.ontwerp {
		background: url(img/menu2_bg.jpg) 8px 5px no-repeat;
	}
	#content #menu ul.aanleg {
		background: url(img/menu3_bg.jpg) 8px 5px no-repeat;
	}
	#content #menu ul.onderhoud {
		background: url(img/menu4_bg.jpg) 8px 5px no-repeat;
	}
	#content #menu ul.bestrating {
		background: url(img/menu5_bg.jpg) 8px 5px no-repeat;
	}
	#content #menu ul.bouwwerk {
		background: url(img/menu6_bg.jpg) 8px 5px no-repeat;
	}
	#content #menu ul.offerte {
		background: url(img/menu7_bg.jpg) 8px 5px no-repeat;
	}
	
	
	
		#content #menu ul li {
			float: left;
		}
		#content #menu ul li a {
			padding-right: 2px;
		}
		#content #menu ul li a.first {
			display: block;
			height: 31px;
			width: 82px;
			background: url(img/link1_0.png) no-repeat;
		}
		#content #menu ul li a.first_active,
		#content #menu ul li a.first:hover {
			display: block;
			height: 31px;
			width: 82px;
			background: url(img/link1_on.png) no-repeat;
		}
		#content #menu ul li a.second {
			display: block;
			height: 31px;
			width: 82px;
			background: url(img/link2_0.png) no-repeat;
		}
		#content #menu ul li a.second_active,
		#content #menu ul li a.second:hover {
			display: block;
			height: 31px;
			width: 82px;
			background: url(img/link2_on.png) no-repeat;
		}
		#content #menu ul li a.third {
			display: block;
			height: 31px;
			width: 82px;
			background: url(img/link3_0.png) no-repeat;
		}
		#content #menu ul li a.third_active,
		#content #menu ul li a.third:hover {
			display: block;
			height: 31px;
			width: 82px;
			background: url(img/link3_on.png) no-repeat;
		}
		#content #menu ul li a.fourth {
			display: block;
			height: 31px;
			width: 82px;
			background: url(img/link4_0.png) no-repeat;
		}
		#content #menu ul li a.fourth_active,
		#content #menu ul li a.fourth:hover {
			display: block;
			height: 31px;
			width: 82px;
			background: url(img/link4_on.png) no-repeat;
		}
		#content #menu ul li a.fifth {
			display: block;
			height: 31px;
			width: 82px;
			background: url(img/link5_0.png) no-repeat;
		}
		#content #menu ul li a.fifth_active,
		#content #menu ul li a.fifth:hover {
			display: block;
			height: 31px;
			width: 82px;
			background: url(img/link5_on.png) no-repeat;
		}
		#content #menu ul li a.sixth {
			display: block;
			height: 31px;
			width: 82px;
			background: url(img/link6_0.png) no-repeat;
		}
		#content #menu ul li a.sixth_active,
		#content #menu ul li a.sixth:hover {
			display: block;
			height: 31px;
			width: 82px;
			background: url(img/link6_on.png) no-repeat;
		}
		#content #menu ul li a.seventh {
			display: block;
			height: 31px;
			width: 82px;
			background: url(img/link7_0.png) no-repeat;
		}
		#content #menu ul li a.seventh_active,
		#content #menu ul li a.seventh:hover {
			display: block;
			height: 31px;
			width: 82px;
			background: url(img/link7_on.png) no-repeat;
		}
		
		#content #main{
			background: url(img/bg_down.png) bottom no-repeat;
		}
		
		#content #main .left {
			width: 185px;
			float: left;
			margin-top: 49px;
			position: relative;
		}
		#content #main .left h3 {
			text-transform: uppercase;
			color: #62a421;
			background-color: #d3e4c2;
			margin: 0;
			padding: 0;
			height: 18px;
			width: 137px;
			font-size: 1.1em;
			padding: 3px 0 0 21px;
			position: absolute;
			top: -36px;
		}
		#content #main img.first_photo {
			display: block;
			width: 138px;
			height: 136px;
			padding: 4px 0 10px 21px;
		}
		#content #main img.next_photo {
			display: block;
			width: 138px;
			height: 136px;
			padding: 0 0 10px 21px;
		}
		#content #main img.pic_home {
			display: block;
			width: 441px;
			height: 222px;
		}
		#content #main .right {
			float: right;
			width: 386px;
			/*height: 436px;*/
			padding: 16px 19px 15px 25px;
		}
		#content #main .right .news h3 {
			color: #62a421;
			font-size: 1.1em;
			padding-bottom: 16px;
			text-transform: uppercase;
		}
		#content #main .right .news p {
			padding-bottom: 20px;
		}
		#content #main .left_home {
			width: 446px;
			margin: 14px 0 0 0;
			float: left;
			position: relative;
			padding: 24px 0 0 20px;
			font-size: 1.0em;
			line-height: 1.3em;
		}
		#content #main .left_home p.flot {
			width: 94px;
			height: 76px;
			background-image: url(img/green_square.png);
			color: #ffffff;
			position: absolute;
			top: 0px;
			left: 340px;
			padding: 7px 10px;
			line-height: 1.2em;
			font-size: 11px;
		}
		#content #main .left_home .left_ {
			float: left;
			width: 145px;
			margin: 0;
			padding: 24px 2px 0 0;
		}
		#content #main .left_home .left_ h3 {
			padding-bottom: 10px;
		}
		#content #main .left_home .right_ {
			float: right;
			width: 275px;
			margin: 24px 0 0 0;
			padding: 0 5px 0 16px;
			background: url(img/inter.jpg) 0% repeat-y;
		}
		#content #main .left_home .right_ h3 {
			padding-bottom: 10px;
		}
		#content #main .left_home .left_ p {
			font-style: italic;
		}
		#content #main .right_home {
			float: right;
			width: 123px;
			margin: 14px 0 0 0;	
			background: url(img/inter.jpg) left repeat-y;
			padding: 0 0 0 10px;
		}
		#content #main .right_home h3, #content #main .left_home h3 {
			text-transform: uppercase;
			color: #62a421;
			font-size: 1.1em;
		}

		#content #main .right_home .afgerond {
			width: 104px;
			height: 336px;
			background-image: url(img/afgerond_bg.png);
			margin: 0px;
			padding: 7px 0 0 10px;
		}
		
		#content #main .right_home .afgerond h3 {
			font-size: 10px;
			font-weight: bold:
		}
		
	
		
		#content #main .right_home .afgerond img {
			display: block;
			width: 92px;
			height: 86px;
			padding: 12px 0 0 0px;
		}	
		#content #main .right_home .contact {
			background: url(img/contact_bg.gif) no-repeat;
			width: 114px;
			height: 125px;
			margin-top: 10px;
			padding: 7px 0 0 10px;
			font-size: 10px;
		}
		
		
			
.label{
	position: relative;
	width: 120px;
	padding: 4px 10px 3px 0px;
	height: 14px;
	float: left;
	text-align: right;

}

.pole{
	width: 250px;
	padding: 3px 0px 3px 0px;
	float: left;
}


.text{
	border: 1px solid #62A522;
	background-color: #FFFFFF;
	width: 150px;
	height: 16px;
	padding-left: 4px;
	color: #62A522;
	font-size: 1em;
}


.textarea{
	border: 1px solid #62A522;
	background-color: #FFFFFF;
	color: #62A522;
	font-size: 1em;
}

.invisible{
	display: none;
}

#button{
	width: 80px;
	font-weight: bold;
	height: 18px;
	font-size: 9px;
	text-align: center;
	cursor:pointer;
}

.thank_you {
	color: #FF0000;
	text-align: center;
}

a.vacatures {
	text-align:center;
	display:block;
	width:81px;
	height:35px;
	padding:5px 0 0 0;
	text-decoration:none;
	color:#fff;
	font-weight:bold;
	background:url(/img/button.jpg) no-repeat 0 0;
}
}