/****************************************/
/********** inno11 farbschema ***********/
/****************************************/

/* GRAU WERTE
   ==========
   fließtxt  color: #000;
   font      color: #494949;
   navi      border: 1px solid #787878;
             background-color: #c0c0c0;
   inhalt    border: 6px solid #c0c0c0;
                                        */

/* BLAU WERTE
   ==========
   link      color: #005e8a;
   bg        color: #005e8a;
   border    1px solid #005e8a;
   bottom    background-color: #026983;
   top       background-color: #75bfd5;
                                        */

/****************************************/
/****************************************/

/*

   Alle Stile mit den gleichen Farbwerten
   werden hier gesammelt, sodaß eine
   schnelle Anpassung der Styles jederzeit
   möglich bleibt.


*/

/**************** BLAU  *****************/
/****************************************/

#HFS input.mapAsLink:hover,
#HFS input.mapAsLink:focus,
#HFS input.mapAsLink:active,
#HFS input.buttonAsLink:hover,
#HFS input.buttonAsLink:active,
#HFS a.std_ico:hover, #HFS a.std_ico:active,
div.jmap_menue_title:hover,
#HFSResult td span.resultTextual a:hover,
#callink0 a.small:hover,
#HFS #callink1 a.small:hover,
a#callink0:hover,
#HFS a#callink1:hover,
#HFSHeader .HFSLanguage a.active,
#HFS #HFSHeader .HFSLanguage a:hover,
a#callink0.calendar:hover, a#callink1.calendar:hover,
#HFSResult a.firstConButton:hover,
#HFSResult a.lastConButton:hover,
#HFS a, #HFSContent a,
#HFS a:active,
#HFS div.hint,
#HFSResult td span.resultTextual a,
#HFS .moreDetailContainer div.t2sp h2.textroute, #HFS div.defaultBox h2

              {
              color:#005e8a;
              }

#HFSNavi li a:hover,
#HFSNavi ul li.active:hover,
#HFSNavi ul li:hover,
#HFSNavi ul li.active,
#HFS a.button,
#HFS input.button,
#HFS input.button:focus,
#HFS input.buttonSmall,
#HFS input.buttonSmall:focus,
#HFSResult input.button,
#HFS tr.detailsCaption td h3,
#email_form h3,
#HFS input.buttonEmphasized,
#HFS .hint,
#HFS a.showCompleteJourneyOnMap,
#HFS a.linkAsButton


               {
               background-color: #026983;
               color: #fff;
               }

#HFS input.button:hover,
#HFS input.buttonSmall:hover,
#HFS input.buttonEmphasized:hover,
#HFS a.showCompleteJourneyOnMap:hover,
#HFS a.showCompleteJourneyOnMap:active,
#HFS a.linkAsButton:hover, #HFS a.linkAsButton:active

               {
               background-color:#0386a7;
               border:1px solid #005e8a;
               color: #fff;
               }

#HFS input.button,
#HFS input.button:focus,
#HFS input.buttonSmall,
#HFS input.buttonSmall:focus,
#HFSResult input.button,
#HFS input.buttonEmphasized,
#HFS a.showCompleteJourneyOnMap,
#HFS a.linkAsButton


               {
               border: 1px solid #005e8a;
               }


/**************** GRAU *****************/
/***************************************/
#HFS td.additionalContent,
#HFSContent div.subSlider,
#HFSContent ul.tpQueryInputMiniSlider,
#HFS .additionMapMenu

               {
               background-color: #c0c0c0;
               border-bottom: 1px solid #787878;
               border-top: 1px solid #787878;
               }

#HFSNavi li,
#HFS #HFSContent ul.slider,
#HFSContent div.toggleContentSlider,
#HFSContent ul.tpQueryInputMiniSlider li,
#HFS div.detailsCaption,
#HFSResult table.resultTable th,
#HFS #HFSResult table.resultTable th,
#HFSResult p#linkShowFilterOptions,
#HFS #HFSHeader div.toggleSwitchAPIMap

               {
               border: 1px solid #787878;
               background-color: #c0c0c0;
               color: #494949;
               margin-bottom: 0px;
               }

#HFSContent ul.slider li.subMiniSlider:active a,
#HFSContent ul.slider li.subMiniSlider:hover a,
#HFSNavi li a,
div.subSlider a span,
#HFSContent ul.slider a,
#HFSContent ul.tpQueryInputMiniSlider a,
#HFS a.closeContent, #HFS a.openContent,
#HFSHeader div.toggleSwitchAPIMap a
               {
               color: #494949;
               }
#HFS td.additionalContent,
#HFSQuery,
#HFSResultForm,
#HFS div.filterOptions
               {
               border: 6px solid #c0c0c0;
               }

#HFSContent ul.slider li.miniSliderActive,
#HFSContent ul.slider li:hover,
#HFSContent ul.slider li.active,
#HFSContent ul.slider li.active:hover,
#HFS div.routeMapMenuSliderActive,
#HFS div.routeMapMenuSlider:hover,
div#switchMapApi div.activeMapApi,
div#switchMapApi a:hover,
#HFSHeader a.activelanguage,
#HFSHeader a.language:hover
               {
               background-color: #494949;
               }
#HFS div.routeMapMenuSlider,
#HFS div.routeMapMenuSliderActive
               {
               border-right: 1px solid #787878;
               }

/*********** TEXT / LINKS **************/
/***************************************/

#HFS
               {
               background-color: #fff;
               color: #000;
               }


#HFS a:hover,
#HFS input.buttonAsLink,
div.jmap_menue_title,
div.jmap_menue_content_row,
div.jmap_infobox_content_row,
a#callink0.calendar,a#callink1.calendar,
#HFSResult a.firstConButton,
#HFSResult a.lastConButton,
#HFSHeader a.language,
#HFS a.std_ico

               {
               color:#000;
               }


#HFSContent ul.slider a:hover,
#HFSNavi li a:hover,
#HFSNavi li.active a,
#HFSNavi ul li:active a,
#HFSNavi ul li:hover a,
#HFSContent ul.slider li.active,
#HFSContent ul.slider li.miniSliderActive,
#HFSContent ul.slider li.miniSliderActive a,
#HFSContent li.miniSliderActive:hover,
#HFSContent ul.slider li:active a,
#HFSContent ul.slider li:hover,
#HFSContent ul.slider li:hover a,
#HFSContent ul.slider li.active a.active,
#HFSContent ul.slider li.active:hover,
#HFS div.routeMapMenuSliderActive a:hover,
#HFS div.routeMapMenuSliderActive a:link,
div#switchMapApi div.activeMapApi,
div#switchMapApi a:hover,
#HFSHeader a.activelanguage,
#HFSHeader a.language:hover,
#HFSContent ul.slider li.subMiniSlider ul li.miniSliderActive a,
#HFSContent ul.slider li.subMiniSlider ul li:active a,
#HFSContent ul.slider li.subMiniSlider ul li:hover a
               {
               color: #fff;
               }

/* general HAFAS styles */

body.popup {min-width:100% !important;}

a, a:active {text-decoration:none;}

#HFS          {
              font-family: "Lucida Grande","Lucida Sans Unicode","Lucida Console", Arial, Helvetica, Swiss, sans-serif;
              font-size:11px;
              padding:0 0;
              margin:0;
              text-decoration:none;
              }


/* Main Navigation */
/*******************/

