/* uft-8  */
/* CSS 2.1 */

@media screen {

	ul[id="thematisch"] {
		background:none;
		}

	ul[id="thematisch"] > li {
		border-right-color:#ffffff;
		}

	
	ul[id="thematisch"] > li > a {
		border-left-color:#B9B9AF;
		color:#ffffff;
		background:#555555;
		}

	ul[id="unterstuetzend"] > li > a {
		border-bottom-color:#EEEEDD;
		color:#ffffff;
		background:#555555;
		}
/* zweite Ebene */
	ul[id="thematisch"] > li > ul > li > a {
		border-left-color:#B9B9AF;
		color:#555555;
		background:#CACABF;
		}
/* dritte Ebene */
	ul[id="thematisch"] > li > ul > li > ul > li > a {
		border-left-color:#B9B9AF;
		color:#555555;
		background:				#E6E6E6;
		}



	ul[id="thematisch"] > li[class="ausgewaehlt"] > span {
		border-left-color:#7FBC2B;
		color:#000000;
		background:#B5D08F;
		}

	ul[id="thematisch"] > li > ul > li > ul > li[class="ausgewaehlt"] > span,
	ul[id="thematisch"] > li > ul > li[class="ausgewaehlt"] > span,
	ul[id="unterstuetzend"] > li[class="ausgewaehlt"] > span {
		border-color:#7FBC2B;
		color:#000000;
		background:#B5D08F;
		}

	ul[id="thematisch"] > li[class="unterpunktAusgewaehlt"] > a {
		border-left-color:#7FBC2B;
		color:#ffffff;
		background:#555555;		
		}

	ul[id="thematisch"] > li > a:hover,
	ul[id="thematisch"] > li > a:focus,
	ul[id="unterstuetzend"] > li > a:hover,
	ul[id="unterstuetzend"] > li > a:focus, 
	ul[id="thematisch"] > li > ul > li > a:hover,
	ul[id="thematisch"] > li > ul > li > a:focus,
	ul[id="thematisch"] > li > ul > li > ul > li > a:hover,
	ul[id="thematisch"] > li > ul > li > ul > li > a:focus {
		border-left-color:#7FBC2B;
		color:#000000;
		background:#B5D08F;
		}
}