/* hafas mobile styles */
input.button { -webkit-appearance: none; }

* {
  font-family:Verdana,Arial,sans-serif;
  font-size:11px;
  padding:0px;
  margin:0px;
  }
body{
  background-color: #fff;
  margin-bottom: 10px;
  overflow-y: auto;
  }
img {
  border:none;
  vertical-align:middle;
  }
table {
  border-spacing:0;
  border-colllapse:collapse;
  width:100%;
  }
td, th {
  border-right:1px solid #ffffff;
  }
#content.content #header {
  height:52px;
  padding-bottom:0;
  border-bottom:1px solid #767676;
  }
#content #header h1 {
  text-align:left;
  font-weight:normal;
  padding-left:12px;
  color:#fff;
  }
#small_logo {
  padding:0;
  margin:0;
  line-height:0;
}
p.header {
  color:#008080;
  font-weight:bold;
  }
a {
  color:#545454;
  text-decoration:none;
  }
a:hover {
  color:#000000;
  text-decoration:underline;
  }

input.tpLoc,
select.tpType {
  width:140px;
  }

input.tpLoc {
  padding:2px 3px;
  }

input, select {
  font-size:11px;
  margin-left:0px;
  /*height:18px;*/
  vertical-align:middle;
  }
input.tptime {
  width:55px;
  }

input.checkbox {
  height:18px;
  width:18px;
  }

.error  {
  font-weight:bold;
  color:#FF0000;
  }
.button {
  font:10px Arial;
  color: #000000;
  border: 1px solid #888;
  background: #E6E6E6;
  margin: 4px;
  }
.line {
  clear:both;
  margin-top:1px;
  margin-bottom:1px;
  height:1px;
  background-color:#A7A7A7;
  font-size:1px;
  }
.ptitle,
.subtitle  {
  padding-left:2px;
  line-height:16px;
  }
.tp, .tb, .sq, .qs, .jinfo, .service, .imprint, .lang, .about {
  padding:2px;clear:both;
  }
.fb {
  padding:4px;clear:both;
  }
.validity {
  padding:3px;
  background-color:#E6E6E6;
  }
.zoom,.move {
  padding:2px;
  background-color:#E6E6E6;
  }
label.desc {
  display:block;
  float:left;
  width:44px;
  }
.desc {
  padding:1px;
  }
p.remark {
  border-top:#cccccc solid 1px;
  padding:2px;
  }
p.about {
  padding:2px;
  }

table.hfs_stboard,
table.hfs_overview,
table.hfs_trainroute {}

table.hfs_stboard th,
table.hfs_overview th,
table.hfs_trainroute th {
  background-color:#a8a9ae;
  color:#ffffff;
  padding:2px 2px;
  text-align:left;
  }

table.hfs_overview td,
table.hfs_stboard td,
table.hfs_trainroute td {
  padding:2px;
  }
table.hfs_stboard tr.color0 td,
table.hfs_overview tr.color0 td,
table.hfs_trainroute tr.color0 td {
  background-color:#FFFFDD;
  }
table.hfs_stboard tr.color1 td,
table.hfs_overview tr.color1 td,
table.hfs_trainroute tr.color1 td {
  background-color:#ffffff;
  }
table.hfs_stboard tr.color2 td,
table.hfs_overview tr.color2 td,
table.hfs_trainroute tr.color2 td {
  background-color:#E9E9E9;
  }
table.hfs_stboard tr.color3 td,
table.hfs_overview tr.color3 td,
table.hfs_trainroute tr.color3 td {
  background-color:#F9F9F9;
  }
p.journey {
  border-top:1px #A7A7A7 solid;
  padding:2px;
  }
p.locList0 {
  padding:1px 2px;
  border-bottom:1px solid #999;
  }
p.locList1 {
  background-color:#E0E0E0;
  padding:1px 2px;
  border-bottom:1px solid #999;
  }
p.locList0 a,
p.locList1 a
  {
  font-weight:normal;
  text-decoration:none;
  }

/* GPS Locating request
div.locList0 {padding:1px 2px;border-bottom:1px solid #999;}
div.locList0 a, div.locList1 a {font-weight:normal;}
 */

p.hfs_trainroute,
p.journey {
  background-color:#F5F5F5;
  border-bottom:1px solid #CCCCCC;
  border-top:1px solid #FFFFFF;
  margin:0;
  padding:3px 8px;
  }
p.qs, p.desc {
  border-bottom:1px solid #E0E0E0;
  background-color:#FFFFFF;
  color:#333333;
  margin:0;
  padding:3px 8px;
  }
p.qs, p.desc {
  background-color:#F0F0F1;
  }
p.prio1links {
  background-color:#ffffff;
  border-top:solid 1px #CCCCCC;
  }
p.prio1links, p.home{
  /*border:0px;*/
  color:#222222;
  display:block;
  line-height:25px;
  padding:0;
  vertical-align:middle;
  }
p.home a,
p.prio1links a {
  color:#545454;
  }
p.home img,
p.prio1links img {
  vertical-align:middle;
  }
p.home {
  border:0px;
  padding:2px 0px 2px 14px;
  }
p.home a {
  font-weight:normal;
  }
p.prio2links {
  border:0px;
  border:0px;
  color:#222222;
  display:block;
  line-height:20px;
  padding:0;
  vertical-align:middle;
  }
p.prio2links a {
  font-weight:normal;
  }
