html, body {
background: #002269;
height: 100%;
width: 100%;
margin: 0;
padding: 0;
//background: url('images/gfx/back_overall.jpg');
}


/* Fix's #container not clearing inner floats in firefox */
.floatfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

/* Hides from IE-mac \*/
* html .floatfix {
height: 1%;
}
/* End hide from IE-mac */

img#bg{
width: 100%;
min-height: 100%;
left: 0px;
top: 0px;
position: absolute;
margin: 0;
padding: 0;
}

img{
border: 0px;
}

#layer1{
background: #ffffff;//url('images/gfx/layer1b.jpg');
width: 881px;
margin: 0px auto;
z-index: 1;
position: relative;
}


#logoheader{
background: url('images/gfx/gif/logoheader.gif');
height: 220px;
width: 588px;
float: left;
display:inline;
margin: 0px auto;
}

/* Buttons */

div#button_bedrijfsprofiel{
float: left;
background: url('images/gfx/gif/button.gif');
height: 24px;
width: 170px;
margin-left:54px;
margin-top: 112px;
display:inline;
}


#button_bedrijfsprofiel_img{
float: left;
margin-top:7px;
margin-left:10px;
width: 82px;
height: 11px;
behavior: url("images/gfx/pngfix/pngbehavior/pngbehavior.htc");
}


#button_utiliteitsbouw{
background: url('images/gfx/gif/button.gif');
height: 24px;
width: 170px;
float: left;
margin-left:-177px;
margin-top: 140px;
}

#button_utiliteitsbouw_img{
float: left;
margin-top:7px;
margin-left:10px;
width: 81px;
height: 9px;
behavior: url("images/gfx/pngfix/pngbehavior/pngbehavior.htc");
}


#button_industrielebouw{
background: url('images/gfx/gif/button.gif');
height: 24px;
width: 170px;
float: left;
margin-left:-184px;
margin-top: 168px;
}

#button_industrielebouw_img{
float: left;
margin-top:7px;
margin-left:10px;
width: 97px;
height: 10px;
behavior: url("images/gfx/pngfix/pngbehavior/pngbehavior.htc");
}


#button_woningbouw{
background: url('images/gfx/gif/button.gif');
height: 24px;
width: 170px;
float: left;
margin-left: -191px;
margin-top: 196px;
}

#button_woningbouw_img{
float: left;
margin-top:7px;
margin-left:10px;
width: 76px;
height: 11px;
behavior: url("images/gfx/pngfix/pngbehavior/pngbehavior.htc");
}

#button_renovatie{
background: url('images/gfx/gif/button.gif');
height: 24px;
width: 170px;
float: left;
margin-left:-2px;
margin-top: 112px;
}

#button_renovatie_img{
float: left;
margin-top:7px;
margin-left:9px;
width: 142px;
height: 10px;
behavior: url("images/gfx/pngfix/pngbehavior/pngbehavior.htc");
}


#button_infrastructureel{
background: url('images/gfx/gif/button.gif');
height: 24px;
width: 170px;
float: left;
margin-left:-177px;
margin-top: 140px;
}

#button_infrastructureel_img{
float: left;
margin-top:7px;
margin-left:10px;
width: 136px;
height: 9px;
behavior: url("images/gfx/pngfix/pngbehavior/pngbehavior.htc");
}


#button_isovca{
background: url('images/gfx/gif/button.gif');
height: 24px;
width: 170px;
float: left;
margin-left:-184px;
margin-top: 168px;
}

#button_isovca_img{
float: left;
margin-top:7px;
margin-left:10px;
width: 136px;
height: 11px;
behavior: url("images/gfx/pngfix/pngbehavior/pngbehavior.htc");
}

#button_productiewerkplaats{
background: url('images/gfx/gif/button.gif');
height: 24px;
width: 170px;
float: left;
margin-left: -191px;
margin-top: 196px;
}

#button_productiewerkplaats_img{
float: left;
margin-top:7px;
margin-left:10px;
width: 121px;
height: 11px;
behavior: url("images/gfx/pngfix/pngbehavior/pngbehavior.htc");
}


#button_projecten{
background: url('images/gfx/gif/button.gif');
height: 24px;
width: 170px;
float: left;
margin-left:-2px;
margin-top: 112px;
}

#button_projecten_img{
float: left;
margin-top:7px;
margin-left:10px;
width: 55px;
height: 11px;
behavior: url("images/gfx/pngfix/pngbehavior/pngbehavior.htc");
}

#button_vacatures{
background: url('images/gfx/gif/button.gif');
height: 24px;
width: 170px;
float: left;
margin-left:-177px;
margin-top: 140px;
}

