﻿/*******************  Allgemein  *****************************/


body, html{
	margin:0;
	padding:0;
	width:100%;
	height:100%;
}



.Vorlage_Hintergund{
	background-color: #FFFFFF;
	text-align: center;
}


.style97 {
	background-color: #FFFFFF;
	text-align: center;
}




.Mitte {
	text-align: center;
}
.Mitte_1 {
	text-align: center;
	font-size: small;
	
}
.Mitte_2 {
	text-align: center;
	font-size: large;
	color: #000000;
}	
.Mitte_3 {
	text-align: center;
	font-size: medium;
	background-color: #DDEEFE;
	border: 1px solid #A2B5CD;
}	
.Mitte_3_1 {
	color: #0000FF;
	text-align: center;
	font-size: medium;
	background-color: #DDEEFE;
	border: 1px solid #A2B5CD;
}	
.Mitte_3_2 {
	color: #FF0000;
	text-align: center;
	font-size: medium;
	background-color: #DDEEFE;
	border: 1px solid #A2B5CD;



}



.Mitte_blau {
	text-align: center;
	background-color: #DDEEFE;	
}
.Mitte_schwarz {
	text-align: center;
	background-color: #000000;	
	
	
}

.Ueberschriftleiste_30 {
	text-align: center;
	background-image: url('../Designtest/1.png');
	color: #FFFFFF;
	font-size: x-large;
}

.Ueberschriftleiste_31 {
	text-align: center;
	background-image: url('../Designtest/1.png');
	color: #FFFFFF;
	font-size: large;
}


.Ueberschriftleiste_25 {
	text-align: center;
	background-image: url('../Designtest/3.png');
	color: #FFFFFF;
	font-size: small;
}


.Ueberschriftleiste_26 {
	text-align: center;
	background-image: url('../Designtest/3.png');
	color: #FFFFFF;
	font-size: large;

}

.Ueberschriftleiste_20 {
	text-align: center;
	background-image: url('../Designtest/3.png');
	color: #FFFFFF;
	font-size: small;

}

.Ueberschriftleiste_40 {
	text-align: center;
	background-image: url('../Designtest/3.png');
	color: #FFFFFF;
	font-size: large;


}
.Leiste_1 {
	text-align: center;
	font-size: small;
	background-image: url('../Designtest/Oragne_20.png');
	text-decoration: blink ;

}
.Leiste_2 {
	text-align: center;
	font-size: x-small;
	background-image: url('../Designtest/Oragne_20.png');
	}
.Leiste_3 {
	text-align: center;
	border: 1px solid #FFCC66;
	font-size: small;
	background-image: url('../../../Designtest/Oragne_20.png');
}

.Hoehe_1pt{
	text-align: center;
	font-size: 1pt;
	
}

.Hoehe_2pt{
	text-align: center;
	font-size: 1pt;
}

.Hoehe_5pt{
	text-align: center;
	font-size: 2pt;
	
	
}

.Hoehe_3pt{
	text-align: center;
	font-size: 3pt;
	background-color: #D2E2FF;

		
}

.Display_100 {
	border: 1px solid #FFFFFF;
	text-align: center;
	color: #000000;
	font-size: 16pt;
	background-image: url('../../../Designtest/dispaly_100.png');

}

.Display_100 {
	border: 1px solid #FFFFFF;
	text-align: center;
	color: #000000;
	font-size: 16pt;
	background-image: url('../../../Designtest/dispaly_100.png');

}
. {
	border-left: 1px solid #C0C0C0;
	border-top: 1px solid #C0C0C0;
	text-align: center;
	background-color: #E3E3E3;
	font-size: 11pt;
	border-right-style: solid;
	border-right-width: 1px;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	color: 	#FF4040;
	
}

.gruen {
	border-left: 1px solid #C0C0C0;
	border-top: 1px solid #C0C0C0;
	text-align: center;
	color: 	#228B22;
	background-color: #E3E3E3;
	font-size: 11pt bold;
	border-right-style: solid;
	border-right-width: 1px;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	color: 	#228B22;
		
}

.Orange_Leiste_20 {
	
	border: 1px solid #FFFFFF;
	text-align: center;
	border-color: rgba(255, 255, 255, 0.5);
	font-size: 12px;	
	color: 	#000;
	text-shadow: 0.1em 0.1em #fff;
	background-color: rgba(255,255,255,0.7);
	box-shadow: 0 0px 5px rgba(0, 0, 0, 0.6);

}

