@charset "UTF-8";
/**
 * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
 * Vertikale Navigationsliste "vlist"
 */
@media all
{
  #submenu {
  font-size:11px;
    max-width: 200px;
	margin: 5px 5px 5px 5px;
    overflow: hidden;
	text-align:left;
    /*margin: 2em 0 1.5em 0;------*/
    list-style-type: none;
    /*border-top: 2px #ddd solid;------*/
    /*border-bottom: 2px #ddd solid; ------*/}
  #submenu ul { list-style-type: none; margin:0; padding: 0; }
  #submenu li { float:left; width: 100%; margin:0; padding: 0; }
  #submenu li a,
  #submenu li #active,
  #submenu li #sectionheader,
  #submenu li #apsectionheader { display: block; text-decoration: none; border-bottom: 1px #ddd solid; }
  #submenu li #apsectionheader { font-weight: bold; }
  #submenu li a.activeparent,
  #submenu li #active { font-weight: bold; }
  /* Level 1 */
  #submenu li a,
  #submenu li #active,
  #submenu li #sectionheader,
  #submenu li #apsectionheader { width: 90%; padding: 3px 0px 3px 10%; }
  #submenu li a,
  #submenu li #sectionheader { background: #fff url(images/cms/arrow-right.gif) no-repeat 2% center; color: #005b9a; }
  #submenu li #active {background: #005b9a url(images/cms/arrow-right-active.gif) no-repeat 2% center; color: #fff; }
  #submenu li a.activeparent,
  #submenu li #apsectionheader { font-weight: bold; background: #005b9a url(images/cms/arrow-down.gif) no-repeat 2% center; color: #fff; }
  #submenu li a:focus,
  #submenu li a:hover,
  #submenu li a:active { background-color: #337cae; color: #fff; } /**/
  /* Level 2 */
  #submenu li ul li a,
  #submenu li ul li #active,
  #submenu li ul li #sectionheader,
  #submenu li ul li #apsectionheader { width: 80%; padding-left: 20%; }
  #submenu li ul li a,
  #submenu li ul li #sectionheader { background: #f8f8f8 url(images/cms/arrow-right.gif) no-repeat 12% center; color: #337cae; }
  #submenu li ul li #active {background: #337cae url(images/cms/arrow-right-active.gif) no-repeat 12% center; color: #fff; }
  #submenu li ul li a.activeparent,
  #submenu li ul li #apsectionheader { font-weight: bold; background:  #337cae url(images/cms/arrow-down.gif) no-repeat 12% center; color: #fff; }
  #submenu li ul li a:focus,
  #submenu li ul li a:hover,
  #submenu li ul li a:active { background-color: #337cae; color: #fff;  }
  /* Level 3 */
  #submenu li ul li ul li a,
  #submenu li ul li ul li #active { width: 70%; padding-left: 30%; }
  #submenu li ul li ul li a { background: #FF0000 url(images/cms/dash.gif) no-repeat 22% center; color: #337cae; }
  #submenu li ul li ul li #active {background: #669dc2  url(images/cms/arrow-right-active.gif) no-repeat 22% center; color: #fff; }
  #submenu li ul li ul li a.activeparent { font-weight: normal; background: url(images/cms/arrow-down.gif) no-repeat 22% center; color: #337cae; }
  #submenu li ul li ul li a:focus,
  #submenu li ul li ul li a:hover,
  #submenu li ul li ul li a:active { background-color: #669dc2; color: #fff; }
  /* Level 4 */
  #submenu li ul li ul li ul li a,
  #submenu li ul li ul li ul li #active { width: 60%; padding-left: 40%; }
  #submenu li ul li ul li ul li a { background: #ffffff url(images/cms/dash.gif) no-repeat 32% center; color: #337cae; }
  #submenu li ul li ul li ul li #active {background: #005b9a url(images/cms/arrow-right-active.gif) no-repeat 32% center; color: #fff; }
  #submenu li ul li ul li ul li a:focus,
  #submenu li ul li ul li ul li a:hover,
  #submenu li ul li ul li ul li a:active { background-color: #d0d0d0; color: #337cae; }
}