/* == Created with http://www.cssplay.co.uk/menus/menu_builder_flyout.html#main.html == */
/* == Zum lesen http://www.thestyleworks.de/tut-art/index.shtml ==*/
/* == Zum lesen http://www.thestyleworks.de/tut-art/listnav2.shtml ==*/

.menu 
{
position: fixed;  /* MUST be with position:fixed to don't scroll in IE 7 */
font-family: Optima, Verdana, Geneva, Arial, Helvetica; 
font-size: 10pt; 
margin: 0px; 
z-index: 7; 
}

.menu ul 
{
position: absolute;  /* MUST be absolute to work also in IE 6 */
list-style-type: none; 
top: 163px; 
left: 0px; 
width: 235px; 
margin: 0px; 
padding-top: 0px;
padding-bottom: 0px; 
padding-left: 0px; 
padding-right: 0px; 
}

.menu li  /* Reaction of all List Levels */
{
float: left; 
background-color: #D1EF00; 
}

.menu li.sub 
{
background-color: #D1EF00; 
}

.menu table 
{
position: fixed; 
border-collapse: collapse; 
top: 0px; 
left: 0px; 
margin-top: -1px; 
font-size: 1em; 
}

.menu a  /* Definition of Listelement without second Level */
{
display: block; 
width: 235px; 
height: 35px; 
line-height: 3em; 
padding-left: 1em; 
color: #252525; 
border-top: #F5FFAF 1px solid; 
border-bottom: #F5FFAF 1px solid; 
border-left: #F5FFAF 1px solid; 
border-right: #F5FFAF 1px solid; 
border-width:1px 1px 0 1px; 
font-style: normal; 
font-variant: normal; 
font-weight: bold; 
text-decoration: none; 
text-transform: none; 
}

.menu a.last 
{
border-width:1px; 
}

.menu a:visited  /* Definition of visited all Listelements */
{
display: block; 
width: 235px; 
height: 35px; 
line-height: 3em; 
padding-left: 1em; 
color: #252525; 
border-top: #F5FFAF 1px solid; 
border-bottom: #F5FFAF 1px solid; 
border-left: #F5FFAF 1px solid; 
border-right: #F5FFAF 1px solid; 
border-width:1px 1px 0 1px; 
font-style: normal; 
font-variant: normal; 
font-weight: bold; 
text-decoration: none; 
text-transform: none; 
}

.menu a:visited.last 
{
border-width:1px; 
} 

.menu b 
{
float: right; 
margin-right: 5px; 
}

* html .menu a 
{
width: 18em; 
}

* html .menu a:visited 
{
width: 18em; 
}

* html .menu a:hover 
{
position: relative; 
color: #252525; 
background-color: #EBFF00; 
border-top-color: #F5FFAF; 
border-bottom-color: #F5FFAF; 
border-left-color: #F5FFAF; 
border-right-color: #F5FFAF; 
font-style: normal; 
font-variant: normal; 
font-weight: bold; 
text-decoration: none; 
text-transform: none; 
}

.menu li:hover 
{
position: relative; 
}

.menu a:active 
{
color: #252525; 
background-color: #EBFF00; 
border-top-color: #F5FFAF; 
border-bottom-color: #F5FFAF; 
border-left-color: #F5FFAF; 
border-right-color: #F5FFAF; 
font-style: normal; 
font-variant: normal; 
font-weight: bold; 
text-decoration: none; 
text-transform: none; 
}

.menu a:focus 
{
color: #252525; 
background-color: #EBFF00; 
border-top-color: #F5FFAF; 
border-bottom-color: #F5FFAF; 
border-left-color: #F5FFAF; 
border-right-color: #F5FFAF; 
font-style: normal; 
font-variant: normal; 
font-weight: bold; 
text-decoration: none; 
text-transform: none; 
}

.menu li:hover > a  /* hover Reaction of all List Levels */
{
color: #252525; 
background-color: #EBFF00; 
border-top-color: #F5FFAF; 
border-bottom-color: #F5FFAF; 
border-left-color: #F5FFAF; 
border-right-color: #F5FFAF; 
font-style: normal; 
font-variant: normal; 
font-weight: bold; 
text-decoration: none; 
text-transform: none; 
}

.menu li ul 
{
position: absolute; 
top: -20px; 
left: 80px; 
background-color: transparent; 
padding-top: 2em; 
padding-bottom: 2em; 
padding-left: 2em; 
padding-right: 2em; 
visibility: hidden; 
}

.menu ul li:hover ul li a  /* Second List Levels */
{
width:128px; 
}

.menu li:hover > ul {visibility: visible}
.menu ul a:hover ul ul {visibility: hidden}
.menu ul a:hover ul a:hover ul ul {visibility: hidden}
.menu ul a:hover ul a:hover ul a:hover ul ul {visibility: hidden}
.menu ul a:hover ul {visibility: visible}
.menu ul a:hover ul a:hover ul {visibility: visible}
.menu ul a:hover ul a:hover ul a:hover ul {visibility: visible}
.menu ul a:hover ul a:hover ul a:hover ul a:hover ul {visibility: visible}