.Norm_Leiste_20 {
	
	border: 1px solid #FFFFFF;
	text-align: center;
	border-color: rgba(255, 255, 255, 0.5);
	font-size: 10px;	
	color: 	#000;
	text-shadow: 0.1em 0.1em #fff;
	background-color: rgba(255,255,255,0.7);
	box-shadow: 0 0px 5px rgba(0, 0, 0, 0.6);

}

.Orange_Leiste_20_1 {
	
	border: 1px solid #FFFFFF;
	text-align: left;
	border-color: rgba(255, 255, 255, 0.5);
	font-size: 12px;	
	color: 	#000;
	text-shadow: 0.1em 0.1em #fff;
	background-color: rgba(255,255,255,0.7);
	box-shadow: 0 0px 5px rgba(0, 0, 0, 0.6);

	
}
.Orange_Leiste_21 {
	
	border: 1px solid #A0A0A0;
	text-align: center;
	border-color: rgba(255, 255, 255, 0.5);
	font-size: 12px;	
	color: 	#000;
	text-shadow: 0.1em 0.1em #fff;
	background-color: rgba(255,255,255,0.7);
	box-shadow: 0 0px 5px rgba(0, 0, 0, 0.6);

}



.Orange_Leiste_20_k {
	
	border: 1px solid #FFFFFF;
	text-align: center;
	border-color: rgba(255, 255, 255, 0.5);
	color: 	#000;
	text-shadow: 0.1em 0.1em #fff;
	background-color: rgba(255,255,255,0.7);
	box-shadow: 0 0px 5px rgba(0, 0, 0, 0.6);
	font-size: 11px;	


	
}


.Hell_Blau_20 {
	font-size: small;
	background-color: #FFFFCC;
	background-image: url('../../Designtest/H_blau_20.png');
	text-align: center;
}

.Hell_Blau_21 {
	font-size: medium;
	background-color: #FFFFCC;
	background-image: url('../../Designtest/H_blau_20.png');
	text-align: center;


}
.Hell_Blau_25 {
	font-size: small;
	background-color: #FFFFCC;
	background-image: url('../../Designtest/H_blau_25.png');
	text-align: center;
	border: 1px solid #BCD2EE;
	border-style: solid;
	border-width: 1px;

}
.Hintergrund_Hellgrau {
	font-size: small;
	background-color: #E3E3E3;
	text-align: center;
	border: 1px solid #999999;
	border-style: solid;
	border-width: 1px;

}
.Hintergrund_dunkelgrau {
	font-size: small;
	background-color: #C4C4C4;
	text-align: center;
	border: 1px solid #999999;
	border-style: solid;
	border-width: 1px;

}




.Hell_Blau_45 {
	font-size: large;
	text-align: center;
	background-color: #FFFFCC;
	background-image: url('../../Designtest/H_blau_45.png');

}

.Display_46 {
	text-align: center;
	background-image: url('../../Designtest/dispaly_46.png');
	font-size: x-large;
}


/********************** Hintergrundfarben ********************************/



.schwarz {
	background-color: #000000;
}

.Rot_1 {
	border: 1px solid #99CCFF;
	font-size: small;
	text-align: center;
	background-color: #FF8C8C;
}
.H_Blau_1 {
	font-size: small;
	border: 1px solid #DFDFDF;
	text-align: center;
	background-color: #6AB5FF;
}

.D_Blau_1{
 	background-image: url('../Designtest/blau_20.png');
	font-size: small;
	border: 1px solid #DFDFDF;
	text-align: center;
	color: 	#ffffff;

}
/*******************  Startkpopf  *****************************/

.Start_Menuekopf_Kopf_Sonne {
	background-image: url('../../Bilder/die-Sonne.jpg');
	
}
.Start_Menuekopf_Kopf_1_pt {
	font-size: 1pt;
}
.Start_Menuekopf_Kopf_2_pt {
	font-size: 1pt;
	border-radius:10px 10px 0px 0px;
	background-image: url('../../Bilder/die-Sonne.jpg');


	}

	
.Start_Menuekopf_Kopf_4_pt {
	font-size: 4pt;
}
.Start_Menuekopf_Kopf_Mitte {
	text-align: center;

}
.Start_Menuekopf_Kopf_Menue_ueberschrift {
	text-align: center;
	font-size: small;
	background-image: url('../Designtest/Oragne_20.png');
}
/*******************  Willkommen  *****************************/

