﻿


* html li a {height:1%;}

/* IE 5 Hack \*/
/*overflow : hidden ;*/
/* end hack */


/*
.

donkerblauw : #003c74
marinegroen : #008ca7
lichtblauw  : #d8ecf1
*/


body
{


_text-align:center;
color:#000;

margin:0px auto;
padding-top:0px;
line-height:1.2em;
text-align:center;

background: #96B7CA url(css_body_bg.jpg) repeat-x; 
font: 0.84em verdana;
width: 100%;

}


#container {

width:78em;
padding-left:-2px;
margin-left:-2px;
text-align:left;
margin-top:20px;
border: 0px solid #a0bbd0;



background:#ffffff;

_text-align:left;
border: 1px solid #f5f5f5;
/*font-size :0.7em;*/

}

img {border: 0;}


h1 { font-size: 1.3em; color: #003c74; text-decoration : uppercase; font-weight : bold;border-left: 0px solid #000; border-bottom: 0px solid #000; padding: 0px 0px 0px 0px; width: 100%; }


h2 { font-size: 1.2em; 
color: #003c74; text-decoration : underline; font-weight : bold;border-left: 0px solid #000; border-bottom: 0px solid #000; padding: 0px 0px 0px 0px; width: 100%; }


h3 { font-size: 1.1em; 
color: #003c74; text-decoration :none ; font-weight : normal; border-left: 0px solid #000; border-bottom: 0px solid #000; padding: 0px 0px 0px 0px; width: 100%; }

h6 {
padding: 0.5em;
margin: 5px;
font-size: 1.0em;
font-weight: bold;
height:1.2em;
text-align:left;

background:#add8e6;

}

#adres h6 {
padding: 0em 0em 0em 0.5em;
margin: 1px;
font-size: 0.8em;
font-weight: bold;
height:1.5em;
color:#003c74;
text-align:left;
background:#d8ecf1;
border-top:1px solid #f5f5f5;
border-bottom:1px solid #f5f5f5;

}

#adres 
p {padding: 0.5em 0.5em 0.5em 0.5em;font-size: 0.7em;

}


#nav
{
   
  

   background:#d8ecf1 url(images/backnav.gif) no-repeat right top ;
   
   
   /* background :#003c74;*/
}



#center_content{
width:54%;
float:left;
margin-top:0px;
font-size:105%;
padding-top:1.0em;
margin-left:0px;
margin-right:0.5em;
padding-left:1.5em;
padding-right:1.0em;
border-right:1px dotted #f5f5f5;}

#center_content a.lzb:visited {padding-left:0.0em;background:none;}

#center_content a.lzb:link {padding-left:0.0em;background:none;}

#center_content a.lzb:hover{padding-left:0.0em;background:none;}

#center_content li a:link{padding-left:0.0em;background:none;text-decoration:none;}
#center_content li a:active{padding-left:0.0em;background:none;text-decoration:none;}
#center_content li a:visited{padding-left:0.0em;background:none;text-decoration:none;}
#center_content li a:hover{padding-left:0.0em;background:none;text-decoration:underline;color:#008ca7}


#footer 
{
border-top: 1px solid #808080;
width:78em;
color:#808080;

}



#footer a:visited{padding-left:0.0em;color: #808080;font-size:0.8em;text-decoration:none;}
#footer a:link{padding-left:0.0em; color: #808080;font-size:0.8em;text-decoration:none;}
#footer a:hover{padding-left:0.0em; color:#008ca7;font-size:0.8em;text-decoration:none;}

#header {


   background:#ffffff url(images/backgroundheader.gif) no-repeat left bottom ;

}

#logo {
background-color:#ffffff;
height:80px;
}

#header 
{


width:78.1em;
padding-bottom:0px;
text-align:left;
margin-top:0px;
padding-top:0px;
height:103px;
margin-left:-1px;
padding-left:-1px;

margin-right:0px;
padding-right:0px;

}

