/* 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; */ body {margin:0px;padding:0px;height:100%;width:100%; } body.popup {min-width: 100% !important;} #HFS {margin:0; padding: 0; background-color: #fff; font-family: Arial, Helvetica, Swiss, sans-serif; font-size: 12px; color: #292928;} #HFS table {font-size: 12px;} #HFS caption {text-align: left; font-weight: bold; margin-bottom: 0.75em;} #HFSResult table {font-size: 12px;} #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:2px; vertical-align: middle;} /* #HFS img.productSmall {margin-right:6px; margin-top: 1px; width: 26px; height: 26px; 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-size: 12px; margin:1px 0px; vertical-align: middle;} #HFS select {padding: 0 !important;} #HFS input {padding: 2px; font-family: Arial, Helvetica, Swiss, sans-serif;} #HFS input.error, #HFS select.error {border: inset 1px #c00; background-color:#fdd;} #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.button, #HFS input.button:focus, #HFS input.buttonSmall, #HFS input.buttonSmall:focus, #HFSResult input.button {overflow: visible; background-color: #036; color:#FFF; border-style: solid; border-width: 1px; border-color: #036; padding: 1px 3px; vertical-align: middle; font-size: 11px; text-decoration: none; } #HFS input.button:hover {color:#fff; border: 1px #003366 solid; background-color:#008A6D;} #HFS input.buttonEmphasized {overflow:visible; background-color:#003366; color:#fff; border:1px #003366 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:#008A6D;} #HFS input.buttonSmall {padding: 1px 3px; font-size:12px; font-weight: bold; border: none; background-color:#003366; color:#fff;} #HFS input.buttonAsLink {background-color:transparent; color:#292928; border:0px; min-width:20px; overflow:visible; margin:1px 10px 3px 0px; padding:0px 0px 0px 15px; text-align:left; cursor:pointer; text-decoration: underline;} #HFS input.buttonAsLink:hover, #HFS input.buttonAsLink:focus, #HFS input.buttonAsLink:active {background-color: #008a6d; text-decoration: none; color: #fff;} #HFS input.radio, #HFS input.checkbox {border: none; display:inline; } #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: #292928;} #HFS a:link {color:#292928;} #HFS a:active {color:#333;} #HFS a:hover {color:#333;} #HFS button {background-color:#cf4c00; height: 25px; line-height: 25px; padding: 0px 10px; border: none; font-size: 13px; font-weight: bold; color: #fff;} #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: #029253;} /* #008A6D, #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 .errormessage {color:#c00;} #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: -4px;} #HFS .buttonMargin {margin-left: 14px;} #HFS .stdMarginLeft {margin-left: 1ex;} #HFS .stdMarginRight {margin-right: 1ex;} #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: 15px;} #HFS .pointer {cursor: pointer;} #HFS .clickable {cursor: pointer; text-decoration: underline;} #HFS .helplink {float: right; margin: 1em 0 0 0 !important; 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 div.helpCon {padding: 3px; border: 1px solid #000; position:absolute; z-index:1; background-color: #e5f2eb; width: 300px; right: 0; margin-top: -0.5em;} */ #HFS th abbr {border-style: none;} #HFS .flap {padding-left: 16px;} #HFS .block {display: block;} #HFS .offscreen {position: absolute !important; left:-10000px !important; } /* HAFAS header */ #HFSHeader {padding:0px 20px 0px 0px; 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 {float:right;} .HFSMain {float:right; position: absolute; top: 25px; right: 295px;} .HFSLogo {/*float:left;*/ font-size: 90%;} .HFSChangeTheme {position: relative; top: 0px; width:200px;} .HFSSearch input.small {width:140px; border: 1px solid #a9a9a9; padding: 2px;} #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 {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: 0.6em 0px; font-size: 18px; color: #292928; 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 {font-size: 24px;} #HFSContent h1.separator {font-size: 24px;} #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: 16px; margin: 0.6em 0;} #HFSContent h3.separator {font-size: 16px; margin: 0.6em 0;} #HFSContent h3.baim {font-size: 110%; margin: 0.6em 0;} #HFSContent h4.baim {font-size: 100%; margin: 0.6em 0 0.1em} #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:#008A6D; 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;} /* fieldsets as well as div (like querysummary) */ #HFSContent .greyBox {padding:0; background-color:#fff; border: none; 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: #e6f3eb; color: #292928;} #HFSContent .leftMargin {margin-left: 106px;} #HFSContent #tpRQ_Content .leftMargin {margin-left: 83px;} #HFSContent #tpRQ_Content fieldset.sqResultsInput .leftMargin {margin-left: 93px;} #HFS.usermail .leftMargin, #HFS.feedback .leftMargin {margin-left: 176px;} #HFS a.transLink:link, #HFS a.transLink:active, #HFS a.transLink:hover {background-color: transparent !important;} #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 {padding:4px 61px 4px 22px; font-size:17.3px; font-weight:bold; color:#fff;} #HFShelpBox h3 {color:#008A6D; font-size:24px; font-weight:bold; margin-bottom:14px;} /* style for (query)summary */ #HFSContent .summary {padding:10px 10px; border-bottom:1px solid #ccc; border-top:1px solid #ccc;} #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.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;} /* fieldsets */ #HFSContent fieldset {border:0px; padding:0px; margin:0px; line-height:22px;} #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 {display: inline-block; width: 84px; margin:0 22px 0 0; text-align: right; padding-left: 2px; font-weight: normal} #HFSContent #tpRQ_Content label.front {width: 60px;} #HFSContent #tpRQ_Content fieldset.sqResultsInput label.front {width: 70px;} #HFS.usermail label.front, #HFS.feedback label.front {width:170px;} #HFSContent label.inline {float:none; display:inline; padding:2px; color: #000; } #HFSContent label.large {display:block; float:left; width:135px;} #HFSContent label {font-weight: normal;} #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;} /* calendar links */ #callink0, #callink1 {position:relative; top:-1px;} #callink0 img, #callink1 img {vertical-align: middle;} #HFSCalSooner:hover, #HFSCalLater:hover, #HFS #HFSContent a#callink0:hover, #HFS #HFSContent a#callink0:focus, #HFS #HFSContent a#callink1:hover, #HFS #HFSContent a#callink1:focus {text-decoration:none; background-color:transparent;} /* 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 {} #HFSContent .baimInputOptions, #HFSQuery .baimInputOptions {background-color: #f6f6f6; width: 100%; padding: 4px;} #HFSContent .baimInputOptions td, #HFSQuery table.baimInputOptions td {vertical-align: top;} #HFSQuery h3.baim span {font-size: 90%;} /* 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;} #HFSQuery td, #PRFContent 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, #PRFContent .sepline {border-bottom:1px dotted #999;} #HFSQuery .borderright, #PRFContent .borderright {border-right:1px dotted #999;} #HFSContent label.hidden {display:none;} #HFSQuery span.label { margin-right:20px; margin-left:20px; } #HFSQuery div.v_space { margin-bottom:20px; } #HFSQuery input.moreViaButton { margin-top:20px; } #HFSResult div.station_switch { height:0px; position:relative; } #HFSResult div.station_switch img { position:absolute; top:-16px; left:220px; cursor:pointer; } /* HAFAS Result - small query form on the results page */ #tpResultsQuery {} #tpResultsQuery legend {display:none;} #tpResultsQuery h2.tpRQ_Separator {margin-top:5px;} #HFS #tpResultsQuery input.buttonAsLink {padding-right: 0;} #tpRQ_Caption {} #HFS #tpRQ_Content {background-color: #d3e4f3; padding: 1px 11px 11px} #tpRQ_Content.greyBox {padding-top:0; margin-bottom: 20px; border: none;} #tpRQ_Route { /*margin-bottom: 10px;*/ float: left;} #tpRQ_From {} #tpRQ_To {} #tpRQ_DateTimes {} #tpRQ_Outward, #tpRQ_Return {float:left;} #tpRQ_Buttons {clear:both; /* margin-top:20px; */ overflow: hidden; border-top:1px dotted rgba(42, 85, 151, 0.7); padding-top:12px; } #tpRQ_Outward {} #tpRQ_Return {width: 49%; margin-left: 1%;} #tpRQ_Outward fieldset, #tpRQ_Return fieldset, #tpRQ_Route fieldset {padding: 4px;} #HFS #tpRQ_Content fieldset {background-color: #d3e4f3;} #HFS #tpRQ_Via { clear:both; } /* 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:#f9f9f9; 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 td.errormessage {color:#c00;} #HFSResult td.small {font-size: 11px;} #HFSResult td.prognosis, #HFSResult span.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 New", monospace;} #HFSResult td span.small {font-size: 11px;} #HFSResult td.platform span.prognosis {color:#5089D5; font-weight:bold;} #HFS #HFSResult span.prognosis .cancel { color:#F90404; } #HFSResult td span.cancelledtime {color:#F90404; font-weight:bold;white-space:nowrap;text-decoration:line-through} #HFSResult td span.prognosis {color:#ee7f00; font-weight:bold;white-space:nowrap} #HFSResult td span.prognosis span.red {color:#ee7f00; 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 {vertical-align: middle; margin-right: 0.3em;} #HFSResult .tpDetails td .prognosis img {vertical-align: baseline; } #HFSResult .tpDetails td.platform .prognosis img {vertical-align: bottom; } #HFSResult .textualDescription .prognosis img { vertical-align:baseline; margin-right:3px; } #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.first, #HFSResult tr.tpOverview td.fares {text-align: center;} #HFSResult tr.tpOverview td.products {white-space: normal !important;} #HFSResult tr.tpOverview td.duration {padding-left: 7px;} #HFSResult tr.tpOverview {background-color:#f4f4f4;} #HFSResult tr.navi {background-color:#fff;} #HFSResult tr.tpOverview td.time {background-color:#e9e9e9; padding-left: 7px;} #HFSResult tr.tpOverview:hover {background-color:#e6f3eb;} #HFSResult tr.tpOverview:hover td.time {background-color:#c0e0cd;} /* #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:#e6f3eb;} #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: 296px; margin: 1em 0 1em 0; vertical-align: top; float: left;} #HFSResult .box-col-40 {width: 38%; margin: 1em 2% 1em 0; vertical-align: top; float: left;} #HFSResult .box-col-60 {width: 58%; 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:6px; margin-top: 1px; vertical-align: middle;} #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;*/ margin-right:5px; padding: 4px 0;} #HFSResult tr.tpOverview td.time div.prognosis {padding:0.8em 0;} #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.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 .prognosis img.icon { vertical-align:baseline; } #HFSResult table.stboard .platform .prognosis img.icon { vertical-align:top; } #ovLegendRealtime p {position:relative; margin:0 0 4px;} #ovLegendRealtime p img {margin-right:4px; vertical-align:middle;} #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-bottom: 10px; padding-top: 10px;} #HFSResult table.resultTable tr.tpOverviewSpace td {height: 12px;} #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;} #HFSResult table.resultTable .pearlImg {vertical-align:top; } //#HFSResult table.resultTable thead.overviewTableHead tr th, //#HFSResult table.resultTable thead.overviewTableHead tr td {background-color:#E9E9E9 !important; padding:5px 2px; border-bottom:1px solid #CCCCCC;} #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 ul.detailsMenu {margin: 7px 22px 0; overflow: hidden;} /* ### #HFSResult ul.detailsMenu li {list-style-type: none; display:block; float: left; margin: 0 4px 0 0; padding: 6px 10px; white-space: nowrap; background-image: none;} */ #HFSResult ul.detailsMenu li {list-style-type: none; display:block; float: left; margin: 0 2px 0 0; white-space: nowrap; background-image: none; padding: 0; border-top: 2px solid #e9e9e9;} /*#HFSResult ul.detailsMenu li:focus, #HFSResult ul.detailsMenu li:hover,*/ #HFSResult ul.detailsMenu a:focus, #HFSResult ul.detailsMenu a:hover, #HFSResult ul.detailsMenu a:active {background-color: #fff; border-top: 2px solid #008A6D;} /* #HFSResult ul.detailsMenu li.active {background-color: #fff; font-weight: bold; border-bottom: 1px solid #fff; box-shadow: 0 0 10px #CCC; -moz-box-shadow: 0 0 10px #CCC;} */ #HFSResult ul.detailsMenu li.active {background-color: #fff; font-weight: bold; padding: 6px 11px; border-bottom: 2px solid #fff; border-top: 2px solid white; box-shadow: 0 0 10px #CCC; -moz-box-shadow: 0 0 10px #CCC; -webkit-box-shadow: 0 0 10px #CCC;} /* ### #HFSResult ul.detailsMenu a {text-decoration: none; padding: 0; margin: 0;}*/ #HFSResult ul.detailsMenu a {text-decoration: none; padding: 6px 11px; display: inline-block; border-top: 2px solid #E9E9E9;} #HFSResult ul.detailsMenu a:focus, #HFSResult ul.detailsMenu a:hover, #HFSResult ul.detailsMenu a:active {background-color: #fff; color: #000;} #HFSResult div.menuBorder {border-bottom: 1px solid #008a6d;} #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.products {white-space:nowrap; vertical-align:middle;color:#666;padding-left:3px;padding-top:2px !important;padding-bottom:2px !important;} #HFSResult tr.tpDetails td.products .typeName { margin-bottom:10px; margin-left:5px; 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 span.resultTextual {font-weight:bold;} #HFSResult div.textualDescription div.section p, #HFSResult div.textualDescription div.furtherInfo p {margin:0px; padding:5px 0px; border-bottom:1px solid #ccc;} #HFSResult .buttons {margin:20px 0px 10px 0px;} #HFSContent .linkGroup {margin: 1em auto; clear: both; padding-bottom: 0px !important;} #HFSContent .detailsTable {width: 100%;} #HFSContent .detailsTable .linkGroup {padding:0px; margin-bottom:0px;} #HFSContent .linkGroup a {margin-right:10px;} #HFSContent .linkGroup form {margin-top: 1em;} #HFSContent .topLink {float:right; line-height: 15px;} #HFSContent .topLink a {margin-right:0px; font-size: 90%;} #HFSResult div.v_space { margin-bottom:20px; } /* 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 {width: 100%; background-color:#008A6D; color:#fff; border-right:2px solid #008A6D; } #HFS table.pricing tr td {padding:5px 10px 5px 10px !important; font-weight: bold; font-size:12px; } #HFS table.pricing td.item { width:40%; } #HFS table.pricing td.item:hover { color:#000; background-color:#C0E0CD; } #HFS table.pricing td.selected { color:#000; background-color:#fff; border-top:5px solid #008A6D; } #HFS .tariffBorder { border-width:2px; border-style:none solid solid solid; border-color:#008A6D; padding:5px; } /* Ticketshop */ #HFSContent table.ticketShop td {padding:2px 4px} /* neuer Ticketshop */ #TicketShop .summary { background:#D3E4F3; padding:5px 10px; border:1px dotted #4E91CD; } #TicketShop ul.tariffGroups { list-style:none; padding-top:25px; overflow:hidden; } #TicketShop ul.tariffGroups li { display:inline-block; margin-left:10px; margin-bottom:0px; font-weight:bold; background:transparent; padding:5px 10px; font-size:12px; box-shadow:0px 0px 10px #ccc; } #TicketShop ul.tariffGroups li:hover { background:#E6F3EB; cursor:pointer; } #TicketShop ul.tariffGroups li a { text-decoration:none; } #TicketShop ul.tariffGroups li a:hover, #TicketShop ul.tariffGroups li a:focus { background:transparent; color:#000; } #TicketShop ul.tariffGroups li.group-open { /*background:#E5E4E2;*/ background:#f9f9f9; color:#008A6D; } #TicketShop ul.tariffGroups li.group-open a { color:#008A6D; } #HFS #TicketShop .results .helplink { margin:0px !important; padding:10px 10px 0px 0px; display:block; text-align:right; float:none; } #TicketShop .results { background:#f9f9f9; } #TicketShop .results .group { /*background:#E5E4E2;*/ background:#f9f9f9; padding-top:10px; padding-bottom:10px; } #TicketShop .results .group-close { display:none; } #TicketShop .results .group .infoText { background:#D3E4F3; margin:0px 10px 10px 10px; padding:10px; color:#666; box-shadow:0px 0px 2px #999; } #TicketShop .results .group .name { font-weight:bold; } #TicketShop .results .group .via-sep { border-bottom:1px dotted #ccc; margin:0px 10px; } #TicketShop .results .group .via { padding:0px 10px; } #TicketShop .results .group .viaHeader { padding:10px 5px; font-size:13px; position:relative; } #TicketShop .results .group .via-close .viaHeader { border-bottom:1px dotted #ccc; } #TicketShop .results .group .viaHeader:hover { background:#E6F3EB; cursor:pointer; } #TicketShop .results .group .viaHeader div.name { margin-left:32px; } #TicketShop .results .group .viaHeader div.arrow { position:absolute; top:50%; left:10px; margin-top:-8px; } #TicketShop .results .group .viaContent { background:#fff; padding-top:5px; padding-bottom:1px; border-bottom:1px dotted #ccc; } #TicketShop .results .group .via-close .viaContent { display:none; } #TicketShop .results .group .ticket { background:#f4f4f4; padding:2px 0px; margin:0px 5px 5px 5px; box-shadow:0px 0px 2px #bbb; } #TicketShop .results .group .ticket:hover { background:#E6F3EB; cursor:pointer; } #TicketShop .results .group .ticketHeader { border-radius:3px; line-height:25px; } #TicketShop .results .group .ticketHeader div { display:inline-block; box-sizing:padding-box; mz-box-sizing:padding-box; position:relative; } #TicketShop .results .group .ticketHeader div.ticketName { width:64%; font-weight:bold; margin-left:7px; } #TicketShop .results .group .ticketHeader div.travellers { width:15% } #TicketShop .results .group .ticketHeader div.price { width:64px; font-weight:bold; } #TicketShop .results .group .ticketHeader div.buy { width:1px } #TicketShop .results .group .ticketHeader div.arrow { position:absolute: top:50%; left:5px; margin-top:-4px; } #TicketShop .results .group .ticketHeader .buybuttonAsLink img { padding:2px; margin:1px 0; } /* fuer Tarifauskunft */ #TicketShop .results .group .ticket-close .ticketContent { display:none; } #TicketShop .results .group .ticketContent { background:#fff; margin:5px; padding:5px; } #TicketShop .results .group .ticketContent .ticketLinks { margin-top:3px; } #TicketShop .results .group .ticketContent a { margin-right:15px; } #TicketShop .results .group .ticketContent .priceLevel { font-weight:bold; } #TicketDesc .ticketInfo { background:#F9F9F9; } #TicketDesc .ticketInfo .name { font-size:14px; padding:5px 10px; background:#D3E4F3; border:1px dotted #4E91CD; position:relative; } #TicketDesc .ticketInfo .dateInput, #TicketDesc .ticketInfo .data, #TicketDesc .ticketInfo .fromTo { padding:10px; position:relative; } #TicketDesc .ticketInfo span.front { display:inline-block; width:155px; font-weight:bold; text-align:left; } #TicketDesc .ticketInfo .fromTo .viaName { position:absolute; top:50%; right:25px; margin-top:-6px; font-weight:bold; } #TicketDesc .ticketInfo .sep { margin:3px 10px; border-top:1px dotted #999; } #TicketDesc .ticketInfo .price { font-size:14px; font-weight:bold; padding:5px 10px; } #TicketDesc .ticketInfo .text { padding:5px 10px; color:#104E92; } #TicketDesc .ticketInfo .dateInput .form { background:#D3E4F3; padding:10px; box-shadow:0px 0px 3px #999; } #HFS #TicketDesc .ticketInfo div.calendardiv { top:-40px; } #TicketDesc .ticketInfo .name .helplink { margin:0px !important; position:absolute; top:5px; right:5px; } #TicketDesc .ticketInfo .dateInput .helplink { margin:0px !important; position:absolute; top:15px; right:15px; } #TicketShop div.hint ul { margin:10px 0px; } #TicketShop div.hint li { font-size:1em; } #TicketShop div.hint { font-size:13px; color:#000; } /* 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.stNear {width:100%; margin-left: 16px;} #HFS .poiInfoTexts label { font-weight:bold; color:#666; display:inline-block; width:90px; vertical-align:top; } #HFS .poiInfoTexts span.text { display:inline-block; max-width:505px; } #HFS .poiInfoTexts p { font-size:100%; } #HFS .poiInfoTexts div { margin-bottom:7px; } #HFS table.smallStBoard {width:100%;} #HFS #HFSResult h3.stboardrefresher {background-color: #e2eff9; 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 .arrowlink {margin:1px 10px 1px 0;} #HFS table.transferTable tr.zebracol-1 td {background-color: #F4F4F4;} #HFS #poi_near_list p { font-size:13px; } #HFS #poiInfoTextContainer p { font-size:13px; } /* 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-top:44px; 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 #666; background-color: #e6e6e6} #HFS .messageBlockHIM img {clear:left; float:left; margin-right:10px;} #HFS .messageBlockHIM span {float:left;} #HFSResult .hintBox, #HFS .journeyMessageHIM {line-height:17px; padding: 3px; background-color:#e2eff9; border: 1px solid #a6c8e6; margin:5px 0px; vertical-align:middle; white-space:normal;} #HFS .journeyMessageHIM img {vertical-align:middle;} #HFS .journeyMessageHIM ul {font-size:100%;} #HFS .journeyMessageHIM li {font-size:100%;padding-top:3px;} #HFSResult .hint_realtime {clear:both;} #HFSResult .hint_realtime div {clear:none; padding: 0 0 0.5em 20px;} #HFSResult .hint_realtime img {float:left;} #HFSResult .box-col-60 .hint_realtime img {margin:2px;} #HFSResult .rt-cancelled {margin:5px 0px; vertical-align:middle; padding: 3px; border: 1px solid #ee9999; background-color: #ffe9e9;} /* red */ #HFSResult .rt-critical {margin:5px 0px; vertical-align:middle; padding: 3px; border: 1px solid #f7c717; background-color: #fcf0c5;} /* yellow */ #HFSResult .rt-alternative {margin:5px 0px; vertical-align:middle; padding: 3px; border: 1px solid #c0e0cd; background-color: #e6f3eb;} /* green */ #HFSResult .rt-normal {margin:5px 0px; vertical-align:middle; padding: 3px; border: 1px solid #f7c717; background-color: #fcf0c5;} /* yellow */ #HFSResult .rt-ontime {margin:5px 0px; vertical-align:middle; padding: 3px; border: 1px solid #c0e0cd; background-color: #e6f3eb;} /* green */ #HFSResult .rt-platform {margin:5px 0px; vertical-align:middle; padding: 3px; border: 1px solid #a6c8e6; background-color: #e2eff9;} /* blue */ #HFSResult .rt-platform img.icon { vertical-align:top; } /* 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: 0px 5px;} /* 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, 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;} div.look_popup_title_train {background-color:#E9E9E9;} div.look_popup_title_poi {background-color:#c5dce5;} div.look_popup_textdiv {background-color:#E9E9E9;} 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;} .clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;} .clearfix {display: inline-block;overflow: hidden;} /* Hides from IE-mac \*/ * html .clearfix {height: 1%;} .clearfix {display: block;} /* End hide from IE-mac */ .hide {display:none;} .hideBaim {position:absolute; left:-3000px; display:block; overflow:hidden; height:1px; width:1px;} .clearBoth {clear:both;} /* Layer map */ .layerMap{ display:none;} #HFS a.checkLayerLine:hover{ color:#000; } /* Dynamic AJAX elements */ /* ===================== */ #HFS #HFSContent table.resultTable tr.tpOverview td.menuLinks {width: 30px !important;} table.resultTable tr.tpOverview td.menuLinks a {background-repeat: no-repeat;background-position: center center;width: 9px;height: 9px;display: block;margin:0 auto;} table.resultTable tr.tpOverview td.menuLinks a:hover, table.resultTable tr.tpOverview td.menuLinks a:active, table.resultTable tr.tpOverview td.menuLinks a:focus {background-color: transparent;} a.menuLinks {background-repeat: no-repeat;background-position: center center;width: 16px;height: 16px;display: block;margin: 10px 9px 5px;float:left;} #HFS .box-space-22 {padding: 22px; background-color: #fff; clear: both; position: relative;} .psConDtl div.detailContainer {border-color: #a9a9a9;} #HFS div.detailContainer div.ajaxmapdiv {float:right;margin-top:0px;width:73%;} #HFS #HFSResult table td.additionalContent {padding: 6px 22px 22px; background-color: #e9e9e9; border-top: 1px solid #fff;} 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;} form#email_form label.front {width: 180px !important} .hideElement {display: none;} tr.hideIntermediateStops tr.intermediateStop {display: none;} .summary span.label {width: 90px !important;} td.timeValue span {padding-right: 5px;} tr.tpDetails th.first {width: 30px;} /* Ranking */ td.rankingButtonsTD {padding: 0px !important;} td.rankingButtonsTD div.rankingButtons {background-color:#F5F5F5;border: 1px solid #ccc;padding: 5px 10px;margin: 0px;} td.rankingButtonsTD div.rankingButtons p {margin:0px 0px 5px;padding:0px;} td.ranking {white-space: nowrap;text-align:right !important;width:130px;} td.ranking img.rankingStar {margin-right:5px;} div.closeIcon {position:absolute;right:0px;top:0px;cursor:pointer;} /* Filter */ div#filterCaption_outward h2, div#filterCaption_return h2 {margin-top:0px !important;} div.filterOptions {background-color:#F5F5F5;border:1px solid #CCCCCC;padding: 10px 0px;margin: 10px 0px 20px;clear:left;} div.filterOptionsLeft, div.filterOptionsRight {float:left;width:49%;padding:0px 0px 0px 10px;} div.filterOptionsLeft {border-right:1px solid #CCCCCC;} div.filterWithMargin {margin-top: 20px;} div.slider {width:300px;margin:10px 0;border:1px solid #CCCCCC;height:10px;position: relative;} div.slider div.handle {width:12px;height:18px;cursor:move;position: absolute;top:-4px;} div.productBitsCheckbox {float:left;text-align:center;margin-right:10px;} .hidechanges, .hideduration, .hideecology, .hidedeparture, .hidearrival, .hidebits_0, .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, .hidebits_15 {display:none;} #HFS #HFSContent .ajaxMapConnection{background-color: #fff; margin-bottom:1em;} #HFS .close-button {background-position: 5px -3995px;} #HFS .tb_download_link { padding:15px 10px 15px 60px; background-color:#E5E4E2; background-position:5px -985px; background-repeat:no-repeat; margin:22px 0px; } a#map_content_0_titlediv, a#map_content_0_titlediv.hover, a#map_content_0_titlediv.active, a#map_content_1_titlediv, a#map_content_1_titlediv.hover, a#map_content_1_titlediv.active {padding-left: 12px !important;} a#map_content_0_titlediv.hover, a#map_content_1_titlediv.hover {color: #fff; background-color: #008A6D;} #HFS div.mapConnectionDetails {float: left; width: 25%;} #HFS div.ajaxmapdiv {display: none;} #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;top:0;left:0;opacity:0.6;filter:alpha(opacity=60);position:fixed;background-color:black;width:100%;height:100%;} /* profile manager related */ .pmStatus { cursor: pointer; height: 10px; margin: 2px 2px 2px 10px; width: 10px; } .statusActive { background-color: #00FF00; border: 1px solid #333333; } .statusInActive { background-color: red; border: 1px solid #333333; } .notMatching { background-color: #333333; border: 1px solid #333333; } .statusExpired{ background-color: #545454; border: 1px solid #333333; } .statusNotMatching{ background-color: #5454DD; border: 1px solid #333333; } tr.newentry div.undefined{ height: 10px; margin: 2px 2px 2px 10px; width: 10px; background-color: #5454DD; border: 1px solid #333333; } #pm_AboOverview p { font-size:13px; line-height:16px; } tr.newentry td { padding:3px; } th.profileHeader { padding:3px; } #pm_infoWindow,#pm_infoWindowContent{ position:absolute; width:400px; height:50px; z-index:2000000; margin:0px auto; } #pm_infoWindow { background-color:black; opacity:0.7; padding:5px; filter:alpha(opacity=70); -moz-border-radius: 8px 8px 8px 8px; } #pm_infoWindowContent{ color:#333;font-weight:bold; background-color:white; } #pm_ajax_loader{ margin:0px auto; } /* 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;} .printMapWarning { display:none; } @media print { #HFS #HFSContent .ajaxmapdiv .map { display:none; } #HFS #HFSContent .ajaxmapdiv .printMapWarning { display:block; text-align:center; padding-top:100px; } #HFS #HFSContent .ajaxmapdiv .printMapWarning span { font-weight:bold; color:#a00; } } /* Profil */ .favoriteRouteTable th { font-weight:bold; padding:4px; background-color:#E9E9E9; } .favoriteRouteTable td { padding:3px 2px; line-height:18px; border-top:1px solid #E9E9E9; } .favoriteRouteTable tr.odd { background-color:#F4F4F4; } .favoriteRouteTable td.linklistLink a { text-decoration:none; } .favoriteRouteTable td.buttons { padding-top:12px; } #HFS .tarif_general_remark { border:0; background-color:#d3e4f3; padding:5px 10px; } .map_api_switch { position:relative; height:1px; z-index:50; padding-right:4px; text-align:right; } .map_api_switch span { border-width:1px; padding:1px 4px; border-style:solid; border-color:#fff #0D498B #0D498B #0D498B; border-radius:0px 0px 5px 5px; cursor:pointer; background:#fff; font-size:11px; font-weight:bold; display:inline-block; margin-top:1px; } .map_api_switch span * { cursor:pointer; } .map_api_switch span.active { background:#0D498B; border-top:1px solid #0D498B; color:#fff; cursor:default; } .map_api_switch span.active * { cursor:default; } .map_api_switch span:hover { background:#0D498B; color:#fff; border-top:1px solid #0D498B; } .map_api_switch span input { border:0px none; text-decoration:none; } /* Multiabfahrtstafelgenerator */ ul.mainSelectList { list-style-type:none; margin-top:20px !important; margin-bottom:20px !important; } ul.mainSelectList li { cursor:pointer;cursor:hand;float:left;background-image:none !important;background-color:#E2EFF9 !important;padding:5px !important;padding-bottom:2px !important;margin-right:10px; } div#userinformation div.normalMargin { margin-bottom:10px; } div#stboardContainerWrap { position:relative; height: 265px; } div.accessStboardWrap { position:absolute; top:0px; left:0px; width:300px; } ul.accessSlotSelection { list-style-type:none; } ul.accessSlotSelection li { float:left;background:none !important;} ul.accessSlotSelection li a:hover { background: none; } div.accessLeftStboardContainer { float:left;margin-right:15px; border-right: 1px solid #f2f2f2; } div.accessEmptyStboard { position:absolute; background-color: #E2EFF9;border: 1px solid #A6C8E6;line-height: 17px;margin: 5px 0;padding: 3px;vertical-align: middle;white-space: normal;} div.accessStationInputLayout { padding:10px;padding-right:30px; } div.accessStationInputLayout.active { background-color: #E2EFF9; } ul.introTextList li { font-size:12px; } ul.mainSelectList li { background-color: #E2EFF9; border-bottom:3px solid #E2EFF9;} ul.mainSelectList li.selected { border-bottom:3px solid #0E4B8E;background-color:#0E4B8E !important;color:white;} ul.mainSelectList li.active { border-bottom:3px solid #0E4B8E;cursor:hand;cursor:pointer;} div#acceptDialog { position:absolute; left:50%;top:50%; padding:3px; border:3px solid #0E4B8E; background-color:white; z-index:20000;} .specColor {height: 20px;width: 20px;z-index: 2147483647;border-radius:15px;} .colorPickerButton {cursor: pointer;position: absolute;z-index: 2000; top:130px; background-color:#C0E0CD; padding:5px;box-shadow: 0 4px 15px 0 #666; z-index:2000000000;} .draggableicon { float: left;height: 40px;width: 28px; margin-right:10px; } #dragDescriptionContainer {position: absolute;width: 215px;} .descriptionField, #dragDescriptionContainer {background-color: white;border: 2px solid #0E4B8E;cursor: pointer;left: 180px;padding: 4px;top: -105px;white-space: nowrap;z-index: 5000;} .mapLabelArrow { height: 14px;position: absolute;top: -9px;width: 8px; } .mapLabel { background-color: white;border: 1px solid #BFBFBF;padding: 3px;white-space: nowrap; } #additionalInformation {-moz-box-sizing: border-box;background-repeat: no-repeat;border: 1px solid #CFCFCF;cursor: pointer;display: block;margin: 15px;min-height: 300px;padding-bottom: 15px;position: relative;width: 595px;margin-left:0px;} #editRemark {-moz-box-sizing: border-box;background-color: #0E4B8E;color: white;display: none;font-weight: bold;padding: 4px;position: absolute;right: 0;} .editorBoldButton, .editorButton {border: 1px solid #CCCCCC;cursor: pointer;float: left;font-weight: bold;height: 14px;margin-right: 3px;padding: 5px;text-align: center;width: 20px;} .texteditorWrap textarea { border: 2px solid #0E4B8E;height: 175px;margin-top: -1px;width: 591px; width:590px; } .languageSelector.active { background-color: #0E4B8E;color: white;} .languageSelector {cursor: pointer;float: left;font-weight: bold;padding: 8px; } .outputText {margin-top: 15px;padding-left: 20px;padding-right: 20px;width: auto;} input.deleteBtn { background: none repeat scroll 0 0 #F20000;border: 1px solid #0C4789;box-shadow: 1px 1px 5px #CCCCCC, 0 0 10px 5px #FF5956 inset;color: #FFFFFF;cursor: pointer;transition: box-shadow 0.4s ease 0s;} .accessMapContentMenu { width: 285px; background-color:#E2EFF9; margin-right:20px;border:1px solid #A6C8E6;} .accessMapContentMenuInner { padding:10px; } div#selectLanguageForText label { display:inline !important; } #markerModeExplanation, #drawModeExplanation { position:absolute; top:-165px; font-size:11px; width:205px; right:265px; background-color:#C0E0CD;padding:10px; box-shadow: 0 4px 15px 0 #666;} #markerModeExplanation { right: 105px; top: -80px; } .markerEntryLeft { float:left;background-repeat:no-repeat; padding-left:40px; line-height:38px;} .accessLocationEntry { position:relative; } .accessLocationEntry a { cursor:pointer;cursor:hand;} .accessLocationDelete { line-height:48px; right:0px; position:absolute; } .polylineDescription { margin-top:3px; margin-bottom:3px; } .accessMapContentHeadline { font-weight:bold;} .accessPolylinePickerWrap { float:left;padding:14px;padding-top:0px;padding-left:0px;height:70px;-moz-box-sizing:border-box;width:110px;border-right: 1px solid #F2F2F2;margin-right:25px; } .drawModeLineConnection { background-color: #C0E0CD; height:2px; width:250px; top:-5px; position:absolute; right:210px;} .drawModeLineConnection2 { background-color: #C0E0CD; height:115px; width:2px; top:-5px; position:absolute; right:458px;} .drawModeLineConnection3 { background-color: #C0E0CD; height:2px; width:8px; top:110px; position:absolute; right:437px;} .accessDialog {background-color: #fff; position:absolute; width:300px; top: 255px; left: 50%;margin-left:-150px;margin-top:-100px; padding: 10px;box-shadow:0 4px 15px 0;z-index:2000;} #hiddenImageField { margin-left:20px;margin-top:15px; } .accessError { margin-top:15px; font-weight:bold;} #userinformation .inputError { border:1px solid #FF0000;} .polylineMenuEntry { position:relative;} .errorOccured { margin-top:15px; border:1px solid #D63301; color: #D63301; background-color: #FFCCBA;padding:10px;} #polylinePencil { cursor:pointer;cursor:hand; border:2px solid #f2f2f2; height:20px;width:20px;margin-right:5px;} #polylinePencil:hover { background-color:#f2f2f2; } img.hintAccessIcon, .draggableicon { cursor:pointer;cursor:hand;} div#colorPalette div { float:left;margin-left:2px; margin-right:2px;} input.editorImageInput { width:375px; } div.accessCustomerPageSettings {position:absolute;right:10px;bottom:5px;width:24px;height:23px;cursor:pointer;cursor:hand;}