body {
background-image:url(../wolken.png); background-repeat:repeat;
padding:0px;
}



.gauge_board{
z-index: 0;
width: 640px;
height: 800px;
background-image: url(images/back.jpg);
position: relative;
border: 3px solid #777777;
border-radius: 5px;
box-shadow: 3px 3px 3px 3px #bbb; 
}


.date{
position: relative;
margin-top: 495px;
margin-left: 0px;
width: 185px;
height: 28px;
font-family: Arial,Verdana,Helvetica;
font-size: 0.7em;
font-weight: bold;
text-align: center;
color: #3a3a3a;
border-radius: 5px;
background-color:#e0e0e0;
border-color: #ffffff #777777 #777777 #ffffff;
border-style: solid;
border-width: 2px;
box-shadow: 1px 1px 1px 1px #999; 
z-index: 1;  
}


.temperatur{
z-index: -1;
position: absolute;
top: 15px;
left: 70px;
width: 80px; 
height: 30px;
text-align: center;
font-family: Arial,Verdana,Helvetica;
font-size: 0.7em;
font-weight: bold;
border: 1px solid #4a4a4a;
border-radius: 5px;
color: #4c4c4c;
background-color:#ececec;
box-shadow: 3px 3px 3px 3px #999;     
}

.luftdruck{
z-index: -1;
position: absolute;
top: 15px;
left: 280px;
width: 80px; 
height: 30px;
text-align: center;
font-family: Arial,Verdana,Helvetica;
font-size: 0.7em;
font-weight: bold;
border: 1px solid #4a4a4a;
border-radius: 5px;
color: #4c4c4c;
background-color:#ececec;
box-shadow: 3px 3px 3px 3px #999;     
}

.luftfeuchte{
z-index: -1;
position: absolute;
top: 15px;
left: 490px;
width: 80px; 
height: 30px;
text-align: center;
font-family: Arial,Verdana,Helvetica;
font-size: 0.7em;
font-weight: bold;
border: 1px solid #4a4a4a;
border-radius: 5px;
color: #4c4c4c;
background-color:#ececec;
box-shadow: 3px 3px 3px 3px #999;    
}

.niederschlag{
z-index: -1;
position: absolute;
top: 285px;
left: 70px;
width: 80px; 
height: 30px;
text-align: center;
font-family: Arial,Verdana,Helvetica;
font-size: 0.7em;
font-weight: bold;
border: 1px solid #4a4a4a;
border-radius: 5px;
color: #4c4c4c;
background-color:#ececec;
box-shadow: 3px 3px 3px 3px #999;     
}

.windrichtung{
z-index: -1;
position: absolute;
top: 285px;
left: 278px;
width: 80px; 
height: 30px;
text-align: center;
font-family: Arial,Verdana,Helvetica;
font-size: 0.7em;
font-weight: bold;
border: 1px solid #4a4a4a;
border-radius: 5px;
color: #4c4c4c;
background-color:#ececec;
box-shadow: 3px 3px 3px 3px #999;     
}


.windspeed{
z-index: -1;
position: absolute;
top: 285px;
left: 490px;
width: 80px; 
height: 30px;
text-align: center;
font-family: Arial,Verdana,Helvetica;
font-size: 0.7em;
font-weight: bold;
border: 1px solid #4a4a4a;
border-radius: 5px;
color: #4c4c4c;
background-color:#ececec;
box-shadow: 3px 3px 3px 3px #999;   
}

.helligkeit{
z-index: -1;
position: absolute;
top: 555px;
left: 70px;
width: 80px; 
height: 30px;
text-align: center;
font-family: Arial,Verdana,Helvetica;
font-size: 0.7em;
font-weight: bold;
border: 1px solid #4a4a4a;
border-radius: 5px;
color: #4c4c4c;
background-color:#ececec;
box-shadow: 2px 2px 2px 2px #999;    
}

.solar{
z-index: -1;
position: absolute;
top: 555px;
left: 274px;
width: 90px; 
height: 35px;
text-align: center;
font-family: Arial,Verdana,Helvetica;
font-size: 0.7em;
font-weight: bold;
border: 1px solid #4a4a4a;
border-radius: 5px;
color: #4c4c4c;
background-color:#ececec;
box-shadow: 3px 3px 3px 3px #999;    
}

.sonnenstunden{
z-index: -1;
position: absolute;
top: 555px;
left: 486px;
width: 90px; 
height: 35px;
text-align: center;
font-family: Arial,Verdana,Helvetica;
font-size: 0.7em;
font-weight: bold;
border: 1px solid #4a4a4a;
border-radius: 5px;
color: #4c4c4c;
background-color:#ececec;
box-shadow: 3px 3px 3px 3px #999;     
}


.gauge_temp{
position: absolute;
top: 30px;
left: 8px;
width: 201px;
height: 230px;
font-family: Arial,Verdana,Helvetica;
text-align: center;
font-size: 0.7em;
/* border: 1px solid #666666; */   
}

.gauge_temp_txt{
position: absolute;
top: 175px;
left: 88px;
width: 40px;
height: 15px;
font-family: Arial,Verdana,Helvetica;
text-align: center;
font-size: 0.7em;
color: #585858;
/* border: 1px solid #666666; */
}

