/* CSS Document */

body{
 background-color: #EFEFEF;
 color: #3E4BB3;
 font-family: Georgia, "Times New Roman", Times, serif;
 text-align: center;
 vertical-align:middle;
 margin-left:auto;
 margin-right:auto;
 margin-top:auto;
 margin-bottom:auto;
 font-size: 95%;
}

A {TEXT-DECORATION: underline; COLOR: #17529E;}
A:link {}
A:visited {}
A:active {}
A:hover {TEXT-DECORATION: none; COLOR: #17529E;}
.no_deco A {TEXT-DECORATION: none;}
.no_deco A:link {TEXT-DECORATION: none;}
.no_deco A:visited {TEXT-DECORATION: none;}
.no_deco A:active {TEXT-DECORATION: none;}
.no_deco A:hover {TEXT-DECORATION: none;}

#main {
	z-index: 1;
	width: 808px;
	height: 610px;
	margin-left:auto;
	margin-right:auto;
	margin-top:auto;
	margin-bottom:auto;
	position: relative;
	text-align: left;
	vertical-align:middle;
	visibility: visible;
}
#frame {
	z-index: 2;
	width: 808px;
	height: 610px;
	position: relative;
}
#logo_place {
	z-index: 4;
	top: -20px;
	left: -12px;
	width: 151px;
	height: 151px;
	position: absolute;
}
#logo {
	z-index: 3;
	background-image:url(img/goewetterlogo.gif);
	background-repeat:no-repeat;
	top: -20px;
	left: -12px;
	width: 151px;
	height: 151px;
	position: absolute;
}
#border {
	top: 5%;
	z-index: 2;
	background-color: #7A89FE;
	color: #3E4BB3;
	width: 800px;
	height: 514px;
	left: 4px;
	position: relative;
}
#footer {
	z-index: 2;
	background-image:url(img/goewetterfooter.gif);
	background-repeat:no-repeat;
	width: 840px;
	height: 92px;
	position: relative;
}
#navi {
	position: relative;
	left: 5px;
	width: 760px;
	height: 34px;
	top: 1px;
}
.navi_box {
	background-color: #4BB43D;
	color: #FFEB52;
	width: 128px;
	height: 34px;
	position: absolute;
	z-index: 9;
}

.status_box {
	width: 115px;
	height: 34px;
	position: absolute;
	z-index: 9;
	color: #555555;
	font-weight: bolder;
	text-align: center;
	line-height: 40px;
}
.status_change {
	background-color: #FFEB52;
}
.status_error {
	background-color: #D5402B;
}
.status_perfect {
	background-color: #4BB43D;
}
.status_description {
	width: 115px;
	height: 34px;
	z-index: 10;
	position: absolute;
	color: #555555;
	font-weight: bolder;
	text-align: center;
	font-size: 11px;
	line-height: 13px;
}

.b00 {
left: 0px
}
.b01 {
left: 116px
}
.b02 {
left: 245px
}
.b03 {
left: 374px
}
.b04 {
left: 503px
}
.b05 {
left: 632px
}

a.navi_link {
	background-color:#4BB43D;
	color: #FFEB52;
	width: 128px;
	height: 34px;
	font-size:16px;
	font-weight: bolder;
	line-height: 35px;
	position: absolute;
	text-align:center;
	text-decoration: none;
	text-transform: lowercase;
	z-index: 9;
}

