/* css.tpl */
/* style sheets for HAFAS if in screen mode */
.hafas * {
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
  text-decoration:none;
  }
img {
  border:none;
  }
ul {
  margin: 0;
  padding: 0;
  }
li {
  list-style: none outside none;
  margin: 0;
  padding: 0;
  }
.hafas a,
.hafas a:link {
  color:#000000;
  text-decoration:none;
  }
.hafas a:hover,
.hafas a:active {
  text-decoration:underline;
  color:#003399;
  }
/* Link-Buttons e.g. map-input */
input.icon {
  border:none;
  color:#000000;
  padding-left:18px;
  background:no-repeat transparent left;
  border-bottom: 1px solid transparent;
  }
input.icon:hover {
  text-decoration:underline;
  border-bottom: 1px solid #003399;
  color:#003399;
  }
/* Links with icons */
span.icon,
a.icon {
  padding-left:18px;
  padding-right:8px;
  background:no-repeat transparent left top;
  }
a.icon {
  display:inline-block;
  min-height:15px;
  text-align:left;
  }
a.psEarlier, a.psLater, a.psEarlier:hover, a.psLater:hover {
  float:right;
  background:no-repeat transparent left;
  background-position:0px 0px;
  display:inline-block;
  height:13px;
  width:13px;
  margin-right:5px;
  }
a.weather {
  padding-left:10px;
  padding-right:0px;
  background-position:0px 4px;
  display:inline-block;
  height:20px;
  }
a.icon2 {
  padding-left:8px;
  padding-right:18px;
  background:no-repeat transparent right center;
  }
a.icon_only,
div.icon_only {
  background:no-repeat transparent left top;
  display:block;
  height:15px;
  width:15px;
  overflow:hidden;
  vertical-align:top;
  }
a.icon_only:hover,
div.icon_only:hover {text-decoration:none;}

a.smsalarm {/* The SMS icon is larger */
  height:21px !important;
  width:21px !important;
  float:right;
  }
a.download { /* special styles for download link */
  vertical-align:bottom;
  padding-top:2px;
  padding-bottom:2px;
  }
a.fliesstext {
  padding-right:1px;
  }

a.himdetails {
  color:#000000 !important;
  text-decoration:none !important;
  cursor:pointer;
  }
a.himdetails:hover {
  color:#000000 !important;
  text-decoration:none !important;
  cursor:pointer;
  }

span.himdetails {
  color:#566373 !important;
  font-weight:bold;
  }
span.himdetails:hover {
  color:#003399 !important;
  font-weight:bold;
  }


/* Link Icons ??? */
div.rs_skip {
  display:inline;
  margin:0px;
  padding:0px;
  }

/* moves elements out off screen e.g. "icon only links" */
.offScreen {
  position:relative;
  left:-9999px;
  }

/* Some ASCII Calendars are still alive -> TQ, SQ */
.pre,
pre {
  font-family:courier new,courier,monospace !important;
  }

/* OLD stuff ??? -> partly used for ecology  */
.hafas .bold {
  font-weight:bold;
  }
.hafas .right {text-align:right;}
.hafas .center {
  text-align: center;
  }
.hafas .center input {
  position:relative;
  margin-left:auto;
  margin-right:auto;
  }
.hafas .left {
  text-align:left !important;
  }
.hafas .top {
  vertical-align:top !important;
  }
.hafas .middle {
  vertical-align:middle !important;
  }
.hafas .bottom {
  vertical-align:bottom !important;
  }
.hafas p.title {
  font-size:18px;
  font-weight:bold;
  }
th {
  font-weight:bold;
  text-align:left;
  vertical-align:middle;
  }

.hafas .rs,
.hafas .rs * {
  font-size:11px;
  }
.hafas .rs a,
.hafas .rs a:link,
.hafas .rs a:visited {
  color: #000;
  text-decoration: none;
}

.hafas table.sq_dep_header .rs a,
.hafas table.sq_dep_header .rs a:link,
.hafas table.sq_dep_header .rs a:visited{
  color:#fff;
}




.hafas .rs a:hover,
.hafas .rs a:active {
  color:#003399;
  text-decoration:underline;
  }
.hafas .hint {
  color:#000033;
  line-height:16px;
  }

