#login {
	z-index: 100;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
	position:absolute;
	top: 144px;
	left: 950px;  
	text-decoration: none;
	}


#login a { 
	color: #FFFFFF;  
	text-decoration: none; 
	}


/* Position des Menus festlegen */	
#positionmenue {
	z-index: 190;
	position:absolute;
	top: 138px;
	left: 40px;
	width:900px;
	}

/* äußerer div gestalten*/
#menu1,
#menu2,
#menu3,
#menu4,
#menu5,
#menu6,
#menu7,
#menu8 
{float:left;}

/* remove all the bullets, borders and padding from the default list styling */
#menu1 ul,
#menu2 ul,
#menu3 ul,
#menu4 ul,
#menu5 ul,
#menu6 ul,
#menu7 ul,
#menu8 ul 
{padding:0; margin:0px; list-style-type: none;}

/* style the sub-level lists */
#menu1 ul ul,
#menu2 ul ul,
#menu3 ul ul,
#menu4 ul ul,
#menu5 ul ul,
#menu6 ul ul,
#menu7 ul ul,
#menu8 ul ul
{padding: 0; margin: 0; list-style-type: none;}

/* float the top list items to make it horizontal and a relative positon so that you can control the dropdown menu1 positon */
#menu1 ul li,
#menu2 ul li,
#menu3 ul li,
#menu4 ul li,
#menu5 ul li,
#menu6 ul li,
#menu7 ul li,
#menu8 ul li
{}

/* style the sub level list items */
#menu1 ul ul li,
#menu2 ul ul li,
#menu3 ul ul li,
#menu4 ul ul li,
#menu5 ul ul li,
#menu6 ul ul li,
#menu7 ul ul li,
#menu8 ul ul li
{display: block;}

