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



/* CSS for sample sticky content 
h2{
	font-size: 14px;
	font-weight:bold;

}


*/

.Farbver_ERROR{
	border: 1px solid #808080;
	border-style: solid;
	border-width: 1px;
	text-align: center;
	font-size: small;
	background-color: #000000;
	color:white;
}






.firstColumn{
	font-size: 75%;
	background-color: #404040;
	color: #000000;
	text-align: center;
	position: relative;
  	padding: 3px 0;
  	border-bottom: 1px solid;
  	border-bottom-color: #ddd;
  	border-bottom-color: rgba(255, 255, 255, 0.2);
  	background-color: rgba(255, 255, 255, 0.2);
  	box-shadow: 0 3px 5px rgba(0, 0, 0, 0.8);

}





.mattblacktabs{
	font-size: 75%;
	background-color: #404040;
	color: #000000;
	text-align: center;
	position: relative;
  	padding: 3px 0;
  	border-bottom: 1px solid;
  	border-bottom-color: #ddd;
  	border-bottom-color: rgba(255, 255, 255, 0.2);
  	background-color: rgba(255, 255, 255, 0.2);
  	box-shadow: 0 3px 5px rgba(0, 0, 0, 0.8);
}

body{
	font-size: 1em;
	Font-family:   Helvetica,Arial,sans-serif;
	background-image: url('Bilder/background1.jpg');
	background-color: #fff;
	padding: 0px;
	margin: 0px;
	background-attachment: fixed;

}

.Link_ausrichtung {
	margin-right:auto;
	color: #FFBE00;
}



.Vorlage_Hintergund{
	background-color: #FFFFFF;
	text-align: center;
	border-radius: 0px 0px 10px 10px;
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.6);
	font-size: 80%; 


}
.Vorlage_Hintergund_1{
	background-color: #FFFFFF;
	text-align: center;
	margin-top: 3em;
	border-radius: 0px 0px 10px 10px;
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.6);
	font-family: Verdana, Geneva; 
	color: #000;
	font-size: 11px; 
	width: 100%;

}


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

/******  Startseite weißer Hintergund *****/
.Mitte_1_1 {
	text-align: center;
	font-size: 11px;
	text-align: left;
	font-family: Verdana, Geneva;
	background-color: #FFFFFF;
}
.Mitte_1_2 {
	text-align: center;
	font-size: 11px;
	text-align: left;
	font-family: Verdana, Geneva;
	background-color: #FFFFFF;
}	
	
.Runde_Ecken{
	background-color: #400000;
	border-radius:10px 10px 10px 10px;
	color: #000000;
	position: relative;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.6);


	

}
	
/********************** Link **********************/	
	
.Sprung_Anfang {
	text-align: center;
	font-size: x-small;
	color: #808080;
	font-size: small;
	text-decoration: none;
	text-align: center;
}	
.Sprung_Anfang:hover {
	text-align: center;
	font-size: x-small;
	color: #2F4F4F;
	font-size: medium;
	text-decoration: none;
	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;
}


.Ticker_1{
	font-size: 9pt;


}
.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;
	border-radius: 10px 10px 0px 0px;	
}
.Ueberschriftleiste_20_o_r {
	border: 1px solid #696969;
	text-align: center;
	background-image: url('../Designtest/3.png');
	color: #FFFFFF;
	font-size: small;

}
.Ueberschriftleiste_21_o_r {
	border: 1px solid #696969;
	text-align: center;
	background-image: url('../Designtest/3.png');
	color: #FFFFFF;
	font-size: x-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_2pt_1{
	text-align: center;
	font-size: 1pt;
	background-color: #ffffff;	

	
}

.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');

}
. 2555{
	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;
	border-right-style: solid;
	border-right-width: 1px;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	color: 	#228B22;
	
}

.Orange_Leiste_201 {
	text-align: center;
	border: 1px solid #FFE0C1;
	background-image: url('../../Designtest/Oragne_20.png');
	font-size: small;

}

.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: x-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;
	
}
.Hell_Blau_25_2 {
	font-size: small;
	background-color: #FFFFCC;
	background-image: url('../../Designtest/H_blau_25.png');
	text-align: left;
	border: 1px solid #BCD2EE;
	border-style: solid;
	border-width: 1px;
	font-weight: bold;	
}
.Hell_Blau_25_3 {
	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;
	font-weight: bold;	

	

}
.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;
	


}
.Hintergrund_dunkelgrau_2 {
	font-size: small;
	background-color: #898989;
	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;

}

