/* 
Copyright 2008
CSS coding by Jay Tang | Terra Preta 
www.terra-preta.nl
*/

/* NAVIGATION */
div#menu_main {
	margin-right: 20px;
	width: 760px;
	height: 24px;
	float: right;
}
div#menu_main ul {
	list-style-type: none;
	text-align: right;
}
div#menu_main ul li {
	float: right;
}
div#menu_main ul li a {
	margin-right: 1px;
	width: 126px;
	height: 24px;
	line-height: 24px;
	text-decoration: none;
	text-align: center;
	color: #A5A5A5;
	display: block;
}
div#menu_main ul li a.btn_kandidaten {
	background: url(../assets/btn_kandidaten.png) no-repeat left bottom;
}
div#menu_main ul li a.btn_werkgevers {
	background: url(../assets/btn_werkgevers.png) no-repeat left bottom;
}
div#menu_main ul li a.btn_onderwijsinstellingen {
	background: url(../assets/btn_onderwijs.png) no-repeat left bottom;
}
div#menu_main ul li a.btn_prombo {
	background: url(../assets/btn_prombo.png) no-repeat left bottom;
}
div#menu_main ul li a.btn_contact {
	background: url(../assets/btn_contact.png) no-repeat left bottom;
}
div#menu_main ul li.active a {
	width: 136px;
	height: 24px;
	font-size: 1.2em;
	color: #F3991B;
}
div#menu_main ul li.active a.btn_kandidaten {
	background: url(../assets/btn_kandidaten_active.png) no-repeat left bottom;
}
div#menu_main ul li.active a.btn_werkgevers {
	background: url(../assets/btn_werkgevers_active.png) no-repeat left bottom;
}
div#menu_main ul li.active a.btn_onderwijsinstellingen {
	background: url(../assets/btn_onderwijs_active.png) no-repeat left bottom;
}
div#menu_main ul li.active a.btn_prombo {
	background: url(../assets/btn_prombo_active.png) no-repeat left bottom;
}
div#menu_main ul li.active a.btn_contact {
	background: url(../assets/btn_contact_active.png) no-repeat left bottom;
}
div#menu_main ul li a span {
	display: none;
}
div#menu_sub {
	width: 960px;
	height: 26px;
	background: url(../assets/bg_tile_submenu.gif) repeat-x left top;
	float: left;
	clear: both;
}
div#menu_sub ul {
	position: relative;
	list-style-type: none;
	top: 0px;
	height: 26px;
}
div#menu_sub ul#sub_kandidaten {
	left: 220px;
	width: 400px;
}
div#menu_sub ul#sub_prombo {
	left: 580px;
	width: 500px;
}
div#menu_sub ul li {
	margin-right: 5px;
	float: left;
}
div#menu_sub ul li a {
	line-height: 2em;
	text-decoration: none;
	color: #B5B4B4;
	font-size: 0.9em;
}
div#menu_sub ul li a:hover {
	color: #F3991B;
}