/*******************************************************************************
        
        Horizontales Dropdown-Menu, CSS
        
        CSS-Grundlage:  Copyright by Stu Nicholls @ www.cssplay.co.uk
        Please see Copyright Notice @
        http://www.cssplay.co.uk/menus/final_drop.html
        
*******************************************************************************/
#headermenu {
font-family:verdana, sans-serif;
width:750px;
/*  (1)  */
position:relative;
font-size:1em;
z-index:100;
background:#000;
}

/* remove all the bullets, borders and padding from the default list styling */
#headermenu ul {
/* UL Ebene 1 */
padding:0;
float:left;
margin:0;
list-style-type:none;
}

#headermenu ul ul {
visibility:hidden;
position:absolute;
height:0;
top:34px;
left:0;
width:178px;
}

/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
#headermenu li {
float:left;
width:187px;
position:relative;
text-align:left;
}

/* style the links for the top level */
#headermenu a,#headermenu a:visited {
display:block;
font-size:11px;
text-decoration:none;
color:#fff;
width:177px;
height:34px;
border:1px solid #000;
background:#09c;
padding-left:10px;
line-height:29px;
border-width:1px 0 1px 1px;

}

/* style the second level background */
#headermenu ul ul a.drop,#headermenu ul ul a.drop:visited {
background:#d4d8bd;
}

/* style the third level background */
#headermenu ul ul ul a,#headermenu ul ul ul a:visited {
background:#e2dfa8;
}

#headermenu ul ul ul a:hover {
background:#b2ab9b;
}

* html #headermenu ul ul {
top:34px;
}

#headermenu ul ul ul {
left:178px;
top:-1px;
width:178px;
}

/* position the third level flyout menu for a left flyout */
#headermenu ul ul ul.left {
left:-178px;
}

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

/* style the second level links */
#headermenu ul ul a,#headermenu ul ul a:visited {
background:#d4d8bd;
color:#fff;
height:auto;
line-height:1em;
width:177px;
border-width:0 1px 1px;
padding:5px;
}

/* yet another hack for IE5.5 */
* html #headermenu ul ul a,* html #headermenu ul ul a:visited {
width:177px;
}

#headermenu ul :hover ul ul {
visibility:hidden;
}
/* style the top level hover */
#headermenu a:hover,#headermenu ul ul a:hover {
color:#000;
background:#b7d186;
}

#headermenu a:hover,#headermenu ul ul a:hover,#headermenu :hover > a,#headermenu ul ul :hover > a {
color:#000;
background:#b7d186;
}

#headermenu ul li:hover ul,#headermenu ul a:hover ul,#headermenu ul :hover ul :hover ul {
visibility:visible;
}



/* first level coloring */
#headermenu ul li#menulevel1-1 a {
background:#000 url(nav/header_01.gif) no-repeat;
text-indent:-10000px;
}

#headermenu ul li#menulevel1-2 a {
background:#000 url(nav/header_02.gif) no-repeat;
text-indent:-10000px;
}

#headermenu ul li#menulevel1-3 a {
background:#000 url(nav/header_03.gif) no-repeat;
text-indent:-10000px;
}

#headermenu ul li#menulevel1-4 a {
background:#000 url(nav/header_04.gif) no-repeat;
text-indent:-10000px;
width:178px;
}

#headermenu ul li#menulevel1-1 a:hover,#headermenu ul li#menulevel1-1-active a {
background:url(nav/header_01_hover.gif);
text-indent:-10000px;
}

#headermenu ul li#menulevel1-2 a:hover,#headermenu ul li#menulevel1-2-active a {
background:url(nav/header_02_hover.gif);
text-indent:-10000px;
}

#headermenu ul li#menulevel1-3 a:hover,#headermenu ul li#menulevel1-3-active a {
background:url(nav/header_03_hover.gif);
text-indent:-10000px;
}

#headermenu ul li#menulevel1-4 a:hover,#headermenu ul li#menulevel1-4-active a {
background:url(nav/header_04_hover.gif);
text-indent:-10000px;
}

#headermenu ul li#menulevel1-1 li a,
#headermenu ul li#menulevel1-1-active li a,
#headermenu ul li#menulevel1-2 li a,
#headermenu ul li#menulevel1-2-active li a,
#headermenu ul li#menulevel1-3 li a,
#headermenu ul li#menulevel1-3-active li a,
#headermenu ul li#menulevel1-4 li a,
#headermenu ul li#menulevel1-4-active li a {
background: url('');
text-indent:0;
}

/* submenu coloring */
#headermenu ul li#menulevel1-1 li a,#headermenu ul li#menulevel1-1-active li a {
background:#71afe2;
color:#000;
}

#headermenu ul li#menulevel1-1 li a:hover,#headermenu ul li#menulevel1-1-active li a:hover {
background:#0059e6;
color:#fff;
text-indent:0;
}

#headermenu ul li#menulevel1-2 li a,#headermenu ul li#menulevel1-2-active li a {
background:#fc3c3c;
color:#fff;
}

#headermenu ul li#menulevel1-2 li a:hover,#headermenu ul li#menulevel1-2-active li a:hover {
background:#ca1411;
color:#fff;
text-indent:0;
}

#headermenu ul li#menulevel1-3 li a,#headermenu ul li#menulevel1-3-active li a {
background:#c85c00;
color:#fff;
}

#headermenu ul li#menulevel1-3 li a:hover,#headermenu ul li#menulevel1-3-active li a:hover {
background:#c78f00;
color:#fff;
text-indent:0;
}

#headermenu ul li#menulevel1-4 li a,#headermenu ul li#menulevel1-4-active li a {
background:#9c0;
color:#000;
}

#headermenu ul li#menulevel1-4 li a:hover,#headermenu ul li#menulevel1-4-active li a:hover {
background:green;
color:#fff;
text-indent:0;
}

#headerbottombox ul li a:hover {
color:#fff;
background:#c85c00;
}