#background {
width:auto;
margin:0 auto;
padding-bottom:0px;
text-align:left;
margin-top:0px;
height:0.1em;
}

#right_content {
text-align:left;
width:15.2em;
float:right;
margin-right:0px;
border: 0px solid #f5f5f5;
background-color:#d8ecf1;
overflow :hidden;
padding-right:5px;
font-size:85%;
margin-top:-1px;
 }



#right_content p {

padding-right:1.0em;
padding-left:1.0em;
padding-bottom:1.0em;
}



#right_content a:visited{padding-left:0.6em; color: #808080;background: url(images/vierkant.gif) no-repeat left top;text-decoration:underline;}

#right_content a:link{padding-left:0.6em;color: #808080;}
#right_content a:hover{padding-left:0.6em;color:#008ca7;}

#center_content a:visited{color:#003c74;}
#center_content a {color:#003c74;}
#center_content a:hover{color:#008ca7;text-decoration:none;}

#right_content a:visited {padding-left:0.0em;background:none;color: #003c74;}
#right_content a:link {padding-left:0.0em;background:none;color: #003c74;}
#right_content a:hover{padding-left:0.0em;background:none;color:#008ca7;}

#right_content li a:link{padding-left:0.0em;background:none;text-decoration:none;}
#right_content li a:active{padding-left:0.0em;background:none;text-decoration:none;}
#right_content li a:visited{padding-left:0.0em;background:none;text-decoration:none;}
#right_content li a:hover{padding-left:0.0em;background:none;text-decoration:none;color:#008ca7;}

input, select, textarea {	font-size : 1.0em; color : #003c74;	background-color : #ffffff;	border : 1px solid #003c74;}
.checkbox {font-size : 1.0em; color : #003c74;	background-color : #fffff;	border : 1px solid #003c74;
}	





#right_content p{ 

padding-left:0.5em;
font-size : 100%;

}

#right_content UL{ 
        background: #ffffff; 
        margin: 1.2em 1.2em 1.2em 1.2em;
        padding: 0.3em 0.3em 0.3em 0.3em;
                  
}

                   
#right_content {list-style-type: none;}



#right_content h6 {
padding: 0.5em 0.5em 0.5em 0.5em;
margin: 0px;
font-size: 1.3em;
font-weight: normal;
/*height:1.2em;*/
height:auto;
text-align:left;
color:#003c74; 

background:#d8ecf1;


}

/*#right_content a{text-decoration:none;display: block; margin-top: 0.1em; padding-left: 1.5em; background: url(images/leesmeer.gif) no-repeat left 0.35em}*/



/*#right a.pdf{background: url(images/pdf.gif) no-repeat left top; padding-left: 2.0em}*/




/*background :url(images/shadowright.gif) repeat-y;*/


#center_content h1
{
    font-weight :normal;
font-size : 1.3em;
/*color:#808080;*/
color: #008ca7;font-weight:bold;
}


#menu_top ul {color:#003c74;font-weight:bold;}



#menu_top li {padding-right:0px;border-right: solid 0px #003c74;list-style-type:none;float:left;width:auto;padding:0px 0em;text-align:center;font-size:0.9em;}
#menu_top li a{padding-right: 0.4em;text-decoration:none; font-weight:normal;}
#menu_top li a:link{color:#003c74;font-weight:normal;}
#menu_top li a:active{color:#008ca7;font-weight:normal;}
#menu_top li a:visited{text-decoration:none;color:#003c74;font-weight:normal;}
#menu_top li a:hover{color:#008ca7;font-weight:normal;}

#menu_top li { 
margin-right:10px; 
} 




#menu_top a.selsub:link,#menu_top a.selsub:active, #menu_top a.selsub:visited,#menu_top a.selsub:hover{color:#008ca7;}




#footer {
width:78em;
height:0px;

text-align:right;
}


