/*  menu styles -----------------------   */

ul.nav, ul.subNav {
		margin: 0;
		padding: 0;
		list-style-type:none;
		position: relative;
		margin:0 0 0 20px;
		font-weight: bold;
		width: 649px;
		z-index: 4;
		float: left;
		display: inline;
		background: url(../hg/os_nav.gif) no-repeat 0 4px;
		padding: 14px 0 0 25px;
		}
		
ul.subNav {
		background: none; 
		margin: 0;
		width: 710px;
}

.subNav ul { margin: 0; padding: 0; list-style-type:none; }
		
.nav li, .subNav li {
		list-style-type:none;
		display:inline;
		float: left; 
		list-style-type:none;
    	margin:0;
  	  	padding:0;
		position:relative;
		background-position: 0 1px;
		background-repeat: no-repeat;
		height: 21px;
		overflow: visible;
		clear: none;
		}
		
.nav li a, .subNav li a { 
		display: block;
		float: left;
		position:relative;
		padding:0;
		margin: 0;
	  	overflow: hidden;
		text-decoration: none;
		background-position: 0 1px;
		background-repeat: no-repeat;
		line-height:100em;
		height: 21px;
		text-indent: -1000em;
		}
		
.subNav li, .subNav li a { background-position: 0 -30px; }
	
.nav li a:hover
	  { background-position: 0 0; }
	  
.subNav li a:hover { background-position: -300px -30px; }

#dommusik, #dommusik a { background-image:url(/assets/nav/dommusik.gif); width: 78px; }	  
#kalender, #kalender a { background-image:url(/assets/nav/kalender.gif); width: 64px; }	
#domchoere, #domchoere a { background-image:url(/assets/nav/domchoere.gif); width: 120px; }	
#domsingschule, #domsingschule a { background-image:url(/assets/nav/domsingschule.gif); width: 104px; }		
#grundschule, #grundschule a { background-image:url(/assets/nav/grundschule.gif); width: 85px; }		  
#orgelmusik, #orgelmusik a { background-image:url(/assets/nav/orgelmusik.gif); width: 81px; }		 
#dommusikverein, #dommusikverein a { background-image:url(/assets/nav/dommusikverein.gif); width: 111px; }	

#domchoere a { float: none;  }
#domchoere ul { position: relative; margin: 0; float: left; }

.subNavChoere { position: absolute; height: 0; width: 120px; top: 0; left: 0; background:url(/assets/nav/domchoere.gif) no-repeat 0 0; z-index: 10;  }
.subNavChoere div { position: absolute; top: 21px; height: 0; width: 120px; left: 0; overflow: hidden;   }
.subNavChoere ul, .subNavChoere li { margin: 0; padding: 0; list-style-type:none; background: #999;  }
.subNavChoere li, .subNavChoere li a { background-position: 0 0;  }

 

#domchoere ul li a:hover { background-position: -300px 0; background-color: #666; }

#domchoere ul #domchor, #domchoere ul #domchor a { background-image:url(/assets/nav/domchor.gif); }	
#domchoere ul #domsingknaben, #domchoere ul #domsingknaben a { background-image:url(/assets/nav/domsingknaben.gif); }	
#domchoere ul #maedchenkantorei, #domchoere ul #maedchenkantorei a { background-image:url(/assets/nav/maedchenkantorei.gif); }	
#domchoere ul #kammerchor, #domchoere ul #kammerchor a { background-image:url(/assets/nav/kammerchor.gif); }
#domchoere ul #jugendkantorei, #domchoere ul #jugendkantorei a { background-image:url(/assets/nav/jugendkantorei.gif); }

.maedchenkantorei #domchoere, .maedchenkantorei #domchoere a, .maedchenkantorei #domchoere a:hover, .maedchenkantorei .subNavChoere  { background-image:url(/assets/nav/domchoere_rot.gif);   }
.domsingknaben #domchoere, .domsingknaben #domchoere a, .domsingknaben #domchoere a:hover, .domsingknaben .subNavChoere  { background-image:url(/assets/nav/domchoere_blau.gif); }
.kammerchor #domchoere, .kammerchor #domchoere a, .kammerchor #domchoere a:hover, .kammerchor .subNavChoere  { background-image:url(/assets/nav/domchoere_tuerkis.gif);  }
.jugendkantorei #domchoere, .jugendkantorei #domchoere a, .jugendkantorei #domchoere a:hover, .jugendkantorei .subNavChoere  { background-image:url(/assets/nav/domchoere_violett.gif);  }