BODY {
  margin:0;
  padding:0;
  font-size:100%; /*Hiermee kun je de tekstgrootte van het hele menu procentueel aanpassen.*/
  font-family:Verdana, Arial,  sans-serif;
  /*color: #000000 ;*/
  background-color: /*#CC9900; /*#add8e6; licht bruine achtergrondkleur van de site.*/
  /*background-image: url(images/back.gif); /*plaatje (streep) als achtergrond van de site.*/
  }

#navigatie  {
  width:121px;
  margin-left: 1.2em; /*Witruimte links van het menu.*/
  margin-top: 0em;   /*Witruimte boven het menu.*/
  font: bold 0.9em  Arial, sans-serif;
  }
#navigatie A  {
  color:white; /*Tekstkleur van de hoofdmenu-items.*/
  width:104px;
  text-decoration: none;
  }
#navigatie UL  {
  list-style: none; /*Het hele menu is opgebouwd als een ongeordende lijst (ul). Deze regel zorgt ervoor dat er geen bullets worden weergegeven.*/
  margin: 0;
  padding: 0;
  }
#navigatie LI  {
  width:121px;      /*lengte donker vlak bij mouse over */
  border-top: 1px solid rgb(14,32,127); /*De blauwe rand tussen de menu-items.*/
  margin:0;
  padding:0;
  color:white; /*De tekstkleur van de hoofdmenu-items.*/
  }
#navigatie LI  {
  background: url("knop/knop.jpg") 0% 2%;  /*Deze afbeelding is de blauwe achtergrondkleur bij laden pagina*/
  } u
#navigatie LI A  {
  display: block;
  padding:6px 3px;
  padding-left:10px;
  }
#navigatie LI A  {
  display:block;
  width:110px;     /*breedte knoppenbalk zonder muis over*/
  }
#navigatie LI A:hover  {
  color: #fff;
  background:url("knop/knop.jpg") left 120px; 
  /*Wanneer je de muis over de koppeling beweegt (hover) wordt de afbeelding 120px vertikaal verschoven waardoor je een effect krijgt.
    Het voordeel hiervan is dat alles in 1 afbeelding zit, waardoor er niets opnieuw hoeft te worden geladen.*/
  color:#FE6613;  /* Tekstkleur van hoofdmenu-items bij mouseover (oranje).*/
  width:120px; 
  /*De volgende twee regels zorgen ervoor dat de breedte in alle browsers gelijk is.*/
  voice-family: "\"}\"";  
  voice-family:inherit;
  width:108px;   /*lengte donker vlak bij mouse over*/
  }
#navigatie UL UL LI A {
  padding:3px;
  padding-left:5px;
  background:#CC66CC; /*Achtergrondkleur van submenu-items.*/
  color:#5663A5;      /*Tekstkleur van submenu-items.*/
  font-weight:normal;
  font-size:0.9em;
  border-left: 5px solid rgb(239,192,92);  /* De dikke lichtblauwe streep links naast de submenu-items.*/
  }
#navigatie UL UL LI A:hover  {
  border-left: 5px solid rgb(0,166,218);  /* De dikke oranje streep links naast de submenu-items bij mouseover.*/
  color:#ffffff;                          /* Witte tekstkleur*/
  }
#navigatie UL UL LI A:active  {    
  border-left: 5px solid navy;            /* De dikke donkerblauwe streep links naast de submenu-items wanneer deze zijn geselecteerd. Alleen in IE.*/
  color:#5663A5;
  }
img {                  /* Deze sectie zorgt ervoor dat de pijltjes die aangeven dat er een submenu is goed worden gepositioneerd en geen rand krijgen */  
  border:0;
  margin-bottom:-5px;
  margin-right:10px;
  }

