/* CSS voor elke pagina tbv oa left-menu; getest met Exporer 6.0 en Firefox 1.0 */ 
body { 
  background-color: #7F9FAA; 
  font: 12px arial, sans-serif; 
  text-align: center; 
  margin: 0px;
  padding: 0px;
  }

a:link  {
  text-decoration: none; 
	color: #0000a0;
  }

a:visited {
  text-decoration: none;
	color: #0000a0;
	}

a:active {
  text-decoration: none;
	color:#0000a0;
	}

a:hover {
  text-decoration: none;
	color:#FFFF00;
	}
  
/* ***** Titel ****************************************************** */
div.titel {
  background-color: #557F55; /* body kleur titelvak d/groen */
  } 
div.titel h1 {
  color: #00ffff; 
	font: 24px arial; 
	margin: 0;
	}
div.titel h2 {
  color: #99FFFF; 
	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; 
	padding: 0px; 
	z-index: 5; 
  }

.lbut a { 
  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: relative;/* Position is declared "relative" to gain control of stacking order (z-index). */
  text-align: left;
  width: auto;
	height: auto;
  min-width: 714px;
  margin: 0px 150px 0px 84px;
  border: 2px solid #A6CAF0;
  top:6px;
  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 */
  padding: 4px;
  }	
/* 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:#0033CC;
  }

.content dd {	
  font-weight:300;
  color:#0033CC;
  }
  
  
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 & sitemap table */
.TableHeader  { table-layout: fixed; width: 730px;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 logjes rijen */
.logk1  { width: 25px; background-color: #CCFFFF;}
.logk2  { width: 35px; background-color: #CCFFFF;}
.logk3  { width: 60px; background-color: #CCFFFF;}
.logk4  { width: 60px; background-color: #CCFFFF;}
.logk5  { width: 220px; background-color: #CCFFFF;}
.logk6  { width: 30px;  background-color: #CCFFFF;}
.logk7  { width: 30px;  background-color: #CCFFFF;}
.logk8  { width: 60px;  background-color: #CCFFFF;}
.logk9  { width: 40px;  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} 

/* opmaak voor de favorieten */
	#hoofdcontainer{width:98%;padding-left:1.0%;padding-right:1.5%;}
	#vak1,#vak2,#vak3{float:left;width:100%;position:relative;}
	#vak1{color:#ffffff;background:#7F9FAA;overflow:hidden;}
	#vak2{color:#ffffff;background:#808080;right:34%;}
	#vak3{color:#000000;background:#7F9FAA;right:33%;}
	#kolom1,#kolom2,#kolom3{
		margin-top:1em;
		padding-bottom:1em;	
		float:left;
		position:relative;
		overflow:hidden;}
	#kolom1{width:31%;left:68%;}
	#kolom2{width:31%;left:70%;}
	#kolom3{width:32%;left:72%;}