@charset "UTF-8";
/**
 * "YAML for Joomla Template" - http://www.jyaml.de
 *
 * (en) Horizontal list navigation (like Shiny Buttons as Flyout Menu) - Example
 * (de) Horizontale Navigationsliste (wie Shiny Buttons als Flyout Menu) - Beispiel
 *
 * @version         $Id: 403.php 379 2008-05-23 02:11:25Z hieblmedia $
 * @copyright       Copyright 2005-2008, Reinhard Hiebl
 * @license         CC-A 2.0/JYAML-C(all media,html,css,js,...) and GNU/GPL(php), 
                    - see http://www.jyaml.de/en/license-conditions.html
 * @link            http://www.jyaml.de
 * @package         yamljoomla
 * @revision        $Revision: 379 $
 * @lastmodified    $Date: 2008-05-23 04:11:25 +0200 (Fr, 23 Mai 2008) $
 */
 
/* include basic file for top to buttom (horinzontal) */
@import url(../flyout_h_tb.css);
/* 
 * path ex. for stylesheets in "/css/[design]/navigation/": 
   = "@import url(../../../plugins/flyout_menu/css/flyout_h_tb.css);" 
*/

/*
 * Design part
*/
@media screen, projection
{
  #nav_main {
    background: url(bg.gif) repeat-x;
    background-color: #f6f6f6;
    height: 30px;
    margin-bottom: 5px;
  }

  #nav_main ul.menu {
    margin-left: 27px;
  }

  #nav_main ul.menu li { 
	  line-height:30px; 
		color: #404042; 
		font-weight: bold; 
	}

  #nav_main ul.menu li a,
  #nav_main ul.menu li span {
    font-size: 1em;
    text-decoration: none;		
		color:#404042;
    
    margin: 0;
    padding: 0em 0.8em;
    
    cursor:pointer;
  }
  
  #nav_main ul.menu li a span, #nav_main ul.menu li span span { padding:0; margin:0; }
	  
	#nav_main ul.menu li ul {
  /*  border:1px solid #10449a;  need negativ margin of subitems (see next) */
    background:url(ul_bg.png);
  }
	#nav_main ul.menu li ul li ul {
	  margin-top:-1px;
	}
  
  /* Active Links */
  #nav_main ul.menu li .active_link, 
	#nav_main ul.menu li .active_link span {
    background-color: transparent !important; color: #404042 !important;
  }
	
  /* Parent item hover */
	#nav_main ul.menu li:hover, #nav_main ul.menu li.sfHover { background-color: #182E7A; color: #fff ; }
	/* Hover */
	#nav_main ul.menu li a:focus,
	#nav_main ul.menu li a:focus span,
  #nav_main ul.menu li a:hover,
	#nav_main ul.menu li a:hover span,
  #nav_main ul.menu li a:active,
	#nav_main ul.menu li a:active span,
	#nav_main ul.menu li .itemHover,
	#nav_main ul.menu li .itemHover span { background-color: #1e1e66 !important; color: #f5ca00!important; outline:0; }
	
	/* Add arrows has ul */
	#nav_main ul.menu .sf-with-ul { 
	  background-image:url(arrow_bottom.png);
		background-repeat:no-repeat;
		background-position:right center;
		padding-right:1.2em; 
	}
	#nav_main ul.menu li ul .sf-with-ul { 
	  background-image:url(arrow_right.png);
	}

}