/* general HAFAS styles */ /*** zebra color 1: #fff; zebra color 2: #ebebeb; border color: #d4d4d4; dunkler Hintergrund: #8197b2; heller Hintergrund: #b8c6d6; hellerer Hintergrund: #c8d6e6; links: #2677B8; ***/ /*html, body {margin:0px;padding:0px;height:100%;width:100%;} #HFS {margin:0px; background-color: #fbfbfc; font-family: "Lucida Grande", "Lucida Sans Unicode","Lucida Console", Arial, Helvetica, Swiss, sans-serif; font-size: 11px; text-decoration: none; min-width: 820px;} #HFSContentContainer {position: relative; min-height: 100%;}*/ /*#HFSResult table {font-family: "Lucida Grande", "Lucida Sans Unicode","Lucida Console", Arial, Helvetica, Swiss, sans-serif; font-size: 11px;}*/ #HFS .popup {margin:0px; background-color:#fff;} #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:3px; vertical-align: middle;} #HFS span.productSmall img,#HFS img.productSmall{margin-right:6px; margin-top: 1px; height: 19px; vertical-align: middle;} #HFS img.icon {vertical-align: middle;} #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-family: "Lucida Grande","Lucida Sans Unicode","Lucida Console",Arial,Helvetica,Swiss,sans-serif; font-size: 11px; margin:1px; vertical-align: middle;} /*#HFS input.error, #HFS select.error {border: inset 1px #c00; background-color:#fdd;font-family: "Lucida Grande", "Lucida Sans Unicode","Lucida Console", Arial, Helvetica, Swiss, sans-serif; font-size: 11px;}*/ #HFS input.error, #HFS select.error {border: inset 1px #c00; background-color:#fdd;font-size: 11px;} #HFS input.embedded {border: none; background-color:transparent;} #HFS input.embedded:focus {border: solid 1px #777; background-color:#e2e6e7;} /*#HFS input.small {font-family: "Lucida Grande", "Lucida Sans Unicode","Lucida Console", Arial, Helvetica, Swiss, sans-serif; font-size: 11px; padding:0px; padding-left:2px;}*/ #HFS input.small {font-size: 11px; padding:0px; padding-left:2px;} #HFS input.button, #HFS input.button:focus, #HFS input.buttonSmall, #HFS input.buttonSmall:focus, /*#HFSResult input.button {overflow: visible; background-color: #b8c6d6; color:#FFF; border-style: solid; border-width: 1px; border-color: #036; padding: 4px; vertical-align: middle; font-size: 13px; text-decoration: none; font-family: "Lucida Grande", "Lucida Sans Unicode","Lucida Console", Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif;}*/ #HFSResult input.button {overflow: visible; background-color: #b8c6d6; color:#FFF; border-style: solid; border-width: 1px; border-color: #036; padding: 4px; vertical-align: middle; font-size: 13px; text-decoration: none;} #HFS input.button:hover {color:#fff; border: 1px #006880 solid; background-color:#006880;} #HFS input.buttonEmphasized {overflow:visible; background-color:#006880; color:#fff; border:1px #006880 solid; padding: 0px 3px; margin-right: 3px; font-weight: bold; vertical-align: middle; font-size: 11px; text-decoration: none;} #HFS input.buttonEmphasized:hover {color:#fff; border: 1px #003366 solid; background-color:#003366;} #HFS input.buttonSmall {padding: 5px; font-size:13px; border:1px #006880 solid; background-color:#006880; color:#fff;} #HFS input.buttonAsLink {background-color:transparent; color:#ba1b27; border:0px; min-width:20px; overflow:visible; margin:1px 10px 1px 5px; padding:0px 0px 0px 10px; text-align:left; cursor:pointer;} #HFS input.buttonAsLink:hover, #HFS input.buttonAsLink:focus, #HFS input.buttonAsLink:active {background-color: transparent; color:#333;} #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 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 {color:#2677B8; text-decoration: none;} #HFS a:link {color:#2677B8; text-decoration: none;} #HFS a:active {color:#333; text-decoration: none;} #HFS a:hover {color:#333; text-decoration: none;}*/ #HFS .bold {font-weight: bold;} #HFS .normal {font-weight: normal;} #HFS .italic {font-style: italic;} /*#HFS .small {font-family: "Lucida Grande", "Lucida Sans Unicode","Lucida Console", Arial, Helvetica, Swiss, sans-serif; font-size: 11px;}*/ #HFS .small {font-size: 11px;} #HFS .pre {font-family: courier;} #HFS .red {color: #f00;} #HFS .green {color: #09bd51;} #HFS .underline {text-decoration: underline;} #HFS .left {text-align:left;} #HFS .center {text-align:center;} #HFS .right {text-align:right;} #HFS .errormessage {color:#c00;} #HFS .hint {color:#2677b8; background-color:#fff; text-decoration:none;} #HFS .nopadding {padding: 0px;} #HFS .standardpadding {padding: 1px 3px 1px 3px;} /* styles HAFAS header */ #HFSHeader {height:27px; position: relative; display: block; } #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;} .HFSSearch {width: 304px; height: 39px; position: absolute; left: 60%; top: 0px;} .searchInside {position: relative; left: 50px; margin-top: 1px;} .inputSearch {width: 170px; color: #999999; padding-left: 2px; border-bottom: 1px solid #18849a; border-top: 1px solid #34b5c9; border-left: 1px solid #34b5c9; border-right: 1px solid #18849a;} .HFSLanguage {float: right; font-size: 10px; height:18px; position: relative;} ul.HFSLanguage {height: 20px;} #HFSHeader ul.HFSLanguage li {padding: 2px 12px 4px; margin: 0; display: inline; list-style: none; position: relative; top: 0px;} #HFSHeader ul.HFSLanguage a {color: #949494; border: none; text-decoration: none;} #HFSHeader ul.HFSLanguage a:hover {color: #007099; background-image: none;} #HFSHeader ul.HFSLanguage a.active {color:#007099;} /* HAFAS Assist */ #HafasAssist {position: absolute; left: 300px; top: 4px; border: 1px solid #ccc; padding: 4px; z-index: 172;} #HafasAssist .ticketNumber {border-style: solid; border-width: 1px; background-color: #fff7ca; font-family: Courier; font-weight: bold; padding: 6px; font-size: 16px; width: 80px;} #HFSHeader li.hafasAssistIcon, #HFSHeader li.myFavoritesIcon, #HFSHeader li.myFavoritesIcon_act {padding: 4px 12px !important; top: 2px !important;} .HFSMain {float:right; position: absolute; top: 25px; right: 295px;} .HFSLogo {float:left;} .HFSSearch input.small {width:140px; border: 1px solid #a9a9a9; padding: 2px;} #HFSLogo {width:170px; height:80px; text-align:center; vertical-align:middle; float:left;} /* styles HAFAS navigation -> for more see hafas_default.css */ /*#HFSNavi {position:absolute; width:160px;}*/ /* styles HAFAS navigation JS */ #HFSNaviJS {top: 67px;padding-top: 55px;position: fixed; left: -240px; float:left; width: 264px; height: 303px; white-space: nowrap; z-index: 171; margin-top:0px;} #HFSNavBar {position: fixed; left: 0px; float:left; width: 39px; height: 100%; z-index: 172;} .navshow {z-index: 176 !important;} .HFSNavBarColor {height: 100%; background-color: #ededed; position: relative;} #HFSNaviJS a {display:block; margin:0px; color: #fff;} #HFSNaviJS a img {vertical-align:bottom;} #HFSNaviJS ul {list-style:none; margin:0px; padding-left:39px;} #HFSNaviJS ul li {text-indent: 17px; margin:0px; width: 153px; line-height: 27px;height:27px; border-top: 1px solid #168198; border-bottom: 1px solid #34b5c9;} #HFSNaviJS ul li a, #HFSNaviJS ul li a:hover {color: #fff;} #HFSNaviJS ul li a:link, #HFSNaviJS ul li.active a {color:#fff;} #HFSNaviJS ul li.sub {font-weight:normal;} #HFSNaviJS ul li.sub a {padding-left:46px; font-weight:normal;} #HFSNaviJS .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;} #HFSNaviJS .navbar {float: left; margin-top: 4px; margin-right: 6px;} /* styles 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; margin-bottom: 0px !important; padding: 2px 0px; height: auto; min-width:120px;} #HFSNaviTop ul li, #HFSContent ul.slider li {margin: 0; display: inline; list-style: none; } #HFSNaviTop ul a, #HFSContent ul.slider a {font-size: 13pt; padding: 8px 10px; margin-right: 5px; background: #f5f7fa; text-decoration: none; position: relative; font-weight: 600; border-radius-topleft:10px; -moz-border-radius-topleft:10px; -khtml-border-radius-topleft:10px; border-radius-topright:10px; -moz-border-radius-topright:10px; -khtml-border-radius-topright:10px; } #HFSNaviTop ul a:hover, #HFSContent ul.slider a:hover, #HFSNaviTop ul li.active a, /*#HFSContent ul.slider a.active {position: relative; top: 0px; padding-bottom: 25px; font-size: 13px; background:#dfe4eb;}*/ #HFSContent ul.slider a.active {position: relative; top: 0px; font-size: 13pt; background:#dfe4eb; } #navHint {top: 17px; position: fixed; left: 8px; z-index: 187; width: 227px; height: 75px;} /* styles HAFAS content */ /*#HFSContent {background-color:transparent; min-width:600px; clear:both;}*/ #HFSContent {background-color:#dfe4eb; min-width:600px; clear:both; padding:10px; border-radius:10px; -moz-border-radius:10px; -khtml-border-radius:10px; } #HFSContent.navLeft, #HFSContentContainer.navLeft {padding: 0px; padding-bottom:90px; margin-left:200px;} #HFS.jsMenu #HFSContent.navLeft, #HFS.jsMenu #HFSContentContainer.navLeft {margin: 0px 30px 0px 80px;} #HFSContent h2.separator {margin:20px 0px 0px 0px; padding: 3px 12px 3px 3px; font-size: 13pt; color:#fff; font-weight: normal; line-height: 20px; text-indent: 8px; float: left; clear: left;} #HFSContent h2.separator span {float:right; padding-left:10px; padding-right:1px; font-size:11px;} #HFSContent h3.separator {font-size: 13px; color: #999; font-weight: bold; background-image: none;} /*#HFSContent td.separatorOverviewTD {background-color: transparent !important; padding:6px 0px !important;}*/ #HFSContent div.separatorOverviewDivH2 {border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; float:left; line-height:30px;} #HFSContent h2.separatorOverviewH2 {margin:0px; padding: 0px 10px 0px 5px; line-height:30px; font-size: 13px; color:#fff; font-weight: normal;} #HFSContent div.separatorOverviewDivText {color:#6b6b6b; font-size:13px; font-weight: normal; padding:0px 5px;border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; border-right:1px solid #ccc; float:left; line-height:30px;} /*#HFSContent h3.separator {color:#6b6b6b; font-size:13px; font-weight: normal; padding:0px 5px;border-top: 1px solid #ccc; line-height:24px; margin: 0px;}*/ #HFSContent h3.separator {color:#6b6b6b; font-size:13px; font-weight: normal; padding:0px 5px;line-height:24px; margin: 0px;} #HFSContent h2.textroute {border-bottom: 0px solid #b8c6d6;} #HFSContent h2.top {margin-top:0px;} #HFSContent #mapLegend h2.map {} #HFSContent p.title {margin:30px 0px;} #HFSContent p.hafasHint {padding: 10px; margin: 0; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc;} #HFSContent p.home {margin-top:0px;} #HFSContent div.separatingLine {height:1px; margin:0px; background-color:#ccc;} #HFSContent div.separatingLineRealtime {height:5px; background-color:#c00;} /* style for fieldsets as well as div (like querysummary) */ #HFSContent .greyBox { clear: left; padding: 20px 10px 10px; background-color:#f5f7fa; border: 10px solid #c6cfdb; -moz-border-radius-topright:10px; -khtml-border-radius-topright:10px; -moz-border-radius-bottomright:10px; -moz-border-radius-bottomleft:10px; -khtml-border-radius-bottomright:10px; -khtml-border-radius-bottomleft:10px; border-radius-topright:10px; border-radius-bottomright:10px; border-radius-bottomleft:10px; } #HFSContent .greyBoxTop {padding:10px 0px 10px 0px; margin-top:15px; background-color:#f5f5f6; border-bottom:1px solid #ccc; border-top:1px solid #ccc;} #HFSContent .leftMargin {margin-left:112px;} #HFS.usermail .leftMargin, #HFS.feedback .leftMargin {margin-left:176px;} /* style for (query)summary */ #HFSContent .summary {clear: left; padding:10px 10px; background-color: #F5F7FA; border: 10px solid #C6CFDB;} #HFSContent .summary div.block {float:left; width:auto; margin-right:30px;} #HFSContent .summary div.block div {line-height:20px;} #HFSContent .summary span.label {display:block; 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; width:95px; padding:0px; font-weight:bold; color:#666666;} #HFS.sq_results .summary span.output {margin-right:20px;} #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; white-space: nowrap;} #HFS.tq_trainroute .summary span.label img {vertical-align:top;} /* styles for fieldsets */ #HFSContent fieldset {line-height:22px;} #HFSContent fieldset legend {padding:10px 0px; display:none;} #HFSContent fieldset.greyBox legend {display:none;} #HFSContent fieldset.greyBox br {clear:left;} #HFSContent label.front {float:left; display:block; width:100px; padding:0px 5px 0px 0px; color: #666666;} #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:135px;} #HFSContent fieldset.greyBox div.text {padding:5px 0px;} #HFSContent fieldset.greyBox ul {margin-top:0px; margin-bottom:0px; 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;} /* styles for calendar links */ #callink0, #callink1 {position:relative; top:-1px;} #callink0 img, #callink1 img {vertical-align: middle;} #HFSCalLater {position:relative;top:-3px;left:6px;} #HFSCalSooner {position:relative;top:5px;right:3px;} /* 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 {float:left; width:140px;} #HFSQuery .buttons {margin-top:30px;} /* table styles used for products, multi/intermodal, weekdays... */ #HFSQuery table {width:auto; line-height:18px;} #HFSQuery table th.label {width:100px;} #HFSQuery table .spaceLeft {padding-left: 20px;} #HFSQuery th {text-align:left; color:#666;} #HFSQuery td {padding: 1px 3px;} #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 {border-bottom:1px dotted #999;} #HFSQuery .borderright {border-right:1px dotted #999;} #HFSContent label.hidden {display:none;} /* HAFAS Result - specific styles result page */ #HFSResult table {width:auto; border-spacing:0px; border-collapse:collapse;} #HFSResult table.resultTable { width:100%; _width: auto;clear:left; border: 10px solid #c6cfdb; margin: 10px solid #c6cfdb; background-color: #f5f7fa; padding:10px; -moz-border-radius-topright:10px; -khtml-border-radius-topright:10px; -moz-border-radius-bottomright:10px; -moz-border-radius-bottomleft:10px; -khtml-border-radius-bottomright:10px; -khtml-border-radius-bottomleft:10px; border-radius-topright:10px; border-radius-bottomright:10px; border-radius-bottomleft:10px; } #HFSResult table.resultTable th {font-weight: bold; padding:5px 3px 3px; white-space: nowrap; background-color:#f5f7fa; color:#59697d; border-bottom:1px solid #ccc;} .allInOneSep {border-bottom: 1px solid #057196; color:#fff; font-weight: bold; padding:5px 3px 3px; height: 16px;} #HFSResult table.resultTable th a {color: #fff !important;} #HFSResult table.resultTable th#hafasOVTime, #HFSResult table.resultTable th#hafasOVDuration {text-align: center;} #HFSResult td.separatorSmall {border-bottom:1px solid #c5c5c5; padding-top:5px; font-size:11px; font-weight:bold;} #HFSResult td.separatorSmall h2 {padding:0px !important; margin-top:0px !important; color:#000 !important;} #HFSResult td.separatorFirstLastCon h2, #HFSResult td.separatorPartSearchCons h2{color:#FFFFFF !important;} #HFSResult td.errormessage {color:#c00;} #HFSResult td.small {font-size: 11px;} #HFSResult td.prognosis {color:#c00; font-weight:bold;} #HFSResult td.linklistFirst {width:200px; overflow:auto;} #HFSResult td.linklistLink {padding-right:15px;} #HFSResult td span.pre {font-family: courier;} #HFSResult td span.small {font-size: 11px;} #HFSResult td span.prognosis {color:#c00; font-weight:bold;} #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;} /*#HFSResult tr.tpOverview th {border-bottom: 1px solid #999;}*/ #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-bottom: 1px solid #ccc; text-align:center;} #HFSResult tr.tpOverview td.station {text-align:left;} #HFSResult tr.tpOverview td.station div {margin-right:10px;} #HFSResult tr.tpOverview td.gisInfo, #HFSResult tr.tpOverview td.date, #HFSResult tr.tpOverview td.changes, #HFSResult tr.tpOverview td.ecology, #HFSResult tr.tpOverview td.products {text-align:left;} #HFSResult tr.tpOverview td.time, #HFSResult tr.tpOverview td.duration {text-align:center;} #HFSResult td.time, #HFSResult tr td.timeButton {width:90px; border-left:1px solid #c5c5c5 !important; border-right:1px solid #c5c5c5 !important; border-top:none; color: #727272;} #HFSResult tr td.timeButton {text-align:center;} #HFSResult tr.tpOverview td.products {white-space: normal !important;} /* to be changed */ #HFSResult tr.tpOverview td.time div {margin-left:0; width:100%; overflow:visible; white-space:nowrap;} #HFSResult tr.tpOverview td.time div.planed {float:none; text-align:center; width:auto;} #HFSResult tr.tpOverview td.time div.prognosis {position:absolute; right:2px; top:0px; margin:0px; padding:0px; float:none; width:auto; height:auto; text-align:center; vertical-align:middle; overflow:visible;} #HFSResult tr.tpOverview td.time div.prognosis img {padding:0; margin:0 auto;} /*#HFSResult tr.tpOverview td.last {padding:0px !important;}*/ #HFSResult tr.tpOverview td.last a.firstLastConButton {display:block; float:right; width:110px; text-align:center; padding:5px; color: #555555;} #ovLegendRealtime p {position:relative; margin:0 0 4px;} #ovLegendRealtime p img {margin-right:4px; vertical-align:middle;} #HFSResult tr.tpSeparator td {background-color:#c6cfdb; color:#ba1b27; font-weight:bold; padding:4px 3px;} #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 tr.selected td {padding:0px; background-color:#e9e9e9;}*/ /*#HFSResult tr.selected td {background-color:#e9e9e9;}*/ #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.tpOverviewSpace td {padding: 5px;} #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 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 tr.detailsCaption td {margin:0px 0px 0px; padding:5px; background-color:#ddd; color:#000;} div.detailsCaption {margin:0px 0px 5px; padding:5px; color:#fdad00;} #HFSResult tr.detailsCaption td h3, div.detailsCaption h3 {margin:0px; font-size:12px;} #HFSResult tr.tpDetails td {padding:3px; white-space:nowrap;} #HFSResult tr.tpDetails td.timeValue {width:30px;} #HFSResult tr.tpDetails td.timeValue2nd {border-top:1px solid #fdad00;} #HFSResult tr.tpDetails td.pearl {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.pearlGis {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 {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 {width:100px;} #HFSResult tr.tpDetails td.date {width:50px;} #HFSResult tr.tpDetails td.platform {width:80px;} /* necessary for IE7 */ #HFSResult tr.tpDetails td.station {width:auto;} #HFSResult tr.tpDetails td.remarks {white-space:normal; color:#333;} #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, #HFSResult tr.intermediateSection td {background-color: #f5f7fa;} #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;} #HFSResult tr.tpTextroute * {color:#666;} #HFSResult tr.tpTextroute div.section, #HFSResult tr.tpTextroute div.furtherInfo {padding:3px; border-top:1px solid #ccc; background-color:#f9f9f9;} #HFSResult tr.tpTextroute div.niceTrip {padding:10px 3px 5px 3px; border-top:1px solid #ccc; background-color:#f9f9f9;} #HFSResult .buttons {margin:20px 0px 30px 0px;} #HFSContent .linkGroup {padding-bottom:20px; line-height:30px;} #HFSContent .linkGroup a {margin-right:10px;} #HFSContent .linkGroup .topLink {float:right;} #HFSContent .linkGroup .topLink a {margin-right:0px;} /* sq */ #HFSResult tr.arrboard-dark td {background-color:#f5f7fa;} #HFSResult tr.arrboard-light td {background-color:#fff;} #HFSResult tr.depboard-dark td {background-color:#f5f7fa;} #HFSResult tr.depboard-light td {background-color:#fff;} #HFSResult tr.arrboard-dark td.time {font-weight:900; border-right:none;} #HFSResult tr.arrboard-light td.time {font-weight:900; border-right:none;} #HFSResult tr.depboard-dark td.time {font-weight:900; border-right:none !important;} #HFSResult tr.depboard-light td.time {font-weight:900; border-right:none !important;} #HFSResult tr.arrboard-dark td.time {font-weight:900; border-right:none !important;} #HFSResult tr.arrboard-light td.time {font-weight:900; border-right:none !important;} /* 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 {border-bottom: 1px solid #ccc; height:12px;} /*#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-2 td {border-bottom: 1px solid #ccc;} #HFSResult tr.zebracol-3 td {background-color:#c5dce5;} #HFSResult tr.zebracol-4 td {background-color:#fff;} /* FOOTER styles */ #HFSFooter {color: #b0b0b0; margin:10px 10px 10px 10px; padding:20px 0px 0px 0px; font-size:9px; width: 400px;} #HFSFooter.navLeft {position: absolute; bottom: 0px; height: 50px; padding: 10px;} #HFS.jsMenu #HFSFooter.navLeft {margin-left: 80px;} body.h_netzplangenerator #HFSFooter.navLeft {bottom: auto !important;} .tp_results #HFSFooter.navLeft {height: 65px;} #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 #666; background-color: #e6e6e6} #HFS .messageBlockHIM img {clear:left; float:left; margin-right:10px;} #HFS .messageBlockHIM span {float:left;} #HFS .journeyMessageHIM {padding: 3px; background-color:#ffe9e9; border: 1px solid #ee9999; color:#ea3737; margin-top:5px; vertical-align:middle; white-space:normal;} #HFS .journeyMessageHIM img {vertical-align:middle;} /* Logo and bullet of global_design_parameters, if required */ /*#HFS span.customerLogo1 {color:#fafdff; font-size:22px; font-family: "Lucida Grande", "Lucida Sans Unicode",Arial, Helvetica, Swiss, sans-serif, SunSans-Regular;} #HFS span.customerLogoPopup {color:#333; font-size:20px; font-weight: bold; font-family: "Lucida Grande", "Lucida Sans Unicode",Arial, Helvetica, Geneva, Swiss, SunSans-Regular;} */ #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;} /* styles for 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 .allInOneSep a:link, #HFS .allInOneSep a:hover, #HFS .allInOneSep a:visited, #HFS .allInOneSep a:active {color: #fff; font-weight: normal;} /* Map - Treffpunkt */ img.reachabilityIcon {width: 18px; height: 22px;} table.multiReachTable {border: 1px solid #ccc;} #HFSResult table.multiReachTable tr.multiReachHeading th {height: 34px; vertical-align: middle; border-bottom: 1px solid #999; color: #333;} #HFSResult table.multiReachTable th {border-bottom: 1px solid #006880; height: 25px; text-indent: 2px; white-space: nowrap; color: #fff;} /* styles for look applications */ 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;} 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;} #look_mainelem_perl {background-color:#FFFFFF;border-style:outset;border-color:#000000;border-width:1px;} div.look_info {border-color:#000000;position:absolute;border-width:1px;border-style:ridge;} 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;} 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;} 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);} div.look_details {border-color:#000000;position:absolute;width:200px;border-width:1px;border-style:ridge;} 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;} span.look_details_titletext {position:relative;width:100%;text-align:left;font-size:x-small;} 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;} 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);} div.look_popup {border-color:#ccc;width:200px;position:absolute;border-width:1px;border-style:ridge;text-align:left;} div.look_popup_title {background-color:#b8c6d6;position:relative;width:100%;top:0px;left:0px;border-bottom-color:#ccc;border-bottom-width:1px;border-bottom-style:solid;text-align:left;font-size:x-small;} div.look_popup_title_train {background-color:#E9E9E9;position:relative;width:100%;top:0px;left:0px;border-bottom-color:#ccc;border-bottom-width:1px;border-bottom-style:solid;text-align:left;font-size:x-small;} div.look_popup_title_stop {background-color:#b8c6d6;position:relative;width:100%;top:0px;left:0px;border-bottom-color:#ccc;border-bottom-width:1px;border-bottom-style:solid;text-align:left;font-size:x-small;} div.look_popup_title_poi {background-color:#c5dce5;position:relative;width:100%;top:0px;left:0px;border-bottom-color:#ccc;border-bottom-width:1px;border-bottom-style:solid;text-align:left;font-size:x-small;} span.look_popup_titletext {position:relative;width:100%;text-align:left;font-size:x-small;} div.look_popup_title_traininfo {background-color:#b8c6d6;position:relative;width:100%;top:0px;left:0px;border-bottom-color:#ccc;border-bottom-width:1px;border-bottom-style:solid;text-align:left;font-size:x-small;} div.look_popup_textdiv {background-color:#E9E9E9;position:relative;width:100%;top:0px;left:0px;border-bottom-color:#ccc;border-bottom-width:1px;border-bottom-style:solid;text-align:left;font-size:x-small;} .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix { display: inline-block; overflow: hidden; } /* Layer map */ .layerMap{ display:none;} /* Hides from IE-mac \*/ * html .clearfix {height: 1%;} .clearfix {display: block;} /* End hide from IE-mac */ .hide { display:none; } /* Icons */ .menuSize img{ width:21px;height:21px; padding: 2px; } /* */ /****************************************/ /****************************************/ /****************************************/ /* */ /* styles for dynamic ajax elements */ /* */ /****************************************/ /****************************************/ /****************************************/ table.detailsTable { width: 100% !important; background-color: #fdfdfd; } div.mapDetails, div.textrouteDetails, div#emailFormContent, tr.detailsCaption td, div.ecologyDetails { background-color: #fdfdfd !important; padding:5px !important; } tr.detailsCaption td h3 { /* background-color:#DDDDDD;*/ color:#fdad00; margin:0 0 5px; padding:5px; } table.detailsTable tr.tpDetails th { background: none !important; background-color: #CCCCCC !important; color: #000000 !important; } table.resultTable tr.tpOverview td.menuLinks { width: 32px !important; } table.resultTable tr.tpOverview td.menuLinks a { background-repeat: no-repeat; background-position: center center; width: 32px; height: 36px; display: block; margin:0; position: relative; outline: none; } table.resultTable tr.tpOverview td.menuLinks a.close img.detailsOpenArrow, table.resultTable tr.active td.menuLinks a img.detailsOpenArrow { display:block; position:absolute; bottom:-7px; left:-2px; } table.resultTable tr.tpOverview td.menuLinks a.open img.detailsOpenArrow, table.resultTable tr.active td.menuLinks a:hover img.detailsOpenArrow { display:none; } a.menuLinks { background-repeat: no-repeat; background-position: center center; width: 16px; height: 16px; display: block; margin: 10px 9px 5px; float:left; } div.detailContainer { /*border: 1px solid #CCCCCC;*/ border-top: 0px; margin: 10px; background-color: #dfdfdf; position:static !important; /* mgab: needed for menu in maps */ } #HFS div.detailContainer div.ajaxmapdiv{ float:right; margin-top:0px; width:75%; } td.additionalContent { padding-top: 0px; padding-left: 0px; padding-right: 0px; } #additionalMenu { display:none; } .additionMapMenu { display:none; } div.linkGroup { padding-bottom: 0px !important; } div.detailContainer h2.separator { margin-top: 0px !important; padding-left: 0px !important; } form#email_form h2.separator { margin-top: 10px !important; } #HFSResult tr.tpDetails td { /* padding-top: 0px !important;*/ padding-bottom: 0px !important; } #HFSResult .buttons { margin-bottom: 10px !important; } form#email_form label.front { width: 180px !important } .hideElement { display: none; } tr.hideIntermediateStops tr.intermediateStop { display: none; } .summary span.label { width: 90px !important; } tr.sectionInfo td { /*border-bottom: 1px solid #1C4384 !important;*/ /*border-top: 1px dotted #999999;*/ } td.dottedBorderTop, div.dottedBorderTop { border-top: 1px dotted #999999; } td.timeValue span { padding-right: 5px; } tr.tpDetails th.first { width: 30px; } div.mapConnectionDetails table.ajaxMapConnection { background-color: #fff; border-top: none !important; } table.ajaxMapConnection tr.caption { background-color: #fff; } table.ajaxMapConnection tr.caption td.center { color: #fff; padding: 4px; } table.ajaxMapConnection td.right { border-right: none !important; } /*div.MapRouteDesc table.MapRouteDesc td { text-indent: 2px; }*/