.Willkommen_Kopf {
	text-align: center;
	font-size: small;
	background-image: url('../Designtest/Oragne_20.png');

}
.Willkommen_Kopf_Hindergrund {
	text-align: center;
	font-size: medium;
	background-color: #9ECBFD

}
.Willkommen_Kopf_Schrift_1 {
	text-align: center;
	font-size: small;
	color: #000000;
}
.Willkommen_Kopf_Schrift_2 {
	color: #0066FF;
}
.Willkommen_Kopf_Schrift_3 {
	text-align: center;
	font-size: small;
	color: #000000;
}
.Willkommen_Kopf_hinter {
	background-color: #99CCFF;

}
.Willkommen_Kopf_script_Text {
	color: #990000;
	background-color: #DDEEFF;
}

.Willkommen_Kopf_Test {
	color: #000000;
	background-color: #DDEEFF;
	font-size: large;
}


/*******************  Aktuelles  *****************************/


.Aktuelles_Zeit_Schwarz{
  background-image: url('../Designtest/3.png');
  text-align: center;
  font-size: small;

}
.Aktuelles_Zeit_Rot{
  background-image: url('../Designtest/rot_30_2.png');
  text-align: center;
  font-size: small;
  color: #FFFF00;	
}
.Aktuelles_Hintergrund {
	background-color: #99CCFF;

}
.Zeit_Schwarz1{
  background-image: url('../Designtest/1.png');
  text-align: center;
  font-size: medium;
  color: #FFFFFF;

}
.Zeit_Rot{
  background-image: url('../Designtest/rot_30_2.png');
  text-align: center;
  font-size: medium;
  color: #FFFF00;
	
}


/********** Wettervorhersage ***********/

.Leiste_Wettervorhersage {
	font-size: medium;
	text-align: center;
	border: 1px solid #FFCC00;
	background-color: #FFCC00;
	text-decoration: underline;
	background-image: url('../Designtest/Oragne_30.png');

}

.Tageszeit_Wettervorhersage_Tag_2 {
	font-size: small;
	text-align: center;
	color: #FFFFFF;
	border: 1px solid #535353;
	background-color: #696969;
}

.Tageszeit_Wettervorhersage_Tag_1_3 {
	font-size: small;
	text-align: center;
	color: #FFFFFF;
	border: 1px solid #3B3B3B;
	background-color: #2D2D2D;
}

.Rahmen_Icon_Wettervorhersage{
	border: 1px solid #AAD5FF;
	text-align: center;
	
}
.Hindergrund_Vorhersage_1 {
	border: 1px solid #AAD5FF;
	text-align: center;
	font-size: 8pt;
	background-color: #82C0FF;
}
.Hindergrund_Vorhersage_2 {
	border: 1px solid #AAD5FF;
	text-align: center;
	font-size: 8pt;
}
.Hindergrund_Vorhersage_3 {
	border: 1px solid #AAD5FF;
	color: #016DE4;
	background-color: #6AB5FF;
	font-size: small;
	text-align: center;
	
}
.Hindergrund_Vorhersage_4  {
	border: 1px solid #AAD5FF;
	color: #FF0000;
	font-size: small;
	text-align: center;
}
.Hindergrund_Vorhersage_5 {
  	background-image: url('../Designtest/Schwarz_40.png');
	border: 1px solid #AAD5FF;
	color: #016DE4;
	background-color: #6AB5FF;
	font-size: medium;
	text-align: center;
}
.Hindergrund_Vorhersage_6 {
  	background-image: url('../Designtest/Schwarz_40.png');
	border: 1px solid #AAD5FF;
	color: #FF0000;
	background-color: #6AB5FF;
	font-size: medium;
	text-align: center;


}
.Schriftgroesse_Grad {
	font-size: 14pt;
}
.Ausrichtung_Vorhersage {
	border: 1px solid #AAD5FF;
	text-align: center;
	background-color: #016DE4;
	
}
.Ausrichtung_Vorhersage_2 {
	border: 1px solid #AAD5FF;
	text-align: center;
	background-color: #FF6666;
}
.Wettervorhersage_DWD_Hindergrundfarbe {
	background-color: #484848;
	color: #FFFFFF;
	font-size: small;
	
}
.Wettervorhersage_DWD_Hindergrundfarbe_1 {
	background-color: #D2E2FF;
	color: #000000;
	font-size: small;
	
	
}
/********** Sat_Seite ***********/

