/* -----------------------------------------------
	

	ALLEREERST DE STIJLEN VOOR HET HOOFDMENU
	
	---------------------------------------------*/
	
ul {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 100%; /* breedte van Menu Items */
	z-index:100;
	}
li {
	z-index:100;
	}
ul li {
	position: relative;
	}
	
li ul {
	position: absolute;
	left: 142px; /* een tikkie minder dan menu breedte */
	top: 5px;
	display: none;
	}
	
/* Stijlen voor Menu Items */
ul li a {
	border-left:1px solid #fff; border-right:1px solid #fff; border-top:1px solid #fff; display: block;
	height: 14px; 
	font-size: 12px;
	text-decoration: none;
	text-align: right;
	background: #336699; /* IE6 Bug */
	padding: 5px;
	border-bottom: 0px none;
	font-weight: bold;
	color: white;
	font-style: normal
	}
	
ul li a.hoofd1 {
	background: url('../img/menu/home_1.gif');
	}

ul li a.hoofd2 {
	background: url('../img/menu/over_1.gif');
	}
	
ul li a.hoofd3 {
	background: url('../img/menu/marathons_1.gif');
	}

ul li a.hoofd4 {
	background: url('../img/menu/halve_1.gif');
	}

ul li a.hoofd5 {
	background: url('../img/menu/overig_1.gif');
	}
ul li a.hoofd6 {
	background: url('../img/menu/boeken_1.gif');
	}
ul li a.hoofd7 {
	background: url('../img/menu/kalender_1.gif');
	border-bottom: 1px solid #fff
	}
ul li a.hoofd8 {
	background: url('../img/menu/tickets_1.gif');
	}



ul li a:visited {
	text-decoration: none;
	color: white;
	}

/* Fix IE. Verberg voor IE Mac \*/
* html ul li { float: left; height: 1%; }
* html ul li a { height: 1%; }
/* End */

/* Hover stijlen */
ul li a:hover {
	color: #fff; 
	background: #003366;
	font-style: normal;
	}
	
ul li a.hoofd1:hover {
	background: url('../img/menu/home_2.gif');
	}

ul li a.hoofd2:hover {
	background: url('../img/menu/over_2.gif');
	}
	
ul li a.hoofd3:hover {
	background: url('../img/menu/marathons_2.gif');
	}

ul li a.hoofd4:hover {
	background: url('../img/menu/halve_2.gif');
	}

ul li a.hoofd5:hover {
	background: url('../img/menu/overig_2.gif');
	}
ul li a.hoofd6:hover {
	background: url('../img/menu/boeken_2.gif');
	}
ul li a.hoofd7:hover {
	background: url('../img/menu/kalender_2.gif');
	}
	
	

ul li a.hoofd8:hover {
	background: url('../img/menu/tickets_2.gif');
	}



/* Sub Menu stijlen */	
li ul li a { 
	font-size: 12px;
	text-align: center;
	padding: 3px;
	height: 14px; 
	} 

/* De magie */	
li:hover ul, li.over ul { 
	display: block; 
	}

/* ------- RECHTERMENU ------- */

				
ul.rechts {
	list-style: none;
	padding: 0px;
	margin: 0px;
	border: 0px;
}

ul li.rechts {
	background-color: transparant;
	height: 24px; 
	width: 141px;
	border: 0px none transparant;
	padding: 0px;
	margin: 0px;
}

ul li a.rechts1, a.rechts2, a.rechts3, a.rechts4, a.rechts5, a.rechts6, a.rechts7
{
	border: 0px;
	text-align: left;
	margin: 0px;
	padding: 0px;
	height: 24px; 
	width: 141px;
}

ul li a.rechts1 {
	background: url('../img/menu/nieuws_1.gif');
	border-bottom: 1px solid white
	}
ul li a.rechts2 {
	background: url('../img/menu/faq_1.gif');
	}
ul li a.rechts3 {
	background: url('../img/menu/links_1.gif');
	}
ul li a.rechts4 {
	background: url('../img/menu/email_1.gif');
	}
ul li a.rechts5 {
	background: url('../img/menu/blijf_1.gif');
	}
ul li a.rechts6 {
	background: url('../img/menu/favorieten_1.gif');
	border-bottom: 1px solid white
	}
ul li a.rechts7 {
	background: url('../img/menu/vacatures_1.gif');
	border-bottom: 1px solid white
	}

ul li a.rechts1:hover {
	background: url('../img/menu/nieuws_2.gif');
	}
ul li a.rechts2:hover {
	background: url('../img/menu/faq_2.gif');
	}
ul li a.rechts3:hover {
	background: url('../img/menu/links_2.gif');
	}
ul li a.rechts4:hover {
	background: url('../img/menu/email_2.gif');
	}
ul li a.rechts5:hover {
	background: url('../img/menu/blijf_2.gif');
	}
ul li a.rechts6:hover {
	background: url('../img/menu/favorieten_2.gif');
	}
ul li a.rechts7:hover {
	background: url('../img/menu/vacatures_2.gif');
	border-bottom: 1px solid white
	}