BODY
{    
    background-image: url("../img/wlvlg.png");
    background-repeat: repeat;
    margin-top:8px;
    font-family: calibri;
    height:100%;
    margin: 0;
    padding: 0;
    margin-bottom: 30px;
}
#index
{
    background-color: #E3F1E3;
    top:20px;
    width: 1024px;
    margin: 0px auto;
    position: relative;
    padding: 0;
    

}
#header
{
     background-image: url("../img/header1.jpg");  
     background-size: 100%;
     width: 100%;
     height: 300px;  
     overflow: hidden;
}
#headerafbeelding
{
    z-index:-1;  
    height:300px;
     width: 100%;    
     overflow: hidden;
}
#logo
{
    position: absolute;  
    background-image: url("../img/logo.jpg");
    width: 175px;
    height: 175px;
    background-size: 100%;
    background-repeat: no-repeat;   
    z-index:5; 
    top:0;
}
#logotekst
{
    z-index:5;
    position: absolute;
    left: 190px;
    top: 37px;
    font-size:xx-large;
    font-weight:900;  
    text-shadow: 1px 1px 0px #fff, -1px -1px 0px #fff,-1px 1px 0px #fff, 1px -1px 0px #fff;
}
#navigatieLinks
{   
    float: left;
    width: 175px;
    
    background-color: #01CC00; 
} 
#navigatieLinks div
{
    height:30px;
    background-color: #01CC00;
    font-size: 18px;
    font-weight: bold;
    padding-top: 5px;
    margin-bottom: -5px;
    padding-left: 5px;
    
}
#navigatieLinks div:hover
{
    background-color: #01BF00;
}
#navigatieLinks a
{
      text-decoration: none;  
      color: #000;
}
#tekenwerktext 
{
    margin-top:125px; 
}
#contentDiv  
{
       width: 809px;
    height:580px;
    margin:20px; 
    display: inline-block;
}
#content
{
    height: 580px;
    overflow-y: auto;
}
#backgroundBalk
{
    background-image: url("../img/wlvlg.png");
    background-repeat: repeat;
    height: 10px;
    width: 1024px;              
    background-size: contain, 100%;  
}
.contactIndexText
{
	font-family: "Arial Narrow";
	text-align:center;
    font-size: 14px;
}
.projecten
{
     margin-bottom: 20px;
}
.projectimg
{
    width:200px;
    height:150px;
    display: inline-block;
    float: right;  
}
.projectonderwerp
{
    font-size: 30px;    
}
.projecttekst
{
    padding-top: 35px;    
}
.bekijkfotos
{
    float: right;
    clear:both;
}
.hrbalk
{
    color: #000;
     width: 50%;
     display:block;
     clear:both;
     height: 15px;
     border-bottom:0.5px;
     border:solid;
     border-top:0px;
     border-left: 0px;
     border-right:0px;
     border-color:gray;
}
.werkzaamheid
{
     margin-bottom: 20px;
}
.werkzaamheidimg
{
    width:200px;
    height:150px;
    display: inline-block;
    float: right;   
}
.werkzaamheidonderwerp
{
    font-size: 30px;         
}
.werkzaamheidtekst
{
        padding-top: 35px; 
}
.contactpersoon
{
    width:360px;
    float:left;
}
#contactkop
{
    font-size: 28px;
    font-weight: 500;
}
#gallery
{
    height:300px;
    position:relative;
    overflow: hidden;
}
#gallery img
{
     z-index:-1; 
    width: 100%;
    
}