/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 11-jul-2015, 16:42:37
    Author     : Prevot
*/



/*
Navigatie balk
*/

div.menu1 {
    position: absolute;
display: block;
left: 20%;
width: 70%;
top: 16%;


}
div.menu2 {
display: block;
margin-left: auto;
margin-right: auto;
width: 70%;
z-index: 10;

}


li.menu {
    text-align: center; 
  display: inline-block;
    float: left;  
  }

a.menu:link, a.menu:visited {
    display: block;
    width: 120px;
    font-weight: bold;
    color: #FFFFFF;
    background-color: crimson;
    text-decoration: none;
    text-transform: uppercase; 
 -moz-border-radius: 10px 10px 10px 10px;  /* Firefox */
 -webkit-border-radius: 10px;  /* Chrome, Safari */
 -khtml-border-radius:10px;  /* Konqueror */
 border-radius: 10px; /* CSS3 */
 behavior:url(border-radius.htc);
 border: ghostwhite;
  border-style: solid;
}
a.menu:hover, a.menu:active {
    background-color: firebrick;
    
 }
/*****************************************************
*                           header                   *
******************************************************/
div.linkerk{
    position: absolute;
    display: block;
    width: 20%;
    font-weight: bold;
    color: white;
  text-align: center;  
}
div.hoofd{
   position: absolute;
    left:20%;
    right: 20%;
   height: 18%;

}
img.hoofd{
    display: block;
   margin-left:  auto;
   margin-right: auto;
    height: 100%;
 
}
div.rechterk{
    position: absolute;
    display: block;
    width: 20%;
    right: 0%;
    font-weight: bold;
    color: white;
  text-align: center;  
  border-bottom-color: crimson;

}
     p.linkerk{
       float: bottom;  
         background-color: white;
         color: black;
         margin-bottom: 15%;
         margin-left: 10%;
         margin-right: 10%;
 -moz-border-radius: 10px 10px 10px 10px;  /* Firefox */
 -webkit-border-radius: 10px;  /* Chrome, Safari */
 -khtml-border-radius:10px;  /* Konqueror */
 border-radius: 10px; /* CSS3 */
 behavior:url(border-radius.htc);
            
     }
/*****************************************************
*                            voetje                 *
******************************************************/
div.voetje{
  
   text-align: center;
    left:20%;
    right: 20%;
    border-top-style: solid;
    border-color: crimson;
    -moz-border-radius: 50%;  /* Firefox */
 -webkit-border-radius: 50%;  /* Chrome, Safari */
 -khtml-border-radius:50%; /* Konqueror */
 border-radius: 50%;/* CSS3 */
 behavior:url(border-radius.htc);
   bottom: 5%;
   
}

/*****************************************************
*                            Body                    *
******************************************************/
body{
   
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center; 
    background-size: 30%;
    background-color: #f0f0f0;
    background-image: url("achtergrond.gif");
       
    
}
 p.inhoud,div.inhoud{
 position: absolute;
  //text-align: center; 
    display: block;
    float: left;
    text-align: center;
    margin: 10px;
    top: 30%;
    left: 20%;
    width: 60%;
    margin-right: auto;

max-height: 65%;
overflow: auto;
  }
div.inhoud2
{
display: inline-block;
margin-left: auto;


}
 /***********************************************************
 *Gedetailleerde instellingen  
 ************************************************************/
  span.style4{
     display: inline-block;
        text-align: center;
    margin-left: auto;
    margin-right: auto;
   }
 
 select.select_archief{
   background-color: lightgrey;
   font-size: x-large;
   padding :  0px 20px 0px 20px;
 
 }
 input.knop_archief{
      font-size: x-large;
 -moz-border-radius: 0px 10px 10px 10px;  /* Firefox */
 -webkit-border-radius: 10px;  /* Chrome, Safari */
 -khtml-border-radius:10px;  /* Konqueror */
 border-radius: 10px; /* CSS3 */
 behavior:url(border-radius.htc);        
 }
   img.subinhoud, p.subinhoud{
      display: block; 
      float: left
  }