@charset "UTF-8";
/**
 * "YAML for Joomla Template" - http://www.jyaml.de
 *
 * (en) Vertical list navigation "vlist flyout" (modified for Joomla! mod_mainmenu) - Example
        use/include patch_vlist.css for width correction in IE5/6
 * (de) Vertikale Navigationsliste "vlist flyout" (modified for Joomla! mod_mainmenu) - Beispiel
        benutze/importiere die patch_vlist.css für die width Korrekturen im IE5/6
 *
 * @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 left to right (vertical) */
@import url(../flyout_v_lr.css);
/* 
 * path ex. for stylesheets in "/css/[design]/navigation/": 
   = "@import url(../../../plugins/flyout_menu/css/flyout_v_lr.css);" 
*/

/*
 * Design part
*/
@media screen, projection
{

  #main ul.menu {
    border-top: 2px #ddd solid;
    border-bottom: 2px #ddd solid;
  }

  #main ul.menu a,
  #main ul.menu li span {
    display:block;
    width: 90%;
    padding:3px 0 3px 10%;
    text-decoration: none;
    color: #444;
    border-bottom: 1px #eee solid;
  }	

	#main ul.menu li a span, #main ul.menu li span span { padding:0; margin:0; border:0; width:auto; }
	
  #main ul.menu li ul {
		border:1px solid #fff; /* need negativ margin of subitems (see next) */
		border-bottom:0;
    background-color:#ddd;
  }
	#main ul.menu li ul {
	  margin-top:-1px;
	}
	
	
	
  /* Active Links */
  #main ul.menu li .active_link, 
	#main ul.menu li .active_link span {
    font-weight: bold;
    background-color: #aab; 
    color: #fff;
  }
	
  /* Parent item hover */
	#main ul.menu li:hover, #main ul.menu li.sfHover { background-color: #f63; color: #fff ; }
	/* Hover */
	#main ul.menu li a:focus,
	#main ul.menu li a:focus span,
  #main ul.menu li a:hover,
	#main ul.menu li a:hover span,
  #main ul.menu li a:active,
	#main ul.menu li a:active span,
	#main ul.menu li .itemHover,
	#main ul.menu li .itemHover span { background-color: #f63 !important; color: #fff !important; outline:0; }


	/* Add arrows has ul */
	#main ul.menu .sf-with-ul { 
	  background-image:url(arrow_right.png);
		background-repeat:no-repeat;
		background-position:right center;
	}
  
  
}