/**



 *********************************************



 * 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 {

    font-family:Arial, Helvetica, sans-serif !important;

	font-size:12px !important;

    position:relative;



    z-index:100;



    height:33px;



	background:#646464 url(../images/nav_bg.gif) left top repeat-x;



}



#menu .menu {

   font-family:Arial, Helvetica, sans-serif !important;

   font-size:12px !important;

   position:absolute;



}



#menu * {



    list-style:none;



    border:0;



    padding:0;



    margin:0;



}



#menu a {



    display:block;

   /* padding:9px 12px 9px 12px;*/

	padding:9px 11px 9px 11px;

    white-space:nowrap;



}



#menu li {



    float:left;



    background:#fff;



}



#menu li li {



    float:none;



    _border:1px solid #494949; /** fix for ie6 */



}



#menu div {



    visibility:hidden;



    position:absolute;



	background:url(../images/pix.gif);



}



#menu div div {



    margin:-24px 0 0 -1px;



    left:100%;



}



#menu li:hover>div { visibility:visible; }







/* menu::special styles */



/* menu::level 1 */



#menu a {



    text-decoration:none;



    color:#fff;



    position:relative;



    z-index:77;



}



#menu a:hover {



	background-color:#2b2b2b;



    color:#fff;



}



#menu a:hover span { color:#fff; }



#menu>ul>li:hover>a {



   background-color:#2b2b2b;



    color:#fff;



	



}



#menu>ul>li:hover>a span { color:#fff; }



#menu span {

    font-family:Arial, Helvetica, sans-serif !important;

	font-size:12px !important;

    text-transform:uppercase;

    color:#fff;

    font-weight:bold;



}



#menu li { background:none; }



/* menu::level >= 2 */



#menu li li a {



    padding:0;



    position:static;



}



#menu li li a:hover { background:#2b2b2b; }



#menu li li a span { color:#fff; }



#menu li li a:hover span { color:#ffffff; }



#menu li li a.parent span { background:url(../images/pointer.gif) no-repeat right 9px; _background-position:right 10px; }



*+html #menu li li a.parent span { background-position:right 10px; }



#menu li li span {



    display:block;



    text-transform:none;



    line-height:16px;



    padding:4px 25px 4px 14px;



    font-size:11px;



}



#menu li div { background:url(../images/back.png); }



/** <fix for ie6> */



#menu div div {



    _margin-top:-25px;



    _background:#393939;



}



#menu li li li { _border:1px solid #393939; }



#menu div div div { _background:#292929; }



#menu li li li li { _border:1px solid #292929; }



/** </fix for ie6> */







/* lava lamp */



div#menu li.back {



    width:10px;



    height:32px;



    z-index:8;



    position:absolute;



}



div#menu li.back .left {



    width:auto;



    height:32px;



    float:none;



    position:relative;



    top:0;



    left:0;



    visibility:visible;



}