body,html {
  margin:0px;
  padding:0px;
}

#bg_image {
  width:100%;
  height:100%;
  left:0px;
  top:0px;
  position:absolute;
  z-index:0;
}
#bg_image img {
  width:100%;
  height:100%;
}

#contents {
  position:absolute;
  z-index:1;
  top:0px;
  left:0px;
  width:100%;
  height:100%;
}

#main {
  width:100%;
  height:97%;
}

.nav{position:fixed;z-index:5;bottom:0px;left:0px;width:100%;height:22px;padding-top:8px;background:#ccc;font-family:Arial,Helvetica,sans-serif;font-size:10px;}
.nav_left a, .nav_center a, .nav_right a{color:#919191;}
.nav_left{color:#666;float:left;width:20%;}
.nav_center{float:left;width:60%;text-align:center;}
.nav_right{float:left;width:20%;text-align:right;}

/* form */

#hhg2gform {
  top:45%;
  left:22%;
  z-index:2;
  position:absolute;
}
#roepmaar {
  
}
#roepmaar_iets {
  font-family:Courier New, Courier, serif;
  font-size:50px;
  font-weight:bold;
  opacity:.02;
  filter:alpha(opacity=02);
  -moz-opacity:0.02;
}
#form_output {
  z-index:2;
  position:absolute;
  background-color:#000;
  color:#fff;
  font-family:Courier New, Courier, serif;
}

/* map */

#map {
  width:100%;
  height:100%;
  overflow: auto;
}

/* blog */

#scroller {
  float: right;
  margin: 0px;
  width: 630px;
  height: 100%;
  overflow: auto;
}

#blogpost {
  margin-top: 13px;
  width: 600px;
  text-align: left;
  background-color: #000;
  border: solid #BA0000 2px;
}

#blogheader {
  height: 24px;
  background-color: #BA0000;
  padding: 0px;
  font-family: Verdana, sans-serif;
  color: #00FF24;
  font-size: 11px;
}

#blogbody {
  padding: 5px;
  font-family: Verdana, sans-serif;
  color: #fff;
  font-size: 12px;
  line-height: 16px;
}

#blogbody A {
  color: #ff0;
  text-decoration: none;
}

#blogbody A:hover {
  color: #ff0;
  text-decoration: underline;
}

#blogfooter {
  height: 23px;
  background-color: #f00;
  padding: 0px;
  font-family: Verdana, sans-serif;
  color: #fff;
  font-size: 11px;
}

#blogfooter A {
  color: #ff0;
  text-decoration: none;
}

#blogfooter A:hover {
  color: #ff0;
  text-decoration: underline;
}

#blog_td_links {
  float: left;
  padding: 5px;
}

#blog_td_rechts {
  padding: 5px;
  text-align: right;
}

#reactie_titel {
  padding-top: 10px;
  color: #eee;
  font-size: 14px;
  font-weight: bold;
}

#reactie_tekst {
  line-height: 16px;
  color: #eee;
  font-size: 12px;
}

#reactie_tekst A {
  color: #ccc;
  border-bottom: dashed #666 1px;
  text-decoration: none;
}

#reactie_auteur {
  text-align: right;
  color: #444;
  font-size: 10px;
  border-top: dashed #444 1px;
}