BODY {
font-family:Bookman Old Style,Arial,Helvetica;
font-size:14px;
}

H2 {
font-size:14px;
color:#555555;
font-weight:bold;
margin-top:0px;
padding:0px;
}

H1 {
font-size:28px;
color:#000000;
font-weight:bolder;
margin-bottom:0px;
padding:0px;
}

A {
  text-decoration:none;
  font-weight:bold;
  color:#000000;
}

#menu {
width:1000px;
height:102px;
text-align:center;
margin-top:70px;
}

#hoofd {
position: absolute;
left: 50%;
top: 50%;
margin-top: -375px; /* make this half your image/element height */
margin-left: -500px; /* make this half your image/element width */
width:1000px;
height:750px;


}

.home { 
width:200px; 
display:block;
float:left;
text-align:center;
background-repeat: no-repeat;
background-position: top center;
background-image: url(home_button.jpg);
height:50px;
}

.home:hover {
 background-image: url(home_button_rollover.jpg);
}

.wie { 
width:200px; 
display:block;
float:left;
background-repeat: no-repeat;
background-image: url(wie_button.jpg);
background-position: top center;
height:50px;
}

.wie:hover {
 background-image: url(wie_button_rollover.jpg);
}

.info { 
width:200px; 
display:block;
float:left;
background-repeat: no-repeat;
background-image: url(info_button.jpg);
background-position: top center;
height:50px;
}

.info:hover {
 background-image: url(info_button_rollover.jpg);
}

.archief { 
width:200px; 
display:block;
float:left;
background-repeat: no-repeat;
background-image: url(archief_button.jpg);
background-position: top center;
height:50px;
}

.archief:hover {
 background-image: url(archief_button_rollover.jpg);
}

.pers { 
width:200px; 
display:block;
float:left;
background-repeat: no-repeat;
background-image: url(pers_button.jpg);
background-position: top center;
height:50px;
}

.pers:hover {
 background-image: url(pers_button_rollover.jpg);
}


#main {
 width:1000px;
 display:block;
 height:520px;
 border:1px solid #FFFFFF;

}