body
{
  font-family:Georgia,Serif;
  font-size:12px;
  text-align:center;
  margin: 0 auto;
  height: 100% ; 
}

h1
{
  margin:1.5em 0 .75em;
  font-size:18px;
}

#container
{
  clear:both;
  min-height:565px;
  max-height:100%;
  text-align:center;
}

#navigatie
{
  background-color:#336600;
  background-image: url('beelden/nav.jpg');
  background-repeat: no-repeat;
  color: #eeeeee;
  float:left;
  width: 165px;
  height:380px;
  margin: 7px 5px 0px 10px;
}
    #navigatie ul
    {
      list-style: none;
      padding: 0;
      margin: 0;
    }

    #navigatie li.off
    {
      margin: 10px 5px 5px 5px;
      background:#FFFFFC;
      padding: 0.2em;
    }
    #navigatie li.on
    {
      margin: 10px 5px 5px 5px;
      background:#FFF8DC;
      padding: 0.2em;
    }
    #navigatie a
    {
      display:block;
      width:100%;
    }

    /*
    * html body #navigatie a {
    width:100%;
    }                */


    a.nav:link {color: #000000; text-decoration:none;}
    a.nav:visited {color: #000000; text-decoration:none;}
    a.nav:hover {color: #000000; background-color:#FFF8DC;}
    a.nav:active {color: #000000; text-decoration:none;}

a.img:link {color: #FFFFFF; text-decoration:none;}
a.img:visited {color: #FFFFFF; text-decoration:none;}

a:visited {color: blue;}

#kop
{
  text-align:left;
  background-color:#999933;
  background-image: url('beelden/kop2.jpg');
  background-repeat: no-repeat;
  background-color: #999933;
  margin:10px 5px 5px 10px;
  width:98%;
  height:130px;
}

#voet 
{   
  background-image: url('beelden/voet.jpg');
  background-color:#336600;
  margin:10px 5px 5px 10px;
  width:98%;
  height:30px;
  clear:both;
  text-align:right;
}

#printvoet
{
  display:none;
}

#index
{
  text-align:left;
}

#index ul
{
  padding:0;
}

#index li
{  
  display:inline;
  margin: 3px;
}

#kern
{
  float:none;
  text-align:left;
  border : 1px solid #333;
  margin: 11px 11px 0px 5px;
  padding-left:50px;
  padding-right:50px;
 /* height:379px; */
  height: 100%;
  background:#FFFFFC;
  overflow:auto;
  min-width:300px;
}

/* IE hack
* html body #kern {
  width:99%;
}      */


#voorkant
{
  float:none;
  text-align:center;
  border : 1px solid #333;
  margin: 11px 11px 0px 5px;
  padding-left:50px;
  padding-right:50px;
  height: 379px;
  background: #FFFFFC;
  overflow: auto;
  min-width:300px;
}

/* IE hack */
* html body #voorkant {
  width:99%;
}

.kader
{
  width:auto;
  /*float:left;  */  
  padding:10px;
  margin: 0px 5px 10px 5px;
  background-color:#FFFFCC;
}

.kaderb
{ 
  min-height:150px;
  width:auto;
  float:left;
  min-width:250px;
  padding:10px;
  margin: 0px 5px 10px 5px;
  background-color:#FFFFCC;
}

/* IE hack */
* html body .kaderb {
  width:300px;
  height:150px;
  clear:both;
}

h1.voorkant
{
   font-size:20px;
   letter-spacing: 0.3cm;
}

h2.voorkant
{
   font-size:30px;
   letter-spacing: 0.3cm;
}

.fotobox
{
  float:right;
  margin: 20px 0px 10px 10px;
  text-align:center;
}

.logobox
{
  float:left;
  margin-right:10px;
  text-align:center;
}
  

.foto
{
  border: 1px solid #000000;
}