/*

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

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

.nav {
	/*width: 500px;*/
	left: 3px;
	top:	0px;
	height: 20px;
	/*background: url('../layout/menu/home1.gif') ;*/
	position: relative;

}
.nav ul {
	margin:0;
	padding:0;
}
.nav li {
	display: block;
	position:relative;

	background-repeat:no-repeat;
	background-position: 0px 0px;
	float:left;
	margin: 0;
	padding:0;
	height: 20px;
	margin-right: 0px;
}
.nav li a:link, .nav li a:visited {
	position: absolute;
	top: 0;
	height: 20px;
	display:block;
	text-indent: -9000px;
	overflow: hidden;
	z-index: 10;
	outline: none;
	background-repeat:no-repeat;
}


/******home******/
	.nav li.home,	.nav-home, .nav-home-click {
		background: url('../layout/menu/home.gif');
		background-repeat:no-repeat;
		position: relative;
		width: 79px;
		height: 20px;
	}

	.nav .home a:link, .nav .home a:visited {
		width: 79px;
		height: 20px;
		background: url('../layout/menu/home.gif');
		background-repeat:no-repeat;
	}
	.nav .home a:hover, .nav .home a:focus {
		background-position: 0 -20px;
	}
	.nav .home a:active {
		background-position: 0px 0px;
	}
	.current-home .home a:link, .current-home .home a:visited {
		background-position: 0px -20px;
		cursor: default;
	}
	.nav-home {
		background-position: 0px -20px;
	}
	.nav-home-click {
		background-position: 0px -20px;
	}
	ul.home-current li.home a{

			background: url('../layout/menu/home.gif');
			background-repeat:no-repeat;
			background-position: 0 -20px;
	}


/******nieuws******/
	.nav li.nieuws,	.nav-nieuws, .nav-nieuws-click {
		background: url('../layout/menu/nieuws.gif');
		background-repeat:no-repeat;
		position: relative;
		width: 89px;
		height: 20px;
	}

	.nav .nieuws a:link, .nav .nieuws a:visited {
		width: 89px;
		height: 20px;
		background: url('../layout/menu/nieuws.gif');
		background-repeat:no-repeat;
	}
	.nav .nieuws a:hover, .nav .nieuws a:focus {
		background-position: 0 -20px;
	}
	.nav .nieuws a:active {
		background-position: 0px 0px;
	}
	.current-nieuws .nieuws a:link, .current-nieuws .nieuws a:visited {
		background-position: 0px -20px;
		cursor: default;
	}
	.nav-nieuws {
		background-position: 0px -20px;
	}
	.nav-nieuws-click {
		background-position: 0px -20px;
	}
	ul.nieuws-current li.nieuws a{

			background: url('../layout/menu/nieuws.gif');
			background-repeat:no-repeat;
			background-position: 0 -20px;
	}

/******over******/
	.nav li.over-efx,	.nav-over-efx, .nav-over-efx-click {
		background: url('../layout/menu/overefx.gif');
		background-repeat:no-repeat;
		position: relative;
		width:99px;
		height: 20px;
	}

	.nav .over-efx a:link, .nav .over-efx a:visited {
		width: 99px;
		height: 20px;
		background: url('../layout/menu/overefx.gif');
		background-repeat:no-repeat;
	}
	.nav .over-efx a:hover, .nav .over-efx a:focus {
		background-position: 0 -20px;
	}
	.nav .over-efx a:active {
		background-position: 0px -20px;
	}
	.current-over-efx .over-efx a:link, .current-over-efx .over-efx a:visited {
		background-position: 0px -20px;
		cursor: default;
	}
	.nav-over-efx {
		background-position: 0px -20px;
	}
	.nav-over-efx-click {
		background-position: 0px -20px;
	}
	ul.over-efxcurrent li.over-efx a{
			background: url('../layout/menu/overefx');
			background-repeat:no-repeat;
			background-position: 0 -20px;
	}


	

/******gebruikers******/
	.nav li.gebruikers,	.nav-gebruikers, .nav-gebruikers-click {
		background: url('../layout/menu/gebruikers.gif');
		background-repeat:no-repeat;
		position: relative;
		width: 117px;
		height: 20px;
	}

	.nav .gebruikers a:link, .nav .gebruikers a:visited {
		width: 117px;
		height: 20px;
		background: url('../layout/menu/gebruikers.gif');
		background-repeat:no-repeat;
	}
	.nav .gebruikers a:hover, .nav .gebruikers a:focus {
		background-position: 0 -20px;
	}
	.nav .gebruikers a:active {
		background-position: 0px 0px;
	}
	.current-gebruikers .gebruikers a:link, .current-gebruikers .gebruikers a:visited {
		background-position: 0px -20px;
		cursor: default;
	}
	.nav-gebruikers {
		background-position: 0px -20px;
	}
	.nav-gebruikers-click {
		background-position: 0px -20px;
	}
	ul.gebruikers-current li.gebruikers a{

			background: url('../layout/menu/gebruikers.gif');
			background-repeat:no-repeat;
			background-position: 0 -20px;
	}

