body {
    padding: 0px;
    color: #000066;
    text-align:center;
    overflow:hidden;
    margin:0px;        
    margin-top: 158px;
    margin-bottom: 37px;
    font-family: Arial, Helvetica, sans-serif; 
    font-size: 12px; 
    font-style: normal; 
    font-weight: normal;
    color: #000066 
}

h3 {  font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-style: normal; font-weight: bold; color: #000066}
p { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; font-weight: normal; color: #000066 }
td { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; font-weight: normal; color: #000066 }
a:active { font-family: Arial, Helvetica, sans-serif; font-style: normal; font-weight: normal; color: #000066 ; text-decoration: none}
a:link { font-family: Arial, Helvetica, sans-serif; font-style: normal; font-weight: normal; color: 3366cc; text-decoration: none}
a:visited { font-family: Arial, Helvetica, sans-serif; font-style: normal; font-weight: normal; color: #006699; text-decoration: none}
a:hover { font-family: Arial, Helvetica, sans-serif; font-style: normal; font-weight: normal; color: #000066 ; text-decoration: none}
.children {  font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-style: normal; font-weight: bold; color: #3366CC; text-decoration: none}
.title { font-family: Arial, Helvetica, sans-serif; font-style: normal; font-weight: bold; color: #000066 ;}
.description { font-family: Arial, Helvetica, sans-serif; font-style: normal; font-weight: normal; color: #000000 ;}
.kop { font-family: Arial, Helvetica, sans-serif; font-style: normal;font-size: 16px; font-weight: bold; color: #ffffff ;}
.branche {  font-family: Arial, Helvetica, sans-serif; font-size: 20px; font-style: normal; font-weight: bold; color: #000066}
.KenmerkTeller { font-family: Arial, Helvetica, sans-serif; font-style: normal;font-size: 16px; font-weight: bold; color: #ff0000;}


/* Opbouw */
.hoofddiv{
  height: 100%;
  width: 1012px;
  position: static;
  margin-left: auto;
  margin-right: auto;

}

.hoofdtopdiv {
  position: absolute;
  top: 0px;
  height:158px;
  width: 1012px;
}

.hoofdonderdiv{
  border-top: white 1px solid;
  position: absolute;
  width: 1012px;
  height: 36px;
  bottom:0px;    
  overflow: hidden;
}

/* kleuren */    
.groen{ background-color: #97B83D;}
.paars{ background-color: #812575;}
.geel{  background-color: #EEC819;}
.blauw{ background-color: #26326E;}
.rood{  background-color: #BF2032;}
.lblauw{  background-color: #DFEFF8;}
.bblauw{  background-color: #0093D0;}
.mblauw{  background-color: #72C1E7;}
.lbnatuvent{  background-color: #008cc6;}
.dbnatuvent{  background-color: #006393;}
.dgnatuvent{  background-color: #84A563;}
.profion{  background-color: #EE3024;}

.scrollgroen{ scrollbar-base-color: #97B83D; border-left: 171px solid #97B83D;}
.scrollpaars{ scrollbar-base-color: #812575; border-left: 171px solid #812575;}
.scrollgeel{  scrollbar-base-color: #EEC819; border-left: 171px solid #EEC819;}
.scrollblauw{ scrollbar-base-color: #26326E; border-left: 171px solid #26326E;}
.scrollrood{  scrollbar-base-color: #BF2032; border-left: 171px solid #BF2032;}
.scrolllblauw{  scrollbar-base-color: #DFEFF8; border-left: 171px solid #DFEFF8;}
.scrollllbnatuvent{  scrollbar-base-color: #008CC6; border-left: 171px solid #008CC6;}
.scrollldbnatuvent{  scrollbar-base-color: #006393; border-left: 171px solid #006393;}
.scrollldgnatuvent{  scrollbar-base-color: #84A563; border-left: 171px solid #84A563;}
.scrolllprofion{  scrollbar-base-color: #EFC7C5; border-left: 171px solid #EFC7C5;}


 #logo {
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 2;
    width:171px;
    height:158px;
  }

  #top{
    position: absolute;
    left: 171px;
    top: 0px;
    width:841px;
    height:122px;
    background-color: yellow;   
  }

  .blok1,.blok2, .blok3, .blok4, .blok5, .blok6,.blok7 {
    width:118px;
    height: 121px;
    border-right: white 1px solid;
    border-bottom: white 1px solid;
    border-left: white 1px solid;
    overflow: hidden;  
    float: left;
  }

  .blok1{
    border-left: white 2px solid;
  }
  
  .blok7{
    width:119px;
    border-right: white 0px solid;  
  }

/* Nav */

  #navbar{
    position: absolute;
    left: 171px;
    top: 122px;
    width:841px;
    height:26px;
  }

  .nav0, .nav1, .nav2, .nav3, .nav4, .nav5{
    top: 0px;
    left: 0px;   
    height:100%;
    width:166px;
    border-left: white 1px solid;      
    border-top: white 1px solid;
    border-right: white 1px solid;
    overflow: hidden;  
    float: left;
    text-align:center;
    padding-top:8px;
  }      


.nav0{
  width:171px;
  border-left: white 0px solid;
  border-right: white 0px solid;
}

.nav1{
  border-left: white 2px solid;
}

.nav5{
  width:167px;
  border-right: white 0px solid;  
}

.nav0 a, .nav1 a, .nav2 a, .nav3 a, .nav4 a, .nav5 a, .nav0 a:hover, .nav1 a:hover, .nav2 a:hover, .nav3 a:hover, .nav4 a:hover, .nav5 a:hover, .nav0 a:active, .nav1 a:active, .nav2 a:active, .nav3 a:active, .nav4 a:active, .nav5 a:active, .nav0 a:link, .nav1 a:link, .nav2 a:link, .nav3 a:link, .nav4 a:link, .nav5 a:link, .nav0 a:visited, .nav1 a:visited, .nav2 a:visited, .nav3 a:visited, .nav4 a:visited, .nav5 a:visited{
  text-decoration: none;
  font-family: Arial, Helvetica, sans-serif; 
  font-size: 1.2em; 
  font-weight:bold;
  font-style: normal;
  color:white;
} 
.nav0 a:hover, .nav1 a:hover, .nav2 a:hover, .nav3 a:hover, .nav4 a:hover, .nav5 a:hover{
  text-decoration: underline;

}

/* Linker Kolom */

.contentscroll {
  position: relative;
  height: 100%;
  overflow: auto;
  overflow-y: scroll; 
  text-align: left;
  padding-left:8px;
  padding-right:8px;  
  border-bottom: white 0px solid;
  border-top: white 1px solid;
}