a.navi_link:link { background-color:#4BB43D; color: #FFEB52;}
a.navi_link:visited { background-color:#4BB43D; color: #FFEB52;}
a.navi_link:hover {	background-color: #FFEB52; color: #4BB43D;}
a.navi_link:active { background-color:#4BB43D; color: #FFEB52;}
a.navi_link:focus {	background-color:#4BB43D; color: #FFEB52;}

#content {
	width: 680px;
	height: auto;
	min-height: 510px;
	left: 117px;
	position: absolute;
	top: 3px;
	background-color: #F0F0F0;
	z-index:3;
}
#weather_station {
	position:relative;
	top: 173px;
	width: 115px;
	height: 313px;
	left: 1px;
}
.weather_box {
	width: 115px;
	height: 76px;
	margin-top: 3px;
	color: #FFEB52;
	background-color: #D5FF8F;
	position: relative;
	z-index: 9;
}
.weather_temperature {
top: 5px;
background-color: #D5FF8F;
color: #3E4BB3;
font-size: 30px;
text-align: center;
font-weight: 500;
position: relative;
}
.weather_celsius {
top: 5px;
background-color: #D5FF8F;
color: #7D88FE;
font-size: 20px;
text-align: center;
font-weight: 500;
position: relative;
}
.weather_values {
top: 5px;
background-color: #D5FF8F;
color: #3E4BB3;
font-size: 19px;
text-align: center;
font-weight: 500;
position: relative;
}
.weather_description {
top: 5px;
background-color: #D5FF8F;
color: #7D88FE;
font-size: 15px;
text-align: center;
position: relative;
}
.valid_xhtml {
position:relative;
top: 20px;
border-width: 0px;
width: 57px;
left:4px;
}
.valid_css {
position:relative;
top: 20px;
border-width: 0px;
width: 57px;
left:4px;
}
.valid_rss {
position:relative;
top: 20px;
border-width: 0px;
width: 40px;
left:4px;
}

#version {
position:relative;
top: 0px;
border-width: 0px;
left:360px;
width: 200px;
font-weight:600;
font-size: 11px;
text-align: center;
}
/* Fontstyles */
.perfect {
	color: #006600;
	font-weight: bolder;
}
.error{
	color: #CC0000;
	font-weight: bolder;
}
a.perfect {
	color: #006600;
	font-weight: bolder;
}
a.error{
	color: #CC0000;
	font-weight: bolder;
}

/* Tablestyles*/
.table_border {
border:#17529E solid 1px;
border-top:#17529E solid 2px;
}
.table_head {
border-top:#17529E solid 0px;
font-size: 12pt;
line-height: normal;
color: #17529E;
padding:5px;
padding-left: 10px;
FONT-FAMILY:Arial,verdana,tahoma,sans-serif;
}
.table_background {
padding:5px;
border-top:#17529E solid 1px;
}
.table_content {
border-top:#17529E solid 1px;
border-right:#17529E dashed 1px;
padding:5px;
}
.table_content_border {
border-top:#17529E solid 1px;
}
.row {}
.row:link {}
.row:visited {}

.row1 {BACKGROUND-COLOR: #7A89FE;}
.row1:link {BACKGROUND-COLOR: #7A89FE;}
.row1:visited {BACKGROUND-COLOR: #7A89FE;}

.row2 {BACKGROUND-COLOR: #CCCCCC; COLOR: #3E6EAD;}

.row3 {background-color: #B3C3DA; COLOR: #5F87C2;}
.row3:link {background-color: #B3C3DA; COLOR: #5F87C2;}
.row3:visited {background-color: #B3C3DA; COLOR: #5F87C2;}
.row3:hover {background-color: #B3C3DA; COLOR: #5F87C2;}
/* $Id: example.css,v 1.5 2006/03/27 02:44:36 pat Exp $ */

/*--------------------------------------------------
  REQUIRED to hide the non-active tab content.
  But do not hide them in the print stylesheet!
  --------------------------------------------------*/
.tabberlive .tabbertabhide {
 display:none;
}

/*--------------------------------------------------
  .tabber = before the tabber interface is set up
  .tabberlive = after the tabber interface is set up
  --------------------------------------------------*/
.tabber {
 border: 1px solid #777788;
 text-align:center;
 position:relative;
 width: 600px;
}
.tabberlive {
 text-align:center;
 width: 600px;
}
/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/
ul.tabbernav
{
 margin:0;
 padding: 3px 0;
 border-bottom: 1px solid #777788;
 font: bold 12px Verdana, sans-serif;
 text-align:center;
 width: 620px;
}

ul.tabbernav li
{
 list-style: none;
 margin: 0;
 display: inline;
}

ul.tabbernav li a
{
 padding: 3px 0.5em;
 margin-left: 3px;
 border: 1px solid #777788;
 border-bottom: none;
 background: #DDE;
 text-decoration: none;
}

ul.tabbernav li a:link { color: #444488; }
ul.tabbernav li a:visited { color: #444488; }

ul.tabbernav li a:hover{ color: #666677; background: #AAAAEE; border-color: #222277;}

ul.tabbernav li.tabberactive a
{
 background-color: #F0F0F0;
 border-bottom: 1px solid #990000;
 Z-index: 10;
}

ul.tabbernav li.tabberactive a:hover
{
 color: #666677;
 background-color: #F0F0F0;
 border-bottom: 1px solid #990000;
 Z-index: 10;
}

/*--------------------------------------------------
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
  --------------------------------------------------*/
.tabberlive .tabbertab {
	padding:5px;
	border:1px solid #aaaaaa;
	border-top:0;
	width: 608px;
 	Z-index: 1;
 /* If you don't want the tab size changing whenever a tab is changed
    you can set a fixed height */
 /* height:200px; */

 /* If you set a fix height set overflow to auto and you will get a
    scrollbar when necessary */

 /* overflow:auto; */
}

/* If desired, hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab h2 {
 display:none;
}
.tabberlive .tabbertab h3 {
 display:none;
}