/* ------ CSS schoonmaak code  ------ */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dd, dl, dt, li, ol, ul, form, label, table, caption, tbody, tfoot, thead, tr, th, td {
    margin:0px;
    padding:0px;
    border:0px;
    font-weight: inherit;
    font-style: inherit;
    line-height: inherit;
    font-size: 12px;
    color:#000;
    font-family:verdana;
}
a img, :link img, :visited img {
    border: 0;
}
table {
    border-collapse: collapse;
    border-spacing: 0px;
}
li{
}
ol, ul {
  
}
q:before, q:after, blockquote:before, blockquote:after {
    content: "";
}
/* ------ EINDE CSS schoonmaak code ------ */ 


BODY,TR,TD,input
{
    font-family:verdana; 
    font-size: 12px;
    
    text-decoration: none;
    line-height: 16px;
}

.PRE { font-family: Courier; font-size: 12px;  color: #000000 !important; background-color : #FFFFFF !important;}



#pagewrapper{
width:772px ;
margin:0 auto;
font-size: 12px;
color: #000;
font-family: arial;
}



#header{
width: 752px;
height: 70px;

}



#divlink ul{
list-style: none;
text-align: center;


}

.fusielink{
    width: 135px;
    height: 20px;
    background-color: grey;
    margin-left: 21px;
    float: left;
    margin-top: 18px;
    font-weight: bold;
font-size: 12px;
list-style: none;
 color: white; 
 vertical-align: middle;
 text-align: center;  
}

#menubalk li{

margin-left: 20px;


} 

.divlink a{
text-decoration:none;
color:#000000;
text-align: center;
}

.divlink{
width: 88px;
height: 20px;
float: left;
list-style: none;
padding: 5px 0px 5px 6px;
font-size:12px;
     text-align: center;  

}


.divlink a:link, a:visited{

}




#bigpicture{
width: 73px;
height: 40px;
float: left;
margin-top: -7px;

}

#toppictures{
width: 350px;
height: 40px;
float: right;


}


#alltoppictures{
width: 750px;
height: 70px;
}

.alltoppictures{
width: 752px;
height: 70px;
}



#alltoppicturesbackground{
width: 750px;
height: 70px;
color:#EDCE25;
}
.middle{
width: 752px;
height: auto;
min-height:510px;
color: black;

}

.middlenews{
width: 752px;
height: auto;
min-height:510px;
color: black;

}


.middlenews p{
    color: black;
}

#fotoright{
width: 138px;
height: 429px;
float: right;
margin-right: 11px;/*background: url(images/illustratie_nieuws.jpg) no-repeat left top;*/



}

#left{

width: 189px;
height: 405px;
float:left;
margin-top: 14px;
margin-left: -72px;

}

.leftmenu{
width: 188px;
height: auto;
min-height: 430px;
float:left;
font-weight: bold;
font-size: 12px;
list-style: none;

}






.leftmenu li{
    margin-top: 9px;
    width: 139px;
    margin-left: 45px;
    
    }
.leftmenu li ul{
    margin-left: 100px;
    }
    
.leftmenu ul{
list-style: none;
color: #FFF;

}

.leftmenu a:visited{
color: #FFF;
text-decoration:none;
}

.leftmenu a:hover, a:active{
color: #FFF;
text-decoration: underline;
} 
.leftmenu a{
    color: #FFF;
    text-decoration: none;

}
.submenu{
    float:left;
    list-style: none;
    font-weight: bold; 
    width: 140px;
    min-height: 100px;

}
.submenu ul{
    list-style: none;  
}
.submenu li{
      margin-top: 9px; 
}
.submenu a:visited{

text-decoration:none;
}

.submenu a:hover, a:active{

text-decoration: underline;
} 
.submenu a{
    
    text-decoration: none; 

}

.Organisatie{
    
    background: url(images/achtergrond_organisatie.jpg) no-repeat left top ;   
}
.Branche{
    background: url(images/achtergrond_branche.jpg) no-repeat left top ;   
}
.Leden{
    background: url(images/achtergrond_leden.jpg) no-repeat left top ;
}
.Lidmaadschap{
  background: url(images/achtergrond_lidmaatschap.jpg) no-repeat left top ;  
}
.Activiteiten{
  background: url(images/achtergrond_activiteiten.jpg) no-repeat left top ;  
}
.Projecten{
  background: url(images/achtergrond_projecten.jpg) no-repeat left top ;  
}
.Werken{
   background: url(images/achtergrond_werken.jpg) no-repeat left top ; 
}
.Nieuws{
    background: url(images/achtergrond_nieuws.jpg) no-repeat left top ;  
}

#linksinleft2{
width: 139px;
height: 430px;
position: absolute;
padding:10px 0px 0px 50px;
font-size: 12px;

}


#tekst1{
width: 390px;
height: auto;
float:left;
display: block;
font-size: 11px;  
margin-top: 25px;
padding-bottom: 25px;
margin-left: 5px;

}
#tekst1 ul{
    margin-left: 20px;
    
}
#tekst1 a{
    color:black;
    
}

#tekst1 strong{
    font-weight: bold;
}

#tekst1 em{
    font-style: italic;
}

#footer2{
width: 750px;
height: 30px;
font-size:12px;
clear:both;
margin-left: 10px;

}



#footer2 ul{
list-style: none;

}

#footer2 li{
display: inline;
margin: 0 10px 0 0;

} 

#footer2 a{
color:#000000;
text-decoration: none;
}


