body{
margin: 0;
padding: 0;
border: 0px;
height: 100%; 
background-image:url('../images/achtergrond.jpg');
xoverflow-x:hidden;
xoverflow-y:hidden;
overflow: auto;


        scrollbar-track-color: #000000;
        scrollbar-arrow-color: #999999;
        scrollbar-base-color: #999999;
        scrollbar-darkshadow-color: #000000;
        scrollbar-face-color: #000000;
        scrollbar-highlight-color: #000000;
        scrollbar-shadow-color: #999999;

}


 #container
{
  margin-top:0px;
  margin-left:-501px;/* dit is om te centreren. Moet helft zijn van width*/
  position:absolute;
  width:1003px;/* dit is om een vaste breedte te maken*/
  height:100%;
  min-height:600px;
  left:50%;/* dit is om te centreren*/
  z-index:2;
  text-align:left;
  background: #FFFFFF;

        scrollbar-track-color: #FFFFFF;
        scrollbar-arrow-color: #999999;
        scrollbar-base-color: #999999;
        scrollbar-darkshadow-color: #FFFFFF;
        scrollbar-face-color: #FFFFFF;
        scrollbar-highlight-color: #FFFFFF;
        scrollbar-shadow-color: #999999;
 }
 

* html #container{ /*IE6 hack*/
height: expression(Math.max(parseInt(document.body.offsetHeight),600)); 
}
/*0*600+1*(parseInt(document.getElementById('inhoud').clientHeight)+210+32+51)*/



#boven
{
  position: absolute;
  top:00px;
  left:0px;
  height: 210px;
  width:1003px;
  margin:0px;
  padding:0px;
}

#logo-en-foto
{
  position: absolute;
  top:00px;
  left:0px;
  height: 210px;
  width:789px;
  margin:0px;
  padding:0px;
}

#shoppingbag
{
  position: absolute;
  top:0px;
  left:789px;
  height: 210px;
  width:214px;
  margin:0px;
  padding:0px;
  background-image:url('../images/shoppingbag.jpg');
  text-align:right;
  color: #CCCCCC; 
}



#shoppingbag_inner1
{
  position: relative;
  padding-left:20px;
  padding-right:20px;
  padding-top:70px;
  margin:0px;
 }

#shoppingbag_inner2
{
  position: absolute;
  padding:0px;
  margin:0px;
  bottom:10px;
  right:20px;
  width:214px;
 }

 
 .shoppingbag {  text-decoration: none; color: #CCCCCC; }
a.shoppingbag:link {  text-decoration: none; color: #CCCCCC; }
a.shoppingbag:visited {  text-decoration: none; color: #CCCCCC; }
a.shoppingbag:hover {  text-decoration: none; color: #FFFFFF; }
a.shoppingbag:active {  text-decoration: none; color: #FFFFFF; }

#hoofdmenu
{
  position: absolute;
  top:210px;
  left:0px;
  bottom:0px;
  width:204px;
  background: #000000;
  border-top:1px solid #FFFFFF;
  border-left:6px solid #FFFFFF;
  color: #FFFFFF; 
  text-align:right;
  padding:0px;
  margin:0px;
}

#hoofdmenu_inner
{
  padding:0px;
  vertical-align:top;
    margin:0px;
}

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


#rechts
{
  position: absolute;
  top:210px;
  bottom:0px;
  left:210px;
  padding:0px;
  margin:0px;
  width:793px;
}

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


#zoeken
{
  position: absolute;
  top:0px;
  left:0px;
  height: 32px;
  width:793px;
  z-index:100;
  
  padding:0px;
}

#zoeken_inner
{
  height:100%;
  width:100%;
  padding:6px;
}


#onder_zoeken
{
  position: absolute;
  text-align:left;
  top:32px;
  left:0px;
  height: 26px;
  width:100%;
  background: #FFFFFF;
   background-image:url('../images/zoeken.jpg');
  padding:0px;
  padding-top:2px;
}


#inhoud
{
  position: absolute;
  top:58px;
  left:0px;
  bottom:25px;
  width:793px;
  background-image:url('../images/inhoud.jpg');
  
}

* html #inhoud{ /*IE6 hack*/
height: expression(parseInt(document.getElementById('container').offsetHeight)-210-32-51); 
}

#inhoud_inner
{
  height:100%;
  margin-right:7px;
  padding-left:30px;
  padding-right:20px;
  overflow:auto;
  overflow-y-moz-scrollbars:auto;
  overflow-y:auto;
  overflow-x:hidden;
  overflow-x-moz-scrollbars:hidden;
  line-height:22px;
}


#menu
{
  position: absolute;
  bottom:0px;
  left:0px;
  height: 25px;
  width:793px;
  background-image:url('../images/menu_onder.jpg');
  margin:0px;
  padding:0px;
}







* html body { /*IE6 hack*/
padding-top: 0px;
padding-bottom:0px;
padding-left:expression(Math.max(0,(document.body.offsetWidth-988-20)/2));
padding-right:expression(Math.max(0,(document.body.offsetWidth-988-20)/2)); /*Set value to (HeightOfTopFrameDiv WidthOfRightFrameDiv HeightOfBottomFrameDiv WidthOfLeftFrameDiv)*/
}