body,html{
 background-image:url('background_header.png');
 background-repeat:repeat-x;
 background-color:#bec2ec;
 padding:0;
 margin:0;
 font-family:"Comic Sans MS",Helvetica,Arial,sans-serif;
 text-align:center;
 color:#000033;
 height:100%;
}
p{
 padding: 10px 20px 20px 20px;
 font-size:16px;
}
fieldset {
-moz-border-radius:10px;
}
legend{
 margin:6px;
 padding: 0px 2px 0px 2px;
 font-size:14px;
 }
dt{
margin-bottom:15px
}
h1{
 font-weight:bold;
 font-size:40px;
 margin:0;
 white-space: nowrap;
}
h2{
 font-weight:bold;
 font-size:20px;
 margin:0px;
 padding:0px;
 white-space: nowrap;
}
h3{
 text-align:left;
 margin:0px ;
 padding:10px;
 white-space: nowrap;
 color:#555555;
 }
object{
 width:700px;
 height:500px;
 overflow:hidden;
}
.gbook{
margin:20px 20px 20px 20px;
padding:20px 5px 20px 5px;
font-size:12px;
font-family:"Comic Sans MS",Helvetica,Arial,sans-serif;
text-align:left;
white-space:normal;
}
.vorhersage
 {
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
 border-width:2px;
 border-style:outset;
 border-color:white;
}
#ueberschrift{
 margin:5px 0px 20px 190px;
}
#hauptnavigation{
 margin:20px 0px 0px 190px;
 text-align:center;
}
#hauptnavigation ul{
 margin:auto;
 padding:0;
 list-style:none;
 white-space: nowrap;
 font-size:14px;
 width:560px;
}
#hauptnavigation li{
 float:left;
 padding:2px 0px 0px 4px;
}
#hauptnavigation span{
 background:#cec2ec url(button.png);
 border-width:2px;
 border-style:outset;
 border-color:white;
 color:blue;
 width:130px;
 display:block;
 padding:2px 0px 2px 0px;
}
#hauptnavigation a{
 background:#cec2ec url(button.png);
 border-width:2px;
 border-style:outset;
 border-color:white;
 color:black;
 text-decoration:none;
 width:130px;
 display:block;
 padding:2px 0px 2px 0px;
}
#hauptnavigation a:hover{
 color:blue;
 border-style:inset;
}
#navigation{
 position:absolute;
 top:180px;
 left:10px;
 width:155px;
 margin:0px 0px 0px 10px;
}
#navigation fieldset{
 margin:0;
 padding:0px 0px 0px 4px;
 border:2px;
 border-color:white;
 border-style:outset;
}

#navigation ul{
 margin:0;
 padding:20px 10px 20px 3px;
 list-style:none;
 font-size:14px;
}

#navigation li{
padding:2px 0px 0px 0px;
}
#navigation a
{
 background:#cec2ec url(button.png);
 border-width:2px;
 border-style:outset;
 border-color:white;
 color:black;
 text-decoration:none;
 width:130px;
 display:block;
 padding:2px 0px 2px 0px;
}
#navigation a:hover{
 color:blue;
 border-style:inset;
}
#navigation span{
 background:#cec2ec url(button.png);
 border-width:2px;
 border-style:outset;
 border-color:white;
 color:blue;
 display:block;
 width:130px;
 padding:2px 0px 2px 0px;
}
#content{
 margin:10px 0px 0px 180px;
 padding:0px;
}
#content fieldset
{
 margin:0px 10px 5px 10px;
 padding:0px 5px 10px 5px;
 border-width:2px;
 border-color:white;
 border-style:outset;
}
#webcam {
 padding:0;
 margin:auto;
 text-align:center;
 list-style-type:none;
 width:890px;
}
#bilderleiste2reihen {
 padding:0;
 margin:auto;
 text-align:center;
 list-style-type:none;
 width:710px;
}

