html,body { width:100%;height:100%;margin:0px;padding:0px;font-family:Verdana,Arial,Helvetica,sans-serif;font-size:12px;background:#f2f2f2;}
#top{height:70px;background:#f2f2f2;position:fixed;width:100%;padding:10px;border-bottom:1px solid #ccc;}
#container { width:500px;background:#f2f2f2;padding:20px;padding-left:10px;padding-top:70px;border:0px solid #ccc;} 
p ,td{font-family:Verdana,Arial,Helvetica,sans-serif;font-size:12px;}

#top {height:70px;-background:#f2f2f2;position:fixed;width:100%;padding-left:10px;}
#footer {position:absolute;bottom:0px;width:100%;height:32px;background:#bbbbbb;color:#ffffff;font-weight:bold;}
.ol-mouse-position {top:7px;left:310px;position:absolute;font-family: Verdana;font-size:11px;font-weight:bold;color:white;background-color:#bbbbbb;}
.ol-mouse-position:before {content: "";} 

A:visited {color:#000000;text-decoration:underline;font-weight: none;font-family:Verdana,Arial,Helvetica,sans-serif}
A:link {color:#000000;text-decoration:underline;font-weight:none;font-family:Verdana,Arial,Helvetica,sans-serif}
A:hover {color:#000000;text-decoration:underline;font-weight:none;font-family:Verdana,Arial,Helvetica,sans-serif}
A:active {color:#000000;text-decoration:underline;font-weight: none;font-family:Verdana,Arial,Helvetica,sans-serif}

#feldlabel {padding-top:10px;padding-bottom:5px;font-family:Verdana,Arial,Helvetica,sans-serif;font-size:11px;color:#000000;}

#textblock{font-family:Verdana,Arial,Helvetica,sans-serif;font-size:12px;line-height:17px;margin:20px;padding:15px;margin-top:0px;width:600px;border:0px solid #eee;}
h1 {color: #e4002b;font-size:26px;line-height:133%;font-weight:normal;font-family: 'Oswald', sans-serif; }
h2 {color: #e4002b;font-size:18px;line-height:30px;font-weight:normal;font-family: 'Oswald', sans-serif;padding-bottom:0px;margin-bottom:10px;}

.input1{ 
   font-family:Verdana,Arial,Helvetica,sans-serif;font-size:12px;color:#000000;
   background: transparent;
   background: #ffffff;
   width: 450px;
   padding: 5px;
   border:1px solid #666;
   border-radius:0;
   height: 29px;
   background-image:url(../img/verlauf_grau5x.jpg);
   }
.buttonxxx {
   font-family:Verdana,Arial,Helvetica,sans-serif;font-size:11px;color:#000000;
   background: transparent;
   padding: 5px 10px 5px 10px;
   border:1px solid #666;
   border-radius:0;
   text-decoration: none;
   background-image:url(../img/verlauf_grau5.jpg);
   height:27px;
}
.button1 {
   font-family:Verdana,Arial,Helvetica,sans-serif;font-size:11px;color:#000000;
   background: transparent;
   text-decoration:underline;
   border:0px solid #fff;
}


.field { background:#888;color:#fff;padding:4px;width:75px;text-align:center;font-size:11px;margin-top:3px;margin-bottom:3px;}

/* Buttons für Fortbewegungsmittel, quelle https://codepen.io/DavidBradbury/pen/HuCqx */
.input-hidden { position:absolute;left: -9999px;}
input[type=radio]:checked + label>img {
  border: 1px solid #fff;opacity: 0.9;filter: alpha(opacity=90);
}
input[type=radio] + label>img {
  width: 28px;height:28px;
  padding:4px;
  margin-right:10px;
  opacity: 0.6;filter: alpha(opacity=60);
}
input[type=radio]:checked + label>img { border:1px solid #666;background:#fff;}
/* END Buttons für Fortbewegungsmittel*/