/* CSS Document */
	body {
		color: black; background-color: #d2faa5;
		font-size: 100.01%;
		font-family: Helvetica,Arial,sans-serif;
		margin: 0; padding: 0em;	/*	leerer Rand rundherum, war 1em	*/
	}
	
	h1 {
		font-size: 1.5em;
		margin: 0 0 0.7em; padding: 0.3em;
		text-align: center;
		background-color: #fed;
		border: 2px ridge silver;
	}

	/*	
	html>body h1 {
		border-color: gray;		/*	Farbangleichung an den Internet Explorer 
	}	*/

  /*	ul#Navigation {
		font-size: 0.83em;
		float: left; width: 18em;	float width
		margin: 0 0 1.2em; padding: 0;
		border: 1px dashed silver;
		/* background-color: yellow; 
	}	*/
	
	ul#Navigation {
		font-size: 0.83em;		/* war 0.83em		*/
		width: 8em;
		margin: 0 0 1.2em; padding: 0.8em;
		border: 0; /*1px dashed silver;*/
	/*	 background-color: silver; */
		 float: left; 
	}
	
	ul#Navigation li {
		list-style: none;
		margin: 0.4em; padding: 0;
		
	}

	ul#Navigation li ul {
		margin: 0 0 0 1em; padding: 0;
	}

	ul#Navigation li ul li {
		margin: 0.1em 0;
	}	
	
	ul#Navigation a, ul#Navigation span {
		display: block;
		padding: 0.2em;
		text-decoration: none;
	/*	font-weight: normal;
		font-size: 18px;	*/
		border: 1px solid black;
		border-left-color: white; border-top-color: white;
		color: maroon; background-color: #ccc;
	}
	
	ul#Navigation a:hover, ul#Navigation span, li a#aktuell {
		border-color: white;
		border-left-color: black; border-top-color: black;
		color: white; background-color: gray;
	}
	
	/*	Erweiterung zur dynamischen Ein-/Ausblendung	*/
	
	ul#Navigation li>ul {
		display: none; top: 1.6em;
	}
	
	ul#Navigation li:hover>ul, ul#Navigation li>a#aktuell+ul {
		display: block;
	}
	
	/* Workaround fuer den IE 7	*/
	
	*:first-child+html ul#Navigation ul {
		background-color:silver; padding-bottom: 0.4em;
	}
	
	ul#Navigation li span, ul#Navigation li ul li span  {	/*  	aktuelle Unterseite kennzeichnen */
		background-color:maroon ;		/*green;	*/
	}
	
	li a#aktuell {		/* aktuelle Rubrik kennzeichnen  */
		color: red;		/*maroon;	*/
		background-color: yellow;		/*silver;	*/
	}
		
	
	ul#Navigation a:link {
		color: black; background-color: #eee;
	}
	
	ul#Navigation a:visited {
		color: #666; background-color: #eee;
	}
	

	
	ul#Navigation a:active {
		color: white; background-color: gray;
	}

	/*
	div#Info {
		font-size: 0.9em:
		float: right; width: 12em;
		margin: 0 0 1.1em; padding: 0;
		background-color: #eee; border: 1px dashed silver;	

	}
	
	div#Info h2 {
		font-size: 1.33em;
		margin: 0.2em 0.5em;
	}
			
	div#Info p {
		font-size: 1em;
		margin: 0.5em;
	}
	*/

	div#Inhalt {
		margin: 0 12em 1em 16em;
		padding: 0 1em;
		border: 1px dashed dilver;
	}
	
	* html div#Inhalt {
		height: 1em;	/* Workaround gegen den 3-Pixel-Bug des Internet Explorers */
	}
	
	div#Inhalt h2 {
		font-size: 1.2em;
		margin: 0.2em 0;
	}
	
	div#Inhalt p {
		font-size: 1em;
		margin: 1em 0;
	}
	
	p#Fusszeile {
		clear: both;
		font-size: 0.9em;
		margin: 0; padding: 0.1em;
		text-align:left;
		background-color: #fed; border: 1px solid silver;
		position:absolute; bottom:-200px;	
	}