.hafas td.prognosis,
.hafas span.prognosis {
  color:#EE0000;
  }
.hafas table.hfs_stboard td.result a.prognosis_dep {
  color:#FFE51A !important;
}
.hafas table.hfs_stboard td.result a.prognosis_arr {
  color:#EE0000 !important;
}
.hafas table.hfs_stboard.sq_dep_header td.prognosis,
.hafas table.hfs_stboard.sq_dep_header span.prognosis{
  color:#FFE51A;
}

.hafas table.hfs_stboard.sq_dep_header td.prognosis{
  color:#FFE51A;
}

.hafas th.help {
  text-align:left;
  }

tr.headline td {
  height: 84px;
  }

h1 {
  padding-left:4px;
  }

.hafas .hint_realtime,
.hafas .hint_realtime * {
  font-size: 11px;
  }

/* oneSBB button styles */
.hafas input.redButton,
.hafas button.redButton,
.hafas input.blackButton,
.hafas a.redButton,
.hafas a.redButton:link,
.hafas a.redButton:hover,
.hafas a.redButton:active,
.hafas a.redButton:visited {
  -webkit-border-radius:3px 3px 3px 3px;
  -khtml-border-radius:3px 3px 3px 3px;
  -moz-border-radius:3px 3px 3px 3px;
  border-radius:3px 3px 3px 3px;
  font-size: 12px;
  font-weight:bold;
  text-align:center;
  padding:2px 10px;
  text-decoration:none;
  margin:1 !important;
  height:auto;
  line-height:16px;
  vertical-align:middle;
  white-space:nowrap;
  border: 1px solid #B20000;
  color:#FFFFFF;
  background-color:#EE0000 !important;
  cursor: pointer;
}
.hafas input.redButton:hover,
.hafas button.redButton:hover,
.hafas a.redButton:hover {
  background-color:#B20000 !important;
  }

.hafas input.greyButton,
.hafas button.greyButton,
.hafas a.greyButton,
.hafas a.greyButton:link,
.hafas a.greyButton:hover,
.hafas a.greyButton:active,
.hafas a.greyButton:visited {
  -webkit-border-radius:3px 3px 3px 3px;
  -khtml-border-radius:3px 3px 3px 3px;
  -moz-border-radius:3px 3px 3px 3px;
  border-radius:3px 3px 3px 3px;
  font-size: 12px;
  font-weight:bold;
  text-align:center;
  padding:2px 10px;
  text-decoration:none;
  /*height:20px;*/
  height:auto;
  line-height:16px;
  vertical-align:middle;
  white-space:nowrap;
  color:#FFFFFF;
  /*border: 1px solid #687786;
  background-color: #687786 !important;*/
  border: 1px solid #8592A1;
  background-color: #8592A1 !important;
  margin-right:5px;
  cursor: pointer;
  display: inline;
}

.hafas input.blackButton{
   background-color:#333 !important;
   border:1px solid black;
   margin-right:6px;
}

.hafas input.greyButton:hover,
.hafas button.greyButton:hover,
.hafas a.greyButton:hover {
  /*background-color:#003399 !important;
  border: 1px solid #003399;*/
  border: 1px solid #687786;
  background-color: #687786 !important;
  }

/* Form fields with different sizes */
.hafas .textarea,
.hafas .select,
.hafas .input {
  border:1px solid #7F9DB9;
  }

/* Active input fields should show black border */
.hafas .input{
    box-sizing:border-box;
    height:17px;
}
.hafas .input:focus{
    border:2px solid #000;
}

input.small {width:50px;}
input.medium {width:90px;}
input.xlarge {width:250px;}
textarea.xxlarge {
  width:360px;
  min-width:360px; /* for browsers that support resizable textareas */
  min-height:80px !important;
  }
input.xxlarge {width:360px;}
select.medium {width:155px;}

.link {
  background:transparent;
  border:none;
  font-size:12px;
  height:20px;
  color:#039;
  padding:0;
  margin:0;
  cursor:pointer;
  line-height:20px;
  vertical-align:bottom;
  text-align:left;
  padding-left:2px;
  }

input.link:link {
  text-decoration: none;
  }
input.link:hover {
  text-decoration: underline;
  }

.hafas .footer * {
  font-size: 11px;
  }

