/* ++++++++++++++++++++ */
/*
Farben:
Blau: #008fcb
Gruen: #5e9629
Grau: #818181
hellgrau: #cccccc;

# fuer Datentabellen (Header, Zebra)
Blau hell 1: #52B2E1
Blau hell 2: #94D0ED
Blau hell 3: #E1F1FA

CMYK
Grün: 70/20/100/0
Blau: 80/30/0/0
*/
/* ++++++++++++++++++++ */

.weatherOverview {
	
}

.weatherOverview table {
	width: 630px;
	border: 1px solid #008fcb;
	background-color: #f1f1f1;
}

.weatherOverview th{
	font-size: 1.5em;
	line-height: 1.76em;
	width: 210px;
	text-align: center;
	margin-top: 1px;
	border-bottom: 1px solid #818181;
	background-color: #cccccc;
	color: #008fcb;
}

.weatherOverview td.temp{
	font-size: 2em;
	line-height: 1.32em;
	font-weight: bold;
	text-align: center;
	background-color: #fff;
}

.weatherOverview td.symbole {
	text-align: center;
	margin: 1em 0 1em 0;
	background-color: #fff;
}

.weatherOverview td.temp em {
	font-weight: normal;
	font-size: 0.66em;
	font-style: normal;
}

.weatherOverview td.symbole span {
display: inline-block;
width: 120px;
height: 120px;
background: transparent url("../images/weather_120px.png") no-repeat 0% 0;
}
			
/* WEATHER SPRITE */
.weatherOverview td.symbole span.symbol1 {
	background-position: -840px -240px !important; 	
}

.weatherOverview td.symbole span.symbol2 {
	background-position: -720px -120px !important; 	
}

.weatherOverview td.symbole span.symbol3 {
	background-position: -480px -120px !important; 	
}

.weatherOverview td.symbole span.symbol4 {
	background-position: -720px 0px !important; 	
}

.weatherOverview td.symbole span.symbol5 {
	background-position: -240px -240px !important; 	
}

.weatherOverview td.symbole span.symbol6 {
	background-position: -960px -120px !important; 	
}

.weatherOverview td.symbole span.symbol7 {
	background-position: -1080px -120px !important; 	
}

.weatherOverview td.symbole span.symbol8 {
	background-position: -600px -240px !important; 	
}

.weatherOverview td.symbole span.symbol9 {
	background-position: -480px -240px !important; 	
}

.weatherOverview td.symbole span.symbol10 {
	background-position: -720px -240px !important; 	
}

.weatherOverview td.symbole span.symbol11 {
	background-position: -600px -240px !important; 	
}

.weatherOverview td.symbole span.symbol12 {
	background-position: -480px -0px !important; 	
}