#broodkruimel{
font-size:0.80em;
width:98%;
margin:0 auto;
text-align:left;
float:left;
/*background: url(images/css_blue_gradient.gif) no-repeat scroll left 80%;*/
border-bottom: 1px solid #003c74;

}


#broodkruimel {

/*background:url(images/backnavtop.gif) no-repeat scroll left bottom;*/
height:1.0em;
padding-top:0em;
margin-top:0.3em;
border-bottom: 1px solid #003c74;


}


#broodkruimel, #broodkruimel li{

margin: 0.1em 0.1em 0.1em 0.1em;
padding: 1em;
display: inline; /* Horizontal list */
list-style: none;
text-decoration :none;

}

#broodkruimel li {
padding: 0.2em 0.125em 0 0.45em;
background: url(images/css_sidebar_arrow.gif) no-repeat right 65%;
color:#003c74;
}
#broodkruimel a {
margin-right: 1em; /* Width of the arrow */
background: none;
color:#003c74;
}
#broodkruimel .first {
margin-left: 0;
padding-left: 0;
background: none;
}
#broodkruimel .last {
background: none;
color:#003c74;
font-weight:bold;

}

#broodkruimel a:hover {
margin-right: 1em; /* Width of the arrow */
background: none;
text-decoration:underline;
color:#008ca7;
}

#TopNavigatie{background:#003c74;
;margin-top: 6em; padding-left:0.8em;margin-left: 0em; width:auto;margin-top:0px;  
height:3.2em;border-top:1px solid #008ca7;border-bottom:1px solid #008ca7;}

#TopNavigatie ul, #TopNavigatie li {padding: 0; margin: 0; list-style-type: none; display:inline;}
 
#TopNavigatie a{display: block; color: #fff; text-decoration: none; font-weight: normal; height: 2.8em; width: 8.5em; font-size: 0.95em ; font-weight:normal; padding:0.4em 0.4em; padding-bottom:  1px; border-left: 1px solid #fff;padding-top:0.5em;}
 
#TopNavigatie a:hover, #TopNavigatie a.sel{background: #d8ecf1;border-top:1 px solid #008ca7;}
#TopNavigatie a.sel:hover {background: #d8ecf1;color:#000;border-top:1 px solid #008ca7;}

 
#TopNavigatie a.selsub {background: #d8ecf1;color:#000;border-top:1 px solid #008ca7;}
#TopNavigatie a.selsub:hover {background: #d8ecf1;color:#000;border-top:1 px solid #008ca7;}

/* IE5.x Boxmodel hack hier staat ok de breedt evan de hoofdmenu's */

#TopNavigatie a, #TopNavigatie li{text-align:center;font-weight:normal;width:12.5em; voice-family: "\"}\""; voice-family:inherit;}

#TopNavigatie a, #TopNavigatie li{height: 2.8em; voice-family: "\"}\""; voice-family:inherit; height: 2.8em;}

#TopNavigatie li{float: left; width: auto}
* html#TopNavigatie li{width: auto; height:1%}
* html#TopNavigatie li ul{width: auto; height:1%}


#TopNavigatie li ul{display: none;}

#TopNavigatie li.active ul{display: block; position: absolute; width: auto;}


/*kleur aanpassen indien knop menu actief

*/

#TopNavigatie ul.active a{background: #d8ecf1;color:#000000;border-bottom: 1px solid #008ca7;}

#TopNavigatie ul li.active a{background: #f5f5f5;color:#000000;border-bottom: 1px  solid #008ca7;}

#TopNavigatie li.active a{background: #ffffff;color:#000;border-bottom: 1px  solid #008ca7;}

#TopNavigatie li li {font-size:87%;height:auto;background: #fff;float: none; border-width: 0px; margin: 0; padding: 0; display: block; width: auto; border: none}
#TopNavigatie li li a{text-align:left;font-weight:normal;height: auto; padding: 0.4em 0.8em; margin: 0em; border-width: 0.1em; background-color: #f5f5f5; display: block; border-bottom: 0.1em solid #cc0000; width: auto}
#TopNavigatie li li a:hover{background-color: #d8ecf1;display:block;width:auto;color:#003c74;}


