/*
	De Rank CSS t.b.v. het nieuwe menu
	26-04-2007
*/

#nav {
	
margin: 0px;

_margin: 0px;
padding: 0px;
	list-style: none;
	clear: both;
	width: 900px;
	font-family: Arial;
	font-style: auto;
	text-decoration: none;
	float: left;
	/*margin-left: -30px;*/
	text-align: center;
/*	background-color: #C4E9FC;*/
}

#nav a {
	text-decoration: none;
}

#nav li {
	border-right: 3px solid white;
	border-bottom: 2px solid white;

	display: block;
	height: 22px;
	font-size: 11px;
	line-height: 12px;
	font-weight: bold;
	float: left;
	font-style: auto;

}

#nav li a {
	display: block;
	margin: 0;
	padding: 0;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 4px;
	padding-bottom: 6px;
	border-style: solid;
	border-color: #EBF3E4;
	border-color: #B2CDD1;
	border-width: 0px;
	border-bottom-width: 0;
}

#nav #m1, 
#nav #m2, 
#nav #m3, 
#nav #m4, 
#nav #m5, 
#nav #m6, 
#nav #m7, 
#nav #m8, 
#nav #m9, 
#nav #m10, 
#nav #m11, 
#nav #m12 
{
	width: 97px;
}

#nav #m9
{
border-right: 0px;
width: 100px;
}

#nav #m1 a, 
#nav #m3 a, 
#nav #m5 a, 
#nav #m7 a, 
#nav #m9 a, 
#nav #m11 a, 
#nav #m13 a, 
#nav #m15 a, 
#nav #m17 a, 
#nav #m19 a 
{
	background-color: #6B956A;
	color: #FFFFFF;
}

#nav #m1.active a,
#nav #m1 a:hover,
#nav #m1 a:active,
#nav #m3.active a,
#nav #m3 a:hover,
#nav #m3 a:active,
#nav #m5.active a,
#nav #m5 a:hover,
#nav #m5 a:active,
#nav #m7.active a,
#nav #m7 a:hover,
#nav #m7 a:active,
#nav #m9.active a,
#nav #m9 a:hover,
#nav #m9 a:active,
#nav #m11.active a,
#nav #m11 a:hover,
#nav #m11 a:active,
#nav #m13.active a,
#nav #m13 a:hover,
#nav #m13 a:active,
#nav #m15.active a,
#nav #m15 a:hover,
#nav #m15 a:active,
#nav #m17.active a,
#nav #m17 a:hover,
#nav #m17 a:active,
#nav #m19.active a,
#nav #m19 a:hover,
#nav #m19 a:active
{
	background-image: url("../resources/img/menu-active.png");
	background-color: white;
	color: #6B956A;
}

#nav #m2 a,
#nav #m4 a,
#nav #m6 a,
#nav #m8 a,
#nav #m10 a,
#nav #m12 a,
#nav #m14 a,
#nav #m16 a,
#nav #m18 a,
#nav #m20 a
{
	color: #FFFFFF;
	background-color: #F7D856;
}

#nav #m2.active a,
#nav #m2 a:hover,
#nav #m2 a:active,
#nav #m4.active a,
#nav #m4 a:hover,
#nav #m4 a:active,
#nav #m6.active a,
#nav #m6 a:hover,
#nav #m6 a:active,
#nav #m8.active a,
#nav #m8 a:hover,
#nav #m8 a:active,
#nav #m10.active a,
#nav #m10 a:hover,
#nav #m10 a:active,
#nav #m12.active a,
#nav #m12 a:hover,
#nav #m12 a:active,
#nav #m14.active a,
#nav #m14 a:hover,
#nav #m14 a:active,
#nav #m16.active a,
#nav #m16 a:hover,
#nav #m16 a:active,
#nav #m18.active a,
#nav #m18 a:hover,
#nav #m18 a:active,
#nav #m20.active a,
#nav #m20 a:hover,
#nav #m20 a:active  
{
	background-image: url("../resources/img/menu-active.png");
	color: #F7D856;
	background-color: white;
}