/* style the links for the top level */
#menu1 a, #menu1 a:visited,
#menu2 a, #menu2 a:visited,
#menu3 a, #menu3 a:visited,
#menu4 a, #menu4 a:visited,
#menu5 a, #menu5 a:visited,
#menu6 a, #menu6 a:visited,
#menu7 a, #menu7 a:visited,
#menu8 a, #menu8 a:visited
{text-align: left; text-decoration: none; text-transform: uppercase; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color:#fff; background:#848c97; border: 2px solid #848c97; display: block; padding: 2px;}


#menu1 a, #menu1 a:visited { width: 40px;}
#menu2 a, #menu2 a:visited { width: 80px;}
#menu3 a, #menu3 a:visited { width: 65px;}
#menu4 a, #menu4 a:visited { width: 80px;}
#menu5 a, #menu5 a:visited { width: 40px;}
#menu6 a, #menu6 a:visited { width: 75px;}
#menu7 a, #menu7 a:visited { width: 55px;}
#menu8 a, #menu8 a:visited { width: 45px;}

/* style the sub level links */
#menu1 ul ul a, #menu1 ul ul a:visited,
#menu2 ul ul a, #menu2 ul ul a:visited,
#menu3 ul ul a, #menu3 ul ul a:visited,
#menu4 ul ul a, #menu4 ul ul a:visited,
#menu5 ul ul a, #menu5 ul ul a:visited,
#menu6 ul ul a, #menu6 ul ul a:visited,
#menu7 ul ul a, #menu7 ul ul a:visited,
#menu8 ul ul a, #menu8 ul ul a:visited
{display: block; background: #848c97; color: #fff; text-transform: none; font-weight: bold; padding: 2px; margin: -5px 0px 0px 0px; height: 100%;}


#menu1 ul ul a, #menu1 ul ul a:visited {width: 65px;}
#menu2 ul ul a, #menu2 ul ul a:visited {width: 90px;}
#menu3 ul ul a, #menu3 ul ul a:visited {width: 90px;}
#menu4 ul ul a, #menu4 ul ul a:visited {width: 105px;}
#menu5 ul ul a, #menu5 ul ul a:visited {width: 60px;}
#menu6 ul ul a, #menu6 ul ul a:visited {width: 60px;}
#menu7 ul ul a, #menu7 ul ul a:visited {width: 75px;}
#menu8 ul ul a, #menu8 ul ul a:visited {width: 80px;}


/* style the table so that it takes no part in the layout - required for IE to work */
#menu1 table,
#menu2 table,
#menu3 table,
#menu4 table,
#menu5 table,
#menu6 table,
#menu7 table,
#menu8 table
{position: absolute; left: 0px; top: 0; width: 0; height: 0; z-index: -1;}


/* style the third level */
#menu1 ul ul ul a, #menu1 ul ul ul a:visited,
#menu2 ul ul ul a, #menu2 ul ul ul a:visited,
#menu3 ul ul ul a, #menu3 ul ul ul a:visited,
#menu4 ul ul ul a, #menu4 ul ul ul a:visited,
#menu5 ul ul ul a, #menu5 ul ul ul a:visited,
#menu6 ul ul ul a, #menu6 ul ul ul a:visited,
#menu7 ul ul ul a, #menu7 ul ul ul a:visited,
#menu8 ul ul ul a, #menu8 ul ul ul a:visited 
{background: #848c97; border-left: 1px solid #FFFFFF; margin: -1px 0px 0px 0px;}

#menu1 ul ul ul a, #menu1 ul ul ul a:visited {width: 100px;}
#menu2 ul ul ul a, #menu2 ul ul ul a:visited {width: 100px;}
#menu3 ul ul ul a, #menu3 ul ul ul a:visited {width: 100px;}
#menu4 ul ul ul a, #menu4 ul ul ul a:visited {width: 100px;}
#menu5 ul ul ul a, #menu5 ul ul ul a:visited {width: 100px;}
#menu6 ul ul ul a, #menu6 ul ul ul a:visited {width: 100px;}
#menu7 ul ul ul a, #menu7 ul ul ul a:visited {width: 100px;}
#menu8 ul ul ul a, #menu8 ul ul ul a:visited {width: 130px;}


/* style the fourth level background */
#menu1 ul ul ul ul a, #menu1 ul ul ul ul a:visited {background: #848c97;}
#menu2 ul ul ul ul a, #menu2 ul ul ul ul a:visited {background: #848c97;}
#menu3 ul ul ul ul a, #menu3 ul ul ul ul a:visited {background: #848c97;}
#menu4 ul ul ul ul a, #menu4 ul ul ul ul a:visited {background: #848c97;}
#menu5 ul ul ul ul a, #menu5 ul ul ul ul a:visited {background: #848c97;}
#menu6 ul ul ul ul a, #menu6 ul ul ul ul a:visited {background: #848c97;}
#menu7 ul ul ul ul a, #menu7 ul ul ul ul a:visited {background: #848c97;}
#menu8 ul ul ul ul a, #menu8 ul ul ul ul a:visited {background: #848c97;}

/* style the sub level 1 background */
#menu1 ul :hover a.sub1 {background: #7E829A; border-color: #7E829A;}
#menu2 ul :hover a.sub1 {background: #7E829A; border-color: #7E829A;}
#menu3 ul :hover a.sub1 {background: #7E829A; border-color: #7E829A;}
#menu4 ul :hover a.sub1 {background: #7E829A; border-color: #7E829A;}
#menu5 ul :hover a.sub1 {background: #7E829A; border-color: #7E829A;}
#menu6 ul :hover a.sub1 {background: #7E829A; border-color: #7E829A;}
#menu7 ul :hover a.sub1 {background: #7E829A; border-color: #7E829A;}
#menu8 ul :hover a.sub1 {background: #7E829A; border-color: #7E829A;}

/* style the sub level 2 background */
#menu1 ul ul :hover a.sub2 {background: #848c97;}
#menu2 ul ul :hover a.sub2 {background: #848c97;}
#menu3 ul ul :hover a.sub2 {background: #848c97;}
#menu4 ul ul :hover a.sub2 {background: #848c97;}
#menu5 ul ul :hover a.sub2 {background: #848c97;}
#menu6 ul ul :hover a.sub2 {background: #848c97;}
#menu7 ul ul :hover a.sub2 {background: #848c97;}
#menu8 ul ul :hover a.sub2 {background: #848c97;}

/* style the level hovers */
/* first */ 
#menu1 li:hover,
#menu2 li:hover,
#menu3 li:hover,
#menu4 li:hover,
#menu5 li:hover,
#menu6 li:hover,
#menu7 li:hover,
#menu8 li:hover
{position: relative;}
 
#menu1 :hover > a,
#menu2 :hover > a,
#menu3 :hover > a,
#menu4 :hover > a,
#menu5 :hover > a,
#menu6 :hover > a,
#menu7 :hover > a,
#menu8 :hover > a
{color: #ff9902; background: #848c97;}
 
/* second */
#menu1 ul ul li:hover,
#menu2 ul ul li:hover,
#menu3 ul ul li:hover,
#menu4 ul ul li:hover,
#menu5 ul ul li:hover,
#menu6 ul ul li:hover,
#menu7 ul ul li:hover,
#menu8 ul ul li:hover
{position: relative;}

#menu1 ul ul :hover > a,
#menu2 ul ul :hover > a,
#menu3 ul ul :hover > a,
#menu4 ul ul :hover > a,
#menu5 ul ul :hover > a,
#menu6 ul ul :hover > a,
#menu7 ul ul :hover > a,
#menu8 ul ul :hover > a
{color: #ff9902; background: #848c97;}

/* third */ 
#menu1 ul ul ul :hover > a,
#menu2 ul ul ul :hover > a,
#menu3 ul ul ul :hover > a,
#menu4 ul ul ul :hover > a,
#menu5 ul ul ul :hover > a,
#menu6 ul ul ul :hover > a,
#menu7 ul ul ul :hover > a,
#menu8 ul ul ul :hover > a
{background: #848c97;}
 
/* fourth */
#menu1 ul ul ul ul a:hover,
#menu2 ul ul ul ul a:hover,
#menu3 ul ul ul ul a:hover,
#menu4 ul ul ul ul a:hover,
#menu5 ul ul ul ul a:hover,
#menu6 ul ul ul ul a:hover,
#menu7 ul ul ul ul a:hover,
#menu8 ul ul ul ul a:hover
{background: #848c97; position: relative; z-index: 530;}


/* hide the sub levels and give them a positon absolute so that they take up no room */
#menu1 ul ul,
#menu2 ul ul,
#menu3 ul ul,
#menu4 ul ul,
#menu5 ul ul,
#menu6 ul ul,
#menu7 ul ul,
#menu8 ul ul
{visibility: hidden; position: absolute; top: 25px; display:block;}

/* position the third level flyout menu1 */
#menu1 ul ul ul,
#menu2 ul ul ul,
#menu3 ul ul ul,
#menu4 ul ul ul,
#menu5 ul ul ul,
#menu6 ul ul ul,
#menu7 ul ul ul,
#menu8 ul ul ul
{top: 6px;}

#menu1 ul ul ul {left: 70px;}
#menu2 ul ul ul {left: 65px;}
#menu3 ul ul ul {left: 65px;}
#menu4 ul ul ul {left: 65px;}
#menu5 ul ul ul {left: 65px;}
#menu6 ul ul ul {left: 65px;}
#menu7 ul ul ul {left: 65px;}
#menu8 ul ul ul {left: 80px;}


/* make the second level visible when hover on first level list OR link */
#menu1 ul :hover ul,
#menu2 ul :hover ul,
#menu3 ul :hover ul,
#menu4 ul :hover ul,
#menu5 ul :hover ul,
#menu6 ul :hover ul,
#menu7 ul :hover ul,
#menu8 ul :hover ul
{visibility: visible; display: block;}

/* keep the third level hidden when you hover on first level list OR link */
#menu1 ul :hover ul ul,
#menu2 ul :hover ul ul,
#menu3 ul :hover ul ul,
#menu4 ul :hover ul ul,
#menu5 ul :hover ul ul,
#menu6 ul :hover ul ul,
#menu7 ul :hover ul ul,
#menu8 ul :hover ul ul
{visibility: hidden;}

/* keep the fourth level hidden when you hover on second level list OR link */
#menu1 ul :hover ul :hover ul ul,
#menu2 ul :hover ul :hover ul ul,
#menu3 ul :hover ul :hover ul ul,
#menu4 ul :hover ul :hover ul ul,
#menu5 ul :hover ul :hover ul ul,
#menu6 ul :hover ul :hover ul ul,
#menu7 ul :hover ul :hover ul ul,
#menu8 ul :hover ul :hover ul ul
{visibility: hidden;}

/* make the third level visible when you hover over second level list OR link */
#menu1 ul :hover ul :hover ul,
#menu2 ul :hover ul :hover ul,
#menu3 ul :hover ul :hover ul,
#menu4 ul :hover ul :hover ul,
#menu5 ul :hover ul :hover ul,
#menu6 ul :hover ul :hover ul,
#menu7 ul :hover ul :hover ul,
#menu8 ul :hover ul :hover ul
{visibility: visible; display: block;}

/* make the fourth level visible when you hover over third level list OR link */
#menu1 ul :hover ul :hover ul :hover ul,
#menu2 ul :hover ul :hover ul :hover ul,
#menu3 ul :hover ul :hover ul :hover ul,
#menu4 ul :hover ul :hover ul :hover ul,
#menu5 ul :hover ul :hover ul :hover ul,
#menu6 ul :hover ul :hover ul :hover ul,
#menu7 ul :hover ul :hover ul :hover ul,
#menu8 ul :hover ul :hover ul :hover ul
{visibility: visible; display: block;}

/* --------------------------------------------- alles für IE ----------------------------------------------- */

/* style the sub level links */
* html #menu1 ul ul a, * html #menu1 ul ul a:visited  {width: 65px;}
* html #menu2 ul ul a, * html #menu2 ul ul a:visited  {width: 100px;}
* html #menu3 ul ul a, * html #menu3 ul ul a:visited  {width: 100px;}
* html #menu4 ul ul a, * html #menu4 ul ul a:visited  {width: 100px;}
* html #menu5 ul ul a, * html #menu5 ul ul a:visited  {width: 60px;}
* html #menu6 ul ul a, * html #menu6 ul ul a:visited  {width: 60px;}
* html #menu7 ul ul a, * html #menu7 ul ul a:visited  {width: 90px;}
* html #menu8 ul ul a, * html #menu8 ul ul a:visited  {width: 110px;}

* html #menu1 ul ul ul {left: 65px;}
* html #menu2 ul ul ul {left: 100px;}
* html #menu3 ul ul ul {left: 100px;}
* html #menu4 ul ul ul {left: 100px;}
* html #menu5 ul ul ul {left: 60px;}
* html #menu6 ul ul ul {left: 60px;}
* html #menu7 ul ul ul {left: 60px;}
* html #menu8 ul ul ul {left: 110px;}


/* style the third level */
* html #menu1 ul ul ul a, * html #menu1 ul ul ul a:visited {width: 110px;}
* html #menu2 ul ul ul a, * html #menu2 ul ul ul a:visited {width: 100px;}
* html #menu3 ul ul ul a, * html #menu3 ul ul ul a:visited {width: 100px;}
* html #menu4 ul ul ul a, * html #menu4 ul ul ul a:visited {width: 100px;}
* html #menu5 ul ul ul a, * html #menu5 ul ul ul a:visited {width: 100px;}
* html #menu6 ul ul ul a, * html #menu6 ul ul ul a:visited {width: 100px;}
* html #menu7 ul ul ul a, * html #menu7 ul ul ul a:visited {width: 100px;}
* html #menu8 ul ul ul a, * html #menu8 ul ul ul a:visited {width: 130px;}


/* style the level hovers */
/* first */
* html #menu1 a:hover,
* html #menu2 a:hover,
* html #menu3 a:hover,
* html #menu4 a:hover,
* html #menu5 a:hover,
* html #menu6 a:hover,
* html #menu7 a:hover,
* html #menu8 a:hover
{color: #ff9902; background: #848c97; position: relative; z-index: 500;}
/* second */
* html #menu1 ul ul a:hover,
* html #menu2 ul ul a:hover,
* html #menu3 ul ul a:hover,
* html #menu4 ul ul a:hover,
* html #menu5 ul ul a:hover,
* html #menu6 ul ul a:hover,
* html #menu7 ul ul a:hover,
* html #menu8 ul ul a:hover
{color: #ff9902; background: #848c97; position: relative; z-index: 510;}
/* third */
* html #menu1 ul ul ul a:hover,
* html #menu2 ul ul ul a:hover,
* html #menu3 ul ul ul a:hover,
* html #menu4 ul ul ul a:hover,
* html #menu5 ul ul ul a:hover,
* html #menu6 ul ul ul a:hover,
* html #menu7 ul ul ul a:hover,
* html #menu8 ul ul ul a:hover
{background: #848c97; position: relative; z-index: 520;}


* html #menu1 ul ul {margin-left: -5px; margin-top: -4px;}
* html #menu1 ul ul ul {margin-left: -5px; margin-top: 0px;}

* html #menu2 ul ul {margin-left: -5px; margin-top: -4px;}
* html #menu2 ul ul ul {margin-left: -5px; margin-top: 0px;}

* html #menu3 ul ul {margin-left: -5px; margin-top: -4px;}
* html #menu3 ul ul ul {margin-left: -5px; margin-top: 0px;}

* html #menu4 ul ul {margin-left: -5px; margin-top: -4px;}
* html #menu4 ul ul ul {margin-left: -5px; margin-top: 0px;}

* html #menu5 ul ul {margin-left: -5px; margin-top: -4px;}
* html #menu5 ul ul ul {margin-left: -5px; margin-top: 0px;}

* html #menu6 ul ul {margin-left: -5px; margin-top: -4px;}
* html #menu6 ul ul ul {margin-left: -5px; margin-top: 0px;}

* html #menu7 ul ul {margin-left: -5px; margin-top: -4px;}
* html #menu7 ul ul ul {margin-left: -5px; margin-top: 0px;}

* html #menu8 ul ul {margin-left: -5px; margin-top: -4px;}
* html #menu8 ul ul ul {margin-left: -5px; margin-top: 0px;}

* html #positionmenue { position:absolute;}