/**
 *********************************************
 * 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, #menu * {
    list-style:none;
    border:0;
    padding:0;
    margin:0;
}
#menu {
    width:255px;
    z-index:99;
    margin-top: 15px;
	position: absolute;
}


#menu div {    
    position:relative;
    padding-top:5px;
}

#menu .ho {
    width: 150px;
    position:relative;
    padding-top:0px;
}
#menu div ul {
  
    padding-bottom:5px;
}

*+html #menu li { border-bottom:1px solid transparent; }
#menu li div {
    width: 320px;
	visibility:hidden;
    position:absolute;
    margin:-44px 0 0 -2px;
    left:100%;
	
	background-color:#005898; 
	border-radius: 10px;
	opacity: 0.8;
	
	
}



#menu li:hover>div { visibility:visible; }
#menu li a {
    
	display:block;
    font-size:1.12em;
     font-family: "Futura Light BT";
    text-decoration:none;
    padding-top:2px;
	padding-bottom:1px;
	padding-left:5px;
    cursor:pointer;
    position:relative;
    z-index:9;
	text-align:left;
	color: #FFF;
	z-index: 999;

	
	-moz-transition:margin-left .5s ease-out;
	-webkit-transition:margin-left .5s ease-out;
	-o-transition:margin-left .5s ease-out;
	-ms-transition:margin-left .5s ease-out;

	
}

#menu li:nth-child(1)  { margin-left: 0px;}
#menu li:nth-child(2)  { margin-left: 5px;}
#menu li:nth-child(3)  { margin-left: 10px;}
#menu li:nth-child(4)  { margin-left: 15px;}
#menu li:nth-child(5)  { margin-left: 20px;}
#menu li:nth-child(6)  { margin-left: 22px;}
#menu li:nth-child(7)  { margin-left: 30px;}
#menu li:nth-child(8)  { margin-left: 35px;}
#menu li:nth-child(9)  { margin-left: 40px;}

#menu li a:hover {
    margin-left: 12px;
	
}

#menu li span {
    line-height:17px;
    padding:0 19px 9px 17px;
    display:block;

}

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



#menu li li { border:0; overflow:hidden; }
#menu li li a span { color:#fff; overflow:hidden; }
#menu li li a .double { line-height:14px; padding:0 19px 0px 17px; padding-top: 0px; padding-bottom: 0px; overflow:hidden; }

#menu li li a:hover span,
#menu.js-active li li a:hover span {
    color:#fff602;
}