* {box-sizing: border-box;} *::before, *::after {box-sizing: border-box;} .input-wrapper {background: #fff none repeat scroll 0 0; border: 1px solid #878c96; height: 32px; margin: 10px; position: relative; width: 240px;} .viaLocationHolderInner .input-wrapper{margin:0; margin-left:10px;} .icon-menu-wrapper {position: relative;} #suggestion {position: absolute; background-color: #fff; box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.4); font-family: DBSansRegular; left: -1px; margin-top: 11px; padding: 10px 0; border:none !important;} #suggestion::before {background: #fff none repeat scroll 0 0; box-shadow: -3px 3px 3px 0 rgba(0, 0, 0, 0.12); content: ""; display: block; height: 10px; width:10px; left: 10px; position: absolute; top: -4px; transform: skew(0deg) rotate(135deg); -ms-transform: skew(0deg) rotate(135deg); -webkit-transform:skew(0deg) rotate(135deg);} #suggestion #suggestionCon {overflow: auto; overflow-x: hidden; overflow-y: auto; margin:0; padding:0;} #suggestion #suggestionCon div {cursor: pointer; height: 32px; line-height: 32px; padding: 0 7px; margin:0; font-size:0.875em; white-space: nowrap;} #suggestion .selected, #suggestion .selected span, #suggestion #suggestionCon div:hover {background-color: #e7e7e7 !important;} #suggestion hr {background-color: #000; margin:0;} /* icons */ span.ico {display: block; position: absolute;} span.ico.iconBorder {border:1px solid #f5f5f5} span.icon-inline {display:inline-block;} .icon-wrapper {background-repeat:no-repeat;border:1px solid #878c96; margin: 5px 0;} #iconProfile.icon-wrapper {margin:0 10px 0 0;} .icons-calendar-big {display:inline-block; background-position: 0 -407px; height: 32px; width: 32px;} .icons-calendar-active, .icons-calendar-big.active, .icons-calendar-big.active:hover {background-position:0 -347px;} .icons-calendar-big-dark, .icons-calendar-big:hover {background-position:-30px -377px;} .icons-calendar-big.activeIcon {background-position: 0 -347px; border: 1px solid #878c96;} .icons-arrow-left-btn {display:inline-block; height: 30px; width: 30px; background-position: -62px -407px; cursor: pointer;} .icons-arrow-left-btn-dark, .icons-arrow-left-btn:hover {background-position:0 -439px;} .icons-arrow-right-btn {display:inline-block; height: 30px; width: 30px; background-position:-26px -471px; cursor:pointer;} .icons-arrow-right-btn-dark, .icons-arrow-right-btn:hover {background-position:-64px -439px;} .icons-trash-dark {background-position: 0 -87px; height: 16px; width: 13px; opacity: 0.8; margin-left:5px; margin-top:10px;} .querybutton .icons-trash-dark {margin-top:0;} .icons-info-dark {background-position: 0 -257px; height: 26px; width: 26px; opacity: 0.8; cursor:pointer;} .icons-info-dark:hover {opacity: 1;} table.traveller .icons-info-dark, table#productsDetailed .icons-info-dark {top:4px;} .icons-bike {background-position: 0 -126px; height: 14px; width: 23px; margin-top: -3px;} span.bike {padding-left: 30px;} /* Streckenprofile */ .icons-star-big {display:inline-block; background-position: -60px -317px; height: 32px; width: 32px; margin-right:10px; border: 1px solid #b7bac0;} .icons-star-big:hover {background-position: -30px -317px;} .icons-star-yellow-big {display:inline-block; background-position: -90px -317px; height: 32px; width: 32px; margin-right:10px; border:1px solid #878c96;} .icons-star-yellow-big:hover {background-position: -90px -347px;} .icons-star-big.activeIcon, .icons-star-yellow-big.activeIcon {background-position: -56px -257px; border:1px solid #878c96;} /* Reisendenprofile */ .icons-person-grey-big {background-position:-30px -347px; width:32px; height:32px; border: 1px solid #b7bac0;} .icons-person-grey-big-dark, .icons-person-grey-big:hover {background-position:0px -377px;} .icons-person-darkgrey-big {background-position:0 -317px; width:32px; height:32px; border:1px solid #878c96;} .icons-person-darkgrey-big-dark, .icons-person-darkgrey-big:hover {background-position:-60px -347px;} .icons-person-grey-big.activeIcon, .icons-person-darkgrey-big.activeIcon {background-position:-26px -257px; border:1px solid #878c96;} .icons-close-x-grey {height:10px; width:10px; background-position:-11px -31px; display:block;} .icons-close-big {cursor: pointer; background-position: -52px 0; height: 13px; width: 13px;} .icons-calendar-grey {background-position: -59px -15px; height: 15px; width: 19px;} .icons-alarm {background-position: -60px -146px; height: 21px; width: 19px;} .icons-pin-grey {background-position: -18px -106px; height: 19px; width: 19px;} .icons-transfer {background-position: -21px -31px; height: 10px; width: 22px; margin: 0 10px 0 5px; display:inline-block !important; position:relative !important;} .icons-magnifier-minus {background-position: -37px -47px; height: 17px; width: 17px;} .icons-magnifier-plus {background-position: -13px -69px; height: 17px; width: 17px;} .icons-environment-check {left: 0; top: -3px; background-position: -81px -170px; height: 27px; width: 19px;} .icons-arrow-station {background-position: -34px 0; height: 12px; width: 18px; margin: 0 4px; position: relative; top: 1px;} /* Produkte */ .icons-transport-0 {background-position:-50px -87px; height:20px; width:20px; background-repeat:no-repeat; margin: 0 10px;} .icons-transport-1 {background-position:-32px -87px; height:20px; width:20px; background-repeat:no-repeat; margin: 0 10px;} .icons-transport-2 {background-position:-48px -69px; height:20px; width:20px; background-repeat:no-repeat; margin: 0 10px;} .icons-transport-3 {background-position:-41px -126px; height:20px; width:20px; background-repeat:no-repeat; margin: 0 10px;} .icons-transport-4 {background-position:-30px -69px; height:20px; width:20px; background-repeat:no-repeat; margin: 0 10px;} .icons-transport-5 {background-position:-23px -126px; height:20px; width:20px; background-repeat:no-repeat; margin: 0 10px;} .icons-transport-6 {background-position:-66px -69px; height:20px; width:20px; background-repeat:no-repeat; margin: 0 10px;} .icons-transport-7 {background-position:-85px -87px; height:20px; width:20px; background-repeat:no-repeat; margin: 0 10px;} .icons-transport-8 {background-position:0 -106px; height:20px; width:20px; background-repeat:no-repeat; margin: 0 10px;} .icons-transport-9 {background-position:-84px -69px; height:20px; width:20px; background-repeat:no-repeat; margin: 0 10px;} .icons-transport-text {display:inline-block; margin-left:35px;} #productsDetailedInfobox .icons-transport-0, #productsDetailedInfobox .icons-transport-1, #productsDetailedInfobox .icons-transport-2, #productsDetailedInfobox .icons-transport-3, #productsDetailedInfobox .icons-transport-4, #productsDetailedInfobox .icons-transport-5, #productsDetailedInfobox .icons-transport-6, #productsDetailedInfobox .icons-transport-7, #productsDetailedInfobox .icons-transport-8, #productsDetailedInfobox .icons-transport-9 {width:18px; height:18px;} /* Suggest */ .icon-autocomplete {display: block; float: left; height: 19px; margin: 6px 11px 0 3px; width: 20px;} .icons-autocomplete-station {background-position: 0 -146px; height: 19px; width: 20px;} .icons-autocomplete-address {background-position:-37px -106px; height:19px; width:20px;} .icons-autocomplete-poi {background-image:url("/v/1512/img/icon_poi.png"); background-repeat:no-repeat; background-position:0px 0px; height:19px; width:20px;} .icons-autocomplete-blank {background-image:none !important;} /* Links (mit Icon) */ a.form-link {font-family: DBSansRegular; margin-top: -2px; padding-left: 23px; position: relative; font-size: 0.875em !important;} a.form-link.reset {margin-right: 25px; padding-left: 5px; margin-top:6px;} a.form-link.reset span.ico-link-text {padding-left: 29px;} a.form-link.reset:hover .icons-trash-dark, .icons-trash-dark:hover {opacity:1;} /* Link zum Schließen in relativ positionierten Boxen */ a.closeIcon {position:absolute; top:10px; right:10px; outline:none; font-size:0.75em; z-index:10000;} a.closeIcon.moreSpace {right:20px;} #returnJourneyLayer a.closeIcon, #infoLayerReservation a.closeIcon {right:30px; top:20px;} #mafoLayer a.closeIcon {right:10px; top:0px;} #returnJourneyLayer #productsDetailed a.closeIcon {top:10px; right:10px;} /* Kalender, Datum, Uhrzeit */ .calendar-wrapper {margin:0; cursor:pointer;} .date-wrapper {margin:0; border: 1px solid #878c96; height: 32px; width: 181px; position: relative;} /*width for no-js, see hafas-dyn.css for js-width */ .date-wrapper input {border: medium none !important; height: 30px; line-height: 1.9; text-align: center; width: 179px;} .time-wrapper {margin:0; border: 1px solid #878c96; height: 32px; width: 81px; margin-right:18px;} /*width for no-js, see hafas-dyn.css for js-width */ #returnJourneyLayer .time-wrapper {width:190px; margin-right:16px;} .time-wrapper input {border: medium none !important; height: 30px; line-height: 1.9; text-align: center; width: 79px;} #returnJourneyLayer .time-wrapper input {width:128px;} #returnJourneyLayer .time-wrapper {width:186px;} #returnJourneyLayer .time-wrapper input {width:124px;} /* Toggle, z.B. ab/an */ .toggle-wrapper {margin:0; font-size: 1em;} .toggle-wrapper label, .toggle-wrapper-large label {margin:0px 8px 0px 0px; margin-bottom: 5px; background-color:#fff; border:1px solid #878c96; min-width:35px; height:32px; cursor:pointer; position:relative; font-family:DBSansRegular; display:block; padding:5px 0 !important; text-align:center;} .toggle-wrapper-large label {margin: 0 10px 0 0; width: 105px;} #returnJourneyLayer .toggle-wrapper label {margin:0px 0px 0px 3px !important;} .toggle-wrapper input[type="radio"] {display:none;} .toggle-wrapper input[type="radio"]:checked + label {border:1px solid #707580 !important; color:#f7f7f7 !important; background-position:-26px -197px; font-family:DBSansBold;} .toggle-wrapper-large input[type="radio"] {display:none;} .toggle-wrapper-large input[type="radio"]:checked + label {border:1px solid #707580 !important; color:#f7f7f7 !important; background-position: 0 -227px; font-family:DBSansBold;} /* Selectlisten */ div.custom-select {background: #fff none repeat scroll 0 0; border: 1px solid #878c96; height: 32px; margin: 0 10px; overflow: hidden; position: relative; font-size:1em;} div.custom-select.nachtzug, div.nachtzug div.custom-select {margin:0 20px 5px 0;} div#jsTravellerA.custom-select {margin:0 20px 0 0;} div.custom-select.partSearch {margin-left:0; margin-top:5px;} td.travellerTypeDiv div.custom-select {margin-left:0;} #productsDetailed div.custom-select {margin:0;} div.custom-select.intermodal {margin-bottom: 20px;} div.custom-select.xtralarge {background-position: 258px -188px; width: 300px;} div.custom-select.xtralarge select.dropdown {width:300px;} div.custom-select.xtralarge285 {background-position: 258px -188px; width: 285px;} div.custom-select.xtralarge285 select.dropdown {width:285px;} div.custom-select.large {background-position: 258px -188px; width: 220px;} div.custom-select.large select.dropdown {width: 220px;} div.custom-select.large206 {background-position: 258px -188px; width: 206px;} div.custom-select.large206 select.dropdown {width: 206px;} div.custom-select.medium {background-position: 258px -188px; width: 178px;} div.custom-select.medium select.dropdown {width: 178px;} div.custom-select.medium140 {background-position: 258px -188px; width: 140px;} div.custom-select.medium140 select.dropdown {width: 140px;} .dropup, .dropdown {position: relative;} div.custom-select select.dropdown {background: transparent none repeat scroll 0 0; border: 0 none !important; border-radius: 0; display: inline; font-family: DBSansBold; height: 30px; line-height: 30px; outline: medium none; overflow: hidden; padding: 0 30px 0 10px; position: absolute; text-indent: 0.01px; text-overflow: ""; -webkit-appearance:none; -moz-appearance:none; -ms-appearance:none; -o-appearance:none; appearance:none; outline: none;} div.custom-select select.dropdown::-ms-expand {display:none;} div.custom-select select.dropdown:-moz-focusring {color:transparent; text-shadow:0 0 0 #000;} div.custom-select select.dropdown:focus::-ms-value {background:transparent; color:#000;} .icons-arrow-down-select {background-position: 0 -287px; height: 30px; width: 31px;} div.custom-select .ico {position: absolute; right: 0;} /* special container for location, date, time */ .locationContainer {width:240px; margin:5px 20px 5px 0;} .locationContainer div {margin:0 0 5px; padding:0 !important;} .dateContainer {margin-right:16px; width:181px;} .timeContainer {width:250px;} #returnJourneyLayer .timeContainer {width:283px;} .dateContainer div.errormsg, .timeContainer div.errormsg {margin:5px 0 0; padding:0 !important;} .viaContainer {width:240px; margin:0px;} #returnJourneyLayer div.viaContainer {margin-left:0;} .viaContainer div {margin:0 !important; padding:0 !important;} .stopoverContainer {width:335px; margin:0;} .stopoverContainer div.errormsg {padding: 0 0.6em;} /* Checkboxen */ .checkbox-wrapper input[type="checkbox"] { margin: 5px 0 0 5px; opacity: 0;} .checkbox-wrapper input[type="checkbox"] + label {background-repeat: no-repeat; background-position: 0 -40px; cursor: pointer; display: inline-block; font-family: "DBSansRegular"; font-size: 1em; line-height: 0.9; margin: 0; padding: 5px 0 5px 27px !important; position: relative;} .checkbox-wrapper input[type="checkbox"]:checked + label {background-position: 0 0; font-family: "DBSansBold";} .checkbox-wrapper.products input[type="checkbox"] + label {height: 20px; padding-left:20px !important;} .checkbox-wrapper .next-boxes {margin-left: 20px;} /* Radiobuttons */ .radio-wrapper input[type="radio"] { margin: 5px 0 0 5px; opacity: 0;} .radio-wrapper input[type="radio"] + label {background-repeat: no-repeat; background-position: 0 0; cursor: pointer; display: inline-block; font-size: 1em; line-height: 0.9; margin: 0; padding: 5px 0 5px 27px !important; position: relative;} .radio-wrapper.bcradio input[type="radio"] + label {background-position: 0 5px; margin-bottom:0 !important;} .radio-wrapper.bcradio input[type="radio"] + label h2 {padding:5px !important; font-size: 1.45em !important;} /* Trennlinie */ hr.divider {margin:35px 0 25px; border-top: 1px solid #f5f5f5;} hr.divider.smallSpace {margin:10px 0 15px;} hr.divider.dark {border-top: 1px solid #e7e7e7;} #mafoLayer hr.divider {margin:15px 0;} tr.dateDivider td {background-color:transparent !important;} tr.dateDivider td hr.divider {margin: 10px 0 20px; border-top:1px solid #c8c8cd;} tr.dateDivider td span.dateDividerText {position:absolute; display:block; background-color:#f5f5f5; padding:0 5px; top:0; left:5px; font-family:DBSansBold;} #infoLayerJourney tr.dateDivider td span.dateDividerText {top:7px;} #content div.detailContainer table.result tr.dateDivider td {background-color:#F5F5F5 !important; font-size:0.9em;} #infoLayerJourney table.result tr.dateDivider td hr.divider {margin:15px 0 10px !important;} #content div.detailContainer table.result tr.dateDivider td hr.divider {margin-bottom:10px !important;} #infoLayerJourney table.result tr.dateDivider.noBackground td, #content div.detailContainer table.result tr.dateDivider.noBackground td {background-color:transparent !important;} #infoLayerJourney table.result tr.dateDivider.noBackground td span.dateDividerText, #content div.detailContainer table.result tr.dateDivider.noBackground td span.dateDividerText {background-color:#FFFFFF;} .boldText {font-family:DBSansBold !important;} .regularText {font-family:DBSansRegular !important;} /**********************************************************************************************/ /* due to firefox */ #quickfinderDiv {position:absolute;} /*div#doc {box-shadow:0 1px 8px 0 rgba(0, 0, 0, 0.4); background-image:none !important; padding: 0 !important; background-color:#FFFFFF !important;}*/ div#doc {box-shadow:0 1px 8px 0 rgba(0, 0, 0, 0.4); background-image:none !important; padding: 0 !important; background-color:#FFFFFF !important;} #returnJourneyLayer div#doc {box-shadow:none; background-color:transparent !important;} #returnJourneyLayer div#doc div#content {padding:0; margin:0 !important; background-color:transparent !important;} #returnJourneyLayer div#doc table.popupContent td {background-color:#f5f5f5; padding:8px;} contentDivOpen #doc div.headerZPlus {height: 52px;} #doc #header.headerZPlus div#logo {top: 11px} #header div.customerLogo {text-align: right; margin-top: 12px !important;} #header div.partnerLogo {position: absolute; left: 174px; height: 100%; line-height: 61px;} #header div.partnerLogo img {vertical-align: middle;} #header div#logo {font-size:1em;left:16px;line-height:100%;margin-bottom:0;position:absolute;top:16px;width:126px;} #main-nav ul.headerVirtual {width: auto !important;} #main-nav ul.headerVirtualRight a {font-size:1.2em !important;} #hafasContainer {position: relative; top: -12px; left: 1px; z-index: 100; padding-top:8px; width:972px;} #hafasLegend {position: relative; padding-top:12px; background-color:#FFFFFF;} #hafasContentEnd, #hafasLegend .end {height: 17px; font-size: 1px; line-height: 1px;} div.hafasContent, #hafasLegend .content {background-color: #fff; padding-left: 15px; padding-right: 13px;} .hafasContainerNoShadow {background: transparent !important;} .hafasContainerNoShadow .hafasContent, .hafasContainerNoShadow .content {background: #fff !important; border: 1px solid #ccc; margin: 13px 4px 7px 6px;} .hafasContainerNoShadow #hafasContentEnd, .hafasContainerNoShadow .end {background: none !important; height: 0; margin: 0;} #content h1, #content h2, #content div.queryBox, /*#returnJourneyLayer div.queryBox,*/ #returnJourneyLayer h3 {padding:0 20px;} #content div.resultContentHolder h1, #content div.resultContentHolder h2 {padding:0px;} #content h1 {margin:20px 0; font-size:1.25em; font-family: DBSansRegular;} #content h1.pagetitle {margin-bottom:0px; padding-top:0.35em; padding-left:0.45em;} #content div.hafasContent.sq_results h1.pagetitle a, #content div.hafasContent.sq_results_composePDF h1.pagetitle a {font-size:0.55em; line-height:1.4em; float:right;} #content h2 {font-size: 1em; margin-bottom: 13px; font-family:DBSansRegular;} #content .resultContentHolder h2, #content .crossSellingContent h2 {font-size:1.25em;} #content .crossSellingContent h2 {padding-left:10px;} #content .queryBox h2 {font-size: 1.125em; margin-bottom: 17px; margin-top: 9px; font-family:DBSansRegular; padding-left:0;} #content h2.betweenH {font-size: 1.625em;} #content div.betweenSpanContent {font-size:1.125em;} #content #tbQuery h3 {padding-left:0px;} #content .langLabel {position: absolute; left: -9999em;} #hafasLegend .content {padding: 12px 13px 0px 13px;} #hafasLegend img {margin-bottom:0; vertical-align: bottom;} #content .loginStatus {background-color: #F2F2F2; font-size: 0.7em; margin-bottom: 10px; text-align: right; padding: 2px 4px;} #content ul.progress li {float:left; color: #333; font-weight: bold; font-size: 1.0em; line-height: 20px; padding: 0 4px 0 24px;margin-left:8px; margin-top:12px;} #content ul.progress li.progress_past {} #content ul.progress li.progress_active {} #content ul.progress li.progress_future {} #content legend {display: none;} #content label, #returnJourneyLayer label {color: #333333; display: inline; padding: 0.2em 0.6em 0.3em; text-align: center; vertical-align: baseline; white-space: nowrap; display: inline-block; margin-bottom: 5px; max-width: 100%;} #content div.labellike {margin-bottom:15px;} #content div.labellike.spaceToTop {margin-top:10px;} #returnJourneyLayer .partSearchTable .radio-wrapper label {white-space:normal; text-align:left; line-height:1.25em;} #returnJourneyLayer .partSearchTable .radio-wrapper input[type="radio"] + label {padding-top:0 !important;} #productsDetailed label {margin-bottom:0;} #returnJourneyLayer h2, #infoLayerReservation h2, #mafoLayer h2, #returnJourneyLayer h3, #infoLayerReservation h3 {font-family:DBSansRegular; font-size:1.25em; margin-bottom:13px; font-weight:normal; margin-top: -3px;} #mafoLayer h2 {color:#646973;} #infoLayerReservation h2 {margin-top:5px;} #returnJourneyLayer h3 {font-size:1em;} #returnJourneyLayer p, #mafoLayer p, #infoLayerReservation p {font-size:0.8em; margin:0 0 10px;} #returnJourneyLayer p.querybutton {margin-bottom:0; padding-bottom:0;} #mafoLayer p {font-size:0.875em;} #content input[type="text"], #returnJourneyLayer input[type="text"], #content input.text, #returnJourneyLayer input.text {color: #333; font-family: DBSansBold; font-size:1em; padding: 0;} input[placeholder] {font-family:DBSansRegular; color:#646973; opacity: 1 !important; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} #content input::-webkit-input-placeholder {font-family:DBSansRegular; color:#646973; opacity: 1 !important; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} #content input::-moz-placeholder {font-family:DBSansRegular; color:#646973; opacity: 1 !important; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} #content input:-ms-input-placeholder {font-family:DBSansRegular; color:#646973; opacity: 1 !important; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} #content input:-moz-placeholder {font-family:DBSansRegular; color:#646973; opacity: 1 !important; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} #content select, #content input[type=text] {text-overflow: ellipsis; overflow:hidden; white-space: nowrap;} #content .input-wrapper input, #returnJourneyLayer .input-wrapper input {border: medium none; padding: 0 5px 0 9px; width: 289px;} #content .input-wrapper.readonly {background-color:#FFFFFF; border: 1px solid #f5f5f5;} #content .input-wrapper.readonly.specialFixed {border:none;} #content .input-wrapper.readonly input {background-color:transparent; color: #646973;} #content .input-wrapper.readonly.specialFixed input {background-color:transparent; color: #333333;} #content .input-wrapper.readonly.specialFixed label {padding-left:0;} #returnJourneyLayer .input-wrapper.readonly {background-color:#FFFFFF; border: 1px solid #f5f5f5; width:284px; margin:10px 16px 10px 0;} #returnJourneyLayer .input-wrapper.readonly input {color: #646973; font-size:1em; background-color:transparent; width:298px;} #content .input-wrapper input.viaStation, #returnJourneyLayer .input-wrapper input.viaStation {width: 238px;} #content .input-wrapper .label-inside, #returnJourneyLayer .input-wrapper .label-inside {background: transparent; height: 30px; padding: 5px 0 5px 10px;} #content .input-wrapper label {color: #646973; font-family: DBSansRegular; font-size: 1em; font-weight: normal; padding-left: 10px; padding-right: 9px; position:absolute; top: 4px;} #returnJourneyLayer .input-wrapper label {color: #646973; font-family: DBSansRegular; font-size: 1em; font-weight: normal; padding-left: 10px; padding-right: 9px; position:absolute; top: 3px;} #content .input-wrapper input.from, #returnJourneyLayer .input-wrapper input.from {width:238px; padding: 0 5px 0 41px;} #returnJourneyLayer .input-wrapper input.from {width:282px;} #content .input-wrapper input.to, #returnJourneyLayer .input-wrapper input.to {width:238px; padding:0 5px 0 49px;} #returnJourneyLayer .input-wrapper input.to {width:282px;} #content .smallMargin, #content .smallMargin2 {margin-right: 8px; margin-bottom: 4px;} #content .block {display: block;} #returnJourneyLayer .errormsg, #content .errormsg {color: #f00;} #content .error {color: #333333; font-weight: normal;} #content .jsShow, #content .jsShowInline {display: none;} #returnJourneyLayer .nopadding, #infoLayerJourney .nopadding, #content .nopadding, .popupContent .nopadding {padding: 0px !important;} .nopaddingtop {padding-top: 0px !important;} .nopaddingbottom {padding-bottom: 0px !important;} .nopaddingright {padding-right: 0px !important;} .nopaddingleft {padding-left: 0px !important;} #content .paddingright {padding-right: 8px !important;} #content .padding {padding: 8px 20px !important;} #content .errorMessage p {font-size:0.8em;} #content .noBackground {background-color:transparent !important;} #returnJourneyLayer, #infoLayerTicket, #infoLayerJourney, div.boxShadow {box-shadow:0 1px 8px 0 rgba(0, 0, 0, 0.4);} #content .hide {display: none;} #content .floatLeft, .hafasPopup .floatLeft, #hafasLegend .floatLeft, .HafasInfoLayer .floatLeft, #returnJourneyLayer .floatLeft {float:left;} #content .floatRight, .hafasPopup .floatRight, #mafoLayer .floatRight, #hafasLegend .floatRight, .HafasInfoLayer .floatRight, #returnJourneyLayer .floatRight {float:right;} #content .floatNone {float:none !important;} #infoLayerJourney .relative, #returnJourneyLayer .relative, #content .relative {position: relative;} #content .posTop {top:0;} #content .noMargin, #returnJourneyLayer .noMargin {margin: 0px !important;} #content .noMarginTop {margin-top: 0px !important;} #content .nowrap, .popupContent .nowrap {white-space: nowrap;} #content .wrap {white-space: normal !important;} #content .noHeight {line-height: 0px;} #content .height0 {height: 0px;} #content .noTextDecoration {text-decoration:none;} #content .center, #returnJourneyLayer .center {text-align: center;} #content .right {text-align: right;} #content .left {text-align: left;} #content .bottom {vertical-align: bottom;} #content .top, .hafasPopup .top {vertical-align: top;} #content .capitalize {text-transform:capitalize;} #content .pointer {cursor: pointer;} #content .displayInline {display: inline !important;} #content .fontNormal, .HafasInfoLayer .fontNormal, #returnJourneyLayer .fontNormal{font-size: 0.7em;} #content .resultBCText, #mafoLayer .fontNormal {font-size:0.875em;} #content .queryBox .resultBCText, #content .fontNormal * {font-size: 1em;} #content .fontWeightNormal {font-weight: normal !important;} #content .paddingBottom20 {padding-bottom:20px;} #content .ontime {font-size:1em; color:#448D46;} #content .delay {font-size:1em; color:#CC0000;} #content .slim {width: 728px;} #content .queryBox.slim {width: 660px;} .HFSSlim {width: 728px !important;} #content .noButton {font-weight: bold; font-size: 1.0em;} #content .imgMiddle img {vertical-align: middle;} #content img.middle {vertical-align: middle;} #content div.calendar, #returnJourneyLayer div.calendar {height: 17px;} #content .sotHeaderSlim {width: 728px; overflow: hidden;} #content .pushCalcTime {float: right; font-size: 0.55em; font-weight: bold; margin-top: 10px;} #content tr.hideRow, .layerQueryBox, #returnJourneyLayer .queryBox, #content .queryBox {padding:0px; font-size: 0.875em; float: none;} #content tr.hideRow, #returnJourneyLayer tr.hideRow {display: none;} .layerQueryBox {padding: 4px;} #content .queryBox table {font-size: 1em;} #content .queryBox th {width: 156px;} #content .queryBox td {padding: 2px 4px;} #content #extIntermodal {margin-top: 20px;} #content #extIntermodal td {padding:10px 0;} #content .queryBox table.traveller td {padding: 0 0 20px;} #content .queryBox table.traveller td.travellerTypeDiv, #content .queryBox table.traveller td.travellerReductionDiv {width:230px;} #content .queryBox table.traveller td.travellerReductionDiv.resultPageWidth {width:206px;} #content .queryBox table.traveller td.travellerAgeDiv input {width:48px; height:32px; margin-right:10px; padding:0 5px; font-size:1em;} #content #querySummaryForm .queryBox table.traveller td.travellerAgeDiv input {font-size:1.125em;} #content .queryBox div#groupRedirectBox {background-color:#f5f5f5; font-family:Arial; margin-left: 235px; padding: 18px 80px 16px 12px; width: 460px; font-size:0.875em;} #content .queryBox div#groupRedirectBox input {font-family:Arial !important;} #content .queryBox table.traveller td div.travellerInfoBox {width:460px; margin:0 10px; background-color:#f5f5f5; font-family:Arial; padding: 18px 80px 16px 12px; position: relative; font-size: 0.875em;} #content .queryBox table.traveller td div.travellerInfoBox div.travellerInfoBoxInner {margin-bottom:20px;} #content .queryBox table.traveller td div.travellerInfoBox div.travellerInfoBoxInner:last-child {margin-bottom:0px !important;} #returnJourneyLayer .queryBox table#productsDetailed #productsDetailedInfobox, #content .queryBox table#productsDetailed td.infoboxPadding {padding:10px 12px;} #returnJourneyLayer .queryBox table#productsDetailed #productsDetailedInfobox, #content .queryBox table#productsDetailed #productsDetailedInfobox {color: #58595b; background-color:#f5f5f5; font-size: 0.875em; font-family:Arial; line-height: 1.4; padding: 18px 20px 16px 18px; width: 421px; position:relative; margin:0px;} #content .informationBox {background-color:#f5f5f5; font-size: 0.75em; font-family:Arial; line-height: 1.4; padding: 18px 80px 16px 12px; width: 620px; position:relative; margin:13px 20px 8px;} #content .informationBox a {font-family: Arial !important;} #content .queryBox table.traveller td div.travellerInfoBox a {font-family:Arial !important;} #content .queryBox .locInput {width: 310px;} #content .queryBox .locInputSmall {width: 260px;} #content .queryBox .tpErrorClass {padding-left: 10px;} #content .queryBox .travellerError {padding: 10px 0 0;} #content .summary .dateError {width: 172px; margin-right: 8px;} #content .queryBox .stopover, #content .summary .stopover {margin-left: 16px; margin-right: 8px; width: 42px;} #content .summary .stopover {margin-left: 0px;} #content .summary .changeDirection {padding: 0; padding-bottom: 8px; width: 20px; vertical-align: middle;} #content .summary .changeDirection img {margin-left: -4px;} #content .summary .changeDirection input {margin: 0 ;margin-left: -4px; border: none; padding:0;} #content .queryBox .stopoverdur {margin-bottom: 2px;} #content .queryBox .noIcon {padding-left: 32px; width: 156px;} #content .queryBox .noIconGR {padding-left: 32px; width: 190px;} #content .queryBox .clearLeft {clear:left;} #content .queryBox .icon {padding-left: 8px; width: 180px; height: 14px;} #content .queryBox .iconResult {padding-left: 8px; width: 108px; height: 14px;} #content .queryBox .icon img, #content .queryBox .iconResult img {padding-right: 8px; vertical-align: middle;} #content .queryBox .imgIcon {vertical-align: middle;} #content .queryBox .radioCaption {width: 140px;} #content .queryBox .intermodalCaption {width: 160px; padding-top: 2px;} #content div.queryBox div.clear {clear: both; float: none; height:0; padding:0; margin:0;} #content .queryBox div.reset input {height:auto;} #content .queryBox input.traveller {width: 20px;} #content .queryBox input.amount {padding:0 5px; width:100px;} #content .queryBox input.fullAmount {padding:0 5px; width:180px;} #content .queryBox .journeyfolder {padding-left: 8px; padding-right: 8px;} #content .queryBoxMarginBottom {margin-bottom: 24px;} #content .queryBox .label-dropdown, #returnJourneyLayer .queryBox .label-dropdown {/*line-height: 2.95em;*/ width: 230px;} #content .label-dropdown, #returnJourneyLayer .label-dropdown {font-family: DBSansRegular; font-size: 1em; line-height: 1.4em; margin-top: 6px; width: 221px;} #content #calendarlinkicon {margin-right: 0;} #content div.last {clear: both;} #content input, #returnJourneyLayer input, #content select {border:1px solid #878c96; height:30px; min-height:14px; vertical-align:middle;} #content .changeStart input {height:25px;} #content textarea {border:1px solid #878c96; font-family: DBSansBold; font-size: 1em; padding:5px;} #content input[type="text"]:focus, #returnJourneyLayer input[type="text"]:focus {outline:0; -webkit-box-shadow:inset 0 0 4px rgba(0,0,0,0.5); box-shadow:inset 0 0 4px rgba(0,0,0,0.5); background:none;} #content input {padding:0px 5px;} #content input.checkbox, #content input.radio {border:none;margin-right:2px;min-height:0;padding:0;vertical-align:middle} #content input.checkbox {background:transparent;} #content input.submit-btn, #content input.submit-btn.disabled, #returnJourneyLayer input.submit-btn, #returnJourneyLayer input.submit-btn.disabled {background-color: #FF0000; border: 0 none; box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.5); color: #FFFFFF; display: inline-block; font-family: "DBSansBold"; font-size: 1em; height: 32px; margin: 10px; text-decoration: none; cursor:pointer; margin-right: 160px; padding:0px 30px;} #returnJourneyLayer .mainFormSubmit input.submit-btn, #content .mainFormSubmit input.submit-btn {margin-top:-5px; padding:0 50px;} #returnJourneyLayer input.submit-btn, #returnJourneyLayer input.submit-btn.disabled {font-size: 1em;} #returnJourneyLayer input.submit-btn, #returnJourneyLayer input.submit-btn.disabled {margin:0;} #content input.submit-btn:hover, #returnJourneyLayer input.submit-btn:hover {background-color: #CC0000;} #content input.submit-btn.disabled, #returnJourneyLayer input.submit-btn.disabled, #content label.disabled, #returnJourneyLayer label.disabled, #content input.arrowlink.disabled {opacity:0.5; cursor:default;} #content input.arrowlink.disabled:hover {text-decoration:none !important; color:#333; cursor:default !important;} #content input.submit-btn.disabled:hover, #returnJourneyLayer input.submit-btn.disabled:hover {background-color: #FF0000;} #content div.queryBox input.radio {margin-right: 6px;} #content label.checkbox {margin-top:-0.1em} #content .querybutton {margin: 6px 6px 0px 7px;} #content .clearfix:after, #hafasLegend .clearfix:after {clear:both;content:".";display:block;height:0;visibility:hidden} #hafasLegend .clearfix:after {position: absolute;} #hafasLegend .clearfix, #returnJourneyLayer .clearfix {padding-bottom: 8px;} #content table .clearfix {padding-bottom: 0px;} #content .spacer {height:50px;} #content .tariffTooltip {position: absolute; white-space: normal; border: 1px solid #000; background-color: #fff; width: 300px; bottom: 0px; left: 0px; z-index: 99999; padding: 2px;} #content .tariffTooltipHide {display: none; left: -999px;} #content .smallicon {float:left; width:20px;} #returnJourneyLayer #productsDetailed {font-size:1em;} #returnJourneyLayer #productsDetailed th {font-family:DBsansRegular;} #returnJourneyLayer #productsDetailed th, #returnJourneyLayer #productsDetailed span.icons-info-dark {position:relative; margin-bottom:10px;} #content table.productsDetailed th {width: auto !important;} #content table.productsDetailed th.fadeout, #content table.productsDetailed td.fadeout {background-color: #9e9e9e;} #content table.productsDetailed th.fadeout *, #content table.productsDetailed td.fadeout * {opacity: 0.5;} #content table#productsDetailed {margin-top:20px; width:100%; font-weight:DBSansRegular; font-weight:normal !important;} #content table#productsDetailed td {padding:10px !important; font-family:DBSansRegular;} #content table#productsDetailed th {font-family:DBSansRegular; width:228px;} #content table#productsDetailed th.boldText {font-family:DBSansBold; font-weight:normal;} a.underline {text-decoration: underline;} #content .bigFont {font-size: 1.4em;} /* ngr: layout contentbox */ #hafasHelpBox {background-color:#F5F5F5; position: absolute; left: 640px; top:40px; margin:20px; overflow: hidden; padding: 15px 20px; width: 300px; z-index: 9;} #hafasHelpBox.helpBoxTopSpace {top:70px;} #content div.rightColumnContentBox {background-color:#F5F5F5; width:210px; padding:15px 20px; overflow: hidden; margin-top: 10px;} .bcPage #content div.rightColumnContentBox {width:230px; background-color:#FFFFFF; box-shadow:0 1px 8px 0 rgba(0, 0, 0, 0.4);} #hafasHelpBox h3, #content div.rightColumnContentBox h3 {font-size:1.25em; font-family:DBSansRegular; font-weight:normal;} #hafasHelpBox p, #content div.rightColumnContentBox p, #hafasHelpBox a, #content div.rightColumnContentBox a {font-size:0.875em; font-family:DBSansRegular; display:block; line-height:20px; margin-top: 9px;} #hafasHelpBox a, #content div.rightColumnContentBox a {background-position: left 6px;} #hafasHelpBox div.end, #content div.rightColumnContentBox div.end {height: 17px;} #hafasHelpBox div.content, #content div.rightColumnContentBox div.content {padding: 0;} #hafasLegend {font-size: 0.75em; padding: 20px 20px 8px; box-shadow: 0 -5px 5px -1px rgba(0, 0, 0, 0.15); line-height:1.42857;} #hafasLegend .icon {width: 48px;} #hafasLegend .icon * {margin-left: 16px;} #hafasLegend .woIcon {padding-left: 16px;} #hafasLegend .legendtext {margin-left: 60px;} #hafasLegend a {text-decoration: underline;} #hafasLegend h3 {font-size:1.5em; font-family:DBSansRegular; font-weight:normal; margin:-1px 0 17px;} #hafasLegend div.clearfix {margin-bottom:10px;} #hafasLegend div.liablility {width:35%; padding:0 20px 0;} #hafasLegend div.liablility.fullWidth {width:100%;} #hafasLegend div.symbols {width:65%; padding:0 0 0 20px;} #content #activeSavedJourney {position: absolute; width: 0px; height: 0; line-height: 0; padding:0; margin:0; border: 0; background-color: #F2F2F2;} #savedJourneys, #travellerProfileDiv {position: absolute; top: 52px; padding: 10px 0; font-size: 1em; font-family:Arial; line-height: 1.5em; background-color: #fff; width: 285px; z-index: 10000; box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.4);} #savedJourneys div, #travellerProfileDiv div {padding:7px 10px; font-family:DBSansRegular; font-size:1em; white-space:nowrap;} #savedJourneys div:hover, #travellerProfileDiv div:hover {background-color:#E7E7E7; cursor:pointer;} #savedJourneys p, #travellerProfileDiv p {margin:10px 20px 0; font-family:Arial; font-size:0.875em;} #savedJourneys a.arrowlink, #travellerProfileDiv a.arrowlink {font-size:0.875em; margin:7px 20px; display:inline-block; font-family:Arial;} #savedJourneys a.arrowlink.minorMargin, #travellerProfileDiv a.arrowlink.minorMargin {margin:7px 10px;} #savedJourneys::before, #travellerProfileDiv::before {background: #fff none repeat scroll 0 0; box-shadow: -3px 3px 3px 0 rgba(0, 0, 0, 0.12); content: ""; display: block; width: 10px; height: 10px; left: 10px; position: absolute; top: -4px; transform: skew(0deg) rotate(135deg); -ms-transform: skew(0deg) rotate(135deg); -webkit-transform:skew(0deg) rotate(135deg);} #hafasMaps .printview, #content .printview {padding: 2px 0px 2px 24px; line-height: 1.4em; font-size:0.875em;} #content .printviewMap {position: absolute; top: 8px; left: 8px; z-index: 9; height: 16px;} .displayNone {display: none !important;} .button-border {white-space: nowrap;} #content .buttonMargin {margin-top: 0px !important;} #content #breadcrumb {margin: 4px 8px 10px !important; height: 16px;} #content div.flaparrowlink, #content a.flaparrowlink, #content a.flaparrowlinknohover {position: relative; padding: 2px 0px 3px 24px; color:#000; cursor:pointer !important; text-decoration:none !important; border:0px !important; text-align:left !important;} #content div.flaparrowlinkclose, #content a.flaparrowlinkclose, #content a.flaparrowlinkclosenohover{position: relative; padding: 2px 0px 3px 24px; color:#000; cursor:pointer !important; text-decoration:none !important; border:0px !important; text-align:left !important;} /* Link (nicht unterstrichen) nach Rechts-Pfeil; Buttons, die wie Links aussehen mit vorangestelltem Pfeil */ a.arrowlink, a.arrowlink:link, a.arrowlink:visited, button.arrowlink {color:#333; padding-left:17px !important; padding-right:0px !important; cursor:pointer !important; text-decoration:none !important; border:0px !important; text-align:left !important; background-color:transparent; background-repeat:no-repeat !important; font-family:DBSansRegular;} a.arrowlink.inlineBlockLink {display:inline-block; margin:10px 0;} input.arrowlink {color:#333; padding-left:10px !important; padding-right:0px !important; cursor:pointer !important; text-decoration:none !important; border:0px !important; text-align:left !important; background-color:transparent; background-repeat:no-repeat !important; font-size: 1em; font-family:DBSansRegular; } input.arrowlink.noSpecificHeight {height:auto !important; margin-bottom:10px;} #hafasLegend a.arrowlink {font-family:Arial,sans-serif; margin:5px 0; display:inline-block;} input.arrowlink, button.arrowlink {display: block;} #viaBox a.arrowlink, #noViaBox a.arrowlink {display:inline-block; margin-top:2px;} a.arrowlink:active, a.arrowlink:focus, a.arrowlink:hover, input.arrowlink:hover, input.arrowlink:focus, button.arrowlink:hover, button.arrowlink:focus {color: #f00; text-decoration: underline !important; background-color:transparent !important;} a.arrowlink.linkToJP, input.arrowlink.reservation {float: left; margin-right:20px; font-size:0.875em;} input.arrowlink.reservation:focus, input.arrowlink.reservation:active {background-color:transparent;} a.arrowlink.linkToJP {margin-top:5px;} a#buttonDetailProducts, a#buttonGlobalProducts {padding-top:1px !important;} #content a.arrowlinknarrow {margin-left: -2px !important; padding-left: 9px !important;} #content a.buttonGreyBg {background-color: #878c96; box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.5); color: #FFFFFF; display: inline-block; font-family: "DBSansBold"; font-size: 0.75em; height: 24px; padding: 1px; text-decoration: none; position:relative; text-align:center; width:140px;} #content a.buttonGreyBg:hover {background-color: #646973;} #content a.buttonGreyBg span {left: 15px; top: 9px; display: block; position: absolute; height: 7px; width: 11px;} #content a.buttonGreyBg.sooner {margin: 9px 0px 12px; width:100%;} #content a.buttonGreyBg.sooner span {background-position: 0 -31px;} #content a.buttonGreyBg.later {margin:0px; width:100%;} #content a.buttonGreyBg.later span {background-position: -22px -15px;} #content a.buttonGreyBg.disabled, #content a.buttonGreyBg.disabled:hover {background-color: #878c96; opacity: 0.5;filter:Alpha(opacity=50); cursor:default;} #content .button-inside a.arrowlink {margin-left: 8px; line-height: 20px;} #content .button-inside a.arrowlink.assoc {margin-left: 0px !important; line-height: 15px;} #content td.return a.arrowlink {height: auto; line-height: 1.4em;} #content .button-inside.overviewButtons {font-size:0.875em; font-weight:normal; background:#e7e7e7 none repeat scroll 0 0; padding:14px 20px; margin:0; margin-top:10px;} #content a.arrowlinkblock_e {display: block; width: 90px; white-space: normal;} .red {color: #f00;} .green {color: #50aa50;} #content .focus {background-color: #FCDAB4;} /* webtrack */ div.webtrack {display: none;} div.webtrack a {display: none;} #content #hafasSystembar {padding: 4px 15px 3px; background-color: #fff; border: 1px solid #ccc; margin-top: 8px; margin-bottom: 30px; width: 626px; text-align: right; position: relative; left: 311px; z-index: 1;} #hafasSystembar ul {float: none !important;} #hafasSystembar li, #hafasSystembar div.clearfix {float: left;} /* sollte eigentlich zur bahn css gehören */ #main-nav li .noborder {border: none;} #search.autowidth {width: auto;} #search.nomarginleft {margin-left: 0;} #nav1 {font-size: 16px;} /* tp result */ #content #querySummaryInfo {padding: 20px; box-shadow: 0 5px 5px -1px rgba(0, 0, 0, 0.15); font-family: DBSansRegular; position: relative;} #content.hafasPopupContainer #querySummaryInfo {padding:0; box-shadow:none;} #content #querySummaryInfo .summaryInner {width: 620px;} #content #querySummaryInfo h4 {line-height: 1em; width: 80px; font-family: DBSansRegular; font-weight: normal; font-size:0.875em; margin-bottom:0;} #content #querySummaryInfo p {font-size:0.875em; margin-bottom:0.5em;} #content #querySummaryInfo a.arrowlink, #content #querySummaryForm a.arrowlink {font-size:0.875em;} #content #querySummaryForm {position:relative;} #content #querySummaryInfo .connection {font-family:DBSansBold; font-size:0.875em;} #content #querySummaryInfo .dateTime {font-size:0.875em;} #content #querySummaryInfo .dateTime, #content #querySummaryInfo .improvedLineHeight {line-height: 2.5em;} #content.hafasPopupContainer #querySummaryInfo .moreInformation {font-size:0.875em;} #content #querySummaryInfo hr.divider {margin:15px 0;} #content #querySummaryForm table {width:100%; font-size:0.875em;} #content #querySummaryForm table.tableGruppe{font-size:1em; width:auto;} #content table.tableGruppe td {padding:4px 0;} #content #querySummaryForm table th.headline {font-size:1.25em; padding-bottom:25px;} #content #querySummaryForm table td {vertical-align:top;} #content #querySummaryForm table td.leftside {width:319px;} #content #querySummaryForm table td.rightside {width:301px;} #content #querySummaryForm .input-wrapper label {top:3px;} #content #querySummaryForm .locationSwitch {display:block; margin: 0 18px 0 8px; height: 32px; padding: 6px; width: 32px; border: 1px solid #878c96; opacity: 1; padding: 5px; background-color:#FFFFFF;} #content #querySummaryForm .locationSwitch:hover {cursor:pointer; background-color:#ebebeb;} #content #querySummaryForm .locationSwitch .locationSwitchIcon {display:block; background-position: -68px -87px; height: 19px; width: 17px;} #content #querySummaryForm .locationContainer {margin:0 0 15px 0} #content #querySummaryForm .leftside .locationContainer, #content #querySummaryForm .leftside .input-wrapper {width:261px; margin-right:8px;} #content #querySummaryForm .leftside .input-wrapper input.from {width:259px;} #content #querySummaryForm .rightside .locationContainer, #content #querySummaryForm .rightside .input-wrapper {width:301px;} #content #querySummaryForm .rightside input.to {width:299px;} #content #querySummaryForm .leftside .dateContainer {width:319px; margin-right:0;} #content #querySummaryForm .leftside .date-wrapper {width:261px;} #content #querySummaryForm .leftside .date-wrapper input {width:199px;} #content #querySummaryForm .leftside div.calendar {margin-left:8px;} #content #querySummaryForm .queryBox {padding:0;} #content #querySummaryForm div.custom-select {margin-left:0; margin-right:20px} #content #querySummaryForm div.custom-select.large206 {margin-right:10px;} #content #querySummaryForm div.custom-select.medium, #content #querySummaryForm div.custom-select.medium select.dropdown {width:160px;} #content #querySummaryForm table.traveller select.dropdown {font-size:1.15em;} #content #querySummaryForm table.traveller td div.travellerInfoBox {width:376px; margin:0; font-size:1em;} #content #querySummaryForm table.traveller td.travellerTypeDiv {width:160px;} #content #querySummaryForm table.traveller td.travellerReductionDiv {width:auto;} #content #querySummaryForm .rightside .timeContainer {width:301px;} #content #querySummaryForm .rightside .time-wrapper {width:206px; margin-right:13px;} #content #querySummaryForm .rightside .time-wrapper input {width:144px;} #content #querySummaryTextual .summaryContent {width:540px;} #content #querySummaryTextual .button-normal a {font-size:0.75em;} #content div.resultContentHolder {padding: 20px 20px; background-color:#F5F5F5;} #content div.resultContentHolder div.info {font-size:1.125em; margin-bottom:20px;} #content table.result, .hafasPopupContainer table.result {width:940px; max-width:940px; empty-cells:show; font-size:0.75em;} #content table.result.collapse, #content table.result.fixCollapse {border-collapse:collapse;} .hafasPopupContainer table.result {font-size: 1.0em; width:100%;} #content.hafasPopupContainer table.result {width:100%; margin:20px 0;} #content table.result tbody.boxShadow, #content table.availability tbody.boxShadow {box-shadow:0 1px 8px 0 rgba(0, 0, 0, 0.4); border:1px solid #878c96;} #content table.result.partSearch tbody.boxShadow {border:2px solid #878c96 !important;} #content table.result div.boxShadowInset {min-height:30px; box-shadow: inset 0 5px 8px -5px rgba(0, 0, 0, 0.4); background-color:#e7e7e7; margin-left: -18px; margin-right: -18px;} #content table.result div.boxShadowInset p.importantInformation {color:#ff0000; font-weight:bold; background-color:#ffffff;padding:5px 20px; margin:0;} #content div.crossSellingContent {background-color:#F5F5F5; padding:10px;} #content table.result tbody.selected {border:2px solid #878c96;} #content div.tableHead, #content table.result th, #content table.availability th, .hafasPopupContainer table.result th {padding-left:8px; padding-right:8px; background: #e7e7e7 none repeat scroll 0 0; height: 22px; border-left: 1px solid #fff;} .hafasPopupContainer table.resultMVV th {border-bottom:none !important;} #content table.result th.first, #content table.result th:first-child, #content table.availability th:first-child {border-left:none;} #content table.result th.sort {padding-right:20px; position:relative;} .hafasPopupContainer table.result tr.tarifflevel th {border-top: 2px solid #fff;} #content table.result td, .hafasPopupContainer table.result td {background-color:#FFFFFF;} .hafasPopupContainer table.result td {padding:5px;} #content table.result tr.emptyCellRow td {height:11px; background-color:transparent;} #content table.result tr.links td {height:24px; background-color:transparent;} #content table.result tr.links td.farePep, #content table.result tr.links td.fareStd {font-weight: bold; background-color:#D5D5D5; padding-left: 8px;} .hafasPopupContainer table.result tr.firstrow td {padding-top:7px; font-size:1.125em;} .hafasPopupContainer table.resultMVV td {padding:4px 8px; background-color:#F5F5F5 !important;} .hafasPopupContainer table.resultMVV tr.firstrow td {padding-bottom:0 !important; border-bottom:none !important; border-top:5px solid #FFFFFF; font-family: DBSansBold !important; font-size:1em !important;} .hafasPopupContainer table.resultMVV tr.firstrow:first-child td {border-top:none !important;} #content .detailContainer table.result tr td a.iconLink, #content .detailContainer table.result tr td span.iconLink, #content .detailContainer div.journeyguide a.iconLink {display:block; padding-left: 28px;} #content .detailContainer table.result tr td a.partSearch, #content .detailContainer table.result tr td span.partSearch {display:block;} #content div.detailContainer table.result tr td {background-color:#F5F5F5;} #content div.detailContainer table.result tr td.station, #content div.detailContainer table.result tr td.intermediateStation {padding-left:22px;} #content div.detailContainer table.result tr.intermediate td {background-color:#FFFFFF;} /* padding-definitionen für die ergebnistabelle */ #content table.result tr th {position:relative;} #content table.result tr td, #content table.result tr th {padding: 0 8px;} #content table.result tr.firstrow td {padding-top: 13px;} #content table.resultMOT tr.firstrow td {padding-bottom: 13px;} #content table.result tr td.station {padding-left:18px;} #content table.result tr.buttonLine td:first-child {padding-top:13px; padding-left:18px;} #content table.result tr td.time, #content table.result tr td.timetx, #content table.result tr td.farePep, #content table.result tr td.fareStd, #content table.result tr td.MOT, #content table.result tr th.zofPrice, #content table.result tr td.zofPrice {background-color:#f5f5f5;} #content table.result tr td.time.dateChange {font-family:DBSansRegular; color:#878c96; font-size:1.2em;} #content table.result tr th.farePep, #content table.result tr th.fareStd, #content table.result tr td.date {white-space: nowrap;} #content table.result tr td.showDetails {padding-left: 8px !important; padding-top: 8px; vertical-align: top;} #content table.result tr td.showDetails img, #content table.result tr td.time img, #content table.result tr td.products img, #content table.result tr td.platform img, #content table.result tr td.fareStd img, #content table.result tr td.farePep img {vertical-align: middle;} #content table.result tr td.weighing a.weighingIcon {float:left; display:block;} #content table.result tr td.weighing span.weighingText {display:block; margin-left:30px;} #infoLayerJourney table.result tr td.time {width:120px;} #infoLayerJourney table.result tr td.products {width:180px;} #content.hafasPopupContainer table.result tr td, #content.hafasPopupContainer table.result tr th {padding:5px 8px;} #content.hafasPopupContainer table.result tr td {padding-left:13px;} #content.hafasPopupContainer table.result tr td:first-child {padding-left:8px;} #content.hafasPopupContainer table.result tr th {background-color:#e7e7e7; border-left:5px solid #FFFFFF; border-bottom:5px solid #FFFFFF;} #content.hafasPopupContainer table.result tr th:first-child {border-left:none;} #content.hafasPopupContainer table.result tr.firstrow td {background-color:#f5f5f5; border-bottom:5px solid #FFFFFF; font-family:DBSansRegular;} #content.hafasPopupContainer table.result tr.firstrow td.boldText {font-family:DBSansBold;} #content.hafasPopupContainer table.result tr td p {font-size:1em;} #content.hafasPopupContainer table.result tr td img {position:relative; top:5px;} #content table.result tr td.station {word-wrap: break-word;} .hafasPopupContainer div.iconCheck, #content div.iconCheck, #returnJourneyLayer div.iconCheck, #returnJourneyLayer div.iconCross {float: left; height: 16px; width: 16px; margin: 0 5px 0 0; background-position: 0 -4380px;} #content table.result tr th.map, #content table.result tr td.map {min-width:62px;} #content table.result tr td.map img {margin-bottom: 0px;} #content table.result tr th.time, #content table.result tr td.time, #content table.result tr td.timeButton {min-width:142px;} #content table.result tr td.time, #content table.result tr td.timeButton {white-space: nowrap; font-family: DBSansBold; font-size: 1.35em; line-height: 1.5em;} #content table.result tr td.time span {font-family:DBSansRegular; font-size:0.95em;} #content .detailContainer table.result tr td.time span {font-size:1em;} #content table.result tr td.time a {margin-left:5px;} #content table.result tr td.timeButton span {font-family:DBSansRegular; font-size:0.875em;} #content table.result tr td.sotContent {background-color:#FFFFFF !important;} /* aktuelle Alternativen: Layer "Sucheinschränkungen anpassen" */ #returnJourneyLayer .sotchange span.ico.iconBorder {position:relative; margin:0 5px;} #returnJourneyLayer .sotchange .custom-select {margin:5px;} #returnJourneyLayer .sotchange .button-inside {margin:20px 20px 0 10px;} #returnJourneyLayer .sotchange input.submit-btn {font-size:0.875em;} #returnJourneyLayer .sotchange .queryBox {padding: 0 20px;} #returnJourneyLayer .sotchange table#productsDetailed td {padding:5px !important;} #content table.result tr td div.resultDep {padding-left: 24px;} #content table.result td label {margin-right:5px;} #content table.result tr.selected td, #content table.result tr td.selected {background-color: #D6DFF2;} #content .tablebutton {margin:0px;} #content .tablebutton a {padding-right:2px;} #content .tablebutton .button-border a {padding:0px 5px 5px 8px;} #content table.result tr td.tablebutton .button-border {clear: both;} #content .tablebutton a span.fareOutput {padding-left: 0; background: none;} #content .tablebutton span.fareOutput {font-size: 1.35em; font-family:DBSansBold;} #content table.result tr td.confunction {padding-bottom: 16px; vertical-align: bottom;} #content table.result tr td.journeyguide, #content .detailContainer div.journeyguide {padding: 20px 0;} #content .detailContainer div.journeyguide span.ico {left: 1px; top: 2px;} #content .detailContainer div.journeyInformation {background: #f5f5f5 none repeat scroll 0 0; font-family: DBSansRegular; padding: 12px 20px; font-size:1.2em;} #content .detailContainer div.applicationSlider {margin:20px 0 -8px;} #content .detailContainer div.applicationSlider a.open, #content .detailContainer div.applicationSlider a.close, #content .detailContainer div.applicationSlider a.moreClose {font-size:1.125em; margin-bottom:20px;} #content div.tableHead {font-size: 0.7em; line-height: 2em; padding-left:0; padding-right: 0;} #content div.tableHead div {padding-left:8px; padding-right: 8px;} #content ul.confunction, #content .detailContainer div.journeyguide a.arrowlink {font-size: 1.2em; margin-bottom: 0px; font-family:DBSansRegular;} #content ul.confunction li {float: left; padding-left: 30px;} #content ul.confunction a {padding: 2px 0px 2px 20px; line-height: 1.4em;} .hafasPopupContainer table table, #content table table {font-size: 1.0em;} #content .detailContainer {padding: 0 10px 20px;} /* Verbindungsdetails */ #content .detailContainer table.result {width:100%; margin:-30px 0 0; font-size:1.125em;} #content .detailContainer table.result td.time {font-size:1em !important;} #content .detailContainer table.result th {height:40px; padding-left:8px; padding-right:8px; padding-top:6px; vertical-align:top; border-left: 1px solid #fff; font-size:0.875em; background-color:transparent;} #content .detailContainer table.result th:first-child {border-left:none;} #content .detailContainer table.result td {background-color: #fff; vertical-align: top; padding:7px 10px 6px; font-family:DBSansRegular;} #content .detailContainer table.result tr.last td {padding-bottom: 8px;} #content .detailContainer table.result.additionalOptions tr td {background-color:#FFFFFF;} #content table.result th a.sortArrow {display:block; position:absolute; right:6px; top:8px; background-image:url("/v/1512/img/Sortierfunktionspfeil_8x6px_grau.png"); background-repeat:no-repeat; background-position:center center; width:8px; height:6px;} #content table.result th.sorted {background-color:#CCCCCC;} #content table.result th.sorted a.sortArrow {background-image:url("/v/1512/img/Sortierfunktionspfeil_8x6px_weiss.png");} table.partSearchTable {font-size:0.75em; width:95%; margin:0 20px;} #returnJourneyLayer table.partSearchTable {width:100%; margin:0;} table.partSearchTable th {background-color:#e7e7e7; padding:3px 10px; border-bottom:10px solid #FFFFFF;} table.partSearchTable td {background-color:#f5f5f5; padding:5px 10px; font-family:DBSansRegular; font-size:1.125em;} table.partSearchTable tr.firstrow td {border-top:10px solid #FFFFFF;} table.partSearchTable td label {font-size:1em !important;} p.partSearchInfo {font-size:0.75em; margin:10px 20px 30px;} #returnJourneyLayer p.partSearchInfo {margin:10px 0px 30px;} #returnJourneyLayer p.querybutton {font-size:0.75em} #infoLayerReservation h2 {margin-bottom:10px; font-size:1.125em; font-family:DBSansRegular;} #returnJourneyLayer h2.iconBefore {margin: 0 25px 20px;} #returnJourneyLayer table.sectionFares {font-size:0.8em; width:100%;} #returnJourneyLayer table.sectionFares th {background-color:#e7e7e7; padding:3px 10px; border-bottom:5px solid #FFFFFF; border-left:1px solid #FFFFFF;} #returnJourneyLayer table.sectionFares th:first-child {border-left:none;} #returnJourneyLayer table.sectionFares td {background-color:#f5f5f5; padding:5px 10px;} #returnJourneyLayer table.sectionFares tr.firstrow td {font-family:DBSansRegular; font-size:1.125em;} #returnJourneyLayer table.sectionFares td.sepline {background-color:#FFFFFF; padding:0;} #returnJourneyLayer table.sectionFares td.noBackground {background-color:#FFFFFF;} #returnJourneyLayer table.sectionFares td.nopaddingleft {padding-left:0 !important;} #returnJourneyLayer table.sectionFares td p {font-size:1em;} #returnJourneyLayer table.sectionFares td p img {margin-bottom:-0.3em} .hafasPopupContainer table.popupContent table.sectionFares {font-size:1.125em;} #content #zplusSlider ul li, #content .applicationSlider a, #content .singleApplicationSlider a, #content .applicationSlider div.slider {display: block; font-size: 1.2em; line-height: 24px; height: 24px;} #content div.singleApplicationSlider {float:right; width: 130px;} #content .appSliderClose {float: right !important; background: transparent;} #globalApplicationClose {float: right !important;} #content .applicationSlider .clearSlider {float: none !important; background-color: transparent;} #content td.moreDetailSlider li {margin:0 0 10px; padding:0; font-weight:normal;} #content td.moreDetailSlider li.activeslider, #content td.moreDetailSlider li.slider a {display: block; width:180px; min-height:32px; background-color:#FFFFFF; color:#333; border:1px solid #878C96; text-align:center; padding-top:6px; padding-bottom:6px;} #content td.moreDetailSlider li.slider a:hover {background-color:#E8E8E8; text-decoration:none;} #content td.moreDetailSlider li.activeslider {font-family:DBSansBold; background-color:#878C96; color:#FFFFFF; box-shadow: 0 1px 7px 0 rgba(0, 0, 0, 0.5) inset;} #content td.moreDetailSlider li.activeslider:hover {background-color:#646973;} #content .moreDetailContainer {padding: 0px; font-family:DBSansRegular;} #content .moreDetailContent {background-color: #F5F5F5; margin:5px 10px 20px; padding:20px;} #content .moreDetailContent h3 {font-size: 1.675em; font-weight:normal; font-family:DBSansRegular; margin: 0px;} #content .moreDetailContainer a.printview {font-size:1.2em; padding-top:0;} #content .moreDetail, #content table.moreDetail td, #content table.mainmap td {background-color:transparent; padding:0;} #content .moreDetail {margin-top:20px; width:860px} #content .moreDetail div.bhfFiles {width:200px;margin-top:8px; float:left;} #content .moreDetail div.bhfFiles a {font-size:1.2em;} #content table.moreDetail {margin: 0px;} #content table.moreDetail tr th, #content table.moreDetail tr td, #content table.mainmap tr td {padding:0;} #content .result .moreDetailSlider {vertical-align: top; padding-right:5px;} #content .moreDetailSlider ul {font-size: 1.0em;} #content .moreDetailSlider li {list-style-type: none; font-weight: bold; padding: 8px; font-size: 1.0em; margin-bottom: 2px;} #content .result .moreDetailShow {margin:0px; border-left: 2px solid #F2F2F2; padding: 0 8px;} .hafasPopup .moreDetail .moreDetailShow {margin:0px; padding: 8px;} #content .result .moreDetailShow h2 {font-size: 1.4em;} #content .result .moreDetailShow div.stInfoMobilityHint {margin:10px 0;} #content #moreMC h2 {width: 100%;} #content #moreMC .mapzoom, #content #moreMC .mapbuttons {font-family:DBsansRegular;} #content table.mainmap {} #content table.mainmap td, #hafasMaps table.mainmap, #hafasMaps table.mainmap td {line-height: 0.7em; vertical-align: middle; text-align: center;} #hafasMaps table.mainmap img, #content table.mainmap img {margin: 0px;} #content table.mainmap input {margin: 0px; padding: 0px; border: 0px;} #content table.mainmap a.mapMove {display:block; background-color:#CECECE;} #content table.mainmap a.mapMove:hover {background-color:#A0A3A8;} #hafasMaps .mapzoom, #content .mapzoom {line-height: 1.4em;} #hafasMaps .mapzoom img, #content .mapzoom img {vertical-align: middle; margin: 0px; margin-right: 8px;} #hafasMaps .mapzoom div, #content .mapzoom div {margin: 8px;} #hafasMaps .mapzoom div a, #content .mapzoom div a {background-color: #FFFFFF; border:1px solid #878c96; display: block; text-decoration: none; padding: 8px;} #hafasMaps .mapzoom div a:hover, #content .mapzoom div a:hover {background-color: #e8e8e8; color:#333;} #hafasMaps .mapzoom div.active a, #content .mapzoom div.active a {background-color: #878c96; color: #fff; box-shadow:0 1px 7px 0 rgba(0, 0, 0, 0.5) inset; font-family:DBSansBold;} #hafasMaps .mapzoom div.zoomin a, #hafasMaps .mapzoom div.zoomout a, #content .mapzoom div.zoomin a, #content .mapzoom div.zoomout a, #content .mapzoom div.zoomin span.zoomIconSurrounder, #content .mapzoom div.zoomout span.zoomIconSurrounder {width:32px; height:32px; background-color: #fff; padding:7px; display:inline-block;} #hafasMaps .mapzoom div.zoomin a:hover, #hafasMaps .mapzoom div.zoomout a:hover, #content .mapzoom div.zoomin a:hover, #content .mapzoom div.zoomout a:hover {background-color: #e8e8e8; color:#333;} #content .mapzoom div.zoomin span.zoomIconText, #content .mapzoom div.zoomout span.zoomIconText {position:absolute; left:40px; top:6px;} #content .mapzoom div.zoomin span.zoomIconSurrounder, #content .mapzoom div.zoomout span.zoomIconSurrounder {border:1px solid #878c96; background-color:transparent;} #content .mapzoom .alpha50 {opacity: 0.5;filter:Alpha(opacity=50);} #content .mapbuttons {margin:8px; margin-top:20px;} #hafasMaps {font-size: 1.4em;} #content table.gisobjselect {margin:8px 0px 12px 8px;} #content table.routeDescription td {background-color: #ffffff; padding: 0px 8px; border-top: 4px solid #F5F5F5;} #content table.routeDescription th {width: auto; font-weight:normal; background-color: #E4E4E4; padding: 0px 8px; white-space: nowrap; height: 24px; border:none;} #content table.routeDescription th.borderright, #returnJourneyLayer table.partSearchTable th.borderright, #content .borderright {border-right:1px solid #fff;} #content .borderleft {border-left:1px solid #fff;} #content div.stInfoContainer {padding-bottom:8px;} #content .result table.stInfoTable, #content table.stInfoTable, .hafasPopup .moreDetail table.stInfoTable {width: 360px;} #content .result table.stInfoTable tr td, #content table.stInfoTable tr td, .hafasPopup .moreDetail table.stInfoTable tr td {background: #FFFFFF; padding: 4px; border-bottom: 5px solid #F5F5F5; line-height: 24px;} .hafasPopup .moreDetail table.stInfoTable tr td {} #content table.stInfoTable tr td.stInfoValue, .hafasPopup .moreDetail table.stInfoTable tr td.stInfoValue {line-height: 16px; padding-top: 10px;} #content table.stInfoTable tr td.stInfoValue img, .hafasPopup .moreDetail table.stInfoTable tr td.stInfoValue img {margin-top: -6px;} #content table.stInfoTable tr td.stInfoName, .hafasPopup .moreDetail table.stInfoTable tr td.stInfoName {background-repeat: no-repeat; background-position: 4px 6px; padding-left: 40px; padding-top: 10px; line-height: 16px; height: 21px; vertical-align: baseline;} #content .result table.stInfoTable tr td img, #content table.stInfoTable tr td img, .hafasPopup .moreDetail table.stInfoTable tr td img {padding-right: 8px; vertical-align: middle; margin: 0px;} #content .result div.stInfoAddress, #content div.stInfoAddress, .hafasPopup .moreDetail div.stInfoAddress {padding: 0 8px 8px; width: 210px; line-height:1.5em;} #zplusPane_stInfo div.stInfoAddress {font-size: 0.7em;} #zplusPane_stInfo div.stInfoMobilityHint {font-size: 0.7em;} #content .result div.stInfoAddress div.weekdays, #content div.stInfoAddress div.weekdays, .hafasPopup .moreDetail div.stInfoAddress div.weekdays {float:left; width:40px;} #content .result div.stInfoAddress div.openinghours, .hafasPopup .moreDetail div.stInfoAddress div.openinghours {} #content .result div.stInfoPlan, #content div.stInfoPlan, .hafasPopup .moreDetail div.stInfoPlan {height: 116px;} #content .result div.stInfoThumbnail, .hafasContent div.stInfoThumbnail, .hafasPopup .moreDetail div.stInfoThumbnail {margin-right: 16px;} #content .result div.stInfoThumbnail img, #content div.stInfoThumbnail img, .hafasPopup .moreDetail div.stInfoThumbnail img {border: 1px solid #ccc;} .hafasPopup .moreDetail table.stInfoLinkTable {font-size: 1.0em;} .hafasPopup .downloadText {padding-right: 130px;} #content .sq_results h1.pagetitle, #content .tp_journeyfolder h1.pagetitle {margin-bottom: 16px;} #content .sq_results table.moreDetail {border: 8px solid #F2F2F2;} #content .queryBox table.stInfoCompose td {padding-top: 4px; padding-bottom: 4px; padding-right: 40px;} .hafasPopUpRect {position:absolute;visibility:hidden;z-index:100;border: #c00 2px solid;cursor:crosshair;opacity:0.5;filter:Alpha(opacity=50, finishopacity=50, style=2);} #content .globalAppContent {border: 8px solid #f2f2f2; border-width: 16px 8px 8px; padding: 8px;} #content .globalAppContent h2 {margin: 0px; padding: 8px 0px; background-color: #fff;} #content .ecologyBox {font-size: 0.7em; padding: 8px; padding-bottom: 0px; margin-bottom: 0px;} #content .ecologyBox a {cursor: pointer;} #content .ecologyBox .clear {height: 4px !important;} #content .ecologyHint {font-weight: bold; padding: 1px 3px; margin-bottom:10px; white-space: normal;} #content table.ecologySummary td {padding: 2px 8px;} #content table.ecologyOverview {width: 100%;} #content table.ecologyOverview td {background-color: #f2f2f2; padding: 3px;} #content table.ecologyOverview tr.duration td {background: #f6f6f6; font-size: 1.3em; font-weight: bold; color: #555; text-align: center;} #content table.ecologyOverview tr.duration td img {vertical-align: middle;} #content table.ecologyOverview td.col {border-right: 2px solid #fff;} #content table.ecologyOverview td.ecocloud {text-align: center; vertical-align: bottom;} #content table.ecologyOverview div.ecocloud {position: relative; color: #fff; font-size: 1.7em; font-weight: bold;} #content table.ecologyOverview div.ecocloud div {position: absolute; left: 0; bottom: 25%; width: 100%; text-align: center; white-space: nowrap; text-shadow: 0 0 2px #999999;} #content table.ecologyOverview div.ecocloud img {padding: 0 10px;} #content table.ecologyOverview td.train {background: #F2F2F2 url("/v/1512/img/Bahn.png") left bottom no-repeat; height: 50px; vertical-align: top;} #content table.ecologyOverview td.car {background: #F2F2F2 url("/v/1512/img/Auto.png") left bottom no-repeat; height: 50px; vertical-align: top;} #content table.ecologyOverview td.flight {background: #F2F2F2 url("/v/1512/img/Flug.png") left bottom no-repeat; height: 50px; vertical-align: top;} #content table.ecologyResult td {background-color: #fff;} #content table.hafasEcology td.ecodark {background-color: #f2f2f2; padding: 2px;} #content table.hafasEcology .result td {border-top: 2px solid #fff;} #content table.hafasEcology .result td.ecodark {background-color: #d5d5d5;} #content table.ecologyResult .diagram img {margin: 0px;} #content table.ecologyResult .diagramContainer {background-color: #f2f2f2; padding: 8px;} #content table.diagram {margin: 8px 0px;} #content table.diagram td {margin: 0px; padding: 0px; line-height: 0.1em;} #content table.diagram .center {text-align: center;} #content table.diagram .bottom {vertical-align: bottom; font-size: 0;} #content table.diagram .caption td, #content table.diagram td.caption {line-height: 1.0em;} #content table.ecologyTable {width: 550px; background-color: #f2f2f2; border: 1px solid #d5d5d5;} #content table.ecologyTable td {padding: 2px; line-height: 1.0em;} #content table.result td.ecodark img, #content table.result td.source img {vertical-align: middle;} #content td.ecologyBar {font-size: 0;} #content table.hafasEcology table.diagram img {vertical-align: bottom;} #content div.hintThick {margin:20px 0; font-size: 0.75em; font-family:Arial, sans-serif !important;} #content div.hintThick a {font-size:1em !important; font-family:Arial, sans-serif !important;} #fadeout {position: absolute; top: 0px; width: 100%; z-index: 10000; background-color: #000; opacity: 0.5;filter:Alpha(opacity=50)} #fadeout.dimmerLight {background-color: #aaa;} #mafoDimmer {position: absolute; top: 0px; width: 100%; z-index: 10005; background-color: #aaa; opacity: 0.6;filter:Alpha(opacity=60)} #mafoLayer {position: fixed; width: 660px; z-index: 10006; background-color: #fff; padding: 20px 20px 10px;} #waitscreen {position: absolute; font-size: 0.7em; text-align: center; top: 45%; width: 980px; z-index: 11000;} #returnJourneyLayer {position: absolute; width: 680px; z-index: 10001; background-color: #fff; padding: 20px;} #returnJourneyLayer.sotParameterChange {padding:20px 0;} #returnJourneyLayer.sotParameterChange h2 {padding-left:20px; padding-right:20px;} #returnJourneyLayer.sotParameterChange p.sotChangeIntro {padding-left:20px; padding-right:20px; margin-bottom:20px;} #infoLayerReservation {background-color: #fff; padding: 20px;} #rispush_notloggedin {position: absolute; width: 600px; z-index: 10001; background-color: #fff; padding: 0px;} #rispush_notloggedin h2 {padding: 0 8px;} #rispush_notloggedin .layerClose {padding-top: 8px; padding-right: 8px;} #rispush_notloggedin .layerQueryBox {padding: 8px; padding-right: 100px; margin-bottom: 20px;} .HFShide {display: none;} div#doc #returnJourneyLayer {left: 25%; top: 30%; width: 400px; height: 20px; border: 1px solid #000; padding: 30px; font-weight: bold;} div#doc #returnJourneyLayer a {text-decoration: underline;} div#doc iframe#JSLayer {padding: 0; border: none; position: absolute; left: 25%; top: 30%; width: 462px; height: 82px;} .layerClose {position:relative;} .layerClose a.closeIcon {top:0;} div.hafasHint {background-color: #F2F2F2; margin-bottom: 2px; padding: 8px; font-size: 0.7em; float: none;} div.hafasHint img {vertical-align: middle;} div.hafasHint div.hintText {padding-left: 20px;} div.crossSellingBanner {float: left; font-size: 1em; color: #333; background-color: #fff; margin: 0 10px 20px; width:300px;} div.crossSellingBanner a {} div.crossSellingBanner div {padding:12px 22px;} div.crossSellingBanner img {margin: 0px; vertical-align: middle;} /* tp availability */ #content .summary img, #returnJourneyLayer .summary img {border:0px; vertical-align:middle; margin-right:8px;} #content .summary {padding-top: 8px; margin-bottom: 2px;} #content .summaryLinks {padding-top: 1px; font-size: 0.7em; margin-bottom: 24px;} #content tr.traveldata th.left {border-top: 2px solid #fff; padding-top: 8px; padding-bottom:8px;} #content tr.traveldata td {border-top: 2px solid #fff; padding-top:9px;} #content .summary th {line-height:1.5em; padding-top:8px; padding-left:8px; font-weight:bold;} #content .summary th.left {width:76px;} #content .summary th.mc {width:120px;} #content .summary td.mc {width:20px;} #content .summary td {vertical-align:top; padding-bottom:8px; padding-left:8px;} #content .summary td.station {width:190px;} #content .summary td.date {width:70px;} #content .summary td.timetx {width:20px;} #content .summary td.time {width:30px; padding-left:0px;} #content .summary td.duration {width:50px;} #content .summary td.changes {width:40px;} #content .summary td.topPadding {padding-top: 8px;} #content .summary input {font-size: 1em;} #content .summary #esListboxS, #content .summary #esListboxZ {padding-top: 8px;} #content .summary select, #content .summary #esListboxS select, #content .summary #esListboxZ select {font-size: 1.0em;} #content .summary .noIcon {width: 40px;} #content .summary .summaryLight {background-color: #fff;} #content table.smallMarginBottom {margin-bottom: 2px !important;} /*#content .summary td.products {width:60px;}*/ #content .querySummaryPadding {padding-left: 108px;} #content h2.secondclass {padding:15px !important; margin-top: 8px; margin-bottom:2px; background-color:#d5d5d5; color: #333;} #content h2.secondclass img.number {height:25px; width:27px;margin:6px 4px 0px 31px; vertical-align:text-bottom;} #content h2.firstclass {padding:15px !important; margin-top: 8px; margin-bottom:2px; background-color:#8f949e; color:#fff;} #content h2.firstclass img.number {margin:6px 4px 0px 31px; vertical-align:text-bottom;} #content h2.firstclass img.teaser {float:right; margin:0px;} #content h2.firstclass ul {list-style:none; margin-left:162px; margin-bottom:0px; padding-bottom:0px; position:relative; top:-10px;} #content h2.firstclass ul li {float:left;padding-right:5px; font-weight:bold;} #content h2.firstclass .textteaser {font-size: 0.7em;} #content h2.firstclass span, #content h2.secondclass span {margin-left:30px; font-size:0.7em; font-weight:bold;} #content p.hint {padding-left:0.45em;} #content div.hint {margin-bottom:10px;} #content .nachtzug div.hint {width:100% !important;} #content div.tempHint {margin-bottom: 8px;} #content table.availability {width:100%; margin-bottom:2px; font-size:0.75em;} #content table.availability td {vertical-align:top; padding:8px; padding-bottom:13px; line-height:1.33em; font-size:1em;} #content table.availability tbody {width:100%;} #content table.availability tbody.boxShadow td {background-color:#FFFFFF;} #content table.availability th {border-bottom: 10px solid #F5F5F5; font-size:1em; padding:3px 8px;} #content table.availability td img {vertical-align: middle;} #content table.availability td.icon {width:32px;} #content table.availability th.bullet {width:8px; vertical-align: top; padding-top: 8px;} #content table.availability td.icon img {margin-left:8px;} #content table.availability th.bullet img {margin:0;} #content table.availability td.type {width:140px; padding-left: 18px; font-family:DBSansBold; font-size:1.125em;} #content table.availability tr.first td {padding-top:13px; padding-bottom:8px;} #content table.availability td.dbIcon {line-height:1.8em;} #content table.availability td.condition {width:260px;} #content table.availability td.price {width:auto; white-space: nowrap; background-color:#F5F5F5 !important; font-family:DBSansBold; font-size: 1.25em; vertical-align: middle; text-align:center;} #content table.availability td.price .booking {margin-top:10px;} #content table.availability td div.direction {font-family:DBSansRegular;} #content table.availability td.out {border-bottom: none !important;} #content table.availability tr.return td, #content table.availability tr.first td {border-top:0px} #content table.availability tr.last td {} #content table.firstclass td {background-color:#eee; border-top:2px solid #fff;} #content table.firstclass td.price, #content table.firstclass td.booking {background-color:#fff; border-top:2px solid #eee;} #content table.firstclass tr.last td {border-bottom:2px solid #fff;} #content table.firstclass tr.last td.price, #content table.firstclass tr.last td.booking {border-bottom:2px solid #eee;} #content table.availability tr.kampagne th.bullet img {display: none;} #content table.availability tr.kampagne td.type {padding-bottom: 0;} #content table.availability tr.kampagne td.type img {margin-bottom: 0;} #content table.nighttrain th.price div {font-weight:normal;} #content table.nighttrain {border-collapse:separate;} #content table.nighttrain th {padding:4px 8px; border-bottom:2px solid #fff;} #content table.nighttrain th a {text-decoration:underline;} #content table.nighttrain th.type {vertical-align:bottom;} #content table.nighttrain th.price {width:140px;} #content table.nighttrain th.doubleWidth {width:280px !important;} #content table.nighttrain tr.last td.condition, #content table.nighttrain td {padding-bottom:7px; padding-top:7px; border-bottom:2px solid #fff;} #content table.nighttrain td.condition {width:300px; background-color:#fff; border-bottom:2px solid #eee;} #content table.nighttrain td.price {width:140px; background-color:#d6dff2; border-left:2px solid #fff;} #content table.nighttrain td.price img {margin-right:4px; vertical-align: middle;} #content table.nighttrain tr.change td {background-color:#fff; border-top:2px solid #f2f2f2; border-bottom:2px solid #f2f2f2;} #content table.total tr td {width:140px; border-bottom:0px; padding-top:4px; padding-bottom:4px; white-space:nowrap;} #content table.total td.priceHint {width:300px; vertical-align:top; white-space:normal;} #content table td.autowidth, #content table.chooseFK {width: auto !important;} /* mbs */ #content div.comment {font-size: 0.7em; padding: 8px 4px;} #content table.mbs_config td {vertical-align: top;} #content .mbsConfigBox {background-color: #D6DFF2; margin-bottom: 2px; padding-top: 8px; font-size: 0.7em; float: none;} #content .mbsConfigBox div.caption {width: 160px; padding-left: 8px;} #content .mbsConfigBox th {width: 160px; padding-left: 8px; font-weight: bold;} #content .mbsConfigBox table {font-size: 1.0em;} #content .mbsConfigBox label {margin-right: 8px;} #content table tr.trMarginTop td {padding-top: 4px;} #content .locationDiv {width: 50px;} #content .inputFieldLeft {padding-left: 8px;} #content .mbsErrorClass {padding-left: 168px;} #content .mapErrorClass {padding-left: 3px;} /* mbs gadgets */ .hafasTeaser .queryBox {background: #f2f2f2; padding: 8px;} .hafasTeaser .nopaddingtop {padding-top: 0px !important;} .hafasTeaser .nopaddingbottom {padding-bottom: 0px !important;} .hafasTeaser .marginbottom {margin-bottom: 2px;} .hafasTeaser table {font-size: 1.0em; width: 100%;} .hafasTeaser table th {background-color:#e4e4e4; font-weight:bold; height: 23px; padding-left: 8px;} .hafasTeaser table td {height: 23px; padding-left: 8px;} .hafasTeaser table tr:hover td {background-color: #d6dff2 !important;} .hafasTeaser table tr:hover td.hUnderline {text-decoration: underline;} .hafasTeaser table tr.dark td {background-color: #e4e4e4;} .hafasMenuContainer {width: 200px; position: absolute; border: 1px solid #ccc; font-size:0.7em; z-index:101;} .hafasMenuContainer.dep {background:#fcdab4;} .hafasMenuContainer.arr {background:#d6dff2;} .hafasMenuContainer div {padding:2px 8px;} .hafasMenuContainer div.floatRight {float: right;} .hafasMenuContainer img {cursor: pointer;} /* tp Bahncard */ body.bcPage #content {background-color:#F5F5F5;} body.bcPage #content ul.process-bar {background-color:#FFFFFF; box-shadow:0 5px 5px -1px rgba(0, 0, 0, 0.15);} #BCRCon {width:700px;} #BCRCon div.bcMainContainer {background-color:#FFFFFF; box-shadow:0 1px 8px 0 rgba(0, 0, 0, 0.4); margin-left:20px; padding-top:10px;} #BCRCon div.bcMainContainer.noBC {padding-bottom:10px;} #BCRCon a.arrowlink {margin-top:9px; font-size:0.75em; margin-right:20px;} #BCRCon div.headline {font-size:0.7em; margin-bottom:5px; padding-top:10px; padding-bottom:10px; background-color:#8f949e; color:#fff; font-weight:bold;} #BCRCon div.headline div { } #BCRCon div.headline h2 {font-size:1.4em; font-weight: bold; float:left; line-height: 1.0em; margin-right:20px; margin-bottom:10px;} #BCRCon div.headline a {font-weight: normal; color: #fff; padding-right: 8px !important;} #BCRCon div label {margin-right:0px; font-size:0.7em;} #BCRCon table.bahnCard {margin-bottom: 8px; border-collapse: separate} #BCRCon table.bahnCard td {vertical-align: top; border-right: 5px solid #fff;} #BCRCon ul {font-size: 1.0em; width:300px; padding: 4px 0;} #BCRCon ul li {} #BCRCon ul li span {float:right;} #BCRCon td.breakEven {width:208px;padding-top:10px; padding-left:10px; font-weight:bold; background-color:#d6dff2; margin-right:5px;} #BCRCon td.breakEven a {float:right; margin-right:10px; margin-top:10px;} #BCRCon td.breakEven div {margin-right: 5px;} #BCRCon table.bahnCard td.orderBC {width:200px; padding-top:10px; text-align:center; font-weight:bold; background-color:#f2f2f2; border-right: 0;} #BCRCon td.orderBC .querybutton {font-size:1.0em; margin-top:20px;} #BCRCon div.bcbox {/*background-color: #F5F5F5;*/ padding:0px 8px 15px; margin-left:44px; margin-top:4px; margin-bottom:16px; font-size:0.75em; background-position: right bottom; background-repeat: no-repeat;} #BCRCon div.bcradio {margin-left:20px;} #BCRCon div.grey {background-color: #F2F2F2 !important;} #BCRCon div.bcbox table.bcCalc {font-size: 1.2em;} #BCRCon div.bcbox table.bcCalc img {margin: 0; padding: 0;} #BCRCon div.bcbox table.bcCalc td {line-height: 1.2em;} #BCRCon div.bcbox td.bcCalc {font-weight: bold; text-align: right; padding-right: 12px; width: 90px;} #BCRCon .BCamortization {font-weight: bold;} #BCRCon #moreBCCon {padding-left: 20px;} #BCRCon div.bcbox .bcImgSmall {vertical-align: middle; margin-right: 10px; margin-bottom: 0; margin-top: -16px; position: relative; bottom: -8px;} #content div.journeyInfoBox {width: 230px; background-color: #FFFFFF; margin:10px 10px 10px 0; font-size:1em; box-shadow:0 1px 8px 0 rgba(0, 0, 0, 0.4);} #content div.journeyInfoBox h2 {font-size:1.5em;} #content div.journeyInfoBox a {margin-top:10px;} #content div.journeyInfoBox .content {padding: 15px; font-size:0.75em;} #content div.journeyInfoBox .greyBox {margin: 8px 0 6px; line-height: 1.4em; background-color:#F5F5F5; padding:5px;} #content div.journeyInfoBox .iconOut {background-position: -12px -302px; padding-left: 24px !important;} #content div.journeyInfoBox .iconRet {background-position: -12px -842px; padding-left: 24px !important; padding-top: 8px;} .HafasInfoLayer {width: 800px; background-color: #fff; z-index: 10001; position: absolute; top: 250px; left: 230px; padding: 20px;} table.sotPosition, .sotPosition table.result, .HafasInfoLayer table.result {width: 100%; font-size:0.75em; margin-bottom:10px;} #content table.sotPosition {font-size:0.875em !important; margin-bottom:10px !important; margin-left:10px !important;} .sotPosition table.result td, #content table.result.sotPosition td, .HafasInfoLayer table.result td {background-color: #F5F5F5 !important; padding: 4px 8px;} #content table.result.sotPosition td, .sotPosition table.result td {padding:10px 8px;} #content table.result.sotPosition td { font-family:Arial, sans-serif; font-size:0.875em !important;} #content table.result.sotPosition tr:hover td, .sotPosition table.result tr:hover td {background-color:#e7e7e7 !important; cursor:pointer;} .HafasInfoLayer table.result td.boldText {font-family: Arial, sans-serif !important; font-weight:normal;} .HafasInfoLayer table.result td.time {font-family:DBSansRegular;} .HafasInfoLayer table.result td.time.dateChange {color:#878c96;} #content table.result.sotPosition th, .sotPosition table.result th, .HafasInfoLayer table.result th {background-color: #e7e7e7 !important; padding: 4px 8px !important; border-left:1px solid #FFFFFF !important;} #content table.result.sotPosition th, .sotPosition table.result th {font-weight:normal; height:auto !important;} #content table.result.sotPosition th:first-child, .sotPosition table.result th:first-child, .HafasInfoLayer table.result th:first-child {border-left:none !important;} #content table.result.sotPosition tr.firstrow td, .sotPosition table.result tr.firstrow td {border-top:10px solid #FFFFFF;} .HafasInfoLayer table.result tr.first td {border-top:5px solid #FFFFFF;} .HafasInfoLayer h2 {padding: 0px; font-family:DBSansRegular; font-size:1.125em;} .HafasInfoLayer div.headline {padding: 4px 0px; font-size: 0.75em; font-family:DBSansBold;} .HafasInfoLayer div.headline img {vertical-align: middle; padding-right: 4px;} .HafasInfoLayer div.greyBox {margin: 5px; padding: 4px 8px; background: #f2f2f2; font-size:0.75em;} .HafasInfoLayer div.whitebox {margin: 5px; padding: 4px 8px; font-size:0.875em;} .HafasInfoLayer div.whitebox span {font-size:0.875em;} .HafasInfoLayer div.infoLayerName {position: absolute; font-weight: bold; width: 100px;} .HafasInfoLayer div.infoLayerValue {margin-left: 100px;} .HafasInfoLayer div.direction {font-weight: bold; float: left; width: 100px;} .HafasInfoLayer div.infoLayerReservationText {margin-left: 100px;} #infoLayerReservation div.greyBox {background-color:#FFFFFF; padding:0; font-size:0.75em;} #infoLayerReservation_outward div, .HafasInfoLayer div.infoLayerReservationText div {margin-bottom: 6px;} /* sq_query / tb_query */ #content #tbQuery, #content #tbConfirm, #content #tbDownload {background-color:#f2f2f2; padding:15px 8px 10px 8px; border-top:2px solid #fff;} #content #sqQuery {background-color:#f2f2f2; padding:15px 8px 5px 8px;} #content .sq_query {padding-bottom:5px;} #content .sq_query .clearfix {padding-bottom:0px;} #content .sq_query .button-inside {padding-bottom:0px;} #content #sqQuery div.leftBlock, #content #sqQuery div.rightBlock {width:50%; float:left;} #content #tbQuery fieldset, #content #sqQuery div fieldset {font-size:0.7em; line-height:2.0em;} #content #tbQuery fieldset table, #content #sqQuery div fieldset table {font-size:1.0em;} #content #tbQuery fieldset label, #content #sqQuery fieldset label {font-weight:bold;} #content #sqQuery fieldset label.front {float:left; display:block; width:120px; white-space:nowrap;margin-right:10px;} #content #tbQuery fieldset label.front {float:left; display:block; width:150px; white-space:nowrap;} #content #tbQuery fieldset label.large {width:140px;} #content #tbQuery fieldset .leftMargin {margin-left:170px;} #content #sqQuery fieldset .leftMargin {margin-left:130px;} #content #sqQuery div.rightBlock label.front {width:auto;} #content #sqQuery div.rightBlock .leftMargin {margin-left:110px;} #content #tbQuery fieldset p {font-size:1.0em; line-height:1.5em; padding-top:0.53em; padding-bottom:0.47em} #content #tbQuery fieldset p br {clear:none;} #content #tbQuery fieldset br, #content #sqQuery fieldset br {clear:left;} #content #tbQuery div.errormsg, #content #sqQuery div.errormsg {line-height:1.4em; margin-right:10px;} #content #sqResult p.errormsg {line-height:1.4em; margin-right:10px; margin-bottom:0px; padding-bottom:10px; padding-top:10px;} #content #tbQuery table.products tr td {width:3.0em; padding-top:5px;} #content #zplusPane_stBoard table.products tr td, #content #sqQuery table.products tr td {width:3.0em;} #content #tbQuery table.products tr.cb td, #content #sqQuery table.products tr.cb td {line-height:2.5em;} #content #sqQuery table.products tr.cb td input.checkbox, #content #zplusPane_stBoard table.products tr.cb td input.checkbox {margin-left: 6px;} #content #tbQuery table.weekdays tr td {padding-right:5px;} #content #sqQuery .calLater {margin:0px; position:absolute; top:0px; left:-9px;} #content #sqQuery .calSooner {margin:0px; position:absolute; top:8px; left:-9px;} #content #sqQuery #calendarlinkicon0 {vertical-align:middle; margin-bottom:0px;} #content #sqQuery .calendar {padding-right:9px; margin-left: 12px;} #content #tbQuery div.noInput {padding-top: 4px;} /* sq_result */ #content table.stboard td {padding:8px; border-top:2px solid #fff; vertical-align:top;} #content table.stboard tr th.time {} #content table.stboard th.time {width:50px;} #content table.stboard th.train {width:50px; font-weight:bold;} #content table.stboard td.train {font-weight:bold;} #content table.stboard th.platform {width:40px; background-color:#d5d5d5; text-align:center;} #content table.stboard th.station {width:100px; background-color:#d5d5d5; text-align:center;} #content table.stboard.dep td {background-color:#ffc;} #content table.stboard.dep tr.servant td {background-color:#FFFFE0 !important;} #content table.stboard.dep tr.servant td.time, #content table.stboard.dep tr.servant td.platform {background-color:#F1F1E3 !important;} #content table.stboard.dep tr.servant td.time {text-align: right; background: url(/v/1512/img/stb_servant_time_bg.gif);} #content table.stboard.dep tr td.time {background-color:#f1f1d9; font-weight:bold;} #content table.stboard.dep tr td.platform, #content table.stboard.dep tr td.station {background-color:#f1f1d9; text-align:center;} #content table.stboard.arr td {background-color:#f2f2f2;} #content table.stboard.arr tr td.time {background-color:#d5d5d5; font-weight:bold;} #content table.stboard.arr tr td.platform, #content table.stboard.arr tr td.station {background-color:#d5d5d5; text-align:center;} #content table.stboard tr.browse td.time, #content table.stboard tr.browse td.platform, #content table.stboard tr.browse td.station {background-color:#d5d5d5;} #content table.stboard tr.browse td {padding:4px; background-color:#fff;} #content table.stboard tr td a {text-decoration: underline;} #content table.stboard tr.current td {padding:4px 8px; background-color:#fff; color:#f00;} #content table.stboard tr.current td.time {background-color:#f00; color:#fff;} #content h3.trainroute {margin-top:10px;margin-bottom:20px; padding-left: 10px;} #content table.stboard.train td {padding:4px 8px;} #content table.stboard.train th.station {text-align:left;} #content table.stboard.train td.station {width:300px; background-color:#d5d5d5;} #content table.stboard.train th.platform, #content table.stboard.train td.platform {width:100px; text-align:center; background-color:#d5d5d5;} #content table.stboard.train th.arrival, #content table.stboard.train td.arrival, #content table.stboard.train th.departure, #content table.stboard.train td.departure {text-align:center;} #content .lastParagraph {margin-bottom: 0 !important;} #content table.remarks th {width:120px; padding-left:8px; font-weight:bold;} /* filialfinder */ #content .map_results .queryBox {padding-bottom: 8px; padding-left:10px;} #content .map_results p {margin-bottom:0px; padding-bottom:10px; padding-left:10px;} #content .map_results .queryBox p {font-size:1.0em; margin-bottom:10px; padding-left:0px;} #content .map_results .noIcon {padding-left: 0px;} #content table.agency tr {border-bottom:2px solid #fff;} #content table.agency tr tr {border-bottom:0px;} #content table.agency td {vertical-align:top;} #content table.agency td td {padding:0px;;} #content table.agency th.number {width:15px;} #content table.agency th.type {width:70px;} #content table.agency th.type a img {vertical-align:bottom; margin:0px;} #content table.agency th.contact {width:120px;} #content table.agency th.hours {width:120px;} #content table.agency th.distance {width:65px;} #content table.agency th.route {width:150px;} #content table.agencyMap td {padding:20px 0px;} #content table.agencyMap td td {padding:0px;} #content table.agencyMap td.navigation {vertical-align:top;} /* footer */ #footerremarks {margin-bottom:0px; padding-bottom:0.3em;} /* popup */ .hafasPopup {width: auto !important; background-position: -10px top !important; padding: 0 !important; height: 100%;} .hafasPopup #content {width: auto !important;} #content .button-nofloat, #content .button-nofloat span.button-border, #content .button-nofloat span.button-border a {float:none; display:inline !important;} #content .button-nofloat {margin-left:20px;} #content .button-nofloat span.button-border {padding-bottom:4px; padding-top:3px;} #content .button-nofloat span.button-border a {padding:3px 5px;} #content div.buttons {margin-top:10px;} #content div.buttons p.querybutton {margin:0px;} #BCRCon div.buttons {margin:20px 0px 23px 20px;} #BCRCon div.buttons .button-inside span.button-border button, #BCRCon div.buttons .button-inside span.button-border input.button, #BCRCon div.buttons .button-inside span.button-border a {font-size:1em;} .hafasPopup .hafasPopupContent h2 {font-size:1.25em !important; font-family:DBSansRegular; padding-left:0 !important;} .hafasPopup .hafasPopupContent h3 {font-size:1em; font-weight: normal; font-family:DBSansRegular; margin: 0px 0px 8px 0px;} .hafasPopup .hafasPopupContent p {font-size:1em !important;} .hafasPopup .hafasPopupContent table.printConfig {font-size:0.85em;} .hafasPopup .hafasPopupSystembar a.closeIcon {position:relative !important;} .hafasPopup .hafasPopupSystembar span.ico {position:relative; display:inline-block; margin:0 10px;} .hafasPopup .hafasPopupContent input[type="text"], .hafasPopup .hafasPopupContent input.text, .hafasPopup table.moreDetail td {background-color: #fff; vertical-align: top;} .hafasPopup .hafasPopupContent input[type="text"], .hafasPopup .hafasPopupContent input.text {padding: 0 5px !important;} .hafasPopup .hafasPopupContent div.verbundLogo {float:right;} .hafasPopup .hafasPopupContent div.verbundLogo span {font-size:0.7em; padding-top:5px; display:block; float:left; text-align:center; width:75px; line-height:1.5em;} .hafasPopup .hafasPopupContent div.travellerHint {font-size:0.875em; padding:10px 0;} .hafasPopup .hafasPopupContent .popupQueryBox p, .hafasPopup .hafasPopupContent p.calendarHint {font-size:0.875em !important;} .hafasPopup .hafasPopupContent .popupQueryBox p.downloadButton {font-size:0.75em !important;} .hafasPopup #header {height: 40px; max-width: 980px;} .hafasPopup.fares #header {height: 72px;} .hafasPopup.fares table.faressummary td {vertical-align: top;} .hafasPopup.fares table.result td.fare {max-width: 55px !important; text-align: right; padding-right: 25px !important;} .hafasPopup.fares table.resultMVV td.fare {width:95px !important; max-width:none !important; padding-right: 10px !important; vertical-align:top;} .hafasPopup #main-nav {height: 24px; max-width: 980px;} .hafasPopup .footerRedBar {height: 16px; background-color: #f00; color: #fff; font-size: 0.7em; text-align: right; padding-right: 50px;} .hafasPopup .redBar {height: 8px; font-size: 1px; width: 200px; background-color: #f00;} .hafasPopup .redBarSpace {height: 8px; font-size: 1px;} .hafasPopup .hafasPopupContainer {margin: 8px 24px; padding: 16px 0; background-color: #fff; max-width: 900px;} .hafasPopup .hafasPopupContainer.fares {padding-bottom:0px;} .hafasPopup .hafasPopupSystembar {border-top:1px solid #f5f5f5;margin: 8px 24px; padding: 4px 15px 3px; background-color: #fff; max-width: 900px; } .hafasPopup .hafasPopupSystembar li {float: left;} .hafasPopup .popupFooter {margin-top: 40px; bottom: 0px; width: 100%; max-width: 980px;} .hafasPopup .popupFooter.fares {margin-top: 13px;} /* mietwagenagent */ #content div.mwHint {font-size: 0.7em; padding-left: 0.45em;} #content div.mwHint a {text-decoration: underline;} #content div.mwHintMargin {height: 150px;} #content table.mwQuery th {width: 200px;} #content table.mwResult {width: 100%;} #content table.mwResult th {font-weight: bold; padding-left: 8px; padding-right: 8px; background-color: #E4E4E4; height: 24px;} #content table.mwResult th.dark {background-color: #D5D5D5;} #content table.mwResult td {padding: 2px 8px; background-color: #E4E4E4; border-top: 2px solid #fff;} #content table.mwResult td.dark {background-color: #D5D5D5;} #content table.mwResult td.center {text-align: center;} #content div.rcLogos {padding: 8px 0;} #content div.rcLogos img {vertical-align: middle; margin: 0;} /* zug oder flug */ #content table.zofCompare td img {margin: 0 4px 4px; vertical-align: middle;} #content table.zofCompare td.grey, #content table.zofCompare td.grey a {color: #8F949E;} #content table.zofCompare a, #content table.zofResult a {text-decoration: underline;} #content table.zofResult span.button-border a {text-decoration: none;} #content table.zofResult img, #content table.zofDetail th img {vertical-align: middle;} #content table.zofResult tr.dark td {background-color: #e4e4e4;} #content table.zofResult th, #content table.zofResult td, #content div.zof {padding: 4px;} #content .hafasContent div.zofButton span.button-border {float: right;} /*.hafasPopupContainer table.popupContent {width: 100%;}*/ .hafasPopupContainer table.popupContent {width: auto; font-size:0.75em;} .hafasPopupContainer tr.sum td {background-color: #D6DFF2;} /* vs_mobilcheck */ #hafasMC {background: #fff;} #hafasMC #content {background: none; position: static; padding: 0; margin: 0;} #content .mcHint {font-size: 0.7em;} /* Bahnhofstafel */ .result td span.jsLink:hover {text-decoration: underline; cursor: pointer; color: #f00;} /* Images */ /* a.arrowlink, a.arrowlink:link, a.arrowlink:visited, button.arrowlink {background: url("/v/1512/img/arrow_red_right.gif") left center no-repeat;} */ /*#content a.open,*/ #content div.flaparrowlink, #content a.flaparrowlink, #content a.flaparrowlinknohover {background: transparent url(/v/1512/img/klapppfeil_rechts_17x19_schatten.jpg) 0px center no-repeat;} /*#content a.open:active, #content a.open:hover,*/ #content a.flaparrowlink:active, #content a.flaparrowlink:hover {background: transparent url(/v/1512/img/klapppfeil_unten_grau_16x16.gif) 0px center no-repeat;} #content div.flaparrowlinkclose, #content a.flaparrowlinkclose, #content a.flaparrowlinkclosenohover {background: transparent url(/v/1512/img/klapppfeil_down_17x19_schatten.jpg) 0px center no-repeat;} #content a.flaparrowlinkclose:active, #content a.flaparrowlinkclose:hover {background: transparent url(/v/1512/img/klapppfeil_rechts_grau_16x16.gif) 0px center no-repeat;} #content table.result td a.open span {width:24px; height:24px; background-color:#878c96; display:inline-block; position:relative; box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.5); margin-right: 9px; padding: 9px 7px;} #content table.result td a.open:active span, #content table.result td a.open:hover span {background-color:#646973;} #content table.result td a.open span span {background-position: -22px -15px;} #content table.result td a.close span, #content table.result td a.moreClose span {width:24px; height:24px; background-color:#878c96; display:inline-block; position:relative; box-shadow: 0 1px 7px 0 rgba(0, 0, 0, 0.5) inset; margin-right: 9px; padding: 9px 7px;} #content table.result td a.close:active span, #content table.result td a.close:hover span, #content table.result td:hover a.close span, #content table.result td a.moreClose:active span, #content table.result td a.moreClose:hover span, #content table.result td:hover a.moreClose span {background-color:#646973;} #content table.result td a.close span span, #content table.result td a.moreClose span span {background-position: 0px -31px;} #content table.result td a.open span span, #content table.result td a.close span span, #content table.result td a.moreClose span span {box-shadow:none; background-color:transparent; background-repeat: no-repeat; height:7px; width:11px; display:block; position:absolute; padding:0; margin:0;} #content table.result td a.open, #content table.result td a.close, #content table.result td a.moreClose {font-size: 1.125em; font-family: DBSansRegular; line-height: 24px; margin-bottom:10px; white-space:nowrap;} #content table.result tr.buttonLine a.open, #content table.result tr.buttonLine a.close, #content table.result tr.buttonLine a.moreClose, #content div.applicationSlider a.open, #content div.applicationSlider a.close, #content div.applicationSlider a.moreClose {display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex;} #content div.applicationSlider a.iconLink {margin-right:28px; font-size:1.2em;} #content table.result td a.open:hover, #content table.result td a.close:hover, #content table.result td a.moreClose:hover {color:#FF0000;} #content table.result td a.returnJourney, #content table.result td a.retJourney {font-size: 1.125em; font-family:DBSansRegular;} #hafasMaps a.printview, #content a.printview {background: transparent url(/v/1512/img/icons_auskunft.gif) -13px -925px no-repeat;} #content a.sendCon {background: transparent url(/v/1512/img/seite_versenden_16x16_outline.gif) 0px center no-repeat;} #content .iconProfile {background: transparent url(/v/1512/img/icons_auskunft.gif) -5px -698px no-repeat; padding-left: 32px !important; padding-bottom: 3px; width: 148px !important;} #content .iconOut {background: transparent url(/v/1512/img/icons_auskunft.gif) -5px -294px no-repeat; padding-left: 32px !important;} #returnJourneyLayer .iconRet, #content .iconRet {background: transparent url(/v/1512/img/icons_auskunft.gif) -5px -850px no-repeat; padding-left: 32px !important;} #returnJourneyLayer .iconRet {background-position: -5px -838px;} #content .summary th.iconRet {background-position: -5px -842px;} #content .nopaddingtop {background-position: -5px -850px !important;} #returnJourneyLayer .transferIcon {background: transparent url(/v/1512/img/icons_auskunft.gif) -5px -1000px no-repeat; padding-left: 32px !important; padding-bottom: 3px; width: 148px !important;} #content a.iconWalk, #content span.iconWalk {background: transparent url(/v/1512/img/DB_16x16_Fussgaenger.png) 0px 0px no-repeat;} #content a.iconBike, #content span.iconBike {background: transparent url(/v/1512/img/DB_16x16_Fahrrad.png) no-repeat;} #content a.iconCar, #content span.iconCar {background: transparent url(/v/1512/img/DB_16x16_PKW.png) no-repeat;} #content a.iconTaxi, #content span.iconTaxi {background: transparent url(/v/1512/img/taxi_grau_16x16.gif) no-repeat;} #content a.iconWalk, #content span.iconWalk, #content a.iconBike, #content span.iconBike, #content a.iconCar, #content span.iconCar, #content a.iconTaxi, #content span.iconTaxi {display: inline-block; height: 16px; width:16px; margin-bottom:-3px; padding:0 8px;} #content .detailsintermediate span.iconWalk, #content .detailsintermediate span.iconBike, #content .detailsintermediate span.iconCar, #content .detailsintermediate span.iconTaxi {margin-right:5px;} #content .railNavLink {background: transparent url(/v/1512/img/railnavi_blau_24x24.gif) 8px center no-repeat !important;} #content .tbLink {background: transparent url(/v/1512/img/persoen_fahrplan_blau_24x24.gif) 8px center no-repeat !important;} #content .appSliderClose, #globalApplicationClose {background: transparent url(/v/1512/img/schliessen_outline_16x16.gif) 8px center no-repeat !important;} #content .singleApplicationSlider {background: #fff url(/v/1512/img/verlauf_feedback.gif) 0px center repeat-x;} #content .tooltipCont {position:relative; z-index: 2;} #content .tooltipCont .tariffTooltip {font-weight: normal; bottom: auto; left: auto;} .hafasPopup #link-close {background: transparent url(/v/1512/img/schliessen_outline_10x10.gif) 0 center no-repeat; padding-left: 16px;} .hafasPopup #link-print {background: transparent url(/v/1512/img/seite_drucken_16x16.gif) 0 center no-repeat; padding-left: 24px;} .arrowlinktop, a.arrowlinktop, a.arrowlinktop:link, a.arrowlinktop:visited {background: url("/v/1512/img/icons_auskunft.gif") -14px -78px no-repeat !important; padding-left: 15px;} .arrowlinkbottom, a.arrowlinkbottom, a.arrowlinkbottom:link, a.arrowlinkbottom:visited {background: url("/v/1512/img/icons_auskunft.gif") -14px -7px no-repeat !important; padding-left: 15px;} div.arrowlinktopInactive, div.arrowlinkbottomInactive {} #content .ARSLink {background: transparent url(/v/1512/img/icon_abfahrt_neu_24x24.gif) 8px center no-repeat !important;} #content .feedback {background: transparent url(/v/1512/img/feedback_24x24.gif) 8px center no-repeat !important; padding-bottom: 7px !important;} #content .stBoardLink {background: transparent url(/v/1512/img/anschluesse_24x24.gif) 8px center no-repeat !important;} #content .stRouteLink {background: transparent url(/v/1512/img/bhf_24x24.gif) 8px center no-repeat !important;} #mcLink {background: transparent url(/v/1512/img/icons_auskunft.gif) -1px -606px no-repeat !important;} #umcLink {font-family: DBSansRegular; margin: 5px 20px; padding-left: 26px;} #zofLink {background: transparent url(/v/1512/img/flug_zug_blau_24x24.gif) 8px center no-repeat !important;} #content .bikeLabel {background: url("/v/1512/img/icons_auskunft.gif") right -150px no-repeat; padding: 1px 50px 1px 0;} #content div.iconBike {background: url("/v/1512/img/icons_auskunft.gif") -5px -150px no-repeat; padding-left: 32px !important; padding-bottom: 3px; width: 156px !important;} #content .iconTraveller, #content .iconTravellerS {background: url("/v/1512/img/icons_auskunft.gif") -5px -774px no-repeat; height: 18px;} #content .traveldata .traveller {background: url("/v/1512/img/icons_auskunft.gif") -6px -768px no-repeat; padding-left: 32px;} #content .traveldata div.traveller {background-position: -16px -774px;} .hafasPopupContainer div.iconCheck, #content div.iconCheck, #returnJourneyLayer div.iconCheck {background: url("/v/1512/cms/img/icons.gif") 0 -4380px no-repeat;} #content .himMessagesAfterRis {padding-left: 22px;} #content #zplusJourney .himMessagesAfterRis {padding-bottom: 8px;} #content .himMessagesHigh {background: url("/v/1512/img/achtung_17x19_mitschatten.png") left top no-repeat; padding-left: 22px; padding-top: 2px; padding-bottom: 2px;} #content .himMessagesMiddle {background: url("/v/1512/img/achtung_16x16_rahmen_schatten.png") left top no-repeat; padding-left: 22px; padding-top: 2px; padding-bottom: 2px;} div.shadowtop {height:8px;} #hafasContentEnd, div.shadowbottom {height:17px; margin-bottom:5px;} /*div.shadowtop, #content, #hafasLegend {background: transparent url(/v/1512/img/schatten_buchung.png) no-repeat scroll 3px -7px;}*/ div.shadowsides, div.hafasContent, #hafasLegend .content {background: url(/v/1512/img/schatten_buchung.png) repeat-y scroll -1963px 0px;} div.shadowbottom, #hafasContentEnd, #hafasLegend .end {background: url(/v/1512/img/schatten_buchung.png) no-repeat scroll -994px 0px;} #content ul.progress li.progress_past {background: url("/v/1512/img/erledigt_gruen_16x16.gif") 0px center no-repeat;} #content ul.progress li.progress_active {background: #f00 url("/v/1512/img/aktuell_nur_rot_16x16.gif") 0px center no-repeat; color: #fff; margin-right: 8px;} #content ul.progress li.progress_future {background: url("/v/1512/img/offen_grau_16x16.gif") 0px center no-repeat;} #hafasTooltipContainer {position: absolute; background-color: #fff; color: #000; border: 1px solid #ccc; padding: 2px; display: inline; z-index: 100;} #hafasTooltipContainer .greenA {background: url("/v/1512/img/kont_haken.gif") right center no-repeat; padding-right: 10px;} #hafasTooltipContainer .redA {background: url("/v/1512/img/kont_kreuz.gif") right center no-repeat; padding-right: 10px;} #hafasTooltipContainer .questionA {background: url("/v/1512/img/kont_fragezeichen.gif") right center no-repeat; padding-right: 10px;} #hafasTooltipContainer .out {margin-right: 5px;} #hafasTooltipContainer.csTooltip {border: 1px solid #000; font-size: 0.7em;} #hafasTooltipContainer img#tooltipImg {position: absolute;} #hafasTooltipContainer img#closeTooltip {float: right; padding: 3px; cursor: pointer;} #content div.smallPadding {padding: 2px 4px;} #content div.grBookingChoice {margin-top: 10px; margin-bottom: 10px; padding-left: 56px; height: 40px; font-size: 0.7em;} div.hafasErrorAjax {border: 8px solid #F2F2F2; background: #fff; padding: 4px;} div#doc div#header.headerTpResults, div#doc div#main-nav {z-index:100 !important;} div#doc h2.mainNaviHeadingCorrection {text-indent: -9000px; color: #000;} #content ul.process-list li.active {background-color: #E4421C !important;} #content #zplusLeftContainer {float: left; width: 320px; font-size: 0.7em; position: relative;} #content #zplusLeftContainer .contentshadow {padding: 4px;} #content #zplusLeft {height: 537px;} #content #zplusRight {position: relative; float: right; margin-left: 0; width: 652px;} #content .zplusRight {overflow: auto; height: 500px; position: relative;} #content.hafasContainerTransparent {background: none; padding-top: 0;} #content #zplusSlider ul li {list-style-type: none; white-space: nowrap; float: left; font-size: 1.0em; cursor: pointer;} #content #zplusSlider ul li.zplusSliderLast {float: none; background: transparent; padding: 8px 1px 8px 0; height: 24px; cursor: default;} #content #zplusSlider .active {background-color: #f6f6f6 !important;} #content #zplusJourneyCon {overflow: auto; width: 100%; height: 468px; position: relative;} .fontsize20 #content #zplusJourneyCon {height: 438px;} .fontsize18 #content #zplusJourneyCon {height: 448px;} #content #zplusJourney {width: auto; position: relative;} #content #zplusJourney img.top {vertical-align: middle;} #content .zplusLocation, #content .zplusLocationPast {background-color: #F2F2F2; background-position: -5px 0; border-bottom: 1px solid #ccc; border-left: 10px solid #F2F2F2; border-right: 10px solid #F2F2F2; cursor: pointer;} #content .zplusLocationArr, #content .zplusLocationArrPast {padding: 10px 10px 0px 25px;} #content .zplusLocationDep, #content .zplusLocationDepPast {padding: 0px 10px 10px 25px;} #content .zplusLocation .station, #content .zplusLocationPast .station {font-size: 1.1em; font-weight: bold; padding: 0px 10px 0px 25px;} #content .zplusWalk, #content .zplusWalkPast {background-color: #fff; background-position: -5px 0; padding: 10px 10px 10px 25px; border-bottom: 1px solid #ccc; border-left: 10px solid #fff; border-right: 10px solid #fff;} #content .zplusInterStation, #content .zplusInterStationPresent, #content .zplusInterStationPast {background-color: #fff; background-position: -5px 0; padding: 10px 10px 10px 25px; border-bottom: 1px solid #ccc; border-left: 10px solid #fff; border-right: 10px solid #fff; cursor: pointer;} #content .zplusInterStation .station, #content .zplusInterStationPresent .station, #content .zplusInterStationPast .station {font-weight: bold;} #content img.zplusChange {position: absolute; left: 5px;} #content img.zplusToggleSection {position: absolute; right: 10px; height: 16px; width: 16px;} #content .zplusMOT, #content .zplusMOTPast {background-color: #fff; background-position: -5px 0; padding: 10px 10px 10px 25px; border-bottom: 1px solid #ccc; border-left: 10px solid #fff; border-right: 10px solid #fff; cursor: pointer;} #content .zplusMOT .MOT, #content .zplusMOTPast .MOT {font-size: 1.1em; font-weight: bold;} #content .zplusLocation, #content .zplusWalk, #content .zplusLocationDepFuture, #content .zplusMOT {background-image: url("/v/1512/img/zplus/RouteLinie_v2.png"); background-repeat: repeat-y;} #content .zplusMOTGis {background-image: url("/v/1512/img/zplus/RouteLinieGis_v2.png") !important;} #content .zplusInterStation {background-image: url("/v/1512/img/zplus/RouteLinieStop_v2.png"); background-repeat: no-repeat; background-position: -5px center;} #content .zplusLocationPast, #content .zplusWalkPast, #content .zplusMOTPast {background-image: url("/v/1512/img/zplus/RouteLinieTrain_v2.png"); background-repeat: repeat-y;} #content .zplusMOTGisPast {background-image: url("/v/1512/img/zplus/RouteLinieTrainGis_v2.png") !important;} #content .zplusInterStationPast {background-image: url("/v/1512/img/zplus/RouteLinieStopTrain_v2.png"); background-repeat: no-repeat; background-position: -5px center;} #content .zplusInterStationPresent {background-image: url("/v/1512/img/zplus/RouteLinieStopPresent_v2.png"); background-repeat: no-repeat; background-position: -5px center;} #content .zplusLocationDepFuture {background-position: -5px 0;} #content .zplusDestLocation {padding-bottom: 0 !important; border-bottom: none !important; position: relative;} #content .zplusDepLocation {padding-top: 0 !important;} #content .zplusEnd {background-color: #F2F2F2;} #content .zplusStart {background-color: #F2F2F2;} #content .zplusActiveStation {border-left: 10px solid #999DA6 !important; border-right: 10px solid #999DA6 !important;} #content .zplusmap_menu {background-color: #fff; border: 1px solid #000; padding: 4px; position: absolute; right: 0; bottom: 20px; z-index: 9; font-size: 0.7em;} #content .zplusmap_menu img {vertical-align: middle;} #content .zplusroute_route {background-color: #fff; border: 1px solid #000; padding: 4px; position: absolute; right: 0; top: 20px; z-index: 9;} #content #zplusroute_routedescription {height: 300px; overflow: auto;} #content #zplusroute_routedescription td{padding:4px 2px;} #content #zplusPane_stInfo {padding: 0 8px;} #content div.zplusSummaryLine {padding-bottom: 4px;} #content div#zplusSummary {padding-bottom: 4px;} #content #zplusPane_stBoard table.products td {padding: 0 4px;} /*#content #zplusPane_stBoard table.result {width: auto;}*/ #content #zplusPane_Map .ajaxmapdiv img {margin-bottom:0;} #content #zplusPane_stRoute .ajaxmapdiv {position: relative;} #content #zplusPane_Map .ajaxmapdiv {position: relative;} #content #zplusStRouteCon {padding: 4px 4px 0 4px;} #zplusRight table.products label {margin-right: 11px;} #zplusRight a.printview, #zplusLeftContainer a.printview {display: inline; padding-left: 16px;} #zplusRight a.printview:active, #zplusRight a.printview:hover, #zplusLeftContainer a.printview:active, #zplusLeftContainer a.printview:hover {text-decoration: none;} #content div.himmessageMap {width: 200px; white-space: normal; padding-top: 4px;} #content div.HafasLayer {position: absolute; width: 50%; left: 25%; top: 30%; z-index: 10001; background-color: #fff; padding: 8px; border: 1px solid #000;} #content #zplusPane_Map .ajaxmapdiv div.ptvinfoboxcontent img.middle {margin-bottom: 0.3em !important;} #content .topshadow {background: transparent url(/v/1512/img/schatten_oben.png) 1px top repeat-x; margin-right: 10px; margin-left: 10px; height: 8px;} #content .topshadowright {height: 8px; width: 10px; background: transparent url(/v/1512/img/schatten_oben_rechts.png) 1px top no-repeat; position: absolute; right: 1px;} #content .topshadowleft {height: 8px; width: 10px; background: transparent url(/v/1512/img/schatten_oben_links.png) 1px top no-repeat; position: absolute; left: 0px;} #content .contentshadow {background-color: #fff; margin-left: 10px; margin-right: 10px; position: relative;} #content .contentshadowleft {position: absolute; left: -10px; top: 0px; width: 10px; height: 100%; background: transparent url(/v/1512/img/schatten_links.png) 1px top repeat-y;} #content .contentshadowright {position: absolute; right: -9px; top: 0px; width: 10px; height: 100%; background: transparent url(/v/1512/img/schatten_rechts.png) 1px top repeat-y;} #content .bottomshadow {background: transparent url(/v/1512/img/schatten_unten.png) 1px -3px repeat-x; margin-right: 10px; margin-left: 10px; height: 16px;} #content .bottomshadowright {height: 16px; width: 10px; background: transparent url(/v/1512/img/schatten_unten_rechts.png) 1px -3px no-repeat; position: absolute; right: 1px;} #content .bottomshadowleft {height: 16px; width: 10px; background: transparent url(/v/1512/img/schatten_unten_links.png) 1px -3px no-repeat; position: absolute; left: 0px;} #content .reverseShadow {background: #fff !important; height: 4px;} #content .reverseShadow .bottomshadowright {background: transparent url(/v/1512/img/schatten_rechts.png) 1px -3px repeat-y; height: 2px;} #content .reverseShadow .bottomshadowleft {background: transparent url(/v/1512/img/schatten_unten_links_reverse.png) 1px -3px no-repeat;} #content .shadowbutton {background: transparent url(/v/1512/img/schatten_button.png) -27px -3px no-repeat; padding: 12px; position: relative; z-index: 2; cursor: pointer;} /* progress bar */ #content ul.process-bar {padding: 7px 8px 4px 20px;} #content ul.process-bar li {box-sizing:content-box;} #content ul.process-bar li {margin-right: 4px; float: left; padding: 5px 16px 5px 0; width: 90px; text-align: center; background: #e4e4e4 url(/v/1512/img/fortschrittsanzeige_bg_kurz.png); font-size: 11.2px;} #content ul.process-bar li.active {background-position: 0 54px; background-color: #f00; color: #fff; font-weight: bold;} #content ul.process-bar li.checked {background-position: 0 27px; padding: 5px 16px 5px 20px; width: 70px;} #content ul.process-bar li.longprogress_future {width: 125px; background: #e4e4e4 url(/v/1512/img/fortschrittsanzeige_bg_lang.png)} #content ul.process-bar li.longactive {width: 125px; background: #f00 url(/v/1512/img/fortschrittsanzeige_bg_lang.png) 0 54px; color: #fff; font-weight: bold;} #content ul.process-bar li.longchecked {padding: 5px 16px 5px 20px; width: 104px; background: #e4e4e4 url(/v/1512/img/fortschrittsanzeige_bg_lang.png) 0 27px;} #content ul.process-bar li.last {padding-right: 0 !important; width: 106px; background: #e4e4e4 url(/v/1512/img/fortschrittsanzeige_bg_bestaetigung.png)} /* sprite image */ .icons-sprite, .icons-_arrow-left-grey, .icons-_arrow-right-grey, .icons-_calendar-disabled-transparent, .icons-_calendar-disabled, .icons-_calendar-white, .icons-_calendar, .icons-_check, .icons-_checkbox, .icons-_info-grey, .icons-_person-grey, .icons-_slider-controls, .icons-_slider-next, .icons-_slider-prev, .icons-_star-white, .icons-_star, .icons-_trash-dark, .icons-_warning-small, .icons-_warning, .icons-alarm, .icons-arrow-down-select, .icons-arrow-down-white, .icons-arrow-down, .icons-arrow-grey-big, a.link.disabled i.icons-ico-arrow-red-big, a.form-link.disabled i.icons-ico-arrow-red-big, .icons-arrow-left-btn-dark, .icons-arrow-left-btn:hover, #ui-datepicker-div .ui-datepicker-header a.ui-datepicker-prev span.ui-icon.ui-icon-circle-triangle-w:hover, .icons-arrow-left-btn-dis, .icons-arrow-left-btn, #ui-datepicker-div .ui-datepicker-header a.ui-datepicker-prev span.ui-icon.ui-icon-circle-triangle-w, .icons-arrow-left-disabled, .icons-arrow-red, .icons-arrow-right-btn-dark, .icons-arrow-right-btn:hover, #ui-datepicker-div .ui-datepicker-header a.ui-datepicker-next span.ui-icon.ui-icon-circle-triangle-e:hover, .icons-arrow-right-btn-dis, .icons-arrow-right-btn, #ui-datepicker-div .ui-datepicker-header a.ui-datepicker-next span.ui-icon.ui-icon-circle-triangle-e, .icons-arrow-right-dark, .icons-arrow-right-disabled, .icons-arrow-station, .icons-arrow-switch, .icons-arrow-up-white, a.grey-toggle.active .ico, .icons-autocomplete-address, .icons-autocomplete-station, .icons-bg-24-24, .icons-bike, .icons-calendar-active, .icons-calendar-big.active, .icons-calendar-big.active:hover, .icons-calendar-big-dark, .icons-calendar-big:hover, .icons-calendar-big, .icons-calendar-day-active, #ui-datepicker-div .ui-state-default.ui-state-active, #ui-datepicker-div .ui-state-default.ui-state-active:hover, #ui-datepicker-div .ui-state-highlight.ui-state-active, #ui-datepicker-div .ui-state-highlight.ui-state-active:hover, .icons-calendar-disabled-big-dark, .not-enabled .icons-calendar-big:hover, .icons-calendar-disabled-big, .not-enabled .icons-calendar-big, .icons-calendar-grey, .icons-checkboxes, .icons-close-big, .icons-close-x-grey, .icons-environment-check, .icons-favourite-active, .icons-star-big.active, .icons-star-big.active:hover, .icons-ico-arrow-red-big, .icons-icon-down, .icons-info-dark, .icons-info, .icons-magnifier-minus, .icons-magnifier-plus, .icons-no-sale, .icons-person-dark, .icons-person-darkgrey-big-dark, .icons-person-darkgrey-big:hover, .icons-person-darkgrey-big, .icons-person-darkgrey, .icons-person, .icons-pin-grey, .icons-print, .icons-profil-active, .icons-person-darkgrey-big.active, .icons-person-darkgrey-big.active:hover, .icons-radio-checked, .icons-radio, .icons-seat-inkl, .icons-seat, .icons-small-star, .icons-star-big-dark, .icons-star-big:hover, .icons-star-big, .icons-toggle-disabled, .not-enabled .toggle .input-checked, .icons-toggle-large, .toggle-wrapper-large .input-checked, .toggle-wrapper-large input[type="radio"]:checked + label, .icons-toggle, .toggle-wrapper .input-checked, .toggle-wrapper input[type="radio"]:checked + label, .icons-transfer, .icons-transport-busse, .icons-transport-ecic, .icons-transport-ice, .icons-transport-interregio, .icons-transport-nahverkehr, .icons-transport-sbahn, .icons-transport-schiffe, .icons-transport-taxi, .icons-transport-tram, .icons-transport-ubahn, .icons-trash-dark, .icons-trash, .icons-warning-color-small, #content table.result td a.open span span, #content table.result td a.close span span, #content table.result td a.moreClose span span, #content a.buttonGreyBg span, .icons-transport-0, .icons-transport-1, .icons-transport-2, .icons-transport-3, .icons-transport-4, .icons-transport-5, .icons-transport-6, .icons-transport-7, .icons-transport-8, .icons-transport-9, #content #querySummaryForm .locationSwitch .locationSwitchIcon, .icons-person-grey-big, .icons-person-grey-big-dark, .icons-star-yellow-big { background-image: url("/v/1512/img/icons-sprite.png"); } .checkbox-wrapper input[type="checkbox"] + label {background-image: url("/v/1512/img/checkboxes.png");} .radio-wrapper input[type="radio"] + label {background-image: url("/v/1512/img/radio.png");} .radio-wrapper input[type="radio"]:checked + label {background-image: url("/v/1512/img/radio-checked.png");} .inactive {opacity:0.5;} #date1Del.inactive {display:none;} #content #viaBox {clear:left;} #content div.viaLocationHolderInner {width:600px; margin-top: 9px;} #content div.viaLocationHolderInner label.jsPaddingLeft {padding-left:0;} #returnJourneyLayer div.viaLocationHolderInner label {padding-top:0.4em;} #returnJourneyLayer div.viaLocationHolderInner label.boldText {padding-left:0;} #returnJourneyLayer div.viaLocationHolder hr.divider {margin:10px 0 15px !important;} /* spezielle Klasse für eigene Rückfahrt-Seite */ /* gelten z.T. auch für "Suchkriterien ändern" bei Live-Auskunft und akt. Altern. */ #content h2.returnPage, #content h2.sotContentPage {margin-top:20px;} #content div.returnPage div.input-wrapper:first-child, #content div.returnPage div.viaLocationHolder, #content div.returnPage div.viaLocationHolderInner, #content div.returnPage div.viaContainer {margin-left:0px;} #content div.returnPage div.viaLocationHolderInner:first-child {margin-top:0 !important;} #content div.returnPage div.viaLocationHolderInner label.boldLabel {padding-left:0;} #content div.returnPage p.querybutton {font-size:0.875em; margin-bottom:10px;} #content div.returnPage div.viaLocationHolder hr.divider, #content hr.divider.returnPage.smallSpace {margin:20px 0 15px !important;} #content h2.sotContentPage {padding-left:10px; font-size: 1.25em;} #content p.sotChangeIntro {font-size:0.75em; margin-bottom:20px; padding-left:10px;} #content h3.sotChangeHeadline {font-size: 1em; margin-bottom: 13px; margin-top: -3px !important; font-family:DBSansRegular; font-weight:normal; padding-right:20px; padding-left:10px;} /* Bildleiste */ #content #hafasImgBar {position: relative; height: 100px; background-color:#f5f5f5; padding:20px 0; box-shadow: 0 5px 8px -5px rgba(0, 0, 0, 0.4) inset;} #content #hafasImgBar img {position: absolute; display: block;} /* Iframe Verkehrstage */ #returnJourneyLayer iframe.vtk {background:transparent; border:none; margin-top:40px;} iframe.vtCalIframe {border:0px; width:440px; height:500px; margin-top:20px; box-shadow:0 1px 8px 0 rgba(0, 0, 0, 0.4)} /* Fahrradhinweis */ div.bikeHint {margin-top:15px; font-size:0.75em;}