/**
 *********************************************
 * Prototype of styles for horizontal CSS-menu
 * @data 30.06.2009
 *********************************************
 * (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>
 *********************************************
 */

div#menu {height:35px;}
div#menu ul {margin: 0;padding: 0;list-style: none;float: left;}
div#menu li {position: relative;z-index: 9;margin: 0;padding: 0;display: block;float: left;}
div#menu li:hover>ul {left: -2px;}
div#menu li ul {list-style: none;float: left;position: absolute;top: 35px;left: 0;width: 120px;z-index: 11;visibility: hidden;
                 padding: 2px 0 2px 0px ;_padding: 2px 0 2px 3px;background:rgb(1,136,204);margin: 0 0 0 0px;}
div#menu li:hover>ul {visibility: visible;}

/* menu::level1 */
div#menu a {position: relative;z-index: 10;height: 35px;display: block;float: left;	padding: 0 0px 0 0px;line-height: 35px;
            text-decoration: none;text-align:center;}
div#menu span {font: normal 14px 'Lucida Sans Unicode','Lucida Grande',Helvetica,Arial,sans-serif;padding: 12px;color: #fff;
               text-transform:uppercase;display: block;cursor: pointer;background-repeat: no-repeat; }
div#menu ul a:hover span {font-weight:bold;}

/* menu::level2 */
div#menu ul ul li {/*background: url(../images/nav_dropdown_sep.gif) left bottom repeat-x;*/
    padding: 4px 0 ;z-index: 9;	}
div#menu ul ul {z-index: 12; padding: 0;/*background: url(../images/nav_dropdown_grad.png) right top no-repeat;*/
    margin-top:0px;margin-left:4px;margin-right:5px;}
div#menu ul ul a {width: 115px;padding: 0px 7px 3px 0px;height: 18px;float: none;display: block;background:none;margin-bottom: 2px;z-index: -1;}
div#menu ul ul a span {padding: 2px 10px 0px 10px;line-height: 20px;color: #fff;font-weight:normal;text-transform: none;background:none;font-size:12px;}
div#menu ul ul a:hover {/*background: url(../images/submenu-selected-bottom.gif) no-repeat 8px bottom;*/
    padding-right:3px;}
div#menu ul ul a:hover span {color: #fff;}
div#menu ul ul li.last { background: none; }
div#menu ul ul li {width: 100%;}

/* menu::level3 */
div#menu ul ul ul {width: 208px;margin: -50px 0 0 120px !important;height: auto;_padding: 0 0 9px 3px;}
div#menu ul ul ul {_padding-right:1px;}