@charset "UTF-8";
/**
 * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
 *
 * (en) Vertical list navigation "vlist"
 * (de) Vertikale Navigationsliste "vlist"
 *
 * @copyright       Copyright 2005-2009, 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.1
 * @revision        $Revision: 343 $
 * @lastmodified    $Date: 2009-01-19 23:41:32 +0100 (Mo, 19. Jan 2009) $
 */

@media all
{
	/* title */
	h6.vlist {
    	font-family:  Arial, Helvetica, sans-serif;
	    font-weight: bold;
	    font-size: 10pt;
		text-transform:uppercase;
	    width: 90%;
	    padding: 3px 0px 3px 10%; /* LTR */
	    margin:0px;
	    color: #fff;
	}

	.vlist {
	    width: 100%;
	    overflow: hidden;
	    margin:0; padding: 0;
	    list-style-type: none;
	}

	.vlist ul {
	    list-style-type: none;
	    margin:0;
	    padding: 0;
	}

	.vlist li {
	    float:left; /* LTR */
	    width: 100%;
	    overfow: hiddden;
	    margin:0;
	    padding: 0;
	}

	.vlist a,
	.vlist strong,
	.vlist span {
	    display:block;
	    padding: 3px 0px 3px 10%;
	    text-decoration: none;
	}

	.vlist a,
	.vlist a:visited {
    	color: #444;
	}



	/* active list element */
 	.vlist li.active {
    	color: #fff;
  	}

 	/* Level 1 */
	.vlist li a {
		padding-left: 10%;
		font-size: 10pt;
		height: auto;
		font-family: Arial, Helvetica, sans-serif;
		font-weight: bold;
	} /* LTR */

	.vlist li a:focus,
	.vlist li a:hover,
	.vlist li a:active {
		color: #fff;
		text-decoration:none;
	}

	/* Level 2 */
	.vlist li ul li a{
		margin-left: 20px;
	} /* LTR */

	.vlist li ul li a,
	.vlist li ul li a:visited {
		 color: #333;
		 font-size:8pt;
		 font-family:Arial, Helvetica, sans-serif;
	}

	.vlist li ul li a:focus,
	.vlist li ul li a:hover,
	.vlist li ul li a:active {
		color: #fff;
		text-decoration:none;
	}

	/* Level 3 */
	.vlist li ul li ul li a {
		 margin-left: 30px;
	} /* LTR */

	.vlist li ul li ul li a,
	.vlist li ul li ul li a:visited{
		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 {
		 color: #fff;
	}



	/* Spenden-Button*/

	div.vlist ul.vlist.spenden {
		background-color: #e9f1ea;
	}

	div.vlist ul.vlist.spenden li a:hover {
		background-color: #27762f;
		color: #fff;
	}

	/* aktuell*/
	/* navigationshintergrundsfarbe*/
	div.vlist ul.vlist.aktuell {
		background-color: #fce5f1;
	}

	/*zustände aktiv*/
	div.vlist ul.vlist.aktuell li a:hover,
	div.vlist ul.vlist.aktuell li.current a,
	div.vlist ul.vlist.aktuell li.active a,
	div.vlist ul.vlist.aktuell li.current li a:hover,
	div.vlist ul.vlist.aktuell li.active li a:hover,
	div.vlist ul.vlist.aktuell li.active li.current a,
	div.vlist ul.vlist.aktuell li.active li.current li a:hover,
	div.vlist ul.vlist.aktuell li.active li.active a,
	div.vlist ul.vlist.aktuell li.active li.active li a:hover,
	div.vlist ul.vlist.aktuell li.active li.active li.current a	{
		background-color: #e2007a;
		color: #fff;
	}

	/*zustände passiv*/
	div.vlist ul.vlist.aktuell li.current ul li a,
	div.vlist ul.vlist.aktuell li.active ul li a,
	div.vlist ul.vlist.aktuell li.active ul li.current ul li a,
	div.vlist ul.vlist.aktuell li.active ul li.active ul li a {
		background-color: #fce5f1;
		color: #000;
	}


	/* wissen*/
	/* navigationshintergrundsfarbe*/
	div.vlist ul.vlist.wissen {
		background-color: #e9f1ea;
	}

	/*zustände aktiv*/
	div.vlist ul.vlist.wissen li a:hover,
	div.vlist ul.vlist.wissen li.current a,
	div.vlist ul.vlist.wissen li.active a,
	div.vlist ul.vlist.wissen li.current li a:hover,
	div.vlist ul.vlist.wissen li.active li a:hover,
	div.vlist ul.vlist.wissen li.active li.current a,
	div.vlist ul.vlist.wissen li.active li.current li a:hover,
	div.vlist ul.vlist.wissen li.active li.active a,
	div.vlist ul.vlist.wissen li.active li.active li a:hover,
	div.vlist ul.vlist.wissen li.active li.active li.current a {
		background-color: #27762f;
		color: #fff;
	}

	/*zustände passiv*/
	div.vlist ul.vlist.wissen li.current ul li a,
	div.vlist ul.vlist.wissen li.active ul li a,
	div.vlist ul.vlist.wissen li.active ul li.current ul li a,
	div.vlist ul.vlist.wissen li.active ul li.active ul li a {
		background-color: #e9f1ea;
		color: #000;
	}


	/* shop*/
	/* navigationshintergrundsfarbe*/
	div.vlist ul.vlist.shop {
		background-color: #f8fbf3;
	}

	/*zustände aktiv*/
	div.vlist ul.vlist.shop li a:hover,
	div.vlist ul.vlist.shop li.current a,
	div.vlist ul.vlist.shop li.active a,
	div.vlist ul.vlist.shop li.current li a:hover,
	div.vlist ul.vlist.shop li.active li a:hover,
	div.vlist ul.vlist.shop li.active li.current a,
	div.vlist ul.vlist.shop li.active li.current li a:hover,
	div.vlist ul.vlist.shop li.active li.active a,
	div.vlist ul.vlist.shop li.active li.active li a:hover,
	div.vlist ul.vlist.shop li.active li.active li.current a {
		background-color: #b9d58d;
		color: #fff;
	}

	/*zustände passiv*/

	div.vlist ul.vlist.shop li.current  ul li a,
	div.vlist ul.vlist.shop li.active ul li a,
	div.vlist ul.vlist.shop li.active ul li.current ul li a,
	div.vlist ul.vlist.shop li.active ul li.active ul li a {
		background-color: #f8fbf3;
		color: #000;
	}


	/* mitmachen*/
	/* navigationshintergrundsfarbe*/
	div.vlist ul.vlist.mitmachen {
		background-color: #fdf0e6;
	}

	/*zustände aktiv*/
	div.vlist ul.vlist.mitmachen li a:hover,
	div.vlist ul.vlist.mitmachen li.current a,
	div.vlist ul.vlist.mitmachen li.active a,
	div.vlist ul.vlist.mitmachen li.active a:hover,
	div.vlist ul.vlist.mitmachen li.current li a:hover,
	div.vlist ul.vlist.mitmachen li.active li a:hover,
	div.vlist ul.vlist.mitmachen li.active li.current a,
	div.vlist ul.vlist.mitmachen li.active li.current li a:hover,
	div.vlist ul.vlist.mitmachen li.active li.active a,
	div.vlist ul.vlist.mitmachen li.active li.active li a:hover,
	div.vlist ul.vlist.mitmachen li.active li.active li.current a {
		background-color: #eb690b;
		color: #fff;
	}

	/*zustände passiv*/
	div.vlist ul.vlist.mitmachen li.current  ul li a,
	div.vlist ul.vlist.mitmachen li.active ul li a,
	div.vlist ul.vlist.mitmachen li.active ul li.current ul li a,
	div.vlist ul.vlist.mitmachen li.active ul li.active ul li a {
		background-color: #fdf0e6;
		color: #000;
	}

	/* schuetzen*/
	/* navigationshintergrundsfarbe*/
	div.vlist ul.vlist.schuetzen {
		background-color: #e5eff4;
	}

	/*zustände aktiv*/
	div.vlist ul.vlist.schuetzen li a:hover,
	div.vlist ul.vlist.schuetzen li.current a,
	div.vlist ul.vlist.schuetzen li.active a,
	div.vlist ul.vlist.schuetzen li.current li a:hover,
	div.vlist ul.vlist.schuetzen li.active li a:hover,
	div.vlist ul.vlist.schuetzen li.active li.current a,
	div.vlist ul.vlist.schuetzen li.active li.current li a:hover,
	div.vlist ul.vlist.schuetzen li.active li.active a,
	div.vlist ul.vlist.schuetzen li.active li.active li a:hover,
	div.vlist ul.vlist.schuetzen li.active li.active li.current a {
		background-color: #006293;
		color: #fff;
	}

	/*zustände passiv*/
	div.vlist ul.vlist.schuetzen li.current ul li a,
	div.vlist ul.vlist.schuetzen li.active ul li a,
	div.vlist ul.vlist.schuetzen li.active ul li.current ul li a,
	div.vlist ul.vlist.schuetzen li.active ul li.active ul li a {
		background-color: #e5eff4;
		color: #000;
	}

	/* erleben*/
	/* navigationshintergrundsfarbe*/
	div.vlist ul.vlist.erleben {
		background-color: #eee9f2;
	}

	/*zustände aktiv*/
	div.vlist ul.vlist.erleben li a:hover,
	div.vlist ul.vlist.erleben li.current a,
	div.vlist ul.vlist.erleben li.active a,
	div.vlist ul.vlist.erleben li.current li a:hover,
	div.vlist ul.vlist.erleben li.active li a:hover,
	div.vlist ul.vlist.erleben li.active li.current a,
	div.vlist ul.vlist.erleben li.active li.current li a:hover,
	div.vlist ul.vlist.erleben li.active li.active a,
	div.vlist ul.vlist.erleben li.active li.active li a:hover,
	div.vlist ul.vlist.erleben li.active li.active li.current a {
		background-color: #572381;
		color: #fff;
	}

	/*zustände passiv*/

	div.vlist ul.vlist.erleben li.current ul li a,
	div.vlist ul.vlist.erleben li.active ul li a,
	div.vlist ul.vlist.erleben li.active ul li.current ul li a,
	div.vlist ul.vlist.erleben li.active ul li.active ul li a {
		background-color: #eee9f2;
		color: #000;
	}

	/* stiftung*/
	/* navigationshintergrundsfarbe*/
	div.vlist ul.vlist.stiftung {
		background-color: #e5f4fb;
	}

	/*zustände aktiv*/
	div.vlist ul.vlist.stiftung li a:hover,
	div.vlist ul.vlist.stiftung li.current a,
	div.vlist ul.vlist.stiftung li.active a,
	div.vlist ul.vlist.stiftung li.current li a:hover,
	div.vlist ul.vlist.stiftung li.active li a:hover,
	div.vlist ul.vlist.stiftung li.active li.current a,
	div.vlist ul.vlist.stiftung li.active li.current li a:hover,
	div.vlist ul.vlist.stiftung li.active li.active a,
	div.vlist ul.vlist.stiftung li.active li.active li a:hover,
	div.vlist ul.vlist.stiftung li.active li.active li.current a {
		background-color: #0095d8;
		color: #fff;
	}

	/*zustände passiv*/
	div.vlist ul.vlist.stiftung li.current ul li a,
	div.vlist ul.vlist.stiftung li.active ul li a,
	div.vlist ul.vlist.stiftung li.active ul li.current ul li a,
	div.vlist ul.vlist.stiftung li.active ul li.active ul li a {
		background-color: #e5f4fb;
		color: #000;
	}

	/* presse*/
	/* navigationshintergrundsfarbe*/
	div.vlist ul.vlist.presse {
		background-color: #f0ece9;
	}

	/*zustände aktiv*/
	div.vlist ul.vlist.presse li a:hover,
	div.vlist ul.vlist.presse li.current a,
	div.vlist ul.vlist.presse li.active a,
	div.vlist ul.vlist.presse li.current li a:hover,
	div.vlist ul.vlist.presse li.active li a:hover,
	div.vlist ul.vlist.presse li.active li.current a,
	div.vlist ul.vlist.presse li.active li.current li a:hover,
	div.vlist ul.vlist.presse li.active li.active a,
	div.vlist ul.vlist.presse li.active li.active li a:hover,
	div.vlist ul.vlist.presse li.active li.active li.current a {
		background-color: #6b4828;
		color: #fff;
	}

	/*zustände passiv*/
	div.vlist ul.vlist.presse li.current ul li a,
	div.vlist ul.vlist.presse li.active ul li a,
	div.vlist ul.vlist.presse li.active ul li.current ul li a,
	div.vlist ul.vlist.presse li.active ul li.active ul li a {
		background-color: #f0ece9;
		color: #000;
	}


}