/*---------- H E A D N A V I G A T I O N  S T Y L E S -------------*/
#hoofdnav {
	height: 45px;
	width: auto;
}

#nav_home {
	position: absolute;
	top: 44px;
	left: 195px /* 186px */;
	background: url('../_img/menu2/home.gif') no-repeat;
	height: 45px;
	width: 92px;
}

#nav_onzeschool {
	position: absolute;
	top: 44px;
	background: url('../_img/menu2/onzeschool.gif') no-repeat;
	height: 45px;
	left: 259px;
	width: 152px;
}

#nav_beroepscollege{
	position: absolute;
	top: 44px;
	background: url('../_img/menu2/beroepscollege.gif') no-repeat;
	height: 45px;
	left: 376px;
	width: 135px;
}

#nav_aanmelden {
	position: absolute;
	top: 44px;
	background: url('../_img/menu2/aanmelden.gif') no-repeat;
	height: 45px;
	left: 515px;
	width: 135px;
}

#nav_activiteiten {
	position: absolute;
	top: 44px;
	background: url('../_img/menu2/activiteiten.gif') no-repeat;
	height: 45px;
	left: 621px;
	width: 141px;
}

#nav_agenda {
	position: absolute;
	top: 44px;
	background: url('../_img/menu2/agenda.gif') no-repeat;
	height: 45px;
	left: 729px;
	width: 105px;
}

#nav_home:hover, #nav_home.on {	background: url('../_img/menu2/home_on.gif') no-repeat;}
#nav_onzeschool:hover, #nav_onzeschool.on {	background: url('../_img/menu2/onzeschool_on.gif') no-repeat;}
#nav_beroepscollege:hover, #nav_beroepscollege.on {	background: url('../_img/menu2/beroepscollege_on.gif') no-repeat;}
#nav_aanmelden:hover, #nav_aanmelden.on {	background: url('../_img/menu2/aanmelden_on.gif') no-repeat;}
#nav_activiteiten:hover, #nav_activiteiten.on {	background: url('../_img/menu2/activiteiten_on.gif') no-repeat;}
#nav_agenda:hover, #nav_agenda.on {	background: url('../_img/menu2/agenda_on.gif') no-repeat;}

#nav li a span {
	left: -999px;
	position: absolute;
}

#nav a {
	display: block;
}

/*---------- S U B N A V I G A T I O N  S T Y L E S -------------*/
#submenu {
	margin: 44px 0 0 0;
	width:183px;
}

#submenu li {
	background: url('../_img/dots_x.gif') repeat-x left bottom;
}

#submenu li a {
	padding: 3px 0 5px 35px;
	width: 148px;
	display:block;
	color: #5eb2e9;
	text-decoration: none;
	font-weight: bold;
	font-size: 12pt;
}

#submenu li a.on {
	background: url('../_img/bullet_green.gif') no-repeat 20px 12px;
	color: #d6ef59;
}
	
#submenu li li {
	background:none;
	font-size:10pt;
}
#submenu ul {
	padding: 0 0 10px 0;
}

#submenu ul a {
	font-size: 10pt;
}

#submenu ul li a.on {
  background: none;
  color: #666;
}

#submenu li li a {
	color: #666666;
	padding:1px 0 1px 35px;
	background:0;
	font-weight: normal;
}