.tooltip {
  background-color:#ffe;
  border:1px solid #777;
  display:none;
  position:absolute;
  z-index:10000;
  height:auto;
  }

.hafas .him_message_global td {
  font-size:11px;
  border:0px;
  padding:2px;
  }

body.popup {margin:10px;}

/* Usermail/Feedback Form-content */
th.feedback,td.feedback {vertical-align:top;}

div.requestedDateHint {
  font-weight:bold;
  color:#EE0000;
  margin-top:4px;
  }

/* Errorpage addtional information below HAFAS error */
#HFSErrorInformation p {
  margin-top:10px;
  margin-bottom:1px;
  font-weight:bold;
  }
#HFSErrorInformation p span {
  font-weight:normal;
  }

tr.hideIntermediateStops tr.intermediateStop {
  display: none;
  }
.hideElement,
.hide {
  display: none !important;
  }

/* special hide class for overview row -> see more styles for this class in css.tpl */
.hideLine,
.hideLine * {
  height:1px !important;
  overflow:hidden !important;
  line-height:1px !important;
  padding:0px !important;
  margin:-10px 0px !important;
  font-size:1px !important;
 }
.hideLine span.connectionNumberOverview,
.hideLine span.connectionNumberDetails,
.hideLine img {
  visibility:hidden !important;
  margin-left:0px !important;
  padding:0px !important;
  height:auto !important;
  border:none !important;
  background-color:#FFFFFF !important;
  }
td.additionalContent {
  padding: 0px !important;
  margin-bottom:0px;
  border:none;
  margin: 3px 0px;
  background-color:#F0F0F0;
  }

td.additionalContent th.resultdark,
td.additionalContent td.resultdark {
  background-color: #F0F0F0 !important;
  color: #000000 !important;
  border-bottom:none !important;
  }

/* styles for textual view */
div.section,
div.furtherInfo {
  margin-bottom:10px;
 }

