body{
  font-size:8.5pt;
  overflow:hidden;/**/
  height:100%;
}

*{
  font-family:verdana, arial, helvetica, sans-serif;
}

#bgcielL, #bgcielR, #bgcielC{
  position:absolute;
  top: 0px; left: 0px;
  height: 120px; width: 50%;
  /*background-image:url(../pics/px535966.gif);grijsblauw*/
}

#bgcielR{
  position:absolute;/**/
  left:50%;
}

#bgcielC{
  position:absolute;/**/
  width:100%;
  /*background-image:url(../pics/bgcielC.jpg);*/
  background-repeat:no-repeat;
  background-position:top center;
}

#bgterreL, #bgterreR, #bgterreC{
  position: absolute;
  bottom:0px; left: 0px;
  height: 36px; width:50%;
  /*background-image:url(../pics/px535966.gif);*/
  z-index:9;
}

#bgterreR{
  position:absolute;/**/
  left:50%;
  /*background-image:url(../pics/px00BD00.gif);*//*appelgroen)*/
}

#bgterreC{
  position:absolute;
  width:100%;
  /*background-image:url(../pics/bgterreC.jpg);*/
  background-repeat:no-repeat;
  background-position:top center;
}

#bgfoto{
  position:absolute;
  top:15px;
  left:50%;
  margin-left:-485px;
  height:156px; width:970px;
  /*background-image:url(../pics/bgfoto.jpg);*/
  /*border:1px solid red;  */
  z-index:3;
}

#adres{
  position:absolute;
  top:40px; left:50%;
  margin-left:-452px;
  height:60px; width:240px;
  z-index:3;
  /*border: 1px solid green;*/
}

#adres table{
 margin-bottom: 3px;
 border-collapse: separate;
 /*border: 1px solid red;*/
}
#adres table tr, #adres2 table tr{
  height:12px;
}
#adres td{
  border-left: 1px solid #fff;
  padding:0px 2px;
  text-align:center;
  font-size:9px;
  color:#fff;
  letter-spacing: 1px;
  text-transform: uppercase;
}
#adres td.tdr{
  border-right: 1px solid #fff;
}
#adres a:link {color: #fff}     /* unvisited link */
#adres a:visited {color: #fff}  /* visited link */
#adres a:hover {color: #fff}   /* mouse over link */
#adres a:active {color: #fff}   /* selected link */

/**/
#adres2{
  position:absolute;
  top:41px; left:50%;
  margin-left:-451px;
  height:60px; width:240px;
  z-index:3;
}

#adres2 table{
 margin-bottom: 3px;
 border-collapse: separate;
}

#adres2 td{
  border-left: 1px solid #888;
  padding:0px 2px;
  text-align:center;
  font-size:9px;
  color:#222;
  letter-spacing: 1px;
  text-transform: uppercase;
}
#adres2 td.tdr{
  border-right: 1px solid #888;
}
#adres2   a:link {color: #222}     
#adres2   a:visited {color: #222}  
#adres2   a:hover {color: #222}   
#adres2   a:active {color: #222}   
/**/


/*===================*/

#Lhelft{
  position:absolute;
  top:120px; right:50%;/* -- was: top:120px; left:50%; -- */
  /* -- was: margin-left:-485px; -- */
  width:50%;/**//* -- was: width:485px; -- */
  height:98%;/**//* -- was: height:200px; -- */
  background-color:white;/* -- was: background-color:white; -- */
  z-index:3;/* -- was: z-index:3; -- */
  /*border:1px solid red;*/
}

#Linhoud{
  position:absolute;/* -- was:  -- */
  top:0px; right:0px;/* -- was: top:0px; left:0px; -- */
  margin-left:-485px;
  width:485px; height:200px;/* -- was: width:350px; height:200px; -- */
  /*background-color:#888888;*/
}

#Rhelft{
  position:absolute;
  top:120px;right:0px;
  /*padding-top:30px;padding-bottom:20px;*/
  width:50%;
  /*background-color:#fff088; ****zachtgeel****/
  /*opacity:0.8;*/
  /*border:1px solid red;*/
  /*z-index:2;*/
  overflow:hidden;/**/
}