a:link {              /* niet eerder bezochte link */
  /*font-style: italic;*/
  text-decoration: none;
  background: #FFFFCC;
  font-size: 13px;
  color: #000000;}

a:visited {           /* eerder bezochte link */
  text-decoration: none;
  background: #FFFFCC;
  font-size: 13px;
  color: #660033}

a:hover {             /* kleur bij muis over link */
  text-decoration: none;
  background: #FFFFCC;
  font-size: 13px;
  color: #FF00FF}

a:active {            /* als muis over is */
  background: #FF0066;
  color: #000000}     

/*textarea, input {
  font-family: Verdana, Arial,  sans-serif;
  font-size: 9.5pt;
  color: #000000 ; }

font.Error {
  font-size: 9.5pt;
  background-color:#FFFFFF;
*/
.kopregel {               /* kop blauw */
font-family: Verdana, Arial,  sans-serif;
font-size: 22px;
color: ##0000FF; }

.kopblauw {                /* grote kop blauw */
font-family: Verdana, Arial,  sans-serif;
font-size: 22px; 
color: #0000ff; }

.koplblauw {                 /* grote kop licht blauw */
font-family: Verdana, Arial,  sans-serif;
font-size: 22px; 
color: #55A0B0; }

.tgrrood {                  /* grote rode tekst */
font-family: Verdana, Arial,  sans-serif;
font-size: 20px; 
color: #ff0000; }

.tklrood {                  /* kleine rode tekst */
font-family: Verdana, Arial,  sans-serif;
font-size: 14px; 
color: #ff0000; }

.tekstklein {                 /* kleine normale tekst */
font-family: Verdana, Arial,  sans-serif;
font-size: 11px; 
color: #000000; }

.tekstnormaal {                  /* normale tekst */
font-family: Verdana, Arial,  sans-serif;
font-size: 14px; 
color: #000000; }

.tekstgroot {                  /* normale tekst */
font-family: Verdana, Arial,  sans-serif;
font-size: 22px; 
color: #000000; }

.tekstwitgr {                  /* normale witte groot */
font-family: Papyrus, Verdana, Arial,  sans-serif;
font-size: 26px; 
color: #ffffff; }

.tabel {                       /* tabel */
font-family: Arial,  sans-serif; 
font-size: 14px;
color: #000000;
font-weight: bolder;
font-style: italic;
background-color: #FFFFCC;}/*Gele achtergrondkleur van de Deto-site.*/

.tabelp {                       /* tabel */
font-family: Verdana, Arial,  sans-serif; 
font-size: 14px;
color: #000000;
background: "foto/muzlinnen.jpg";}/*plaatje op achtergrond van de bever-site.*/

.tabelp1 {                       /* tabel */
font-family: Verdana, Arial,  sans-serif; 
font-size: 14px;
color: #000000;
background: "foto/canvas.jpg";}/*plaatje op achtergrond van de bever-site.*/

.tabelg {                       /* tabel */
font-family: Verdana, Arial,  sans-serif; 
font-size: 14px;
color: #000000;
background-color: #FFFFaa;}/* achtergrondkleur van de Deto-site.*/

.tblkl {                       /* tabelklein */
font-family: Verdana, Arial,  sans-serif;
font-size: 10px;
color: #000000;}

.tblkop {                      /* tabelkoprij */
font-family: Verdana, Arial,  sans-serif;
font-size: 14px;
color: #55A0B0;}


table {
border-collapse: collapse;
/*border: 1px solid #C0C0C0; */
/*border-spacing: 20px 10px;*/
padding: 5px 5px;}

td    {
font-size: 12px;
vertical-align: top ;}
/*text-align: ter ;}*/
/*border: 1px solid #C0C0C0; }*/

/*
TABLE { border-collapse: collapse; border: 1px solid #C0C0C0; }
TD    { border: 1px solid #C0C0C0; width: 260px; height: 70px; text-align: justify }


td {
  font-size: 9.5pt;
  color: #000000;
  background-color:#FFFFdd; }

td.MainTD {
  background-color:#55a0b0; }

td.antw {
  background-color:#ffffdd; }

td.NormalText {
  background-color:#FFFFdd; }

td.HeaderText {
  background-color:#55a0b0; }
  /* background-color:#1A78C6; } */