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

#tabelle_diagramme{
position:absolute;
top:15px;
left:30px;
width: auto;
height:auto;
background-color:#ffffff;
border: 3px solid #6a6a6a;
border-radius: 3px;
box-shadow: 4px 4px 4px 4px #ccc;
}

table.tabelle_diagramme th {
font-family: Arial,Verdana,Helvetica;
font-size: 1.0em;
font-weight: bold;
color:#8a8a8a;
background-color:#efefef;
}
table.tabelle_diagramme tr {
}
table.tabelle_diagramme td {
font-family: Arial,Verdana,Helvetica;
font-size: 0.7em;
font-weight: bold;
color:#8a8a8a;
background-color:#ffffff;
}

span.grau{
	color:#8a8a8a;
}
span.solarmax{ 
	color: #ff8c00;
}
span.hellmax{ 
	color: #AF9E08;
}
span.min{
color: rgba(0, 0, 200, 0.6);
}
span.durchschnitt{
color: rgba(0, 100, 0, 0.7);
}
span.max{
color: rgba(170, 0, 0, 0.7);	
}
span.regen{ 
color:#6666FF;
}
span.sonnenschein{ 
color:#DFCE08;
}

#tabelle_wind{
position:absolute;
width: auto;
height:auto;
top:785px;
left:30px;
background-color:#ffffff;
border: 3px solid #6a6a6a;
border-radius: 3px;
box-shadow: 4px 4px 4px 4px #ccc; 
}

table.tabelle_wind th {
font-family: Arial,Verdana,Helvetica;
font-size: 1.0em;
font-weight: bold;
color:#8a8a8a;
background-color:#efefef;
}
table.tabelle_wind tr {
}
table.tabelle_wind td {
font-family: Arial,Verdana,Helvetica;
font-size: 0.7em;
font-weight: bold;
color:#8a8a8a;
background-color:#ffffff;
}

.hinweis {
	background: rgba(255, 255, 255, 1.0);
}


#buttons{
	position: relative;
	width: 150px;
	height: auto;
	background: rgba(200, 200, 200, 0.3); 
	text-align:center;
	display: table;
}

#buttons span {
  vertical-align:middle;
  display: table-cell; 
}



.input {
	font-family: Arial,Verdana,Helvetica;
	font-size: 1.0em;
	font-weight: bold;
	color:#8a8a8a;
	background: rgba(250, 250, 250, 0.9);
}



#frostgefahrbild{
	z-index: 1;
	position: absolute;
	top:77px;
	left:375px;
	width: 30px;
	height:25px;
	background: rgba(100, 100, 200, 0.0);
}


/*Diagramme: */
#warte{
	position: relative;
	width: 250px;
	height: 0px;
	color: #1AaC9C;
	font-size: 15px;
	font-weight: bold;

}
#aussen-temp-diagramm{	
	width: 370px;
	height: 160px;	
}
#aussen-feuchte-diagramm {	
	width: 370px;
	height: 160px;	
}
#luftdruck-diagramm {	
	width: 370px;
	height: 160px;	
}
#regen-diagramm {	
	width: 370px;
	height: 160px;	
}
#helligkeit-diagramm {	
	width: 370px;
	height: 160px;	
}
#sonnenschein-diagramm {	
	width: 370px;
	height: 160px;	
}
#wind-diagramm {	
	width: 770px;
	/*height: 380px*/;
	height: 320px;	
}


#wind_error{
	position: absolute;
	top:  200px;
	left: 350px;
	border: 2px solid #6a6a6a;
	border-radius: 50px;
	background-color: #ff0000;
	font-size: 10px;
	font-weight: bold;
	color: #ffffff;
	padding: 10px;
	z-index: 5;
}




#winddonut-diagramm {	
	width: 475px;
	height: 235px;
}
#windverteil-diagramm {	
	width: 475px;
	height: 330px;	
}

#scroller
{
position: absolute;
top: 1900px;
left: 130px;
width: 50px;
height: 10px;
/* background-color:#bb0000; */
}