/*
* { margin: 0; padding: 0; }

html, body, #container  { height: 100%; font-family: Arial, Verdana, sans-serif;}
body > #container { height: auto; min-height: 100%; }
td { min-width: 70px; padding: 0 5px 0 5px;}
img	{ width:100%; max-width:600px;} 

#wrapper	{ width: 100%; }
#content	{ max-width:1200px; }
*/
/*
Colors:
gruen-leiste: 92d050;
blaugrau-leiste: acb9ca;
hellblau-leiste: 9bc2e6;
gelb-leiste: ffc85a;

grau: 808080;
dunkelblau: 004d9d;
helblau: 3972b9;
*/

html, body, #container  { height: 100%; font-family: Arial, Verdana, sans-serif; background: #004d9e; color: #fff;}
/* Standrd browser Output */
@media screen and (min-width: 601px) {  
* { margin: 0; padding: 0; }
#topheader	{ width: 98%; border-bottom: 1px solid #fff; font-size: 3.0vw; padding: 10px 0 10px 30px; font-weight: bold;}
.timeperiod	{ border-bottom: 3px solid #fff; margin-left: 10px; text-align:center; font-size: 2.3vw;}  
.timeperiodsub	{ font-size: 1.1vw;}
.timeperiodsubi	{ font-size: 1.1vw; text-align:right; padding-right: 5px;}
.description	{ font-size: 2.3vw;}
#timestamp	{ font-weight: bold;}
.datafieldvalue	{ width: 160px; font-weight: bold; font-size: 2.3vw; text-align: right; padding-right: 5px;}
.datafield	{ width: 120px; font-weight: bold; font-size: 2.3vw; text-align: center;}
.datafieldvalues	{ width: 160px; font-weight: bold; font-size: 1.3vw; text-align: right; padding-right: 5px;}
.datafields	{ width: 120px; font-weight: bold; font-size: 1.3vw; text-align: center; }
.small	{ font-size: 1.3vw; }

.datagreen { background: #00ee00; color: #000;}
.datared { background: #ff3030; color: #fff;}


#footer	{ overflow: hidden; min-width: 100%; height: 40px;} 
#berger_balken_left	{ float: left; background: url(../pics/Berger_Balken_Logo_links.png) no-repeat; background-size: 123px 40px; width: 123px; height: 40px; }
#berger_balken_center	{ float: left; margin-left: 990px; margin-top: 10px; font-size: 0.8vw; }
#berger_balken_right	{ float: right; background: url(../pics/Berger_Balken_Logo_rechts.png) no-repeat; background-size: 123px 40px; width: 123px; height: 40px; }

}