#button_vacatures_img{
float: left;
margin-top:7px;
margin-left:10px;
width: 58px;
height: 9px;
behavior: url("images/gfx/pngfix/pngbehavior/pngbehavior.htc");
}

#button_contact{
background: url('images/gfx/gif/button.gif');
height: 24px;
width: 170px;
float: left;
margin-left:-184px;
margin-top: 168px;
}

#button_contact_img{
float: left;
margin-top:7px;
margin-left:10px;
width: 48px;
height: 9px;
behavior: url("images/gfx/pngfix/pngbehavior/pngbehavior.htc");
}


#button_zoominvest{
background: url('images/gfx/gif/button_selected.gif');
height: 24px;
width: 170px;
float: left;
margin-left: -191px;
margin-top: 196px;
}

#button_zoominvest_img{
float: left;
margin-top:7px;
margin-left:10px;
width: 74px;
height: 9px;
behavior: url("images/gfx/pngfix/pngbehavior/pngbehavior.htc");
}

#header_rechts{
float: right;
margin-top: -220px;
margin-right: 0px;
background: #ffffff;
background: url("images/gfx/header_rechts.png");
width:357px;
height: 276px;
}

*html #header_rechts{
background: #ffffff;
background: url("images/gfx/gif/header_rechts.gif");
}


#sitebalk_top{
float: right;
margin-right:-1px;
background: url("images/gfx/sitebalk.png") no-repeat;
width:357px;
height:577px;
}
#sitebalk_bottom{
float: right;
margin-right:-357px;
margin-top: 455px;
background: url("images/gfx/pixel.png")  #4abae3;
width:357px;
min-height:40px;
height:800px;
}

#sitebox{
text-align: center;
width: 357px;
float: right;
margin-right: -357px;
margin-top: 0px;
display: inline;
}

#slideshow{
background: url('http://www.berghbouw.nl/uploads/images/slideshow.gif');
text-align: center;
height: 119px;
width: 237px;
float: right;
margin-right: 100px;
margin-top: 20px;
display: inline;
}

#werkenbij{
background: url('images/gfx/gif/werkenbij.gif');
text-align: center;
height: 119px;
width: 237px;
float: right;
margin-right: 100px;
margin-top: 20px;
display: inline;
}

#projectenvak{
background: url('images/gfx/gif/projectenvakgeel.gif');
text-align: center;
width: 236px;
float: right;
margin-right: 100px;
margin-top: 20px;
display: inline;
}

.geelvak{
background: url('images/gfx/gif/projectenvakgeel.gif');
text-align: center;
width: 236px;
float: right;
margin-right: 100px;
margin-top: 20px;
display: inline;
overflow: hidden;
}
#actievak{
background: url('images/gfx/gif/projectenvakgeel.gif');
text-align: center;
width: 236px;
float: right;
margin-right: 100px;
margin-top: 20px;
display: inline;
}

#comments{
float:left;
width: 216px;
margin-left: 10px;
margin-top: 10px;
display:inline;
font-family: Arial;
font-size:8pt;
color: #003378;
text-align: left;
overflow:hidden;
}

.commenttext{
float:left;
width: 216px;
margin-left: 10px;
margin-top: 10px;
display:inline;
font-family: Arial;
font-size:8pt;
color: #003378;
text-align: left;
overflow:hidden;
}


div#onder{
float: left;
margin-top:5px;
margin-left:0px;
width:100%;
padding-bottom: 0px;
overflow: hidden;
}

div#content{
float: left;
margin-left: 30px;
margin-top: 0px;
text-align: left;
width: 305px;
display:inline;
font-family: 'arial', helvetica;
font-size: 10pt;
padding:10px;
min-height: 540px;
overflow: hidden;
}

#waaier_onder{
background-image: url('images/gfx/waaier_onder.png');
width: 514px;
height:37px;
float:left;
margin-top: -37px;
margin-left:0px;
}

.standaard_tekst{
font-family: 'arial', helvetica;
font-size: 10pt;
}

.title{
font-family: arial, 'helvetica';
font-size: 18pt;
color:#003378;
}

div.title{
font-family: arial, 'helvetica';
font-size: 18pt;
color:#003378;
}

.projecttitle{
font-family: Arial;
font-size:8pt;
font-weight: bold;
}

.sub_title{
font-family: arial, 'helvetica';
font-size: 18pt;
color:#6699cc;
}

.png{
behavior: url("images/gfx/pngfix/pngbehavior/pngbehavior.htc");
}

 a:link{
color: #000000;
}

a:visited{
color: #000000;
}

a:hover{
color: #000000;
}

a:active{
color: #000000;
}