#HFSNavi {margin-top:10px;}
#HFSNavi a img {vertical-align:top;}
#HFSNavi a { padding-top: 34px; text-transform: uppercase; letter-spacing: 1px; display:block; margin:0;}
#HFSNavi li {float:left; -moz-box-shadow: 0 2px 3px -1px #ccc; padding: 4px 8px; text-align: center;}
#HFSNavi li, #HFSNavi li a:hover, #HFSNavi ul li.active {width: 145px; height: 50px;}
#HFSNavi li.active a {}
#HFSNavi li.sub a {font-weight:normal; padding-left:46px;}
#HFSNavi li.sub {font-weight:normal;}
#HFSNavi ul {list-style:none outside none; margin:0; padding:0;}

/* Content Slider */
/******************/

#HFSContent ul.slider          {padding:4px; margin: 1px;}
#HFSContent ul.slider a,
#HFSContent ul.slider a:hover  {margin-right: 10px; padding-left: 10px; text-decoration:none; margin-left: -4px;}
#HFSContent ul.slider a.active {letter-spacing: 1px; margin-left: 0; padding-left: 0; background-image: none;}
#HFSContent ul.slider li       {text-transform: normal; border-right: 1px solid; padding: 5px; letter-spacing: 1px; display:inline; margin-left: -4px;}
#HFSContent ul.slider li.subMiniSlider {position: absolute; padding: 0; left: 490px;  border: none; background: transparent !important;}
#HFS #HFSContent ul.slider li.subMiniSlider ul {display: inline; padding: 0; border: none;}
#HFS li#sliderAdvancedSearch  {font-weight: bold; letter-spacing: 0px; padding-left: 0px;}
#HFS li#sliderAdvancedSearch a.active {padding-left: 6px; letter-spacing: 0px;}
#HFS li#sliderAdvancedSearch a.toggleContent {letter-spacing: 0px;}

/* Details Slider */
/******************/

#HFSContent div.subSlider a                   {line-height: 24px; text-decoration: none; padding: 5px 10px 4px 4px; margin: 0 -2px; border-right: 1px solid #787878; font-weight: bold;}
#HFSContent div.subSlider a:hover span        {text-decoration: none; color: #fff;}
#HFSContent div.subSlider a span              {padding-left: 20px;}
#HFSContent div.subSlider a.routeActive span,
#HFSContent div.subSlider a.routeActive span,
#HFSContent div.subSlider a.conMapActive span,
#HFSContent div.subSlider a.printActive span,
#HFSContent div.subSlider a.pdfMailActive span,
#HFSContent div.subSlider a.eMailActive span,
#HFSContent div.subSlider a.smsConActive span,
#HFSContent div.subSlider a.calExpActive span,
#HFSContent div.subSlider a.ecoInfoActive span,
#HFSContent div.subSlider a.faresActive span,
#HFSContent div.subSlider a.socialNetworkActive span,
#HFSContent div.subSlider a.text2SpeechActive span

                                              {color: #fff; font-weight: bold;}

#HFS div.subSlider a.routeActive,
#HFS div.subSlider a.conMapActive,
#HFS div.subSlider a.printActive,
#HFS div.subSlider a.pdfMailActive,
#HFS div.subSlider a.eMailActive,
#HFS div.subSlider a.smsConActive,
#HFS div.subSlider a.calExpActive,
#HFS div.subSlider a.ecoInfoActive,
#HFS div.subSlider a.faresActive,
#HFS div.subSlider a.socialNetworkActive,
#HFS div.subSlider a.text2SpeechActive         {border-right: 1px solid transparent;}
#HFSContent div.subSlider a:hover    {border-right: transparent;}

/* MiniMap Slider ~ Panel Panda */
/********************************/

#HFSQuery .miniSliderMapTop {position: relative; top: -39px;}
#HFSResult .miniSliderMapTop {position: relative; top: -38px;}

#HFSContent ul.slider li.miniSliderActive            {margin-left: -4px;}
#HFSContent ul.slider li.miniSliderActive a:active {color: #fff;}


  div.HFS_Favourites {
    position:relative;
    padding: 0 10px 10px;
    }

  #HFSInputFavorites a.add,
  #HFSInputFavorites a.edit {
  -moz-border-radius: 3px;
  padding: 0 5px 0 20px;
  text-transform: uppercase;
  }

  div.favItem_hover,
  div.favItem {
    float:left;
    width:140px;
    height:85px;
    border: 3px solid #DBDCDC;
    margin: 2px;
    -moz-border-radius: 10px;
    }

  div.favItem {
    background-color:#FBF6DC;
    }

  div.favItem_hover,
  div.favItem:hover {
    background-color:#dddddd;
    -moz-box-shadow: 0 2px 4px 0 #666;
    border: 3px solid #cbcbcb;
    }

  div.favItem a {
    color:#999999 !important;
    font-size:11px;
    cursor:pointer;
    }

  div.favItem a:hover {
    color:#005E8A !important;
    font-size:11px;
    cursor:pointer;
    }

  div.favClear {
    clear:both;
    }

  div.drag {
    width:100%;
    height:65px;
    margin:auto auto;
    text-align:center;
    cursor:pointer;
    overflow:hidden;
    font-weight:bold;
    color:#333;
    }

  div.favDialog {
    border: 5px solid #787878;
    position:absolute;
    margin:auto auto;
    background-color:#ffffff;
    padding:20px;
    margin:auto auto;
    z-index:10010;
    }

  img.favIcon {}
  img.favIconSelected {
    border:2px solid #C0C0C0 !important;
    }

  div.fav_buttons {
    margin-top:15px;
    }


  #HFS #HFSInputFavorites {

    }



/* General HAFAS default styles united with theme_2010 styles */
span.hidden {display: none;}
#callink0 img, #HFS #callink1 img {vertical-align:middle;}
#callink0, #HFS #callink1 {position:relative; top:-1px;}
#HafasAssist .ticketNumber {background-color:#FFF7CA; border-style:solid; border-width:1px; font-family:Courier; font-size:16px; font-weight:bold; padding:6px; width:80px;}
#HafasAssist {border:1px solid #CCCCCC; left:300px; padding:4px; position:absolute; top:4px; z-index:172;}
#HFSContent div.tpQueryLeftContainer    {width: 470px;}
#HFSContent .inputFieldDropArea         {border:1px solid #0587A8;}
#HFSContent .inputFieldDroppable        {background-color:#494949;color:white;}
#HFSContent .inputFieldDroppable a      {color:white;}
#HFSContent {text-align: left; clear: left;}
#HFSContent #mapLegend h2.map {}
#HFSContent .detailsTable .linkGroup {padding:0 5px;}
#HFSContent .greyBox div.type {float:left; width:140px;}
#HFSContent .greyBox, #HFSContent .summary    {
    background-color: #F1F1F1;
    margin-bottom: 10px;
    padding: 4px;
    -moz-box-shadow: 0 1px 4px 0 #CCCCCC;
    border: 4px solid #FDFDFD;
    clear: left;
    margin-right: 10px;
}

