/* ******************** Main navigation ******************** */

ul#navigation {
	background-image: url(../images/navigation/background.gif);
	background-repeat: repeat-x;
	padding: 0px;
	margin: 0px;
	width: 830px;
	height: 30px;
	position: absolute;
	left: 120px;
	top: 47px;
	list-style-type: none;
	z-index: 100;
}
ul#navigation li {
	background-image: url(../images/navigation/pulldown_line.gif);
	background-position: left bottom;
	background-repeat: no-repeat;
	display: inline;
	margin: 0px; 
	float: left; 
	position: relative; 
}
ul#navigation ul {
	 display: none; 
	 padding: 0px; 
	 margin: 0px; 
	 width: 160px; 
	 position: absolute;
	 left: 0px;  
	 top: 24px
}



/* ******************** Main navigation ******************** */

ul#navigation a {
	background-image: url(../images/navigation/arrow_white.gif);
	background-repeat: no-repeat;
	background-position: 10px 10px;
	color: #FFFFFF;
	font-size: 10px;
	line-height: 15px;
	text-decoration: none;
	display: block;
	float: left;
	padding-left: 18px;
	padding-right: 10px;
	padding-top: 4px;
	padding-bottom: 6px;
	width: 172px;
}
ul#navigation #home a {
	background: url(../images/navigation/home.gif);
	width: 23px;
	height: 17px;
}
ul#navigation #home a:hover {
	background: url(../images/navigation/homea.gif);
}
ul#navigation #homea a {
	background: url(../images/navigation/homea.gif);
	width: 23px;
	height: 17px;
}
ul#navigation #wedstrijden a {
	background: url(../images/navigation/wedstrijden.gif);
	width: 69px;
	height: 17px;
}
ul#navigation #wedstrijdena a {
	background: url(../images/navigation/wedstrijdena.gif);
	width: 69px;
	height: 17px;
}
ul#navigation #spelers a {
	background: url(../images/navigation/spelers.gif);
	width: 35px;
	height: 16px;
}
ul#navigation #spelersa a {
	background: url(../images/navigation/spelersa.gif);
	width: 35px;
	height: 16px;
}
ul#navigation #ranglijsten a {
	background: url(../images/navigation/ranglijsten.gif);
	width: 66px;
	height: 16px;
}
ul#navigation #ranglijstena a {
	background: url(../images/navigation/ranglijstena.gif);
	width: 66px;
	height: 16px;
}
ul#navigation #overigestatistieken a {
	background: url(../images/navigation/overigestatistieken.gif);
	width: 123px;
	height: 16px;
}
ul#navigation #overigestatistiekena a {
	background: url(../images/navigation/overigestatistiekena.gif);
	width: 123px;
	height: 16px;
}
ul#navigation #vandaagdedag a {
	background: url(../images/navigation/vandaagdedag.gif);
	width: 96px;
	height: 16px;
}
ul#navigation #vandaagdedaga a {
	background: url(../images/navigation/vandaagdedaga.gif);
	width: 96px;
	height: 16px;
}




/* ******************** Mouse-overs main navigation ******************** */

ul#navigation li:hover #wedstrijden  a,
ul#navigation li.iehover #wedstrijden  a,
ul#navigation li:hover #wedstrijdena  a,
ul#navigation li.iehover #wedstrijdena  a  {
	background: url(../images/navigation/wedstrijdenh.gif);
}
ul#navigation li:hover #spelers a,
ul#navigation li.iehover #spelers a,
ul#navigation li:hover #spelersa a,
ul#navigation li.iehover #spelersa a {
	background: url(../images/navigation/spelersh.gif);
}
ul#navigation li:hover #ranglijsten a,
ul#navigation li.iehover #ranglijsten a,
ul#navigation li:hover #ranglijstena a,
ul#navigation li.iehover #ranglijstena a {
	background: url(../images/navigation/ranglijstenh.gif);
}
ul#navigation li:hover #overigestatistieken a,
ul#navigation li.iehover #overigestatistieken a,
ul#navigation li:hover #overigestatistiekena a,
ul#navigation li.iehover #overigestatistiekena a {
	background: url(../images/navigation/overigestatistiekenh.gif);
}
ul#navigation li:hover #vandaagdedag a,
ul#navigation li.iehover #vandaagdedag a,
ul#navigation li:hover #vandaagdedaga a,
ul#navigation li.iehover #vandaagdedaga a {
	background: url(../images/navigation/vandaagdedagh.gif);
}




/* ******************** Dropdownmenu's ******************** */

ul#navigation ul {
	margin-top:2px;
	padding-top:10px;
	padding-bottom:15px;
	background: #003363 url(../images/navigation/pulldown_background.gif) no-repeat left top;
	width: 200px;
}
ul#navigation li:hover ul,
ul#navigation li.iehover ul {
	display: block;
}
ul#navigation li:hover li a:hover,
ul#navigation li.iehover li a:hover {
	background-image: url(../images/navigation/arrow_yellow.gif);
	color: #FFFF00; 
}



/* ******************** I-frame ******************** */

#menu_iframe {
	display: none; 
	margin-left: 120px;
	margin-top: 47px;
	position: absolute;
	z-index: 99; 
}




/* ******************** Navigation right ******************** */

#navigation-right {
	background-image:url(../images/navigation/right_end.gif);
	background-repeat: no-repeat;
	background-position:right;
	padding-right:2px;
	height: 30px;
	position: absolute;
	right: 11px;
	top: 47px;
	z-index: 100;
}
#start {
	background-image:url(../images/navigation/right_start.gif);
	background-repeat:no-repeat;
	display:block;
	float:left;
	width:15px;
	height:30px;
	z-index: 100;
}
a#info {
	background-image:url(../images/navigation/info.gif);
	background-repeat:no-repeat;
	display:block;
	float:left;
	width:35px;
	height:30px;
	z-index: 100;
}
a#info:hover {
	background-image:url(../images/navigation/infoh.gif);
}
a#infoa {
	background-image:url(../images/navigation/infoh.gif);
	background-repeat:no-repeat;
	display:block;
	float:left;
	width:35px;
	height:30px;
	z-index: 100;
}
a#links {
	background-image:url(../images/navigation/links.gif);
	background-repeat:no-repeat;
	display:block;
	float:left;
	width:49px;
	height:30px;
	z-index: 100;
}
a#links:hover {
	background-image:url(../images/navigation/linksh.gif);
}
a#linksa {
	background-image:url(../images/navigation/linksh.gif);
	background-repeat:no-repeat;
	display:block;
	float:left;
	width:49px;
	height:30px;
	z-index: 100;
}
a#contact {
	background-image:url(../images/navigation/contact.gif);
	background-repeat:no-repeat;
	display:block;
	float:left;
	width:69px;
	height:30px;
	z-index: 100;
}
a#contact:hover {
	background-image:url(../images/navigation/contacth.gif);
}
a#contacta {
	background-image:url(../images/navigation/contacth.gif);
	background-repeat:no-repeat;
	display:block;
	float:left;
	width:69px;
	height:30px;
	z-index: 100;
}
a#donaties {
	background-image:url(../images/navigation/donaties.gif);
	background-repeat:no-repeat;
	display:block;
	float:left;
	width:74px;
	height:30px;
	z-index: 100;
}
a#donaties:hover {
	background-image:url(../images/navigation/donatiesh.gif);
}
a#donatiesa {
	background-image:url(../images/navigation/donatiesh.gif);
	background-repeat:no-repeat;
	display:block;
	float:left;
	width:74px;
	height:30px;
	z-index: 100;
}