body			{ background-color: black; background-attachment: fixed; background-image: url("/weewx/images/render.png"); background-repeat: no-repeat; background-position: left top; }
.Topmenu    	{ background-image: url('/weewx/images/bg_werte.png'); background-repeat: no-repeat; color: #FF0; width: 130px; text-align: center; }
.TopNavLeer	    { background-image: url('/weewx/images/bg_minmax.png'); background-repeat: no-repeat; color: #CCC; width: 130px; text-align: center; }
a:hover 		{ color: #FE0; text-decoration: dashed; }
a:focus 		{ color: #FE0; text-decoration: dashed; }
a:visited 		{ color: #963; text-decoration: none; }
a:link	 		{ color: #963; text-decoration: none; }

.descText		{ text-align: left; font-size: small; color: #CC0;}
.mainDIV		{ background-color: #000; }
.Banner			{ background-image: url("/weewx/images/banner.png"); background-repeat: no-repeat; }
.Header1		{ height: 150px;  font-family: Verdana, Geneva, Tahoma, sans-serif; font-style: oblique; font-weight: bold; font-size: 18px; color: #222; letter-spacing: 3.5pt; text-align: center; }
.Header			{ background-color: #111; height: 24px;  font-family: Verdana, Geneva, Tahoma, sans-serif; font-style: inherit; color: #FC0; text-align: left; }
.tabellenHG		{ font-family: Verdana, Geneva, Tahoma, sans-serif; font-style: inherit; margin-top: 5px; margin-left: 5px; margin-right: 5px; margin-bottom: 5px; }
.tabellenFT		{ font-family: Verdana, Geneva, Tahoma, sans-serif; font-style: inherit; margin-top: 5px; margin-left: 2px; margin-right: 2px; margin-bottom: 5px; }
.tabelleSOL		{ font-family: Verdana, Geneva, Tahoma, sans-serif; font-style: inherit; margin-top: 5px; margin-left: 2px; margin-right: 2px; margin-bottom: 5px; }
.tabellenLogo	{ background-color: white; margin-top: 5px; margin-left: 2px; margin-right: 2px; margin-bottom: 5px; vertical-align: middle; border-width: 0; margin: 1px; }
.tabellenShots	{ font-family: Verdana, Geneva, Tahoma, sans-serif; font-style: inherit; margin-top: 5px; margin-left: 1px; margin-right: 1px; margin-bottom: 5px; vertical-align: middle; text-align: center; border-width: thin; margin: 2px; border-color: #963; }
iframe.stat		{ background-image: url('/weewx/images/bg_werte.png'); width: 830px; height: 850px; }
.dials			{ background-image: url('/weewx/images/bg_werte.png'); }

.webcam 		{ background-image: url('/webcam/webcam.jpg'); background-repeat: no-repeat; vertical-align: top; }

.werteName		{ background-color: #555; color: #FE0; width: 125px; }
.werteDatenhori	{ background-color: #555; text-align: center; }
.werteBGTemp	{ background-image: url("/weewx/images/bg_temperatur.png"); background-repeat: no-repeat; }
.werteBGHum		{ background-image: url("/weewx/images/bg_luftfeuchte.png"); background-repeat: no-repeat; }
.werteBGWind	{ background-image: url("/weewx/images/bg_wind.png"); background-repeat: no-repeat; }
.werteBGPress	{ background-image: url("/weewx/images/bg_luftdruck.png"); background-repeat: no-repeat; }
.werteBGPrecip	{ background-image: url("/weewx/images/bg_niederschlag.png"); background-repeat: no-repeat; }
.werteBGDewpt	{ background-image: url("/weewx/images/bg_taupunkt.png"); background-repeat: no-repeat; }
.werteBGUV		{ background-image: url("/weewx/images/bg_uv.png"); background-repeat: no-repeat; }
.werteBGSolar	{ background-image: url("/weewx/images/bg_solar.png"); background-repeat: no-repeat; }
.werteBGSensors	{ background-image: url("/weewx/images/bg_sensors.png"); background-repeat: no-repeat; }

.aktuellerText	{ background-color: #777; color: #F9FFCC; }
.aktuelleDaten	{ background-image: url('/weewx/images/bg_werte.png'); background-repeat: no-repeat; color: #FFF; width: 130px; text-align: center; }
.aktuelleSensor	{ background-image: url('/weewx/images/bg_werte.png'); background-repeat: no-repeat; color: #FE0; width: 130px; text-align: left; }

.extremeLeer	{ background-image: url('/weewx/images/bg_minmax.png'); }
.extremeTitel	{ background-image: url('/weewx/images/bg_minmax.png'); border-bottom-style: solid; border-bottom-width: 1px; border-color: #963; color: #FC0; text-align: center; font-size: 90%; }
.infoTitel		{ background-image: url('/weewx/images/bg_minmax.png'); border-bottom-style: solid; border-bottom-width: 1px; border-color: #963; color: #FC0; text-align: left; font-size: 90%; }
.extremeDaten	{ background-image: url('/weewx/images/bg_minmax.png'); color: #FFF; font-style: inherit; }
.extremePrev	{ background-image: url('/weewx/images/bg_minmax.png'); font-size: x-small; color: #AA0; text-align: right; font-style: inherit; }

.untereZusatz	{ background-color: #333; color: #FFF; font-size: x-small; width: 125px;}
.untereDetails	{ background-color: #333; color: #FFF; font-size: x-small; }
.untereDaten	{ background-color: #444; color: #FFF; font-size: x-small; width: 130px; text-align: center; }

.infobox		{ position: relative; z-index: 5; text-decoration: none; }
.infobox:hover	{z-index: 10; }
.infobox span	{display: none}
.infobox:hover span	{ background-image: url('/weewx/images/bg_minmax.png'); display: inline; position: absolute; width: 20em; border: 1px solid #DA0; padding: 3px 3px 3px 3px; color: #CC0; text-align: left; font-size: xx-small; }


.maxtext		{ color:#F00; font-size: 60%; }
.mintext		{ color:#08F; font-size: 60%; }
.avgwochetxt	{ color: #CC0; font-size: 60%; }
.chgwochetxt	{ color: #088; font-size: 60%; }

.minmaxwert		{ font-size: small; color: #FFF; font-size: 60%; }
.avgwochewert	{ font-size: small; color: #CCC; font-size: 60%; }
.chgwochewert	{ font-size: small; color: #CCC; font-size: 60%; }
.mmtimestamp	{ font-size: 60%; color: #CCC; font-size: 60%; }

.sonnenImage	{ width: 110px; height: 110px; background-image: url("/weewx/images/sonne.png"); background-repeat: no-repeat; }
.mondImage		{ width: 110px; height: 110px; background-image: url("/weewx/images/phase.gif"); background-repeat: no-repeat; }
.forcastImage	{ width: 110px; background-repeat: no-repeat; }
.astroTitel		{ border-bottom-style: solid; border-bottom-width: 1px; border-color: #963; color: #FC0; text-align: left; font-size: 90%; }
.astroDaten		{ color: #FC0; text-align: left; font-size: 90%; }
.forecasttext	{ width: 500px; color: #FC0; text-align: left; font-size: 90%; }
.forecastyrno	{ width: 830px; height: 275px; background-image: url('http://www.yr.no/place/Germany/Baden-Württemberg/Achern/meteogram.png'); background-repeat: no-repeat; vertical-align: middle; text-align: center; border-width: thin; }

.stationstamp	{ font-size: x-small; color: #963; text-align: right; }
.flagcontrol	{ background-color: #303030; text-align: center; }