/**
*********************************************
* Prototype of styles for horizontal CSS-menu
* @data 25.01.2010
*********************************************
* (X)HTML-scheme:
* <div id="menu">
* <ul class="menu">
* <li><a href="#" class="parent"><span>level 1</span></a>
* <div><ul>
* <li><a href="#" class="parent"><span>level 2</span></a>
* <div><ul><li><a href="#"><span>level 3</span></a></li></ul></div>
* </li>
* </ul></div>
* </li>
* <li class="last"><a href="#"><span>level 1</span></a></li>
* </ul>
* </div>
*********************************************
*/
/* menu::base */
#menu {
position:relative;
z-index:2;
height:43px;
}
#menu .menu {
position:absolute;
padding-left: 40px;
background: url(images/header.gif) right top no-repeat;
z-index:2;
}
#menu * {
list-style:none;
border:0;
padding:0;
margin:0;
z-index:2;
position:relative;
}
#menu a {
display:block;
padding:15px 14px 14px 14px;
white-space:nowrap;
z-index:2;
position:relative;
}
#menu li {
float:left;
background:#fff;
text-align:left;
z-index:2;
position:relative;
}
#menu li li {
float:left;
text-align:left;
z-index:2;
position:relative;
}
#menu div {
visibility:hidden;
position:absolute;
background:url(images/pix.gif);
z-index:2;
}
#menu div div {
margin:-35px 0 0 -1px;
left:100%;
z-index:2;
position:relative;
}
#menu div div div {
margin:-35px 0 0 -1px;
left:100%;
z-index:2;
position:relative;
}
#menu li:hover>div { visibility:visible;
z-index:2;
position:relative;
}
/* menu::special styles */
/* menu::level 1 */
#menu a {
text-decoration:none;
color:#ffffff;/*1*/
position:relative;
z-index:2;
}
#menu a:hover {
background:url(images/header.gif) left -43px repeat-x;
color:#FFF;
z-index:2;
position:relative;
}
#menu a:hover span { color:#FFF; }
#menu li.current a {
background: transparent url(images/header_active.gif) repeat-x;
color:#3C4955;
z-index:2;
position:relative;
}
#menu li.current span {
color:#3C4955;
}
#menu>ul>li:hover>a {
background:url(images/header.gif) left -43px repeat-x;
color:#CACFD3;
}
#menu>ul>li:hover>a span { color:#FFF; }
#menu span {
text-transform:uppercase;
font:9px 'Lucida Grande','Lucida Sans Unicode',Arial,Verdana,sans-serif;
letter-spacing:0.3em;
text-decoration:none;
color:#ffffff;
}
#menu li { background: url(Images/header.gif) left top no-repeat;
z-index:2;
position:relative;
}
/* menu::level >= 2 */
#menu ul ul {width: 150px;
z-index:2;
position:relative;
}
#menu li li{
background:#FF9000;
border-bottom:1px solid #FFAB3E;
text-align:left;
z-index:2;
position:relative;
}
#menu li li a {
position:static;
background:#FF9000;
white-space:normal;
text-align: center;
color:#FFF;
padding:0;
text-transform:none;
width: 100%;
z-index: 2;
position: relative;
}
#menu li.current li a {
background: none;
color:#FFF;
z-index:2;
position:relative;
}
#menu li.current li span {
color:#FFF;
z-index:2;
position:relative;
}
#menu li li a:hover { background:#FA7E04;
z-index:2;
position:relative;
}
#menu li li a span { color:#fff; line-height: 15px; padding: 10px;
z-index:2;
position:relative;
}
#menu li li a:hover span { color:#ffffff;
z-index:2;
position:relative;
}
#menu li li a.parent span{background:transparent url(Images/arrow.gif) no-repeat scroll right 50%; z-index:2; position: relative; }
#menu li li span {
display:block;
text-transform:none;
padding:0px 25px 0px 0px;
font-size:11px;
letter-spacing: 0;
width:100%;
text-align:left;
z-index: 2;
position: relative;
}
div#menu
{
top:0px;
left:0px;
width:100%;
background:transparent url(images/header_bg.gif) repeat-x 0 0;
z-index: 2;
position: relative;
}