/* Navigation CSS Document */
/* (c)2007 Elmar Beckmann */

#nav { 
	position: absolute; 
	bottom: 15px; 
	left: 0px; 
	width: 950px; 
	height: 44px; 
	margin:0 0 0 0; 
	padding: 0;
	z-index: 200;
}

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

#nav li.home, #nav li.home a, #nav li.home a strong	{ background-position: 950px 0px; width: 100px; }
#nav li.evenement, #nav li.evenement a, #nav li.evenement a strong { background-position: 850px 0px; width: 170px; }
#nav li.kerk, #nav li.kerk a, #nav li.kerk a strong { background-position: 680px 0px; width: 170px; }
#nav li.bediening, #nav li.bediening a, #nav li.bediening a strong { background-position: 510px 0px; width: 170px; }
#nav li.studie, #nav li.studie a, #nav li.studie a strong { background-position: 340px 0px; width: 170px; }
#nav li.contact, #nav li.contact a, #nav li.contact a strong { background-position: 170px 0px; width: 170px; }

/* 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: 950px -44px; width: 100px; }
#nav li.evenement:hover a, #nav li.evenement:hover a strong, #nav li.evenement a:hover, #nav li.evenement a:hover strong { background-position: 850px -44px; width: 170px; }
#nav li.kerk:hover a, #nav li.kerk:hover a strong, #nav li.kerk a:hover, #nav li.kerk a:hover strong { background-position: 680px -44px; width: 170px; }
#nav li.bediening:hover a, #nav li.bediening:hover a strong, #nav li.bediening a:hover, #nav li.bediening a:hover strong { background-position: 510px -44px; width: 170px; }
#nav li.studie:hover a, #nav li.studie:hover a strong, #nav li.studie a:hover, #nav li.studie a:hover strong { background-position: 340px -44px; width: 170px; }
#nav li.contact:hover a, #nav li.contact:hover a strong, #nav li.contact a:hover, #nav li.contact a:hover strong { background-position: 170px -44px; width: 170px; }

/* ON STATE */
#nav li.home_on, #nav li.home_on strong, #nav li.home_on { background-position: 950px -88px; width: 100px; }
#nav li.evenement_on, #nav li.evenement_on strong, #nav li.evenement_on { background-position: 850px -88px; width: 170px; }
#nav li.kerk_on, #nav li.kerk_on strong, #nav li.kerk_on { background-position: 680px -88px; width: 170px; }
#nav li.bediening_on, #nav li.bediening_on strong, #nav li.bediening_on { background-position: 510px -88px; width: 170px; }
#nav li.studie_on, #nav li.studie_on strong, #nav li.studie_on { background-position: 340px -88px; width: 170px; }
#nav li.contact_on, #nav li.contact_on strong, #nav li.contact_on { background-position: 170px -88px; width: 170px; }