/*--------------------------------------------------
 general
 ---------------------------------------------------*/

html { 
    height              : 100%;
    font-size           : 100%;
}

body {
    background-color    : #fff;
    background-align	: center;
    font-family         : Arial, Verdana, Sans-Serif;
    font-size           : 0.3em;
    font-weight         : normal;
    text-align          : center;
    padding             : 0;
    margin              : 0;
}


#background {
    position            : relative;
    background-image    : url(../images/wetter_background_950x928.jpg);
    background-repeat   : no-repeat;
    background-color    : #333;
    width               : 690pt;
    height		: 670pt;
    text-align          : justify;
    padding             : 10pt;
    margin              : 10pt auto;
    -moz-border-radius  : 10pt;
}

#flashcontent {
	align				: center
    -moz-border-radius  : 10pt;
    color               : #fff;
    padding             : 10pt;
}

iframe {
    border         : 0;        
}

iframe.rainRadar {
    height              : 359;
    width               : 419;
}

img.rainRadar {
    height              : 359;
    width               : 419;
}

/* --------------------------------------------------------------*/
/* table */
/* --------------------------------------------------------------*/

table {
    padding             : 0pt;
    margin              : 0pt;
 	width				: 100%;
}

td {
    text-align          : left;
    vertical-align		: top;
    padding             : 3pt;
    margin              : 0pt;
  	border-width		: 1pt;
 	border-style		: solid;
 	border-color		: #000099;
 	-moz-border-radius  : 10pt;
}


td.weatherData {
    font-size           : 10pt;
    font-weight         : bold;
    color				: #fff;
	height				: 285pt;
    width               : 50%;
}

td.weatherDataElement {
  	border-width		: 0pt;
    font-size           : 10pt;
    color				: #fff;
    padding-right       : 0pt;
    padding-left		: 9pt;
    margin              : 0pt;
}

td.weatherDataElementValue {
  	border-width		: 0pt;
    font-size           : 10pt;
    color				: #fff;
    padding-right       : 0pt;
    padding-left		: 0pt;
    margin              : 0pt;
}

td.weatherDataElementValuePlus {
  	border-width		: 0pt;
    font-size           : 10pt;
    color				: #fff;
    padding-right       : 0pt;
    padding-left		: 0pt;
    margin              : 0pt;
}

td.rainRadar {
    padding-left		: -2pt;
	font-size           : 10pt;
    color				: #fff;
    text-align			: center;
    height				: 280pt;
	width               : 50%;
}

td.empty {
    width               : 670pt;
    height				: 20pt;
    border-width		: 0pt;
}

td.graph {
    width               : 670pt;
    padding				: 3pt;
}

td.tabRow {
    width               : 670pt;
    border-width		: 0pt;
    padding				: 0;
}

td.tab {
    background-color    : #F2F2F2;
    background-position : top left;
    width               : 100pt;
    height              : 12pt;
    text-align          : center;
    vertcal-align		: center;
    padding-top         : 3pt;
    margin-right        : 3pt;
    display             : inline-block;
}

/* --------------------------------------------------------------*/
/* tab */
/* --------------------------------------------------------------*/

#tab {
    position            : absolute;
    top                 : -20pt;
    left                : 160pt;
}

.tab {
    background-color    : #000099;
    background-position : top left;
    width               : 75pt;
    height              : 15pt;
    text-align          : center;
    padding-top         : 3pt;
    margin-right        : 3pt;
    display             : inline-block;
}


/* --------------------------------------------------------------*/
/* click-able elements */
/* --------------------------------------------------------------*/

#Temperature_current{
	cursor		: pointer;
}

#Humidity_current{
	cursor		: pointer;
}

#Wind_last_hour{
	cursor		: pointer;
}

#Rain_last_hour{
	cursor		: pointer;
}

#forecast_button{
    cursor      : pointer;
}

#webcam_button{
	cursor		: pointer;
}

#radar_button{
	cursor		: pointer;
}