@charset "UTF-8";

/**

 * "YAML for Joomla Template" - http://www.jyaml.de

 *

 * (en) Vertical list navigation "vlist" (modified for Joomla! mod_mainmenu)

 * (de) Vertikale Navigationsliste "vlist" (modified for Joomla! mod_mainmenu)

 *

 * @version         $Id: nav_vlist.css 423 2008-07-01 11:44:05Z 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: 423 $

 * @lastmodified    $Date: 2008-07-01 13:44:05 +0200 (Di, 01. Jul 2008) $

*/



@media screen, projection

{

  #main .menu {
	width: 100%;
	overflow: hidden;
	margin:0;
	list-style-type: none;
	border-top: 2px #ddd none;
	border-bottom: 2px #ddd none;
	font-family: GillSans, Arial, sans-serif;
  }



  #main .menu ul { list-style-type: none; margin:0; padding: 0; }

  #main .menu li { float:left; width: 100%; margin:0; padding: 0 }

  

  /* Menu Title */

  /**

   * Dynamic menutitles with linktype seperator

   * @doc     http://www.jyaml.de/index.php?option=com_content&task=view&id=122&Itemid=629

   * @default disabled

  **/    

  /*

  #main .menu li.menutitle {

    width: 90%;

    padding: 3px 0px 3px 10%;

    font-weight: bold;

    color: #444;

    background-color: #fff;

    border-bottom: 4px #888 solid;

  }

  */

  

  #main .menu a,
  #main .menu span.separator {
	display:block;
	width: 90%;
	text-decoration: none;
	color: #777777;
	border-bottom: 1px #eee none;
	letter-spacing:1px;
	font-size:110%;
	padding-top: 3px;
	padding-right: 0;
	padding-bottom: 8px;
	padding-left: 0;

  }



  #main .menu li#current a.active_link {
	color: #8e3eae;
	border-bottom: 1px #eee none;
	cursor:default;
	background: url(../../../images/default/punkt02_a.gif) no-repeat;
	background-position:left 50%;
	/* MvG:padding-left:7px;*/

  }
  #main .menu li a {	
	text-transform:uppercase;
	} 

	#main .menu li ul li a,
	#main .menu li#current ul li a.active_link { 
		/*text-transform:none;*/
		font-weight:normal;
		background-image:none;
		text-transform:none;
		line-height:0.8em;
		margin-left:2px;
	}	


  /* Level 1 */

  #main .menu li a, 

  #main .menu li span.separator {
	width: 90%;
	padding-left: 0%;
	color: #777777;
	font-weight: bold;
	/* MvG: */
		background: url(../../../images/default/punkt02.gif) no-repeat;
	background-position:left 50%;
	padding-left:7px;
	
}


  

  #main .menu li a:focus,

  #main .menu li a:hover,

  #main .menu li a:active {
	color: #8e3eae;
}



  /* Level 2 */

  #main .menu li ul li a,

  #main .menu li ul li span.separator { width: 80%; padding-left: 7px; 
	/* MvG: Untermenüpunkte */
		font-weight: normal;
		background:none;}



  #main .menu li ul li a { color: #777777; }

  #main .menu li ul li a:focus,

  #main .menu li ul li a:hover,

  #main .menu li ul li a:active { color: #84b818; }



  /* Level 3 */

  #main .menu li ul li ul li a,

  #main .menu li ul li ul li span.separator { width: 70%; padding-left: 20%; }



  #main .menu li ul li ul li a {color: #777777; }

  #main .menu li ul li ul li a:focus,

  #main .menu li ul li ul li a:hover,

  #main .menu li ul li ul li a:active { color: #84b818;; }



  /* Level 4 */

  #main .menu li ul li ul li ul li a,

  #main .menu li ul li ul li ul li span.separator { width: 60%; padding-left: 30%; }



  #main .menu li ul li ul li ul li a { color: #777777; }

  #main .menu li ul li ul li ul li a:focus,

  #main .menu li ul li ul li ul li a:hover,

  #main .menu li ul li ul li ul li a:active { color: #84b818; }

}