/****  Hauptseite *******

.style1111 {
	text-align: center;
}
.style3111 {
	background-color: #800000;
}
.style4111 {
	background-color: #FFFFFF;
}
.style4112 {
	background-color: #9ECBFD;
}
*/

/*****************  Ticker   ***********************/

}
.Ticker_1 {
	font-family: 'Lucida Grande', Verdana, sans-serif;
	font-size: small;
	text-transform: uppercase;
/**	
}

.Ticker_2 {
	background-image: url('../Designtest/H_blau_25.png');
	position: relative;
  	box-shadow: 0 4px 7px rgba(0, 0, 0, 0.6);
**/
}	
.Ticker_2 {
  position: relative;
  text-align: center;
  border-bottom: 0px solid;
  border-bottom-color: #ddd;
  border-bottom-color: rgba(255, 255, 255, 0.2);
  background-color: rgba(255, 255, 255, 0.3);
  box-shadow: 0 4px 7px rgba(0, 0, 0, 0.6);
	
}
.Ticker_Hintergrund {
	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');	
}
.Ticker_rund {
	border-radius: 10px 02px 02px 10px;
  	position: relative;
 	border-bottom: 0px solid;
  	border-bottom-color: #ddd;
  	border-bottom-color: rgba(255, 255, 255, 0.2);
  	background-color: rgba(255, 255, 255, 0.7);
  	box-shadow: 0 4px 7px rgba(0, 0, 0, 0.6);
	color: #000000;
	text-align: center;
	font-size: x-small;
}
.Ticker_rund_1 {
	border-radius: 00px 10px 10px 00px;
	position: relative;
  	border-bottom: 0px solid;
  	border-bottom-color: #ddd;
  	border-bottom-color: rgba(255, 255, 255, 0.7);
  	background-color: rgba(255, 255, 255, 0.1);
  	box-shadow: 0 4px 7px rgba(0, 0, 0, 0.6);
	
}

/************ Startseite Kopf **********/

.Start_Menuekopf_Kopf_Sonne {
	background-image: url('./Bilder/die-Sonnen.jpg');
	border-radius: 15px;
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.6);

}
.Start_Menuekopf_Kopf_1_pt {
	font-size: 1pt;
	border-radius: 10px 10px 10x 10px;

}
.Start_Menuekopf_Kopf_2_pt {
	font-size: 1pt;
	border-radius:10px 10px 0px 0px;
}	
.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');
	border-radius: 10px 10px 10px 10px;
	box-shadow: 0 5px 8px rgba(0, 0, 0, 0.6);
}

.Start_Menuekopf_Kopf_Link{
  box-shadow: 0 5px 8px rgba(0, 0, 0, 0.6);
  border-radius: 10px 10px 10px 10px;
}
.Start_Menuekopf_Kopf_Link:hover{
  box-shadow: 8px 12px 15px rgba(0, 0, 0, 0.9);
  border-radius: 10px 10px 10px 10px;


}
/***************   Startseite_Link  **************/
.Start_Link{
  box-shadow: 0 5px 8px rgba(0, 0, 0, 0.6);
  border-radius: 10px 10px 10px 10px;
}
.Start_Link:hover{
  box-shadow: 8px 12px 15px rgba(0, 0, 0, 0.9);
  border-radius: 10px 10px 10px 10px;
} 
.Start_Link_copy{
	text-align: center;
  	background-color: rgba(255, 255, 255, 0.6);
  	box-shadow: 0 4px 7px rgba(0, 0, 0, 0.6);
  	border-radius: 0px 0px 10px 10px;
  	margin: 5px;
}

.Start_Link_Text{
	color: #696969;
	text-align: center;
  	margin: 5px;
  	text-decoration: none;
}
.Start_Link_Text:hover{
	color: #000000;
	text-align: center;
  	margin: 5px;
  	text-decoration: none;
}


/***************   Warnschilder **************/

.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;
	  border-radius: 10px 10px 10px 10px;
	    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.6);

	  
}
.Zeit_Schwarz{
  background-image: url('../Designtest/rot_30.png');
  background-color: #FFAAAA;
  text-align: center;
  font-size: small;
  color: #FFF;
  border-radius: 10px 10px 0px 0px;
}
.Zeit_Schwarz_1{
  background-image: url('../Designtest/rot_30.png');
  text-align: center;
  font-size: x-small;
  color: #FFFF00;
  border-radius: 00px 00px 10px 10px;
}
/*
.Zeit_Schwarz_1{
  background-image: url('../Designtest/1.png');
  text-align: center;
  font-size: x-small;
  color: #FFFFFF;
  border-radius: 0px 0px 10px 10px;
}
*/



