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

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

#midden {
position: absolute;
overflow: hidden;
top: 50%;
left: 50%;
width: 900px;
height: 550px;
margin-left: -450px;
margin-top: -275px;
background-repeat: no-repeat;
border: 1px solid #ccc;
}

#header {
position: absolute;
top: 0px;
left: 0px;
width: 900px;
height: 60px;
border-bottom: 1px solid #ccc; 
}

#beeldmerk {
position: absolute;
top: 5px;
left: 15px;
width: 193px;
height: 78px;
}

#keuzes {
position: absolute;
top: 15px;
left: 105px;
width: 193px;
height: 78px;
}

/*
#nav    {
position: absolute;
top: 0px;
left: 320px;
height: 60px;
width: 550px;
text-align: right;
}
*/

#nav    {
position: absolute;
top: 5px;
right: 5px;
height: 60px;
text-align: center;
}

#titel    {
position: absolute;
top: 75px;
left: 0px;
height: 25px;
width: 315px;
background-color: #007d2f;
}

#content    {
position: absolute;
top: 100px;
left: 0px;
width: 295px;
height: 368px;
overflow: auto;
outline: none;
overflow-x: hidden;
padding-right: 22px;
background-color: #f4f5cd;
}

#content_portfolio    {
position: absolute;
top: 75px;
left: 20px;
width: 280px;
height: 390px;
overflow: auto;
outline: none;
overflow-x: hidden;
padding-right: 0px;
background-color: #fff;
}

#foto    {
position: absolute;
top: 75px;
outline: none;
left: 328px;
width: 580px;
height: 393px;
overflow: hidden;
text-align: center;
background-repeat:no-repeat;
background-position: center center;
}

#foto_portfolio    {
position: absolute;
top: 75px;
outline: none;
left: 305px;
height: 393px;
width: 585px;
overflow: hidden;
text-align: center;
background-repeat:no-repeat;
background-position: center center;
}

/*
#foto_portfolio    {
left: 328px;
width: 580px;
}
*/

#thumbs    {
position: absolute;
top: 125px;
left: 210px;
height: 345px;
width: 73px;
overflow: hidden;
overflow: auto;
padding-right: 20px;
}

#footer    {
position: absolute;
top: 475px;
left: 0px;
width: 900px;
text-align: center;
padding-top: 15px;
background-image:url('/gfx/schaduw.gif');
background-repeat: repeat-x;
}

/* HOME */
#foto_home1 {
position: absolute;
overflow: hidden;
top: 50%;
left: 50%;
width: 446px;
height: 270px;
margin-left: -449px;
margin-top: -275px;
}

#foto_home2 {
position: absolute;
overflow: hidden;
top: 50%;
left: 50%;
width: 446px;
height: 270px;
margin-left: 0px;
margin-top: -25px;
}

#logo_home {
position: absolute;
overflow: hidden;
top: 200px;
left: 330px;
width: 238px;
height: 270px;
z-index: 100;
}

#zakelijk {
position: absolute;
overflow: hidden;
top: 0px;
left: 0px;
height: 300px;
width: 448px;
}

#particulier {
position: absolute;
overflow: hidden;
bottom: 27px;
right: 0px;
height: 320px;
width: 448px;
}


/*WELKOMS DITTO*/
.showitem {
position: relative;
float: left;
overflow: hidden;
width: 200px;
height: 350px;
top: 35px;
margin-left: 50px;
*margin-left: 30px;
margin-right: 20px;
}

.showitem_foto {
border: 1px solid #000;
width: 195px;
height: 195px;
overflow: hidden;
}

.showitem_foto img {
width: 180%;
margin-left: -50%;
}