.Sat_1 {
	color: #FFFFFF;
	text-align: center;
	background-color: #99CCFF;
	background-image: url('../Designtest/Schwarz_30.png');
	font-size: x-large;
	}
.Sat_2 {
	text-align: center;
}
.Sat_3 {
	font-size: 8pt;
}
.Sat_4 {
	color: #FFFFFF;
}

.Sat_5 {
	color: #FFFFFF;
	text-align: center;
	background-color: #99CCFF;
	background-image: url('../Designtest/3.png');
	font-size: large;
}

/********** DWD - Ordner - Vorhersage ***********/



.DWD_Leiste_1 {
	text-align: center;
	border: 1px solid #FFCC00;
	font-size: small;
	background-image: url('../Designtest/Oragne_40.png');
	
	
	
}
/********** DWD - Ordner - Vorhersage ***********/


.Sonne_Mond_Leiste_1 {
	font-size: 12px;
	text-shadow: 0.1em 0.1em #333;
	border-color: rgba(255, 255, 255, 0.1);
	color: #FFFFFF;
	text-align: center;

}
.Sonne_Mond_Leiste_2 {
	font-size: 9.7px;
	text-shadow: 0.1em 0.1em #333;
	border-color: rgba(255, 255, 255, 0.1);
	color: #FFFFFF;
	text-align: center;

}



/******** HAuptseite Wetterwarnungen **********/


.Haupt_warn_Textmeldung {
	font-size: xx-small;
}


/******* Windseite Hauptanzeige ****/

.Wind_Display {
	border: 1px solid #FFFFFF;
	text-align: center;
	color: #000000;
	font-size: 36pt;
	background-image: url('../../../Designtest/dispaly_100.png');		
		
	}

.Wind_Gitter {
	border: 1px solid #000000;
	text-align: center;
	background-image: url('../../Designtest/Gitter.png');
}


.Steifer_Wind_gelb {
	text-align: center;
	background-color: #FFFF00;
	color: #FF0000;
	font-size: 12pt;
	border-radius:10px 10px 00px 00px;

}


/************* Orkan Xaver ******************/

.Xaver_Text {
	border-width: 0;
	font-size: medium;
	background-color: #FFFFFF;
}
.Xaver_Schrift {
	font-size: large;
	text-align: center;
	background-color: #C0C0C0;
	border: 1px solid #000000;

}
.Xaver_Display_100 {
	border: 1px solid #000000;
	text-align: center;
	color: #000000;
	font-size: 16pt;
	background-image: url('../../../Designtest/dispaly_100.png')
	
}
/*************** Start_seite Orkane und Stürme *******/

.Orkane_Start_Tabelle {
	text-align: center;
	border: 1px solid #000000;
	background-color: #00CC99;
}
.Orkane_Start_Tabelle_1 {
	text-align: center;
	border: 1px solid #000000;
	background-color: #CCFFCC;
}

/********* HAuptseite Glättewarnung ***********/

.Glaettewarnung_Hauptleiste {
	background-color: #FF0000;
	background-image: url('../Designtest/rot_25.png');
	text-align: center;
	color: #FFFF00;

}
.Glaettewarnung_Display {
	border-left: 3px solid #C0C0C0;
	border-top: 3px solid #C0C0C0;
	text-align: center;
	font-size: xx-large;
	background-image: url('../Designtest/dispaly_pixel.png');
	border-right-style: solid;
	border-right-width: 3px;
	border-bottom-style: solid;
	border-bottom-width: 3px;


/**********************  Wind Und Temp - Start Wind Seite ************************************/

}
.X8 {
	text-align: center;	
	border: 1px solid #404040;

	background-image: url('../../Designtest/crome_22.png');
	font-size: medium;
	color: #00100;

}
.X9 {
	background-image: url('../../Designtest/rot_30.png');
	text-align: center;
	color: #FFFF00;
	font-size: large;
}
.X10 {
	background-color: #000000;
}
.X11 {
	background-image: url('../../Designtest/crome_50.png');
}
.X12 {
	background-image: url('../../Designtest/dispaly_pixel.png');
}

.X0 {
	background-color: #000000;
	background-image: url('../../Designtest/carbon_1.png');
}

.Crome_150 {
	border: 2px solid #404040;
	background-image: url('../../Designtest/crome_1.png');
	text-align: center;
}

.Crome_50 {
	border: 1px solid #404040;
	background-image: url('../Designtest/crome_50.png');
	text-align: center;
}


