body
{
padding: 0px;
border: 0px;
margin:0px;
width: 100%;
height: 100%;
background-size: 100%;
background-image:url(../images/achtergrond.jpg);
background-repeat:no-repeat;
background-size: cover;
 

/*background-position:0% 100%;*/
background-attachment:fixed;
overflow:hidden;
}

#container
{
  position:absolute;
  top:0px; /* dit is om de hoogte 100% te geven*/
  bottom:0px;/* dit is om de hoogte 100% te geven*/
  width:989px;/* dit is om een vaste breedte te maken*/
  padding:0px;
  border:0px;
  left:50%;/* dit is om te centreren*/
  margin-left:-495px;/* dit is om te centreren. Moet helft zijn van width*/
  background-image:url(../images/achter_container.jpg);
 
 }
 
 #foto
{
  position:absolute;
  height:271px;
  width:989px;
  top:0px;
  left:0px;
  padding:0px;
  margin:0px;
  border:0px;
  }
  
   #fotoknop
{
  position:relative;
  height:200px;
  width:200px;
  top:40px;
  left:750px;
  padding:0px;
  margin:0px;
  border:0px;
  z-index:3;
  cursor:hand;
}

#menu
{
  position:absolute;
  height:46px;
  width:746px;
  top:271px;
  left:0px;
  right:0px;
  padding:0px;
  margin:0px;
  border:0px;
  background-image:url(../images/menu.jpg);
  z-index:100;
  }
  
  #inhoud
{
  position:absolute;
  width:696px;
  top:327px;
  margin:0px;
  left:30px;
  padding:0px;
  border:0px;
  bottom:45px;
  overflow:auto;
  overflow-y-moz-scrollbars:auto;
  overflow-y:auto;
  overflow-x:hidden;
  overflow-x-moz-scrollbars:hidden;
   }
* html #inhoud { /*IE6 hack*/
height: expression(document.getElementById('container').offsetHeight-327-43); 
}

#kolom
{
  position:absolute;
  width:243px;
  top:271px;
  bottom:0px;
  left:746px;
  right:0x;
  background-image:url(../images/achter_kolom.jpg);
  background-repeat:no-repeat;
  background-position:bottom;
  color:#ffffff;
  z-index:1;
  bottom:0px;
 }
 
 * html #kolom { /*IE6 hack*/
height: expression(document.getElementById('container').offsetHeight-271-0); 
}
 
 

 #adres
 {
 position:absolute;
 color:#FFFFFF;
 bottom:45px;
 height:140px;
 left:20px;
 width:201px;
 right:0px;
 z-index:3;
 }
 
 * html #adres { /*IE6 hack*/
height: expression(document.getElementById('adres').offsetHeight-100-0); 
}
 
 
 
 #onder
{
  position:absolute;
  height:43px;
  width:989px;
  bottom:0px;
  left:0px;
  padding:0px;
  margin:0px;
  border:0px;
  background-image:url(../images/onder.jpg);
  z-index:2;
}

#onder-inner
{
  position:absolute;
  top:17px;
  height:23px;
  width:213px;
  bottom:0px;
  right:20px;
  padding:0px;
  margin:0px;
  border:0px;
  z-index:2;
}
 
 
 
 
 * html #container, * html #links { /*IE6 hack*/
height: expression(Math.max(0*document.body.scrollHeight,document.body.offsetHeight)+0);
}
 
 










