html {
overflow: hidden;
padding: 0;
margin:0;
overflow-x: hidden;

scrollbar-3dlight-color:#bebebe;
scrollbar-track-color:#fff;
scrollbar-face-color:#fff;
scrollbar-darkshadow-color:#fff;
scrollbar-arrow-color:#bebebe; 
}

body {
background-color: #fff;
background-image: url("gfx/bg_pixel.gif");
overflow: hidden;
height: 100%;
padding: 0;
margin:0;
}

#totaal     {
position: absolute;
display: block;
padding: 0;
margin:0;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
}

#midden  {
position: absolute; 
background-color: #fff;
background-image: url("gfx/achter.jpg");
background-repeat: no-repeat;
background-position: top center;
margin-left: -450px;
left: 50%;
top: 0px; 
width: 900px; 
height: 100%; 
}

#content {
position: absolute;
overflow: auto;
padding-right: 20px;
top: 160px;
left: 100px;
width: 400px;
text-align: justify;
}

#content_shop {
position: absolute;
overflow: auto;
overflow-x:hidden;
padding-right: 20px;
top: 160px;
left: 100px;
width: 500px;
text-align: justify;
}

#foto {
position: absolute;
overflow: hidden;
overflow-y: auto;
padding-right: 20px;
top: 130px;
left: 555px;
width: 300px;
height: 500px;
}

#foto_basic {
position: absolute;
overflow: hidden;
overflow-y: auto;
top: 155px;
left: 555px;
width: 345px;
height: 500px;
}

#login {
position: absolute;
overflow: hidden;
text-align: justify;
top: 168px;
left: 680px;
width: 150px;
height: 500px;
}

#maxigallery {
position: relative;
overflow: auto;
top: -0px;
left: 0px;
width: 320px;
}

#product_toevoegen {
position: relative;
overflow: hidden;
top: -20px;
left: 0px;
width: 300px;
height: 150px;
}

#topnav {
position: absolute;
top: 3px;
right: 0px;
width: 350px;
height: 50px;
}

#nav {
position: absolute;
top: 97px;
left: 0px;
width: 165px;
height: 50px;
z-index: 99;
}

#winkelwagen {
overflow: hidden;
position: absolute;
bottom: 0px;
right: 5px;
width: 100px;
height: 80px;
}

#winkelwagen:hover {
filter:alpha(opacity=50);
opacity: 0.5;
-moz-opacity:0.5;
}

#footer {
position: absolute;
bottom: 5px;
left: 18px;
height: 20px;
background-color: #fff;
}

#onevision {
position: absolute;
bottom: 0px;
left: 700px;
height: 10px;
}

/*Home*/

#content_home {
position: absolute;
overflow: auto;
padding-right: 20px;
text-align: justify;
top: 210px;
left: 320px;
width: 250px;
z-index: 1;
}

#titel_home {
position: absolute;
top: 160px;
left: 320px;
}

#home_verzorging {
position: absolute;
background-image: url("gfx/verzorging-trans.png");
background-repeat: no-repeat;
overflow: hidden;
top: 166px;
left: 60px;
width: 220px;
height: 220px;
text-align: center;
}

#home_verzorging:hover {
position: absolute;
background-image: url("gfx/verzorging_hover-trans.png");
background-repeat: no-repeat;
}

#home_styling {
position: absolute;
background-image: url("gfx/styling-trans.png");
background-repeat: no-repeat;
overflow: hidden;
top: 166px;
left: 630px;
width: 220px;
height: 220px;
text-align: center;
}

#home_styling:hover {
position: absolute;
background-image: url("gfx/styling_hover-trans.png");
background-repeat: no-repeat;
}


#home_kleuring {
position: absolute;
background-image: url("gfx/kleuring-trans.png");
background-repeat: no-repeat;
overflow: hidden;
top: 355px;
left: 60px;
width: 220px;
height: 250px;
text-align: center;
}

#home_kleuring:hover {
position: absolute;
background-image: url("gfx/kleuring_hover-trans.png");
background-repeat: no-repeat;
}

#home_behandeling {
position: absolute;
background-image: url("gfx/behandeling-trans.png");
background-repeat: no-repeat;
overflow: hidden;
top: 355px;
left: 630px;
width: 220px;
height: 250px;
cursor: pointer;
text-align: center;
}

#home_behandeling:hover {
position: absolute;
background-image: url("gfx/behandeling_hover-trans.png");
background-repeat: no-repeat;
}

.hidden{
display:none
}