/* ecology styles */
div.resultdark               {font-weight: bold; background-color: #C8C8C8; padding: 1px 3px;}
div.ecoDiagram               {float: left; margin: 5px; padding: 4px 10px; background-color: #EBEBEB;}
div.ecoDiagramBox            {width: 200px;}
div.hafas div.ecoDiagramCanvas {position: relative; height: 200px; padding: 2px; margin: 4px 0px; border: 1px solid #000; background-color: #fff;}
div.ecoDiagramBarTitle       {position: absolute; top:5px; font-weight:bold;}
div.ecoDiagramScaleText      {position: absolute; color:#666;}
div.ecoDiagramScaleLine      {position: absolute; left:50px; border-bottom: 1px dotted #666;}
div.ecoDiagramBar            {position: absolute; bottom:50px; font-size: 0px; line-height: 0px;}
div.ecoDiagramBar div        {font-size: 0px; line-height: 0px;}
div.ecoHeadlineEmission      {margin-top:5px; margin-bottom:5px;}
div.ecoHeadlineCO2           {margin-top:5px; margin-bottom:3px;}
div.ecoDiagramBarTrain       {background-color: #003399; color: #fff;}
div.ecoDiagramBarPT          {background-color: #0000cc; color: #fff;}
div.ecoDiagramBarTaxi        {background-color: #FF8F21; color: #fff;}
div.ecoDiagramBarCar         {background-color: #666666; color: #fff;}
div.ecoDiagramBarTime        {background-color: #cccccc; color: #fff;}
div.ecoDiagramBarFlight      {background-color: #F78080; color: #fff;}
div.emissionInfo_d,
div.emissionInfo_i,
div.emissionInfo_e           {height: 50px;}
div.emissionInfo_f           {height: 60px;}
th.ecodark                   {background-color: #ebebeb;}
td.ecologyValue              {padding-right: 10px;}
table.ecologyTable           {width: 100%;}
table.ecoLessDetail tr.ecoMoreDetail {display: none;}
div.ecologyDetails .nowrap    {white-space: nowrap;}
select.ecologySelect_f        {width: 290px;}
select.ecologySelect_i        {width: 270px;}
select.ecologySelect_e,
select.ecologySelect_d        {width: 250px;}

span.connectionNumberOverview,
span.connectionNumberDetails {margin-left:2px; padding:2px 2px;background-color:transparent;font-weight:bold;color:#6B7786;}

ul.hidden                    {display: block; position: absolute; left: -999em; float: left;}
h2.hidden                    {position:absolute; left:-1000px; top:-1000px; width:0px; height:0px; overflow:hidden; display:inline;}
.specialHint                 {color:#000000; font-weight:bold; padding:5px; margin:0px;}
tr.noHeight                  {height:1px;}

.mainHeadlineContainer       {line-height:0px !important;}
h1.mainHeadline              {margin:0px; padding:0px; padding-left:4px; line-height:12px;}
tr.overview h2               {background-color:#003399; margin:3px 0px 0px; padding:3px 5px; color:#FFFFFF; font-size:12px;}
tr.details h3                {background-color:#666666; margin:3px 0px 0px; padding:3px 5px; color:#FFFFFF; font-size:12px;}
tr.details h4,
tr.details h5                {margin:0px; font-size:12px;}

div.detailsContent {
  margin:3px 0px;
  background-color:#F0F0F0;
  border-bottom:2px solid #F8F8F8;
  padding-bottom:3px;
  }
div.ecologyDetails {
  padding: 0px 4px;
  }
.textrouteContainer .moreDetailContainer {
  margin-left:28px;
  background-color:#FFFFFF;
  border-bottom:1px solid #A6ADB6;
  }
.textrouteView {
  padding:4px;
  margin-left:28px;
  background-color:#FFFFFF;
  }
.textrouteTitle {
  padding:4px 2px;
  margin-left:28px !important;
  font-weight:bold;
  outline:none;
  }
.maplink {
  padding:2px !important;
  padding-left:4px !important;
  width:1%;
  }

/* Main grey box */
div.hac_greybox {
  margin-bottom:3px;
  padding:8px;
  background-color:#F8F8F8;
  -webkit-border-radius:3px 3px 3px 3px;
  -khtml-border-radius:3px 3px 3px 3px;
  -moz-border-radius:3px 3px 3px 3px;
  border-radius:3px 3px 3px 3px;
  }

/* Railservice */
div.railservice {
  font-size:11px !important;
  }
div.railservice strong {
  font-weight:bold;
  font-size:11px !important;
  }

/* BAIM container */
div.baimInformation {
    padding:4px;
}

/* Button container */
div.buttonHolder {
  clear:both;
  padding:5px 3px;
  /*position:relative;*/
  position:static;
  overflow:hidden;
  }

div.buttonHolder div.buttonRight {float:right;}
div.buttonHolder div.buttonLeft  {float:left;}
div.buttonHolder div.buttonInner {text-align:center;}

/* Details buttons "white background" */
table.hfs_overview div.buttonHolder,
table.hfs_overview div.detailsFares,
table.hfs_overview div.baimInformation {
  margin-left:28px;
  background-color:#FFFFFF;
  }

/* Special links below OV table */
div.browse {
  background-color:#F0F0F0;
  }

/* Legende -> Attribute, HIM, Realtime etc. */
div.legend {
  margin:6px 0px;
  }
div.legend div.icon {
  float:left;
  width:25px;
  line-height:16px;
  }
div.legend div.text {
  clear:right;
  width:685px;
  line-height:16px;
  }

/* Messages -> HIM */
div.messageBox {}
div.messageHolder {
  clear:both;
  position:relative;
  overflow:hidden;
  margin:4px 0px;
  }
div.messageHolder div.icon {
  width:22px;
  float:left;
  }
div.messageHolder div.text {
  float:left;
  width:650px;
  }

/* ******************************************************* */
/* Main tables Overview, Details, Stationboard & Traininfo */
/* ******************************************************* */
.hafas table {width:100%;}

table.hfs_trainsearch th,
table.hfs_traininfo th,
table.hfs_detail th,
table.hfs_stboard th,
table.hfs_overview th {
  padding:4px 2px;
  background-color:#DDDDDD;
  color:#000000;
  text-align:left;
  }

table.hfs_overview tr.overview td {
  border-bottom:2px solid #F8F8F8;
  background-color:#F0F0F0;
  padding:4px 3px;
  vertical-align:top; /* general <td> alignment !!! */
  }
table.hfs_overview tr.overview td.date {
    white-space:nowrap;
}
table.hfs_overview tr.overview td.departure,
table.hfs_detail tr.details td.departure {
  border-bottom:none;
  }
table.hfs_detail tr.details td.platform {
  min-width:70px;
  }
table.hfs_detail tr.details td.departure {
  vertical-align:top;
  }
table.hfs_overview tr.overview td div.rsContainer {
  background-color:#ffffff;
  margin:5px 0px;
  }
table.hfs_overview tr.overview td div.rsContainer table {
  border:none;
  }
table.hfs_overview tr.overview td div.rsContainer td {
  background-color:#FFFFFF;
  }

/* table tr td underline */
table.hfs_trainsearch tr td,
table.hfs_traininfo tr td,
table.hfs_stboard tr td {
    border-bottom:1px solid #DDDDDD;
  }

table.hfs_stboard.sq_arr_header tr td {
   border-bottom:1px solid #000000;
}

table.hfs_trainsearch tr td.journey {
  white-space:nowrap;
  }

table.hfs_overview tr.dateHint td {
  font-weight:bold;
  background-color:#FFFFFF;
  padding:3px 2px 3px 10px;
  }

/* Weighted stops of journey hint */
div.sq_tableHint {
  text-align:center;
  font-size:11px;
  border-bottom:1px solid #DDDDDD;
  }

/* Detail table */
table.hfs_detail th {
  background-color:#F1F1F1;
  color:#000000;
  }
table.hfs_trainsearch td,
table.hfs_stboard td,
table.hfs_detail th#details {
  padding:1px 4px;
  }

table.hfs_stboard td {
  vertical-align:top;
  }

table.hfs_detail tr.details td {
  /*border-bottom:1px solid #A6ADB6;*/
  background-color:#FFFFFF;
  padding:3px 2px;
  }

table.hfs_overview tr.overview td.fares {
  vertical-align:bottom !important;
  text-align:right;
  }

table.hfs_overview tr.overview td.rt_icon {
  padding-top:0px !important;
  padding-bottom:0px !important;
  }

/* Feste breiten -> Ausrichtung zwischen Übersicht un Details */
table.hfs_overview th#details  {min-width:20px;width:20px;padding:1px 4px;}
table.hfs_overview th#location {min-width:150px;width:150px;}
table.hfs_overview th#date     {min-width:80px;width:80px;}
table.hfs_overview th#time     {min-width:85px;width:85px;padding-right:0px !important;}
table.hfs_overview th#duration {min-width:40px;width:40px;padding-left:0px !important;}
table.hfs_overview th#changes  {min-width:35px;width:35px;}
table.hfs_overview th#products {min-width:65px;width:65px;}
table.hfs_overview th#capacity {min-width:75px;width:75px;}
table.hfs_overview th#fares    {min-width:190px;width:190px;}

table.hfs_detail th.navigation {min-width:20px;width:20px;padding:1px 4px;}
table.hfs_detail th.location   {min-width:150px;width:150px;}
table.hfs_detail th.date       {min-width:80px;width:80px;}
table.hfs_detail th.time       {min-width:125px;width:125px;}
table.hfs_detail th.wideTime   {min-width:142px !important;width:142px !important;}/* if con has him-message */
table.hfs_detail th.platform   {min-width:35px;width:35px;}
table.hfs_detail th.products   {min-width:65px;width:65px;}
table.hfs_detail th.capacity   {min-width:75px;width:75px;}
table.hfs_detail th.remarks    {min-width:170px;width:170px;}

td.prefix {width:20px !important;min-width:20px !important;max-width:20px !important;}

/* Linke Detail Spalte -> bleibt grau */
table.hfs_detail td.navigation {
  background-color:#F0F0F0 !important;
  border-bottom:none;
  padding:4px !important;
  }

/* Special cell alignments */
table.hfs_detail td.products {vertical-align:top;}
table.hfs_detail td.remarks  {vertical-align:top;}
table.hfs_detail td.arrival  {vertical-align:bottom;}

/* Product selection */
div.hfs_products {
  width:60px;
  text-align:center;
  padding:5px 0px;
  }

/* Title for boxes e.g. hac_greybox etc.*/
p.boxTitle {
  margin:6px 0px;
  padding:0px 2px;
  font-weight:bold;
  }

/* module holder */
div.inputHolder {
  clear:both;
  margin-bottom:8px;
  position:relative;
  overflow:hidden;
  }

/* inner module -> overwrite base.css */
div.inputHolder b {
  font-weight:bold !important;
  display:inline !important;
  }

/* inner module -> pure content */
div.inputHolder div {
  float:left;
  margin-right:8px;
  }

div.inputHolder div.right {
  float:right;
  margin-left:8px;
  }

/* inner module -> pure content and big margin -> e.g. p2w */
div.inputHolder p {
  margin:15px 5px 10px 0px;
  }

/* inner module -> pure content -> no label! -> but indented */
div.inputHolder div.nolabel {
  float:left;
  }

/* Label */
div.labelHolder {
  float:left;
  margin-left:0px !important;
  padding-left:2px; /* manche Browser schneiden bei "font-weight:bold" den ersten buchstaben etwas ab :-( */
  font-weight:bold;
  }

div.labelHolder span {
  font-weight:normal;
  }

/* Error container */
.hafas .errormessage,
div.errormessage {
  color:#dd0000;
  font-weight:bold;
  clear:both;
  padding:1px;
  }

/* Special Print2Web -> fixer container */
div.inputHolder div.secondLabel {
  width:150px;
  }

table.hfs_stboard.sq_dep_header th { background-color:#FFE51A;border-bottom:1px solid #ffffff; }
table.hfs_stboard.sq_arr_header th { background-color:#FFFFFF;border-bottom:1px solid #ffffff; }

/* Zebra muster Bahnhofstafel & Zuglauf */
tr.zebra-row-0 td {background-color: #F8F8F8;}
tr.zebra-row-1 td {background-color: #F8F8F8;}
tr.zebra-row-2 td {/*background-color: #ffff84;*/ background-color:#003399; color:#fff;}
tr.zebra-row-2 td a,
tr.zebra-row-2 td a:link { color:#fff;}
tr.zebra-row-3 td {/*background-color: #ffffad;*/ background-color:#003399; color:#fff;}
tr.zebra-row-3 td a,
tr.zebra-row-3 td a:link { color:#fff;}

/* Capacity info */
div.capacityHolder {
  width:65px;
  height:15px;
  line-height:15px;
  }
div.capacityHolder div.first {
  float:left;
  width:30px;
  height:15px;
  line-height:15px;
  }
div.capacityHolder div.second {
  float:left;
  width:30px;
  height:15px;
  line-height:15px;
  margin-left:4px;
  }

/* Zuglauf Perlschnur */
img.perle {
  width:13px;
  height:21px;
  }
img.rtIcon {
  vertical-align:middle;
  }
img.motIcon {/* DOOF */
  vertical-align:middle;
  margin-right:4px;
  }

div.hfs_products img.motIcon{
  margin-right:0 !important;
  }

/* Small arrow to indicate input field's error */
img.errorIcon {
  position:relative;
  right:5px;
  top:0px;
  float:right;
  }

/* Listen in erweiterter Ansicht */
div#optionHolder ul {
  margin:6px 0px;
  }
div#optionHolder ul li input {
  vertical-align:middle;
  }

/* Meteo container */
div#meteoHolderTitle{
  font-size:1em !important;
  }
div#meteoHolderTitle,
div#meteoHolder {
  position:relative;
  overflow:hidden;
  font-size:12px;
  }
div#meteoHolder table td {
  padding:0px 5px !important;
  }

div#meteoHolder div.col {
  width:42px;
  text-align:center;
  background-color:#ffffff;
  margin:0px;
  padding:4px 0px;
  }
div#meteoHolder div.col div {
  margin:4px;
  }
div#meteoHolder div.col div img {
  width:28px;
  height:28px;
  }
div#meteoHolder div.col div.weekday {
  margin: 4px 13px 4px 4px;
  text-align: right;
  }
div#meteoHolder div.col div.temp {
  margin: 4px 11px 4px 4px;
  text-align: right;
  }

/* Meteo container */
div#meteoHolderTitleDep{
  font-size:1em !important;
  }
div#meteoHolderTitleDep,
div#meteoHolderDep {
  position:relative;
  overflow:hidden;
  font-size:12px;
  }
div#meteoHolderDep table td {
  padding:0px 5px !important;
  }

div#meteoHolderDep div.col {
  width:42px;
  text-align:center;
  background-color:#ffffff;
  margin:0px;
  padding:4px 0px;
  }
div#meteoHolderDep div.col div {
  margin:4px;
  }
div#meteoHolderDep div.col div img {
  width:28px;
  height:28px;
  }
div#meteoHolderDep div.col div.weekday {
  margin: 4px 13px 4px 4px;
  text-align: right;
  }
div#meteoHolderDep div.col div.temp {
  margin: 4px 11px 4px 4px;
  text-align: right;
  }


/* The PTV AjaxMap should not inherit CSS from the surrounding table */
table.hfs_detail tr.details_disinherit td.details {
  background-color: #FFFFFF;
  padding: 3px 2px;
  }
table.hfs_detail tr.details_disinherit td.details div.ajaxmapdiv {
  font-size: 12px;
  }
/* Dynamic fares */
div.priceOuterBox {
  float:right;
  width:100px;
  padding:2px;
  }
div.priceInnerBox {
  /*float:left;*/
  }
span.sparpreis {
  padding-left:22px;
  display:inline-block;
  height:20px;
  font-size:11px !important;
  }
span.normalpreis {
  display:block;
  height:20px;
  font-size:11px !important;
  }
div.detailsFares {
  padding:4px;
  border-bottom: 1px solid #A6ADB6;
  }
table.detFares {
  margin-bottom:8px;
  }
table.detFares td.prTitle {
  font-weight:bold;
  width:80px;
  padding:4px 4px;
  }
table.detFares td.prSpacer {
  width:20px;
  }
table.detFares td.prPrice,
table.detFares td.prTitleIcon {
  padding:4px 4px;
  text-align:center;
  }
table.detFares td.prTitle img {
  vertical-align:middle;
  }
table.detFares td {
  padding:5px 4px;
  }


.sc_trainCompositionContainer {
  width:100%;
}

.sc_directionEmpty,
.sc_directionLeft,
.sc_directionRight {
  min-width: 16px;
  background-repeat:no-repeat;
  background-position:center center;
}

.sc_simpleTrainTable.lc_simpleTrainTable {
    border-collapse: separate;
    border-spacing: 2px;
    width: auto;
}
.sc_coach {
    border: 1px solid;
    /*height: 28px;*/
    height: 19px;
    width: 52px;
}
.sc_simpleTrainTable .sc_coach.sc_engine {
  background-repeat:no-repeat;
  background-position:center center;
  background-size:100% 100%;
  border:none;
  /*min-width:53px;*/
  min-width:32px;
  width:32px;
}
.sc_simpleTrainTable .sc_coachIcon {
  /*width:16px;*/
  /*height:12px;*/
  width:15px;
  height:11px;
  background-repeat:no-repeat;
  background-position:center center;
  background-size:15px 11px;
  float:left;
}
.sc_simpleTrainTable.sc_carsInTrain_13 .sc_coachIcon {
  width:15px;
}
.sc_simpleTrainTable.sc_carsInTrain_14 .sc_coachIcon {
  width:13px;
  background-size:13px 11px;
}
.sc_simpleTrainTable.sc_carsInTrain_15 .sc_coachIcon {
  width:12px;
  background-size:12px 11px;
}
.sc_simpleTrainTable.sc_carsInTrain_16 .sc_coachIcon {
  width:11px;
  background-size:11px 11px;
}
.sc_simpleTrainTable .sc_coachIcon:nth-child(1) {
  margin-left:1px;
}
.sc_simpleTrainTable .sc_coachIcon:last-child {
  margin-right:1px;
}
.sc_simpleTrainTable .sc_coach.sc_closed .sc_coachIcon,
.sc_simpleTrainTable .sc_coach.sc_engine .sc_coachIcon {
  display:none;
}
.sc_simpleTrainTable .sc_coach.sc_closed .sc_coachIcon.sc_closed {
  display:block;
  float:none;
}
.sc_section.lc_section.sc_sectionActive.lc_sectionActive {
    text-align: center;
}
.sc_hidden {
  display:none;
}

div.legend.lc_noBottomMargin,
.lc_noBottomMargin {
  margin-bottom:0px;
}
.lc_section.lc_sectionActive {
    background-color: lightgrey;
}
.lc_trainCompositionContainer {
  background-color:#ffffff;
}