#nav {
	padding: 10px 0 0 0;
	width: 100%;
	height: 50px;
	background: url(/img/bg/bg_navbar.png) no-repeat 0 0;
	overflow: hidden;
	display: table;
}

/* MAIN NAVIGATION
-------------------*/

#nav ul#global {
	margin: 0 0 0 23px;
	width: 600px;
	height: 50px;
	float: left;
	display: inline;
}

#nav ul#global li {
	display: inline;
}

#nav ul#global li a {
	display: block;
}
	
#nav ul#global li,
#nav ul#global li a {
	height: 50px;
	text-indent: -9999px;
	overflow: hidden;
	float: left;
}

#nav ul#global li span {
	text-indent: -9999px;
}

#nav li#cjagencies,
#nav li#cjagencies a {
	width: 88px;
	background: url(/img/nav/set_global.gif) no-repeat 0 0;
}

#nav li#merken,
#nav li#merken a {
	width: 75px;
	background: url(/img/nav/set_global.gif) no-repeat -88px 0;
}

#nav li#evenementen,
#nav li#evenementen a {
	width: 111px;
	background: url(/img/nav/set_global.gif) no-repeat -163px 0;
}

#nav li#sponsor,
#nav li#sponsor a {
	width: 148px;
	background: url(/img/nav/set_global.gif) no-repeat -274px 0;
}

#nav li#faqs,
#nav li#faqs a {
	width: 55px;
	background: url(/img/nav/set_global.gif) no-repeat -422px 0;
}

#nav li#persnieuws,
#nav li#persnieuws a {
	width: 119px;
	background: url(/img/nav/set_global.gif) no-repeat -477px 0;
}

/**/

#nav li#cjagencies a:hover {
	background: url(/img/nav/set_global.gif) no-repeat 0 -50px;
}

#nav li#merken a:hover {
	background: url(/img/nav/set_global.gif) no-repeat -88px -50px;
}

#nav li#evenementen a:hover {
	background: url(/img/nav/set_global.gif) no-repeat -163px -50px;
}

#nav li#sponsor a:hover {
	background: url(/img/nav/set_global.gif) no-repeat -274px -50px;
}

#nav li#faqs a:hover {
	background: url(/img/nav/set_global.gif) no-repeat -422px -50px;
}

#nav li#persnieuws a:hover {
	background: url(/img/nav/set_global.gif) no-repeat -477px -50px;
}

/**/

#nav li#cjagencies.active,
#nav li#cjagencies.active a {
	background: url(/img/nav/set_global.gif) no-repeat 0 -100px !important;
}

#nav li#merken.active,
#nav li#merken.active a {
	background: url(/img/nav/set_global.gif) no-repeat -88px -100px !important;
}

#nav li#evenementen.active,
#nav li#evenementen.active a {
	background: url(/img/nav/set_global.gif) no-repeat -163px -100px !important;
}

#nav li#sponsor.active,
#nav li#sponsor.active a {
	background: url(/img/nav/set_global.gif) no-repeat -274px -100px !important;
}

#nav li#faqs.active,
#nav li#faqs.active a {
	background: url(/img/nav/set_global.gif) no-repeat -422px -100px !important;
}

#nav li#persnieuws.active,
#nav li#persnieuws.active a {
	background: url(/img/nav/set_global.gif) no-repeat -477px -100px !important;
}



/* EXTRA NAVIGATION TOP
------------------------*/

#nav ul#extra {
	margin: 17px 20px 0 0;
	/*width: 143px;*/
	width: 95px;
	height: 17px;
	float: right;
	display: inline;
	overflow: hidden;
}

#nav ul#extra li {
	margin: 0 9px 0 0;
	display: inline;
}

#nav ul#extra li a {
	display: block;
}

#nav ul#extra li,
#nav ul#extra li a {
	height: 17px;
	float: right;
}

#nav ul#extra li span {
	text-indent: -9999px;
	display: block;
}

#nav ul#extra li#home,
#nav ul#extra li#home a {
	width: 33px;
	background: url(/img/nav/set_global.gif) no-repeat 0 -166px;
}

	#nav ul#extra li#home.active,
	#nav ul#extra li#home.active a {
		width: 33px;
		background: url(/img/nav/set_global.gif) no-repeat 0 -183px;
	}

#nav ul#extra li#sitemap,
#nav ul#extra li#sitemap a {
	width: 44px;
	background: url(/img/nav/set_global.gif) no-repeat -42px -166px;
}

	#nav ul#extra li#sitemap.active,
	#nav ul#extra li#sitemap.active a {
		width: 44px;
		background: url(/img/nav/set_global.gif) no-repeat -42px -183px;
	}


#nav ul#extra li#zoeken,
#nav ul#extra li#zoeken a {
	width: 39px;
	background: url(/img/nav/set_global.gif) no-repeat -95px -166px;
}

#nav ul#extra li#home a:hover {
	background: url(/img/nav/set_global.gif) no-repeat 0 -183px;
}

#nav ul#extra li#sitemap a:hover {
	background: url(/img/nav/set_global.gif) no-repeat -42px -183px;
}

#nav ul#extra li#zoeken a:hover {
	background: url(/img/nav/set_global.gif) no-repeat -95px -183px;
}



/* FOOTER NAVIGATION
---------------------*/

#footer ul {
	margin: 45px 0 0 30px;
	height: 12px;
	font: 9px Arial, Helvetica, Verdana, sans-serif;
	float: left;
	display: inline;
}

#footer ul li {
	margin: 0 20px 0 0;
	float: left;
	display: inline;
}

#footer ul li a {
	color: #ceecff;
	text-decoration: none;
	line-height: 14px;
}

#footer ul li a:hover {
	color: #97d7ff;
	border-bottom: 1px solid #757E82;
}