#HFSResult table.resultTable {padding: 0;}
#HFSContent .greyBoxTop {background-color:#F5F5F6; border-bottom:1px solid #CCCCCC; border-top:1px solid #CCCCCC; margin-top:15px; padding:10px 0;}
#HFSContent .leftMargin {margin-left:90px;}
#HFSContent input.leftMargin {margin-left: 89px;}
#HFSContent .linkGroup .topLink a {margin-right:0;}
#HFSContent .linkGroup .topLink {float:right;}
#HFSContent .linkGroup a {margin-right:10px;}
#HFSContent .linkGroup form {margin-top:1em;}
#HFSContent .linkGroup {line-height:30px; padding-bottom:20px;}
#HFSContent .p2w br {clear:none;}
#HFSContent .summary div.block div {line-height:20px;}
#HFSContent .summary div.block {float:left; margin-right:30px; width:auto;}
#HFSContent .summary span.label {color:#666666; display:block; float:left; font-weight:bold; margin:0; padding:0; width:60px;}
#HFSContent .summary span.output {margin-right:0;}
#HFSContent .summary {clear:left; overflow: hidden; margin-right: 0 !important;}
#HFSContent div.separatingLine {-moz-box-shadow: 0 1px 1px 0 #fff; margin: 12px 0; background-color: #ccc; height:1px;}
#HFSContent div.separatingLineRealtime {background-color:#CC0000; height:5px;}
#HFSContent div.separatorOverviewDivH2  {border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; float:left; line-height:27px;}
#HFSContent h2.separatorOverviewH2      {margin:0px; padding: 0px 16px 0px 5px; font-size: 13px; color:#fff; font-weight: normal;}
#HFSContent div.separatorOverviewDivText {color:#6b6b6b; font-size:13px; font-weight: normal; padding:0px 5px;border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; border-right:1px solid #ccc; float:left; line-height:27px;}

#HFSContent fieldset legend {padding:10px 0;}
#HFSContent fieldset {border:0 none; line-height:18px; margin:0; padding:0;}
#HFSContent fieldset.greyBox br {clear:left;}
#HFSContent fieldset.greyBox div.text {padding:5px 0;}
#HFSContent fieldset.greyBox legend {display:none;}
#HFSContent fieldset.greyBox ul li {margin-bottom:3px; margin-top:3px;}
#HFSContent fieldset.greyBox ul ul li {margin-bottom:2px; margin-top:2px;}
#HFSContent fieldset.greyBox ul ul {list-style-type:none; margin-top:0; padding-left:15px;}
#HFSContent fieldset.greyBox ul ul.main {list-style-type:none; margin-top:0; padding-left:0;}
#HFSContent fieldset.greyBox ul {list-style-type:none; margin-bottom:0; margin-top:0; padding-left:0;}
#HFSContent fieldset.p2w div.format div div {float:none; margin:0 0 5px;}
#HFSContent fieldset.p2w div.format div {float:left; margin:20px 10px 0;}
#HFSContent fieldset.p2w div.format span {float:left;}
#HFSContent fieldset.p2w div.format {float:left; width:50%;}
#HFSContent fieldset.p2w legend {color:#666666;}
#HFSContent fieldset.p2w {margin-bottom:20px;}
#HFSContent h2.separator {color:#000; text-transform: uppercase; font-weight: normal; letter-spacing: 1px; font-size:11px; margin:10px 0 0; padding: 2px;}
#HFSQuery h2.separator input {display: none;}
#HFSContent h2.textroute {border-bottom:0 solid #ababab;}
#HFSContent h2.top {margin-top:0;}
#HFS #HFSContent h3.separator {color:#000; font-size:11px; font-weight:normal; line-height:11px;}
#HFS #HFSQuery label.front, #HFS #HFSResultForm label.front {color:#494949; display:block; float:left; margin:0 0.5em 0 0; padding:2px 2px 0 0; width:80px; -moz-box-shadow: none;}
#HFSContent label.front {color:#494949; display:block; float:left; margin:0 0.5em 0 0; padding:2px 5px 0 0; width:100px; -moz-box-shadow: none;}

#HFSContent label.hidden {display:none;}
#HFSContent label.inline {color:#000000; display:inline; float:none; font-weight:normal; padding:2px;}
#HFSContent label.large {display:block; float:left; width:135px;}
#HFSContent p.hafasHint {display: none;}
#HFSContent p.home {margin-top:0;}
#HFSContent p.title {margin:30px 0;}
#HFSContent td.separatorOverviewTD {background-color:transparent !important; padding:6px 0 !important;}
#HFSContentContainer {padding: 20px;}
#HFSFooter {color:#B0B0B0; font-size:9px;}
#HFSFooter.mapFooter {padding:0 15px 20px 10px; text-align:right;}
#HFSFooter.navLeft {padding:10px 0;}
#HFSHeader {white-space: nowrap; width: 100%; position: relative; height: 40px;}
#HFSHeader .headerLinks {margin-top:7px; padding-right:3px;}
#HFSHeader .HFSLanguage {display:block; float:right; font-size:10px; margin-top:8px;}
#HFSHeader div.toggleSwitchAPIMap {position: absolute; right: 0; top: -1px; padding: 3px 16px;}
#HFSHeader div.toggleSwitchAPIMap a {text-transform: uppercase;}
#HFSHeader div#switchMapApi {background-color: #f6f6f6; top: 20px; left: 0;}
#HFSLogo {float:left; height:80px; text-align:center; vertical-align:middle; width:170px;}

#HFS span.offScreen {display: none;}
#HFSNaviTop {margin-left:10px; margin-right:10px; padding:10px 10px 0;}
#HFSQuery .borderright {border-right:1px dotted #999999;}

