/* =================================================
Stylesheet Wetter_Glashütten.com  
Stand: Ende Kapitel  
Datei: test2.css
Datum: 29.12.2023
Autor:  Lotar Schubert 

================================================== */


/* ====================================== 
  1. Kalibrierung und Restauration
  ====================================== */

* { padding: 0; 
    margin: 0;
     }

/* ====================================== 
  2. Allgemeine Styles 
  ====================================== */
div#wrapper { 
  background-color: #F0F1F2; 
  color: black; 
  width: 1000px; 
  margin: 0px auto;
  }
  body {
  	background-color: #C7C0C0;
	color: #C7C0C0;
	font:Verdana, Arial, Helvetica, sans-serif;
}
/* Kopfzeile */
h1 {
	display:inline-block;
	font-size:150%;
	/*  text-align:center;*/
	color:#ffffff;
	padding-bottom:3px;
 } 

/* In Vortagesgrafik */
h2 { font-size: 1.4em;
     text-align: center;
     padding:15px 0px 4px 0px;
	 }
     
   h3 { font-size: 130%;
     font-family: georgia;
	 font-style:italic;
	 text-align: center;
     padding:22px 0px 1px 0px;
	 color:#cc3333;}
	
	/* Überschrift Standort */ 
h4	{ font-size: 120%;
     text-align: center;
     padding:15px 0px 25px 0px;} 
  
     .info {font-size: 120%;
     text-align: center;
     padding-top:10px;
	font-weight: bolder;
	 }
	
	
	
	/* Überschrift-Wetter Aktuell */
h5	 { font-size: 130%;
     text-align: center;
     padding:15px 0px 15px 0px ;
	 }

p { padding:0px;
    position:center;
	}
 
div#kopfbereich {
  background-image: url(images/header_neu-3.jpg);
  background-repeat:no-repeat;
  color: black;
  padding: 137px 42px 3px ; 
   }

/* Navigation */ 
  
 div#navibereich {
	height: 36px;
	background: url(images/himmel.jpg);
	background-repeat:no-repeat;
	padding-left:227px; 
	border-bottom: red 1px solid;
    
  }
 div#navibereich ul li {
	float: left;
	list-style: none;
	font-size:130%
}
  div#navibereich ul li a  {
	text-decoration: none;
	display: block;
	padding: 5px 10px 7px 10px;
	color: #000000;
	text-align:center;
}

 div#navibereich ul li a:hover {
	background-color: #8F8F8F;
}
div#navibereich li.sie-sind-hier a {
    color: black; 
    background-color: white; 
    border-bottom-color: white;    
  }

/* BeginnNavigation2 */

 div#navibereich2 {
	height: 36px;
	background: #C6DCF3 url(images/himmel.jpg);
	background-repeat:no-repeat;
	padding-left:25.8%;
  }
 div#navibereich2 ul li {
	float: left;
	list-style: none;
	font-size:130%
}
  div#navibereich2 ul li a  {
	text-decoration: none;
	display: block;
	padding: 5px 10px 7px 10px;
	color: #000000;
	text-align:center;
}
 div#navibereich2 ul li a:hover {
	background-color: #8F8F8F;
}
 div#navibereich2 li.sie-sind-hier a {
    color: black; 
    background-color: white; 
    border-bottom-color: white;    
  }
   
 /* Beginn Navigation Niederschlag*/
 
  div#navibereich_niederschlag {
	height: 39px;
	background-color:#cccccc;
	background-repeat:no-repeat;
	padding-left:29.8%; 
	}
 div#navibereich_niederschlag ul li {
	float: left;
	list-style: none;
	font-size:130%
    }
  div#navibereich_niederschlag ul li a  {
	text-decoration: none;
	display: block;
	padding: 5px 10px 7px 10px;
	color: #000000;
	text-align:center;
	border: black 1px solid;
}

 div#navibereich_niederschlag ul li a:hover {
	background-color: #8F8F8F;
}
div#navibereich_niederschlag li.sie-sind-hier a {
    color: black; 
    background-color: white; 
    border-bottom-color: white;    
  }
 
 /* Ende Navigation Niederschlag */

 /* Beginn Navigation Niederschlag2*/

 div#navibereich_niederschlag2 {
	height: 39px;
	background-color:#cccccc;
	background-repeat:no-repeat;
	padding-left:22.5%;
  }
 div#navibereich_niederschlag2 ul li {
	float: left;
	list-style: none;
 	font-size:130%
  }
  div#navibereich_niederschlag2 ul li a  {
	text-decoration: none;
	display: block;
	padding: 5px 10px 7px 10px;
	color: #000000;
	text-align:center;
	border: black 1px solid;
  }
 div#navibereich_niederschlag2 ul li a:hover {
	background-color: #8F8F8F;
  }
 div#navibereich_niederschlag2 li.sie-sind-hier a {
    color: black; 
    background-color: white; 
    border-bottom-color: white;    
  }
  /* Ende Navigation Niederschlag2*/ 
 