/********************** In Jahr zuvor  ***************************************/

.Ueberschriftleiste_In_Jahr_zuvor_25 {
	border: 1px solid #404040;
	text-align: center;
	background-image: url('../Designtest/3.png');
	color: #FFFFFF;
	font-size: small;
}

.Ein_Jahr_zuvor_Sensor_20 {
	border: 1px solid #404040;
	text-align: center;
	font-size: small;
	background-image: url('../Designtest/Oragne_20.png');
	text-decoration: blink ;
}

.Ein_Jahr_zuvor_Sonsor_Max {
	border: 1px solid #404040;
	text-align: center;
	font-size: small;
	background-color: #FFE8E8;
}
.Ein_Jahr_zuvor_Sonsor_Min {
	border: 1px solid #404040;
	text-align: center;
	font-size: small;
	background-color: #D7EBFF;
}
.Ein_Jahr_zuvor_Sonsor_Durch {
	border: 1px solid #404040;
	text-align: center;
	font-size: small;
	background-color: #E8FFE8;
}
.Ein_Jahr_zuvor_Sonsor_Rahmen {
	background-color: #FFFFFF;
	border: 1px solid #404040;
	text-align: center;
	font-size: medium;
	
}
.Ein_Jahr_zuvor_Sensor_Inlayer {
	background-color: #000000;
	background-image: url('../Designtest/carbon_1.png');

}
*[class="button"]
{
 background-image: url('../Designtest/blau_20.png');
 text-align: center;
 color: #ffffff;
 text-decoration: none;
 
}
*[class="button"]:hover
{
 background-image: url('../Designtest/hellgruen_30.png');
 text-align: center;
 color: #000000;
 text-decoration: none;
}
.unterschied_rot {
	background-color: #FFFFFF;
	border: 1px solid #404040;
	text-align: center;
	font-size: medium;
	color: 	#FF4040;
	
}
.unterschied_gruen {
	background-color: #FFFFFF;
	border: 1px solid #404040;
	text-align: center;
	font-size: medium;
	color: 	#228B22;

}

/*****************  REGEN   ***********************/




.Regen_H_Blau {
	font-size: small;
	background-color: #FFFFCC;
	text-align: center;
	background-image: url('../../Designtest/H_blau_20.png');



}
.cred{
  background: #ffaaaa;
  text-align: center;
  font-size: small;
  border: 1px solid #FFE0C1;
  /*background-image: url('../../Designtest/rot_20.png');*/


}
.Zeit_Silber{
  background-image: url('../../Designtest/hellgruen_20.png');
  text-align: center;
  font-size: small;

}
.Zeit_Rot{
  background-color: #FFAAAA;
  text-align: center;
  font-size: small;
  color: #FFF;
}
.blau{
  background: #FF0010;
  text-align: center;
  font-size: 2pt;
  background-image: url('../../Designtest/gelb_30.png');

}
.green{
  background: #000000;
  text-align: center;
  font-size: 2pt;

}
.Regentage_weiss{
  background: #000000;
  text-align: center;
  font-size: small;
  border: 1px solid #4C4C4C;
}
.Regentage_green{
  background-color: rgba(90,215,255,0.7);
  /**background-color: rgba(0,255,33,0.7);
  /**background-image: url('../../Designtest/gruen_1.png'); **/
  text-align: center;
  font-size: small;
  border: 1px solid #EAEAEA;
}
.Regen_werte_Hintergund {
	border: 1px solid #99CCFF;
	color: #000000;
	text-align: center;
	font-size: small;
	background-color: #BFDFFF;
}
.Regen_werte_Hintergund_3 {
	border: 1px solid #99CCFF;
	color: #000000;
	text-align: center;
	font-size: small;
	background-color: #68A9FF;
}
.Regen_werte_Hintergund_1 {
	border: 1px solid #99CCFF;
	color: #FF0000;
	text-align: center;
	font-size: small;
	background-color: #BFDFFF;
}
.Regen_werte_Hintergund_2 {
	border: 1px solid #99CCFF;
	color: #0000FF;
	text-align: center;
	font-size: small;
	background-color: #BFDFFF;	
}
.Regen_werte_Hintergund_pegel {
	border: 1px solid #99CCFF;
	color: #000000;
	text-align: center;
	font-size: x-small;
	background-color: #BFDFFF;
}