#HFSQuery .buttons {padding-top: 10px;}
#HFSQuery .sepline {border-bottom:1px dotted #999999;}
#HFSQuery .seplineTop {border-top:1px dotted #999999;}
#HFSQuery table .spaceLeft {padding-left:20px;}
#HFSQuery table th.label {width:100px;}
#HFSQuery table {line-height:18px; width:auto;}
#HFSQuery td input.himMainInfo {width:270px;}
#HFSQuery td textarea.himMainInfo {height:40px; width:270px;}
#HFSQuery td {padding:0px 4px;}
#HFSQuery th {color:#666666; text-align:left;}
#HFSQuery tr.zebracol-1 td {background-color:#F9F9F9;}
#HFSQuery tr.zebracol-2 td {background-color:#F9F9F9;}
#HFSQuery, #HFSResultForm {padding: 12px; border-top: transparent; width: 943px;}
#HFSResult .buttons {margin-bottom:10px !important;}
#HFSResult .buttons {margin:20px 0 30px;}
#HFSResult div.textualDescription div.section p, #HFS #HFSResult div.textualDescription div.furtherInfo p {border-bottom:1px solid #CCCCCC; margin:0; padding:5px 0;}
#HFSResult div.textualDescription span.resultTextual {font-weight:bold;}
#HFSResult table#data {width:100%;}
#HFSResult table {border-spacing:0; width:auto;}
#HFSResult table {font-size:11px;}
#HFSResult table.multiReachTable th {border-bottom:1px solid #006880; color:#FFFFFF; height:25px; text-indent:2px; white-space:nowrap;}
#HFSResult table.multiReachTable tr.multiReachHeading th {border-bottom:1px solid #999999; color:#333333; height:34px; vertical-align:middle;}
#HFSResult table.resultTable td.diagram td {background-image:none; border:0 none;}
#HFSResult table.resultTable td.diagram {background-color:transparent; padding:0; text-align:left;}
#HFSResult table.resultTable td.right {text-align:right;}
#HFSResult table.resultTable th {text-indent: 2px; padding: 2px;}
#HFSResult table.resultTable th#hafasOVTime, #HFS #HFSResult table.resultTable th#hafasOVDuration {text-align:center;}
#HFSResult table.resultTable {clear:left; width:100%; margin-top: 20px;}
#HFSResult td div.tpDtl_altDep {color:#666666;}
#HFSResult td span.pre {font-family:"Courier New",monospace;}
#HFSResult td span.prognosis {color:#CC0000; font-weight:bold;}
#HFSResult td span.resultTextual {color:#000000;}
#HFSResult td span.resultTextualEmphasize {color:#CC0000;}
#HFSResult td span.small {font-size:11px;}
#HFSResult td.errormessage {color:#CC0000;}
#HFSResult td.fcell {padding-right:15px; white-space:nowrap;}
#HFSResult td.first {}
#HFSResult td.lcell {}
#HFSResult td.linklistFirst {overflow:auto; width:200px;}
#HFSResult td.linklistLink {padding-right:15px;}
#HFSResult td.mcell {padding-right:15px;}
#HFSResult td.product {border-right: 1px solid #ccc; text-indent: 4px; padding-right: 10px; white-space:nowrap;}
#HFSResult td.timetable {padding-left: 4px; border-right: 1px solid #ccc;}
#HFSResult td.platform {padding-left: 4px;}
#HFSResult td.prognosis {color:#CC0000; padding-left: 4px; border-right: 1px solid #ccc; font-weight:bold;}
#HFSResult td.second {background-color:#D9D9D9;}
#HFSResult td.separatorFirstLastCon h2, #HFS #HFSResult td.separatorPartSearchCons h2 {color:#FFFFFF !important;}
#HFSResult td.separatorSmall h2 {color:#000000 !important; margin-top:0 !important; padding:0 !important;}
#HFSResult td.separatorSmall {display: none; background-color:#F9F9F9; border-bottom:1px solid #C5C5C5; font-size:11px; font-weight:bold; padding-top:5px;}
#HFSResult td.separatorSmallDateLine {background-color:#F9F9F9; border-bottom:1px solid #CCCCCC; color:#555555; font-size:11px; font-weight:bold; padding-bottom:5px; padding-top:5px; text-indent:2px;}
#HFSResult td.small {font-size:11px;}
#HFSResult td.third {background-color:#C9C9C9;}
#HFSResult td.time, #HFS #HFSResult tr td.timeButton {border-left:1px solid #C5C5C5 !important; border-right:1px solid #C5C5C5 !important; color:#727272; padding: 0 2px;}
#HFSResult td.time {width: 97px;}
#HFSResult tr td.timeButton {text-align:center;}
#HFSResult tr.arrboard-dark td {background-color:#E9E9E9; border-right: 1px solid #C5C5C5;}
#HFSResult tr.arrboard-light td {background-color:#F9F9F9; border: 1px solid #C5C5C5;}

#HFS #HFSResult tr.conFirstSecFirstRow td,
#HFS #HFSResult tr.conLastSecLastRow td,
#HFS  #HFSResult tr.intermediateSection td,
#HFS #HFSResult tr.mapCon_LastSecLastRow td,
#HFS #HFSResult tr.mapCon_FirstSecFirstRow td,
#HFS #HFSResult tr.mapCon_IntermediateSection

