/**
 * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
 *
 * (en) Vertical list navigation "vlist"
 * (de) Vertikale Navigationsliste "vlist"
 *
 * @copyright       Copyright 2005-2010, Dirk Jesse
 * @license         CC-A 2.0 (http://creativecommons.org/licenses/by/2.0/),
 *                  YAML-C (http://www.yaml.de/en/license/license-conditions.html)
 * @link            http://www.yaml.de
 * @package         yaml
 * @version         3.3
 * @revision        $Revision:392 $
 * @lastmodified    $Date:2009-07-05 12:18:40 +0200 (So, 05. Jul 2009) $
 */

@media all
{
  /* title */
  h6.vlist {
    font-family:Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size:100%;
    padding:0 0 0 10px; /* LTR */
    margin:0 0 0.75em 0;
    color:#fff;
	line-height: 2em;
    height: 23px;
    background-image: url(../../images/bg/bg-headline-col1.png);
    background-position: top left;
    background-repeat: no-repeat;
	background-color: transparent;
  }

  #block-system-main-menu ul.menu {
    width:100%;
    overflow:hidden;
    margin: 0;
    list-style-type:none;
  }

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

   #block-system-main-menu ul.menu li {
    background-image: url(../../images/icons/pfeil-sw.png);
    background-position: 0 6px;
    background-repeat: no-repeat;
	background-color: transparent;
    float:left; /* LTR */
    width:100%;
    margin:0;
    padding:0;
  }

    #block-system-main-menu ul.menu a {
    display:block;
    padding:3px 0px 3px 10%;
    text-decoration:none;
    border-bottom: 1px #1a1a18 solid;
  }

    #block-system-main-menu ul.menu a,
    #block-system-main-menu ul.menu a:visited {
    color:#000;
  }


  /* active list element */
   #block-system-main-menu ul.menu li.active-trail {
    background-image: url(../../images/icons/pfeil-ws.png);
    background-position: 0 6px;
    background-repeat: no-repeat;
	background-color: transparent;
    float:left; /* LTR */
    width:100%;
    margin:0;
    padding:0;
	font-weight: bold;
  }
  
   /* Hover-Zustand für Listen */
   #block-system-main-menu ul.menu li:hover {
    background-image: url(../../images/icons/pfeil-ws.png);
    background-position: 0 6px;
    background-repeat: no-repeat;
	background-color: transparent;
    float:left; /* LTR */
    width:100%;
    margin:0;
    padding:0;
  }

  /* Level 1 */
  
 
 #block-system-main-menu ul.menu li a  { width:90%; padding-left:12%; } /* LTR */

 #block-system-main-menu ul.menu li a:focus,
 #block-system-main-menu ul.menu li a:hover,
 #block-system-main-menu ul.menu li a:active {color:#000; font-weight: bold; outline: 0 none; text-decoration: none; background-color: transparent; }

  /* Level 2 */
  
 
  #block-system-main-menu  ul.menu li ul.menu li.active-trail {background-image: none; font-weight: bold;}
  #block-system-main-menu  ul.menu li ul.menu li {background-image: none; font-weight: normal; }
  
  #block-system-main-menu  ul.menu li ul li a { width:80%; padding-left:12%; } /* LTR */

  #block-system-main-menu ul.menu li ul li a, 
  #block-system-main-menuul.menu li ul li a:visited { background-color:transparent; color:#000; }
  #block-system-main-menu ul.menu li ul li a:focus,
  #block-system-main-menu ul.menu li ul li a:hover,
  #block-system-main-menu ul.menu li ul li a:active { background-color:transparent; color:#000; }

  /* Level 3 */
  .vlist li ul li ul li a,
  .vlist li ul li ul li strong,
  .vlist li ul li ul li span { width:70%; padding-left:30%; } /* LTR */

  .vlist li ul li ul li a,
  .vlist li ul li ul li a:visited{ background-color:#f0f0f0; color:#222; }
  .vlist li ul li ul li a:focus,
  .vlist li ul li ul li a:hover,
  .vlist li ul li ul li a:active { background-color:#a88; color:#fff; }

  /* Level 4 */
  .vlist li ul li ul li ul li a,
  .vlist li ul li ul li ul li strong,
  .vlist li ul li ul li ul li span { width:60%; padding-left:40%; } /* LTR */

  .vlist li ul li ul li ul li a,
  .vlist li ul li ul li ul li a:visited { background-color:#e8e8e8; color:#111; }
  .vlist li ul li ul li ul li a:focus,
  .vlist li ul li ul li ul li a:hover,
  .vlist li ul li ul li ul li a:active { background-color:#a88; color:#fff; }
  
  
   /**
  * ------------------------------------------------------------------------------------------------- #
  *
  * Gestaltung der Links in der Footernavigation
  */

 #topnav ul.menu {
  list-style-type: none;
  margin: 0 0 0 -4px;
  padding: 0;
  }
  
 #topnav ul.menu li {
  display: inline;
  padding: 0 2px 0 0;
  margin: 0;
  border-right: 1px solid #000;
  }
  
 #topnav ul.menu li.last {
  display: inline;
  padding: 0 0px 0 0;
  border-right: none 0;
  }
  
  #topnav ul.menu li.first a {
  margin-left: 0px;
  }

  #topnav a { color: #000; font-weight:normal; background:transparent; text-decoration:none; margin-right: 6px; margin-left: 6px; }
  #topnav a:focus,
  #topnav a:hover,
  #topnav a:active { text-decoration:underline; background-color:transparent; }

  #topnav ul.menu li a { color:#000; background:transparent; text-decoration:none;  }
  #topnav ul.menu li a:focus,
  #topnav ul.menu li a:hover,
  #topnav ul.menu li a:active { text-decoration:underline; background-color:transparent; }
  
  #topnav ul.menu li a.active {
  text-decoration: underline;
  }
  
#topnav span.ext {display: none !important;}

 /**
  * ------------------------------------------------------------------------------------------------- #
  *
  * Skiplinks 
  *
  * Gestaltung der Skiplink-Navigation
  *
  * @section content-skiplinks
  */
  
  #skiplinks a.skip:focus,
  #skiplinks a.skip:active { 
	color:#fff; 
	background:#333; 
	border-bottom:1px #000 solid;
	padding:10px 0;
	text-decoration:none;
  }
  
}