/* CSS Document */
#container{
position:relative;
width:1003px;
height:550px;
margin-left:auto;
margin-right:auto;
text-align:left;

	}
	
body{
background: #2f2c7b url(img/bgindex.gif);
margin:0px}

td{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#2f2c7b;
}

a{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#ffffff;
text-decoration:underline;

}

a:hover{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#ffffff;
text-decoration:none;
}


.contact{
padding-left:30px;
padding-top:175px;
font-family:Arial, Helvetica, sans-serif;
color:#FFFFFF;
font-size:12px;}

.contact #alleenLinks_naam a{background:url(img/pijl-index.gif);
background-repeat:no-repeat;
padding-left:10px;}

.contactkop{
margin-bottom:13px;
font-family:Arial, Helvetica, sans-serif;
color:#FFFFFF;
font-size:22px;
font-weight:bold;}

.footer{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#FFFFFF;
}
a.footer{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#FFFFFF;
text-decoration:none;}

a.footer:hover{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#cccccc;
text-decoration:none;}

#menu{ 
margin: 0; /* de marges zetten we op nul */ 
padding: 0;
z-index:1; 
}

#menu li{
background-color:#FFFFFF;
list-style-type: none; /* type van de style zetten we op 'none', zodat we geen opsommingsteken krijgen */ 
width: 100%; /* breedte en hoogte opgeven */ 
height: 22px; 
margin: 0px; /* marges instellen */ 
padding-top:2px;
z-index:1; 


font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
color:#302b7a;

}

#menu li a{ /* van de links een block-element maken voor het :hover effect */ 
display: block; /* breedte en hoogte op 100% zodat de <li> wordt opgevuld */ 
width: 100%; 
height: 100%;
margin: 0px; /* marges instellen */ 
background-color:#ffffff; /* een uiteraard een leuk achtergrondkleurtje */ 
padding-top:2px;
z-index:1; 

font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
color:#302b7a;
text-decoration:none;

}

#menu li a:hover{ 
display: block; /* breedte en hoogte op 100% zodat de <li> wordt opgevuld */ 
width: 100%; 
height: 100%;
margin: 0px; /* marges instellen */ 
background-color:#302b7a; /* kleur voor het :hover effect */ 
padding-top:2px;
z-index:1; 

font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
color:#ffffff;
text-decoration:none;

 
}


#submenu{ 
margin: 0; /* de marges zetten we op nul */ 
padding: 0;
z-index:1; 
}


#subdiensten{
position:absolute;
background-color:#b1b1b1;
left:291px; 
top:160px; 
width:125px; 
z-index:1; 
visibility: hidden;}

#subthemas{
position:absolute;
background-color:#b1b1b1;
left:191px; 
top:160px; 
width:125px; 

z-index:1; 
visibility: hidden;}

td.off {
width:125px;
height:22px;
margin:0px;
background: #b1b1b1;

border-bottom:solid;
border-bottom-color:#FFFFFF;
border-bottom-width:1px;

font-family:Arial, Helvetica, sans-serif;
color:#ffffff;
font-size:11px;
padding-left:4px;
cursor: hand;
}
td.on {
width:125px;
height:22px;
margin:0px;
background: #49478f;

border-bottom:solid;
border-bottom-color:#FFFFFF;
border-bottom-width:1px;

font-family:Arial, Helvetica, sans-serif;
color:#ffffff;
font-size:10px;
padding-left:4px;
cursor: hand;

}
a.submenu{
font-family:Arial, Helvetica, sans-serif;
color:#ffffff;
font-size:10px;
text-decoration:none;
}
#menu-on{ 
margin: 0; /* de marges zetten we op nul */ 
padding: 0;
z-index:1; 
}




#menu-on li{
background-color:#302b7a;
list-style-type: none; /* type van de style zetten we op 'none', zodat we geen opsommingsteken krijgen */ 
width: 100%; /* breedte en hoogte opgeven */ 
height: 22px; 
margin: 0px; /* marges instellen */ 
padding-top:2px;
z-index:1; 
border-top:solid #ffffff 2px;


font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
color:#ffffff;
padding-top:2px;
z-index:1; 
}

#menu-on li a{ /* van de links een block-element maken voor het :hover effect */ 
display: block; /* breedte en hoogte op 100% zodat de <li> wordt opgevuld */ 
width: 100%; 
height: 100%;
margin: 0px; /* marges instellen */ 
background-color:#302b7a; /* een uiteraard een leuk achtergrondkleurtje */ 
padding-top:2px;
z-index:1; 


font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
color:#ffffff;
text-decoration:none;

}