/**
 *********************************************
 * 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>  menu li a span
 *              <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 {
    position:relative;
    z-index:100;
}

#menu * {
    position:relative;
    list-style:none;
    border:0;
    padding:0;
    margin:0;
    text-decoration:none;
    text-transform:uppercase;
    white-space: nowrap;
    color: #959595;
    BORDER-BOTTOM: 1PX;
    font:12px 'Trebuchet MS', Arial, Helvetica, Sans-serif;   
    }


#menu a {
    display: block;
    padding: 4px 14px 4px 14px;
    position:relative;    
    z-index:77;
}

#menu li li a {
    padding:0;
    }
    
    
#menu li {
    float:right;   
	 }

#menu div {
    visibility:hidden;
    position:absolute;
}


#menu li li {
    float:none;
    color: #0099FF;
    _border:1px solid #fff; /** fix for ie6 */
	}



#menu li a:hover {
	color: #0099FF;  
}
/* submenu - background */
/* top right bottom left */

#menu li:hover > div { 
	visibility: visible;     
	width: 123pt;
	padding: 0px 1px 8px 1px;
	background: transparent url('images/menu_dropdown_bg.png') no-repeat scroll 0pt 100%; 
	_background: transparent url('images/menu_dropdown_bg.gif') no-repeat scroll 0pt 100%;	
    }

/* submenu - menu items */
/* top right bottom left */

#menu li li a {
	border-top:1pt DOTTED #E1E1E1;
    display:block;
    text-transform:none;
	padding: 4px 10px 4px 10px;
	width: 107pt; 
    line-height:38px; 
    font:12px 'Trebuchet MS', Arial, Helvetica, Sans-serif;
    }


/* submenu - highlight */

#menu li li a:hover {
	width: 107pt; 
	color: #0099FF; 
    background: #f8f8f8;
    z-index:10;
}






/* menu::level2 */

#menu li li:hover > div {
    padding:0; left: 151px;
    top: -0px;
    z-index:10;
	background: #F4F4F4 url('images/menu_dropdown_bg.png') no-repeat 0pt 100%;; color:#F4F4F4 
    }

p.infopost {
	margin:0 0 8px;
	padding:9px 26px 0 26px;
	height:26px;
	color:#fff;
	background:url(images/infopost.gif) no-repeat center top;