p.prio2links img {
  vertical-align:middle;
  }
p.scroll{
  border-top:1px solid #CCCCCC;
  text-align:center;
  }
p.imprintTitle {
  font-weight:bold;
  padding:1px 2px;
  margin-top:4px;
  }
p.imprint {
  padding:1px 2px;
  }
p.depStation {
  border-top:1px solid #5C7089;
  background-color:#F9F9F9;
  color:#5C7089;
  padding:2px;
  font-weight:bold;
  }
p.arrStation {
  background-color:#F9F9F9;
  color:#5C7089;
  padding:2px;
  font-weight:bold;
  }
p.detStation a {}

p.firstStation {
  border-top:none;
  }
p.detTrainAttributes {
  background-color:#FFFFFF;
  font-weight:normal;
  padding:2px;
  }
p.detStationInfo {
  background-color:#FFFFFF;
  border-bottom:1px solid #D0D0D0;
  border-top:1px solid #FFFFFF;
  font-weight:normal;
  padding:2px;
  }
table.imStops{
  background-color:#F5F5F5;
  border-bottom:1px solid #D0D0D0;
  border-top:1px solid #FFFFFF;
  font-weight:normal;
  padding:2px;
  }
table.imStops td.station {
  width:80%;
  }
table.imStops td.time {
  width:20%;
  }
/* Icons */
img.secProd {
  width:19px;
  height:19px;
  vertical-align:middle;
  }
img.select {
  margin:1px 2px;
  }
img.prio1Icon {
  vertical-align:middle;
  margin-left:2px;
  }
img.prio2Icon {
  vertical-align:middle;
  margin-left:2px;
  }
img.logo {
  vertical-align:middle;
  }
.him_connection_message {
  background-color:#FEDEDE;
  border:1px solid #EE0000;
  margin:1px;
  padding:2px;
  }
#navlinks{
  width: 100%;
  background:#F0F0F1;
  color:#333333;
  margin:0;
  padding:0;
  overflow:hidden;
  padding-bottom: 5px;
  }
#navlinks a{
  color:#545454;
  padding: 0;
  }
#navlinks div{
  float:left;
  padding-top:2px;
  margin-left:0.5em;
  }
#header div#right,
#navlinks div.right{
  float:right;
  margin-right:0.5em;
  }
#navlinks .navlink_lang{
  padding-right:0.5em;
  }
table.hfs_trainroute td.currentTime {
  padding:0px;
  height:4px;
  line-height:4px;
  }
table.hfs_trainroute td.currentTime img {
  background-color:#ff0000;
  }

/* Realtime */
span.delay,
span.urgent,
span.cancellation,
span.platformChange {
  color:#ff0000;
  font-weight:bold;
  }
span.ontime {
  font-weight:bold;
  color:#32CD32;
  }
#message {
  padding:2px;
  }
ul.error_list
  {
  margin-top:10px;
  }
span.remark_title
  {
  color:#CC0294 !important;
  font-weight:bold !important;
  }
table.hfsFbFormHolder
  {
  width:270px;
  margin-top:15px;
  }
table.hfsFbFormHolder td
  {
  padding:2px;
  white-space:nowrap;
  }
table.hfsFbFormHolder p.fbSubTitle
  {
  color:#BB0A36;
  font-weight:bold;
  padding-left:10px;
  }
textarea.hfs_fb {
  width:285px;
  height:118px;
  border:solid 1px #cccccc;
  }
input.hfs_fb {
  width:180px;
  border:solid 1px #cccccc;
  }
input.hfs_fb_small {
  width:80px;
  border:solid 1px #cccccc;
  }

select.hfs_fb_xs,
select.hfs_fb_s,
select.hfs_fb {
  border:solid 1px #cccccc;
  }
select.hfs_fb_xs {
  width:45px;
  }
select.hfs_fb_s {
  width:65px;
  }
select.hfs_fb {
  width:180px;
  }

/* from css.tpl */
p.link1 {
  height:33px;
  }

input.button,
p.link1 a {
  border:1px solid #CCCCCC;
  -webkit-border-radius:3px;
  -khtml-border-radius:3px;
  -moz-border-radius:3px;
  border-radius:3px;
  cursor:pointer;
  color:#CC0000;
  font-weight:bold;
  background-color:#f4f4f5;
  padding:0;
  margin:0;
  }

input.button {
  /*width:240px;*/
  height:auto;
  padding:3px 10px;
  margin:3px;
  text-align:center;
  font-weight:bold;
  font-size:11px;
  }
p.link1 a {
  padding:3px 0px;
  margin:5px;
  width:240px;
  display:block;
  text-align:center;
  }
p.link1 a:hover {
  text-decoration:none;
  }

div.him {
  background-color: #FFE9E9 !important;
  border: 1px solid #EE9999;
  color: #EA3737;
  margin:2px;
  padding:1px;
  vertical-align: middle;
  white-space: normal;
  }

/*ASCII output */
pre {font-family:Courier new;}

/* Suggest */
div#suggestion {
  width:100%;
  min-width:240px;
  }
div#suggestion div {
  padding:5px;
  }
div#suggestion .greyselected,
div#suggestion .grey {
  background-color:#e3e3e3;
  }
span.textlabel {
  font-weight:bold;
  }
.linkHolder {
  /*border-top:1px solid #CCCCCC;*/
  }