
/* the bit that does the work */

body {
  margin:0;
  border:0;
  padding:0;
  height:100%; 
  max-height:100%; 
  background: #336600; 
  overflow: hidden; 
  color: #ffff99;
  }

/* for internet explorer */
* html body {
  padding:70px 0 25px 0; 
  }

#container {
  position:fixed; 
  top:70px;
  left:0;
  bottom:25px; 
  right:0; 
  overflow:auto; 
  text-align:center;
  }

* html #container {
  height:100%; 
  width:100%; 
  }

#header {
  position:absolute; 
  top:0; 
  left:0; 
  width:100%; 
  height:75px; 
  overflow:auto; 
  background:#336600 url(afb/header.gif) top center no-repeat;
  border-bottom:4px solid #ffff99;
  }
* html #header {height:79px;}


#footer {
  position:absolute; 
  bottom:0; 
  left:0;
  width:100%; 
  height:25px; 
  overflow:hidden; 
  background:#ffff99;
  color: #336600;
  border-top:4px solid #336600;
  }
* html #footer {height:29px;}

/* end of bit that does the work */

#header p {
  position: absolute;
  width: 978px;
  left: 50%;
  top: 35px;
  text-align: center; 
  margin-left: -485px;
  color: #ff9900;
 /* border: 1px solid black; */
  }
a:link {color: #ff9900}

a:visited {color: #ff9900}

a:hover {color: #ffcc00}

a:active {color: #ff9900}

a.nor {
  font: 16px Georgia,"Times New Roman";
  margin: 0px 9px;
  text-decoration: none;
  }

.title  {
  font: 20px "Balloon Bd Bt";
  color: black;
  word-spacing: 20px;
  }
h1 {
  font: italic normal bold 22px Georgia,"Times New Roman" ;
  text-align: center;
 } 
h2
 { 
  margin-top: 20px;
  font: normal normal bold 22px "Times New Roman" ;
  text-align: center;
  
 }
h3
 {
  text-align: left;
  margin-left: 70px;
  font: normal normal bold 16px Georgia,"Times New Roman" ;
  }
h4
 {
  text-align: left;
  margin-left: 200px;
  font: italic normal bold 15px Georgia,"Times New Roman" ;
  }
.geel {
  background-color: #ffff99;
  color: #336600;
  width: 100%;
  margin: 0;
  padding: 20px 0;
  } 

p {
  font: bold 15px Georgia,"Times New Roman" ;
  text-align: justify;
  margin: 20px 70px 0px 70px;
  padding: 0;
  }
pre {
  font: bold 15px Georgia,"Times New Roman" ;
  text-align: left;
  margin: 0px auto auto 80px;
  }
li {
  font: bold 15px Georgia,"Times New Roman" ;
  text-align: left;
  margin-left: 40px;
  }
p.klein {
  position: absolute;
  width: 750px;
  left: 50%;
  margin-left: -375px;
  margin-top: 5px;
  text-align: center;
  font: normal 11px Georgia,"Times New Roman";
  }
img  { 
  border: 0;
  }

.ima  {
   width: 290px;
   height: auto;
   background-color: #808080;
   padding: 0 3px 3px 0;
   border: 1px solid black;
  }

.imar  {
   float: right;
   margin: 0px 35px auto 20px;
   background-color: #808080;
   padding: 0 3px 0px 0;
   border: 1px solid black;
   font-size: 0;
  }
* html .imar {padding-bottom: 3px;}

.imal  {
   float: left;
   margin: 20px 20px 20px 35px;
   background-color: #808080;
   padding: 0 3px 0px 0;
   border: 1px solid black;
  }
* html .imal {padding-bottom: 3px;}

.bor {
  border: 3px solid #ffff99;
  margin: 0;
  padding: 0px;
  } 

table.prijs {
  background-color: #ffff99;
  font: 14px Georgia,"Times New Roman";
  color: #336600; 
  border: 1px solid #336600;
  } 

td {
  padding: 5px;
  text-align: center;
  border: 1px solid #336600;
  }

.tel
    {
    margin: 5px 2px;
    padding: 0;
    float: right;	
    }