html,body {height: 100%;font-family:arial,Helvetica;}
body {margin:0;padding:0;font-family:arial,Helvetica,sans-serif;font-size:8pt;color:#333;width:100%;position:relative;top:0;left:0}
* {margin:0;padding:0;font-family:arial;font-size:8pt;color:#333}
hr {color:yellow;border:none;height:15px}
#map {width:420px;height:700px;}
#calcwrap {width:230px;position:absolute;top:0;padding:10px;background-color:yellow;height:100%}
.w {width:200px;}
#km {text-align:right;font-family:monospace;font-weight:bold;font-size:12pt;width:2.6em;margin-left:0.2em;}
#gruppe {width:225px;;height:2em;padding:0;}
#gruppe option {width:225px;height:40px;background-repeat:no-repeat}
 .black {border:2px solid black;padding:2px}
#station,#station option {width:225px;margin:0;}
#tage {width:5em;text-align:center}
.datum {width:6em}
#hilfe {}
#hilfe img {margin-right:0.5em}
.wrap {position:relative;width:140px;height:40px}
.wrap img {position:absolute;top:0;left:0;width:140px;height:40px}
.wrap p {position:absolute;top:12px;left:11px;font-weight:bold}
#geduld {position:absolute;top:50%;left:45%;border:0}
#go,#calcer {width:150px}
.error {color:red}
table.out td ,table.out th {background-color:white;padding:2px}
#to {width:195px} 

#stationwrap img.dhx_combo_option_img {width:21px!important}
div.autocomplete {
  position:absolute;
  width:250px;
  background-color:white;
  border:1px solid #888;
  margin:0;
  padding:0;
}
div.autocomplete ul {
  list-style-type:none;
  margin:0;
  padding:0;
}
div.autocomplete ul li.selected { background-color: #ffb;}
div.autocomplete ul li {
  list-style-type:none;
  display:block;
  margin:0;
  padding:2px;
  height:1em;
  cursor:pointer;
}

#abgabe .dhx_combo_list {height:5em}