/* 
The Edge Navigation
Website by Elmar Beckmann / http://elmarbeckmann.com
(c)2008 Elmarbeckmann.com
*/

#nav_bot { 
	position: absolute; 
	top: 0; 
	right: 0;
	width: 364px; 
	height: 35px; 
	margin: 0;
	padding: 0;
}

#nav_bot span { display: none; }

#nav_bot li { float: left; position: relative; height: 35px; list-style: none;}
#nav_bot li a { cursor: pointer; border: none;}
#nav_bot li a, #nav_bot li div { position: relative; display: block; height: 35px; text-decoration: none; font-size: 14px; }
#nav_bot li strong { position: absolute; top: 0px; left: 0px; display: block; height: 35px; }
#nav_bot li, #nav_bot li a, #nav_bot li strong, #nav_bot li div { background-image: url(../../static/img/nav_bot.gif); }
#nav_bot a:active, #nav_bot a:visited { outline: none; }

/* HOVER STATE */
#nav_bot li.eb, #nav_bot li.eb a, #nav_bot li.eb a strong	{ background-position: 364px 0px; width: 364px; }
/* HOVER STATE */
#nav_bot li.eb:hover a, #nav_bot li.eb:hover a strong, #nav_bot li.eb a:hover, #nav_bot li.eb a:hover strong { background-position: 364px -35px; width: 364px; }



#nav { 
	position: absolute; 
	top: 0; 
	left: 0;
	width: 700px; 
	height: 72px; 
	margin: 0;
	padding: 0;
}

#nav span { 
	display: none;
}

#nav li { float: left; position: relative; height: 72px; list-style: none;}
#nav li a { cursor: pointer; border: none;}
#nav li a, #nav li div { position: relative; display: block; height: 72px; text-decoration: none; font-size: 14px; }
#nav li strong { position: absolute; top: 0px; left: 0px; display: block; height: 72px; }
#nav li, #nav li a, #nav li strong, #nav li div { background-image: url(../../static/img/nav.gif); }
#nav a:active, #nav a:visited { outline: none; }

#nav li.home, #nav li.home a, #nav li.home a strong	{ background-position: 700px 0px; width: 324px; }
#nav li.jij, #nav li.jij a, #nav li.jij a strong	{ background-position: 376px 0px; width: 41px; }
#nav li.wat, #nav li.wat a, #nav li.wat a strong { background-position: 335px 0px; width: 55px; }
#nav li.wanneer, #nav li.wanneer a, #nav li.wanneer a strong { background-position: 280px 0px; width: 100px; }
#nav li.media, #nav li.media a, #nav li.media a strong { background-position: 180px 0px; width: 71px; }
#nav li.contact, #nav li.contact a, #nav li.contact a strong { background-position: 109px 0px; width: 109px; }

/* HOVER STATE */
#nav li.home:hover a, #nav li.home:hover a strong, #nav li.home a:hover, #nav li.home a:hover strong { background-position: 700px -72px; width: 324px; }
#nav li.jij:hover a, #nav li.jij:hover a strong, #nav li.jij a:hover, #nav li.jij a:hover strong { background-position: 376px -72px; width: 41px; }
#nav li.wat:hover a, #nav li.wat:hover a strong, #nav li.wat a:hover, #nav li.wat a:hover strong { background-position: 335px -72px; width: 55px; }
#nav li.wanneer:hover a, #nav li.wanneer:hover a strong, #nav li.wanneer a:hover, #nav li.wanneer a:hover strong { background-position: 280px -72px; width: 100px; }
#nav li.media:hover a, #nav li.media:hover a strong, #nav li.media a:hover, #nav li.media a:hover strong { background-position: 180px -72px; width: 71px; }
#nav li.contact:hover a, #nav li.contact:hover a strong, #nav li.contact a:hover, #nav li.contact a:hover strong { background-position: 109px -72px; width: 109px; }

/* ON STATE */
#nav li.homeon, #nav li.homeon strong, #nav li.homeon { background-position: 700px -144px; width: 324px; }
#nav li.jijon, #nav li.jijon strong, #nav li.jijon { background-position: 376px -144px; width: 41px; }
#nav li.waton, #nav li.waton strong, #nav li.waton { background-position: 335px -144px; width: 55px; }
#nav li.wanneeron, #nav li.wanneeron strong, #nav li.wanneeron { background-position: 280px -144px; width: 100px; }
#nav li.mediaon, #nav li.mediaon strong, #nav li.mediaon { background-position: 180px -144px; width: 71px; }
#nav li.contacton, #nav li.contacton strong, #nav li.contacton { background-position: 109px -144px; width: 109px; }