#menue1 {
  height:31px;
	height: 58px; 
  position:relative; 
  z-index:1000;
  float: right;
  font-family: Trebuchet MS, Helvetica, sans-serif;
  margin: 64px 37px 0 0;
  text-align: left;
}
* html #menue1 {
  margin-right: 19px;
}
/* remove all the bullets, borders and padding from the default list styling */
#menue1 div.level1 {
  padding:0;
  margin:0;
}
#menue1 div.level1 ul, #menue1 div.level1 ul li {
  list-style-type: none;
  list-style: none;
  list-style-image: none;
}
#menue1 div ul.level2 {
  width:149px;
}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
#menue1 div {
  float:left;
  width: auto;
  position:relative;
  height: 58px;
}
#menue1 div.lilevel1 {
	border-right: 1px solid #fcfcfc;
	padding: 0 11px;
}
#menue1 div.lilevel1.last {
	border: 0;
}
html #menue1 div.lilevel1 span.subtitle {
	display: block;
	text-align: left;
	color: #fff;
	height: 30px;
	overflow: hidden;
	font-size: 0.786267em;
	line-height: 1.1em;
	font-family: Trebuchet MS, Helvetica, sans-serif;
	margin-left: 0;
	width: 110px;
	cursor: pointer;
	padding-top: 4px;
}
#menue1 div#mi5 span {	width: 109px; }
#menue1 div#mi6 span {	width: 78px; width: 92px; }
#menue1 div#mi7 span {	width: 97px; width: 102px; }
#menue1 div#mi8 span {	width: 86px; }

html body #menue1 div.level1 div#mi5:hover ul a, html body #menue1 div.level1 div#mi5:hover ul a:visited,
html body #menue1 div.level1 div#mi5 a:hover ul a, html body #menue1 div.level1 div#mi5 a:hover ul a:visited {
	width: 135px;
}
html body #menue1 div.level1 div#mi6:hover ul a, html body #menue1 div.level1 div#mi6:hover ul a:visited,
html body #menue1 div.level1 div#mi6 a:hover ul a, html body #menue1 div.level1 div#mi6 a:hover ul a:visited {
	width: 118px;
}
html body #menue1 div.level1 div#mi7:hover ul a, html body #menue1 div.level1 div#mi7:hover ul a:visited,
html body #menue1 div.level1 div#mi7 a:hover ul a, html body #menue1 div.level1 div#mi7 a:hover ul a:visited {
	width: 128px;
}
html body #menue1 div.level1 div#mi8:hover ul a, html body #menue1 div.level1 div#mi8:hover ul a:visited,
html body #menue1 div.level1 div#mi8 a:hover ul a, html body #menue1 div.level1 div#mi8 a:hover ul a:visited {
	width: 112px;
}

:root #menue1 div.level1 div.lilevel1 {
/*  margin-right: -9px;*/
}
/** html #menue1 li {
  width: 50px;
}*/
/* style the links for the top level */
#menue1 a {
/*  display:block;*/
  font-size:1.07667em;
  text-decoration:none; 
  color:#fcfcfc; 
  width: auto;
  line-height:normal; 
  font-weight: normal;
/*  background: url(images/bg_wirkoennen.png) no-repeat 24px 26px;*/
  display: block;
  padding-top: 2px;
}
#menue1 span.maintext {
  font-family: Arial Black, Gadget, sans-serif;
}
#menue1 span.maintext, #menue1 span.subtitle {
	padding: 0 24px;
}
#menue1 div.level1 div.active a, #menue1 div.level1 div.active a:visited {
  color: #fcfcfc;
  border-top: 2px solid #f6aa41;
/*  padding-bottom: 30px;*/
  padding-top: 0;
}
#menue1 div.level1 div.active ul a, #menue1 div.level1 div.active ul a:visited {
  color: #fcfcfc;
}
#menue1 div.level1 div.active ul li.active a, #menue1 div.level1 div.active ul li.active a:visited {
  color: #f6aa41;
  font-weight: bold;
}
/** html #menue1 a, * html #menue1 a:visited {
  width: 50px;
}*/
/* style the second level */
#menue1 div.level1 ul li {
	font-family: Trebuchet MS, Helvetica, sans-serif;
	height: auto;
}
#menue1 div.level1 ul a, #menue1 div.level1 ul a:visited {
	background-image: none;
  background-color: #fcfcfc;
  display: block;
	font-family: Trebuchet MS, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 1,0em;
	height: auto;
}
#menue1 table {
	font-size: 0.666em;

}
html body #menue1 div.level1 div a:hover ul.level2 li a, html body #menue1 div.level1 div:hover ul.level2 li a {
	text-decoration: none;
	display: block;
}
html body #menue1 div.level1 div a:hover ul.level2 li a:hover, html body #menue1 div.level1 div:hover ul.level2 li a:hover {
	text-decoration: underline;
}
/** html body #menue1 div.level1 div a:hover ul.level2 li a:hover, * html body #menue1 div.level1 div:hover ul.level2 li a:hover {
	text-decoration: none;
}*/
/** + html body #menue1 div.level1 div a:hover ul.level2 li a:hover, * + html body #menue1 div.level1 div:hover ul.level2 li a:hover {
	text-decoration: none;
}*/
html body #menue1 div.level1 div a:hover ul.level2 li.first a,
html body #menue1 div.level1 div:hover ul.level2 li.first a {
	padding-top: 12px;
}
html body #menue1 div.level1 div a:hover ul.level2 li.last a,
html body #menue1 div.level1 div:hover ul.level2 li.last a {
	padding-bottom: 24px;
	border-bottom: 1px solid #807f80;
}
/* style the second level hover */
#menue1 div.level1 ul a, #menue1 div.level1 div.active ul a:hover{
  color: #f6aa41;
}
#menue1 div.level1 div ul a:hover {
	border-top: 0;
	text-decoration: underline;
	color: #292929;
	background: #fcfcfc;
	padding-top: 4px;
	padding-bottom: 4px;
}
#menue1 div.level1 div ul li.first a:hover {
	padding-top: 12px;
}
#menue1 div.level1 div ul li.last a:hover {
	padding-bottom: 24px;
}
#menue1 div.level1 ul :hover > a {
}
/* style the third level background */
#menue1 div.level1 ul ul a, #menue1 div.level1 ul ul a:visited {
  background-color:#fcfcfc;
}
/* style the third level hover */
#menue1 div.level1 ul ul a:hover {
  background-color:#f6aa41;
}

