#hnav{
margin-top:20px;
}
#navigatie{
float:left;
display:block;
width:160px;
padding:5px;
}
.navigatie_titel h2{
color:#777;
font-weight:normal;
font-size:18px;
}
.navigatie_titel{
border-bottom:2px dotted #CCC;
}
#navigatie ul{
margin:0;
padding-top:10px;
}
#navigatie li{
list-style:none;
text-align:left;
padding-top:4px;
padding-left:3px;

}
#navigatie li a{
font-size:12px;
font-weight:bold;
color:#336699;

text-decoration:none;
}
#navigatie li a:hover{
color:#5C798E;
}
#navigatie .sublevel{
background-image:url(../images/blok.gif);
background-position:left;
background-repeat:no-repeat;
padding-top:0px;
padding-left:15px;
}
#navigatie .sublevel2 {
background-image:url(../images/blokje.gif) ;
background-position:left;
background-repeat:no-repeat;
padding-top:0px;
margin-left:12px;
padding-left:15px;
}
#navigatie .sublevel a{
font-weight:normal;
color:#333;

}
#navigatie .sublevel2 a{
font-weight:normal;
color:#333;
}
#navigatie .sublevelactief{
padding-top:0px;
padding-left:15px;
background-image:url(../images/blok.gif);
background-position:left;
background-repeat:no-repeat;
}

#navigatie .sublevelactief2{
padding-top:0px;
margin-left:12px;
padding-left:15px;
background-image:url(../images/blokje.gif);
background-position:left;
background-repeat:no-repeat;
}
#navigatie .sublevellevel{
text-align:left;
font-size:14px;
padding-left:5px;
color:#777;
}
#navigatie .levelinf{
background-color:#eee;
border-left:3px solid #5C798E;
margin-bottom:10px;
margin-top:5px;
}
#navigatie .levelond{
background-color:#eee;
border-left:3px solid #5C798E;
margin-bottom:10px;
margin-top:5px;
}
#navigatie .levelvra{
margin-bottom:10px;
margin-top:5px;
background-color:#eee;
border-left:3px solid #5C798E;
}
#navigatie .levelinf:hover{
border-left:3px solid #999;

}
#navigatie .levelond:hover{
border-left:3px solid #999;

}
#navigatie .levelvra:hover{
border-left:3px solid #999;

}
#navigatie li .inf{font-size:16px; color:#333333;}
#navigatie li .ond{font-size:16px; color:#333333;}
#navigatie li .vra{font-size:16px; color:#333333;}