/* style the outer div to give it width */
.menu {font-size:10px; text-transform:uppercase; letter-spacing:1px; padding-bottom:0; z-index:100;}

/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0;margin:0;list-style-type:none; height:23px; z-index:100;}

/* style the sub-level lists */
.menu ul ul {width:200px; z-index:100;}

/* float the top list items to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu ul li {float:left;height:23px; z-index:100;}

/* style the sub level list items */
.menu ul ul li {display:block;width:200px;position:relative; z-index:100;}

/* style the links for the top level */
.menu a, .menu a:visited {display:block;float:left;height:23px;font-size:10px;text-decoration:none;color:#FFF;background:transparent #000;padding:7px 10px 0px 10px;}

/* style the sub level links */
.menu ul ul a, .menu ul ul a:visited {display:block;background:#FFF; color:#666;width:200px;height:8px; padding:4px 0px 11px 10px;}
.menu ul table ul a, .menu ul table ul a:visited  {width:200px; w\idth:12em;}

/* style the table so that it takes no part in the layout - required for IE to work */
.menu table {position:absolute; left:0; top:0; font-size:1em; z-index:-1;}
.menu ul ul table {lef\t:-1px;}
.menu ul ul table ul.left {margin-lef\t:2px;}

.menu li:hover {position:relative;}
* html .menu a:hover {position:relative;}

/* style the sub level 1 background */
.menu ul :hover a.sub1 {background:#ccc; }
/* style the sub level 2 background */
.menu ul ul :hover a.sub2 {background:#ddd;}

/* style the level hovers */
/* first */
.menu a:hover {color:#000;opacity: 0.80; background:#2dddda;}
.menu :hover > a {color:#000;opacity: 0.80; background:#2dddda;}
.menu  a:link.akt {color:#000;opacity: 0.80; background:#2dddda;}
.menu  a:visited.akt {color:#000;opacity: 0.80; background:#2dddda;}

/* second */
.menu ul ul a:hover{color:#2dddda;background:#FFF;}
.menu ul ul :hover > a {color:#2dddda;background:#FFF;}


/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden;position:absolute;height:0;top:3em;left:0;width:200px;}


/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul, .menu ul a:hover ul {visibility:visible; height:auto; padding-bottom:3em; background:transparent url(images/trans.gif);}

/* left */

#left a:link.act {color: #2dddda; text-decoration:none;}
#left a:visited.act {color:#2dddda;}
#left a:hover.act {color: #2dddda;}
#left a:active.act { color:#2dddda;}
#left a:link.level2{ font-size:9px; line-height:12px; text-transform:none;}
#left a:visited.level2{ font-size:9px; line-height:12px; text-transform:none;}
#left a:link.act2{ font-size:9px; color:#2dddda; line-height:12px; text-transform:none;}
#left a:visited.act2{ font-size:9px;color:#2dddda; line-height:12px; text-transform:none;}
#naviabstand {
	position:relative;
	float:right;
	width:100%;
	height:5px;
	
}