.cgreen{
  background: #5EFF6B;
  text-align: center;
  font-size: small;	
  border: 1px solid #9E9E9E;
  /*background-image: url('../../Designtest/hellgruen_30.png');*/
}
.cred{
  background: #ffaaaa;
  text-align: center;
  font-size: small;
  border: 1px solid #9E9E9E;
}

.Regen_Silber {
	border: 1px solid #9E9E9E;
	font-size: small;
	text-align: center;
	/*background-image: url('../../Designtest/silber_20.png');
	color: #000000;*/
}

.cgreen_1{
  background: #C1C1C1;
  text-align: center;
  font-size: small;	
  border: 1px solid #9E9E9E;
  }
.cgreen_2{
  background: #C1C1C1;
  text-align: center;
  font-size: small;	
  border: 1px solid #808080;
}

.Regen_blau {
	border-left: 1px solid #99CCFF;
	border-right: 1px solid #99CCFF;
	border-top: medium none #99CCFF;
	border-bottom: medium none #99CCFF;
	color: #FFFFFF;
	text-align: center;
	background-image: url('../../Designtest/Blau_20.png');
	font-size: small;
}
/*****************  REGEN   ***********************/

.Bodentemp_H {
	background-image: url('../../Bilder/Bodentemperatur/test2.jpg');
	
/*****************  Ticker   ***********************/

}
.Ticker_1 {
	font-family: "Courier New", Courier, Monospace;
	font-size: small;
}
.Ticker_2 {
	margin-top: 0px;
	margin-bottom: 9px;	
}
.Ticker_gruen {
  	border: 0px solid #E9EEFD;
  	background: #E9EEFD;
	color: #078041;
	font-size: small;
	background-image: url('../Designtest/trans_1px.png');	
}	
.Ticker_Gelb {
  	border: 0px solid #E9EEFD;
  	background: #E9EEFD;
	color: #FFD400;
	font-size: small;
	background-image: url('../Designtest/trans_1px.png');	
}
.Ticker_hell_orange {
  	border: 0px solid #E9EEFD;
  	background: #E9EEFD;
	color: #FFA93A;
	font-size: small;
	background-image: url('../Designtest/trans_1px.png');	
}
.Ticker_orange {
  	border: 0px solid #E9EEFD;
  	background: #E9EEFD;
	color: #FF3F00;
	font-size: small;
	background-image: url('../Designtest/trans_1px.png');		
}
.Ticker_dunkel_orange {
  	border: 0px solid #E9EEFD;
  	background: #E9EEFD;
	color: #FF8300;
	font-size: small;
	background-image: url('../Designtest/trans_1px.png');	
}
.Ticker_rot {
  	border: 0px solid #E9EEFD;
  	background: #E9EEFD;
	color: #FF000C;
	font-size: small;
	background-image: url('../Designtest/trans_1px.png');	
}


/*******    Temperatur  **************************************************************************************************/

/**** Monats_Tageswerte **/

.Mitte_2_rot_T {
	border: 1px solid #808080;
	border-style: solid;
	border-width: 1px;
	text-align: center;
	font-size: small;
	background-color: #FFAAAA;
}
.Mitte_2_blau_T {
	border: 1px solid #808080;
	border-style: solid;
	border-width: 1px;
	text-align: center;
	font-size: small;
	background-color: #00BFFF;
}
.Blau_T{ /****** Temperaturverteilung über die Jahreszeiten hinweg **/
	text-align: center;
	font-size: small;
	background-color: #00BFFF;
	border: 1px solid #FFE0C1;
}
.Rot_T{ /****** Temperaturverteilung über die Jahreszeiten hinweg **/
	text-align: center;
	font-size: small;
	background-color: #FFAAAA;
	border: 1px solid #C1C1C1;


	
}
.Mitte_2_gruen_T {
	border: 1px solid #808080;
	border-style: solid;
	border-width: 1px;
	text-align: center;
	font-size: small;
	background-color: #54FF9F;
}
.style51 {
	border: 1px solid #99CCFF;
	color: #000000;
	text-align: center;
	font-size: small;
	background-color: #BFDFFF;
}
.style74 {
	border: 1px solid #FFFFFF;
	text-align: center;
	border-color: rgba(255, 255, 255, 0.5);
	color: 	#000;
	text-shadow: 0.1em 0.1em #fff;
	background-color: rgba(255,255,255,0.7);
	box-shadow: 0 0px 5px rgba(0, 0, 0, 0.6);
	font-size: x-small;
}