/*	div#Fusszeile {
		clear: both;
		font-size: 0.9em;
		margin: 0; padding: 0.1em;
		text-align:left;
		background-color: #fed; border: 1px solid silver;
		position:absolute; bottom:-300px;	
	}
*/
	
	div#Gesamt {
		position: absolute; top: 0px;
		width: 100%; height: 100%; 
		border: 0; padding: 0; margin: 0;
	}
	
	div#Kopf {
		height:80px; width:100%;
		background-image:url(wintilinedancersstiefel8.jpg); 
		background-repeat:repeat-x;
	}
	
			/* Spalten kennzeichnen */
	
	div#Spalte1 {
		position: absolute; left: 0px; 
		width: 10px; height: 100%;
		background-color: #33aa33;	/*	 gruen */
	}	
	
	div#Spalte2 {
		position: absolute; left: 10px; 
		width: 120px; height: 100%;
		background-image: url(gruenhellgruen.png); 
		background-repeat: repeat-y; 
	}
	
	div#Spalte3 {
		position: absolute; left: 130px; width: 40px;
		height: 100%;
	}
	
	div#Spalte4 {
	position: absolute;
	top: 80px;
	left: 172px;
	width: 70%;
	height: 150%;
	text-align:left;
	z-index:2;
 /*	top: 1px;  */
	/*  background-color: yellow;
		margin-top:60px;
		background-color: orange;	*/
	}
	  

	div#Spalte5 {	/* Info	*/
		position: absolute; right: 0px; width: 120px;
		height: 100%;	
		text-align: left;
		background-image: url(hellgruengruen.png); 
		background-repeat: repeat-y;
		background-position: right;
		z-index:1;
	}

/*	Spalten 1 bis 5 hoch. zB für untereinander gestellten Fotos nötig. 
	height mit zB 150%	*/
	
	div#Spalte1hoch {
		position: absolute; left: 0px; 
		width: 10px; height: 150%;
		background-color: #33aa33;	/*	 gruen */
	}	
	
	div#Spalte2hoch {
		position: absolute; left: 10px; 
		width: 120px; height: 150%;
		background-image: url(gruenhellgruen.png); 
		background-repeat: repeat-y; 
	}
	
	div#Spalte3hoch {
		position: absolute; left: 130px; width: 40px;
		height: 150%;
		/*background-color: blue;	*/
	}
	
	div#Spalte4hoch {
		position: absolute; left: 170px;
		width: 70%; height: 150%;
		text-align:center;
		z-index:2;
	}
	  

	div#Spalte5hoch {	/* Info	*/
		position: absolute; right: 0px; width: 120px;
		height: 150%;	
		text-align: left;
		background-image: url(hellgruengruen.png); 
		background-repeat: repeat-y;
		background-position: right;
		z-index:1;
	}


div#Spalte8hoch {		/* statt Spalte 4hoch  */
		position: absolute; left: 170px;
		minwidth: 70%; height: 150%;
		text-align:left;
		z-index:2;
	}
	  

	div#Spalte9hoch {	/* Info statt Spalte 5hoch	*/
		position: absolute; right: 0px; width: 50px;
		height: 150%;	
		text-align: left;
		background-image: url(hellgruengruen.png); 
		background-repeat: repeat-y;
		background-position: right;
		z-index:1;
	}


	
	div#Spalte4links {
		position: absolute; left: 80px; 
		width: 35%;
		text-align: left;
		z-index: 2;
	/*	background-image: url(gruenhellgruen.png); 
		background-repeat: repeat-y;*/
	}
	
	
	div#Spalte4rechts {
		position: absolute; left: 50%; 
		width: 35%;
		text-align: left;
		z-index: 3;
	/*	background-image: url(hellgruengruen.png); 
		background-repeat: repeat-y;  */
	}