@charset "UTF-8";
/**
 * "Yet Another Multicolumn Layout" for Drupal
 *
 * (en) Vertical list navigation "vlist"
 * (de) Vertikale Navigationsliste "vlist"
 *
 * @copyright       Copyright 2006-2008, Alexander Hass
 * @license         http://www.yaml-fuer-drupal.de/en/terms-of-use
 * @link            http://www.yaml-for-drupal.com
 * @package         yaml-for-drupal
 * @version         6.x-3.0.6.9
 * @lastmodified    2008-06-21
 */

@media screen, projection
{

  /* Submenu Titel */
  .block-user, .block-menu {
    width: 100%;
    margin: 1.75em 0 1.5em 0;
    padding: 0;
    border-bottom: 0px #ddd solid;
  }


  #col1 .block-user h3, #col1 .block-menu h3 {
  display: none;
  }
  /* Submenu Block */
  ul.menu {
    width: 100%;
    overflow: hidden;       /* Fix: required for IE 5.x */
    margin: 0;              /* Fix: submenu titel - workaround for Drupal menu system */
    padding: 0;             /* overwrite drupal.css setting ".block ul" */
    list-style-type: none;
    border: 0 none;         /* Fix: remove border between block title and menu */
  }

  /* Submenu Level 1 */
  ul.menu a {
    display: block;
    text-decoration: none;
	text-transform: uppercase;
  	font-weight: bold;
}
  ul.menu li {
    float: left;
    width: 100%;
    margin: 0;
    padding: 0;
    clear: both;            /* IE 5.0 Guillotine-Bugfix */
  }
  ul.menu li a {
	width: 90%;
	padding: 3px 0px 3px 10%;
	color: #336699;
	border-bottom: 0px #eee solid;
  }
  ul.menu li a:hover {
	color: #1C3753;
	text-decoration: none;
  }
  ul.menu li a.active {
	width: 90%;
	padding: 3px 0px 3px 10%;
	font-weight: bold;
	color: #1C3753;
	border-bottom: 0px #eee solid;
  }

  /* Submenu Level 2 */
  ul.menu li ul li a {
	width: 80%;
	padding: 3px 0px 3px 20%;
	color: #336699;
	text-transform: none;
  	font-weight: bold;
	border-bottom: 0px #ddd solid;
  }
  ul.menu li ul li a.active {
    width: 80%;
    padding: 3px 0px 3px 20%;
    font-weight: bold;
    color: #1C3753;
    border-bottom: 0px #fff solid;
  }

  /* Submenu Level 3 */
  ul.menu li ul li ul li a {
    width: 70%;
    padding: 3px 0px 3px 30%;
    color: #336699;
 	text-transform: none;
  	font-weight: normal;
   border-bottom: 0px #ddd solid;
  }
  ul.menu li ul li ul li a.active {
    width: 70%;
    padding: 3px 0px 3px 30%;
    font-weight: bold;
    color: #1C3753;
    border-bottom: 0px #fff solid;
  }

  /* Submenu Level 4 */
  ul.menu li ul li ul li ul li a {
    width: 60%;
    padding: 3px 0px 3px 40%;
    color: #336699;
    border-bottom: 0px #ddd solid;
  }
  ul.menu li ul li ul li ul li a.active {
    width: 60%;
    padding: 3px 0px 3px 40%;
    font-weight: bold;
    color: #1C3753;
    border-bottom: 0px #fff solid;
  }

  /* Drupal submenu item configuration */
  ul.menu li.leaf {
	display: block;
	color: #444;
	font-weight: normal;
  }
  ul.menu li.collapsed {
    display: block;
    color: #444;
    font-weight: normal;
  }
  ul.menu li.expanded {
	display: block;
	color: #444;
	font-weight: bold;
  }

  /* Submenu - bullet toogle */
  ul.menu li.expanded ul li.leaf a {
    background-image: none;
  }
  ul.menu li.collapsed a {
    background-image: url(images/vlist/square/menu-collapsed.gif);
    background-position: 3.5%;
    background-repeat: no-repeat;
  }
  ul.menu li ul li.collapsed a {
    background-image: url(images/vlist/square/menu-collapsed.gif);
    background-position: 13.5%;
    background-repeat: no-repeat;
  }
  ul.menu li ul li ul li.collapsed a {
    background-image: url(images/vlist/square/menu-collapsed.gif);
    background-position: 23.5%;
    background-repeat: no-repeat;
  }
  ul.menu li.expanded a {
    background-image: url(images/vlist/square/menu-expanded.gif);
    background-position: 3.5%;
    background-repeat: no-repeat;
  }
  ul.menu li ul li.expanded a {
    background-image: url(images/vlist/square/menu-expanded.gif);
    background-position: 13.5%;
    background-repeat: no-repeat;
  }
  ul.menu li ul li ul li.expanded a {
    background-image: url(images/vlist/square/menu-expanded.gif);
    background-position: 23.5%;
    background-repeat: no-repeat;
  }

}