#footer{
width: 750px;
height: 30px;
font-size: 12px;
padding-top: 5px;
clear:both;



}

.footer{
width: 604px;
height: 30px;
font-size: 12px;
padding-top: 5px;
clear:both;
padding-left: 150px;

}

.footer a{
text-decoration: none;
color: #000000;
}

.footer li{
list-style: none;
display: inline;
margin: 0 10px 0 0;

}

.footer label{
color:#000000;
}






#footer ul{
list-style: none;

}

#footer li{
display: inline;
margin: 0 10px 0 0;

} 

#footer a{
color:black;
text-decoration: none;
}

#startbuttons{
width: 250px;
height: 321px;
float: left;
list-style: none;
text-decoration:none;    
}


.startbox{
width: 342px;
height: 300px;
float: left;
font-size:10px;
color:#FFFFFF;
padding: 20px 20px 0px 20px;
}

#startbuttons li{
height:40px;
padding:0px;
border:0;
}

#startbuttons img{
border: 0;
}

#startfoto{
width: 140px;
height: 405px;
float: left;
}

#menu {
    height: 33px;
    width: 752px;
    background-color: #5F99C7;
}
#menu li {
    float: left;
    background: url(images/small_corner.gif) no-repeat right bottom;
    position: relative;
    width: 93px;
    list-style: none; 
}

#menu a {
    color: #fff;
    font-weight: bold;
    text-decoration: none;
    display: block;
    width: 90px;
    height:  34px;
    text-align: center;
    
    
}



#menu ul {
    display: none;

}

#menu ul li {
    background-image: none;
    border-bottom: 1px solid #fff; 
}

#menu ul a {
    height: auto;
    padding: 8px 0;
    width: 90px;
    font-weight: normal;
}

#menu li:hover ul, #menu li.over ul {
    display: block;
    position: absolute;
    top: 32px;
    width: 100px;
}

#menu li.orange, #menu li.orange li {
    background-color: #F6A933;
}

#menu li.green, #menu li.green li {
    background-color: #97C00E;
        text-decoration: none;
        
}

#menu li.yellow, #menu li.yellow li{
    background-color: #EDCE25;
}

#menu li.brown, #menu li.brown li {
    background-color: #DCA002;
    width: 99px;
}

#menu li.red, #menu li.red li {
    background-color: #DB5C15;
}

#menu li.blue, #menu li.blue li {
    background-color: #5F99C7;
}
#menu li.lila, #menu li.lila li {
    background-color: #BB8FAA;
}
#menu li.violet, #menu li.violet li {
    background-color: #913B78;
}



#menu li.orange li:hover {
    background-color: #BF5100;
}

#menu li.green li:hover {
    background-color: #336F14;
    
}
#menu li.brown li:hover {
    background-color: #97C00E;
}

#menu li.yellow li:hover {
    background-color: #CF9B00;
}

#menu li.purple li:hover {
    background-color: #451D5F;
}

#menu li.red li:hover {
    background-color: #9F0000;
}

#menu li.blue li:hover {
    background-color: #006A9F;
}

#menu li.lila li:hover {
    background-color: #DB5C15;
}

#menu li.violet li:hover {
    background-color: #EDCE25;
}


.green{
background-color:#97C00E;
}

.red{
background-color:#DB5C15;
}

.yellow{
background-color:#EDCE25;
}

.orange{
background-color:#F6A933;
}

.brown{
background-color:#DCA002;
}

.lila{
background-color:#BB8FAA;
}

.violet{
background-color:#913B78;
}

.blue{
background-color:#5F99C7;
}

.black{
color:#000000;
}

.index-green{
    border: 1px solid #97C00E;
}

#index-leftimage{
    width: 50px;
    height:400px;
    background: url(images/index-leftimage.jpg) no-repeat;
    float: left;
}
#index-content{
    width: 632px;
    height:auto;
    padding: 0px 10px 20px 10px;
    float: left;
}
#index-rightimage{
    width: 50px;
    height:400px;
    background: url(images/Illustratie-index.jpg) no-repeat;
    float: left;
}

.index-infoblock{
    width: 160px;
    height: 220px;
    float: left;
    
    margin-left: 20px;
    margin-top: 18px;
    font-size: 9px;
    line-height: 1.5;
    padding-left: 10px;
    padding-right: 10px;
}

.bordergreen{
    border: 1px solid #97C00E;
}
.borderblue{
    border: 1px solid #5F99C7;
}
.borderyellow{
    border: 1px solid #EDCE25;
}
.borderpurple{
    border: 1px solid #BB8FAA;
}
.borderorange{
    border: 1px solid #F6A933;
}
.borderred{
    border: 1px solid #DB5C15;
}

#index-infoblock strong{
    font-weight: bold;
}
#index-infoblock a{
    color: blue;
    font-size: 10px;
}

fieldset {
    margin-top: 10px;
    border: 1px solid #ccc;
}

fieldset p {
    margin: 10px 0;
}

fieldset legend {
    font: 12px Verdana;
}

fieldset td {
    padding: 3px;
}

fieldset td.label {
    text-align: right;
    vertical-align: top;
    padding-top: 4px;
}

fieldset p.comment {
    text-align: right;
    font-size: .8em;
}

input, textarea, select {
    border: 1px solid #ccc;
    padding: 2px;
    font: 1em Verdana;
}

input {
    width: 150px;
}

input.checkbox {
    border: 0;
    width: auto;
}

input.submit {
    width: auto;
    padding: 3px 10px;
}

textarea {
    width: 230px;
    height: 120px;     
}