#Rinhoud{/*   kan een iframe inzitten met aparte stylesheet   */
  width:100%;
  height:250px;/*voor IE om mee te beginnen, lijkt niet echt te reageren op js DOM-aansturing sofar voor document.getElementById("divName").style.height 
  Oplossing hiervoor staat in fth-IEbug-corr.css*/
  /*padding-top:0px;*/
  overflow:auto;
  z-index:2;
  /*background-color:#f0a0ff;*/
  /*border:1px solid blue;*/
  /*height:60%;*/
}

#Kinhoud{/*   kan een iframe inzitten met aparte stylesheet   */
  width:100%;
  height:250px;/*voor IE om mee te beginnen, lijkt niet echt te reageren op js DOM-aansturing sofar voor document.getElementById("divName").style.height 
  Oplossing hiervoor staat in fth-IEbug-corr.css*/
  /*padding-top:0px;*/
  overflow:auto;
  z-index:2;
 /* margin-bottom:150px;*/
  /*background-color:#f0a0ff;
  border:1px solid blue;8/
  /*height:60%;*/
}
#heelvak{
position:absolute;
left:50%; margin-left:-484px;
  top:120px; ;/* -- was: top:120px; left:50%; -- */
  /* -- was: margin-left:-485px; -- */
  width:934px;/**//* -- was: width:485px; -- */
  height:98%;/**//* -- was: height:200px; -- */
  background-color:#aaaaaa;/* -- was: background-color:white; -- */
  z-index:3;/* -- was: z-index:3; -- */
  padding-left:34px;
  /*padding-top:90px;*/
  overflow:auto;
  /*border:1px solid red;*/
}
#heelvak h1{
  font-size:12pt;
  color:#444444;
  margin-top:10px;
}

#heelvak a{
  font-size:12pt;
  color:white;
}
#heelvak h2{
  font-size:12pt;
  font-weight:bold;
  color:#000;
  margin-top:10px;
}
#heelvak table{
  font-size:8pt;
  background-color:#888888;
}
#heelvak table td{
  padding:3px;
  border:1px solid white;
}
#heelvak form textarea{
  font-family:courier;
  font-size:10pt;
  line-height:1.2em;
  text-decoration:none;
}
#heelvak #Rinhoud #menuspacer{
  height:90px;
  width:90px;
  /*border:1px solid red;*/
}
#infoblok{
  margin-top:105px;
  margin-left:38px;
  /*border:1px solid orange;*/
  width:415px;
}
 #infoblok p, #infoblok i{/*paragraaftekst*/
  margin-bottom:6px;
  line-height:1.3em;
}
#infoblok h1{/*paginatitel*/
  font-weight:bold;
  margin-bottom:8px;
  font-size:18pt;
  color:#6f727b;/**/
}
#infoblok h2{/*paragraaftitel*/
  font-weight:bold;
  margin-top:26px;
  font-size:12pt;
  color:#6f727b;/*; groen:#95ba1f*/
}
#infoblok small{
  color:#6f727b;
}
#infoblok h3{/*subkop*/
  font-weight:bold;
  margin-top:2px;
  margin-bottom:4px;
  color:#4f525b;/*; groen:#95ba1f*/
}
#infoblok a{/*subkop*/
  color:#4f529b;/*; groen:#95ba1f*/
}
#infoblok img{
  margin-left: 3px;
}

/* ==== kinder infoblok ========= */
#infoblokK{
  margin-top:105px;
  margin-left:38px;
  /*border:1px solid orange;*/
  width:415px;
}
#infoblokK h1{/*paginatitel*/
  font-weight:bold;
  margin-bottom:8px;
  font-size:18pt;
  color:#fff;
}
#infoblokK h2{/*paragraaftitel*/
  font-weight:bold;
  margin-bottom:4px;
  font-size:12pt;
  color:#fff;
}
#infoblokK h3{/*subkop*/
  font-weight:bold;
  margin-bottom:4px;
  color:#fff;
}
 #infoblokK p{/*paragraaftekst*/
  margin-bottom:10px;
  color:#ffe;
  line-height:1.3em;
  /*border:1px solid orange;========================================================*/
}
#infoblokK p a:link, #infoblokK p a:visited, #infoblokK p a:hover, #infoblokK p a:active{
 color:#a5c53c;
}
 #infoblokK img{/*paragraaftekst*/
  width:161px;
  /*height:68px;*/
  margin:0px 4px 4px 0px;
  float: right;
}

