/* TL = Tonleiterblock	S = Stimmenauswahl W = Worttafelblock  P = PlayBlock */
/*Hellblau: rgb(204, 255, 255);  float: middle; im WortContainer
Leerteichen    
<!--    //-->
*/

body {font-family: Arial; text-align:  center; line-height: 150%; }


a:link { color:rgb(255,120,0); text-decoration:none; } 
a:visited {color:rgb(255,120,0); text-decoration:none; }
a:active { color:rgb(255,120,0); text-decoration:none; }
a:hover { color:rgb(255,80,0); text-decoration:none;}


.PfeilUndTitel	{margin: auto; max-width: 900px; padding: 10px; height: 90px;}

	.Zurueck 	{display: block; text-align: left; float: left; height: 100%;}
	.Titel		{padding: 10px 9% 0 0;}


.Ws		{color: white;}
.Gn		{color: #00A400;}
.Gn1	{color: #9acd32; }
.Gn2	{color: #00ff00;}	
.Bl1	{color: #0088ff;}
.Bl2	{color: #00ccff;}

.SteinBlau	{coloer: rgb(54,64,91);}


.TextBlock			{display: inline-block;  line-height: 150%; padding: 10px; max-width: 1600px; margin-bottom: 20px; }

	.Li				{text-align: left;}

	.BildImText		{display: inline-block;  max-width: 600px; text-align: left; padding: 0 20px 10px 0; float: left;}   /* Ein Foto, welches vom Text umschlossen wird*/
	
	
	
	
	.BildImTextKlein	{display: inline-block; float: left; max-width: 300px; padding: 0px 15px 5px 0px; text-align: left; }
	
	.BildHochkantImText		{display: inline-block; float: left; max-width: 300px; padding: 6px 25px 10px 0px; text-align: left; }   /* Ein Foto, welches vom Text umschlossen wird*/

	.Wd600			{max-width: 600px;}
	.Wd800			{max-width: 800px;}
	.Wd1200			{max-width: 1200px;}

	
	.Mi				{text-align: center;}
	.Re				{text-align: right;}
	
	.HGGr			{background-color: #444444; color: white;}
	.HGGrHell		{background-color: #EEEEEE;}
	.HGSw			{background-color: black; color: white;}
	.HGWs			{background-color: white;}
	
	.SizeGr			{font-size: 1.2em;}


.BildBlockGross		{display: inline-block; max-width: 600px; padding: 10px 1% 10px 1%;}

.BildBlockM		{display: inline-block; max-width: 500px; padding: 10px 1% 10px 1%;}

.BildBlockHochkant		{display: inline-block; max-width: 400px; padding: 10px 1% 10px 1%;}

.BildBlock				{display: inline-block; max-width: 400px; padding: 30px 1% 0px 1%;}


	.TitelImBild			{display: inline-block; position: relative; bottom: 20px; text-align: center; font-weight: bold; background: rgba(0, 0, 0, 0);	}   /* right: 20px; text-align: right; */



	.BlockContainer {display: inline-block; font-size: 22px; width: 600px; padding: 20px; }
	
	.KulturInBeucha {display: inline-block;  width: 100%; text-align:  center; }
	
	
	
		
		
	
	
	.Aktuell {font-size: 1em; display: inline-block;   width: 100%;  background-color: white;  text-align:  center;}
		.AktuellDatumOrt {width: 100%; background-color: white; display:  inline-block; color: #006400; text-align:  center;}
		
	
	
	.Zusatz {}
	
	
	
	
.Test {text-align: center; width: 600px; background-color: #ffffff;margin: auto;}



/* ------------------------ Dia-Show --------------------------  */





#DiaGrossRaum	{max-width:700px;  position: relative;
					padding: 8px 8px 0 8px; }  /*background-color: gray; margin: 40px 3% 40px 3%; */
	
		.DiaGross		{display: none;}
		
		
		.DiaPfeil			{ background-color: rgb(54,64,91); border:none; color: white; padding:8px 16px; font-size: 1.5em; cursor:pointer; }
		.DiaKreuz			{ background-color: rgb(54,64,91); border:none; color: white; padding:8px 16px; font-size: 1.5em; cursor:pointer; }
		
			.DPfLinks	{position:absolute; top:50%;left:8px;}
			.DPfRechts	{position:absolute; top:50%;right:8px;}
			.DKOben		{position:absolute; top:0px;right:8px;}
			
		
	#DiaAuswahlRaum	{display: inline-block; }
	
		.DiaAuswahl	{ height: 120px; display: inline-block; cursor:pointer; padding: 5px;}