body
{
padding: 0px;
border: 0px;
margin:0px;
background:#E7ddf8;
/*overflow-x:hidden;
overflow-y:hidden;
overflow:hidden;
*/height:100%;
}

#opvulling_links
{
  height:100%;
  position:absolute;
  left:0px;
  bottom:0px;
  width:50%;
  padding:0px;
  color:#FFFFFF;
  background-image:url(../images/opvulling_links.jpg);
  background-repeat:repeat-x;
  background-position:bottom;
  line-height:25px;
  z-index:0;
}

#opvulling_rechts
{
  position:absolute;
  height:100%;
  width:50%;
  top:0px;
  right:0px;
  padding:0px;
  margin:0px;
  background:#E7ddf8;
  color:#FFFFFF;
  font-size:13px;
  background-image:url(../images/opvulling_rechts.jpg);
  background-repeat:repeat-x;
  background-position:top;
  line-height:25px;
  z-index:0;
}


#container
{
  position:absolute;
  top:0px; /* dit is om de hoogte 100% te geven*/
  bottom:0px;/* dit is om de hoogte 100% te geven*/
  width:987px;/* dit is om een vaste breedte te maken*/
  padding:0px;
  border:0px;
  left:50%;/* dit is om te centreren*/
  margin-left:-494px;/* dit is om te centreren. Moet helft zijn van width*/
  background:#FFFFFF;
  z-index:1;
}


* html #container, * html #opvulling_links,* html #opvulling_rechts { /*IE6 hack*/
xheight: expression(Math.max(document.getElementById('overall_div').offsetHeight,document.getElementById('container').offsetHeight,document.getElementById('opvulling_links').offsetHeight,document.getElementById('opvulling_rechts').offsetHeight));
}

* html #container, * html #opvulling_links,* html #opvulling_rechts { /*IE6 hack*/
xheight: expression(parseInt(document.getElementById('overall_div').offsetHeight));
}


#header
{
  position:absolute;
  height:149px;
  width:987px;
  top:0px;
  left:0px;
  right:0x;
  padding:0px;
  margin:0px;
  background:#E7ddf8;
  color:#FFFFFF;
  z-index:20;
}


#zoektraining
{
  position:absolute;
  width:219px;
  top:149px;
  height:30px;
  left:0px;
  padding:0px;
  margin:0px;
  border-left:solid 1px #FFFFFF;
  border-right:solid 0px #FFFFFF;
  font-weight:bold;
  background:#460080;
  color:#FFFFFF;
  z-index:10;
}


#opmaat
{
  width:219px;
  left:0px;
  height:30px;
  margin-top:0px;
  margin-left:-1px;
  padding-top:5px;
  padding-left:2px;
  text-indent:0px;
  border-left:solid 1px #FFFFFF;
  border-right:solid 0px #FFFFFF;
  font-weight:bold;
  background:#460080;
  color:#FFFFFF;
  z-index:1011;
}

#cursussen
{
  position:absolute;
  width:219px;
  top:179px;
  bottom:35px;
  left:0px;
  padding:0px;
  margin:0px;
  border-left:solid 1px #FFFFFF;
  border-right:solid 0px #FFFFFF;
  background:#E7ddf8;
  color:#460080;
  font-weight:bold;
  z-index:110;
/*  overflow:hidden;
  overflow-y:hidden;
  overflow-y:auto;*/
}

#zoekbalk
{
background:#460080;
position:absolute;
  left:219px;
  top:149px;
  width:579px;
  height:30px;
  border-left:solid 1px #E7ddf8;
  border-right:solid 1px #E7ddf8;
  color:#FFFFFF;
  z-index:25;
  }

#inhoud
{
  background:#FFFFFF;
  position:absolute;
  left:219px;
  top:179px;
  bottom:255px;
  width:578px;
  padding:0px;
  color:#333333;
  border-left:solid 1px #E7ddf8;
  border-top:0px;
  overflow:auto;
  line-height:18px;

      scrollbar-track-color: #FFFFFF;
        scrollbar-arrow-color: #F10085;
        scrollbar-base-color: #FFFFFF;
        scrollbar-darkshadow-color: #FFFFFF;
        scrollbar-face-color: #FFFFFF;
        scrollbar-highlight-color: #F10085;
        scrollbar-shadow-color: #F10085;
  z-index:5;
}


* html #inhoud { /*IE6 hack*/
height: expression(parseInt(document.getElementById('container').offsetHeight)-149-255-30);
}


#inhoud td, #inhoud .td,#rechterkolom ul, #rechterkolom .ul {line-height:18px;}

#zoekveld
{
  position:absolute;
  left:823px;
  top:129px;
  height:20px;
  width:160px;
  padding:0px;
  color:#333333;
  border:0px;
  overflow:none;
  line-height:20px;
  z-index:25;
}

#rechterkolom
{
  position:absolute;
  width:188px;
  top:149px;
  right:0px;
  right:expression(1);
  bottom:255px;
  padding:0px;
  margin:0px;
  background:#460080;
  color:#FFFFFF;
  z-index:110;
}

* html #rechterkolom { /*IE6 hack*/
height: expression(parseInt(document.getElementById('container').offsetHeight)-149-255);
}


#rechterkolom_bovenkant
{
  position:absolute;
  width:188px;
  /*height:190px;*/
  right:0px;
  right:expression(0);
  padding:0px;
  margin:0px;
  background:#460080;
  color:#FFFFFF;
  z-index:15;
}

#rechterkolom_midden
{
  position:absolute;
  width:188px;
  right:0px;
  right:expression(0);
  bottom:35px;
  padding:0px;
  margin:0px;
  background:#460080;
  color:#FFFFFF;
  z-index:12;
}

#rechterkolom_onderkant
{
  position:absolute;
  width:188px;
  height:23px;
  right:0px;
  bottom:0px;
  padding:0px;
  margin:0px;
  background:#f10085;
  color:#FFFFFF;
  background-image:url(../images/onder_donker-lila.jpg);
  background-repeat:no-repeat;
  background-position:bottom;
  z-index:15;
  line-height:20px;
  text-align:right;
}


#rechterkolom_helemaal_onder
{
  position:absolute;
  width:188px;
  height:23px;
  right:0px;
  bottom:-220px;
  padding:0px;
  margin:0px;
  background:#f10085;
  color:#FFFFFF;
  background-image:url(../images/onder_lila.jpg);
  background-repeat:no-repeat;
  background-position:bottom;
  z-index:15;
  line-height:20px;
  text-align:right;
}

#menu_onder
{
 position:absolute;
 background:#c4acf4;
 width:766px;
 height:219px;
 left:220px;
 bottom:36px;
 z-index:10;
}

#adres
{
  height:35px;
  background:#F10085;
  width:987px;
  position:absolute;
  bottom:0px;
  left:0px;
  right:0px;
  padding:0px;
  padding-top:0px;
  color:#FFFFFF;
  font-size:12px;
  /*font-weight:bold"*/
  background-image:url(../images/adres.jpg);
  background-repeat:no-repeat;
  background-position:bottom;
  line-height:25px;
  z-index:120;
  }



* html #header { /*IE6 hack*/
width: expression(document.getElementById('container').offsetWidth-1);
}

* html #foto{ /*IE6 hack*/
height: expression(parseInt(document.getElementById('container').offsetHeight)-95-90);
}
* html #cursussen { /*IE6 hack*/
height: expression(parseInt(document.getElementById('container').offsetHeight)-179-35+2);
}