/******aanbiedersproviders******/
	.nav li.aanbieders-providers,	.nav-aanbieders-providers, .nav-aanbieders-providers-click {
		background: url('../layout/menu/aanbiedersproviders.gif');
		background-repeat:no-repeat;
		position: relative;
		width: 197px;
		height: 20px;
	}
	.nav .aanbieders-providers a:link, .nav .aanbieders-providers a:visited {
		width: 197px;
		height: 20px;
		background: url('../layout/menu/aanbiedersproviders.gif');
		background-repeat:no-repeat;
	}
	.nav .aanbieders-providers a:hover, .nav .aanbieders-providers a:focus {
		background-position: 0 -20px;
	}
	.nav .aanbieders-providers a:active {
		background-position: 0px -20px;
	}
	.current-aanbieders-providers .aanbieders-providers a:link, .current-aanbieders-providers .aanbieders-providers a:visited {
		background-position: 0px -20px;
		cursor: default;
	}
	.nav-aanbieders-providers {
		background-position: 0px -20px;
	}
	.nav-aanbieders-providers-click {
		background-position: 0px -20px;
	}
	ul.aanbieders-providerscurrent li.aanbieders-providers a{
			background: url('../layout/menu/aanbiedersproviders.gif');
			background-repeat:no-repeat;
			background-position: 0 -20px;
	}

/******contact******/
	.nav li.projecten,	.nav-projecten, .nav-projecten-click {
		background: url('../layout/menu/innovatieveprojecten.gif');
		background-repeat:no-repeat;
		position: relative;
		width: 183px;
		height: 20px;
	}
	.nav .projecten a:link, .nav .projecten a:visited {
		width: 183px;
		height: 20px;
		background: url('../layout/menu/innovatieveprojecten.gif');
		background-repeat:no-repeat;
	}
	.nav .projecten a:hover, .nav .projecten a:focus {
		background-position: 0 -20px;
	}
	.nav .projecten a:active {
		background-position: 0px -20px;
	}
	.current-projecten .projecten a:link, .current-projecten .projecten a:visited {
		background-position: 0px -20px;
		cursor: default;
	}
	.nav-projecten {
		background-position: 0px -20px;
	}
	.nav-projecten-click {
		background-position: 0px -20px;
	}
	ul.projecten-current li.projecten a{
			background: url('../layout/menu/innovatieveprojecten.gif');
			background-repeat:no-repeat;
			background-position: 0 -20px;
	}
	
	
/******contact******/
	.nav li.contact,	.nav-contact, .nav-contact-click {
		background: url('../layout/menu/contact.gif');
		background-repeat:no-repeat;
		position: relative;
		width: 96px;
		height: 20px;
	}
	.nav .contact a:link, .nav .contact a:visited {
		width: 96px;
		height: 20px;
		background: url('../layout/menu/contact.gif');
		background-repeat:no-repeat;
	}
	.nav .contact a:hover, .nav .contact a:focus {
		background-position: 0 -20px;
	}
	.nav .contact a:active {
		background-position: 0px -20px;
	}
	.current-contact .contact a:link, .current-contact .contact a:visited {
		background-position: 0px -20px;
		cursor: default;
	}
	.nav-contact {
		background-position: 0px -20px;
	}
	.nav-contact-click {
		background-position: 0px -20px;
	}
	ul.contactcurrent li.contact a{
			background: url('../layout/menu/contact.gif');
			background-repeat:no-repeat;
			background-position: 0 -20px;
	}


/******login******/
	.nav li.login,	.nav-login, .nav-login-click {
		background: url('../layout/menu/inloggen.gif');
		background-repeat:no-repeat;
		position: relative;
		width: 102px;
		height: 20px;
	}
	.nav .login a:link, .nav .login a:visited {
		width: 102px;
		height: 20px;
		background: url('../layout/menu/inloggen.gif');
		background-repeat:no-repeat;
	}
	.nav .login a:hover, .nav .login a:focus {
		background-position: 0 -20px;
	}
	.nav .login a:active {
		background-position: 0px -20px;
	}
	.current-login .login a:link, .current-login .login a:visited {
		background-position: 0px -20px;
		cursor: default;
	}
	.nav-login {
		background-position: 0px -20px;
	}
	.nav-login-click {
		background-position: 0px -20px;
	}
	ul.logincurrent li.login a{
			background: url('../layout/menu/login.gif');
			background-repeat:no-repeat;
			background-position: 0 -20px;
	}