.Zeit_Rot{
  background-color: #FFAAAA;
  text-align: center;
  font-size: small;
  color: #FFF;  
  }
.Zeit_Rot_Warn_{
  background-image: url('../Designtest/rot_30.png');
  background-color: #FFAAAA;
  text-align: center;
  font-size: small;
  color: #FFF;
  border-radius: 10px 10px 0px 0px;
}
.Zeit_Rot_1{
  background-image: url('../Designtest/rot_30.png');
  text-align: center;
  font-size: x-small;
  color: #FFFF00;
  border-radius: 00px 00px 10px 10px;
	
}
.Haupt_warn_Textmeldung {
	font-size: xx-small;
}

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

.Leiste_Wettervorhersage {
	font-size: small;
	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: x-small;
	text-align: center;
	color: #FFFFFF;
	border: 1px solid #535353;
	background-color: #696969;
}

.Tageszeit_Wettervorhersage_Tag_1_3 {
	font-size: x-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;
	text-align: left;
		
}

div.shadow, div.shadow2, div.shadow3, div.shadow4, div.shadow5 {
   border-radius: 10px;
   -moz-border-radius: 10px;
   }
div.shadow {
   background-color: #8e8e8e;
   border: 1px solid #959595;
   margin: 0px;
   }
div.shadow2 {
   background-color: #aaa;
   border: 1px solid #bebebe;
   margin: 0;
   }
div.shadow3 {
   background-color: #d1d1d1;
   border: 1px solid #e1e1e1;
   margin: 0;
   }
div.shadow4 {
   background-color: #ededed;
   border: 1px solid #f6f6f6;
   margin: 0;
   }
div.shadow5 {
   float: left;
   border: 1px solid #fff;
   margin: 0.7em 1em;

   }
   
.Test1{
background-image:url(./Bilder/back_main.jpg);background-repeat:repeat-y;
background-position:center top;
}
.glass_rund{
  border-radius:10px 10px 10px 10px;
  position: relative;
  border-bottom: 0px solid;
  border-bottom-color: #ddd;
  border-bottom-color: rgba(255, 255, 255, 0.2);
  background-color: rgba(255, 255, 255, 0.1);
  box-shadow: 0 4px 7px rgba(0, 0, 0, 0.6);

}
.glass{
  border-radius:00px 00px 10px 10px;
  position: relative;
  border-bottom: 0px solid;
  border-bottom-color: #ddd;
  border-bottom-color: rgba(255, 255, 255, 0.2);
  background-color: rgba(255, 255, 255, 0.1);
  box-shadow: 0 4px 7px rgba(0, 0, 0, 0.6);

}


/******************  Letzer Monat   ******************************************/
.Letzer_Monat_Max {
	border: 1px solid #696969;
	background-color: #FF8C8C;
	font-size: 13px;
}
.Letzer_Monat_Min {
	border: 1px solid #696969;
	background-color: #7EC5FE;
	font-size: 13px;
}
.Letzer_Monat_D {
	border: 1px solid #696969;
	background-color: #B4FECC;
	font-size: 13px;
}
.Letzer_Monat_Schnell{
	border: 1px solid #959595;
	font-size: x-small;
	text-align: right;
	background-color: #FFC0CB;
	text-align: center;
	
	}
.Letzer_Monat_Schnell_min{
	border: 1px solid #959595;
	font-size: x-small;
	text-align: right;
	background-color: #87CEFF;
	text-align: center;


}
.Letzer_Monat_Schnell_grau{
	border: 1px solid #959595;
	font-size: x-small;
	text-align: right;
	background-color: #e0ecde;
	text-align: center;

}
.Letzer_Monat_Schnell_D{
	border: 1px solid #959595;
	font-size: x-small;
	text-align: right;
	background-color: #98FB98;
	text-align: center;

}



/************************** Agrarwetter ****************/


.Tabelle_Farbe {
	font-size: small;
	background-color: #FFFFCC;
	text-align: right;
	border: 1px solid #BCD2EE;
	border-style: solid;
	border-width: 1px;
	font-weight: bold;
}
.Tabelle_Farbe_mitte {
	font-size: small;
	background-color: #FFFFCC;
	text-align: center;
	border: 1px solid #BCD2EE;
	border-style: solid;
	border-width: 1px;
	font-weight: bold;
}
/**************************Testbereich ****************/


p {
    margin:   0.2cm 0.1cm 0.3cm 0.2cm;
} 


