html,
body {
height: 100%;
overflow: hidden;
background-color: #3E3E3E;
}

#achter { 
position: absolute; 
overflow: hidden;
top: 0; 
left: 0; 
width: 100%; 
height: 100%; 
margin:0;
padding:0;
}

#midden {
position: absolute;
background-image: url("gfx/verloop.jpg");
background-repeat: repeat-y;
background-position: 2px 0px;
margin-left: -450px;
overflow: hidden;
border-left: 1px solid #999;
border-right: 1px solid #999;
left: 50%;
top: 0px;
width: 903px;
height: 100%;
}

#midden img {
margin-left: 2px;
}

#foto    {
position: absolute;
top: 0px;
left: 601px;
height: 207px;
width: 241px;
}

#content    {
position: absolute;
top: 205px;
left: 220px;
width: 340px;
*width: 340px;
padding-right: 115px;
*padding-right: 115px;
overflow: auto;
overflow-x: hidden;
height:90%
}

#nav     {
position: absolute;
top: 211px;
left: 0px;
width: 193px;
height: 100%;
z-index: 99;
}

#winkel     {
position: absolute;
top: 220px;
left: 684px;
width: 226px;
height: 100%;
}

#koop1,
#koop2,
#koop3      {
position: relative;
float: left;
top: 0px;
left: 12px;
width: 64px;
text-align: center;
}

#label {
position: absolute;
background-image: url("gfx/label.gif");
background-repeat: no-repeat;
background-position: -1px center;
width: 15px;
height: 170px;
left: 50%;
margin-left: 454px;
bottom: 20px;
border: 1px solid #8E95A4;
border-left: 1px solid #101C44;
}

#label:hover {
position: absolute;
background-image: url("gfx/label_hover.gif");
}

#onevision {
display: none;
position: absolute;
bottom: -20px;
left: 80px;
z-index: 99;
}