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

#logo {
position: absolute;
width: 220px;
height: 98px;
overflow: hidden;
top: 0px;
left: 0px;
}

/*--- TOPNAV ---*/

#top_nav {
position: absolute;
width: 870px;
height: 21px;
top: 0px;
left: 50%;
margin-left: -450px;
padding-top: 3px;
padding-right: 32px;
z-index: 99;
text-align: right;
background-image: url('/gfx/basic_glass2.gif');
background-position: 0px -80px;
background-repeat: no-repeat;
}

/*--------------HOME-----------------*/

#home_totaal {
position: absolute;
overflow: hidden;
top: 0px;
width: 900px;
left: 50%;
margin-left: -450px;
height: 100%;
background-image: url('/gfx/basic_home.gif');
background-repeat: no-repeat;
background-color: #cccccc;
}

#adres {
position: absolute;
width: 160px;
height: 100px;
top: 20px;
left: 700px;
}

#glass {
position: absolute;
width: 300px;
height: 140px;
top: 410px;
left: 0px;
}

#heat {
position: absolute;
width: 308px;
height: 140px;
top: 410px;
left: 300px;
}

#bath {
position: absolute;
width: 308px;
height: 140px;
top: 410px;
left: 600px;
}

#home_foto1 {
position: absolute;
width: 300px;
height: 300px;
top: 105px;
left: 0px;
}

#home_foto2 {
position: absolute;
width: 300px;
height: 300px;
top: 105px;
left: 300px;
}

#home_foto3 {
position: absolute;
width: 300px;
height: 300px;
top: 105px;
left: 600px;
}

#home_teksten {
position: absolute;
width: 300px;
height: 300px;
top: 180px;
left: 0px;
}

#home_teksten #glass,
#home_teksten #heat,
#home_teksten #bath {
width: 240px;
margin-left: 30px;
}


/*--------------GLASS INTRO-----------------*/

#glass_totaal {
position: absolute;
overflow: hidden;
top: 20px;
width: 915px;
left: 50%;
margin-left: -450px;
height: 100%;
background-image: url('/gfx/glass1_repeat.gif');
background-repeat: repeat-y;
background-position: -23px -2px;
}

#glass_scroll {
position: absolute;
top: 165px;
left: 0px;
width: 900px;
height: 95%;
overflow: auto;
overflow-x: hidden;
padding-right: 15px;

scrollbar-size:small;
scrollbar-3dlight-color:#022c58;
scrollbar-track-color:#fff;
scrollbar-face-color:#fff;
scrollbar-darkshadow-color:#fff;
scrollbar-arrow-color:#022c58; 
}

#products {
position: absolute;
width: 490px;
height: 240px;
top: 0px;
left: 215px;
background-color: #022c58;
}

#glass_content {
position: absolute;
width: 400px;
top: 274px;
left: 250px;
overflow: auto;
text-align: justify;
}

#glass_foto1 {
position: absolute;
width: 217px;
height: 240px;
top: 0px;
left: 0px;
overflow: hidden;
}

#glass_foto2 {
position: absolute;
width: 217px;
height: 240px;
top: 0px;
left: 683px;
overflow: hidden;
}

#glass_nav {
position: absolute;
width: 900px;
top: 104px;
left: 0px;
z-index: 999;
}

#glass_nav1 {
position: absolute;
width: 900px;
top: 104px;
left: 225px;
z-index: 999;
}

#glass_nav2 {
position: absolute;
width: 900px;
top: 134px;
left:13px;
z-index: 999;
}

/*--------------GLASS PRODUCTS--------------*/

#glass_products_totaal {
position: absolute;
overflow: hidden;
top: 20px;
width: 915px;
left: 50%;
margin-left: -450px;
height: 100%;
background-image: url('/gfx/glass2_repeat.gif');
background-repeat: repeat-y;
background-position: -2px -11px;
}

#glass_grotefoto {
position: absolute;
width: 450px;
height: 515px;
top: 0px;
left: 0px;
overflow: hidden;
background-repeat: no-repeat;
background-position:center;
}

#glass_products_content {
position: absolute;
width: 410px;
top: 25px;
left: 480px;
text-align: left;
}

#glass_thumbs {
position: absolute;
width: 450px;
top: 530px;
left: 0px;
}

#contenttext {
width: 180px;
float: left;
height: 785px;
}

.contentfotos {
float: left;
width: 60px;
margin-top: 5px;
margin-left: 10px;
font-size: 10px;
color: #3ab5fa; 
}

.contentfotos .foto {
overflow: hidden;
width: 60px;
height: 70px;
margin-bottom: -20px;
}

.contentfotos .foto img {
width: 60px;
margin-top: -5px;
}


.contentfotos .foto a img {
border:0;
}


/*--------------HEAT INTRO-----------------*/

#heat_totaal {
position: absolute;
overflow: hidden;
top: 20px;
width: 915px;
left: 50%;
margin-left: -450px;
height: 100%;
background-image: url('/gfx/heat_repeat.gif');
background-repeat: repeat-y;
background-position: -3px 0px;
}

#heat_scroll {
position: absolute;
top: 165px;
left: 0px;
width: 900px;
height: 95%;
overflow: auto;
overflow-x: hidden;
padding-right: 15px;

scrollbar-size:small;
scrollbar-3dlight-color:#666;
scrollbar-track-color:#fff;
scrollbar-face-color:#fff;
scrollbar-darkshadow-color:#fff;
scrollbar-arrow-color:#666; 
}

#heat1_scroll_achter {
position: absolute;
width: 900px;
height: 300px;
top: 0px;
left: 0px;
background-image: url('/gfx/basic_heat1_middel.gif');
background-repeat: no-repeat;
background-position: 0px -4px;
}

#heat2_scroll_achter {
position: absolute;
width: 900px;
height: 300px;
top: 0px;
left: 0px;
background-image: url('/gfx/basic_heat2_middel.gif');
background-repeat: no-repeat;
background-position: 0px -4px;
}

#heat_foto1 {
position: absolute;
width: 217px;
height: 236px;
top: 0px;
left: 0px;
overflow: hidden;
}

#heat_foto2 {
position: absolute;
width: 217px;
height: 236px;
top: 0px;
left: 683px;
overflow: hidden;
}

#heat_topcontent {
position: absolute;
width: 400px;
height: 235px;
top: 25px;
left: 250px;
}

#heat_content {
position: absolute;
width: 400px;
top: 265px;
left: 250px;
overflow: auto;
}

#heat_nav {
position: absolute;
text-align: center;
width: 800px;
top: 102px;
left: 50px;
z-index: 999;
}

/*HEAT VERVOLG*/

#mg{
position:absolute;
width:1370px;
top: 10px;
}

#heat2_content,
#glass2_content {
position: absolute;
width: 400px;
top: 35px;
left: 250px;
overflow: auto;
text-align: justify;
}

/*---FOOTER----*/

#footer {
position: absolute;
width: 880px;
height: 10px;
bottom: 20px;
padding: 5px;
padding-left: 15px;
background-image: url('/gfx/basic_glass2.gif');
background-position: 0px -80px;
}

#footer.home {
bottom: 0px;
}