/*hoofdknoppen*8FCDD3





/
*/
#TopNavigatie li a:active{background-color: #ffffff;}
#TopNavigatie a:hover{background-color:#ffffff;}

/* colored line inside level 1 nav */

#TopNavigatie li b{width: 2em; height: 10px; display: block; margin-bottom: 0px}
#TopNavigatie li.notactive b{background-color:#cc0000}
#TopNavigatie li.active b, #TopNavigatie li b.sel{background-color: #cc0000}
#TopNavigatie a.protected:link, #TopNavigatie a.protected:active, #TopNavigatie a.protected:visited, #TopNavigatie a.protected:hover{background-image: url(images/css_lock3.gif); background-repeat: no-repeat; background-position: right}

.menutitle{

margin-bottom: 0.1em;
font-weight:bold;
color:#000000;
width:23em;
padding:0px;
text-align:left;
font-weight:bold;
/*/*/border:0px  #000000;/* */
}



/*rechterdeelvensters*/


#right p {font-size:2em; padding: 0.5em 0.5em 0.5em 0em}
/*#right a{display: block; margin-top: 0.1em; padding-left: 1.5em; background: url(images/css_link_arrow.gif) no-repeat left 0.5em}*/

#right a{display: block; margin-top: 0.1em;padding:0.5em 0.5em 0.5em 0.5em}
#right a.pdf{background-image: url(images/css_pdf_icon.gif); padding-left: 2.0em}
#right a.more{background-image: none; padding: 0}


#right li{list-style-type: disc;}
#right ul{list-style-type: disc;}


#nav ul{margin-left: 5px;margin-right:10px;list-style-type: none; width: 12.22em;padding:0;border-left: 0px solid #003c74;}
#nav li{width:13.4em; margin-left: -5px; padding-left:-10px; border: 0px solid #fff;border-left: 0px solid #003c74;}

#nav a:link, #nav a:active, #nav a:visited, #nav a:hover{border-bottom: 1px solid #f5f5f5;display: block; border-left: 0px solid #bf2e37; padding: 0.5em 0.18em 0.18em 0.5em; color: #003c74
; font-weight: normal; text-decoration: none}

#nav a:hover, #nav a.sel:link,#nav a.sel:active,  #nav a.sel:visited,#nav a.sel:hover{;color:#008ca7;text-decoration:none;font-weight:normal;;}


/*-----verander kleur vols je ander kleur wil indien actief----*/

#nav a.selsub:link,#nav a.selsub:active,  #nav a.selsub:visited,#nav a.selsub:hover{color:#003c74; border-bottom: 0px solid #f5f5f5; height:auto;background: #f5f5f5 url(images/pijltje.gif) no-repeat 0.3em 0.9em;}

#nav li.bb{border-bottom: 0px dotted #fff;}

#nav li{border-bottom: 0px dotted #fff;}

#nav a.protected:link, #nav a.protected:active, #nav a.protected:visited, #nav a.protected:hover{padding-right: 2.2em; background-image: url('css_lock.gif'); background-repeat: no-repeat; background-position: right}
#nav ul ul a.protected:link, #nav ul ul a.protected:active, #nav ul ul a.protected:visited, #nav ul ul a.protected:hover{padding-right: 2.2em; background-image: url('css_lock3.gif'); background-repeat: no-repeat; background-position: right}

#nav ul ul a:link, #nav ul ul a:active, #nav ul ul a:visited, #nav ul ul a:hover{height:auto;border-bottom: 0px solid #f5f5f5;background: #ffffff; border-right: 0px solid #fff; font-weight: normal; font-size: 0.85em; color:#003c74 ; padding-left: 20px}

