/* hafas_default.css - general HAFAS styles */ #HFS body {margin:0px;padding:0px;height:100%;width:100%; } #HFS body.popup {min-width: 100% !important;} #HFS {margin:0; padding: 0; background-color: #fff; font-family: Arial, Helvetica, Swiss, sans-serif; font-size: 13px; line-height: 18px; color: #333;} #HFS table {font-size: 12px;} #HFS caption {text-align: left; font-weight: bold; margin-bottom: 0.75em;} #HFSResult table {font-size: 12px; border: 0;} #HFS .popup {margin:0px; background-color:#fff;} #HFS.popup table tr td, #HFS.popup, #HFS.popup input, #HFS.popup select, #HFS.popup div, #HFS.popup .calendarLegend, #HFS.popup input.button, #HFS table.calendar th.heading_months_disabled {font: normal 13px/18px arial, sans-serif;} #HFS div.hint {padding: 1px 3px 1px 3px; color:#2677b8; background-color:#fff; text-decoration:none;} #HFS img {border:none;} #HFS img.product {margin-right:2px; vertical-align: middle;} #HFS a.mapIcon {position: relative; top: 5px; width: 11px; height: 17px; display: inline-block;} #HFS img.icon {vertical-align: middle; margin-right: 2px;} #HFS img.icon_head {vertical-align: top; margin-top: 3px; margin-right: 5px; border-right: 1px #e3eaee dotted; padding-right: 6px;} #HFS input, #HFS select {font-size: 12px; margin:1px 0px; vertical-align: middle;} #HFS select {padding: 1px 0 1px 3px;} #HFS option {padding: 2px 0 2px 7px;} #HFS optgroup {padding-left:7px;} #HFS optgroup option {padding-left:20px;} #HFS select:focus > option:checked, select:focus > optgroup > option:checked {background-color: #E5EBED; color: #000;} #HFS input, #layerMapWrap input {padding: 8px 4px; font-family: Arial, Helvetica, Swiss, sans-serif;} #HFS input.bg, #HFS input.spMargin, #HFS select, #HFS .search-box input, #layerMapWrap input#location, #HFS_comments {background-color: #fdfdfd; border: 1px solid #C1CEDA; border-radius: 1px 1px 1px 1px; box-shadow: 1px 1px 4px 0 #C1CEDA inset; color: #333;} #HFS input.bg, #HFS .search-box input, #HFS_to, #HFS_from, #HFSInputVia_1 input, #HFSInputVia_2 input, #layerMapWrap input#location, #HFSQueryBaim input.location, #HFS_date, #HFS_trainname, #HFS_stationname {/* height: 18px; */} #HFS input.error, #HFS select.error {border: 1px solid #DAC6C1; box-shadow: 1px 1px 5px 0 #FFCECE inset; background-color:#fff9f9; width: 300px;} #HFS select.error {height: 24px;} #HFS #HFS_date.error, #HFS #normalPeriodEnd.error {width: 100px;} #HFS select#HFS_vkmuster, #HFS select#HFS_offset, #HFS select#HFS_filter {width: 130px; margin-bottom: 5px;} #HFS input.error_date, #HFS input.error_time, #HFS input#HFS_dateBegin.error, #HFS input#HFS_dateEnd.error {color: #e20619; background-color: #fff; border: 1px inset #CC0000; width: 97px;} #HFS input.embedded {border: none; background-color:transparent;} #HFS input.embedded:focus {border: solid 1px #777; background-color:#e2e6e7;} #HFS input.small {font-size: 11px; padding:0px; padding-left:2px;} #HFS input.hiddenbutton {border: none; width:0; height:0; color:transparent; background-color:transparent; speak:none; position:absolute; left: -99999px;} #HFS input.buttonSmall {padding: 1px 3px; font-size:12px; font-weight: bold; border: none; background-color:#003366; color:#fff;} #HFS input.buttonAsLink, #HFS #searchSwitch .externalLink, #HFS .flap {background:none; color:#e20619; border:0px; min-width:20px; overflow:visible; margin:1px 10px 3px 0px; padding:0px 0px 0px 15px; text-align:left; cursor:pointer; text-decoration: none; box-shadow: 0 0 0 0 transparent inset;} #HFS #searchSwitch .externalLink:hover {text-decoration:underline;} #HFS input.buttonAsLink:hover, #HFS input.buttonAsLink:focus, #HFS input.buttonAsLink:active, #HFS button.searchConnRight:hover, #HFS button.searchConnRight:focus, #HFS button.searchConnRight:active, #HFS #queryInputButtonsFirst button:hover, #HFS #queryInputButtonsFirst button:focus, #HFS #queryInputButtonsFirst button:active, #HFS button:hover, #HFS button:focus, #HFS button:active {text-decoration: none; color: #fff;} #HFS a.flap:hover, #HFS a.flap:focus, #HFS a.flap:active, #HFS input.buttonAsLink.expand:active, #HFS input.buttonAsLink.expand:focus, #HFS input.buttonAsLink.expand:hover, #HFS input.buttonAsLink.collapse:active, #HFS input.buttonAsLink.collapse:focus, #HFS input.buttonAsLink.collapse:hover, #HFS input.buttonAsLink.add:active, #HFS input.buttonAsLink.add:focus, #HFS input.buttonAsLink.add:hover {color: #e20619; text-decoration: underline;} #HFS input.buttonAsLink.add, #HFS input.buttonAsLink.add:hover {height: 16px !important;} #HFS input.buttonAsLink.collapse {margin-top: -9px; /* Höhenausgleich für flipflap */} #HFS a.arrowlink:hover, #HFS a.arrowlink:focus, #HFS a.arrowlink:active {color: #e20619; background: none; text-decoration: none;} #HFS input.radio, #HFS input.checkbox {border: none; box-shadow: none; /* IE-fix */ padding-left: 0; padding-top: 0; padding-bottom: 0;} #HFS input.mapAsLink {background-color:transparent; color:#2677b8; border:0px; min-width:20px; overflow:visible; margin:1px 10px 1px 0px; padding:0px 0px 0px 14px; text-align:center; cursor:pointer;} #HFS input.mapAsLink:hover, #HFS input.mapAsLink:focus, #HFS input.mapAsLink:active {color:#333;} #HFS tbody td {padding-top: 0px;} #HFS tbody tr {border: 0 none; font-size: 12px; height: auto !important;} #HFS th.hbg, th#hafasSQTime, th#hafasSQTrain, th#hafasSQTimetable, th#hafasSQPlatform, th#hafasSQHim, th#hafasSQReachability {background-color: #e6ebed; font-size: 12px;} #HFS_comments {margin-top: 20px;} /* LINKS --------------- */ #HFS a { color: #292928; text-decoration: underline; } #HFS a:hover, #HFS a:active, #HFS a:focus { text-decoration: none; } #HFS a:visited { color: #666; text-decoration: underline; } #HFS em.more a { font-style: normal; } #HFS a img { border: 0; } #HFS a.mapAsLink {background-color:transparent; color:#2677b8; border:0px; min-width:20px; overflow:visible; margin:1px 10px 1px 0px; padding:0px 0px 0px 14px; text-align:center; cursor:pointer;} #HFS a.mapAsLink:hover, #HFS a.mapAsLink:focus, #HFS a.mapAsLink:active {color:#333;} #HFS a.button {background-color:#b8c6d6; color:#333; border:1px #80a6ac solid; padding: 1px 4px 1px 4px; margin-right:3px; vertical-align: middle; } #HFS a.button:link {color:#333; text-decoration:none; } #HFS a.button:active {color:#333; text-decoration:none; } #HFS a.button:hover {color:#c00; border: 1px #c00 solid; text-decoration:none;} #HFS a, #HFS a:link, #HFS a:active, #HFS a:visited {color:#292928;} #HFS #HFSContent a:hover, #HFS #HFSContent a:active {color:#e20619;} #HFS #tpRQ_Buttons a.arrowlink, #search .search-box button, span.button, #HFS #tpRQ_Buttons input.buttonAsLink, #HFS #queryInputButtons input.buttonAsLink, #HFS #queryInputButtonsFirst button, #HFS a.linkAsButton, #HFS input.button, #HFS input.button:focus, #HFS input.buttonSmall, #HFS input.buttonSmall:focus, #HFSResult input.button {font-family: arial,sans-serif; font-size: 11px; font-weight: bold; padding: 3px 8px; border-radius: 3px; color: #fff; margin-right: 5px; background-color: #e20619; text-transform: uppercase; text-decoration: none;} #HFS input.button, #HFS input.buttonSmall {border: 0;} #HFS #tpRQ_Buttons a.arrowlink:hover, #search .search-box button:hover, span.button:hover, #HFS #tpRQ_Buttons input.buttonAsLink:hover, #HFS #queryInputButtons input.buttonAsLink:hover, #HFS #queryInputButtonsFirst button:hover, #HFS button:hover, #HFS button.searchConnRight:hover, #HFS button.searchConnRight:focus, #HFS button.searchConnRight:active, #HFS a.linkAsButton:hover, #HFS a.linkAsButton:focus, #HFS a.linkAsButton:active, #HFS input.button:focus, #HFS input.button:hover, #HFS input.buttonSmall:focus, #HFS input.buttonSmall:hover, #HFSResult input.button:hover {padding: 2px 7px; border: 1px solid; background-color: #fff; color: #e20619; text-transform: uppercase; text-decoration: none;} #HFS #queryInputButtonsFirst {height: 25px; padding-top: 15px;} #HFS button {background: none repeat scroll 0 0 #E20619; border: 0 none; border-radius: 3px;color: #fff; font-family: arial,sans-serif; font-size: 11px; font-weight: bold; padding: 3px 8px; text-transform: uppercase;} #HFS #queryInputButtonsFirst button {border: 0; float: right;} #HFS button.searchConnRight {float: right; margin-right: 0px; margin-top: 1px;} #HFS .bold {font-weight: bold;} #HFS .normal {font-weight: normal;} #HFS .italic {font-style: italic;} #HFS .small { font-size: 11px;} #HFS .pre {font-family: "Courier New", monospace;} #HFS .red {color: #f00;} #HFS .green {color: #009b07;} /* #e20619, #09bd51 */ #HFS .underline {text-decoration: underline;} #HFS .nounderline {text-decoration: none;} #HFS .nowrap {white-space: nowrap;} #HFS .left {text-align:left;} #HFS .center {text-align:center;} #HFS .right {text-align:right;} #HFS .marginbottom {margin-bottom: 15px;} #HFS .errormessage {color:#c00; margin: 2px 0 15px;} #HFS .hint {color:#2677b8; background-color:#fff; text-decoration:none;} #HFS .middle {vertical-align: middle;} #HFS .nopadding {padding: 0px !important;} #HFS .standardpadding {padding: 1px 3px 1px 3px;} #HFS .spMargin {margin-left: 0px;} #HFS .buttonMargin {margin-left: 14px;} #HFS .stdMarginLeft {margin-left: 1px;} #HFS .stdMarginRight {margin-right: 1px;} #HFS .nofloat {float: none;} #HFS .floatRight {float: right;} #HFS .floatLeft {float: left;} #HFS .normalFont {font-size: 10px;} #HFS .noMarginNoPadding {margin:0px; padding:0px;} #HFS #HFSContent .stdMarginBottom {margin-bottom: 10px;} #HFS .optionSeparator {margin-bottom: 15px; height: 4px; border-bottom: 1px dotted #787878;} #HFS .separatorEqualMargin {margin:5px 5px;} #HFS .pointer {cursor: pointer;} #HFS .clickable {cursor: pointer; text-decoration: underline;} #HFS .helplink {float: right; margin: 30px 0 10px; display: inline; font-weight: normal !important; font-size: 100% !important; clear: none !important;} #HFS div.helpCon {margin-bottom:1.5em; color:#008a6d; padding-right: 69px;} #HFS th abbr {border-style: none;} #HFS .flap {padding-left: 18px;} #HFS .block {display: block;} #HFS .offscreen {position: absolute !important; left:-10000px !important; } /* HAFAS header */ #HFSHeader {padding:0px 20px 0px 0px; position: relative;} #HFSHeader .headerLinks {margin-top:7px; padding-right:3px;} #HFSHeader .headerLinks a {border-right:1px solid #999; color: #545454;} #HFSHeader .headerLinks a.left {float:left; padding-right:10px; border-right:1px solid #545454; color: #545454;} #HFSHeader .headerLinks a.language, #HFSHeader .headerLinks a.activelanguage {padding:0px 0px 0px 12px; border-right:0;} #HFSLogo {width:170px; height:80px; text-align:center; vertical-align:middle; float:left;} /* HAFAS navigation */ #HFSNavi {float:left; width:160px; margin-left:12px; margin-top:10px; white-space: nowrap;} * html #HFSNavi {margin-left:10px; margin-right:0px;} #HFSNavi a {display:block; margin:0px;} #HFSNavi ul {list-style:none; margin:0px; padding:0px;} #HFSNavi ul li {margin:0px; padding:0px; line-height: 43px; width: 160px;} #HFSNavi li.sub {font-weight:normal;} #HFSNavi li.sub a {padding-left:46px; font-weight:normal;} #HFSNavi li.active a {color:#666; font-weight: bold;} #HFSNavi a img {vertical-align:bottom;} #HFSNavi .separator {background-color:#fff; color:#333; border-top:1px dotted #999; border-bottom:1px dotted #999; font-weight: bold; padding: 1px 3px 1px 3px; margin:20px 10px 10px 0px;} #HFSNavi li {float: left; clear: left; padding: 0px 36px; border-bottom: 1px dotted #ccc;} #HFSNavi .navbar {float: left; margin-top: 4px; margin-right: 6px;} /* HAFAS navigation top - content slider */ #HFSNaviTop {margin-left:10px; margin-right:10px; padding:10px 10px 0px 10px;} #HFSNaviTop ul, #HFSContent ul.slider {margin-left: 0px; margin-top:0px; padding: 2px 0px; height: 24px;} #HFSNaviTop ul li, #HFSContent ul.slider li {margin: 0; display: inline; list-style: none;} #HFSNaviTop ul a, #HFSContent ul.slider a {padding: 3px 10px; margin-right: 5px; border: 1px solid #fff; border-bottom: none; background: #f9f9f9; text-decoration: none; position: relative;} #HFSNaviTop ul a:hover, #HFSContent ul.slider a:hover {color: #333; background-color: #fff; border-color: #ACBEC9;} #HFSNaviTop ul li.active a, #HFSContent ul.slider a.active {color:#333;} /* HAFAS content */ /* #HFS h1.boxtitle {float: none; width: auto; color: #fff; font-size: 160%; margin: 0 0 0 -22px;} #HFS h1.boxtitle strong {display: inline-block; padding: 4px 61px 4px 22px;} */ #HFS h1.boxtitle {color: #fff; font-size: 160%; margin: 0 auto 0 -22px; display: inline-block;} #HFS h1.boxtitle strong {background-color: #e20619; color: #fff; display: inline-block; padding: 4px 61px 4px 22px;} #HFSContent {background-color:transparent; min-height:200px; margin: 0; padding: 0; clear: both;} #HFSContent.navLeft {margin-left: 200px; padding:10px 13px 0 0;} #HFSContent h2.separator {margin: 30px 0 10px; font-size: 16px; color: #2e2e2e; font-weight: bold; display: inline-block;} #HFSContent h2.separator span {float:right; padding-left:10px; padding-right:1px;} #HFSContent h2.textroute {border-bottom: 0px solid #b8c6d6;} #HFSContent h2.top {margin-top:0px;} #HFSContent h2.origMargin {margin:20px 0 10px;} #HFS #HFSContent h1, #HFSContent h1.separator {font-size: 22px; font-weight: bold; color: #e20619;} #HFSContent h1.separator span {float:right; padding-left:10px; padding-right:1px;} #HFSContent h1.textroute {border-bottom: 0px solid #b8c6d6;} #HFSContent h1.top {margin-top:0px;} #HFSContent #mapLegend h2.map {} #HFS #HFSContent h3 {font-size: 14px; margin-bottom: 0px;} #HFSContent h3.separator {font-size: 14px; margin: 0.6em 0;} #HFS #HFSQueryBaim h3 {font-size: 14px; margin: 10px 0; padding: 2px 8px 2px 2px; /*background-color: #fff;border-bottom: 1px solid #C1CEDA; border-top: 1px solid #C1CEDA;*/} #HFS #HFSQueryBaim h4 {font-size: 12px; margin: 20px 0 10px;} #HFS #HFSQueryBaim img.legend {vertical-align: middle; width: 22px; margin-right: 4px;} #HFS #HFSContent fieldset div.baimChoice {float: left; padding: 10px 33px;} #HFS #HFSQueryBaim div.advancedMode img {position: relative; right: -50px; top: -15px;} #HFS #HFSQueryBaim .baimdetails {padding: 0px;} #HFS #HFSQueryBaim label {padding: 0 32px;} #HFS p#HFSBaimHint, #HFS .text {margin-bottom: 20px; font-size: 12px; padding: 10px 33px; background-color: #f8fdff;} #HFS p#TBHstHint {background-color: #F8FDFF;font-size: 12px;left: 500px;margin-bottom: 20px;padding: 10px;position: absolute;top: 13px;width: 200px;} #HFS .p_text {margin: 10px 0; font-size: 12px; padding: 10px; background-color: #f8fdff;} #HFS .innerBox {display: inline-block; width: 100%; margin-bottom: 20px;} #HFSContent img.radioLabel {margin: 10px 7px; vertical-align: middle;} #HFSQueryBaim #containerVias div.firstVia, #HFSQueryBaim #containerVias div.viaRow {display: block; margin-top: 20px; line-height: 32px;} #HFS_via1, #HFS_via2 {margin-bottom: 18px;} #HFS fieldset#containerVias {margin-bottom: 20px;} #HFSContent p.title {margin:30px 0px;} #HFSContent p.hafasHint {padding: 2px 4px; margin-bottom: 0;} #HFSContent p.home {margin-top:0px;} #HFSContent div.separatingLine {height:1px; margin:0px; background-color:#ccc;} #HFSContent div.separatingLineRealtime {height:5px; background-color:#c00;} #HFSContent div.queryHintRight {float: right; margin-right: 60px; color: #666; font-size: 90%; line-height: 120%; width: 280px;} #HFSContent .jump-top a:hover, #HFSContent .jump-top a:active, #HFSContent .jump-top a:focus {background-color:#e20619; background-position:8px -993px; color:#FFFFFF;} #HFSContent .refresh {background-position: 0px -1500px; text-decoration: none; width:19px; height:19px;} #HFSContent .zoom {background-position: 0px -3000px; padding-left: 16px; padding-bottom: 4px; text-decoration: none;} #HFSContent a.helplink {background-position: 0px -2800px; padding-left: 12px; padding-bottom: 0px; text-decoration: none;} #HFSContent .link-group .arrowlink {margin-bottom: 0.5em;} /* customer icons */ #HFS div.helplink a {width: 14px; height: 14px;display: inline-block;} #HFS a.earlier, #HFS a.later {width: 19px; height: 19px; display: inline-block; position: relative; top: 6px;} #HFS a.calendar {width: 18px; height: 20px; display: inline-block; position: relative; top: 6px;} /* fieldsets as well as div (like querysummary) */ #HFSContent .greyBox {padding: 10px; background-color: #e6ebed; border: none; position: static;} #HFSContent .ovBox {padding-right: 30px; border: none; position: relative; float: left; width: 350px;} #HFSContent .ovBox img {padding: 5px; width: 300px; background-color: #fff; margin-bottom: 20px;} #HFSContent .teaser-wrapper {clear: left; padding: 0 0 22px; display: inline-block;} #HFSContent .teaser-wrapper img {padding: 10px; width: 274px; height: 110px; background-color: #fff; margin-right: 20px;} #HFS #tpRQ_Content fieldset {padding: 0px; background-color: #e6ebed; border: none; position: static;} #HFS #searchSwitch {padding: 18px 0;} #HFSContent .greyBoxDetail {padding: 10px 20px; background-color: #f5f6f7; border: 4px solid #fff; position: static;} #HFSContent .greyBoxTop {padding:10px 0px 10px 0px; margin-top:15px; background-color:#f5f5f6; border-bottom:1px solid #ccc; border-top:1px solid #ccc;} #HFSContent a.tothetop {display: block; position:absolute; right: 0; padding: 0 2px; margin-top: -3px; text-decoration: underline; font-size: 11px; color: #292928; background-color: #fff;} #HFSContent a.tothetop:link, #HFSContent a.tothetop:active, #HFSContent a.tothetop:hover {background-color: #f3e6e6; color: #292928;} #HFSContent .leftMargin {margin-left: 106px;} #HFSContent #tpRQ_Content .leftMargin {margin-left: 110px; width: 290px;} #HFSContent #tpRQ_Content fieldset.sqResultsInput .leftMargin {margin-left: 104px;} #HFS.usermail .leftMargin, #HFS.feedback .leftMargin {margin-left: 176px;} #HFShelpBox {position: absolute; z-index: 10002; background-color: #fff; padding: 22px; width: 658px; left: 50%; margin-left: -329px; font-size: 12px; line-height: 2em;} #HFShelpBox #helpBoxCloser {float: right; margin: -10px -10px 0 0; width: 8px; height: 8px; cursor: pointer; color:transparent;} #HFShelpBox .helpBoxHeader {margin: -22px auto 22px -22px;} #HFShelpBox .helpBoxHeader span {background-color: #e20619; padding:4px 61px 4px 22px; font-size:17.3px; font-weight:bold; color:#fff;} #HFShelpBox h3 {color:#e20619; font-size:24px; font-weight:bold; margin-bottom:14px;} /* style for (query)summary */ #HFSContent .summary {} #HFSContent .summary div.block {float:left; width:auto; margin-right:30px;} #HFSContent .summary div.block div {line-height:20px;} #HFSContent #tpResultsQuery span.label, #HFSContent .summary span.label {display:block; float:left; width:60px; padding:0px; margin:0px; font-weight:bold; color:#666666;} #HFSContent .summary span.output {margin-right:0px;} #HFS.sq_near .summary span.label, #HFS.sq_results .summary span.label {display:block; float:left; width:9.5em !important; font-weight:bold; color:#666666;} #HFS.sq_results .summary span.output {margin-right:20px;} #HFS table.stNear {width: 330px; border: none; margin-left: 0px;} #HFS #stops_near_list tr {line-height: 13px;} #HFS #stops_near_list td {padding: 4px;} #HFS.ts_trainsearch .summary span.label {width:80px;} #HFS.ts_trainsearch .summary .output {margin-right:20px;} #HFS.tq_trainroute .summary span.label {width:auto; margin-right:20px; font-weight:bold; color:#666666;} #HFS.tq_trainroute .summary span.label img {vertical-align:top;} #HFS #tq_trainroute_content_table_alteAnsicht tr {height: auto;} #HFS #tq_trainroute_content_table_alteAnsicht table.resultTable ul {list-style-type:disc; padding-left: 15px;} /* fieldsets */ #HFSContent fieldset {border:0px; padding:0px; margin:0px; line-height:18px;} #HFSContent fieldset.greyBox, #HFS div#inputFromDiv {margin-bottom: 10px;} #HFSContent fieldset legend {padding:10px 0px;} #HFSContent fieldset.greyBox legend {display:none;} #HFSContent fieldset.greyBox legend.visible {display:inline-block;} #HFSContent fieldset.greyBox br {clear:left;} #HFSContent span.front, #HFSContent label.front, #headlineContainer label.location {display: inline-block; width: 100px; margin:0; text-align: left; font-weight: bold;} #HFSContent span.tfront {display: inline-block; width: 10px; margin:0; text-align: left;} #HFSContent span.product {display: inline-block; width: 24px; vertical-align: middle; height: 24px; padding: 2px;} #HFSContent #tpRQ_Content label.front {width: 100px;} #HFSContent #tpRQ_Content fieldset.sqResultsInput label.front {width: 100px;} #HFS.usermail label.front, #HFS.feedback label.front {width:170px;} #HFSContent label.inline {float:none; display:inline; padding:2px; color: #000; font-weight: normal;} #HFSContent label.large {display:block; float:left; width:150px;} #HFSContent fieldset.greyBox div.text {padding: 10px 33px; margin-bottom: 20px;} #HFSContent fieldset.greyBox ul {margin-top:0px; margin-bottom:15px; padding-left:0px; list-style-type:none;} #HFSContent fieldset.greyBox ul li {margin-top:3px;margin-bottom:3px;} #HFSContent fieldset.greyBox ul ul li {margin-top:2px;margin-bottom:2px;} #HFSContent fieldset.greyBox ul ul {margin-top:0px; padding-left:15px; list-style-type:none;} #HFSContent fieldset.greyBox ul ul.main {margin-top:0px; padding-left:0px; list-style-type:none;} /* Service days */ #HFS #div_calendar {margin-bottom: 10px;} #HFS table.calendarLegend {width: 200px;} #HFS.popup table.calendarLegend tbody tr {font-size: 11px;} /* image select page p2w */ #HFSContent fieldset.p2w {margin-bottom:20px;} #HFSContent fieldset.p2w legend {color: #666666;} #HFSContent fieldset.p2w div.format {float:left; width:50%} #HFSContent fieldset.p2w div.format span {float:left;} #HFSContent fieldset.p2w div.format div {float:left; margin:20px 10px 0px 10px;} #HFSContent fieldset.p2w div.format div div {float:none; margin:0px 0px 5px 0px;} #HFSContent .p2w br {clear:none;} /* HAFAS Query - specific styles query page */ #HFSQuery {width:100%;} #HFSContent .greyBox div.type {} #HFSQuery .buttons {} #HFSQuery .baimInputOptions {width: 100%; padding: 4px;} #HFSQuery table.baimInputOptions td {vertical-align: top;} #HFSQuery h3.baim span {font-size: 90%;} #HFSQueryAdvanced {line-height: 28px;} /* table styles used for products, multi/intermodal, weekdays... */ #HFSQuery table, #PRFContent table {width:auto; line-height:20px;} #HFSQuery table th.label {width:100px;} #HFSQuery table .spaceLeft {padding-left: 20px;} #HFSQuery th {text-align:left; color:#666;} #HFS #HFSContent #HFSInputProductDetail fieldset.greyBox div.productsDetailed, #HFS #HFSContent fieldset.greyBox div.productsDetailed {float: left; width: 40px;} /* #HFSQuery td, #HFSQuery tr.zebracol-1 td {background-color:#f9f9f9;} */ #HFSQuery tr.zebracol-2 td {background-color:#f9f9f9;} #HFSQuery .seplineTop {border-top:1px dotted #999;} #HFSQuery .sepline, #HFSQuery .borderright, #HFSContent label.hidden {display:none;} #HFSQuery span.label { margin-right:20px; margin-left:20px; } #HFSQuery div.v_space, #HFSResult div.v_space {margin:10px 0;} #HFS table.hafasQuery {border: none;} #HFS #HFSInputVia_1, #HFS #HFSInputVia_2 {border-top: 1px dotted #787878; padding-top: 20px;} /* HAFAS Result - small query form on the results page */ #HFS #tpResultsQuery {width: 100%;} #HFS #tpResultsQuery legend {display:none;} #HFS #tpResultsQuery h2.tpRQ_Separator {margin-top:5px;} #HFS #tpRQ_Buttons input.buttonAsLink {padding-right: 6px; margin-top: 0px; padding-bottom: 3px; padding-top: 3px;} #HFS #tpRQ_Caption {} #HFS #tpRQ_Content {background-color: #e6ebed; padding: 1px 10px 11px; display: block;} #HFS #tpRQ_Content.leftBox {width: 479px; float: left; background-color: #e6ebed; padding: 2px 10px 2px; margin-bottom: 15px; display: inline-block;} #HFS #tpRQ_Buttons.leftBox {width: 498px;} #HFS #tpRQ_Content h2 {margin: 10px 0;} #HFS #tpResultsQuery .helplink {margin: 11px 0 10px !important;} #HFS #tpRQ_Content.greyBox {padding-top:0; margin-bottom: 10px; border: none;} #HFS #tpRQ_Content fieldset.sqResultsInput {margin-bottom: 0px !important;} #HFS #tpRQ_Route {margin-bottom: 10px; float: left;} #HFS #tpRQ_From {} #HFS #tpRQ_To {} #HFS #tpRQ_DateTimes {} #HFS #tpRQ_Outward, #HFS #tpRQ_Return {float:left; margin-bottom: 10px;} #HFS #tpRQ_Buttons, #HFS #queryInputButtons.buttons {display: inline-block; padding-top: 0px; clear:both; margin-bottom:20px;} #HFS #tpRQ_Outward {} #HFS #tpRQ_Return {width: 49%; margin-left: 1%;} #HFS #tpRQ_Outward .stdMarginRight {margin-right: 15px;} #HFS #tpRQ_Outward .stdMarginLeft {margin-left: 5px;} #HFS #tpRQ_Outward fieldset, #HFS #tpRQ_Return fieldset, #HFS #tpRQ_Route fieldset {padding: 4px;} #HFS .teaserBox {float: left; margin-left: 30px; width: 240px;} #HFS .teaserBox li {font-size: 11px; line-height: 15px; min-height: 44px; padding: 4% 0 0 58px; margin-top: 10px; border-top: 1px dotted #e20619;} #HFS .teaserBox li.p2w {border-top: none; margin-top: 0px;} #HFS .teaserBox p a {color: #e20619; text-decoration: none; font-weight: bold;} #HFS .teaserBox p a:hover {text-decoration: underline;} #HFS #HFSContent .teaserBox h3 {margin-top: 0px;} /* HAFAS Result - specific styles result page */ #HFSResult table {width:auto; border-spacing:0px; border-collapse:collapse;} #HFSResult table.resultTable {width:100%;} #HFSResult table.resultTable th {font-weight: bold; padding:5px 3px 3px; white-space: nowrap; font-size: 16px;} #HFSResult td.separatorSmall, #HFSResult th.separatorSmall {background-color:#e6ebed; border-bottom:1px solid #333; padding-top:5px; font-size:11px; font-weight:bold;} #HFSResult td.separatorSmall h2, #HFSResult th.separatorSmall h2 {padding:0px !important; margin-top:0px !important; color:#000 !important;} #HFSResult table.resultTable td.separatorSmallDateLine, #HFSResult table.resultTable th.separatorSmallDateLine {background-color:#f9f9f9; border-bottom:1px solid #ccc; text-indent: 2px; padding-top:5px; padding-bottom:5px; font-size:11px; font-weight:bold; color:#555;} #HFSResult table.dot, #HFS .dot {border-bottom: 1px dotted #333;} #HFSResult td.errormessage {color:#c00;} #HFSResult td.small {font-size: 11px;} #HFSResult td.prognosis, #HFSResult span.prognosis {color:#c00; font-weight:bold; line-height: 16px;} #HFSResult td.linklistFirst {width:200px; overflow:auto;} #HFSResult td.linklistLink {padding-right:15px;} #HFSResult td span.pre {font-family: "Courier New", monospace;} #HFSResult td span.small {font-size: 11px;} #HFSResult td.platform span.prognosis {color:#5089D5; font-weight:bold;} #HFSResult td span.prognosis, #HFSResult td span.prognosis span.red {color:#000; font-weight:bold; white-space:nowrap;} #HFSResult td span.prognosis span.green {white-space:nowrap;} #HFSResult td span.platform {color:#5089D5; font-weight:bold;} #HFSResult td .prognosis img {margin-top: -1px; vertical-align: middle;} #HFSResult td span.resultTextual {color:#000;} #HFSResult td span.resultTextual a {color:#2677B8;} #HFSResult td span.resultTextual a:hover {color:#333;} #HFSResult td span.resultTextualEmphasize {color:#c00;} #HFSResult td div.tpDtl_altDep {color:#666; border-top: 1px dotted #999999;} #HFSResult tr.psCon td {background-color:#a9a9a9;} #HFSResult tr.tpOverview th.diagram {padding: 0px;} #HFSResult tr.tpOverview th.diagram table {width:480px;} #HFSResult tr.tpOverview th.diagram th {border: 0px;} #HFSResult tr.tpOverview td.diagram table {width:auto;} #HFSResult tr.tpOverview td.diagram table table {width:100%;} #HFSResult tr.tpOverview th {border-bottom: none;} #HFSResult tr.tpOverview th.first {width:30px;} #HFSResult tr.tpOverview th.station {text-align:left;} #HFSResult tr.tpOverview td {padding:3px; white-space:nowrap; border: none; text-align: left;} #HFSResult tr.tpOverview td.station {text-align:left;} #HFSResult tr.tpOverview td.station div {margin-right:10px;} #HFSResult tr.tpOverview td.station div.stationHolder {position:relative;} #HFSResult tr.tpOverview td.station div.highPrioIcon {min-width:0px !important; margin:0px; position:absolute; right:0px; top:15px;} #HFSResult tr.tpOverview td.first {text-align: center;} #HFSResult tr.tpOverview td.fares, #HFSResult tr.tpOverview td.gisInfo {text-align: right;} #HFSResult tr.tpOverview td.products {white-space: normal !important;} #HFSResult tr.tpOverview td.duration {padding-left: 7px;} #HFSResult tr.tpOverview {background-color:#fff;} #HFSResult tr.navi, #HFS #HFSResult tr.navi:hover {background-color:#fff;} #HFSResult tr.tpOverview td.time {background-color:#e6ebed; padding-left: 7px;} #HFSResult tr.tpOverview td.time div.highPrioIcon {min-width:0px !important; margin:15px 0px 0px; float:right;} #HFSResult tr.tpOverview:hover, #HFSResult tr.active {background-color:#e6ebed;} #HFSResult tr.tpOverview:hover td.time {background-color:#c0d2e0;} /* #HFSResult tr.psCon td {background-color:#a9a9a9;} #HFSResult tr.tpOverview {background-color:#f4f4f4;} #HFSResult thead tr.tpOverview * {background-color:#fff !important; font-size: 12px;} #HFSResult tr.tpOverview:hover {background-color:#f3e6e6;} #HFSResult tr.tpOverview th {border-bottom:none;} #HFSResult tr.tpOverview td {padding:3px; white-space:nowrap; border: none; text-align: left;} #HFSResult tr.tpOverview .details {width:30px;text-align: center; padding-right: 0;} #HFSResult tr.tpOverview .station div {margin-right:10px;} #HFSResult tr.tpOverview .products {white-space: normal !important;} #HFSResult tr.tpOverview .duration {padding-left: 11px;} #HFSResult tr.tpOverview .time {background-color:#e9e9e9; padding-left: 11px;} #HFSResult tr.tpOverview:hover td.time {background-color:#c0e0cd;} #HFSResult tr.tpOverview .fares {text-align: right; padding-right: 11px;} #HFSResult tr.tpOverview th.diagram {padding: 0px;} #HFSResult tr.tpOverview th.diagram table {width:480px;} #HFSResult tr.tpOverview th.diagram th {border: 0px;} #HFSResult tr.tpOverview td.diagram table {width:auto;} #HFSResult tr.tpOverview td.diagram table table {width:100%;} */ #HFSResult div.emailPushContent {padding: 10px; background-color:#D3E4F3;} #HFSResult .box-col-2 {width: 370px; margin: 1em 0 1em 0; vertical-align: top; float: left;} #HFSResult .box-col-40 {width: 45%; margin: 1em 2% 1em 0; vertical-align: top; float: left;} #HFSResult .box-col-60 {width: 50%; margin: 1em 2% 1em 0; vertical-align: top; float: left;} /* available GIS part */ #HFSResult tr.tpOverview td.products div.gisPartAvailable {float:left; display:block; font-size:9px; text-align:center; line-height:100%; margin-right:6px;} #HFSResult tr.tpOverview td.products div.gisPartAvailable a {outline:none;} #HFSResult tr.tpOverview td.products img.product, #HFSResult tr.tpOverview td.products img.productSmall {float:left; margin-right:3px; margin-top: 2px; vertical-align: middle;} #HFS #HFSResult td.productsIcon img.product {width: 30px; height: 30px;} #HFSResult tr.tpOverview td.time div {margin-left:0; overflow:visible; white-space:nowrap;} #HFSResult tr.tpOverview td.time div.planed {float:left; width:55px; padding: 4px 0; line-height: 22px;} #HFSResult tr.tpOverview td.time div.prognosis {float:left; padding:10% 0 0; margin-left:5px;} #HFSResult table.stboard td.time, #HFSResult table.stboard td.timetable, #HFSResult table.stboard td.platform, #HFSResult table.stboard td.product {padding: 4px 6px;} #HFSResult table.stboard td.time, #HFSResult table.stboard td.timetable, #HFSResult table.stboard td.platform, #HFSResult table.stboard td.time {padding-top: 8px;} #HFSResult table.stboard td.timetable div {line-height:18px;} #HFSResult table.stboard td.timetable strong {line-height:20px;} #HFSResult table.stboard th.time, #HFSResult table.stboard th.timetable, #HFSResult table.stboard th.platform, #HFSResult table.stboard th.product {font-size: 14px;padding: 2px 4px;} #HFSResult table.stboard td.rufbus {background-repeat:no-repeat; background-position:left 5px; padding-left:20px; padding-right:5px; border-top:1px solid #d4d4d4;} #ovLegendRealtime {padding-top: 30px;} #ovLegendRealtime p {position:relative; margin:0 0 4px;} #ovLegendRealtime p img {margin-right:4px; vertical-align:middle;} #ovLegendRealtime div.imgLegend img {width: 16px; height: 16px; margin-left: -1px !important;} #HFSResult tr.tpSeparator td {background-color:#c8d6e6; color:#5c7089; font-weight:bold; padding:4px 3px; border-bottom:1px solid #8ca0b9;} #HFSResult tr.tpSeparatorLight td {background-color:#b8c6d6; color:#fff; font-weight:bold; padding:2px 3px;} #HFSResult tr.navi td.first {text-align:left;} #HFSResult tr.navi td.last {text-align:right;} #HFSResult tr.navi a {font-weight:bold;} #HFSResult table tr.productSeparator td, #HFSResult table tr.productSeparator th {font-size: 16px; padding-left: 10px; height: 30px;} #HFSResult tr.tpOverviewSpace {height: 5px; line-height: 4px; margin: 0; padding: 0;} #HFSResult table.resultTable td, #HFSResult table.resultTable th {padding: 2px; vertical-align: middle; border: none;} #HFSResult table.resultTable tr.detailsCaption th {padding: 0;} #HFSResult table.resultTable td.diagram {padding: 0px; background-color:transparent; text-align:left;} #HFSResult table.resultTable td.right {text-align:right;} #HFSResult table.resultTable td.diagram td {border:0px; background-image: none;} #HFSResult table.resultTable td.station div {padding: 4px 0; line-height: 14px;} #HFSResult table.resultTable .pearlImg {vertical-align:top; } #HFSResult thead.overviewTableHead {border-top: 1px solid #C1CEDA; border-bottom: 1px solid #C1CEDA;} #HFSResult table.resultTable thead.overviewTableHead tr th, #HFSResult table.resultTable thead.overviewTableHead tr td {background-color:#E6EBED !important; font-size: 13px; color: #333;} #HFSResult table.resultTable thead.overviewTableHead tr th, #HFSResult table.resultTable thead.overviewTableHead tr td {padding:5px 2px;} #HFSResult table.resultTable tr.productSeparator th, #HFSResult table.resultTable tr.productSeparator td {font-size:14px;} #HFSResult table.transferTable td {padding: 2px;} #HFSResult table.transferTable td.headline {padding: 4px 2px; font-size: 110%;} /* #HFSResult tr.tpDetails td {padding:3px; background-color:#f9f9f9; white-space:nowrap; padding-right:5px;} #HFSResult tr.tpDetails td.last {padding-right:0px;} #HFSResult tr.tpDetails th {text-align: left; padding-right:5px;} #HFSResult tr.tpDetails th.last {padding-right:0px;} */ /* #HFSResult table.resultTable tr.detailsCaption th {font-size: 16px; font-weight: bold; margin:0px; padding:5px; background-color:#ddd; color:#000; text-align: left; border-top: 1px solid #008a6d;} */ #HFSResult .detailsCaption h3 {font-size: 12px; font-weight: bold; margin:0px !important; padding:5px !important; background-color:#ddd; color:#000; text-align: left;} /* HAFAS navigation content details */ #HFSResult .details ul li {padding-left: 4px;} #HFSResult ul.detailsMenu {overflow: hidden; height: 35px; display: block;} #HFSResult ul.detailsMenu li {padding: 8px 6px; list-style-type: none; display:inline-block; float: left; white-space: nowrap; background-image: none;} #HFSResult ul.detailsMenu a:focus, #HFSResult ul.detailsMenu a:hover, #HFSResult ul.detailsMenu a:active {padding: 8px 6px; border: 2px solid #fff; background-color: #fff; margin-bottom: 0; text-decoration: none;} #HFSResult ul.detailsMenu li.active {box-shadow: 0 0 10px #ababab; font-weight: bold; padding-left: 11px !important; padding-right: 11px;background-color: #fff;} #HFSResult ul.detailsMenu a {font-size: 100%; line-height: 1.3em; text-decoration: underline; padding: 6px 8px; } #HFS .remarksDetails {display: none;} #HFSResult div.menuBorder {border-bottom: 1px solid #008a6d;} #HFSResult #hafasOVChanges abbr {font-variant: normal; letter-spacing: 0px;} #HFSResult tr.tpDetails td {padding:3px;} #HFSResult tr.tpDetails td.timeValue {width:30px;} #HFSResult tr.tpDetails td.timeValue2nd {border-top:1px solid #2677B8;} #HFSResult tr.tpDetails td.pearl, #HFSResult tr.tpDetails td.pearlGis, #HFSResult tr.tpDetails td.pearlGisArr, #HFSResult tr.tpDetails td.pearlGisDest, #HFSResult tr.tpDetails td.pearlMinus, #HFSResult tr.tpDetails td.pearlPlus, #HFSResult tr.tpDetails td.pearlGisBoth {padding:0; width:30px; width:30px !important; text-align:center; border-bottom:0; height:44px; text-align:center; vertical-align:middle;} #HFSResult tr.tpDetails td.pearl a, #HFSResult tr.tpDetails td.pearlGis a, #HFSResult tr.tpDetails td.pearlGisArr a, #HFSResult tr.tpDetails td.pearlGisDest a, #HFSResult tr.tpDetails td.pearlMinus, #HFSResult tr.tpDetails td.pearlPlus, #HFSResult tr.tpDetails td.pearlGisBoth a {outline: none;} #HFSResult tr.tpDetails td.timeType {width:50px;} #HFSResult tr.tpDetails td.timeType span {display:block; float:left; width:25px; vertical-align:middle;} #HFSResult tr.tpDetails td.realTime {} #HFSResult tr.tpDetails td.date {width:50px;} #HFSResult tr.tpDetails td.platform {width:95px;} #HFSResult #lines_div div {padding-top: 11px; clear: both;} #HFSResult #lines_div div div {margin: 0; padding-left: 40px; padding-top: 7px; clear: none} #HFSResult #lines_div img {float: left;} /* necessary for IE7 */ #HFSResult tr.tpDetails td.station {width:auto;} #HFSResult tr.tpDetails td.remarks {white-space:normal; vertical-align:middle;color:#666;padding-left:8px;padding-top:3px !important;padding-bottom:3px !important;} #HFSResult tr.tpDetails td.remarks strong {font-weight: bold;} #HFSResult tr.tpDetails td.products {white-space:nowrap; vertical-align:middle;color:#292929;padding-left:3px;padding-top:2px !important;padding-bottom:2px !important; padding-right: 6px; font-weight: bold;} #HFSResult tr.tpDetails td.station span, #HFSResult tr.tpDetails td.direction span {display:block; width:85px; float:left; color:#333;} #HFSResult tr.conFirstSecFirstRow td, #HFSResult tr.conLastSecLastRow td, #HFS tr.intermediateSection td {background-color: #f4f4f4 !important;} #HFSResult tr.remarksRow td.remarks, #HFSResult tr.remarksRow td.direction, #HFSResult tr.intermediateStop td.first {border-top: 1px solid #d4d4d4;} #HFSResult tr.intermediateStop td.first {border-top: 1px solid #d4d4d4; background-color:transparent;} #HFSResult tr.tpDetails td.lastRow, #HFSResult tr.last td {border-bottom: 1px solid #d4d4d4;} #HFSResult td.product {white-space:nowrap;} /* textual description */ #HFSResult div.textualDescription {} #HFSResult div.textualDescription span.resultTextual {font-weight:bold;} #HFSResult div.textualDescription div.section {margin:0px; padding:10px 0px; border-bottom:1px dotted #333;} #HFSResult div.textualDescription p {line-height: 19px;} #HFSResult div.textualDescription div.furtherInfo {padding: 10px 0;} #HFSResult .buttons {margin:20px 0px;} #HFSContent .linkGroup {margin: 1em auto; clear: both; padding-bottom: 0px !important;} #HFSContent .detailsTable {width: 100%; border: none;} #HFSContent .detailsTable .linkGroup {padding:0px; margin-bottom:0px;} #HFSContent .linkGroup a {margin-right:10px; padding: 0px 2px;} /* #HFSContent a.arrowlink {padding: 0px 2px;} #HFSContent a.arrowlink:hover, #HFSContent a.arrowlink:active, #HFSContent a.arrowlink:focus {border-radius: 2px; padding: 0 2px;} */ #HFSContent .linkGroup form {margin-top: 1em;} #HFSContent .topLink {float:right; line-height: 15px;} #HFSContent .topLink a {margin-right:0px; font-size: 90%;} /* fares */ #HFSResult table.tariff th.screennowrap {padding:2px 6px 4px;} #HFSResult table.tariff td div {margin:2px 6px} #HFSResult table.tariff td strong {margin:2px 6px} #HFSResult table.tariff td.zones {padding:2px 6px} #HFS table.pricing {width: 100%; background-color: #d3e4f3;margin-bottom:6px;} #HFS table.pricing tr td {padding: 2px 10px !important; font-weight: bold;} /* Ticketshop */ #HFSContent table.ticketShop td {padding:2px 4px} /* sq */ #HFS #HFSResult tr.arrboard-dark td {background-color:#e9e9e9; vertical-align: top;} #HFS #HFSResult tr.arrboard-light td {background-color:#f9f9f9; vertical-align: top;} #HFS #HFSResult tr.depboard-dark td {background-color:#f6f6f5; vertical-align: top;} #HFS #HFSResult tr.depboard-light td {background-color:#fff !important; vertical-align: top;} /* #HFS #arrBoard {padding-right: 4px; vertical-align: top;} #HFS #depBoard {padding-left: 4px; vertical-align: top;} */ #HFS table.smallStBoard {width:100%;} #HFS #HFSResult h3.stboardrefresher, #HFSResult table.transferTable td.headline {background-color: #e6ebed; border-bottom: 1px solid #C1CEDA; height: 30px; border-top: 1px solid #C1CEDA; font-size: 13px; font-weight: bold; padding: 6px; margin: 0; height:19px;} #HFS table.stationOverview {width: 100%;} #HFS table.stationOverview tr th {height: 39px; padding: 4px; vertical-align: bottom; font-size: 12px;} #HFS table.stationOverview tr td {height: 39px; padding: 4px; vertical-align: top;} #HFS .shaded {background-color: #f6f6f5;} #HFS #tpRQ_Buttons a.arrowlink {padding-top: 5px;} #HFS #tpRQ_Buttons a.arrowlink:hover {padding-top: 5px; padding-bottom: 3px;} #HFS a.linkAsButton {line-height: 23px; padding: 4px 10px;} #HFS a.linkAsButton:hover, #HFS a.linkAsButton:active, #HFS a.linkAsButton:focus {padding: 3px 9px;} /* ts #HFSResult td.first {background-color:#e9e9e9;} #HFSResult td.second {background-color:#d9d9d9;} #HFSResult td.third {background-color:#c9c9c9;} #HFSResult td.fcell {white-space:nowrap; padding-right:15px;} #HFSResult td.mcell {padding-right:15px;} #HFSResult td.lcell {} #HFSResult tr.zebracol-1 td {background-color:#f9f9f9; border-bottom: 1px solid #ccc;} #HFSResult tr.zebracol-2 td {background-color:#e9e9e9; border-bottom: 1px solid #ccc;} #HFSResult tr.zebracol-3 td {background-color:#c5dce5;} #HFSResult tr.zebracol-4 td {background-color:#fff;} */ /* Footer */ #HFSFooter {clear:both; margin-bottom:40px; margin-top: 20px; font-size:9px; color: #8d8d8d;} #HFSFooter.navLeft {clear:both; margin:0px 10px 0px 180px; padding:50px 0px 20px 20px;} #HFSFooter.mapFooter {padding:0px 15px 20px 10px;text-align:right;} /* HIM styles */ #HFSQuery td input.himMainInfo {width:270px;} #HFSQuery td textarea.himMainInfo {width:270px; height:40px;} #HFS .messageBlockHIM {padding:5px; border:solid 1px #cccccc; background-color: #ececec;} #HFS .messageBlockHIM img {clear:left; float:left; margin-right:10px;} #HFS .messageBlockHIM span {float:left;} #HFS .journeyMessageHIM_0 img, #HFS .journeyMessageHIM_1 img, #HFS .journeyMessageHIM_2 img, #HFS .journeyMessageHIM_3 img, #HFS .journeyMessageHIM_4 img, #HFS .journeyMessageHIM_5 img, #HFS .journeyMessageHIM_6 img, #HFSResult .rt-cancelled img, #HFSResult .rt-critical img, #HFSResult .rt-normal img {vertical-align:middle; margin-top: -1px; margin-right: 4px; width: 16px; height: 16px;} #HFSResult .hint_realtime {clear:both;} #HFSResult .hint_realtime div {clear:none; padding: 0 0 0.5em 20px;} #HFSResult .hint_realtime img {float:left; margin-top: 2px;} #HFSResult .box-col-60 .hint_realtime img {margin: 3px 2px;} /*Übersicht der HIM-Meldekategorien (bitte nicht löschen / api ------------------------------------------------------------ MessageType 0 - Info (gelbes Info-Icon) MessageType 1 - Kleine Störung (gelbes Dreieck) MessageType 2 - Große Störung (rotes Dreieck) MessageType 3 - Aufzugsstörung (rotes Dreieck) MessageType 4 - Ausfall der Fahrt (rotes Dreieck) MessageType 5 - Hohe Auslastung (gelbes Info-Icon) MessageType 6 - Intern (keine öffentliche Anzeige) ------------------------------------------------------------ */ /* display current HIM Message styleclass for MessageType */ #HFS .journeyMessageHIM_0, #HFS .journeyMessageHIM_5 {margin:5px 0px; vertical-align:middle; padding: 3px; border: 1px solid #FFE717; background-color: #FFFFEE;} /* gelbes Info-Icon */ #HFS .journeyMessageHIM_1, #HFSResult .rt-normal {margin:5px 0px; vertical-align:middle; padding: 3px; border: 1px solid #F7C717; background-color: #fcf7c5;} /* gelbes Warndreieck */ #HFS .journeyMessageHIM_2, #HFS .journeyMessageHIM_3, #HFS .journeyMessageHIM_4, #HFSResult .rt-cancelled, #HFSResult .rt-critical {margin:5px 0px; vertical-align:middle; padding: 3px; border: 1px solid #ee9999; background-color: #ffe9e9;} /* rotes Warndreieck */ #HFS span.journeyMessageHIM_0 {background-color: #efdb00; color: #fff; padding: 0px 1px; border: 1px solid #F7C717;} #HFS span.journeyMessageHIM_1 {background-color: #efdb00; color: #fff; padding: 0px 1px; border: 1px solid #F7C717;} #HFS span.journeyMessageHIM_2 {background-color: #e20619; color: #fff; padding: 0px 1px; border: 1px solid #c50011;} #HFSResult .rt-platform {margin:5px 0px; vertical-align:middle; padding: 3px; border: 1px solid #a6c8e6; background-color: #e2eff9;} /* blue */ #HFSResult .rt-alternative {margin:5px 0px; vertical-align:middle; padding: 3px; border: 1px solid #cee0c0; background-color: #e4f3dc;} /* green */ #HFSResult .rt-ontime {margin:5px 0px; vertical-align:middle; padding: 3px; border: 1px solid #c0e0cd; background-color: #edf3e6;} /* green */ /* Logo and bullet of global_design_parameters, if required */ #HFS span.customerLogo1 {color:#fff; font-size:16px; font-weight: bold; background-color: #008a6d; display: block; height: 28px; line-height: 28px; padding-left: 20px; float: left;} #HFS span.customerLogoPopup {color:#333; font-size:20px; font-weight: bold; } #HFS .tooltip {background-color:#ffe; border:1px solid #777; display:none; position:absolute; z-index:255; height:auto; } #HFSTooltip {background-color:#FFFFE1;color:#000;position:absolute;display:none;padding:2px;border:solid 1px #000;} #HFS .edgeInfoBox {z-index:100; max-width:300px; padding-bottom:10px; border:1px solid #999; background-color:#fff;} #HFS .edgeInfoBox .header {padding:5px 15px 5px 5px; margin-bottom:10px; background-color:#efefef;} #HFS .edgeInfoBox .content {padding:5px;} /* station board ticker */ #HFS div.ajaxStBoard {background: #fff; border: 1px solid #ccc;} #HFS .ajaxStBoard div {background: #A7C1C5; color: #fff; font-weight: bold; padding: 2px 5px; font-size: 10px;} #HFS .ajaxStBoard th {text-align: left; background: #ccc; padding: 1px 2px; font-size: 9px;} #HFS .ajaxStBoard td {font-size: 9px;} #HFS .ajaxStBoard tr.even {background: #E9E9E9;} #HFS .ajaxStBoard tr.uneven {background: #fff;} #HFS .ajaxStBoard tr.RTLine td {border-top: 1px solid #c00;} #HFS a.MOTLink {padding-left: 10px; background-repeat: no-repeat; background-position: 1px 5px;} #HFS a.MOTLink:hover, #HFS a.MOTLink:active, #HFS a.MOTLink:focus {padding: 1px 10px; border-radius: 2px;} /* look applications */ #HFS div.look_maptitle {background-color:#b8c6d6; color:#fff; text-align:center; border-bottom-color:#000000; border-bottom-width:1px; border-bottom-style:solid; font-size:12px; font-weight: bold; padding: 1px 0px 1px 0px; white-space: nowrap;} #HFS div.look_maptitletime {color:#fff; text-align:left; border-bottom-color:#000000; font-size:12px; font-weight: bold; padding: 1px 4px 1px 0px; white-space: nowrap;} #HFS #look_mainelem_perl {background-color:#FFFFFF;border-style:outset;border-color:#000000;border-width:1px;} #HFS div.look_info {border-color:#000000;position:absolute;border-width:1px;border-style:ridge;} #HFS div.look_info_title {background-color:#b8c6d6;position:relative;top:0px;left:0px;border-bottom-color:#000000;border-bottom-width:1px;border-bottom-style:solid;text-align:left;font-size:x-small;padding-left:3px;padding-right:3px;} #HFS div.look_info_body {background-color:#f9f9f9;position:relative;top:0px;left:0px;text-align:left;font-size:x-small;padding-left:3px;padding-right:3px;} #HFS div.look_names_on_map {background-color:#f9f9f9;position:absolute;display:inline;text-align:left;font-size:x-small;opacity:0.70;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);} #HFS div.look_details {border-color:#000000;position:absolute;width:200px;border-width:1px;border-style:ridge;} #HFS div.look_details_title {background-color:#b8c6d6;position:relative;width:100%;top:0px;left:0px;border-bottom-color:#000000;border-bottom-width:1px;border-bottom-style:solid;text-align:left;font-size:x-small;} #HFS span.look_details_titletext {position:relative;width:100%;text-align:left;font-size:x-small;} #HFS div.look_details_body {background-color:#f9f9f9;position:relative;width:100%;top:0px;left:0px;text-align:left;font-size:x-small;padding-left:3px;padding-right:3px;} #HFS div.look_traintext {background-color:#f9f9f9;text-align:left;font-size:x-small;padding-left:2px;padding-right:2px;opacity:0.70;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);} #HFS div.look_popup {border-color:#ccc;width:200px;position:absolute;border-width:1px;border-style:ridge;text-align:left;} #HFS div.look_popup_title, div.look_popup_title_train, div.look_popup_title_stop, div.look_popup_title_poi, div.look_popup_title_traininfo, div.look_popup_textdiv {background-color:#b8c6d6;position:relative;width:100%;top:0;left:0;border-bottom:1px solid #CCC;text-align:left;font-size:x-small;} #HFS div.look_popup_title_train {background-color:#E9E9E9;} #HFS div.look_popup_title_poi {background-color:#c5dce5;} #HFS div.look_popup_textdiv {background-color:#E9E9E9;} #HFS span.look_popup_titletext {position:relative;width:100%;text-align:left;font-size:x-small;} #main div.HFSpoiCat {float: left; clear: none; width: 250px; height: 100%; font-size: 11px;} #main div.HFSpoiCat + div.HFSpoiCat {margin-left: 22px;} #main div.HFSpoiCat h2 {font-size: 19px; white-space:nowrap; overflow: visible;} #main div.HFSpoiCat img {vertical-align: top;} #main div.HFSpoiCat .colicon {padding: 2px;} #HFS .clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;} #HFS .clearfix {display: inline-block;overflow: hidden;} /* Hides from IE-mac \*/ * html .clearfix {height: 1%;} #HFS .clearfix {display: block;} /* End hide from IE-mac */ #HFS .hide {display:none;} #HFS .hideBaim {position:absolute; left:-3000px; display:block; overflow:hidden; height:1px; width:1px;} #HFS .clearBoth {clear:both;} /* Layer map */ .layerMap{ display:none;} #HFS a.checkLayerLine:hover{ color:#000; } #layerMapWrap label {font-size: 12px; font-weight: bold; width: 120px; color: #333; font-family: Arial,Helvetica,Swiss,sans-serif; display: inline-block;} #headlineContainer {background-color: #e6ebed; padding: 10px; margin: 2px 0;} /* Dynamic AJAX elements */ /* ===================== */ #HFS #HFSContent table.resultTable tr.tpOverview td.menuLinks {width: 30px !important;} #HFS table.resultTable tr.tpOverview td.menuLinks a {background-repeat: no-repeat;background-position: center center;width: 9px;height: 9px;display: block;margin:0 auto;} #HFS table.resultTable tr.tpOverview td.menuLinks a:hover, #HFS table.resultTable tr.tpOverview td.menuLinks a:active, #HFS table.resultTable tr.tpOverview td.menuLinks a:focus {background-color: transparent;} #HFS a.menuLinks {background-repeat: no-repeat;background-position: center center;width: 16px;height: 16px;display: block;margin: 10px 9px 5px;float:left;} #HFSResult .box-space-22 {padding: 22px; background-color: #fff; clear: both; position: relative;} #HFS .psConDtl div.detailContainer {border-color: #a9a9a9;} #HFS #HFS div.detailContainer div.ajaxmapdiv {float:right;margin-top:0px; /* width:70%; */} #HFS #HFSResult table td.additionalContent {padding: 6px 22px 22px; background-color: #e6ebed; border-top: 2px solid #fff;} #HFS div.detailContainer h2.separator {margin-top: 0px !important;padding-left: 0px !important;} #HFS form#email_form h2.separator {margin-top: 10px !important;} #HFSResult tr.tpDetails td {padding-top: 0px !important;padding-bottom: 0px !important;} #HFS form#email_form label.front {width: 180px !important} #HFS .hideElement {display: none;} #HFS tr.hideIntermediateStops tr.intermediateStop {} #HFS .summary span.label {width: 90px !important;} #HFS td.timeValue span {padding-right: 5px;} #HFS tr.tpDetails th.first {width: 30px;} /* Ranking */ #HFS td.rankingButtonsTD {padding: 0px !important;} #HFS td.rankingButtonsTD div.rankingButtons {background-color:#F5F5F5;border: 1px solid #ccc;padding: 5px 10px;margin: 0px;} #HFS td.rankingButtonsTD div.rankingButtons p {margin:0px 0px 5px;padding:0px;} #HFS td.ranking {white-space: nowrap;text-align:right !important;width:130px;} #HFS td.ranking img.rankingStar {margin-right:5px;} #HFS div.closeIcon {position:absolute;right:0px;top:0px;cursor:pointer;} /* Filter */ #HFS div#filterCaption_outward h2, #HFS div#filterCaption_return h2 {margin-top:0px !important;} #HFS div.filterOptions {background-color:#F5F5F5;border:1px solid #CCCCCC;padding: 10px 0px;margin: 10px 0px 20px;clear:left;} #HFS div.filterOptionsLeft, #HFS div.filterOptionsRight {float:left;width:49%;padding:0px 0px 0px 10px;} #HFS div.filterOptionsLeft {border-right:1px solid #CCCCCC;} #HFS div.filterWithMargin {margin-top: 20px;} #HFS div.slider {width:300px;margin:10px 0;border:1px solid #CCCCCC;height:10px;position: relative;} #HFS div.slider div.handle {width:12px;height:18px;cursor:move;position: absolute;top:-4px;} #HFS div.productBitsCheckbox {float:left;text-align:center;margin-right:10px;} #HFS .hidechanges, #HFS .hideduration, #HFS .hideecology, #HFS .hidedeparture, #HFS .hidearrival, #HFS .hidebits_0, #HFS .hidebits_1, .hidebits_2, .hidebits_3, .hidebits_4, .hidebits_5, .hidebits_6, .hidebits_7, .hidebits_8, .hidebits_9, .hidebits_10, .hidebits_11, .hidebits_12, .hidebits_13, .hidebits_14, #HFS .hidebits_15 {display:none;} #HFS #HFSContent .ajaxMapConnection{background-color: #fff; margin-bottom:1em;} #HFS .tb_download_link { padding:15px 10px 15px 60px; background-color:#E5E4E2; background-position:5px -985px; background-repeat:no-repeat; margin:22px 0px; } #HFS a#map_content_0_titlediv, #HFS a#map_content_0_titlediv.hover, #HFS a#map_content_0_titlediv.active, #HFS a#map_content_1_titlediv, #HFS a#map_content_1_titlediv.hover, #HFS a#map_content_1_titlediv.active {padding-left: 12px !important;} #HFS a#map_content_0_titlediv.hover, #HFS a#map_content_1_titlediv.hover {color: #fff; background-color: #e20619;} #HFS div.mapConnectionDetails {float: left; width: 25%;} /* tp map */ #HFS div.olMap {width: 450px !important;} /* tq map */ #HFS div#trainroute.olMap {width: 726px !important;} /* sq map */ #HFS #stInfoMapNear div.ajaxmapdiv {width: 370px !important; float: left;} #HFS div#stationinfo.olMap {width: 350px !important;} #HFS div.staticMap {float: right;} #HFS div.view-mod {display:inline;background-image:none;} #HFS div#tpResultsQuery div#searchWaitScreen {clear:both; margin-bottom:0px;} #HFS div#HFSContent input#location {margin:15px 0;} .layerMapOverlay {display:none;/*z-index:10001;*/z-index:1;top:0;left:0;opacity:0.6;filter:alpha(opacity=60);position:fixed;background-color:black;width:100%;height:100%;} /* baim */ #HFSContent div.baimOption {background-color: #F6F6F6; clear: both; width: 50%;} #HFSContent div.baimhint {background-color: #F6F6F6; padding: 6px; border: 1px solid #B0AFAD;} #HFSContent div.interactiveplan {position: relative;} #HFSContent div.interactiveplan h2.separator {display: block;} #HFSContent table.footway tr.fw_section td.text {border-top: 1px dotted #666;} #HFSContent table.footway tr.dark td {background-color: #F4F4F4;} #HFSContent label.emailLabel {width: 160px; display: block; float: left;} #HFSContent tr.tpDetails td.remarks img {margin-right: 2px;} #HFSContent .orange {color: #FF9900;} #HFS #HFSContent .registered {background-color: #ffff00 !important;} #HFS #HFSContent .notregistered {background-color: #C6C6C6 !important;} #HFS .baimWarning {border: solid 2px #f00; background-color: #FFE9E9; padding: 4px; text-align: center;} #HFSContent table.footway tr.fw_start1 td {border-top: 1px solid #000;} /* hide these Elements */ #toolbar, #HFSHeader, #HFS div.ajaxmapdiv, #site-info, tr.hideIntermediateStops tr.intermediateStop, .jump-top, #HFS_to_type_fixed span, #HFS_from_type_fixed span {display: none;} * { margin: 0; padding: 0; } #HFS body { font: 62.5% arial, helvetica, sans-serif; color: #333; } #main .hacon_content { background: #fff; display: inline; float: left; margin-right: 10px; padding: 20px; width: 769px; min-height: 600px; z-index: 1; } #main .hacon h1, #main .hacon h2, #main .hacon h3, #main .hacon h4 { clear: both; } #main h1 { margin: 15px 0; } /* error messages */ #HFS .error { color: #bc0600; } #HFS ul.error, #HFS img.productIcon { vertical-align:middle; } #HFS ul.error {margin-bottom: 10px; list-style: disc; margin-left: 30px;} #HFS ul.error li ul {list-style: disc; margin-left: 30px;} /* Set to "block/inline ..." in different media screens */ #HFS div#lc_header, #HFSResult tr.tpOverview td.lc_products, #HFSResult tr.tpDetails td.lc_remarks, #HFSResult tr.tpDetails td.lc_station, #HFS #HFSResult a.lc_list, #HFS #HFSResult label.lc_list, #HFS #HFSResult .lc_fares, #HFS #lc_tpRQ_Route, #HFS .lc_mapConnectionDetails, #HFS #HFSResult .lc_tpRQ_Buttons, #HFS .lc_break, #HFS .lc_tariff, #HFS .lc_inline, #HFS .lc_block, #HFS .lc_iblock, #HFS .lc_sq_platform, #HFS .lc_tq_overviewTableHead, #HFS .lc_sqEquivInsert, #HFS table.stboard th.lc_time, #HFS #lc_placeholder {display: none;} /* Size doesn't matter - we fit em all */ /* ----------------------------------- */ /* 0px - 500px ----------------------------------------------------------------------------- */ @media screen and (min-width: 0px) and (max-width: 500px) { /* Exozet style overwrite ---> */ .page {min-width: 290px !important;} .wrapper_header {width: auto;} #header, #nav, #footer, #nav_breadcrumb, .vbb_advert, #main iframe {display: none;} /* ---> end */ #HFS b, #HFS strong {font-weight: bold !important;} #HFS div#lc_header {display: block; position: fixed; top: 0; left: 0; color: #fff; background-color: #e20619; width: 100%; padding: 6px; z-index: 100000; box-shadow: 0 10px 5px 0 #fff;} #HFS div#lc_header span {float: right; display: inline; margin-right: 15px; margin-top: 4px;} #HFS div#lc_header span ul.menu {display: none; } #HFS div#lc_header span ul.menu li {border-bottom: 1px dotted #fff; line-height: 26px;} #HFS #lc_header ul#lc_menu a {color: #fff; text-decoration: none;} #HFS #lc_header a.lc_list {width: auto; height: 30px; color: #fff; padding-right: 30px; font-weight: bold; text-decoration: none;} #HFS #HFSResult a.lc_list {display: block; font-weight: bold; width: auto; height: 30px; color: #000; padding-right: 30px; text-decoration: none; float: right; position: relative; top: 4px;} #HFS #HFSResult label.lc_list {margin-top: 4px; margin-left: 10px; display: inline-block;} #HFS #lc_tpRQ_Route {display: block; /* height: 10px; */} /* "left_" means small left - use different classes for floating left */ #HFS .lc_left_s {float: left; margin-right: 8px;} #HFS .lc_break {display: block;} #HFS .lc_display, #HFS #HFSContent #HFSResult .lc_display h2.separator {display: block; margin: 15px 0;} #HFS .lc_inline {display: inline !important;} #HFS .lc_block {display: block !important;} #HFS .lc_iblock {display: inline-block !important;} #HFS .lc_hide, #HFSContent .linkGroup a.lc_hide {display: none !important;} #HFS .lc_float {float: none;} #HFS div, #HFS span, #HFS applet, #HFS object, #HFS iframe, #HFS p, #HFS blockquote, #HFS pre, #HFS a, #HFS abbr, #HFS acronym, #HFS address, #HFS b, #HFS u, #HFS i, #HFS center, #HFS dl, #HFS dt, #HFS dd, #HFS ol, #HFS ul, #HFS li, #HFS fieldset, #HFS form, #HFS label, #HFS legend, #HFS table, #HFS caption, #HFS tbody, #HFS tfoot, #HFS thead, #HFS tr, #HFS th, #HFS td {font: normal 16px/21px arial, sans-serif;} #HFS .popup td, #HFS.popup, #HFS.popup input, #HFS.popup select, #HFS.popup div {font: normal 13px/18px arial, sans-serif;} #HFS .summary span.label {width: auto !important; margin-right: 10px;} #suggestion div {font: normal 14px/18px arial, sans-serif !important; white-space:normal !important;} #suggestion div.poi, #suggestion div.poiselected, #HFS .profileStop_4, #suggestion div.adr, #suggestion div.adrselected, #HFS .profileStop_2 {background-position: 2px center;} body.js #suggestion {max-width: 266px !important; margin-top: 21px;} #main .hacon_content {width: 97.5%; background-color: #fff; padding: 5px; margin-left: 0px;} #HFS input#HFS_from, #HFS input#HFS_to, #HFS input#HFS_via, #HFS input#HFS_via1, #HFS input#HFS_via2, #HFS input#HFS_input {max-width: 260px !important;} #HFS select {min-width: 100px;} #HFS #searchSwitch span {display: block;} #main .hacon_content, #HFS, #HFS input, #HFS select, #HFS .teaserBox li {font: normal 16px/24px arial,sans-serif;} #main .content, #main .hacon {width: auto; height:auto; margin-left:0; border:none;} #HFSFooter {font-size: 12px !important;} #HFSContent .greyBox {margin: 10px 0;} #HFS #tpRQ_Content.greyBox {margin-bottom: 0px;} #HFS .teaserBox {float: none;margin-left: 0px;width: auto; display: none; /* evtl. als Iconlink */} #HFS #HFSContent span.product {display: block; width: 100%; height: 30px; padding: 4px;} #HFS #HFSContent span.product img {vertical-align: middle; width: 30px; height: 30px; margin: 0 !important;} #HFS #HFSContent fieldset.greyBox div.productsDetailed, #HFS #HFSContent #HFSInputProductDetail fieldset.greyBox div.productsDetailed {float: none; width: 100%; margin-left: 0 !important;} #HFS #HFSContent fieldset.greyBox div.productsDetailed span.product label, #HFS #HFSContent #HFSInputProductDetail fieldset.greyBox div.productsDetailed span.product label {visibility: visible !important; font-size: 16px !important; width: auto !important; height: auto !important; display: inline-block;} #HFSContent fieldset.greyBox fieldset {padding: 0 0 10px 0;} #HFS #HFSContent fieldset.sqResultsInput {padding: 10px 0;} #HFS #HFSContent div.viaRow span {display: block; } /* Buttons */ #HFS #queryInputButtonsFirst {padding-top: 0;} #HFS #queryInputButtonsFirst button {float: left;} #HFS #queryInputButtonsFirst {width: auto !important;} #HFS #tpRQ_Buttons a.arrowlink, #search .search-box button, span.button, #HFS #tpRQ_Buttons input.buttonAsLink, #HFS #queryInputButtons input.buttonAsLink, #HFS #queryInputButtonsFirst button, #HFS a.linkAsButton, #HFS input.button, #HFS input.button:focus, #HFS input.buttonSmall, #HFS input.buttonSmall:focus, #HFSResult input.button, #HFS a.lc_arrlink, #HFS button, #HFS #queryInputButtons.buttons button {font-size: 16px;} #HFS #tpRQ_Buttons a.arrowlink:hover {margin-bottom: 8px;} #HFS #tpRQ_Buttons a.arrowlink, #search .search-box button, span.button, #HFS #tpRQ_Buttons input.buttonAsLink, #HFS #queryInputButtons input.buttonAsLink, #HFS #queryInputButtonsFirst button, #HFS input.button, #HFS input.button:focus, #HFS input.buttonSmall, #HFS input.buttonSmall:focus, #HFS #HFSResult input.button {display: inline-block; margin-bottom: 10px; /* background: none; border-bottom: 1px solid; color: #E20619; border-radius: 0; */} #HFS a.linkAsButton:before, #HFS a.lc_arrlink:before, #HFS #HFSResult .lc_tpRQ_Buttons:before, #HFS .lc_link a:before, #HFS #tpRQ_Buttons input.buttonAsLink:before, #HFS #queryInputButtons input.buttonAsLink:before {content: "\2192"; margin-right: 5px; color: #e20619;} #HFS #HFSResult .lc_link a {text-decoration: none; color: #e20619;} #HFS a.linkAsButton:hover, #HFS a.linkAsButton:focus, #HFS a.linkAsButton:active, #HFS a.linkAsButton, #HFS .lc_arrlink:hover, #HFS .lc_arrlink:focus, #HFS .lc_arrlink:active, #HFS .lc_arrlink, #HFS #queryInputButtons input.buttonAsLink:hover, #HFS #queryInputButtons input.buttonAsLink:active, #HFS #queryInputButtons input.buttonAsLink:focus, #HFS #queryInputButtons input.buttonAsLink, #HFS #tpRQ_Buttons input.buttonAsLink:hover, #HFS #tpRQ_Buttons input.buttonAsLink:active, #HFS #tpRQ_Buttons input.buttonAsLink:focus, #HFS #tpRQ_Buttons input.buttonAsLink {float: left; text-decoration: none; border: none; margin: 5px 0; background: none repeat scroll 0 0 transparent; color: #E20619 !important; display: block;font-weight: normal; line-height: 23px;padding: 0; text-transform: none;width: 100%;} #HFS a.mapIcon {display: none;} #HFS #tpRQ_Buttons a.arrowlink:hover, #search .search-box button:hover, span.button:hover, #HFS #tpRQ_Buttons input.buttonAsLink:hover, #HFS #queryInputButtons input.buttonAsLink:hover, #HFS #queryInputButtonsFirst button:hover, #HFS button:hover, #HFS button.searchConnRight:hover, #HFS button.searchConnRight:focus, #HFS button.searchConnRight:active, #HFS a.linkAsButton:hover, #HFS a.linkAsButton:focus, #HFS a.linkAsButton:active, #HFS input.button:focus, #HFS input.button:hover, #HFS input.buttonSmall:focus, #HFS input.buttonSmall:hover, #HFS #HFSResult input.button:hover {/* border-color: -moz-use-text-color;border-style: none none solid;border-width: medium medium 1px; padding: 4px 10px; */} #HFS .flap, #HFS input.buttonAsLink.expand {background-position: 0 -195px !important;} #HFS input.buttonAsLink.collapse {background-position: 0 -395px !important;} #HFS input.buttonAsLink.add, #HFS input.buttonAsLink.add:hover {height: auto !important; margin-bottom: 0 !important; background-position: 0 -2997px !important;} #HFS #queryInputButtons.buttons button {float: left !important; margin: 0 0 15px;} #HFS #HFSContent #tpRQ_Content .leftMargin {margin-left: 0;} #HFSContent {margin-top: 36px;} #HFSContent span.front, #HFSContent label.front, #headlineContainer label.location {display: block;} #HFSContent #tpRQ_Content label.front {margin-bottom: 10px;} #HFS #HFSContent h1, #HFSContent h1.separator {font: bold 24px/32px arial;margin-top: 50px;} #HFSContent h2.separator {font-size: 21px; max-width: 400px; line-height: 26px; margin: 10px 0;} #HFS #HFSContent h3 {font-size: 16px; font-weight: bold;margin: 20px 0;} #HFS p#HFSBaimHint, #HFS .text {padding: 10px; font-size: 14px;} #HFS div.helplink a:link {display: none;} #HFS #HFSContent .stdMarginBottom {margin-left: 0 !important;} #HFS #tpRQ_Content.leftBox {width: auto; display: block; float: none;} #HFS #HFSContent fieldset div.baimChoice, #HFS #HFSQueryBaim label {float: none; padding: 0px; display: block;} /* tp result page */ /*#HFS #HFSResult #tpResultsQuery #tpRQ_Content.leftBox {display: none;}*/ #HFS #HFSResult #tpResultsQuery #tpRQ_Content.leftBox, #HFS #HFSResult #tpResultsQuery #tpRQ_Content.leftBox fieldset {background:none; padding:0px; margin:0px;} #HFS #HFSResult #tpResultsQuery #tpRQ_Content.leftBox .separator, #HFS #HFSResult #tpResultsQuery #tpRQ_Content.leftBox #tpRQ_Route #searchSwitch, #HFS #HFSResult #tpResultsQuery #tpRQ_Content.leftBox #tpRQ_DateTimes {display:none;} #HFS #HFSResult #tpResultsQuery #tpRQ_Content.leftBox #tpRQ_Route {width:98% !important; float:none; margin-bottom:0px; padding:0px;} #HFS #HFSResult #tpResultsQuery #tpRQ_Content.leftBox #tpRQ_Route #tpRQ_From, #HFS #HFSResult #tpResultsQuery #tpRQ_Content.leftBox #tpRQ_Route #tpRQ_To {margin-bottom:0px !important;} #HFSContent #tpRQ_Content label.front {margin-bottom:0px;} #HFS #tpResultsQuery #tpRQ_Buttons {width: auto !important;} #HFSResult .box-col-60, #HFSResult .box-col-40 {float: none; width: 100%;} #HFS #HFSContent #HFSResult h2.separator, #HFS #HFSResult thead.overviewTableHead, #HFS #HFSResult #showAllDetails, #HFS #HFSResult #hideAllDetails {display: none;} #HFS #tpResultsQuery #tpRQ_Buttons {width: 100% !important;} #HFSResult tr.tpDetails td {line-height: 21px; padding: 1px;} #HFSResult tr.tpDetails td.timeType span {width: 20px;} #HFSResult .box-space-22 {padding: 10px;} #HFS #HFSResult table td.additionalContent {padding: 0;} #HFSResult ul.detailsMenu {height: auto; overflow: visible; display: none; margin-left: 10px; margin-bottom: 10px;} #HFSResult ul.detailsMenu li {/*float: none;*/ padding: 2px; float: none; display: table-row;} #HFSResult ul.detailsMenu a, #HFSResult ul.detailsMenu a:focus, #HFSResult ul.detailsMenu a:hover, #HFSResult ul.detailsMenu a:active {padding: 6px 2px; border: none; background-color: transparent;} #HFS .remarksDetails {display: none;} #HFS #HFSResult ul#lc_detailsmenu {padding: 8px !important;} #HFSResult ul.detailsMenu li.active {/* box-shadow: 0 0 0 0 transparent; padding-left: 0px !important; color: #e20619; font-weight: normal; */ display: none;} #HFSResult table.resultTable {width: 100% !important;} #HFSContent span.front, #HFSContent label.front, #headlineContainer label.location {width: auto; margin: 4px 0;} #HFS #HFSResult button.searchConnRight {float: left; margin: 10px 0;} /* pearl position */ #HFSResult tr.intermediateSection td.pearl {background-position: center center !important;} #HFSResult tr.conFirstSecFirstRow td.pearl {background-position: center top !important;} #HFSResult tr.conLastSecLastRow td.pearl {background-position: center bottom !important;} /* Tabellenspalten auflösen und untereinander anordnen ~ Aufheben für alternative Darstellung ---------------------------------------------------- #HFSResult tr.tpOverview td.duration:before {content: "Dauer: ";} #HFSResult tr.tpOverview td.time {background: none; display: inline; padding-left: 0px; float: left;} #HFSResult tr.tpOverview td.products {width: 100%;} #HFSResult tr.tpDetails td.remarks {padding-left: 2px;} */ #HFSResult tr.tpOverview:hover, #HFSResult tr.tpOverview:hover td.time {background-color: #E6EBED;} #HFSResult tr.tpOverview td.station {left: -800px; position: absolute; white-space: normal;} #HFSResult table.resultTable td.station div {min-width: 140px; line-height: 18px;} #HFSResult tr.tpOverview td.duration {clear: left; float: left; display: none; padding-left: 0px;} #HFSResult tr.tpOverview td.fares, #HFSResult tr.tpOverview td.gisInfo {display: none; vertical-align: top;} #HFSResult tr.tpOverview td.time {padding: 8px;} #HFSResult tr.tpOverview td.time div.planed {width: auto;} #HFSResult tr.tpOverview td.lc_products {display: table-cell; white-space: normal;} #HFSResult tr.tpOverview td.products, #HFSResult tr.tpDetails td.station, #HFSResult tr.tpDetails td.remarks, #HFSResult tr.tpDetails td.platform, #HFSResult tr.navi td.last {display: none;} #HFSResult tr.tpOverview td.lc_products img.product {margin-right:3px; margin-top: 2px; vertical-align: middle;} #HFSContent .linkGroup {width: 250px; margin: 0;} #HFSContent .linkGroup a {float: none !important; display: block;} #HFSResult tr.sectionInfo td.pearl, #HFSResult tr.remarksRow td.pearl {padding: 0 8px;} #HFSResult tr.intermediateSection td.pearl {background-position: center center;} #HFS #HFSResult td.productsIcon {vertical-align:top; padding-top:5px !important;} #HFS #HFSResult td div.tpDtl_altDep {display:none;} #HFSResult tr.tpDetails td.lc_station {display: table-cell;} #HFSResult tr.tpDetails td.lc_remarks {min-width: 170px; display: block; white-space:normal; vertical-align:middle;color:#666;padding-left:2px;padding-top:3px !important;padding-bottom:3px !important;} #HFSResult tr.tpDetails td.lc_remarks strong {font-weight: bold;} #HFSResult tr.tpDetails td.products {/* floatet besser inner Spalte: */display: block;} #HFSResult td.prognosis, #HFSResult span.prognosis {font-size: 12px !important; position: relative; top: -2px;} #HFSResult tr.tpOverview td.fares .lc_fares {display: none;} #HFS #HFSResult td.additionalContent .lc_fares {display: inline;} #HFSResult {width: 100%;} #HFSResult tr.navi a {font-weight: normal; font-size: 14px;} /*#HFSResult td .prognosis img {margin-left: 6px;}*/ #HFSResult .box-space-22 {padding: 4px 0;} #HFSResult .box-space-22 div:first-child {font-size: 16px !important;} /* tp detail map */ #HFS #HFSResult div.mapConnectionDetails table.ajaxMapConnection {width: 300px !important;} #HFS #HFSResult table.ajaxMapConnection td.mapConLocation {width: 290px !important;} #HFS #HFSResult div.ajaxmapdiv {border: 2px solid #E6EBED; width: 100% !important; height: auto !important; float: none;} #HFS #HFSResult div.olMap {width: 100% !important; height: 316px !important;} #HFS #HFSResult .lc_mapConnectionDetails {display: inline;} #HFS #HFSResult table.ajaxMapConnection caption {margin-top: 8px; font-weight: bold;} /* tp detail e-mail */ #HFS #HFS_comments {width: 250px !important;} #HFSContent .leftMargin {margin-left: 0px;} #HFS #HFSResult div.box-space-22 input.error, #HFS select.error {width: 240px;} #HFS select.error {width: 270px; padding: 2px; height: 30px;} #HFS #HFSContent #HFSResult div.box-space-22 h2.separator {display: inline-block !important; margin: 0;} #HFS #HFS_comments {margin: 0px;} /* tp detail fares */ #HFS #HFSResult div.box-space-22 table.resultTable th {white-space: normal;} #HFS #HFSResult div.box-space-22 table.resultTable th.resultdark {display: none;} #HFS #HFSResult div.box-space-22 table.resultTable tr.Bartarif td.tariff {float: left;} #HFS #HFSResult div.box-space-22 table.resultTable tr.Bartarif td {font-size: 12px;} /* tq */ #HFS #tq_trainroute_content_table_alteAnsicht div.ajaxmapdiv {display: none !important;} #HFS #tq_trainroute_content_table_alteAnsicht {padding: 2px;} #HFS #tq_trainroute_content_table_alteAnsicht table.resultTable tr td.sepline:last-child {display: none;} #HFS #tq_trainroute_content_table_alteAnsicht td.sepline a {display: block; /* font-size: 14px; line-height: 18px; */ overflow: hidden;text-overflow: ellipsis;width: 160px; white-space: nowrap;} #HFS .lc_tq_overviewTableHead {display: table-header-group; background-color: #E6EBED; border-top: 1px solid #C1CEDA; border-bottom: 1px solid #C1CEDA;} #HFS thead.lc_tq_overviewTableHead tr td {padding: 2px;} /* sq */ #HFS table.stNear {display: none;} #HFS table.stationOverview tr td {height: auto;} #HFS table.stationOverview tr td {padding: 2px;} #HFS #stInfoMapNear .lc_tpRQ_Buttons {display: inline-block;} #HFS #HFSResult #stInfoMapNear div.ajaxmapdiv {width: 100% !important;} #HFS #HFSResult div#stationinfo.olMap {width: 100% !important;} #HFSResult .box-col-1, #HFSResult .box-col-2 {width: 100%; margin-right: 0px;} #HFS #HFSResult .lc_tpRQ_Buttons, #HFS #HFSResult .lc_tpRQ_Buttons a {display: inline-block; color: #e20619; text-decoration: none;} #HFSQuery div.v_space, #HFSResult div.v_space {margin: 0;} #HFS #HFSResult tr.depboard-dark td.timetable, #HFS #HFSResult tr.depboard-light td.timetable {margin-top: 6px;} #HFSResult table.stboard td.time, #HFSResult table.stboard td.timetable, #HFSResult table.stboard td.platform, #HFSResult table.stboard td.product {padding: 4px 2px;} #HFS #HFSResult tr.depboard-dark td strong, #HFS #HFSResult tr.depboard-light td strong, #HFS #HFSResult tr.arrboard-dark td strong, #HFS #HFSResult tr.arrboard-light td strong {overflow: hidden; text-overflow: ellipsis; width: 160px; display: inline-block;} #HFS #HFSResult tr.depboard-dark td.platform, #HFS #HFSResult tr.arrboard-dark td.platform, #HFS #HFSResult th#hafasSQPlatform, #HFS #HFSResult tr.depboard-light td.platform, #HFS #HFSResult tr.arrboard-light td.platform {display: none;} #HFS .lc_sq_platform {display: block; max-width: 180px; overflow: hidden; text-overflow: ellipsis;} #HFS .lc_sqResultsInput {display: none;} #HFS .lc_sqEquiv strong, #HFS .lc_sqEquiv a {/* display: table-row; overflow: hidden; text-overflow: ellipsis; width: 130px;*/} #HFS #HFSResult table.resultTable td.lc_sqEquiv {} #HFS .lc_sqEquivInsert {display: table-row;} #HFSResult table.stboard td.timetable div.lc_sqTrain {overflow: hidden; text-overflow: ellipsis; width: 180px; font-size: 13px; white-space: nowrap;} #HFSResult table.stboard td.timetable div.lc_sqTrain a {font-size: 13px;} #HFS table.stboard th.lc_time {display: table-cell; font-size: 14px;} #HFSResult table.stboard th.time {display: none;} /* pb */ #HFSContent .summary div.block {margin-left: 0px !important; float: none; margin-bottom: 4px;} #HFSContent .summary div.block div {line-height: 24px;} #HFSContent fieldset.taTime fieldset, #HFSContent fieldset.taPeriod fieldset, #HFSContent fieldset.taPassengers div {margin: 0 !important; float: none !important;} #HFSContent fieldset.taPassengers input {text-align: center !important; width: 24px !important;} #HFS .lc_tariff {display: block;} #HFS tr.sep {background-color: #E6EBED; border: medium none; display: table-row; width: 100%;} #HFS .lc_tariff td {padding: 4px; display: table-cell; width: 100%;} #HFS .lc_tariff tr.sep td:first-child, #HFS .lc_tariff tr.sep td:nth-child(2), #HFS .lc_tariff tr.sep td:nth-child(3) {font-weight: bold;} /* sonstige Klassen */ #HFS .lc_small_hide {display:none;} } /* 501px - 990px, landscape AND portrait ----------------------------------------------------------------------------- */ @media screen and (min-width: 501px) and (max-width: 890px) { /* Exozet style overwrite ---> */ body {min-width: 100%;} .page {min-width: 290px !important;} .wrapper_header {width: auto;} #header, #nav, #footer, #nav_breadcrumb, .vbb_advert, #main iframe {display: none;} /* ---> end */ #HFS b, #HFS strong {font-weight: bold !important;} #HFS div#lc_header {display: block; position: fixed; top: 0; left: 0; color: #fff; background-color: #e20619; width: 100%; padding: 8px 10px; z-index: 100000; box-shadow: 0 10px 5px 0 #fff;} #HFS div#lc_header span {float: right; display: inline; margin-right: 15px; margin-top: 4px;} #HFS div#lc_header span ul.menu {display: none; } #HFS div#lc_header span ul.menu li {border-bottom: 1px dotted #fff; line-height: 26px;} #HFS #lc_header ul#lc_menu a {color: #fff; text-decoration: none;} #HFS #lc_header a.lc_list {width: auto; height: 30px; color: #fff; padding-right: 30px; font-weight: bold; text-decoration: none;} #HFS #HFSResult a.lc_list {display: block; font-weight: bold; width: auto; height: 30px; color: #000; padding-right: 30px; text-decoration: none; float: right; position: relative; top: 4px;} #HFS #HFSResult label.lc_list {margin-top: 4px; margin-left: 10px; display: inline-block;} #HFS #lc_tpRQ_Route {background-color: #E6EBED; display: inline-block; margin-bottom: 10px; padding: 10px; width: 98%;} /* "left_m" means medium view left */ #HFS .lc_left_m {float: left; margin-right: 20px;} #HFS .lc_clear {clear: left;} #HFS .lc_break {display: inline-block; /*
macht abstand, daher margin: */ margin-left: -4px;} #HFS .lc_display, #HFS #HFSContent #HFSResult .lc_display h2.separator {display: block; margin: 15px 0;} #HFS .lc_inline {display: inline !important;} #HFS .lc_hide, #HFSContent .linkGroup a.lc_hide {display: none !important;} #HFS .lc_float {float: none;} #HFS div, #HFS span, #HFS applet, #HFS object, #HFS iframe, #HFS p, #HFS blockquote, #HFS pre, #HFS a, #HFS abbr, #HFS acronym, #HFS address, #HFS b, #HFS u, #HFS i, #HFS center, #HFS dl, #HFS dt, #HFS dd, #HFS ol, #HFS ul, #HFS li, #HFS fieldset, #HFS form, #HFS label, #HFS legend, #HFS table, #HFS caption, #HFS tbody, #HFS tfoot, #HFS thead, #HFS tr, #HFS th, #HFS td {font: normal 16px/21px arial, sans-serif;} #HFS.popup table tr td, #HFS.popup, #HFS.popup input, #HFS.popup select, #HFS.popup div, #HFS.popup .calendarLegend {font: normal 13px/18px arial, sans-serif;} #HFS .summary span.label {width: auto !important; margin-right: 10px;} #suggestion div {font: normal 14px/18px arial, sans-serif !important;} #suggestion div.poi, #suggestion div.poiselected, #HFS .profileStop_4, #suggestion div.adr, #suggestion div.adrselected, #HFS .profileStop_2 {background-position: 2px center;} body.js #suggestion {margin-top: 24px; max-width: 400px !important; width: 326px !important;} #main .hacon_content {width: 97.5%; background-color: #fff; padding: 10px; margin-left: 0px;} #HFS input#HFS_from, #HFS input#HFS_to, #HFS input#HFS_via, #HFS input#HFS_via1, #HFS input#HFS_via2, #HFS input#HFS_input {max-width: 400px; width: 220px !important;} #HFS select {min-width: 100px;} #HFS #HFSContent #tpRQ_Content #HFS_from_eMsg.leftMargin, #HFS #HFSContent #tpRQ_Content #HFS_to_eMsg.leftMargin {margin-left: 105px; max-width: 200px;} #HFS #searchSwitch span {display: inline-block;} #main .hacon_content, #HFS, #HFS input, #HFS select, #HFS .teaserBox li {font: normal 16px/24px arial,sans-serif;} #main .content, #main .hacon {width: auto; height:auto; margin-left:0; border:none;} #HFSFooter {font-size: 12px !important;} #HFSContent .greyBox {margin: 10px 0;} #HFS .teaserBox {float: none;margin-left: 0px;width: auto; display: none; /* evtl. als Iconlink */} #HFS #HFSContent span.product {display: block; width: 100%; height: 30px; padding: 4px;} #HFS #HFSContent span.product img {vertical-align: middle; width: 30px; height: 30px; margin: 0 !important;} #HFS #HFSContent fieldset.greyBox div.productsDetailed, #HFS #HFSContent #HFSInputProductDetail fieldset.greyBox div.productsDetailed {float: none; width: 100%; margin-left: 0 !important;} #HFS #HFSContent fieldset.greyBox div.productsDetailed span.product label, #HFS #HFSContent #HFSInputProductDetail fieldset.greyBox div.productsDetailed span.product label {visibility: visible !important; font-size: 16px !important; width: auto !important; height: auto !important; display: inline-block;} #HFSContent fieldset.greyBox fieldset {padding: 0 0 10px 0;} #HFS #HFSContent fieldset.sqResultsInput {padding: 10px 0;} #HFS #HFSContent div.viaRow span {display: block; } /* Buttons */ #HFS #queryInputButtonsFirst {padding-top: 0;} #HFS #queryInputButtonsFirst button {float: left;} #HFS #queryInputButtonsFirst {width: auto !important;} #HFS #tpRQ_Buttons a.arrowlink, #search .search-box button, span.button, #HFS #tpRQ_Buttons input.buttonAsLink, #HFS #queryInputButtons input.buttonAsLink, #HFS #queryInputButtonsFirst button, #HFS a.linkAsButton, #HFS input.button, #HFS input.button:focus, #HFS input.buttonSmall, #HFS input.buttonSmall:focus, #HFSResult input.button, #HFS a.lc_arrlink, #HFS button, #HFS #queryInputButtons.buttons button {font-size: 16px;} #HFS #tpRQ_Buttons a.arrowlink:hover {margin-bottom: 8px; padding-bottom: 7px; padding-top: 7px;} #HFS #tpRQ_Buttons a.arrowlink {padding-bottom: 7px; padding-top: 7px;} #search .search-box button, span.button, #HFS #tpRQ_Buttons input.buttonAsLink, #HFS #queryInputButtons input.buttonAsLink, #HFS #queryInputButtonsFirst button, #HFS input.button, #HFS input.button:focus, #HFS input.buttonSmall, #HFS input.buttonSmall:focus, #HFS #HFSResult input.button {height: 32px; display: inline-block; margin-bottom: 10px; /* background: none; border-bottom: 1px solid; color: #E20619; border-radius: 0; */} #HFS a.linkAsButton:before, #HFS a.lc_arrlink:before, #HFS #HFSResult .lc_tpRQ_Buttons:before, #HFS .lc_link a:before, #HFS #tpRQ_Buttons input.buttonAsLink:before, #HFS #queryInputButtons input.buttonAsLink:before {content: "\2192"; margin-right: 5px; color: #e20619;} #HFS #HFSResult .lc_link a {text-decoration: none; color: #e20619;} #HFS a.linkAsButton:hover, #HFS a.linkAsButton:focus, #HFS a.linkAsButton:active, #HFS a.linkAsButton, #HFS .lc_arrlink:hover, #HFS .lc_arrlink:focus, #HFS .lc_arrlink:active, #HFS .lc_arrlink, #HFS #queryInputButtons input.buttonAsLink:hover, #HFS #queryInputButtons input.buttonAsLink:active, #HFS #queryInputButtons input.buttonAsLink:focus, #HFS #queryInputButtons input.buttonAsLink, #HFS #tpRQ_Buttons input.buttonAsLink:hover, #HFS #tpRQ_Buttons input.buttonAsLink:active, #HFS #tpRQ_Buttons input.buttonAsLink:focus, #HFS #tpRQ_Buttons input.buttonAsLink {float: left; text-decoration: none; border: none; margin: 5px 0; background: none repeat scroll 0 0 transparent; color: #E20619 !important; display: block;font-weight: normal; line-height: 23px;padding: 0; text-transform: none;width: 100%;} #HFS a.mapIcon {display: none;} #HFS #tpRQ_Buttons a.arrowlink:hover, #search .search-box button:hover, span.button:hover, #HFS #tpRQ_Buttons input.buttonAsLink:hover, #HFS #queryInputButtons input.buttonAsLink:hover, #HFS #queryInputButtonsFirst button:hover, #HFS button:hover, #HFS button.searchConnRight:hover, #HFS button.searchConnRight:focus, #HFS button.searchConnRight:active, #HFS a.linkAsButton:hover, #HFS a.linkAsButton:focus, #HFS a.linkAsButton:active, #HFS input.button:focus, #HFS input.button:hover, #HFS input.buttonSmall:focus, #HFS input.buttonSmall:hover, #HFS #HFSResult input.button:hover {/* border-color: -moz-use-text-color;border-style: none none solid;border-width: medium medium 1px; padding: 4px 10px; */} #HFS .flap, #HFS input.buttonAsLink.expand {background-position: 0 -195px !important;} #HFS input.buttonAsLink.collapse {background-position: 0 -395px !important;} #HFS input.buttonAsLink.add, #HFS input.buttonAsLink.add:hover {height: auto !important; margin-bottom: 0 !important; background-position: 0 -2997px !important;} #HFS #queryInputButtons.buttons button {float: left !important; margin: 0 0 15px;} #HFS #HFSContent #tpRQ_Content .leftMargin {margin-left: 0; width: auto;} #HFSContent {margin-top: 36px;} #HFSContent span.front, #HFSContent label.front, #headlineContainer label.location {display: "";} #HFSContent #tpRQ_Content label.front {margin-bottom: 10px;} #HFS #HFSContent h1, #HFSContent h1.separator {font: bold 24px/32px arial;margin-top: 50px;} #HFSContent h2.separator {font-size: 21px; max-width: 400px; line-height: 26px; margin: 10px 0;} #HFS #HFSContent h3 {font-size: 16px; font-weight: bold;margin: 20px 0;} #HFS p#HFSBaimHint, #HFS .text {padding: 10px; font-size: 14px;} #HFS div.helplink a:link {display: none;} #HFS #HFSContent .stdMarginBottom {margin-left: 0 !important;} #HFS #HFSContent #HFSQueryAdvanced .stdMarginBottom {float: left; margin-right: 20px;} #HFS #HFSContent #HFSQueryAdvanced .stdMarginBottom:after {clear: left;} #HFS #tpRQ_Content.leftBox {width: auto; display: block; float: none;} #HFS #HFSContent fieldset div.baimChoice, #HFS #HFSQueryBaim label {float: left; margin-right: 20px; padding: 0px; display: block;} #HFS #HFSQueryBaim #containerVias div.firstVia, #HFSQueryBaim #containerVias div.viaRow {display: block; float: left; line-height: 32px; margin-right: 20px; margin-top: 0;} #HFS #HFSInputVia_1, #HFS #HFSInputVia_2 {float: left; margin-right: 20px;} /* tp result page */ /*#HFS #HFSResult #tpResultsQuery #tpRQ_Content.leftBox {display: none;}*/ #HFS #HFSResult #tpResultsQuery #tpRQ_Content.leftBox .separator, #HFS #HFSResult #tpResultsQuery #tpRQ_Content.leftBox #tpRQ_Route #searchSwitch, #HFS #HFSResult #tpResultsQuery #tpRQ_Content.leftBox #tpRQ_DateTimes {display:none;} #HFS #HFSResult #tpResultsQuery #tpRQ_Content.leftBox #tpRQ_Route {width:98% !important; float:none; margin-bottom:0px; padding:10px 0px;} #HFS #HFSResult #tpResultsQuery #tpRQ_Content.leftBox #tpRQ_Route #tpRQ_From, #HFS #HFSResult #tpResultsQuery #tpRQ_Content.leftBox #tpRQ_Route #tpRQ_To {margin-bottom:0px !important;} #HFS #tpRQ_Outward fieldset, #HFS #tpRQ_Return fieldset, #HFS #tpRQ_Route fieldset {padding:0px;} #HFS #tpResultsQuery #tpRQ_Buttons {width: auto !important;} #HFSResult .box-col-60, #HFSResult .box-col-40 {/* float: none; width: 100%; */} #HFS #HFSContent #HFSResult h2.separator, /* #HFS #HFSResult thead.overviewTableHead, */ #HFS #HFSResult #showAllDetails, #HFS #HFSResult #hideAllDetails {display: none;} #HFS #tpResultsQuery #tpRQ_Buttons {width: 100% !important;} #HFSResult tr.tpDetails td {line-height: 21px; padding: 1px;} #HFSResult tr.tpDetails td.timeType span {width: 20px;} #HFSResult .box-space-22 {padding: 10px;} #HFS #HFSResult table td.additionalContent {padding: 0;} #HFSResult ul.detailsMenu {height: auto; overflow: visible; display: none; margin-left: 10px; margin-bottom: 10px;} #HFSResult ul.detailsMenu li {/*float: none;*/ padding: 2px; float: none; display: table-row;} #HFSResult ul.detailsMenu a, #HFSResult ul.detailsMenu a:focus, #HFSResult ul.detailsMenu a:hover, #HFSResult ul.detailsMenu a:active {padding: 6px 2px; border: none; background-color: transparent;} #HFS #HFSResult ul#lc_detailsmenu {padding: 8px !important;} #HFSResult ul.detailsMenu li.active {/* box-shadow: 0 0 0 0 transparent; padding-left: 0px !important; color: #e20619; font-weight: normal; */ display: none;} #HFSResult table.resultTable {width: 100% !important;} #HFSContent span.front, #HFSContent label.front, #headlineContainer label.location {/* width: 140px; */ margin: 4px 0;} #HFS #HFSResult button.searchConnRight {float: left; margin: 10px 0; height: 32px;} /* pearl position */ #HFSResult tr.intermediateSection td.pearl {background-position: center center !important;} #HFSResult tr.conFirstSecFirstRow td.pearl {background-position: center top !important;} #HFSResult tr.conLastSecLastRow td.pearl {background-position: center bottom !important;} /* Tabellenspalten auflösen und untereinander anordnen ~ Aufheben für alternative Darstellung ---------------------------------------------------- #HFSResult tr.tpOverview td.duration:before {content: "Dauer: ";} #HFSResult tr.tpOverview td.time {background: none; display: inline; padding-left: 0px; float: left;} #HFSResult tr.tpOverview td.products {width: 100%;} #HFSResult tr.tpDetails td.remarks {padding-left: 2px;} */ #HFSResult tr.tpOverview:hover, #HFSResult tr.tpOverview:hover td.time {background-color: #E6EBED;} #HFSResult tr.tpOverview td.station {/* left: -800px; position: absolute; white-space: normal; */} #HFSResult table.resultTable td.station div {min-width: 140px; line-height: 18px;} #HFSResult tr.tpOverview td.duration {/* clear: left; float: left; display: none; padding-left: 0px; */} #HFSResult tr.tpOverview td.fares, #HFSResult tr.tpOverview td.gisInfo {/* display: none; */ vertical-align: middle;} #HFSResult tr.tpOverview td.time {padding: 8px;} #HFSResult tr.tpOverview td.time div.planed {width: auto;} #HFSResult tr.tpOverview td.lc_products {display: none; white-space: normal;} /* #HFSResult tr.tpOverview td.products, */ #HFSResult tr.tpDetails td.station, #HFSResult tr.tpDetails td.remarks, /* #HFSResult tr.tpDetails td.platform, */ #HFSResult tr.navi td.last {display: none;} #HFSResult tr.tpOverview td.lc_products img.product {margin-right:3px; margin-top: 2px; vertical-align: middle;} #HFSContent .linkGroup {width: 250px; margin: 0;} #HFSContent .linkGroup a {float: none !important; display: block;} #HFSResult tr.sectionInfo td.pearl, #HFSResult tr.remarksRow td.pearl {padding: 0 8px;} #HFSResult tr.intermediateSection td.pearl {background-position: center center;} #HFS #HFSResult td.productsIcon {vertical-align:top; padding-top:5px !important;} #HFSResult tr.tpDetails td.lc_station {display: table-cell;} #HFSResult tr.tpDetails td.lc_station span {display: none;} #HFSResult tr.tpDetails td.lc_remarks {min-width: 170px; display: block; white-space:normal; vertical-align:middle;color:#666;padding-left:2px;padding-top:3px !important;padding-bottom:3px !important;} #HFSResult tr.tpDetails td.lc_remarks strong {font-weight: bold;} #HFSResult tr.tpDetails td.products {/* floatet besser inner Spalte: */display: block;} #HFSResult td.prognosis, #HFSResult span.prognosis {margin-right: 4px;} #HFSResult tr.tpOverview td.fares .lc_fares {display: none;} #HFS #HFSResult td.additionalContent .lc_fares {display: inline;} #HFSResult {width: 100%;} #HFSResult tr.navi a {font-weight: normal; font-size: 14px;} /*#HFSResult td .prognosis img {margin-left: 6px;}*/ #HFSResult .box-space-22 {padding: 4px 0;} #HFSResult .box-space-22 div:first-child {font-size: 16px !important;} /* tp detail map */ #HFS #HFSResult div.mapConnectionDetails table.ajaxMapConnection {min-width: 150px; width: auto;} #HFS #HFSResult table.ajaxMapConnection td.mapConLocation {width: 290px !important;} #HFS #HFSResult div.ajaxmapdiv {border: 4px solid #E6EBED; width: 100% !important; height: 324px !important; float: none;} #HFS #HFSResult div.olMap {width: 100% !important; height: 316px !important;} #HFS #HFSResult .lc_mapConnectionDetails {display: inline;} #HFS #HFSResult table.ajaxMapConnection caption {margin-top: 8px; font-weight: bold;} /* tp detail e-mail */ #HFS #HFS_comments {margin-top: 10px; /* width: 250px !important; */} #HFSContent .leftMargin {margin-left: 0px;} #HFS #HFSResult div.box-space-22 input.error, #HFS select.error {width: 320px; height: 37px; padding: 6px;} #HFS #HFSContent #HFSResult div.box-space-22 h2.separator {display: inline-block !important; margin: 0;} #HFS #HFS_comments {margin: 0px;} /* tp detail fares */ #HFS #HFSResult div.box-space-22 table.resultTable th {white-space: normal;} #HFS #HFSResult div.box-space-22 table.resultTable th.resultdark {display: none;} #HFS #HFSResult div.box-space-22 table.resultTable tr.Bartarif td.tariff {float: left;} #HFS #HFSResult div.box-space-22 table.resultTable tr.categoryHeader th, #HFS #HFSResult div.box-space-22 table.resultTable tr.Bartarif td {font-size: 16px !important;} /* tq */ #HFS #tq_trainroute_content_table_alteAnsicht div.ajaxmapdiv {display: none !important;} #HFS #tq_trainroute_content_table_alteAnsicht {padding: 2px;} #HFS #tq_trainroute_content_table_alteAnsicht table.resultTable tr td.sepline:last-child {display: none;} #HFS #tq_trainroute_content_table_alteAnsicht td.sepline a {display: block; /* font-size: 14px; line-height: 18px; */ overflow: hidden;text-overflow: ellipsis;width: 300px; white-space: nowrap;} /* sq */ #HFS table.stNear {width: 100%;} #HFS table.stationOverview tr td {height: auto;} #HFS table.stationOverview tr td {padding: 2px;} #HFS #stInfoMapNear .lc_tpRQ_Buttons {display: inline-block;} #HFS #HFSResult #stInfoMapNear div.ajaxmapdiv {/* width: 310px !important; */} #HFS #HFSResult div#stationinfo.olMap {/* width: 305px !important; */} #HFSResult .box-col-1, #HFSResult .box-col-2 {width: 100%; margin-right: 0px;} #HFS #HFSResult .lc_tpRQ_Buttons, #HFS #HFSResult .lc_tpRQ_Buttons a {display: inline-block; color: #e20619; text-decoration: none;} #HFSQuery div.v_space, #HFSResult div.v_space {margin-bottom: 10px;} #HFSQuery div.v_space label.lc_display_m {display: inline !important; margin-left: 95px !important;} #HFSQuery div.v_space span.lc_break, #HFSResult div.v_space span.lc_break {display: none;} #HFS #HFSResult tr.depboard-dark td.timetable, #HFS #HFSResult tr.depboard-light td.timetable {margin-top: 6px;} #HFSResult table.stboard td.time, #HFSResult table.stboard td.timetable, #HFSResult table.stboard td.platform, #HFSResult table.stboard td.product {4px 2px;} #HFS #HFSResult tr.depboard-dark td strong, #HFS #HFSResult tr.depboard-light td strong {/* overflow: hidden; text-overflow: ellipsis; width: 160px; display: inline-block; */} #HFS .lc_sq_platform {display: none;} #HFS .lc_sqResultsInput {display: none;} #HFS .lc_sqEquiv strong, #HFS .lc_sqEquiv a {/* display: table-row; overflow: hidden; text-overflow: ellipsis; width: 130px; */} #HFS #HFSResult table.resultTable td.lc_sqEquiv {} #HFS .lc_sqEquivInsert {display: table-row;} #HFS #HFS_input.lc_sq_input {width: 400px !important;} /* pb */ #HFSContent .summary div.block {margin-left: 0px !important; float: none;} #HFSContent .summary div.block div {line-height: 24px;} #HFSContent fieldset.taTime fieldset, #HFSContent fieldset.taPeriod fieldset, #HFSContent fieldset.taPassengers div {/* margin: 0 !important; float: none !important; */} #HFSContent fieldset.taPassengers input {text-align: center !important; width: 24px !important;} #HFS .lc_tariff {display: block;} #HFS tr.sep {background-color: #E6EBED; border: medium none; display: table-row; width: 100%;} #HFS .lc_tariff td {padding: 4px; display: table-cell; width: 100%;} #HFS .lc_tariff tr.sep td:first-child, #HFS .lc_tariff tr.sep td:nth-child(2), #HFS .lc_tariff tr.sep td:nth-child(3) {font-weight: bold;} #HFSContent fieldset.taTime label.front, #HFSContent fieldset.taPeriod label.front, #HFSContent fieldset.taPassengers label.front, #HFSContent fieldset.taLocation label.front {width: 140px;} #HFS #HFS_from.lc_pb_input, #HFS #HFS_to.lc_pb_input {width: 400px !important;} /* sonstige Klassen */ #HFS .lc_med_hide {display:none;} } /* 501px - 919px, landscape only ----------------------------------------------------------------------------- */ @media screen and (min-width: 501px) and (max-width: 990px) and (orientation: landscape) { /* sonstige Klassen */ #HFS .lc_med_hide {display:none;} } /* 920px - Infinity ----------------------------------------------------------------------------- */ @media screen and (min-width: 920px) { /* sonstige Klassen */ #HFS .lc_wide_hide {display:none;} }