div#navibereich_mittelwerte {
	height: 39px;
	/*  background: #C6DCF3 url(images/himmel.jpg);*/
	background-color:#cccccc;
	background-repeat:no-repeat;
	padding-left:35.5%;
	
  }
 div#navibereich_mittelwerte ul li {
	float: left;
	list-style: none;
	font-size:130%
   }
  div#navibereich_mittelwerte ul li a  {
	text-decoration: none;
	display: block;
	padding: 5px 10px 7px 10px;
	color: #000000;
	text-align:center;
	border: black 1px solid;
    }
 div#navibereich_mittelwerte ul li a:hover {
	background-color: #8F8F8F;
}
 div#navibereich_mittelwerte li.sie-sind-hier a {
    color: black; 
    background-color: white; 
    border-bottom-color: white;    
    }
  
.ausrichten {
	  clear:both;
   }
div#ausrichten1 {
	clear:both;
	font-size:120%;
	text-align:center;
	padding:10px 14px 10px 0px;
   }

.bild1{
	float:left;
	width:265px;
	text-align:center;
	padding:10px;
	border-color:black;
	border-width:2px;
	margin-left:11px;
	margin:-top:40px;
	
   }
.textb1 {
	padding-top:9px;
   }

.bild2{
	clear:both;
	float:left;
	width:265px;
	text-align:center;
	padding:10px;
	border-color:black;
	border-width:2px;
	margin-left:11px;
	margin-top:40px;
  }
.textb2 {
	clear:both;
	float:left;
	margin-left:10px
		padding-top:9px;
  }

.text {	
	display:inline-block;
	margin-top:28px;
	height:170px;
	width:600px;
	margin-right:25px;
  }
.monate {
	font-size:130%;
	text-align:center;
	margin-bottom:12px;
	
  }

.mittelwert {
	height:30px;
	font-size:130%;
	text-align:center;
	padding: 10px 0px 6px 0px;
	
   }
.jahre {
	font-size:130%;
	text-align:center;
	padding: 10px 0px 6px 0px;
	
}

p#ausfall {
	font-size:120%;
	text-align:center;
	padding: 20px 0px 10px 0px;
	padding-left:6px;
	color:red
	}
p#zusatztext {
	font-size:140%;
	text-align:center;
	padding: 5px 0px 10px 0px;
	padding-left:6px;
	color:#cc3333;
	font-weight:bold;
	font-style:italic;
	}

p#aktualisierung {
	font-size:110%;
	text-align:center;
	padding:0px 0px 12px 0px;
   }
.minidisplay {
	overflow:hidden;
	float:left;
	margin-top:-54px;
	padding-left:35px;
   }
.regenradar {
	float:right;
	margin-top:-54px;
	padding-right:20px;
   }

.wolkenmaske {
		float:right;
	    margin-top:20px;
	    padding-right:50px;
   }
.dwd_wolkenmaske {
	clear:both;
	font-size:140%;
	margin-top:20px;
	text-align:center;
	padding: 20px 0px 0px 0px
   }
div#wind {
	float:left;
	margin-top:13px;
	padding-left:88px;
   }

div#daten {text-align:center;
   }

div#iframe {
	background-color: #FFFFF0;
	text-align:center;
	padding-top:10px;
   }

div#textbereich {   
	border-bottom: 10px;
	border-top:1px solid #737373;
	padding:3px 0px ;
	text-align:center;
   }

div#grafikAktuellerMonat {
	margin-top: -6px;
	border-color: #F0F1F2;
    border-width: 3px;
    border-style: solid;
   }


.archiv1{
	height:323px;
   }
a.breite{
	width:89px;
}
.archivmonate{
   height: auto;
   width:100%;
   position: relative;
   width: 800px;
   margin: 0 auto;
   background: #D1DEEF;
   }  

/* Styling Boxen Archiv */

.box {
	
	font-size:105%;
	width: 132px;
	height: 300px min-height:300px;
	background-color: #ffffff;
	float: left;
	margin:27px;
	text-align:right;
	text-decoration: none;
	list-style: none;
	padding-right:10px;
	border:2px solid  black;
    margin-top:5px;
   }
.box a {
    text-decoration: none;
	color:#000000;
	font-weight:bold;
	
   }

ul {
	list-style: none;
	display:block;
}
li {
	
}
.abstand {
	padding:1em;
}
.jahr{
	
	text-align:center;
	font-size:120%;
	background: blue;
	background: #f0eddb;
	border-color: black;
    border-width: 2px;
    border-style: solid;
	margin-bottom:5px;
	font-weight:bold;
	font-style:italic;
	}



.archivmonate{
   height: auto;
   width:100%;
   position: relative;
   width: 800px;
   margin: 0 auto;
   background: #D1DEEF;
  }  
p.vortag {
	text-align:center;
	font-size:120%;
	background: blue;
	background: #f0eddb;
	border-color: black;
    border-width: 2px;
    border-style: solid;
	margin-top:3px;
	margin-bottom:5px;
	font-weight:bold;
	font-style:italic;
}
div#fussbereich
{   
	clear:both;
	border-bottom:10px;
	border-top:1px solid #737373;
	padding:10px 0px ;
	text-align:center;
	font-size:80%;
	font-style:normal;
	letter-spacing:2px;
	line-height:1.5;
}
.referenz {
	height:40px;
	padding-top:5px;
}
  
/* ======================================= 
   Ende des Stylesheet bildschirm.css  
   ======================================= */