/* Link (nicht unterstrichen) nach Rechts-Pfeil; Buttons, die wie Links aussehen mit vorangestelltem Pfeil */ a.arrowlink, a.arrowlink:link, a.arrowlink:visited, input.arrowlink, button.arrowlink {color:#000; padding-left:15px !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;} .hafasPopup {width: auto !important; background-position: -10px top !important; padding: 0 !important; height: 100%;} .hafasPopup #hafasContainer {width: auto !important; padding: 10px 20px;} .hafasPopup .logo img {margin-top:30px; margin-left:10px;} #hafasContainer h1.pagetitle {margin:0.5em 0; font-family:DBSansRegular;} div.hafasContent, #hafasLegend .content {background-color: #fff; padding-left: 15px; padding-right: 13px;} #hafasLegend .icon {padding-right: 8px;} @media screen { body {min-width: 600px;} div.hafasContent { border: 1px solid #ccc;} } #hafasContainer .clearfix:after, #hafasLegend .clearfix:after {clear:both;content:".";display:block;height:0;visibility:hidden} #hafasContainer .clearfix, #hafasLegend .clearfix {padding-bottom: 8px;} #hafasContainer table .clearfix {padding-bottom: 0px;} #hafasContainer .querybutton {margin: 6px 6px 0 7px;} #hafasContainer .floatRight {float: right;} #hafasContainer .floatLeft {float: left;} #hafasContainer .fontNormal {font-size: 0.75em;} #hafasContainer .hint {font-size: 0.75em; margin:8px 0;} #hafasContainer img {vertical-align: middle;} #hafasContainer .jsShow, #hafasContainer .jsShowInline {display: none;} table.printConfig {padding:0; margin:10px 0; width: 100%;} .printConfig th, .printConfig td {padding:5px 10px;} .printConfig th {font-weight:bold; background-color: #e7e7e7; border-left: 3px solid #ffffff;} .printConfig th:first-child {border-left: none;} .printConfig tr.headlines td {font-family: DBSansRegular; font-size:1.1em; text-align:center;} .printConfig tr.dark td {background:#f5f5f5; font-size:1.1em; text-align:center;} .printConfig tr.dark td:first-child {text-align:left;} .printConfig td.nowrap {white-space:nowrap;} .printConfig th.distance, .printConfig td.distance {padding-right: 32px;} .printConfig input.dark {background:#e7e7e7;} .printConfig input.radio {border:none;margin-right:2px;min-height:0;padding:0;vertical-align:middle;} .printConfig input, .printConfig a, .printConfig textarea {font-size: 1.0em;} div.printconfig {font-size: 1.0em;} div.printButtons {font-size: 0.7em; padding: 8px;} #printConfig {margin-bottom: 16px; font-size:0.75em;} #printConfig td {padding-left:0; padding-right:0;} @media print { .printConfig {display: none;} .hafasPopup {font-size: 0.8em;} } #hafasContainer div.clearBoth {clear: both;} #hafasContainer div.querysummary {font-size: 0.8em; clear: both;} #hafasContainer table.result {border-style: none; white-space: normal; width: 100%;} #hafasContainer .result th {font-size: 1.1em; background-color: #fff; border-top: 1px solid #000; border-bottom: 1px solid #000; padding-top: 1px; padding-bottom: 1px; font-weight: bold;} #hafasContainer .result td {padding-top: 1px; padding-bottom: 0px; font-size: 1.1em; vertical-align: top;} #hafasContainer .result td.date, #hafasContainer .result td.time {white-space: nowrap; padding-left: 2px; padding-right: 2px;} #hafasContainer .result tr.servant td.time {padding-left: 20px !important;} #hafasContainer .result .result td, #hafasContainer .result .result th, #hafasContainer .result table td, #hafasContainer table table {font-size: 1.0em;} #hafasContainer .result td.iconPaddingRight, #hafasContainer .result tr.details td td.iconPaddingRight {padding-right: 20px; position: relative;} #hafasContainer .result td.iconPaddingRight img.stationRightIcon {position: absolute; right: 2px;} #hafasContainer table.agency tr td {border-bottom: 1px solid #000; padding-right: 2px;} #hafasContainer table.agency table tr td {border: none; padding: 0;} #hafasContainer .result tr.last td {border-bottom: 1px solid #000; padding-top: 0px; padding-bottom: 1px;} #hafasContainer .result td.lastrow {border-bottom: 1px solid #000; padding-top: 1px; padding-bottom: 1px;} #hafasContainer .result tr.details td {padding-bottom: 10px;} #hafasContainer .result tr.details td td {padding-bottom: 0px; padding: 0 2px;} #hafasContainer .result tr.intermediate td {border-bottom: 1px solid #000; padding-top: 0px; padding-bottom: 1px;} #hafasContainer .result td.MOT {padding-top: 4px !important;} #hafasContainer .logoCustomer {float: left; font-size: 0.75em; width: 250px; padding: 10px;} #hafasContainer .logoDB {font-size: 0.75em; text-align: right; vertical-align: top; padding: 10px;} #hafasContainer h2 {font-size: 0.75em; font-weight: bold;} .hafasPopup #hafasContainer .agencyMap h2 {font-size: 1.5em; font-weight: normal;} #hafasContainer .traveller {font-size: 0.75em; padding-bottom: 10px;} #hafasContainer p {margin-bottom: 0;} #hafasContainer .ecologyHint {font-size: 0.75em; font-weight: bold; padding: 1px 3px 1px 0px; margin-bottom:10px; white-space: normal;} #hafasContainer table.ecologySummary td {padding: 2px 8px;} #hafasContainer table.ecologyOverview {width: 100%;} #hafasContainer table.ecologyOverview td {border: 2px solid #f2f2f2;} #hafasContainer table.ecologyOverview tr.duration td {background: #f6f6f6; font-size: 1.3em; font-weight: bold; color: #555;} #hafasContainer table.ecologyOverview tr.duration td img {vertical-align: middle;} #hafasContainer table.ecologyOverview td.col {border-right: 2px solid #f2f2f2;} #hafasContainer table.ecologyOverview td.ecocloud {text-align: center; vertical-align: bottom;} #hafasContainer table.ecologyOverview div.ecocloud {position: relative; color: #fff; font-weight: bold;} #hafasContainer 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;} #hafasContainer table.ecologyOverview td.train {background: #fff url("/v/1612/img/Bahn.png") left bottom no-repeat; height: 50px; vertical-align: top;} #hafasContainer table.ecologyOverview td.car {background: #fff url("/v/1612/img/Auto.png") left bottom no-repeat; height: 50px; vertical-align: top;} #hafasContainer table.ecologyOverview td.flight {background: #fff url("/v/1612/img/Flug.png") left bottom no-repeat; height: 50px; vertical-align: top;} #hafasContainer table.ecologyResult .diagram img {margin: 0px;} #hafasContainer table.ecologyResult .diagramContainer {background-color: #fff; padding: 0px;} #hafasContainer table.diagram {margin: 8px 0px;} #hafasContainer table.diagram td {margin: 0px; padding: 0px; line-height: 0px;} #hafasContainer table.diagram .center {text-align: center;} #hafasContainer table.diagram .bottom {vertical-align: bottom;} #hafasContainer table.diagram .caption td, #hafasContainer table.diagram td.caption {line-height: 1.0em;} #hafasContainer table.ecologyTable {width: 550px; background-color: #f2f2f2; border: 1px solid #d5d5d5;} #hafasContainer table.ecologyTable td {padding: 2px; line-height: 1.0em;} #hafasContainer table.result td.ecodark img {vertical-align: middle;} #hafasContainer table.ecoTable td {border: 1px solid #ccc;} #hafasContainer table.routeDescription {font-size: 0.75em;} #hafasContainer table.routeDescription td, #hafasContainer table.routeDescription th {border-bottom: 1px solid #000;} #hafasContainer div.himMessage {border-top: 1px solid #000;} #hafasLegend {font-size: 0.7em;} #hafasLegend div.legendtext {margin-left: 25px;} #hafasContainer table.stboard.dep tr:hover td {background-color: #fff !important;} #hafasContainer table.stboard td.train {white-space: nowrap;} #hafasContainer table.stboard th, #hafasContainer table.stboard td {padding: 4px !important;} #hafasContainer div.stInfoAddress {padding-top: 10px; padding-left: 8px; padding-right: 8px; padding-bottom: 8px; font-size: 0.7em;} #hafasContainer div.stInfoAddress div.weekdays {float:left; width:40px;} #hafasContainer table.stInfoTable {width: 360px;} #hafasContainer table.stInfoTable tr td {background: #e4e4e4; padding: 4px; border-bottom: 2px solid #fff; line-height: 24px;} #hafasContainer table.stInfoTable tr td.stInfoValue {line-height: 16px; padding-top: 10px;} #hafasContainer table.stInfoTable tr td.stInfoValue img {margin-top: -6px;} #hafasContainer 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;} #hafasContainer div.stInfoMobilityHint {font-size: 0.7em;} #hafasContainer table.stboard .himMessagesHigh {background: url("/v/1612/img/anschlussgefaehrdung_16x16.gif") left 3px no-repeat; padding-left: 22px; padding-top: 2px; padding-bottom: 2px;} #hafasContainer table.stboard .himMessagesMiddle {background: url("/v/1612/img/achtung_rahmen_16x16.gif") left 3px no-repeat; padding-left: 22px; padding-top: 2px; padding-bottom: 2px;} /* Formularelemente */ .input-wrapper {background: #fff none repeat scroll 0 0; border: 1px solid #878c96; height: 32px; margin: 0px; padding:0; width:400px;} .input-wrapper input {border: medium none; padding:0 5px; width:390px;} input {border:1px solid #878c96; height:32px; vertical-align:middle;} input[type="text"], input.text {color: #333; font-family: DBSansBold; font-size:1em;} 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;} .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:0; position: relative; width:20px; height:20px;} input.radio {border:none;margin-right:2px;min-height:0;padding:0;vertical-align:middle} .radio-wrapper input[type="radio"] + label {background-image: url("/v/1612/img/radio.png");} .radio-wrapper input[type="radio"]:checked + label {background-image: url("/v/1612/img/radio-checked.png");} .checkbox-wrapper input[type="checkbox"] {margin: 5px 0 0 5px; opacity: 0;} .checkbox-wrapper input[type="checkbox"] + label {background-image: url("/v/1612/img/checkboxes.png");} .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;} input.checkbox {border:none;margin-right:2px;min-height:0;padding:0;vertical-align:middle; background:transparent;} .printConfig textarea {border:1px solid #878c96; font-family: DBSansBold; font-size: 1em; padding:5px; width:390px;} /* Trennlinie */ hr.divider {margin: 20px 0; border-top: 1px solid #f5f5f5;} /* sonstige neue Klassen */ .boldText {font-family:DBSansBold;} .regularText {font-family:DBSansRegular;} .hide, .displayNone {display:none;} .noMargin {margin: 0px !important;} .button-inside span.button-border button, .button-inside span.button-border input.button, .button-inside span.button-border a {font-size:1em !important;} .inactive {opacity:0.5; cursor:default !important;}