/**
 *********************************************
 * 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>
 *********************************************
 */
 * {padding:0;}
img {border:0;}

#menu {position:relative; z-index:100;  height:60px; width:1000px; margin:0px auto;}

#menu .menu {position:absolute; width:1000px; background:#333333;}
#menu * {list-style:none;    border:0;    padding:0;    margin:0;}
#menu a {display:block; text-align:center;  padding:10.5px 0px;    white-space:nowrap;}
#menu li {float:left;}
#menu li li {float:none;}

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

/* menu::level 1 */
#menu a {text-decoration:none;    color:#fff;/*1*/    position:relative;    z-index:77; }
#menu a:hover {background:#242424; color:#fff;}
#menu a:hover span {color:#333;}
#menu li.current a {background:#0054a6}
#menu li.current span {}
#menu>ul>li:hover>a {background:#242424; color:#CACFD3;}
#menu>ul>li:hover>a span { color:#FFC; }
#menu span {font-family:"³ª´®°íµñ",'Source Sans Pro', sans-serif; text-transform:uppercase;      text-decoration:none;    color:#fff; font-size:14px; line-height:19px; font-weight:bold;}


/* menu::level >= 2 */
#menu ul ul { border:2px solid #333333; border-top:none;}
#menu li li { background:url(/_img/header/menu_level2_bg.png) top left repeat-x;}
#menu li li a {position:static;   white-space:normal;    text-align: center;    color:#FFF;    padding:0;	text-transform:none;	width: 100%;}

#menu li a:hover {background:#0054a6;}
#menu li li a:hover {background:#ececec;}
#menu li li a span {font-size:12px; color:#333333; line-height: 26px; padding: 5px;}
#menu li li a:hover span {color:#0054a6;}
#menu li li span {text-transform:none;    padding:0px 20px 0px 0px;}