body {
text-align:left;
font-family: verdana, helvetica, arial, sans-serif;
margin:0 ;
padding:0;
height: 100%;
width: 100%;
overflow: hidden;
}

html {
margin:0 ;
padding:0;
height: 100%;
width: 100%;
overflow: hidden;
}

#background{
position:absolute; 
width:100%; 
height:100%;
}

h1{
font-size: 14px;
font-family: verdana, helvetica, arial, sans-serif;
color:#FFF;
padding: 0;
margin: 5px 5px 5px 5px;
font-weight: 800;
}

p {
font-size: 12px;
font-family: verdana, helvetica, arial, sans-serif;
margin: 10px 5px 5px 5px;
line-height: 18px;
}

a { 
font-size: 12px;
font-family: verdana, helvetica, arial, sans-serif;
color:#713A40;
}

img {
border:none;
padding: 0;
}

#scroller {
position:absolute; 
width:100%; 
height:100%; 
top:0; 
left:0; 
overflow:auto; 
z-index:2;
} 

#logo {
background-image: url(images/logo_new_groot.png);
width: 500px;
height: 188px;
}

#container {
position: absolute;
background-image: url(images/bg_container.png);
min-height: 100%;
width: 550px;
margin:0;
text-align:left;
float: left;
top: 0px;
left: 33%;
}

#schoorstenen {
background-image: url(images/bg_box.jpg);
background-color: white;
width: 250px;
height: 300px;
float: left;
margin: 10px 5px 10px 15px;
}

#daken {
background-image: url(images/bg_box.jpg);
background-color: white;
width: 250px;
height: 300px;
float: left;
margin: 10px 5px 10px 15px;
}

#telefoon {
background-image: url(images/bg_box.jpg);
background-color: white;
width: 250px;
height: 300px;
float: left;
margin: 10px 5px 25px 15px;
}

#contact {
background-image: url(images/bg_box.jpg);
background-color: white;
width: 250px;
height: 300px;
float: left;
margin: 10px 10px 25px 15px;
}