/* Standart-CSS für Triptec Wetter*/
/* Wichtige Farben
Dunkelblau       = #000099
Dunkelgrau       = #454545
Hellgrau         = #DDDDDD
Hintergrund Uberschrift = #E0DDD6
Hintergrund Infoüberschrift = #CBD5EE
Infoüberschrift = #3F4375
*/
* html {
  margin: 0;
  padding: 0;
}

body div span button {
  margin: 0;
  padding: 0;
  border: 0;
  font-family: tahoma,arial,sans-serif;
  text-align: left;
  overflow: hidden;
  height: 100%; 
  max-height: 100%; 
  background: #FFFFDD;
}

* html body {
  scrollbar-3dlight-color: #000084;
  scrollbar-arrow-color: #000084;
  scrollbar-darkshadow-color: #DDD;
  scrollbar-face-color: #DDD;
  scrollbar-highlight-color: 1px solid #666;
  scrollbar-shadow-color: #666;
  scrollbar-track-color: #DDD;
}

/* ----------------------------------------------------------------------------------------------------- Positionen --*/
#body {
  position: relative;
  width: 1000px;
  height: 570px;
  border: 2px solid #DDD;
  background: transparent url(../IMG/bg_wetter.gif);
  margin: 2px auto;
  overflow: hidden;
}

#kopf {
  position: absolute;
  top: 1px;
  left: 0;
  width: 100%;
  height: 70px;
  font-size: 20px;
  font-weight: bold;
  color: #000084;
  background: transparent;
  margin: 0;
  padding: 0;
}

#kopfueb {
  position: absolute;
  top: 6px;
  left: 280px;
  font-family: tahoma,arial,sans-serif;
  font-size: 22px;
  font-weight: bold;
  letter-spacing: 1px;
  color: #000084;
  z-index: 3;
}

#zeitraum {
  font-size: 16px;
  color: #000084;
}

#logo_en {
  position: absolute;
  top: 70px;
  left: 24px;
  width: 80px;
  height: 50px;
  z-index: 4;
}

#logo {
  position: absolute;
  top: 8px;
  left: 30px;
  width: 80px;
  height: 50px;
  z-index: 4;
}

#service {
  position: absolute;
  top: 8px;
  right: 4px;
  width: 110px;
  height: 50px;
}

#menue {
  position: absolute;
  top: 60px;
  left: 10px;
  width: 180px;
  height: 500px;
  background: transparent;
  font-family: tahoma,arial,sans-serif;
  z-index: 1;
}

#main {
  position: absolute;
  top: 60px;
  left: 180px;
  width: 820px;
  height: 510px;
  background: transparent;
  overflow: hidden;
}

#hinweis {
  position: absolute;
  top: 180px;
  left: 440px;
  width: 260px;
  height: 40px;
  text-align: left;
  background: #F8F8F8;
  border: 1px solid #999;
  padding: 10px 20px 10px 20px;
  display: block;
  z-index: 100;
}

#hinweistext {
  position: absolute;
  top: 14px;
  left: 70px;
  font-size: 20px;
  font-weight: 800;
  color: #000084;
  text-align: left;
  background: transparent;
}

#daten {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 1px;
  height: 1px;
  display: none;
}

#divTab {
  position: relative;
  margin: 0;
  width: 800px;
  height: 490px;
  border: 2px solid #999;
  background: transparent;
  overflow: hidden;
}

/* IE hacks*/
* html #divTab {
  height: 476px;
}

#divHead {
  position: absolute;
  top: 0;
  left: 0;
  width: 800px;
  height: 26px;
  text-align: left;
  border: none;
  overflow: hidden;
}
/* IE hacks*/
* html #divHead {
  height: 28px;
}

#divBody {
  position: absolute;
  top: 28px;
  left: 0;
  width: 800px;
  height: 388px;
  text-align: center;
  border: none;
  background: transparent;
  overflow: hidden;
  overflow-y: auto;
}
/* IE hacks*/
* html #divBody {
  top: 30px;
  height: 370px;
  width: 796px;
}

#divMinMax {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 800px;
  height: 70px;
  border-top: 4px solid #999;
  overflow: hidden;
}

/* IE hacks*/
* html #divMinMax {
  right: -4px;
}

/*padding in head und spalte müssen gleich sein, um eine korrekte Tabelle zu bekommen*/ 
div.head {
  float: left;
  width: 100%;
  height: 20px;
  text-align: left;
  margin: 0;
  padding: 0;
}

div.spalte {
  float: left;
  width: 100px;
  height: 22px;
  text-align: center;
  line-height: 20px;
  border-right: 1px dotted #999;
  white-space: nowrap;
  padding: 0;
  margin: 0;
  overflow: hidden;
}

/* hier keine margin, padding oder borderangaben. */
div.reihehead {
  clear:both;
  width: 800px;
  height: 26px;
  text-align: left;
  font: bold 14px tahoma,arial,sans-serif;
  border: none;
  background: #999;
  padding: 0;
  margin: 0;
}

div.spaltehead {
  float: left;
  width: 100px;
  height: 26px;
  text-align: center;
  line-height: 26px;
  border-right: 1px solid #FFF;
  white-space: nowrap;
  padding: 0;
  margin: 0;
  overflow: hidden;
}

/* hier keine margin, padding oder borderangaben. */
div.reihe {
  clear:both;
  width: 800px;
  height: 22px;
  text-align: left;
  font: normal 12px tahoma,arial,sans-serif;
  border-bottom: 1px dashed #999;
  padding: 0;
  margin: 0;
}

td.ueb {
  font-size: 11px;
}

h2 {
  width: 400px;
  text-align: center;
  color: #F00;
  background: #FF9;
  border: 1px solid #F00;
  margin: 40px auto;
  padding: 20px;
}
button {
  width: 100%;
  height: 100%;
  font: bold 13px tahoma,arial,sans-serif;
  text-align: center;
  line-height: 20px;
  color: #EEE;
  border: none;
  background: #999;
  cursor: pointer;
  margin: 0;
  padding: 0;
} 

/* IE hacks*/
* html button {
  margin: 0;
}


/* Grafike en ---------------*/
	.rEcke10{-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;}
	.rEcke4 {-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}
	#grafik {position:absolute;height:494px; width:800px; margin:0; border:2px solid #ffcc66;background:#FFFFE8;z-index:10;}
	#grafikInfo {position:absolute;bottom:30px;left:80px;height:50px;width:280px;z-index:20;border:1px solid green;background:#ffffff;opacity: .7; filter:Alpha(Opacity=70);}
	#plot1 {position:absolute;margin:10px;width:780px;height:440px;border:0;}
	#infoUEB{font: bold 11px tahoma,arial,sans-serif;}
	.infoMax{font: normal 10px tahoma,arial,sans-serif;}
	.infoMin{font: normal 10px tahoma,arial,sans-serif;}


/* ---------------------------------------------------------------------------------------------------------- Menue --*/
select {
  width: 140px;
  border: 1px solid #999;
  margin-left: -4px;
  margin-bottom: 4px;
}

td.copyright {
  font: normal 10px tahoma,arial,sans-serif;
  color: #AAA;
}

#copyright {
  position: absolute;
  font: normal 8px tahoma,arial,sans-serif;
  left: 10px;
  bottom: -4px;
  font-size: 9px;
  color: #AAA;
}
/* --------------------------------------------------------------------------------------------- allg. Definitionen --*/
.c { text-align: center; }
.l { text-align: left; }
.r { text-align: right; }

f10 { font-size: 10px; }
f12 { font-size: 12px; }
f14 { font-size: 14px; }
f16 { font-size: 16px; }