/* css.tpl */
/* style sheets for HAFAS if in screen mode */
.hafas * {
font-family:                Arial, Helvetica, sans-serif;
font-size:                  12px;
color:                      #000000;
text-decoration:            none;
}
.hafas .small {
font-size:                  10px;
}
.hafas a,
.hafas a:link {
color:                      #00309C;
text-decoration:            none;
}
.hafas a:hover,
.hafas a:active {
text-decoration:            underline;
color:                      #00309C;
}
.hafas .bold {
font-weight:                bold;
}
.hafas .underline {
text-decoration:            underline;
}
.hafas .pre {
font-family:                courier;
}
.hafas .red {
color:                      #ff0000;
}
.hafas .right {
text-align: right;
}
.hafas .center {
text-align: center;
}
.hafas .center input {
position: relative;
margin-left: auto;
margin-right: auto;
}
.hafas .left {
text-align: left;
}
.hafas .top {
vertical-align: top;
}
.hafas .middle {
vertical-align: middle;
}
.hafas .bottom {
vertical-align: bottom;
}
.hafas p.title {
font-size:                  18px;
font-weight:                bold;
}
.hafas td.separator1 {
background-color:           #FFFFFF;
font-weight:                bold;
line-height:                18px;
}
.hafas a.separator1,
.hafas a.separator1:link,
.hafas a.separator1:visited {
color:                      #000;
}
.hafas a.separator1:hover,
.hafas a.separator1:active {
color:                      #f00;
}
.hafas td.separator_blue {
color:                      #FFFFFF;
background-color:           #00309C;
font-weight:                bold;
line-height:                18px;
}
.hafas a.separator_blue,
.hafas a.separator_blue:link,
.hafas a.separator_blue:visited {
color:                      #FFFFFF;
}
.hafas a.separator_blue:hover,
.hafas a.separator_blue:active {
color:                      #FF0000;
}
th {
font-weight:                bold;
text-align:                 left;
vertical-align:             middle;
}
.hafas th.resultdark {
background-color:           #c8c8c8;
text-align:                 left;
}
.hafas td.resultemphasize {
background-color:           #dddddd;
}
.hafas .hafas-result {
background-color: #fff;
width: 100%;
}
.hafas .rs,
.hafas .rs * {
font-size:                  11px;
}
.hafas .rs a,
.hafas .rs a:link,
.hafas .rs a:visited {
color: #000;
text-decoration: none;
}
.hafas .rs a:hover,
.hafas .rs a:active {
color:                      #00309C;
text-decoration:            underline;
}
.hafas .errormessage {
color:                      #dd0000;
font-weight:                bold;
}
.hafas .hint {
color:                      #000033;
line-height:                16px;
}
.hafas td.prognosis,
.hafas span.prognosis {
color:                      #ff0000;
}
.hafas th.help {
text-align:                 left;
}
tr.headline td {
height: 84px;
}
h1 {
padding-left: 4px;
}
.hafas {
width: 640px;
vertical-align: top;
}
.hafas-content {
width: 100%;
padding: 0;
}
table.hafas-content {
margin: 0;
}
.hafas .querysummary td {
padding-left: 4px;
padding-right: 8px;
}
.hafas .querysummary img {
padding-right: 4px;
}
.hafas .hafas-tp-result-overview th,
.hafas table.hac_detail th,
.hafas .hafas-ts-output th,
.hafas .hafas-sq-content th {
border-right: 1px solid white;
border-left: 1px solid white;
border-collapse: collapse;
padding-left: 3px;
}
.hafas .hafas-ts-output td,
.hafas .hafas-sq-content td {
padding:1px 3px 1px 3px;
border-bottom: 1px solid #cccccc;
vertical-align: top;
}
.hafas .detail .prefix {
width: 8px;
text-align: right;
}
.hafas-tp-result-overview .changes {
text-align:       center;
}
.hafas .detail * img {
padding-right: 4px;
border: solid 4px #ff00ff;
}
.hafas .detail .products * img {
margin-right: 0;
}
.hafas-ts-buttons,
.hafas-profile-content,
.hafas-profile-buttons {
margin-left: 3px;
}
.hafas .tp-buttons  {
margin-top: 6px;
margin-bottom: 5px;
}
.hafas .tp-buttons td {
  white-space:nowrap;
padding-right: 10px;
}
.hafas .tp-buttons td.right {
padding-right: 0;
}
table.hafas-ts-content tr th {
padding-left: 3px;
}
table.hafas-ts-content tr th.query {
padding-left: 0px;
}
table.hafas-ts-content tr td {
width: auto;
}
table.hafas-sq-querysummary,
table.hafas-ts-querysummary {
width: auto;
}
table.hafas-sq-querysummary tr th,
.hafas-ts-querysummary tr th {
width: auto;
padding-right: 4px;
}
table.hafas-sq-querysummary tr td,
.hafas-ts-querysummary tr td {
width: auto;
padding-right: 0;
}
.hafas-profile-content tr td,
.hafas-profile-buttons tr td {
white-space: nowrap;
padding: 2px 2px 2px 8px;
}
.hafas-profile-connection tr td {
padding: 2px 2px 2px 8px;
vertical-align: middle;
}
.hafas-profile-connection tr th {
vertical-align: top;
padding: 0px 0px 0px 2px;
}
.hafas-profile-content tr td.td-first {
padding-right: 4px;
padding-left: 2px;
}
.hafas-profile-connection tr td.td-first {
width: auto;
padding-right: 4px;
vertical-align: top;
}
.hafas .icon {
margin-right: 4px;
}
.hafas table.buttons td {
padding: 2px 0px 2px 0px;
}
.hafas .detail .buttons td * {
margin-right: 10px;
}
.hafas .detail .buttons td.right * {
margin-right: 0px;
}
a.hafas-browse-link,
a.hafas-browse-link:link,
a.hafas-browse-link:hover,
a.hafas-browse-link:active,
a.hafas-browse-link:visited {
color: #ff0000;
font-weight: normal;
}
tr.zebra-row-0 td {background-color: #eeeeee;}
tr.zebra-row-1 td {background-color: #ffffff;}
tr.zebra-row-2 td {background-color: #ffff84;}
tr.zebra-row-3 td {background-color: #ffffad;}
.separating-line,
.separating-line tr,
.separating-line tr td,
.separator,
.hafas-tp-result-overview tr td.separator,
.hafas-profile-content tr td.separator,
td.separator,
.separator tr,
.separator tr td,
td.separator-blue,
.separator1 {
padding: 0px;
margin: 0px;
height: 1px;
  }
.hafas .hint_realtime, .hafas .hint_realtime * {
  font-size: 11px;
  }
.separator-blue {
font-weight:                bold;
width:                      100%;
height:                     20px;
background-color:           #003399;
border:                     1px solid #003399;
color:                      #fff;
}
.separator-blue * {
color:                      #fff;
}
.button,
.buttonNoBorder {
font-size:                  12px;
height:                     20px;
color:                      #f00;
border:                     1px solid #ccc;
padding:                    0;
margin:                     0;
background-color:           #e3e3e3;
cursor:                     pointer;
line-height:                12px;
vertical-align:             middle;
}
.hafas div.button {
width: 120px;
background-color: red;
}
.hafas div.asbutton,
.hafas a.linkAsbutton,
.hafas a.linkAsbutton:link,
.hafas a.linkAsbutton:hover,
.hafas a.linkAsbutton:active,
.hafas a.linkAsbutton:visited {
display:block;
font-size: 12px;
color: #ff0000;
text-align:center;
padding:2px;
border:solid 1px #cccccc;
background-color: #e3e3e3;
text-decoration:none;
}
.hafas div.asbutton,
.hafas div.asbutton a {
display:inline;
vertical-align:middle;
}
.hafas div.asbutton a,
.hafas div.asbutton a:link,
.hafas div.asbutton a:hover,
.hafas div.asbutton a:active,
.hafas div.asbutton a:visited {
font-size: 12px;
color: #ff0000;
text-align:center;
padding:0;
border:none;
background-color: #e3e3e3;
text-decoration:none;
}
.buttonNoBorder {
border:                     none;
}
input.input {
width:                      220px;
}
select.ToL {
width:                      155px;
}
.link {
background:                 transparent;
border:                     none;
font-size:                  12px;
height:                     20px;
color:                      #039;
padding:                    0;
margin:                     0;
cursor:                     pointer;
line-height:                20px;
vertical-align:             bottom;
text-align:                 left;
padding-left:               2px;
}
input.link:link {
text-decoration: none;
}
input.link:hover {
  text-decoration: underline;
  }

.hafas-tp-result-overview tr th {padding: 1px 3px 1px 3px;}
.hafas-tp-result-overview tr td {padding: 1px 4px 1px 4px;}
.hafas table.resultslegend td.first {width: 25px;}
.hafas table.hac_detail td {padding: 1px 4px 1px 4px;}
.hafas table.hac_detail td.prefix {padding: 1px 0px 1px 4px;}
.hafas table.hac_detail td.last {border-bottom: solid 1px #cccccc;}
.hafas table.hac_detail td.stop-station {padding-left:0px;}
.hafas table.hac_detail td.stop-station-icon {padding:4px 0px 2px 2px; width:1%;}
.hafas table.hac_greybox {width:100%; border: solid 1px #cccccc;margin-bottom:10px;}
.hafas table.hac_greybox td.hac_greybox_cell {padding:4px;}
.hafas .footer * {font-size: 11px;}
.hafas .hafas-tp-result-overview th.th-first,
.hafas .hafas-sq-content th.th-first,
.hafas .hafas-ts-output th.th-first,
.hafas table.hac_detail th.th-first {border-left: 0px;}
.hafas .hafas-tp-result-overview th.th-last,
.hafas .hafas-sq-content th.th-last,
.hafas .hafas-ts-output th.th-last,
.hafas table.hac_detail th.th-last {border-right: 0px;}