body{
font-family:helvetica;
font-size:12px;
color:white;
margin:0;
padding:0;
behavior: url('hover.htc');
}

/* links */
a{
text-decoration:none;
color:#4c9522;}

a:hover{
text-decoration:none;
color:#B9D698;
}

form{display:inline;}


/* divs */

#wrapper{
position:absolute;
left:50%;
margin-left:-345px;
top:30px;
width:690px;
height:600px;
padding:0;
}



.boven_menu a:hover{
color:#B9D698;
}

/*header*/

#Header {
	margin: 0px 0px 30px 0px;
	height: 36px;
	width: 690px;
	padding: 12px 0 0 0;
	background: #fff url(images/logo.gif) right top no-repeat;
}

#Apenstaartje {
	margin-top:-10px;
	width: 25px;
	height: 25px;
	background: url(images/apenstaartje.gif) no-repeat;
	cursor: pointer;
}

#Apenstaartje:hover{
	margin-top:-10px;
	width: 25px;
	height: 25px;
	background: url(images/apenstaartje_over.gif) no-repeat;
	cursor: pointer;
}

.logo{
float:right;
}

/*vierkantjes*/
#linksboven{
position:absolute;
top:50px;
width:220px;
height:220px;
background:white;
}

#linksonder{
position:absolute;
top:285px;
width:220px;
height:220px;
background:#4c9522;
}

#linksonder_foto{
position:absolute;
top:285px;
width:220px;
height:220px;
background:#4c9522;
}

#rechtsonder{
position:absolute;
left:470px;
top:285px;
width:220px;
height:220px;
background:#4c9522;
}

#middenonder{
position:absolute;
left:235px;
top:285px;
width:220px;
height:220px;
background:;
}

#bovenrechthoek{
position:absolute;
top:50px;
left:235px;
width:455px;
height:220px;
background:#4c9522 url(images/vlak_groen_horizontaal.jpg);
}

#linksrechthoek{
position:absolute;
top:50px;
width:220px;
height:455px;
background:#4c9522 url(images/linksrechthoek.jpg);
}

#grootcontent{
position:absolute;
top:50px;
left:235px;
width:455px;
height:455px;
background:#4c9522 url(images/grootcontent.jpg);
}

#grootwat{
position:absolute;
top:50px;
left:235px;
width:455px;
height:455px;
background:#e6f0d8;
}

#menu_onder{
position:absolute;
top:520px;
font-size:17px;
word-spacing:4px;
}

#menu_onder a{
color:black;
text-decoration:none;
}

#menu_onder a:hover{
color:#B9D698;
text-decoration:none;
}



.content_groen_donker{
background:#4c9522 url(images/vlak_groen_content.jpg);
}

.content_groen_licht{
background:#E5EFD8;
}

.fabrikaten{
	background:#E6F0D8;
	color: #000;
	width:220px;
	height:220px;
	line-height:20px;
	font-weight:bold;
	letter-spacing: 1px;
}

.pdfs{
display:block;
margin-left:20px;
margin-bottom:0;
width:415px;
height:120px;
border-bottom:1px solid #fff;
cursor:pointer;
}

.pdftext {
position:relative;
bottom:60px;
left:90px;
display:block;
width:320px;
color:white;
cursor:pointer;
}

.pdfs img{
border:3px solid #4c9522;;
}

.pdfs:hover img{
border:3px solid #B9D698;
}

/* tekst en menu's */
h1{
font-size:15px;
font-weight:normal;
}

h2{
font-size:15px;
font-family:tahoma;
margin:20px;
}

h3{
font-size:15px;
font-family:tahoma;
margin:20px;
color:black;
}


h4 {
	font: normal 10pt Tahoma;
	margin: 0px;
	padding: 4px 28px 4px 28px;
	background: #000;
	color: #fff;
	letter-spacing: 1px;
}

.content{
margin:20px;
font-size:14px;
}

.contentwat{
margin:20px;
font-size:12px;
color: black;
}

.contentwat ul{
margin:10px;
padding-left:30px;}

/* bovenmenu */
.boven_menu{
margin:80px 10px 0px 20px;
word-spacing:4px;
font-size: 14px;
font-family: "helvetica", sans-serif;
line-height:26px;
}

.boven_menu a{
color:white;
text-decoration:none;
}


/*submenu */
#submenu ul li{
color:#B9D698;
}

#submenu ul li a{
color:#B9D698;
font-size:12px;
text-decoration:none;
}

#submenu ul li a:hover{
color:white;
font-size:12px;
text-decoration:none;
}


/* menu */
#menu{
margin:30px;
font-family:helvetica;
padding:0;

}

#menu li{
margin-bottom:5px;
}

#menu ul{
margin-left:0;
list-style: none;
padding-left: 1em;
text-indent: -1.1em;
}

#menu ul li a{
color:black;
font-size:15px;
text-decoration:none;
}

#menu ul li a:hover{
color:white;
text-decoration:none;
}