/*

	-- -- -- -- -- -- --
	css sprites2
	nav style, with style for scripted elements

	http://www.alistapart.com/articles/sprites2
	-- -- -- -- -- -- --
	
*/


.nav {
	width: 960px;
	height: 50px;
	background: url(nav2.gif) no-repeat;
	position: relative;
	left: 0;
	padding: 0;
	margin: 0;
}
.nav li {
	display: inline;
}
.nav li a:link, .nav li a:visited {
	position: absolute;
	top: 200;
	height: 50px;
	text-indent: -9000px;
	overflow: hidden;
	z-index: 10;
}
	.nav .nieuws a:link, .nav .nieuws a:visited {
		left: 30px;
		width: 90px;
	}
	.nav .nieuws a:hover, .nav .nieuws a:focus {
		background: url(nav2.gif) no-repeat -30px -100px;
	}
	.nav .nieuws a:active {
		background: url(nav2.gif) no-repeat -30px -50px;
	}
	.current-nieuws .nieuws a:link, .current-nieuws .nieuws a:visited {
		background: url(nav2.gif) no-repeat -30px -150px;
		cursor: default;
	}
	.nav-nieuws, .nav-nieuws-click {
		position: absolute;
		top: 200;
		left: 30px;
		width: 90px;
		height: 50px;
		background: url(nav2.gif) no-repeat -30px -50px;
	}
	.nav-nieuws-click {
		background: url(nav2.gif) no-repeat -30px -50px;
	}


	.nav .wereldmuziek a:link, .nav .wereldmuziek a:visited {
		left: 120px;
		width: 90px;
	}
	.nav .wereldmuziek a:hover, .nav .wereldmuziek a:focus {
		background: url(nav2.gif) no-repeat -120px -100px;
	}
	.nav .wereldmuziek a:active {
		background: url(nav2.gif) no-repeat -120px -50px;
	}
	.current-wereldmuziek .wereldmuziek a:link, .current-wereldmuziek .wereldmuziek a:visited {
		background: url(nav2.gif) no-repeat -120px -150px;
		cursor: default;
	}
	.nav-wereldmuziek, .nav-wereldmuziek-click {
		position: absolute;
		top: 200;
		left: 120px;
		width: 90px;
		height: 50px;
		background: url(nav2.gif) no-repeat -120px -50px;
	}
	.nav-wereldmuziek-click {
		background: url(nav2.gif) no-repeat -120px -50px;
	}


	.nav .halloffame a:link, .nav .halloffame a:visited {
		left: 210px;
		width: 90px;
	}
	.nav .halloffame a:hover, .nav .halloffame a:focus {
		background: url(nav2.gif) no-repeat -210px -100px;
	}
	.nav .halloffame a:active {
		background: url(nav2.gif) no-repeat -210px -50px;
	}
	.current-halloffame .halloffame a:link, .current-halloffame .halloffame a:visited {
		background: url(nav2.gif) no-repeat -210px -150px;
		cursor: default;
	}
	.nav-halloffame, .nav-halloffame-click {
		position: absolute;
		top: 200;
		left: 210px;
		width: 90px;
		height: 50px;
		background: url(nav2.gif) no-repeat -210px -50px;
	}
	.nav-halloffame-click {
		background: url(nav2.gif) no-repeat -210px -50px;
	}



	.nav .stichting a:link, .nav .stichting a:visited {
		left: 300px;
		width: 90px;
	}
	.nav .stichting a:hover, .nav .stichting a:focus {
		background: url(nav2.gif) no-repeat -300px -100px;
	}
	.nav .stichting a:active {
		background: url(nav2.gif) no-repeat -300px -50px;
	}
	.current-stichting .stichting a:link, .current-stichting .stichting a:visited {
		background: url(nav2.gif) no-repeat -300px -150px;
		cursor: default;
	}
	.nav-stichting, .nav-stichting-click {
		position: absolute;
		top: 200;
		left: 300px;
		width: 90px;
		height: 50px;
		background: url(nav2.gif) no-repeat -300px -50px;
	}
	.nav-stichting-click {
		background: url(nav2.gif) no-repeat -300px -50px;
	}


	
	.nav .mailinglist a:link, .nav .mailinglist a:visited {
		left: 390px;
		width: 90px;
	}
	.nav .mailinglist a:hover, .nav .mailinglist a:focus {
		background: url(nav2.gif) no-repeat -390px -100px;
	}
	.nav .mailinglist a:active {
		background: url(nav2.gif) no-repeat -390px -50px;
	}
	.current-mailinglist .mailinglist a:link, .current-mailinglist .mailinglist a:visited {
		background: url(nav2.gif) no-repeat -390px -150px;
		cursor: default;
	}
	.nav-mailinglist, .nav-mailinglist-click {
		position: absolute;
		top: 200;
		left: 390px;
		width: 90px;
		height: 50px;
		background: url(nav2.gif) no-repeat -390px -50px;
	}
	.nav-mailinglist-click {
		background: url(nav2.gif) no-repeat -390px -50px;
	}


	.nav .vrienden a:link, .nav .vrienden a:visited {
		left: 480px;
		width: 90px;
	}
	.nav .vrienden a:hover, .nav .vrienden a:focus {
		background: url(nav2.gif) no-repeat -480px -100px;
	}
	.nav .vrienden a:active {
		background: url(nav2.gif) no-repeat -480px -50px;
	}
	.current-vrienden .vrienden a:link, .current-vrienden .vrienden a:visited {
		background: url(nav2.gif) no-repeat -480px -150px;
		cursor: default;
	}
	.nav-vrienden, .nav-vrienden-click {
		position: absolute;
		top: 200;
		left: 480px;
		width: 90px;
		height: 50px;
		background: url(nav2.gif) no-repeat -480px -50px;
	}
	.nav-vrienden-click {
		background: url(nav2.gif) no-repeat -480px -50px;
	}


	.nav .sponsor a:link, .nav .sponsor a:visited {
		left: 570px;
		width: 90px;
	}
	.nav .sponsor a:hover, .nav .sponsor a:focus {
		background: url(nav2.gif) no-repeat -570px -100px;
	}
	.nav .sponsor a:active {
		background: url(nav2.gif) no-repeat -570px -50px;
	}
	.current-sponsor .sponsor a:link, .current-sponsor .sponsor a:visited {
		background: url(nav2.gif) no-repeat -570px -150px;
		cursor: default;
	}
	.nav-sponsor, .nav-sponsor-click {
		position: absolute;
		top: 200;
		left: 570px;
		width: 90px;
		height: 50px;
		background: url(nav2.gif) no-repeat -570px -50px;
	}
	.nav-sponsor-click {
		background: url(nav2.gif) no-repeat -570px -50px;
	}


	.nav .links a:link, .nav .links a:visited {
		left: 660px;
		width: 90px;
	}
	.nav .links a:hover, .nav .links a:focus {
		background: url(nav2.gif) no-repeat -660px -100px;
	}
	.nav .links a:active {
		background: url(nav2.gif) no-repeat -660px -50px;
	}
	.current-links .links a:link, .current-links .links a:visited {
		background: url(nav2.gif) no-repeat -660px -150px;
		cursor: default;
	}
	.nav-links, .nav-links-click {
		position: absolute;
		top: 200;
		left: 660px;
		width: 90px;
		height: 50px;
		background: url(nav2.gif) no-repeat -660px -50px;
	}
	.nav-links-click {
		background: url(nav2.gif) no-repeat -660px -50px;
	}


	.nav .pers a:link, .nav .pers a:visited {
		left: 750px;
		width: 90px;
	}
	.nav .pers a:hover, .nav .pers a:focus {
		background: url(nav2.gif) no-repeat -750px -100px;
	}
	.nav .pers a:active {
		background: url(nav2.gif) no-repeat -750px -50px;
	}
	.current-pers .pers a:link, .current-pers .pers a:visited {
		background: url(nav2.gif) no-repeat -750px -150px;
		cursor: default;
	}
	.nav-pers, .nav-pers-click {
		position: absolute;
		top: 200;
		left: 750px;
		width: 90px;
		height: 50px;
		background: url(nav2.gif) no-repeat -750px -50px;
	}
	.nav-pers-click {
		background: url(nav2.gif) no-repeat -750px -50px;
	}


	.nav .contact a:link, .nav .contact a:visited {
		left: 840px;
		width: 90px;
	}
	.nav .contact a:hover, .nav .contact a:focus {
		background: url(nav2.gif) no-repeat -840px -100px;
	}
	.nav .contact a:active {
		background: url(nav2.gif) no-repeat -840px -50px;
	}
	.current-contact .contact a:link, .current-contact .contact a:visited {
		background: url(nav2.gif) no-repeat -840px -150px;
		cursor: default;
	}
	.nav-contact, .nav-contact-click {
		position: absolute;
		top: 200;
		left: 840px;
		width: 90px;
		height: 50px;
		background: url(nav2.gif) no-repeat -840px -50px;
	}
	.nav-contact-click {
		background: url(nav2.gif) no-repeat -840px -50px;
	}