{background-color:#f6f6f6;}
#HFSResult tr.conFirstSecFirstRow td.pearl,
#HFSResult tr.conFirstSecFirstRow td.pearlGis,
#HFSResult tr.conLastSecLastRow td.pearl,
#HFSResult tr.conLastSecLastRow td.pearlGis,
#HFSResult tr.intermediateSection td.pearl,
#HFSResult tr.intermediateSection td.pearlGisBoth,
#HFSResult tr.intermediateSection td.pearlGisArr,
#HFSResult tr.intermediateSection td.pearlGisDest,
#HFSResult tr.intermediateStop td.pearl,
#HFSResult tr.sectionInfo                         {cursor:hand;cursor:pointer;}
#HFSResult tr.sectionInfo td.pearl,
#HFSResult tr.remarksRow td.pearl                 {background-color: #f6f6f6;}
#HFSResult tr.mapCon_SectionInfo td.mapConLocationProduct {font-weight: bold;}
#HFSResult tr.mapCon_FirstSecLastRow td.mapConPearl,
#HFSResult tr.mapCon_LastSecLastRow td.mapConPearl       {padding: 3px 0;}
#HFSResult tr.depboard-dark td {background-color:#FFFF99;}
#HFSResult tr.depboard-light td {background-color:#FFFFCC;}
#HFSResult tr.depboard-dark td,
#HFSResult tr.depboard-light td {background-image: none;}
#HFSResult tr.depboard-dark td.time,
#HFSResult tr.depboard-light td.time {width: 40px;}
#HFSResult tr.detailsCaption td h3, div.detailsCaption h3 {font-size:11px; margin:0; text-transform: uppercase;}
#HFSResult tr.detailsCaption td {background-color:#DDDDDD; color:#000000; margin:0; padding:5px;}
#HFSResult tr.intermediateStop td.first {background-color:transparent; border-top:1px solid #D4D4D4;}
#HFSResult td.filterOptionsTD {padding-bottom: 10px;}
#HFSResult tr.navi a {}
#HFSResult tr.navi td {border-bottom: 1px solid #ccc;}
#HFSResult tr.navi td.first {text-align:left;}
#HFSResult tr.navi td.last {text-align:right;}
#HFSResult tr.remarksRow td.remarks, #HFS #HFSResult tr.remarksRow td.direction, #HFS #HFSResult tr.intermediateStop td.first {border-top:1px solid #D4D4D4;}
#HFSResult tr.selected td {padding:0;}
#HFSResult tr.tpDetails td {padding-bottom:0 !important; padding-top:0 !important;}
#HFSResult tr.tpDetails td {padding:3px;}
#HFSResult tr.tpDetails td.date {width:50px;}
#HFSResult tr.tpDetails td.lastRow, #HFS #HFSResult tr.last td {border-bottom:1px solid #D4D4D4;}
#HFSResult tr.tpDetails td.pearl a, #HFS #HFSResult tr.tpDetails td.pearlGis a, #HFS #HFSResult tr.tpDetails td.pearlGisArr a, #HFS #HFSResult tr.tpDetails td.pearlGisDest a, #HFS #HFSResult tr.tpDetails td.pearlGisBoth a {outline:medium none;}
#HFSResult tr.tpDetails td.pearl, #HFS #HFSResult tr.tpDetails td.pearlGis, #HFS #HFSResult tr.tpDetails td.pearlGisArr, #HFS #HFSResult tr.tpDetails td.pearlGisDest, #HFS #HFSResult tr.tpDetails td.pearlGisBoth {border-bottom:0 none; height:32px; padding:0 0 0 3px; text-align:center; vertical-align:middle; width:30px !important;}
#HFSResult tr.tpDetails td.platform {width:80px;}
#HFSResult tr.tpDetails td.realTime {width:50px;}
#HFSResult tr.tpDetails td.remarks {white-space:normal;}
#HFSResult a.toggleRemarks {font-weight: bold;}
#HFSResult tr.tpDetails td.station span, #HFS #HFSResult tr.tpDetails td.direction span {color:#333333; display:block; float:left; width:85px;}
#HFSResult tr.tpDetails td.station {width:auto;}
#HFSResult tr.tpDetails td.timeType span {display:block; float:left; vertical-align:middle; width:25px;}
#HFSResult tr.tpDetails td.timeType {width:50px;}
#HFSResult tr.tpDetails td.timeValue {width:60px;}
#HFSResult tr.tpDetails td.timeValue2nd {}
#HFSResult tr.tpOverview selected td,
#HFSResult tr.selected td {border-bottom:1px solid #CCCCCC !important; border-top: 1px solid #fcfcfc !important; text-align:center; white-space:nowrap;}
#HFSResult tr.tpOverview td.diagram table table {width:100%;}
#HFSResult tr.tpOverview td.diagram table {width:auto;}
#HFSResult tr.tpOverview td.gisInfo, #HFS #HFSResult tr.tpOverview td.date, #HFS #HFSResult tr.tpOverview td.time, #HFS #HFSResult tr.tpOverview td.duration, #HFS #HFSResult tr.tpOverview td.changes, #HFS #HFSResult tr.tpOverview td.ecology, #HFS #HFSResult tr.tpOverview td.products {text-align:left; border-bottom: 1px solid #ccc;}
#HFSResult tr.tpOverview td.last a.firstConButton,
#HFSResult tr.tpOverview td.last a.lastConButton {display:block; float:right; padding: 5px 18px;}
#HFSResult tr.tpOverview td.last {padding:0 !important;}
#HFSResult tr.tpOverview td.products div.gisPartAvailable a {outline:medium none;}
#HFSResult tr.tpOverview td.products div.gisPartAvailable {display:block; float:left; font-size:9px; line-height:100%; margin-right:6px; text-align:center;}
#HFSResult tr.tpOverview td.products img.product, #HFS #HFSResult tr.tpOverview td.products img.productSmall {height:18px; margin-right:6px; margin-top:1px; vertical-align:middle; width:18px;}
#HFSResult tr.tpOverview td.products {white-space:normal !important;}
#HFSResult tr.tpOverview td.station div {margin-right:10px;}
#HFSResult tr.tpOverview td.station {text-align:left;}
#HFSResult tr.tpOverview td.time div {margin-left:0; overflow:visible; white-space:nowrap;}
#HFSResult tr.tpOverview td.time div.planed {float:none; text-align:left; padding-left: 20px; width:auto;}
/*#HFSResult tr.tpOverview td.time div.prognosis img {margin:0 auto; padding:0;}*/
#HFSResult tr.tpOverview td.time > div {position:relative;}
#HFSResult tr.tpOverview td.time div.prognosis {margin:0; padding:0; position:absolute; right:3px; top:8px; width:12px; height:12px;}
#HFS #HFSResult tr.tpOverview td.duration {text-align:center; width: 85px;}
#HFSResult tr.tpOverview th.diagram table {width:480px;}
#HFSResult tr.tpOverview th.diagram th {border:0 none;}
#HFSResult tr.tpOverview th.diagram {padding:0;}
#HFSResult tr.tpOverview th.first {border-right: transparent;}
#HFSResult tr.tpOverview th.station {text-align:left;}
#HFSResult tr.tpOverviewSpace td {padding:0px;}
#HFSResult tr.tpSeparator td {display: none; background-color:#C8D6E6; border-bottom:1px solid #8CA0B9; color:#5C7089; font-weight:bold; padding:4px 3px;}
#HFSResult tr.tpSeparatorLight td {border-bottom: 1px solid #ccc; text-transform: uppercase; letter-spacing: 1px; padding:4px 3px;}
#HFSResult tr.tpTextroute * {color:#666666;}
#HFSResult tr.tpTextroute div.niceTrip {background-color:#F9F9F9; border-top:1px solid #CCCCCC; padding:10px 3px 5px;}
#HFSResult tr.tpTextroute div.section, #HFS #HFSResult tr.tpTextroute div.furtherInfo {background-color:#F9F9F9; border-top:1px solid #CCCCCC; padding:3px;}
#HFSResult tr.zebracol-1 td {background-color:#F9F9F9; border-bottom:1px solid #CCCCCC;}
#HFSResult tr.zebracol-2 td {background-color:#E9E9E9; border-bottom:1px solid #CCCCCC;}
#HFSResult tr.zebracol-3 td {background-color:#C5DCE5;}
#HFSResult tr.zebracol-4 td {background-color:#FFFFFF;}
#HFSTooltip {background-color:#FFFFE1; border:1px solid #000000; color:#000000; display:none; padding:2px; position:absolute;}
#HFSResult table.ecoTooltip {position:relative;border:solid 2px #fff; width: 400px; padding: 4px; -moz-box-shadow: 0 1px 4px 0 #333; background-color:#fff9e5;}
#look_mainelem_perl {background-color:#FFFFFF; border:1px outset #000000;}
#ovLegendRealtime p img {margin-right:4px; vertical-align:middle;}
#ovLegendRealtime p {margin:0 0 4px; position:relative;}
#tpResultsQuery h2.tpRQ_Separator {margin-top:5px;}
#tpResultsQuery legend {display:none;}
#tpResultsQuery {width: 100%;}
#tpRQ_Buttons {clear:both; margin-top:20px;}
#tpRQ_Caption {}
#tpRQ_Content {}
#tpRQ_Content.greyBox {margin-bottom:20px;}
#tpRQ_DateTimes {width:100%;}
#tpRQ_From {}
#tpRQ_Outward fieldset, #HFS #tpRQ_Return fieldset, #HFS #tpRQ_Route fieldset {border: 0;}
#tpRQ_Outward {margin-right:1%; width:49%;}
#tpRQ_Outward, #HFS #tpRQ_Return {}
#tpRQ_Return {margin-left:1%; width:49%;}
#tpRQ_Route {margin-bottom:10px;}
#tpRQ_To {}
#HFS .HafasDraggableMarker { position:relative;cursor:pointer;cursor:hand; margin: 0 4px;}
#HFS .ajaxStBoard div {background:none repeat scroll 0 0 #A7C1C5; color:#FFFFFF; font-size:10px; font-weight:bold; padding:2px 5px;}
#HFS .ajaxStBoard td {font-size:9px;}
#HFS .ajaxStBoard th {background:none repeat scroll 0 0 #CCCCCC; font-size:9px; padding:1px 2px; text-align:left;}
#HFS .ajaxStBoard tr.even {background:none repeat scroll 0 0 #E9E9E9;}
#HFS .ajaxStBoard tr.RTLine td {border-top:1px solid #CC0000;}
#HFS .ajaxStBoard tr.uneven {background:none repeat scroll 0 0 #FFFFFF;}
#HFS .allInOneSep a:link, #HFS .allInOneSep a:hover, #HFS .allInOneSep a:visited, #HFS .allInOneSep a:active {color:#FFFFFF; font-weight:normal;}
#HFS .allInOneSep {border-bottom:1px solid #057196; color:#FFFFFF; font-weight:bold; height:16px; padding:5px 3px 3px;}
#HFS .bold {font-weight:bold;}
#HFS .uppercase {text-transform: uppercase;}
#HFS .nowrap {white-space: nowrap;}
#HFS .center {text-align:center;}
#HFS span.hiddenstart {visibility: hidden; display: block; height: 1px; width: 1px;}
#HFS .floatLeft {float:left;}
#HFS .clearBoth {clear:both;}
#HFS .edgeInfoBox .content {padding:5px;}
#HFS .edgeInfoBox .header {background-color:#EFEFEF; margin-bottom:10px; padding:5px 15px 5px 5px;}
#HFS .edgeInfoBox {background-color:#FFFFFF; border:1px solid #999999; max-width:300px; padding-bottom:10px; z-index:100;}
#HFS .errormessage {color:#CC0000;}
#HFS .green {color:#09BD51;}
#HFS .HFSChangeTheme {position:relative; top:0; width:200px;}
#HFS .HFSLogo {float:left;}
#HFS div.HFSMain {padding: 1px; position: absolute; right: 120px; top: -1px;}
#HFS div.HFSMain a {padding: 3px; display: inline-block;}
#HFS .HFSNavBarColor {background-color:#EDEDED; height:100%;}
#HFS .HFSSearch input.small {border:1px solid #A9A9A9; padding:2px; width:140px;}
#HFS .HFSSearch {display: none; height:39px; left: 60%; position:absolute; top:0; width:304px;}
#HFS .hiddenSubmit {height:0; margin: 0; width:0;}
#HFS .hide {display:none;}
#HFS .hidechanges, #HFS .hideduration, #HFS .hideecology, #HFS .hidedeparture, #HFS .hidearrival, #HFS .hidebits_0, #HFS .hidebits_1, #HFS .hidebits_2, #HFS .hidebits_3, #HFS .hidebits_4, #HFS .hidebits_5, #HFS .hidebits_6, #HFS .hidebits_7, #HFS .hidebits_8, #HFS .hidebits_9, #HFS .hidebits_10, #HFS .hidebits_11, #HFS .hidebits_12, #HFS .hidebits_13, #HFS .hidebits_14, #HFS .hidebits_15 {display:none;}
#HFS .hideElement {display:none;}
#HFS .hint {text-decoration:none;}
#HFS .inputSearch {border-color:#34B5C9 #18849A #18849A #34B5C9; border-style:solid; border-width:1px; color:#999999; padding-left:2px; width:170px;}
#HFS .italic {font-style:italic;}
#HFS .journeyMessageHIM img {vertical-align:middle;}
#HFS .journeyMessageHIM {background-color:#FFE9E9; border:1px solid #EE9999; color:#EA3737; margin:5px 0; padding:3px; vertical-align:middle; white-space:normal;}
#HFS .left {text-align:left;}
#HFS .menuSize img {padding:2px;}
#HFS .messageBlockHIM img {clear:left; float:left; margin-right:10px;}
#HFS .messageBlockHIM span {float:left;}
#HFS .messageBlockHIM {background-color:#E6E6E6; border:1px solid #666666; padding:5px;}
#HFS .navshow {z-index:176 !important;}
#HFS .nopadding {padding:0;}
#HFS .normal {font-weight:normal;}
#HFS .popup {background-color:#FFFFFF; margin:0;}
#HFS .pre {font-family:"Courier New",monospace;}
#HFS .red {color:#FF0000;}
#HFS .right {text-align:right;}
#HFS .searchInside {margin-left:50px; margin-top:1px;}
#HFS .small {font-size:11px;}
#HFS .standardpadding {padding:1px 3px;}
#HFS .summary span.label {width:90px !important;}
#HFS .tooltip {background-color:#FFFFEE; border:1px solid #777777; display:none; height:auto; position:absolute; z-index:255;}
#HFS .tp_results #HFSFooter.navLeft {height:65px;}
#HFS .underline {text-decoration:underline;}

#HFS a.button {-moz-border-radius: 4px; margin-right:3px; padding:1px 4px; vertical-align:middle;}
#HFS a.button:active {color:#333333; text-decoration:none;}
#HFS a.button:hover {border:1px solid #CC0000; color:#CC0000; text-decoration:underline;}
#HFS a.button:link {color:#000; text-decoration:none;}
#HFS a.mapAsLink {background-color:transparent; border:0 none; color:#000; cursor:pointer; margin:1px 10px 1px 0; overflow:visible; padding:0 0 0 16px; text-align:center;}
#HFS a.mapAsLink:hover, #HFS a.mapAsLink:focus, #HFS a.mapAsLink:active {color:#000; text-decoration: underline;}
#HFS a.menuLinks {background-position:center center; background-repeat:no-repeat; display:block; float:left; height:16px; margin:10px 9px 5px; width:16px;}
#HFS div#filterCaption_outward h2, #HFS div#filterCaption_return h2 {margin-top:0 !important;}
#HFS div.ajaxStBoard {background:none repeat scroll 0 0 #FFFFFF; border:1px solid #CCCCCC;}
#HFS div.closeIcon {cursor:pointer; position:absolute; right:0; top:0;}
#HFS .moreDetailContainer {background-color: #fff; padding: 8px;}
#HFS .moreDetailContainer div.t2sp, #HFS .ecologyInfo, #HFS div.defaultBox {padding:6px; width:780px;}
#HFS .moreDetailContainer div.t2sp div {padding: 4px 6px 0 4px;}
#HFS .moreDetailContainer div.t2sp h2.textroute, #HFS div.defaultBox h2 {padding:0; font-size:18px; font-weight:normal;}
#HFS .moreDetailContainer div.t2sp div p, #HFS div.defaultBox p {font-size:11px;}
#HFS div.detailContainer div.ajaxmapdiv {float:right; margin-top:0; width:70%;}
#HFS div.detailContainer div.directionsMap div.ajaxmapdiv {float:none;}
#HFS div.ajaxmapdiv      {margin-top:0px !important;}
#HFS div.detailContainer h2.separator {margin-top:0 !important; padding-left:0 !important;}
#HFS div.detailsCaption {margin:0 0 5px; padding:5px;}
#HFS div.toggleContentSlider {padding: 4px;}
#HFS div.toggleContentSlider a {padding: 4px 20px 5px; border-right: 1px solid #494949; background-position: 0; font-weight: bold;}
#HFS .slider a.toggleContent    {padding-left: 20px !important; padding-bottom: 1px; font-weight: bold; margin-left: 0px !important; letter-spacing: 0;}
#HFS div.filterOptions {clear:left; margin: 0 0 20px; padding:10px 0; border-top: none;}
#HFS div.filterOptionsLeft {border-right:1px solid #CCCCCC;}
#HFS div.filterOptionsLeft, #HFS div.filterOptionsRight {float:left; padding:0 0 0 10px; width:49%;}
#HFS div.filterWithMargin {margin-top:20px;}
#HFS div.hint {background-color:#FFFFFF;padding:1px 3px; text-decoration:none;}
#HFS div.linkGroup {padding-bottom:0 !important;}
#HFS div.look_details {border:1px ridge #000000; position:absolute; width:200px;}
#HFS div.look_details_body {background-color:#F9F9F9; font-size:x-small; left:0; padding-left:3px; padding-right:3px; position:relative; text-align:left; top:0; width:100%;}
#HFS div.look_details_title {background-color:#ababab; border-bottom:1px solid #000000; font-size:x-small; left:0; position:relative; text-align:left; top:0; width:100%;}
#HFS div.look_info {border:1px ridge #000000; position:absolute;}
#HFS div.look_info_body {background-color:#F9F9F9; font-size:x-small; left:0; padding-left:3px; padding-right:3px; position:relative; text-align:left; top:0;}
#HFS div.look_info_title {background-color:#ababab; border-bottom:1px solid #000000; font-size:x-small; left:0; padding-left:3px; padding-right:3px; position:relative; text-align:left; top:0;}
#HFS div.look_maptitle {background-color:#ababab; border-bottom:1px solid #000000; color:#FFFFFF; font-size:12px; font-weight:bold; padding:1px 0; text-align:center; white-space:nowrap;}
#HFS div.look_maptitletime {border-bottom-color:#000000; color:#FFFFFF; font-size:12px; font-weight:bold; padding:1px 4px 1px 0; text-align:left; white-space:nowrap;}
#HFS div.look_names_on_map {background-color:#F9F9F9; display:inline; font-size:x-small; opacity:0.7; position:absolute; text-align:left;}
#HFS div.look_popup {border:1px ridge #CCCCCC; position:absolute; text-align:left; width:200px;}
#HFS div.look_popup_textdiv {background-color:#E9E9E9; border-bottom:1px solid #CCCCCC; font-size:x-small; left:0; position:relative; text-align:left; top:0; width:100%;}
#HFS div.look_popup_title, #HFS div.look_popup_title_train, #HFS div.look_popup_title_stop, #HFS div.look_popup_title_poi, #HFS div.look_popup_title_traininfo, #HFS div.look_popup_textdiv {background-color:#ababab; border-bottom:1px solid #CCCCCC; font-size:x-small; left:0; position:relative; text-align:left; top:0; width:100%;}
#HFS div.look_popup_title_poi {background-color:#C5DCE5; border-bottom:1px solid #CCCCCC; font-size:x-small; left:0; position:relative; text-align:left; top:0; width:100%;}
#HFS div.look_popup_title_stop {background-color:#ababab; border-bottom:1px solid #CCCCCC; font-size:x-small; left:0; position:relative; text-align:left; top:0; width:100%;}
#HFS div.look_popup_title_train {background-color:#E9E9E9; border-bottom:1px solid #CCCCCC; font-size:x-small; left:0; position:relative; text-align:left; top:0; width:100%;}
#HFS div.look_popup_title_traininfo {background-color:#ababab; border-bottom:1px solid #CCCCCC; font-size:x-small; left:0; position:relative; text-align:left; top:0; width:100%;}
#HFS div.look_traintext {background-color:#F9F9F9; font-size:x-small; opacity:0.7; padding-left:2px; padding-right:2px; text-align:left;}
#HFS div.mapConnectionDetails table.ajaxMapConnection {background-color:#FFFFFF; -moz-box-shadow: 1px 0 3px 0 #CCCCCC; margin-left: 4px; border-top:medium none !important;}
#HFS table.miniTable {width: 278px;}
#HFS div.mapDetails {background-color: #ddd;}
#HFS div.mapDetails, #HFS div.textrouteDetails, #HFS tr.detailsCaption td, #HFS div.ecologyDetails {padding:0px !important;}
#HFS div#emailFormContent {background-color: #fff; padding: 4px;}
#HFS div.productBitsCheckbox {float:left; margin-right:10px; text-align:center;}
#HFS div.slider div.handle {cursor:move; height:18px; position:absolute; top:-4px; width:12px;}
#HFS div.slider {border:1px solid #CCCCCC; height:10px; margin:10px 0; position:relative; width:300px;}
#HFS form#email_form h2.separator {margin-top:10px !important;}
#HFS form#email_form label.front {width:180px !important;}
#HFS form#email_form {padding: 6px;}
#HFS img {border:medium none;}
#HFS img.icon {vertical-align:middle; margin-top: -1px;}
#HFS a:hover img {text-decoration: none !important;}
#HFS img.icon_head {border-right:1px dotted #E3EAEE; margin-right:5px; margin-top:3px; padding-right:6px; vertical-align:top;}
#HFS img.product {height: 18px; width: 18px; margin-right:3px; vertical-align:middle;}
#HFS img.reachabilityIcon {height:22px; width:18px;}
#HFS input, #HFS select {font-family: "Lucida Grande","Lucida Sans Unicode", Arial, Helvetica, Swiss, sans-serif; font-size:11px; margin:1px; vertical-align:middle; -moz-border-radius: 2px; -moz-box-shadow: 0 2px 3px 0 #FFFFFF; border-color: #ADADAD #AAAAAA #BBBBBB; border-style: solid; border-width: 1px; padding: 1px;}
#HFS input:hover {-moz-box-shadow: 1px 3px 2px 0 #F0F0F0; -moz-border-radius: 2px; background-color: #F5F5F5;}
#HFS input.button,
#HFS input.button:focus,
#HFS input.buttonSmall,
#HFS input.buttonSmall:focus,
#HFSResult input.button,
#HFS a.showCompleteJourneyOnMap,
#HFS a.linkAsButton {font-size:11px; padding: 3px 6px; text-decoration:none; vertical-align:middle; -moz-border-radius: 7px 7px 7px 7px;}
#HFS input.buttonAsLink, #HFS a.std_ico, div.jmap_menue_title, div.jmap_menue_content_row, div.jmap_infobox_content_row {background-color:transparent; border:0 none; cursor:pointer; margin: 0; padding: 1px 0 0 16px; text-align:left; margin-right: 6px; -moz-box-shadow: none;}
#HFS input.buttonSmall:focus, #HFS input.button:focus {}
#HFS input.buttonEmphasized {font-size:11px; font-weight:bold; margin-right:3px; overflow:visible; padding:0 3px; text-decoration:none; vertical-align:middle;}
#HFS input.embedded {background-color:transparent; border:medium none;}
#HFS input.embedded:focus {background-color:#E2E6E7; border:1px solid #777777;}
#HFS input.error, #HFS select.error {background-color:#FFDDDD; border:1px inset #CC0000; font-size:11px; max-width: 275px;}
#HFS input {max-width: 275px;}
#HFS input.mapAsLink {border:0 none; color:#000; cursor:pointer; margin: 0; padding:2px 18px; text-align:left; -moz-box-shadow: none;}
#HFS input.small {font-size:11px; padding:0 0 0 2px;}
#HFS input#showReturnJourneyLink, #HFS input#hideReturnJourneyLink { margin-bottom: 4px; margin-top: 8px;}
#HFS .inputHint  {margin-top:1px;position:absolute; left:140px; color:#666666; font-size:11px; width:260px; padding-left:5px;}
#HFSContent.menuLeft .inputHint     {left:160px !important;}
#HFS span.customerLogo1 {display: block; margin-left: 4px; margin-top: 10px;}
#HFS span.customerLogoPopup {color:#333333; font-size:20px; font-weight:bold;}
#HFS span.look_details_titletext {font-size:x-small; position:relative; text-align:left; width:100%;}
#HFS span.look_popup_titletext {font-size:x-small; position:relative; text-align:left; width:100%;}
#HFS span.productSmall img, #HFS img.productSmall {height:18px; margin-right:6px; margin-top:1px; vertical-align:middle; width:18px;}
#HFS table.ajaxMapConnection td.right {border-right:medium none !important;}
#HFS table.ajaxMapConnection tr.caption td.center {color:#FFFFFF; padding:4px;}
#HFS table.ajaxMapConnection tr.caption {background-color:#FFFFFF;}
#HFS table.detailsTable tr.tpDetails th {background:none repeat scroll 0 0 #CCCCCC !important; color:#000000 !important;}
#HFS table.detailsTable th.screenReaderOnly,
#HFS table.ajaxMapConnection th.screenReaderOnly {font-size:1px; visibility:hidden; line-height:1px; padding:0; color:#fff; background-color:#fff;}
#HFS div.ajaxMap {background-color:#fff; margin:0; padding:5px; position:relative; overflow:hidden; height:auto;}
#HFS table.detailsTable {width:100% !important;}
#HFS table.multiReachTable {border:1px solid #CCCCCC;}
#HFS table.resultTable tr.tpOverview td.menuLinks a {color: transparent; background-position:center center; background-repeat:no-repeat; display:block; height:32px; margin:0; outline:medium none; position:relative; width:32px;}
#HFS table.resultTable tr.tpOverview td.menuLinks a.close img.detailsOpenArrow, #HFS table.resultTable tr.active td.menuLinks a img.detailsOpenArrow {bottom:-7px; display:block; left:0; position:absolute;}
#HFS table.resultTable tr.tpOverview td.menuLinks a.open img.detailsOpenArrow, #HFS table.resultTable tr.active td.menuLinks a:hover img.detailsOpenArrow {display:none;}
#HFS table.resultTable tr.tpOverview td.menuLinks {width:32px !important;}
#HFS td.dottedBorderTop, div.dottedBorderTop {border-top:1px dotted #999999; background-color: #fff; padding: 2px 6px;}
#HFS td.ranking img.rankingStar {margin-right:5px;}
#HFS td.ranking {text-align:right !important; white-space:nowrap; width:130px;}
#HFS td.rankingButtonsTD div.rankingButtons p {margin:0 0 5px; padding:0;}
#HFS td.rankingButtonsTD div.rankingButtons {background-color:#F5F5F5; border:1px solid #CCCCCC; margin:0; padding:5px 10px;}
#HFS td.rankingButtonsTD {padding:0 !important;}
#HFS td.timeValue span {}
#HFS tr.detailsCaption td h3, #email_form h3 {margin:0; padding:5px; font-size: 11px;}
#HFS tr.hideIntermediateStops tr.intermediateStop {display:none;}
#HFS tr.sectionInfo td {}
#HFS tr.sectionInfo a.dtlSectionInfo {display:block; width:30px; height:auto; float:right; margin:0 0 0 20px;}
#HFS tr.sectionInfo a.dtlSectionInfo span {visibility: hidden; display: block;}
#HFS tr.sectionInfo td.timeValue span.arrDep,
#HFS tr.intermediateStop td.timeValue span.arrDep {display:block; float:left; width:25px;}
#HFS tr.tpDetails th.first {width:30px;}
#HFS.h_netzplangenerator #HFSFooter.navLeft {bottom:auto !important;}
#HFS.jsMenu #HFSContent.navLeft, #HFS.jsMenu #HFSContentContainer.navLeft {margin:0 30px 0 80px;}

/* for best viewmode we need to overwrite the querymap style */
div#MapDiv_querymap  {width: 470px !important; height: 220px !important;}
div#MapDiv_facebook  {width: 450px !important; border: 1px solid #787878; height: 220px !important;}
#HFS .mainMenuHolder {-moz-box-shadow: 0 0 5px 1px #ccc; border-bottom: transparent; background-color: #fff; border: 1px solid #787878; border-bottom: transparent; color: #000;}
#HFS div.routeMapMenuSliderActive {min-width: 25px;}
#HFS .routeMapMenuSliderActive a  {color: #000;}
#HFS .routeMapMenuSlider a         {color: #fff;}
#HFS .routeMapMenuSlider a:hover   {color: #fff;}
#HFS .additionMapMenu                    {background-repeat:repeat-x;}
#HFS.sq_near .summary span.label, #HFS.sq_results .summary span.label {color:#666666; display:block; float:left; font-weight:bold; padding:0; width:9.5em !important;}
#HFS.sq_results .summary span.output {margin-right:20px;}
#HFS.tq_trainroute .summary span.label img {vertical-align:top;}
#HFS.tq_trainroute .summary span.label {color:#666666; font-weight:bold; margin-right:20px; white-space:nowrap; width:auto;}
#HFS.ts_trainsearch .summary .output {margin-right:20px;}
#HFS.ts_trainsearch .summary span.label {width:80px;}
#HFS.usermail .leftMargin, #HFS.feedback .leftMargin {margin-left:176px;}
#HFS.usermail label.front, #HFS.feedback label.front {width:170px;}

/* realtime */
.onTime     {
  color:#92D050;
  font-weight:bold;
}
.delay_1 {
  font-weight:bold;
  color:#FFC000;
}
.delay_2, .trainNew, .cancelled, .platformChange {
  font-weight:bold;
  color:#FF0000;
}

.bg_red{
   background-color:#ff0000;
   color:#fff;
}

.bg_yellow{
   background-color:#FFCB06;
   color:#000;
}

.bg_green{
   background-color:#92D050;
   color:#fff;
}

#HFS div#ovLegendRealtimeOUTWARD,
#HFS div#ovLegendRealtimeRETURN {
  background-color:#FFFEF6;
  border-color: #CDCDCD;
  border-right: 4px solid #CDCDCD;
  border-style: solid;
  border-width: 3px 4px 4px;
  padding: 2px 8px;
}
/****************************************************************/


