@CHARSET "ISO-8859-1";
div#left-spacer{
	margin-left:5px;
	float:left;
	width: 10px;
	height: 30px;
	background-image:url(../images/top-menue/left.png);
}
div#right-spacer{
	margin-right:5px;
	float:right;
	width: 10px;
	height: 30px;
	background-image:url(../images/top-menue/right.png);
}
div#Rahmen {
	float:left;
	padding-left:10px;
  	width: 950px;
  	background-image:url(../images/top-menue/middle.png);
  	background-repeat:repeat-x;
}
* html div#Rahmen {  /* Korrektur fuer IE 5.x */
  width: 100%;
  w\idth: 100%;
}
div#Rahmen div {
   clear: left;
}
ul#Navigation {
  margin: 0; 
  padding: 0;
  text-align: center;
}

ul#Navigation li{
  	list-style: none;
  	float: left;  /* ohne width - nach CSS 2.1 erlaubt */
  	position: relative;
  	margin: 0; 
  	padding: 0;
   	height: 30px;
   	line-height: 30px;	
}

ul#Navigation li.layer0  {
	background-image:url(../images/top-menue/middle.png);
  	background-repeat:repeat-x;
  	border-right: 1px solid #888888;
}

ul#Navigation li.layer1  {
  	background-color: #FFFFFF;
  	border-left: 1px solid #888888;
  	border-right: 1px solid #888888;
  	border-bottom: 1px solid #888888;
  	text-align:left;
  	z-index:1;
}


* html ul#Navigation li {  /* Korrektur fuer den IE 5 und 6 */
  /*margin-bottom: -0.4em;*/
}
*:first-child+html ul#Navigation li {  /* Korrektur fuer den IE 7 */
  /*margin-bottom: -0.1em;*/
}

ul#Navigation li ul {
  	margin: 0; 
  	padding: 0;
  	position: absolute;
  	display: none;  /* Unternavigation ausblenden */
}

ul#Navigation li:hover ul {
  display: block;  /* Unternavigation in modernen Browsern einblenden */
}


ul#Navigation a, ul#Navigation span {
  	display: block;
  	width: 10em;  /* Breite den in li enthaltenen Elementen zuweisen */
  	height: 30px;
  	line-height: 30px;
  	padding: 0em 1em;
  	text-decoration: none; 
  	font-weight: bold;
  	color: #333333; 
}

ul#Navigation li.layer0 a:hover, ul#Navigation span{
  	color: #111111;
	background-image:url(../images/top-menue/middle-over.png);
  	background-repeat:repeat-x;
}

ul#Navigation li.layer0 a#aktuell {
	background-image:url(../images/top-menue/middle-active.png);
  	background-repeat:repeat-x;
}


ul#Navigation li ul li {
  	float: none;
  	display: block;
}

#Navigation li.layer1 a{
	display: block;	
	height: 30px;
  	line-height: 30px;
  	background-image:none;
}


ul#Navigation li.layer1 a:hover {
	background-color: #DDDDDD;
  	color: #333333; 	
  	background-image:none;
}

 /* Korrektur fuer IE 5.x */
* html ul#Navigation li ul {
  left: -1.5em;
  lef\t: -0.4em;
}

/* Workaround fuer den IE 7 */
*:first-child+html ul#Navigation ul {
  	padding-bottom:0.4em;
}

* html ul#Navigation a, * html ul#Navigation span {
  width: 8.6em;   /*Breite nach altem MS-Boxmodell fuer IE 5.x */
  w\idth: 6.4em;  /* korrekte Breite fuer den IE 6 im standardkompatiblen Modus */
  
}

/*
li a#aktuell {
  color: maroon; background-color: silver;
}
ul#Navigation li ul span {
 background-color: maroon;
}
*/