/* Begin CSS Popout Menu */

#navigation{
z-index:2;
width:234px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
}

#navigation a {
display:block;
text-decoration:none;
text-indent:40px;
width:234px;
height:21px;
line-height:19px;
color:#414142;
top:4px;
background-image:url(pictures/nav_1.gif);
}

#navigation li ul a {
background-image:none;
width:285px;
text-indent:10px;
background-color:#F6F6F6;
}

#navigation li ul li {
width:285px;
border: 1px solid #003A7A;
border-top: none;
padding-bottom:0px;
}

#navigation li ul {
border-top: 1px solid #003A7A;
width:285px;
}

#navigation li ul a:hover {
background-image:none;
background-color:#DAE2EA;
}

#navigation li {

background-color:#CCCCCC;
padding-bottom:1px;   /* Nicht schön, aber sonst gibt es Abstand */
}



#navigation a:hover {
color:#414142;
font-weight:bold;
display:block;
background-image:url(pictures/nav_1over.gif);
}

#navigation ul li.menu-level1-active  a {
background-image:url(pictures/nav_1over.gif);
}

#navigation ul li.menu-level1-current-active  a {
background-image:url(pictures/nav_1over.gif);
}

#navigation li ul li.menu-level1-current-active a, #navigation ul.menu-level2 li a {
background-image:none;
}

#navigation li ul li.menu-level1-active  a {
background-image:none;
}

#navigation ul {
list-style:none;
margin:0;
padding:0;
width:100%;
}

/* Requirement: Put the element selector name (div)
onto non anchor hover selectors to force IE5 and
5.5 to correctly apply the csshover file. */

#navigation li:hover{
position:relative;
display:block;
}

#navigation li ul{
position:absolute;
top:0;
left:100%;
display:none;
}

#navigation ul ul,
#navigation ul ul ul,
#navigation ul li:hover ul ul,
#navigation ul li:hover ul ul ul
{
display:none;
}

#navigation ul li:hover ul,
#navigation ul ul li:hover ul,
#navigation ul ul ul li:hover ul
{
display:block;
}

/* End non-anchor hover selectors */