#nav ul ul a:hover, #nav ul ul a.active:link, #nav ul ul a.active:active, #nav ul ul a.active:visited, #nav ul ul a.active:hover{height:auto;background: #ffffff url(images/pijltje.gif) no-repeat 0.3em 0.9em;border-left: 0px solid #ece4dd; border-right: 0px solid #ece4dd;border-bottom: 0px solid #f5f5f5;}

#nav {
width:13.5em;
float:left;
min-height:70em;
text-align:left;
font-size:100%;

margin-top:-0.095em;
padding-top:20px;
padding-left:0px;
margin-left:0px;
 
}

#nav ul ul{width:auto;}

#navleeg {
width:4em;
float:left;
min-height:70em;
text-align:left;
margin-top:0px;
padding-left:0px;
margin-left:0px;
 
}


.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;

    }

.clearfix {display: inline-block;}

.clearfix {
    zoom: 1;     /* triggers hasLayout */
    display: block; 
}
    
#tools
{
position: absolute
margin-right:0em;
padding-right:0px;
height:30px;
margin-right:0px;   
color:#003c74;
margin-top:-5px;
padding-top:-5px;
background :url(bgtop.jpg) repeat-x;
border : 0px #cc0000 solid;

  }



#tools #font-sizer 
{
position:absolute;
margin-top:7px;
padding-top:7px;
height:26px;
color:#000;

    }

#topmenu 
{
margin-top:0px;
position:absolute;
float:right;

}


#menu_top 
{
position:absolute;
margin-top :12px;  
float:right;
width:54em;
padding-top:9px;
height:26px;
padding-right:0px;
text-align:right;
margin-left:24.1em;   
color:#000;
/*background :url(bgtop.jpg) repeat-x;*/



    }

#tools #font-sizer ul{display:inline;color:#f5f5f5;float:left;font-weight :normal;}

#tools #font-sizer  li {list-style-type:none;float:right;width:auto;text-align:center;font:1.1em }
#tools #font-sizer  li a{font-weight :normal;color:#f5f5f5;border :solid 0.0em #fff;text-decoration:none }
#tools #font-sizer  li a:hover{font-weight :normal;color:#008ca7;border-right :solid 0.0em #fff inherited : no;border-bottom:solid 0.0em #000;border-top:solid 0.0em #000;border-left :solid 0.0em #808080 inherited : no;color :#003c74;}
#tools #font-sizer  li a:link{font-weight : normal;color:#003c74;}
#tools #font-sizer  li a:visited{font-weight :normal;text-decoration:none;color:#003c74}

#tools #font-sizer{float:right;position: relative; left: 0px; top: 0px; margin: 0;}
#tools #font-sizer li{margin-left: 0.1em; cursor: pointer; font-size: 0.625em; color: #f5f5f5;}
#tools #font-sizer li a{display: inline; text-decoration: none; padding: 0;}
#tools #font-sizer li a:hover{color: #008ca7; background: none; border: none; padding: 0}
#tools #font-sizer li acronym{border: 0em;}
#tools #font-sizer li.active{border-bottom: 0px solid #724F3F;}

#tools #font-sizer li#fontsize-normal{font-size: 11px; margin-top: 0.2em;}


#tools #font-sizer li#fr{font-size: 11px; margin-top: 0.1em;}
#tools #font-sizer li#fr a.selsub{color:#003c74;font-weight: bold;font-size: 11px; margin-top: 0.1em;}


#tools #font-sizer li#nl{font-size: 11px; margin-top: 0.1em;}

#tools #font-sizer li#nl a.selsub{color:#003c74;font-weight: bold;font-size: 11px; margin-top: 0.1em;}


#tools #font-sizer li#contact{padding-left: 0.5em; font-size: 11px; margin-top: 0.1em;
}
#tools #font-sizer li#sitemap{font-size: 11px; margin-top: 0.1em;}


#tools #font-sizer li#fontsize-medium{font-size: 14px; margin-top: -0.1em;}
#tools #font-sizer li#fontsize-large{font-size: 16px;margin-top: -0.1em;}


