/* CSS voor elke pagina tbv oa left-menu; getest met Exporer 6.0 en Firefox 1.0 */ 
body {
  background-color: #7F9FAA;    /* body kleur onbewerkte, lege achtergrond grijs/blauw */
  font: 12px arial, sans-serif; /* Hier vastleggen; vastgezet in Explorer */
  text-align: center; /* daar waar nodig met een ander text-align overrulen */
  margin: 0px;   /* geen loze ruimte rondom de body, voor Explorer */  
  padding: 0px;  /* geen loze ruimte rondom de body, voor Opera*/
  }

a:link { 
  text-decoration: none;
  color:#0000FF;
  }
a:visited {
  text-decoration: none;
  color:#0000FF;  
  }
a:active {
  text-decoration: none;
  color:#0000FF;
  }
a:hover {
  text-decoration: none;
  color:#FFFF00;}

  
/* ***** Titel ****************************************************** */
div.titel {
background-color: #557F55; /* body kleur titelvak d/groen */
}
div.titel h1 {
color: #00ffff; /* Cyan */
font: 24px arial;
margin: 0;
}
div.titel h2 {
color: #99FFFF; /* Pale Weak Cyan */
background-color: inherit;
font: 20px arial;
padding: 1px;
margin: 0;
}

/* ***** Leftmenu waaronder .lbutbox .lbut a .lbut a:hover ****************** */
/* box; margin, border, padding. width niet ivm conflicten!!!                 */ 
.lbutbox { 
  position: absolute;
  left: 2px;
  top: 84px;
  margin: 0;
  border: 2px solid #A6CAF0; /* l-blauw */
  padding: 0px;
  z-index: 5; /* Bepaalt de volgorde in voor-achtergrond */
  }

.lbut a { /* Buttons en tekst layout */
  color: #6666CC; /* Letterkleur l-blauw */
  background-color: #99FF66; /* Achtergrondkleur l-groen*/
  padding: 1px; /* Ruimte om tekst */
  display: block;
  border-bottom: 1px solid #FF1F00; /* Onderlijning */
  font: 10px arial, sans-serif;
  font-weight: bold;
  text-decoration: none;
 }

.lbut a:hover { /* Buttons en tekst layout bij mouse-over */  
  background-color: #557F55; /* Achtergrondkleur d-groen*/
  color: #FFFFFF; /* Letterkleur wit */
  text-decoration: none; }
  

/* ***** Rechter menu .rbutbox ** ads by google ******************************** */
.rbutbox {
	position:absolute;
  width: 140px; 
	top:84px;
	right:2px;
  border: 2px solid #A6CAF0;  
	background-color:#C0DCC0;
	padding:0px;
	z-index:1;
  }

.rbutbox h2 {
  color:#A0A0A4;
	font:bold 12px/14px verdana, arial, helvetica, sans-serif;
	margin:0px 0px 5px 0px;
	padding:0px;
	}

.rbutbox p {
  color:#A0A0A4;
	font:11px/20px verdana, arial, helvetica, sans-serif;
	margin:0px 0px 16px 0px; 
	padding:0px; 
  }

/* ***** Topmenu centrum boven ***** */
.tmenu {
  position: absolute;
  top: 64px;
  left: 0px;
  right: 20px;
  z-index:10;
  color: #00ffff; /* Cyan */
  font: 11px arial, sans-serif;
}
   
.tmenu a { /* Inhoud */
  background-color: #99FF66; /* Achtergrondkleur */
  color: #6666CC; /* Letterkleur */
  padding: 1px; /* Ruimte om tekst */
  font: 11px arial, sans-serif;
  font-weight: bold;
  text-decoration: none;
  }

.tmenu a:hover {
  background-color: #557F55;
  color: #CCFFFF;
  text-decoration: none; 
  }  
  
/* ***** Topmenu  rechterzijde boven ***** */
.trmenu {
  position: absolute;
  border: 0px solid #A6CAF0;  /* lijndikte van border */
  padding: 0px; 
  right: 3px;
  top: 3px;
  margin: 0;
  }

.trmenu a {
  color: #6666CC; /* Letterkleur */
  background-color: #557F55; /* Achtergrondkleur */
  padding: 1px; /* Ruimte om tekst */
  font: 10px Arial, sans-serif;
  font-weight: bold;
  text-decoration: none;
  }

.trmenu a:hover {
  background-color: #557F55;
  color: #CCFFFF;
  text-decoration: none; 
  }  

/* ***** Topmenu linkerzijde ***** */
.tlmenu {
  position: absolute;
  border: 0px solid #A6CAF0;  /* lijndikte van border */
  padding: 0px; 
  left: 4px;
  top: 4px;
  margin: 0;
  }
  
  
/* Tekst in de menu gebieden */
h6 {
	margin:0px;
	padding:0px;
	font-size:10px;
	font-weight:900;
	color:#FF1F55;
	}
  
  
/* ***** Menu Content *********************************************************** */

/* Alle content boxes behoren tot de contect class ************************** */
.content {
  position: absolute;/* Position is declared "relative" to gain control of stacking order (z-index). */
  text-align: left;
  width: auto;
  min-width: 20px;
  margin: 0px 150px 0px 86px;
  border: 2px solid #A6CAF0;
  top:84px;
  background: #A0A0A4;
  /* background: #A6CAF0 none; lichtblauw */
  /* background-image: url(images/gjdpbd.gif); */
  padding: 5px;
  z-index:5; /* This allows the content to overlap the right menu in narrow windows in good browsers. */
  }


.iframe {
  position: relative;/* Position is declared "relative" to gain control of stacking order (z-index). */
  margin: 0px 150px 0px 88px;
  /* width:"100%"; */ /* Heeft alleen effect in Explorer */
  }

   
.content img {
  position: relative; /* Om images zonder problemen te tonen binnen content */
  }	
  
/* tijdelijk uit ivm PunBB , kan niet! */
.content table {
  position: relative; 
  }	


.content td {
	color:#000;
	font:11px/20px verdana, arial, helvetica, sans-serif;
	margin:0px; 
	padding:0px; 
	}

.content h1 {
	font:bold 16px verdana, arial, helvetica, sans-serif;
	color:#D41F00;
	margin:0px 0px 4px 0px;
	padding:0px;
	font-weight:900;
	}
  
.content h2 {
	font:bold 16px verdana, arial, helvetica, sans-serif;
	color: #008000;  
	margin:4px 0px 4px 0px;
	padding:0px;
	}
  
.content h3 {
	font:bold 12px/14px verdana, arial, helvetica, sans-serif;
	color: #008000;
	margin:2px 0px 2px 0px;
	padding:0px;
	}

.content p {
	color:#000;
	font:13px/16px Comic Sans MS, verdana, arial, helvetica, sans-serif;
	margin:4px 0px 0px 0px;
	padding:0px; 
	}
.content>p {margin:4px 0px 0px 0px;}
.content>p+p {text-indent:0px;}

.content ul {	
  font-weight:900;
  color:#000000;
  }
  
.content li {	
  font-weight:300;
  color:#3300FF;
  }
  
p.tit1 {
	font-size:16px;
  font-weight:900;  
	color:#FF3300;
 }

p.tit2 {
	font-size:14px;
  font-weight:900;    
	color:#008000;
 }
 
p.vraag {
	font-size:14px;
  font-weight:600;    
	color:#0000CC;
 }

p.copy {
	font-size:10px;
  font-weight:900;  
	color:#0000CC;
 }
 
  
/* gps table */
.TableHeader  { table-layout: fixed; width: 725px;background-color:#FFFFAA;}
/* cellen caches per 50 rijen */
.cel1  { width: 25px; background-color: #CCFFFF;}
.cel2  { width: 35px; background-color: #CCFFFF;}
.cel3  { width: 60px; background-color: #CCFFFF;}
.cel4  { width: 235px; background-color: #CCFFFF;}
.cel5  { width: 290px; background-color: #CCFFFF;}
.cel6  { width: 55px;  background-color: #CCFFFF;}
/* cellen caches/eigenaar en laatste x gevonden en cache/type */
.cel7 { background-color: #CCFFFF;}
/* cellen voor de "links" tabel */
.link { width: 80px; background-color: #CCFFFF; text-align: center; }

.row {
  background-color: #CCCC99;
  vertical-align:top} 

.tot {
  background-color: #CCFFFF;
  vertical-align:top}