#nwstoc{
  margin-bottom:8px;
}

#nwstoc a:link, #nwstoc a:visited, #nwstoc a:active, #nwstoc a:hover{
  color:#95ba1f;
  font-size:12pt;
  
}

#Rinhoud iframe, #Kinhoud iframe{
  width: 100%;
  height:100%;
}

#Rinhoud iframe.routemap{
 width:415px;
 height:250px;
}

#Rinhoud #progpagifr{/* voor fbs of nieuwspagina */
  border-style:none;
  /*background-color:#ccc;*/
  width: 100%;
  
  /*height:350px;*/
  /*border-right:1px solid green;*/
  
}
#Rinhoud #kindpagifr{/* voor fbs of nieuwspagina of kinderen*/
  border-style:none;
  /*background-color:#ccc;*/
  width: 100%;
  
}

#fbsfotodiv{/* voor de foto bij de fbs, buiten Rhelft omdat IE hem in Rhelft houdt qua hoogte */
  position:absolute;
  left: 50%;
  top: 120px;
  width: 484px;
  height:210px;
  /*border:1px solid orange;*/
  background-color:white;/**/
  overflow:hidden;
  visibility:hidden;/* NB! deze wordt door js veranderd in model_fbs.php */
  z-index:5;
}
#progpagifr2{/* nog nodig? */
width:384px;
height:106px;
padding:0px;
margin:0px;
}

#kindmenu{
position:absolute;
bottom:36px;
left:50%;
margin-left:-720px;
width:590px;/* (1440 /2) + (970 / 2) -25  = 1180*/ /* of de helft daarvan: 590*/
height:105px;;
/*border:1px solid orange;*/
z-index:3;
background-image:url("../pics/kader/kindmenubg.jpg");
  background-position:top left;
  background-repeat:repeat-y;
color:white;

}
#Knieuws, #Kvast, #Kextra{
  position:absolute;
  top:25px;
  left:270px;
}
#Kvast{
  left:460px
}
#Kextra{
  left:630px
}
#voet{
  position:absolute;
  bottom:0px; left:50%;
  height:21px; width: 970px;
  margin-left:-485px;
  margin-bottom:15px;
  background-image:url("../pics/kader/metastrook.jpg");
  /*background-color:#1d2117;*/
  /*border:1px solid white;*/
  z-index:9;
}

#voet p{
  color:#bccbcf;
  text-align:center;
  margin-top:3px;
  z-index:3;
}

#voet .right{
 position:absolute;
 top:2px;
 right:-2px;
}

#voet img.left{
 position:absolute;
 top:1px;
 left:35px;
}

#voet a {
  color:#bccbcf;
}
.close{
  position:absolute;
  top:0px;
  right:2px;
  width:298px;
  height:20px;
  /*border:1px solid #bccbcf;
  background-color:red;*/
  color:#343434;
  font-variant:small-caps;
  padding: 2px;
  background-image:url("../pics/kader/close.gif");
  background-position:center right;
  background-repeat:no-repeat;
  
  /*font-weight:bold;*/
}
.close a{
  color:#343434;
}
#voetcontact, #voetcolofon{
  position:absolute;
  bottom:15px;
  left:50%;
  height:220px;
  width:300px;
  margin-left:-150px;
  padding:3px;
  border:1px solid #343434;
  background-color:#e4e4e4;
  color:#343434;
  z-index:9;
  overflow:auto;
  visibility:hidden;/**/
}

#voetcontact h2,#voetcolofon h2{
  font-weight:bold;
}
#voetcontact .ct,#voetcolofon .ct{
  position:absolute;
  top:25px;
  height:195px;
  overflow:auto;
  border-top:1px solid #343434;
}
#voetcontact a,#voetcolofon a{
  color:#141438;
}