/* Hoofdmenu -+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+- */

	ul#nav {position: absolute; left: 186px; font-size: 1em; margin-top: 8px; margin-left: 45px; padding: 0; list-style: none;}
	ul#nav li {float: left; list-style: none; margin: 0 4px; padding: 0; border: none;}  
	ul#nav li#mainopt1 {width: 180px;}
	ul#nav li#mainopt2 {width: 148px;}
	ul#nav li#mainopt3 {width: 78px;}
	ul#nav li#mainopt4 {width: 84px;}
	ul#nav li#mainopt5 {width: 56px;}
	ul#nav li a {text-decoration: none; display: block; height: 32px; margin: 0; padding: 0; background-repeat: no-repeat; text-align: center;}
	ul#nav li#mainopt1 a {background: url(../img/menu/club.png);}
	ul#nav li#mainopt1 a:hover {background: url(../img/menu/club_over.png);}
	ul#nav li#mainopt2 a {background: url(../img/menu/rangerwereld.png);}
	ul#nav li#mainopt2 a:hover {background: url(../img/menu/rangerwereld_over.png);}
	ul#nav li#mainopt3 a {background: url(../img/menu/actie.png);}
	ul#nav li#mainopt3 a:hover {background: url(../img/menu/actie_over.png);}
	ul#nav li#mainopt4 a {background: url(../img/menu/dieren.png);}
	ul#nav li#mainopt4 a:hover {background: url(../img/menu/dieren_over.png);}
	ul#nav li#mainopt5 a {background: url(../img/menu/fun.png);}
	ul#nav li#mainopt5 a:hover {background: url(../img/menu/fun_over.png);}
	ul#nav li a span {visibility: hidden;}
	ul#nav li li a span {visibility: visible;}

	/* 'Mijn profiel' en 'Inloggen' naast hoofdmenu */	
	ul#persoonlijk {position: absolute; top: 15px; left: 625px; list-style-type: none; font-size: 90%; margin: 0; padding: 0;}
	ul#persoonlijk li {display: inline; padding: 0 8px;}
	ul#persoonlijk li a {text-decoration: none}

/* Submenu (op vervolgpagina's) -+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+- */

	div#submenu {width: 171px; height: 206px; position: absolute; top: 135px; left: 15px; margin: 0; padding: 0;}
	div#submenu ul {width: 100%; height: 100%; list-style: none; margin: 0; padding: 0;}
	div#submenu	ul li {border-width: 0 0 1px 0; border-style: solid; margin-left: 12px; padding: 4px 0;}
	div#submenu	ul li#subopt1 {border-width: 1px 0; border-style: solid; margin-top: 16px;}
	div#submenu	ul li a {text-decoration: none; position: relative; z-index: 1;}
	div#submenu	ul li ul {list-style: none; height: auto; margin-left: 22px; padding: 0;}
	div#submenu	ul li ul li {border: none; margin: 0; padding: 6px 0 4px 0; font-size: 85%;}
	div#submenu	ul li.current ul li a {color: #fff;}
	
/* Suckerfish -+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+- */
	
	/* width needed or else Opera goes nuts */
	ul#nav li ul 
		{list-style: none; width: 211px; margin-left: 2px; padding: 0; position: absolute; z-index: 10;
		left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */}
	ul#nav li ul li {width: 211px; margin: 0; padding: 0;}
	ul#nav li:hover ul, ul#nav li.sfhover ul /* sfhover is voor script. niet verwijderen anders werkt IE niet meer*/
		{left: auto; /* lists nested under hovered list items */}/* 'position: static' helpt tegen 'kleven' in IE7, maar doet uitklapsel verdwijnen achter kleurvlakken! */
	ul#nav li ul li.bovenste, ul#nav li ul li.onderste 
		{height: 14px; margin: 0; padding: 0; width: 211px;}
	ul#nav li ul li a
		{border-width: 0 0 1px 0; border-style: solid; display: block; margin: 0 3px; padding: 4px 0 7px 15px; text-decoration: none; height: 1em; text-align: left;}
	ul#nav li#mainopt1 ul li a, ul#nav li#mainopt2 ul li a, ul#nav li#mainopt3 ul li a, ul#nav li#mainopt4 ul li a, ul#nav li#mainopt5 ul li a,
	ul#nav li#mainopt1 ul li a:hover, ul#nav li#mainopt2 ul li a:hover, ul#nav li#mainopt3 ul li a:hover, ul#nav li#mainopt4 ul li a:hover, ul#nav li#mainopt5 ul li a:hover,
	ul#nav li#mainopt1.current ul li a, ul#nav li#mainopt2.current ul li a, ul#nav li#mainopt3.current ul li a, ul#nav li#mainopt4.current ul li a, ul#nav li#mainopt5.current ul li a 
		{background-image: none; text-decoration: none;}
	
	/* tegen plakken in IE7 */
	#nav li:hover, #nav li.hover {position: static;}