@charset "UTF-8";
/**
 * "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.2.1
 * @revision        $Revision:392 $
 * @lastmodified    $Date:2009-07-05 12:18:40 +0200 (So, 05. Jul 2009) $
 */

@media all
{

.vlist {
	width: 100%;
    overflow: hidden;
    margin: 0 0 1.5em 0;
    list-style-type: none;
	padding-bottom: 410px;
	background: url(../screen/images/seminare-zert2.jpg) no-repeat left bottom;
}

.vlist.start {
	padding-bottom: 560px;
	background: url(../screen/images/seminare-zert.jpg) no-repeat left bottom;
	
}
  .vlist ul { list-style-type: none; margin:0; padding: 0;
}
  .vlist li { float:left; width: 100%; margin:0; padding: 0; background: url(../images/navli2.gif) no-repeat 0 -200px;
	line-height: 1.4em;
}
  .vlist li a,
  .vlist li #active,
  .vlist li #sectionheader,
  .vlist li #apsectionheader { display: block; text-decoration: none;
}
  .vlist li #apsectionheader { font-weight: normal }
  .vlist li a.activeparent,
  .vlist li #active { font-weight: bold; }
  /* Level 1 */
  .vlist li a, .vlist li a:visited,
  .vlist li #active,
  .vlist li #sectionheader,
  .vlist li #apsectionheader { width: 85%; padding: 8px 5% 6px 10%; background: #f5ce98 url(../screen/images/nav.png) repeat-y 0 0;
	margin-bottom: 2px;
}
  .vlist li a, .vlist li a:visited,
  .vlist li #sectionheader {  color: #9b151c;
	font-weight: bold;
}
  .vlist li #active { color: #d36014;
	border-bottom-color: #c5c4c7;
	font-weight: bold;
	background: #fff;	border-top-color: #9fa7bd;
}
  .vlist li a.activeparent,
  .vlist li #apsectionheader { font-weight: bold; }
  .vlist li a:focus,
  .vlist li a:hover,
  .vlist li a:active { background: #d36014 none; color: #f7efda;
	border-bottom-color: #c5c4c7;
	border-top-color: #dcdbdd;
}
  /* Level 2 */
  .vlist li ul li a,
  .vlist li ul li #active,
  .vlist li ul li #sectionheader,
  .vlist li ul li #apsectionheader { width: 80%; padding-left: 20%; }
  .vlist li ul li a,
  .vlist li ul li #sectionheader { background: #f8f8f8 url(images/cms/arrow-right.gif) no-repeat 12% center; color: #000; }
  .vlist li ul li #active {background: #516186 url(images/cms/arrow-right-active.gif) no-repeat 12% center; color: #fff; }
  .vlist li ul li a.activeparent,
  .vlist li ul li #apsectionheader { font-weight: normal; background: url(images/cms/arrow-down.gif) no-repeat 12% center; color: #000; }
  .vlist li ul li a:focus,
  .vlist li ul li a:hover,
  .vlist li ul li a:active { background-color: #d0d0d0; color: #000; }
  /* Level 3 */
  .vlist li ul li ul li a,
  .vlist li ul li ul li #active { width: 70%; padding-left: 30%; }
  .vlist li ul li ul li a { background: #fcfcfc url(images/cms/dash.gif) no-repeat 22% center; color: #000; }
  .vlist li ul li ul li #active {background: #516186 url(images/cms/arrow-right-active.gif) no-repeat 22% center; color: #fff; }
  .vlist li ul li ul li a.activeparent { font-weight: normal; background: url(images/cms/arrow-down.gif) no-repeat 22% center; color: #000; }
  .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: #d0d0d0; color: #000; }
  /* Level 4 */
  .vlist li ul li ul li ul li a,
  .vlist li ul li ul li ul li #active { width: 60%; padding-left: 40%; }
  .vlist li ul li ul li ul li a { background: #ffffff url(images/cms/dash.gif) no-repeat 32% center; color: #000; }
  .vlist li ul li ul li ul li #active {background: #516186 url(images/cms/arrow-right-active.gif) no-repeat 32% center; color: #fff; }
  .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: #d0d0d0; color: #000; }
}