/* Map Menu */
#HFS div.routeMapMenuSlider {
float:left;
line-height:20px;
padding:0 7px;
}
.mainMenuHolder{
  background-color:#AFC3CE;

}
/* Streetview */
.streetviewOverlay {position:absolute;left:300px;z-index:10000;}
.streetviewOverlayFrame {width:100%;height:100%;overflow:hidden;}
#streetviewConnection,
#streetviewPanorama          {float:left;}
#streetviewPanorama         {width:515px;height:400px;}
#streetviewControls         { clear: both;padding: 20px;}
#streetviewPanoramaWrap     { float:left;position:relative;margin-right:5px;}
#streetviewProgress         {background-color:#3794DF;}
#streetviewProgress.reachDest {background-color:#55CF40;}
#streetviewInfobar          {height:30px;}
#streetviewInfobarContent   {font-size:22px;}

/* Social Export */
#HFSSocialExport { background-color:white;border:1px dotted #333; width:150px;height:40px;}
.twitterUser     { margin-top:5px; margin-bottom:5px;background-color:#F1F1F1;padding:8px;}

/*Stationinfo*/
#HFS .box-col-50      { float:left; width:49%; vertical-align:top; }
#HFS .h3Icon        { float:left; width:16px; margin-left:5px; }
#HFS .zoomin_ico  { }

/*** CLASSES for HWAI - DO NOT CHANGE!! ***/
.preLoaded          {}
.loadAlways         {}
.hidden             {display:none !important;}
.visible            {display:;}


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


td.disturbancesAmount,
td.journeyAmount{
  text-align:center;
}

tr.mainHeaderWidget td{
  font-weight:bold;
}

div.statusWidgetDetails{
  background-color:#fff;
  word-wrap:break-word;
  max-width:315px;
}

.disturbancesContent{
  padding:6px;
}
.disturbanceSeparator{
  height:2px;
  background-color:#F20000;
}

tr.lineRowNormal {
  cursor:hand;
  cursor:pointer;
}
tr.lineRowNormal td{
  background-color:#D6D6D6;
  border-bottom:1px solid #fff;
}

tr.lineRowNormal:hover td{
  background-color:#fff;
}

.tableHeadline{
   background:url(../../img/vs_sbahnmuenchen/bg_navMain.png) repeat-x;
   color:#fff;
   padding:3px;
   padding-left:6px;
}

.disturbanceHeadline{
   font-weight:bold;
   padding:6px;
}
.headlineDate { padding-left:6px;}

.journeyDisturbance{ position:absolute; background-image:url(../../img/him/icon_critical.gif);width:17px;height:17px;margin-top:-33px;margin-left:20px; }
.widgetNotificationText { font-weight:bold; }