.gauge_slp{
position: absolute;
top: 30px;
left: 220px;
width: 201px;
height: 230px;
text-align: center;
/* border: 1px solid #666666; */
}

.gauge_slp_txt{
position: absolute;
top: 175px;
left: 300px;
width: 40px;
height: 15px;
font-family: Arial,Verdana,Helvetica;
text-align: center;
font-size: 0.7em;
color: #585858;
/* border: 1px solid #666666; */
}
.gauge_hum{
position: absolute;
top: 30px;
left: 431px;
width: 201px;
height: 230px;
text-align: center;
/* border: 1px solid #666666; */
}

.gauge_hum_txt{
position: absolute;
top: 175px;
left: 511px;
width: 40px;
height: 15px;
font-family: Arial,Verdana,Helvetica;
text-align: center;
font-size: 0.7em;
color: #585858;
/*border: 1px solid #666666; */
}


.gauge_rain{
position: absolute;
top: 300px;
left: 8px;
width: 201px;
height: 230px;
/* border: 1px solid #666666; */
}

.gauge_rain_txt{
position: absolute;
top: 440px;
left: 88px;
width: 40px;
height: 15px;
font-family: Arial,Verdana,Helvetica;
text-align: center;
font-size: 0.7em;
color: #585858;
// border: 1px solid #666666; //
}



.gauge_winddir{
position: absolute;
top: 300px;
left: 220px;
width: 201px;
height: 230px;
text-align: center;
/* border: 1px solid #666666; */
}

.gauge_wind{
position: absolute;
top: 300px;
left: 431px;
width: 201px;
height: 230px;
text-align: center;
/* border: 1px solid #666666; */
}

.gauge_wind_txt{
position: absolute;
top: 445px;
left: 511px;
width: 40px;
height: 15px;
font-family: Arial,Verdana,Helvetica;
text-align: center;
font-size: 0.7em;
color: #585858;
/*border: 1px solid #666666;*/
}

.gauge_wind_txt_bft{
font-family: Arial,Verdana,Helvetica;
text-align: center;
font-size: 0.7em;
font-weight: bold;
color: #585858;
}

#wind_txt_bft{
position: absolute;
top: 462px;
left: 516px;
width: 30px;
height: 15px;
/*border: 1px solid #666666;*/
}


.gauge_wind_txt_maxbft{
font-family: Arial,Verdana,Helvetica;
text-align: center;
font-size: 0.7em;
font-weight: bold;
color: #585858;
box-shadow: 1px 1px 1px 1px #777; 
}

#wind_txt_maxbft{
position: absolute;
top: 462px;
left: 516px;
width: 30px;
height: 15px;
}

.gauge_brightness{
position: absolute;
top: 570px;
left: 8px;
width: 201px;
height: 230px;
font-family: Arial,Verdana,Helvetica;
text-align: center;
font-size: 0.7em;
/* border: 1px solid #666666; */    
}

.gauge_brightness_txt{
position: absolute;
top: 715px;
left: 88px;
width: 40px;
height: 15px;
font-family: Arial,Verdana,Helvetica;
text-align: center;
font-size: 0.7em;
color: #585858;
/* border: 1px solid #666666; */
}

.gauge_solar{
position: absolute;
top: 570px;
left: 220px;
width: 201px;
height: 230px;
font-family: Arial,Verdana,Helvetica;
text-align: center;
font-size: 0.7em;
/* border: 1px solid #666666; */    
}

.gauge_solar_txt{
position: absolute;
top: 715px;
left: 300px;
width: 40px;
height: 15px;
font-family: Arial,Verdana,Helvetica;
text-align: center;
font-size: 0.7em;
color: #585858;
/* border: 1px solid #666666; */
}

.gauge_sunshine{
position: absolute;
top: 570px;
left: 431px;
width: 201px;
height: 230px;
/*border: 1px solid #666666; */
}

.gauge_sunshine_txt{
position: absolute;
top: 715px;
left: 511px;
width: 40px;
height: 15px;
font-family: Arial,Verdana,Helvetica;
text-align: center;
/*border: 1px solid #666666; */
font-size: 0.7em;
color: #585858; 
}

.digitalinstrumente{
position: absolute;
top: 820px;
left: 250px;
width: 150px; 
height: 17px;
text-align: center;
font-size: 0.9em;
font-weight: bold;
border: 1px solid #4a4a4a;
border-radius: 5px;
color: #4c4c4c;
background-color:#ececec;
box-shadow: 3px 3px 3px 3px #999;
}

.glasinstrumente{
position: absolute;
top: 820px;
left: 330px;
width: 150px; 
height: 17px;
text-align: center;
font-size: 0.9em;
font-weight: bold;
border: 1px solid #4a4a4a;
border-radius: 5px;
color: #4c4c4c;
background-color:#ececec;
box-shadow: 3px 3px 3px 3px #999;
}

.scroller{
position: absolute;
top: 950px;
left: 130px;
width: 50px;
height: 10px;
}