html,
body {
height: 100%;
overflow: hidden;
padding: 0px;
margin: 0px;
}

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

#totaalplaat,
#totaalplaat_zonder {
position: absolute;
width: 968px;
height: 678px;
margin-left: -478px;
margin-top: -348px;
overflow: hidden;
left: 50%;
top: 50%;

background-image: url('gfx/totaal.png');
background-repeat: no-repeat;
}

#totaalplaat_zonder {
background-image: url('gfx/totaal_zonder.png');
}

#achter_totaal, 
#voor_totaal {
position: absolute;
width: 968px;
height: 678px;
margin-left: -478px;
margin-top: -348px;
overflow: hidden;
left: 50%;
top: 50%;
}

#nav {
position: absolute;
top: 145px; 
left: 62px; 
width: 100px;
}

#titel {
position: absolute;
top: 116px; 
left: 280px; 
width: 300px;
}

#footernav {
position: absolute;
top: 578px; 
left: 166px; 
width: 700px;
}

#content {
position: absolute;
top: 170px; 
left: 550px; 
width: 290px;
height: 399px;
color: #fff;
overflow: auto;
overflow-x: hidden;
padding-right: 40px;
margin-right:40px;
text-align: justify;
line-height: 14px;
}

#foto_groot {
position: absolute;
top: 150px; 
left: 160px; 
width: 355px;
height: 240px;
}

#foto_midden {
position: absolute;
top: 396px; 
left: 250px; 
width: 270px;
height: 180px;
background-color: #c6decc;
}

#foto_klein1 {
position: absolute;
top: 394px; 
left: 163px; 
width: 90px;
height: 88px;
}

#foto_klein2 {
position: absolute;
top: 483px; 
left: 163px; 
width: 90px;
height: 88px;
}

#prevnext {
position: relative;
top: 0px; 
left: 11px; 
width: 257px;
height: 20px;
}

#content_project {
position: relative;
top: 15px;
margin-left: 10px;
width: 256px;
padding-bottom: 20px;
}


#masker {
position: absolute;
top: 150px; 
left: 160px; 
width: 355px;
height: 240px;
overflow: hidden;
z-index: 999;
background-image: url('gfx/totaal.png');
background-position: -160px -150px;
}