/* hide the sub levels and give them a positon absolute so that they take up no room */
#menue1 div.level1 ul {
  visibility:hidden;
  position:absolute;
  height:0;
  top: 31px;
  top: 58px;
  left: 12px; 
  width: 149px;
}
/** html #menue1 div.level1 ul {
	left: -4px;
}*/

/* position the third level flyout menu */
#menue1 div.level1 ul ul{
  left:149px; 
  top:-1px; 
  width:149px;
}

/* position the third level flyout menu for a left flyout */
#menue1 div.level1 ul ul.left {
  left:-149px;
}

/* style the table so that it takes no part in the layout - required for IE to work */
#menue1 table {  position:absolute; top:0; left:0; border-collapse:collapse; }

html body #menue1 div.level1 div.lilevel1:hover ul {
	line-height: 0.8em;
}

html body #menue1 div.level1 div.lilevel1:hover ul li,
html body #menue1 div.level1 div.lilevel1 a:hover ul li {
  line-height: 1em;
  font-size: 0.01em;
  font-size: 1px;
  border-width: 0 1px;
  display: block;
}

/* style the second level links */
html body #menue1 div.level1 div.lilevel1:hover ul a, html body #menue1 div.level1 div.lilevel1:hover ul a:visited,
html body #menue1 div.level1 div.lilevel1 a:hover ul a, html body #menue1 div.level1 div.lilevel1 a:hover ul a:visited {
  background-color:#fcfcfc; 
  color:#292929; 
  height:auto; 
  line-height:1em; 
  padding:4px 10px; 
  width:128px;
  border: 1px solid #807f80;
  border-width: 0 1px;
  font-weight: normal;
  position: relative;
  display: block;
  font-size: 100em;
  font-size: 13px;
  filter: alpha(opacity=80);
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
  -moz-opacity: 0.80; opacity:0.8;
/*********** hier fehler?!  text-decoration: underline;*/ 
  margin: 0;
}
* + html body #menue1 div.level1 div.lilevel1:hover ul a, * + html body #menue1 div.level1 div.lilevel1:hover ul a:visited,
* + html body #menue1 div.level1 div.lilevel1 a:hover ul a, * + html body #menue1 div.level1 div.lilevel1 a:hover ul a:visited {
	margin: 0 0 0 -16px;
}
* html body #menue1 div.level1 div.lilevel1:hover ul a, * html body #menue1 div.level1 div.lilevel1:hover ul a:visited,
* html body #menue1 div.level1 div.lilevel1 a:hover ul a, * html body #menue1 div.level1 div.lilevel1 a:hover ul a:visited {
	margin: 0 0 0 -16px;
}
#menue1 div.level1 ul li.lilevel2 a.last {
	border-bottom: 1px solid #807f80;
}
/* yet another hack for IE5.5 */
* html #menue1 div.level1 ul a, * html #menue1 div.level1 ul a:visited {
  width:150px;
  w\idth:128px;
}

/* style the top level hover */
/*#menue1 a:hover, #menue1 ul ul a:hover{*/
html body #menue1 a:hover,
html body #menue1 div.lilevel1:hover a {
  border-top: 2px solid #f6aa41;
  padding-top: 0px;
	background: transparent;
}
#menue1 div.lilevel1:hover > a {
}

/*.menu ul li:hover ul,
.menu ul.level1 a.level1:hover ul.level2,
.menu a.level1:hover{}
*/
/* make the second level visible when hover on first level list OR link */
#menue1 div.level1 div.lilevel1:hover ul,
#menue1 div.level1 a:hover ul,
#menue1 a.level1:hover ul{
  visibility:visible;
}
/* keep the third level hidden when you hover on first level list OR link */
#menue1 div.level1 div.lilevel1:hover ul ul{
  visibility:hidden;
}
/* make the third level visible when you hover over second level list OR link */
#menue1 div.level1 div.lilevel1:hover ul :hover ul{ 
  visibility:visible;
}