body {
  font: 14px/16px helvetica, arial, verdana, sans-serif;
  border-top:1px solid #A09D6A;
  background: url(image/desert.jpg);
  color:#989868;
  text-align:left;
}
a {
  font: bold 14px/16px helvetica, arial, verdana, sans-serif;
  text-decoration: none;
  color:#EBA084;
}
a:hover {
  color:#c03;
}
img {
   width:300px;
}
.bilder {
  float:right;
  margin:20px 20px 10px 10px;
  border:1px;
  -moz-opacity:0.3;
}

.bilder:hover {
  float:right;
  margin:20px 20px 10px 10px;
  border:1px;
  -moz-opacity:1.0;
}

.beitrag {
  margin: 20px 250px 0 20px;
  padding:5px;
  width:600px;
  text-align: justify;
  color:#000;
  background:#fff;
  position:absolute;
   -moz-opacity:0.3;
}
.beitrag:hover {
  margin: 20px 250px 0 20px;
  padding:5px;
  width:600px;
  text-align: justify;
  color:#000;
  background:#fff;
   -moz-opacity:0.9;
/*   */
}
.beitrag h2 {
        font: bold 14px/18px helvetica, arial, verdana, sans-serif;
        color: #000;
        background: #FDC44F;
        padding-left:10px;
}
input, select{
 font: 12px helvetica, arial, verdana, sans-serif;
        border:1px solid #A09D6A;
        color:#000000;
}
input:hover {
        border:1px solid #A09D6A;
        color: #FF9F00;
}
.state {
  margin:10px 450px 0 0;
  font: bold 14px/18px helvetica, arial, verdana, sans-serif;
  color: #000;
  background: #EEF3D0;
  padding-left:10px;
  border: 1px solid;
}
.state h2 {
  margin:0 0 0 -10px;
  color: #000;
  background: #FDC44F;

}
.wetter {
  position:absolute;
  left:10px;
  bottom:10px;
}