@charset "UTF-8";
/* ######################################################################################################
** # "Yet Another Multicolum Layout" (c) by Dirk Jesse (http://www.yaml.de) #############################
** # "YAML for TYPO3" (c) by Dieter Bunkerd (http://yaml.t3net.de) ######################################
** ######################################################################################################
**
**  Datei       : nav_vlist.css
**  Funktion    : Formatierung der Subnavigation.
**  Checked with http://jigsaw.w3.org/css-validator/ 13.8.07 - DB
*/

@media all
{
  #submenu { width: 100%; overflow: hidden; margin: 10px 0 1em 0; list-style-type: none; }
  #submenu ul { list-style-type: none; margin:0; padding: 0; }
  #submenu li { float:left; width: 100%; margin:0; padding: 0; line-height:18px; }
  #submenu a,
  #submenu strong { display:block; width: 90%; padding: 1px 0px 1px 10%; text-decoration: none; color: #badadd; font-size:13px; margin-bottom:10px; font-weight: bold; background:url("../../../../bilder-layout/icon-subnavi.gif") no-repeat 10px 5px; }

/* Just in case the skiplink anchor gets into THIS menu, because the tab-navigation was turned off */
/* PLEASE LEAVE THE FOLLING SETTING IN PLACE */  
  #submenu a#navigation {border-bottom:0; padding:0;}

  /* Menu Title */
  #submenu li#title { width: 90%; padding: 1px 0px 1px 10%; font-weight: bold; color: #badadd; }
  #submenu li span { display:block; width: 90%; padding: 1px 0px 1px 10%; font-weight: bold; }

  /* Level 1 */
  #submenu li#active,
  #submenu li strong { width:90%; padding:1px 0px 1px 10%; font-weight:bold; color:#fff; background:url("../../../../bilder-layout/icon-subnavi.gif") no-repeat 10px -95px; }
  #submenu li a { width: 90%; padding-left: 10%; color: #badadd;}
  #submenu li a:focus,
  #submenu li a:hover,
  #submenu li a:active { background:url("../../../../bilder-layout/icon-subnavi.gif") no-repeat 10px -95px; color: #fff; position: relative; top: 1px; }

  /* Level 2 */
  #submenu li ul li a,
  #submenu li ul li#active,
  #submenu li ul li strong,
  #submenu li ul li span { background:url("../../../../bilder-layout/icon-subnavi.gif") no-repeat 20px 4px; font-size:12px; line-height:16px; margin-bottom:7px; padding-left: 15%; width: 85%; }
  #submenu li ul li strong,
  #submenu li ul li a:focus,
  #submenu li ul li a:hover,
  #submenu li ul li a:active {  background:url("../../../../bilder-layout/icon-subnavi.gif") no-repeat 20px -96px; color: #fff; position:static; top:0;}

}
/* ##########################
** ### Accessible menu ######
** ##########################
*/
@media screen, print {
  #submenu dfn, #submenu .hidden {position:absolute; left:-1000em; width:20em;}
}