@charset "utf-8";
/* CSS Document */
/* Inspiration zu diversen Menues mit CSS findet man auf: http://www.cssplay.co.uk/menus */
#menutop {
	background-color: #8EAA22;
	width: 711px; /*ex:776px*/
	height: 25px;
	position: absolute;
	margin-left: 209px; /*ex:144px*/
	margin-right: auto;
	margin-top: 100px;
	margin-bottom:auto;
}

#menu {
/*  position: absolute; */
  padding:0;
  margin: 0 0 0 0; 
  list-style-type:none; 
  }
  
#menu li {
  height:25px; 
/*  width: 95px;*/
  float:left;
  margin-right:2px;
  white-space:pre-wrap;
  }

#menu li span.vsmall {width: 70px;float:left;margin-right:2px;}  /*very small*/
#menu li span.small {width: 80px;float:left;margin-right:2px;} 
#menu li span.wide  {width: 100px;float:left;margin-right:2px;} 

#menu a em {
  font-style:normal; 
  font-size:9pt; 
  font-family:arial;	
  }
  
#menu a {	  
  text-decoration:none;
  position:absolute;   
  color:#000;
  height:25px; 
  display:block;
  text-align:center;  
  }

#menu a span.vsmall {position:absolute;width: 70px;height:25px}  /*very small*/
#menu a span.small {position:absolute;width: 80px;height:25px;}  
#menu a span.wide {position:absolute;width: 100px;height:25px;}  

#menu a.item1 {
	color:#FFF;
	line-height:18pt;
	vertica-align: middle;
	display:block;
	background-color: #8EAA22;
}
#menu a.item2 {
	color:#FFF;
	line-height:9pt;
	vertica-align: middle;
	display:block;
	background-color: #8EAA22;
}  

#menu a:hover {
	/*  width:140px; */
  height:40px;
	position: absolute;
	z-index: 200;
  }

#menu a:hover span.vsmall {
	width: 70px;
}  /*very small*/
#menu a:hover span.small {width: 120px;}  
#menu a:hover span.wide {width: 140px;}  

#menu a:hover em {
	font-size:1.1em;
	overflow:hidden;
	cursor:pointer;
	border:1px solid #000;
	position:absolute;
	width:140px;
	height:40px;
	left:-12px;
	top:-4px;
	background-color: #8EAA22;
  }

#menu a:hover.item1 em {
	line-height:2.2em;
	vertica-align: middle;
	background-color: #8EAA22;
}
#menu a:hover.item2 em {
	line-height:1.1em;
	vertica-align: middle;
	background-color: #8EAA22;
}

#menulftheader {
	width:auto;
	padding:5px;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-decoration:none;
	color:#68300B;
}

#menuleft {
	width:auto; /* alter Wert war 120px, da hat es das Menü aber umgebertlt bei langen Namen*/
	margin:5px auto 150px auto;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
}

#menuleft a, #menuleft a:visited {
	display:block;
	width:100%;
	height:auto; /* ex 20px;*/
	line-height:auto;/* ex 20px;*/
	text-decoration:none;
	color:#68300B;
}

#menuleft a span {
	padding-left:15px;
}

#menuleft span.group {
	padding-left:15px;
	color:#68300B;
}

#menuleft a:hover {
	display:block;
	width:100%;
	height:auto; /*  ex 20px*/
	cursor:pointer;
	text-decoration:none;
	color:#F0520B;
}

#menuleftsub {
	width:auto;
	font-size:14px;
	font-family: Arial, Helvetica, sans-serif;
}

#menuleftsub a, #menuleftsub a:visited {
	display:block;
	width:100%;
	height:auto; /* ex 20px;*/
	line-height:auto;/* ex 20px;*/
	text-decoration:none;
	color:#68300B;
}

#menuleftsub a span {
	padding-left:25px;
}

#menuleftsub a:hover {
	display:block;
	width:100%;
	height:auto; /*  ex 20px*/
	cursor:pointer;
	text-decoration:none;
	color:#F0520B;
}

</style>