#bilderleiste2reihen li {
float:left;
height:280px;
width:330px;
margin:5px;
color:#777777;
border-color:white;
border-style:outset;
}
#bilderleiste2reihen img{
padding:10px;
display:block;
margin-top:10px;
margin-bottom:auto;
margin-left:auto;
margin-right:auto;
}
#solarobject{
 height:1600px; 
 width:680px;
 overflow:hidden;
}
#wettertabelle {
width:740px;
border-collapse:collapse;
border:2px solid #999999;
margin-top:15px;
margin-bottom:0px;
margin-left:auto;
margin-right:auto;
border-color:white;
border-style:outset;
}
#wettertabelle tr {
 border:0px;
 border:1px ;
 border-color:white;
}
#wettertabelle td, th {
border:1px solid #999999;
border-color:white;
padding:1px 1px 1px 1px;
margin:0px 0px  0px  0px ;
}
#wettertabelle img {
 border:0px;
 margin:5px;
 padding:0px 0px  0px  0px ;
}
#wettertabelle td > a
{
 width:66px;
 height:66px;
 margin:auto;
 padding:0px;
 border-width:2px;
 border-style:outset;
 border-color:white;
 display:block;
}
#wettertabelle td > a:hover{
 border-style:inset;
}
#wetterzusammenfassung {
width:740px;
margin-top:25px;
margin-bottom:10px;
margin-left:auto;
margin-right:auto;
border-collapse:collapse;
border:2px solid #999999;
border-color:white;
border-style:outset;
}
#wetterzusammenfassung tr {
 border:0px;
 border:1px ;
 border-color:white;
}
#wetterzusammenfassung td , th{
border:1px solid #999999;
border-color:white;
padding:1px 1px 1px 1px;
margin:0px 0px  0px  0px ;
font-size:14px;
 }
 #wetterzusammenfassung a{
 text-align:left;
 display:block;
 padding:0px 0px 0px 5px;
 }
#awekas{
 width:175px;
 height:125px;
 overflow:hidden;
}
#bigbuttons{
 margin:10px 0px 0px 0px;
 text-align:center;
 font-size:22px;
}
#bigbuttons ul{
 margin:auto;
 padding:0;
 list-style:none;
 white-space: nowrap;
 width:420px;
}
#bigbuttons li{
 float:left;
 padding:4px 4px 4px 4px;
 }

#bigbuttons a{
 background:#cec2ec url(bigbutton.png);
 border-width:3px;
 border-style:outset;
 border-color:white;
 color:black;
 text-decoration:none;
 display:block;
 width:160px;
 height:140px;
}
#bigbuttons a:hover{
 color:blue;
 border-style:inset;
}
#bigbuttons span{
position:relative;
top:35px;
left:0px;
}
#jahr {
 font-size:35px;
}
#jahr span{
position:relative;
top:40px;
left:0px;
}
#forecast {
width:742px;
height:270px;
}
#awekas_instrument {
width:590px;
height:700px;
}

.ws2500{
text-align:left;
margin:40px 40px 0px 0px;
}
.rahmen
{
padding:10px 10px 10px 10px;
border-color:white;
border-style:outset;
}
.beschriftesbild{
float:left;
margin-right:15px;
margin-bottom:15px;
padding:10px 10px 10px 10px;
border-color:white;
border-style:outset;
}
.beschriftesbild2{ 
float:left;
margin-right:30px;
margin-bottom:15px;
padding:10px 10px 10px 10px;
border-color:white;
border-style:outset;
}
.clear{
 clear:both;
 padding:0;
 margin:0;
 }
 .right{
 text-align:right;
}
 .left{
 text-align:left;
}
.center{
 text-align:center;
}
.justify{
 text-align:justify;
 padding:0px 40px 0px 50px;
}
.kleiner{
 font-size:9px;
}
.klein{
 font-size:12px;
}
.klein-fett{
 font-size:12px;
 font-weight:bold;
}
.normal{
 font-size:16px;
}
.groesser{
 font-size:24px;
}
.nobreak{
 white-space: nowrap;
}
