/**
 *********************************************
 * 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 {float:left; width:955px; font-size:10px; background:url(../images/menu/Background.png); padding-right:10px; color:#FFF;}
#Navigation {position:relative; z-index:100; height:41px; padding-left:5px;}
#Navigation .menu {position:absolute; width:100%;}
#Navigation * {list-style:none; border:0; padding:0; margin:0;}
#Navigation a {display:block; white-space:nowrap;}
#Navigation li {float:right; background:#000; cursor:pointer;}
#Navigation li li {float:none; _border:1px solid #bb3e3e; /** fix for ie6 */}
#Navigation div {visibility:hidden; position:absolute; background:#999998; }
#Navigation div div {margin:-24px 0 0 -1px; left:100%;}
#Navigation li:hover>div {visibility:visible;}

/* menu::special styles */
/* menu::level 1 */
#Navigation a {text-decoration:none; color:#414141; position:relative; z-index:77; padding:13px 4px 11px 4px; }
#Navigation a:hover {color:#f9de3e;}
#Navigation a:hover span {color:#414141; background:#5a1c1d;}
#Navigation>ul>li:hover>a {color:#f9de3e;}
#Navigation>ul>li:hover>a span {color:#FFF;}
#Navigation span {text-transform:uppercase; color:#bfbfbf; padding:10px; font-weight:bold;}
#Navigation li {background:none;}
/* menu::level >= 2 */
#Navigation li li a {padding:0; position:static; border-top:1px solid #4e4e4d; }
#Navigation li li a:hover {background:#5a1c1d;}
#Navigation li li a span {color:#FFF; text-transform:none;}
#Navigation li li a:hover span {color:#FFF;}
#Navigation li li a.parent span {background:url(../images/menu/pointer.gif) no-repeat right 9px; _background-position:right 10px; }
*+html #Navigation li li a.parent span {background-position:right 10px; }
#Navigation li li a.parent:hover span {background-position:right -49px; }
*+html #Navigation li li a.parent:hover span {background-position:right -48px; }
#Navigation li li span {display:block; text-transform:uppercase; line-height:16px; padding:4px 25px 4px 16px; font-size:11px;}


/*#Navigation li div { background:url(images/menu/back.png); }*/
/** <fix for ie6> */
#Navigation div div {_margin-top:-25px; _background:#bb3e3e;}
#Navigation li li li { _border:1px solid #bb3e3e; }
#Navigation div div div { _background:#bb3e3e; }
#Navigation li li li li { _border:1px solid #bb3e3e; }
/** </fix for ie6> */

/* lava lamp */
div#Navigation li.back {width:10px; height:32px; z-index:8; position:absolute;}
div#Navigation li.back .left {width:auto; height:32px; float:none; position:relative; top:0; left:0; visibility:visible;}