/* Hauptmenue oben - Home, News und so weiter */
/* Dies ist nur der Container. Die eigentliche Logik der Menues wird per CSS umgesetzt. Siehe weiter unten */
#main_menue {
	width: 885px;
	height: 34px;
}

#main_menue ul {
	margin: 0px;
	padding: 0px;
}

#main_menue li {
	text-decoration: none;
	list-style-type: none;
	display: inline;
	margin: 0px;
	padding: 0px;
}


/* CSS-Sprites */
/* Hauptnavigation, die kein JScript fuer Rollover benutzt, sondern CSS-Sprites */
/* so wie hier: http://www.sohtanaka.com/web-design/active-state-in-css-navigations/ */

		  ul#topnav {
			  margin: 0; padding: 0;
			  list-style: none;
			  float: left;
			  width: 885px;
		  }
		  ul#topnav li {
			  float: left;
			  margin: 0; padding: 0;
		  }
		  
		  /*--CSS Sprites - Default State--*/
		  ul#topnav a {
			  float: left;
			  display: block;
			  height: 34px; /*--Specify height of navigation--*/
			  text-indent: -99999px; /*--Shoot the text off the page--*/
			  background-position: left top;
		  }
		  /*--CSS Sprites - Hover State--*/
		  ul#topnav a:hover {
			  background-position: left -34px;
		  }
		  /*--Assign an image and width to each link--*/
		  ul#topnav li.home a {
			  background-image: url(assets/main_menue/spritesE/mainmenue_01.png);
			  width: 79px;
		  }
		  ul#topnav li.service a {
			  background-image: url(assets/main_menue/spritesE/mainmenue_02.png);
			  width: 165px;
		  }
		  ul#topnav li.multiport a {
			  background-image: url(assets/main_menue/spritesE/mainmenue_03.png);
			  width: 168px;
		  }
		  ul#topnav li.philosophie a {
			  background-image: url(assets/main_menue/spritesE/mainmenue_04.png);
			  width: 187px;
		  }
		  ul#topnav li.contact a {
			  background-image: url(assets/main_menue/spritesE/mainmenue_05.png);
			  width: 126px;
		  }
		  ul#topnav li.news a {
			  background-image: url(assets/main_menue/spritesE/mainmenue_06.png);
			  width: 160px;
		  }
		  
		  #home li.home a, /*--Home Page > Home Link--*/
		  #service li.service a, /*--service Page > service Link--*/
		  #multiport li.multiport a, /*--multiport Page > multiport Link--*/
		  #philosophie li.philosophie a, /*--philosophie Page > philosophie Link--*/
		  #contact li.contact a, /*--Contact Page > Contact Link--*/
		  #news li.news a /*--news Page > news Link--*/
		  {
	background-position: left bottom;
		  }