BODY{
        font-size: 11px;
        line-height: 1.5em;
        background-color: #FFFFFF;
        font-family: "Trebuchet MS", Tahoma, Arial;

}
a:link, a:visited, a:hover{
        font-size: 10pt;
        font-style: normal;
        color:#0A4437;
        cursor: pointer;
}

#Container{
 position:relative;
 margin:0 auto;
 width:783px;
 top: -10px;
}
#Header{
        margin: 0;
        top: 0px;
       
        width: 783px;
        height: 130px;

}

#Navigation {
        top: 131px;
        width:783px;
        height: 28px;
        background-image: url(../Gfx/Navigation.gif);
        float: left;
        background-repeat: repeat-x;
        font-size: 15px;
        font-weight: bold;
        color: #ffffff;

}
#Navigation A {
        color: #FFFFFF;
        text-decoration: none;
        font-size: 15px;

}
#Navigation a.Active{
        color: #b0b3a7;
}
.NavItem{
        line-height: 22px;
        float: left;
        height: 28px;
        margin-left: 48px;
}

#SubNavigation{
        top: 0px;
        float: left;
        width: 783px;
        margin: 0px;
        height: 96px;
                cursor: pointer;
}

.SubNavItem1{
        float: left;
        background-image: url(../Gfx/Projectfoto1.jpg);
        width: 195px;
        height: 96px;
		display:block;
}
.SubNavItem1Rollover{
        float: left;
        background-image: url(../Gfx/Projectfoto2.jpg);
        width: 195px;
        height: 96px;
		display:block;

}
.SubNavItem2{
        float: left;
        background-image: url(../Gfx/OfferteAanvragen1.jpg);
        width: 195px;
        height: 96px;
        margin-left: 1px;
	display:block;		

}

.SubNavItem2Rollover{
        float: left;
        background-image: url(../Gfx/OfferteAanvragen2.jpg);
        width: 195px;
        height: 96px;
        margin-left: 1px;
	display:block;		


}


.SubNavItem3{
        float: left;
        background-image: url(../Gfx/RecenteProjecten1.jpg);
        width: 195px;
        height: 96px;
        margin-left: 1px;
	display:block;		

}
.SubNavItem3Rollover{
        float: left;
        background-image: url(../Gfx/RecenteProjecten2.jpg);
        width: 195px;
        height: 96px;
        margin-left: 1px;
	display:block;		


}
.SubNavItem4{
        float: left;
        background-image: url(../Gfx/Contact1.jpg);
        width: 195px;
        height: 96px;
        margin-left: 1px;
	display:block;		

}
.SubNavItem4Rollover{
        float: left;
        background-image: url(../Gfx/Contact2.jpg);
        width: 195px;
        height: 96px;
        margin-left: 1px;
	display:block;		


}

#ContentBox{
        margin-top: 1px;
        top: 280px;
        width:783px;
        background-color: #ffffff;
        float: left;
        background-image: url(../Gfx/ContentFill.gif);
        background-repeat: repeat-y;
}
#LeftNavigation{
        float: left;
        width: 195px;
        background-color: #dddfda;
        height: 300px;
        overflow: auto;
        clear: both;
        margin-top: 28px;
}
#LeftNavigation A{
        color: #FFFFFF;
        text-decoration: none;
        font-size: 14px;

}
#LeftNavigation a.Active{
        color: #b0b3a7;
        overflow: none;
}
.LeftNavItem{
        width: 195px;
        float: left;
        height: 28px;
        background-image: url(../Gfx/BackgroundSubNav.jpg);
        background-repeat: no-repeat;
        margin-bottom: 8px;

}
#LeftNavigation H3{
        color: #FFFFFF;
        font-size: 14px;
        font-weight: bold;
         margin: 0.55em 0;
         margin-left: 10px;
}

#Content{

 width: 587px;
 float: left;
 margin-left: 1px;
 overflow-y:auto;
 overflow-x: hidden;
 margin-top: 28px;
}

#TekstvakKop{
 height:28px;
 width: 573px;
 float: left;
 background-color: #c8d3cf;
/* line-height: 28px; */
 padding-left: 14px;
}

H2{
 color: #0a4437;
 font-size: 14px;
 font-weight: bold;
 margin: 0.55em 0;
}
H1{
 color: #0a4437;
 font-size: 11px;
 fon-weight: bold;
 margin: 0.55em 0
}
#TekstvakContent{
        float: left;
        width: 573px;
        clear: both;
        padding-left: 14px;

}

.LeftColumn{
 float: left;
 width: 370px;
 clear: both;
 margin-right: 25px;
}

.RightColumn{
  width: 178px;
  float: left;
  margin-top: 11px;

}


.Image{
 margin-left:48px;

}
.RightColumn IMG{
   border: 1px solid #FFFFFF;
   margin-bottom: 25px;

}

#Footer{
 clear: both;
 width:783px;
 height:28px;
 float:left;
 text-align:center;
        background-image: url(../Gfx/Navigation.gif);
        float: left;
        background-repeat: repeat-x;
        color: #FFFFFF;
        font-size: 11px;
        line-height: 26px;
}

a.foot:link, a.foot:visited, a.foot:hover {
        font-style: normal;
        cursor: pointer;
        color: #FFFFFF;
        text-decoration: none;
        font-size: 11px;
}