/* general HAFAS styles */

/***
zebra color 1:        #fff;
zebra color 2:        #ebebeb;
border color:         #d4d4d4;
dunkler Hintergrund:  #8197b2;
heller Hintergrund:   #b8c6d6;
hellerer Hintergrund: #c8d6e6;
links:                #2677B8;
font-family:          Arial,Helvetica,Geneva,Swiss,SunSans-Regular,sans-serif;
***/

#HFS                            {margin:0px;padding:17px 20px;background-color:#E5E5E5;position:relative;}
#HFS .scotty                    {background-color: #fbfbfc; font-family: Arial,Helvetica,Geneva,Swiss,SunSans-Regular,sans-serif; font-size: 11px; text-decoration: none;width:720px;}
#HFS th,
#HFS td,
#HFS ul,
#HFS ol,
#HFS li,
#HFS p,
#HFS div,
#HFS span,
#HFS input,
#HFS textarea,
#HFS select                     {font-family: Arial,Helvetica,Geneva,Swiss,SunSans-Regular,sans-serif; font-size: 11px; text-decoration: none;}
#HFS textarea.sourceCodeArea    {resize:none;width:370px;height:60px;}
#HFSResult table                {font-family: Arial,Helvetica,Geneva,Swiss,SunSans-Regular,sans-serif; font-size: 11px;}
#HFS .popup                     {margin:0px; background-color:#fff;}
#HFS div.hint                   {padding: 1px 3px 1px 3px; color:#2677b8; background-color:#fff; text-decoration:none;}
#HFS img                        {border:none;}
#HFS img.product                {margin-right:2px; vertical-align: middle;}
#HFS img.icon                   {vertical-align: middle;}
#HFS img.icon_head              {vertical-align: top; margin-top: 3px; margin-right: 5px; border-right: 1px #e3eaee dotted; padding-right: 6px;}
#HFS input, #HFS select         {font-family: Arial,Helvetica,Geneva,Swiss,SunSans-Regular,sans-serif; font-size: 11px; margin:1px; vertical-align: middle;}
#HFS input.error, #HFS select.error {border: inset 1px #c00; background-color:#fdd;font-family: Arial,Helvetica,Geneva,Swiss,SunSans-Regular,sans-serif; font-size: 11px;}
#HFS input.embedded             {border: none; background-color:transparent;}
#HFS input.embedded:focus       {border: solid 1px #777; background-color:#e2e6e7;}
#HFS input.small                {font-family: Arial,Helvetica,Geneva,Swiss,SunSans-Regular,sans-serif; font-size: 11px; padding:0px; padding-left:2px;}
#HFS input.button,
#HFS input.button:focus,
#HFS input.buttonPrimary,
#HFS input.buttonPrimary:focus,
#HFS input.buttonSmall,
#HFS input.buttonSmall:focus,
#HFSResult input.button         {
  overflow: visible;
  background-color: #b8c6d6;
  color:#FFF;
  border: 1px solid #000000;
  padding: 1px 3px;
  vertical-align: middle;
  font-size: 11px;
  text-decoration: none;
  font-family: Arial,Helvetica,Geneva,Swiss,SunSans-Regular,sans-serif;
  }
#HFS input.button:hover         {color:#fff; border: 1px #000000 solid; background-color:#003366;}
#HFS input.buttonEmphasized     {overflow:visible; background-color:#003366; color:#fff; border:1px #003366 solid; padding: 0px 3px; margin-right: 3px; font-weight: bold; vertical-align: middle; font-size: 11px; text-decoration: none;}
#HFS input.buttonEmphasized:hover        {color:#fff; border: 1px #003366 solid; background-color:#003366;}
#HFS input.buttonSmall          {padding: 1px 3px; font-size:11px; border:1px #333333 solid; background-color:#333333; color:#fff;}
#HFS input.buttonHidden         {background-color:transparent;color:transparent;height:0px;width:0px;speak:none;border:none;}
#HFS input.buttonAsLink         {background-color:transparent; color:#CC0000; border:0px; min-width:20px; overflow:visible; margin:1px 10px 1px 5px; padding:0px 0px 0px 11px; text-align:left; cursor:pointer;}
#HFS input.buttonAsLink:hover,
#HFS input.buttonAsLink:focus,
#HFS input.buttonAsLink:active  {background-color: transparent; color:#333;}
#HFS input.mapAsLink            {background-color:transparent; color:#cc0000; border:0px; min-width:20px; overflow:visible; margin:1px 10px 1px 0px; padding:0px 0px 0px 14px; text-align:center; cursor:pointer;}
#HFS input.mapAsLink:hover,
#HFS input.mapAsLink:focus,
#HFS input.mapAsLink:active     {color:#333;}
#HFS a.mapAsLink                {background-color:transparent; color:#cc0000; border:0px; min-width:20px; overflow:visible; margin:1px 10px 1px 0px; padding:0px 0px 0px 14px; text-align:center; cursor:pointer;}
#HFS a.mapAsLink:hover,
#HFS a.mapAsLink:focus,
#HFS a.mapAsLink:active         {color:#333;}


#HFS a.button                   {background-color:#b8c6d6; color:#333; border:1px #80a6ac solid; padding: 1px 4px 1px 4px; margin-right:3px; vertical-align: middle; }
#HFS a.button:link              {color:#cccccc;text-decoration:none;}
#HFS a.button:active            {color:#cccccc;text-decoration:none;}
#HFS a.button:hover             {color:#cc0000;text-decoration:none;border:1px #c00 solid;}
#HFS a                          {color:#cc0000;text-decoration:underline;}
#HFS a:active                   {color:#cccccc;}
#HFS a:hover                    {color:#333333;}
#HFS a.noTextDecoration         {text-decoration:none;}

#HFS .bold                      {font-weight: bold;}
#HFS .normal                    {font-weight: normal;}
#HFS .italic                    {font-style: italic;}
#HFS .small                     {font-family: Arial,Helvetica,Geneva,Swiss,SunSans-Regular,sans-serif; font-size: 11px;}
#HFS .pre                       {font-family: courier;}
#HFS .red                       {color: #f00;}
#HFS .green                     {color: #09bd51;}
#HFS .underline                 {text-decoration: underline;}
#HFS .visited                   {text-decoration: line-through;}
#HFS .left                      {text-align:left;}
#HFS .center                    {text-align:center;}
#HFS .right                     {text-align:right;}
#HFS .errormessage              {color:#c00; font-weight:bold;}
/*#HFS .hint                      {color:#2677b8; background-color:#fff; text-decoration:none;}*/
#HFS .nopadding                 {padding: 0px;}
#HFS .standardpadding           {padding: 1px 3px 1px 3px;}

/* styles HAFAS header */
#HFSHeader                      {height:40px; padding:20px 0px 20px 5px; position: relative; display: block; }
#HFSHeader.menuLeft             {height:50px; margin-left:40px;}
#HFSHeader #HFSLogoScotty       {float:left; position:absolute; margin-right:5px; width:450px;}
#HFSHeader #HFSLogoScotty img   {position:absolute; top:0px; left:0px;}
#HFSHeader #HFSLogoScotty p,
#HFSHeader #HFSLogoScotty h1    {font-weight:bold; font-size:13px; padding:0px 5px; margin:5px 0px 0px 140px;}


#HFSHeader #HFSLogoPV           {float:left; margin-right:5px;}
#HFSHeader #HFSHeaderLinks      {position:absolute;right:2px;}
#HFSHeader #HFSHeaderLinks p    {margin:0px 0px 10px; padding:0px;}
#HFSHeader #HFSHeaderLinks p.languageSwitch { margin:0px; }
#HFSHeader #HFSHeaderLinks p.languageSwitch a{ color:black;font-size:11px;text-decoration:none;  }
#HFSHeader #HFSHeaderLinks p.languageSwitch a.active { font-weight:bold;}
#HFSHeader #HFSHeaderLinks p a  {font-size:9px;}
#HFSHeader #HFSHeaderLinks p img {vertical-align:middle; margin-right:3px; outline:none; border:none;}
#HFSbreadcrumbCon               {background: none repeat scroll 0 0 #FFFFFF;}
#HFSbreadcrumb                  {border-left: 0.083em solid #9D110B;margin-left: 43px;padding: 0.5em 0.5em 0.5em 0.7em;}
#HFSbreadcrumb ul               {display: inline;list-style-type: none;margin-left:0px;}
#HFSbreadcrumb ol, #HFSbreadcrumb ul {margin-bottom: 1em;padding-left:0px;}
#HFSbreadcrumb li.last             {font-weight:bold;background: none repeat scroll 0 0 transparent;display: inline;padding: 0;}
#HFSLogoOebb img                {height:49px;width:133px;}
#HFSLogoOebb                    {left: 196px;top:18px;position:absolute;}
#HFSLogoMeibus                  {left: 196px;top:18px;position:absolute;}
#HFSLogoMeibus img              {height:50px;width:273px;}

/* styles HAFAS navigation */
#HFSNavi                        {margin-left:0px; margin-top:0px; white-space:nowrap; height:40px;}
#HFSNavi a                      {display:block; margin:0px; background-color:#cc0000; color:#ffffff; padding-left:10px; text-decoration:none;}
#HFSNavi a:hover                {color:#333333 !important; background-color:#FBFBFC;}
#HFSNavi ul                     {list-style:none; margin:0px; padding:0px;}
#HFSNavi ul li                  {margin:0px; padding:0px; line-height:32px; width:135px; font-weight:bold; border-right:1px solid #FFFFFF;}

#HFSNavi li                     {float:left; padding:0px 36px; border-bottom:1px dotted #666; border-top:1px dotted #666;}
#HFSNavi li.sub                 {font-weight:normal;}
#HFSNavi li.sub a               {padding-left:46px; font-weight:normal;}
#HFSNavi li.active              {border-right:1px solid #666666;}
#HFSNavi .trackinfo           {width:162px;}
#HFSNavi li.active a            {background-color:#FBFBFC; color:#CC0000; font-weight:bold;}
#HFSNavi a img                  {vertical-align:bottom;}
#HFSNavi .separator             {background-color:#fff; color:#333; border-top:1px dotted #999; border-bottom:1px dotted #999; font-weight:bold; padding: 1px 3px; margin:20px 10px 10px 0px;}
#HFSNavi .navbar                {float:left; margin-top:4px; margin-right:6px;}

/* styles HAFAS navigation (javascript) */
#HFSNaviDynamic                 {top:90px; padding-top:55px; position:fixed; left:-240px; float:left; width:264px; height:240px; white-space:nowrap; z-index:171; margin-top:0px;}
#HFSNavBar                      {position: fixed; left: 0px; float:left; width:39px; height:100%; z-index:172;}
.navshow                        {z-index:176 !important;}
.HFSNavBarColor                 {height:100%; background-color:#f6f6f6; position:relative; top:0px;}
#HFSNaviDynamic a               {display:block; margin:0px; outline:none; text-decoration:none;}
#HFSNaviDynamic a img           {vertical-align:bottom;}
#HFSNaviDynamic ul              {list-style:none; margin:0px; padding:0px; padding-left:39px; font-weight:bold;}
#HFSNaviDynamic ul li           {text-indent:17px; margin:0px; padding:0px; width:153px; line-height:27px; height:27px; border-bottom:1px solid #4c4c4c;}
#HFSNaviDynamic ul li.first     {border-top:1px solid #4c4c4c;}
#HFSNaviDynamic ul li a         {color:#4c4c4c; margin:0px; padding:0px;}
#HFSNaviDynamic ul li a:hover   {color:#CC0000}
#HFSNaviDynamic ul li a:focus   {outline: 1px dotted #4c4c4c;}
#HFSNaviDynamic ul li.sub       {font-weight:normal;}
#HFSNaviDynamic ul li.sub a     {padding-left:46px; font-weight:normal;}
#HFSNaviDynamic ul li.active a  {color:#CC0000;}
#HFSNaviDynamic .separator      {background-color:#fff; color:#333; border-top:1px dotted #999; border-bottom:1px dotted #999; font-weight: bold; padding: 1px 3px 1px 3px; margin:20px 10px 10px 0px;}
#HFSNaviDynamic .navbar         {float:left; margin-top:4px; margin-right:6px;}


/* styles STATIONBOARD navigation */
/*#HFSNaviSub                     {margin-left:0px; margin-top:0px; white-space: nowrap;height:30px;}
#HFSNaviSub a                   {display:block; margin:0px;color:#ffffff;padding-left:10px;}
#HFSNaviSub ul                  {list-style:none; margin:0px; padding:0px;color:#ffffff;}
#HFSNaviSub ul li               {background-color:#666666;margin:0px;padding:0px;line-height:24px;width:130px;border-right:1px solid #FFFFFF;color:#ffffff;}
#HFSNaviSub li.sub              {font-weight:normal;}
#HFSNaviSub li.sub a            {padding-left:46px; font-weight:normal;}
#HFSNaviSub li.active           {border-right:1px solid #666666;color:#000;background-color:#e5e5e5;}
#HFSNaviSub li.active a         {color:#c00; font-weight: bold;}
#HFSNaviSub a img               {vertical-align:bottom;}
#HFSNaviSub .separator          {background-color:#fff; color:#333; border-top:1px dotted #999; border-bottom:1px dotted #999; font-weight: bold; padding: 1px 3px 1px 3px; margin:20px 10px 10px 0px;}

#HFSNaviSub li                  {float: left; padding: 0px 36px; border-bottom: 1px dotted #666;text-align:center;}
#HFSNaviSub .navbar             {float: left; margin-top: 4px; margin-right: 6px;}
*/

/* styles HAFAS navigation top - content slider */
#HFSNaviTop                             {margin-left:10px; margin-right:10px; padding:10px 10px 0px 10px;}
#HFSNaviTop ul,
#HFSContent ul.slider                   {margin-left: 0px; margin-top:0px; padding: 2px 0px; height: 24px;}
#HFSNaviTop ul li,
#HFSContent ul.slider li                {margin: 0; display: inline; list-style: none;}
#HFSNaviTop ul a,
#HFSContent ul.slider a                 {padding: 3px 10px; margin-right: 5px; border: 1px solid #fff; border-bottom: none; background: #f9f9f9; text-decoration: none; position: relative;}
#HFSNaviTop ul a:hover,
#HFSContent ul.slider a:hover           {color: #333; background-color: #fff; border-color: #ACBEC9;}
#HFSNaviTop ul li.active a,
#HFSContent ul.slider a.active          {color:#333;}

/* styles HAFAS navigation top - content slider */
#HFSNaviSub ul.slider                   {margin-left: 0px; margin-top:0px; padding: 0px 0px; height: 26px !important; border-bottom: 1px solid #999999;}
#HFSNaviSub ul.slider li                {margin: 0; display: inline; list-style: none;}
#HFSNaviSub ul.slider a                 {color: #fbfbfc; margin: 1px; padding: 7px 3px; border: 1px solid #707070; border-bottom: none; background-color: #707070; text-decoration: none; position: relative; font-weight:bold; float:left; width:95px; text-align:center;}
#HFSNaviSub ul.slider a:hover,
#HFSNaviSub ul.slider a.active          {color: #333333; background-color: #fbfbfc; border-color: #707070;}

/* Develop -> stationboard entry page */
#HFSNaviSub ul.slider                   {margin-left: 0px; margin-top:0px; padding: 0px 0px; height: 26px !important;/* border-bottom: 1px solid #999999;*/}
#HFSNaviSub ul.slider li                {margin: 0; display: inline; list-style: none;}
#HFSNaviSub ul.slider input             {color: #fbfbfc; padding: 6px 3px; margin-right: 3px; border: 1px solid #707070; border-bottom: none; background-color: #707070; text-decoration: none; position: relative; font-weight:bold; float:left; width:105px; text-align:center; cursor: pointer;}
#HFSNaviSub ul.slider input:hover,
#HFSNaviSub ul.slider input.active      {color: #333333; background-color: #fbfbfc; border-color: #707070;}


/* styles HAFAS content */
#HFSContent                             {background-color:transparent; min-width:600px; min-height:200px; margin-left:10px; margin-right:10px;padding:10px 10px 0px 10px;width:670px;}
#HFSContent.navLeft                     {clear:both;padding:0 13px 0 0;}
#HFSContent.menuLeft,
#HFSContentContainer.menuLeft           {margin: 0px 0px 0px 40px; padding: 0px 5px;}

#HFSContent h2.separator                {margin:20px 0px 0px 0px; padding:0px 0px 2px 3px; font-size: 11px; color:#000000;background-color:#cccccc;}
#HFSContent h2.firstSeparator           {margin-top:0px !important;}
#HFSContent h2.separator span           {float:right; padding-left:10px; padding-right:1px; font-size:11px;}
#HFSContent h2.textroute                {border-bottom: 0px solid #b8c6d6;}
#HFSContent h2.top                      {margin-top:0px;}
#HFSContent h2.pagetitle                {font-size:17px; font-weight:bold; line-height:30px; background: none;}
#HFSContent #mapLegend h2.map           {}

#HFSContent p.title                     {margin:30px 0px;}
#HFSContent p.hafasHint                 {padding: 2px 4px; margin-bottom: 0;}
#HFSContent p.home                      {margin-top:0px;}

#HFSContent div.separatingLine          {height:1px; margin:0px; background-color:#ccc;}
#HFSContent div.separatingLineRealtime  {height:5px; background-color:#c00;}

/* style for fieldsets as well as div (like querysummary) */
#HFSContent .greyBox                    {padding:10px 10px; background-color:#f5f5f6; border-bottom:1px solid #ccc; border-top:1px solid #ccc;}
#HFSContent .greyBox.mapInput           {position:relative;}
#HFSContent .greyBoxTop                 {padding:10px 0px 10px 0px; margin-top:15px; background-color:#f5f5f6; border-bottom:1px solid #ccc; border-top:1px solid #ccc;}
#HFSContent .leftMargin                 {margin-left:105px;}
#HFS.usermail .leftMargin,
#HFS.feedback .leftMargin               {margin-left:176px;}
#HFSContent .leftMarginSpecial          {margin-left:105px;}
* html #HFSContent .leftMarginSpecial   {margin-left:50px;}

/* style for (query)summary */
#HFSContent .summary                    {padding:10px 10px; border-bottom:1px solid #ccc; border-top:1px solid #ccc; background-color:#f5f5f6;}
#HFSContent .summary div.block          {float:left; width:auto; margin-right:30px;}
#HFSContent .summary div.block div      {line-height:20px;}
#HFSContent .summary span.label         {display:block; float:left; width:60px; padding:0px; margin:0px; font-weight:bold; color:#666666;}
#HFSContent .summary span.output        {margin-right:0px;}

#HFS.sq_near .summary span.label,
#HFS.sq_results .summary span.label     {display:block; float:left; width:95px; padding:0px; font-weight:bold; color:#666666;}
#HFS.sq_results .summary span.output    {margin-right:20px;}

#HFS.ts_trainsearch .summary span.label {width:80px;}
#HFS.ts_trainsearch .summary .output    {margin-right:20px;}

#HFS.tq_trainroute .summary span.label      {width:auto !important; margin-right:20px; font-weight:bold; color:#666666;}
#HFS.tq_trainroute .summary span.label img  {vertical-align:top;}


/* styles for fieldsets */
#HFSContent fieldset                    {border:0px; padding:0px; margin:0px; line-height:22px;}
#HFSContent fieldset legend             {padding:10px 0px;}
#HFSContent fieldset.greyBox legend     {display:none;}
#HFSContent fieldset.greyBox br         {clear:left;}
#HFSContent label.front                 {float:left; display:block; width:100px; padding:0px 5px 0px 0px; color: #000000;}
#HFS.usermail label.front,
#HFS.feedback label.front               {width:170px;}
#HFSContent label.inline                {float:none; display:inline; padding:2px; color:#000; font-weight:normal;}
#HFSContent label.large                 {display:block; float:left; width:135px;}
#HFSContent fieldset.greyBox div.text   {padding:5px 0px; margin-left:105px;padding-top:0px;}
#HFSContent fieldset.greyBox ul         {margin-top:0px; margin-bottom:0px; padding-left:0px; list-style-type:none;}
#HFSContent fieldset.greyBox ul li      {margin-top:3px; margin-bottom:3px;}
#HFSContent fieldset.greyBox ul ul li   {margin-top:2px; margin-bottom:2px;}
#HFSContent fieldset.greyBox ul ul      {margin-top:0px; padding-left:15px; list-style-type:none;}
#HFSContent fieldset.greyBox ul ul.main {margin-top:0px; padding-left:0px; list-style-type:none;}

/* styles for calendar links */
#callink0, #callink1                    {position:relative; top:-1px;}
#callink0 img, #callink1 img            {vertical-align: middle;}
#HFSCalLater                           {position:relative;top:-3px;left:6px;}
#HFSCalSooner                            {position:relative;top:5px;right:5px;}

/* image select page p2w */
#HFSContent fieldset.p2w                    {margin-bottom:20px;}
#HFSContent fieldset.p2w legend             {color: #666666;}
#HFSContent fieldset.p2w div.format         {float:left; width:50%}
#HFSContent fieldset.p2w div.format span    {float:left;}
#HFSContent fieldset.p2w div.format div     {float:left; margin:20px 10px 0px 10px;}
#HFSContent fieldset.p2w div.format div div {float:none; margin:0px 0px 5px 0px;}
#HFSContent .p2w br                         {clear:none;}


/* HAFAS Query - specific styles query page */
#HFSQuery                               {width:100%;}
#HFSContent .greyBox div.type           {float:left; width:140px;}
#HFSQuery .buttons                      {margin-top:30px;}

/* table styles used for products, multi/intermodal, weekdays... */
#HFSQuery table                         {width:auto; line-height:18px;}
#HFSQuery table th.label                {width:100px;}
#HFSQuery table .spaceLeft              {padding-left: 20px;}
#HFSQuery th                            {text-align:left; color:#666;}
#HFSQuery td                            {padding: 1px 3px;}
#HFSQuery tr.zebracol-1 td              {background-color:#f9f9f9;}
#HFSQuery tr.zebracol-2 td              {background-color:#f9f9f9;}
#HFSQuery .seplineTop                   {border-top:1px dotted #999;background:none !important;}
#HFSQuery .sepline                      {border-bottom:1px dotted #999;}
#HFSQuery .borderright                  {border-right:1px dotted #999;}
#HFSContent label.hidden                {display:none;}

/* HAFAS Result - specific styles result page */
#HFSResult table                        {width:auto; border-spacing:0px;}
#HFSResult table.resultTable            {width:100%;}
#HFSResult table.resultTable a          {text-decoration:none;}
#HFSResult table.resultTable th         {border-bottom: 1px solid #999; color:#fff; font-weight: bold; padding:5px 3px 3px; white-space: normal;}
#HFSResult td.separatorSmall            {background-color:#f9f9f9; border-bottom:1px solid #333; padding-top:5px; font-size:11px; font-weight:bold;}
#HFSResult td.errormessage              {color:#c00;}
#HFSResult td.small                     {font-size: 11px;}
#HFSResult td.prognosis                 {color:#c00; font-weight:bold;}
#HFSResult td.linklistFirst             {width:200px; overflow:auto;}
#HFSResult td.linklistLink              {padding-right:15px;}
#HFSResult td span.pre                  {font-family: courier;}
#HFSResult td span.small                {font-size: 11px;}
#HFSResult td span.prognosis            {color:#c00; font-weight:bold;}
#HFSResult td span.resultTextual        {color:#000;}
#HFSResult td span.resultTextual a      {color:#2677B8;}
#HFSResult td span.resultTextual a:hover {color:#333;}
#HFSResult td span.resultTextualEmphasize   {color:#c00;}
#HFSResult td div.tpDtl_altDep          {color:#666;}

#HFSResult tr.tpOverview th             {border-bottom: 1px solid #999;}
#HFSResult tr.tpOverview th.first       {width:30px;}
#HFSResult tr.tpOverview th.station     {text-align:left;}
#HFSResult tr.tpOverview td             {padding:3px; white-space:normal; background-color: #e5e5e5; border-top: 3px solid #ffffff; text-align:center;}
#HFSResult tr.tpOverview td.station     {text-align:left;}
#HFSResult tr.tpOverview td.station div {margin-right:10px;}
#HFSResult tr.tpOverview td.gisInfo,
#HFSResult tr.tpOverview td.date,
#HFSResult tr.tpOverview td.time,
#HFSResult tr.tpOverview td.duration,
#HFSResult tr.tpOverview td.changes,
#HFSResult tr.tpOverview td.products    {text-align:left;}
#HFSResult tr.tpOverview td.products    {width:150px !important;}
#HFSResult tr.tpOverview td.time div    {margin-left:0; width:75px; overflow:visible; white-space:nowrap !important;}
#HFSResult tr.tpOverview td.time div.planed       {float:left; text-align:left; width:60px;}
#HFSResult tr.tpOverview td.time div.prognosis    {float:left; width:12px; overflow:visible;}
#ovLegendRealtime p                     {position:relative; margin:0 0 4px;}
#ovLegendRealtime p img                 {margin-right:4px; vertical-align:middle;}
#HFSResult tr.tpSeparator td            {background-color:#cc0000;color:#ffffff; font-weight:bold; padding:4px 3px; border-bottom:1px solid #8ca0b9;}
#HFSResult tr.tpSeparatorLight td       {background-color:#cc0000;color:#ffffff; font-weight:bold; padding:2px 3px;}
#HFSResult tr.navi td                   {background-color:#ffffff; border-top:none;}
#HFSResult tr.navi td.first             {text-align:left;}
#HFSResult tr.navi td.last              {text-align:right;}
#HFSResult tr.navi a                    {font-weight:bold;}
#HFSResult tr.selected td               {padding:3px; background-color:#e9e9e9;}
#HFSResult tr.tpOverview th.diagram     {padding: 0px;}
#HFSResult tr.tpOverview th.diagram table    {width:480px;}
#HFSResult tr.tpOverview th.diagram th       {border: 0px;}
#HFSResult tr.tpOverview td.diagram table    {width:auto;}
#HFSResult tr.tpOverview td.diagram table table   {width:100%;}
#HFSResult tr.tpOverviewHint td         {padding: 3px; background-color: #e5e5e5; border-top: 1px dotted #999;}
#HFSResult table.resultTable td.diagram {padding: 0px; background-color:transparent; text-align:left;}
#HFSResult table.resultTable td.right        {text-align:right;}
#HFSResult table.resultTable td.diagram td   {border:0px; background-image: none;}

#HFSResult tr.detailsCaption h3         {margin:10px 0 0; padding: 5px; height:16px; color: #fff; font-size:14px;}
#HFSResult tr.detailsCaption p          {margin:0 0 5px; padding:5px; background-color:#c8d6e6; color:#333; font-size:12px;}

#HFSResult tr.tpDetails td              {padding:3px; white-space:normal;}
#HFSResult tr.tpDetails td.timeValue    {width:30px;}
#HFSResult tr.tpDetails td.timeValue2nd {border-top:1px solid #2677B8;}
#HFSResult tr.tpDetails td.pearl        {padding:0; width:30px; height:18px; text-align:center; border-bottom:0;}
#HFSResult tr.tpDetails td.timeType     {width:50px;}
#HFSResult tr.tpDetails td.timeType span     {display:block; float:left; width:25px; vertical-align:middle;}
#HFSResult tr.tpDetails td.realTime     {width:100px;}
#HFSResult tr.tpDetails td.date         {width:50px;}
#HFSResult tr.tpDetails td.platform     {width:50px;}
#HFSResult tr.tpDetails td.remarks      {white-space:normal; color:#333;}

#HFSResult div.remarks                  {white-space:normal; padding:2px;}

#HFSResult tr.tpDetails td.station span,
#HFSResult tr.tpDetails td.direction span         {display:block; width:85px; float:left; color:#333;}

#HFSResult tr.sectionInfo td            { border-bottom: 1px solid #CC0000 !important; border-top: 1px dotted #999999; }
#HFSResult tr.conFirstSecFirstRow td,
#HFSResult tr.conLastSecLastRow td,
#HFSResult tr.intermediateSection td    {background-color: #ebebeb;}

#HFSResult tr.remarksRow td.remarks,
#HFSResult tr.remarksRow td.direction,
#HFSResult tr.intermediateStop td.first {border-top: 1px solid #d4d4d4;}
#HFSResult tr.intermediateStop td.first {border-top: 1px solid #d4d4d4; background-color:transparent;}

#HFSResult tr.tpDetails td.lastRow,
#HFSResult tr.last td                   {border-bottom: 1px solid #d4d4d4;}

#HFSResult tr.tpTextroute *             {color:#666;}
#HFSResult tr.tpTextroute div.section,
#HFSResult tr.tpTextroute div.furtherInfo  {padding:3px; border-top:1px solid #ccc; background-color:#f9f9f9;}
#HFSResult tr.tpTextroute div.niceTrip  {padding:10px 3px 5px 3px; border-top:1px solid #ccc; background-color:#f9f9f9;}

/*HIM*/
#HFSResult tr.tpOverview td.himMessage  {text-align:left; background:none; background-color:#EEEEEE; border-bottom:1px solid #CCCCCC;}

#HFSResult .buttons                     {margin:20px 0px 30px 0px;}
#HFSContent  .linkGroup                 {padding-bottom:20px; line-height:30px;}
#HFSContent  .linkGroup a               {margin-right:10px; text-decoration:none;}
#HFSContent  .linkGroup .topLink        {float:right;}
#HFSContent  .linkGroup .topLink a      {margin-right:0px;}

/* sq */
#HFSResult tr.arrboard-dark td          {background-color:#e6e6e6;padding:1px 6px;border-bottom:1px solid #CCCCCC;}
#HFSResult tr.arrboard-light td         {background-color:#ffffff;padding:1px 6px;border-bottom:1px solid #CCCCCC;}
#HFSResult tr.depboard-dark td          {background-color:#e6e6e6;padding:1px 6px;border-bottom:1px solid #CCCCCC;}
#HFSResult tr.depboard-light td         {background-color:#ffffff;padding:1px 6px;border-bottom:1px solid #CCCCCC;}
#HFSResult div.furtherJourneys a        {text-decoration:none;}

/* ts */
#HFSResult td.first                     {background-color:#e9e9e9;}
#HFSResult td.second                    {background-color:#d9d9d9;}
#HFSResult td.third                     {background-color:#c9c9c9;}

#HFSResult td.fcell                     {white-space:nowrap; padding-right:15px;}
#HFSResult td.mcell                     {padding-right:15px;}

#HFSResult tr.zebracol-1 td             {background-color:#f9f9f9; border-bottom: 1px solid #ccc;}
#HFSResult tr.zebracol-2 td             {background-color:#e9e9e9; border-bottom: 1px solid #ccc;}
#HFSResult tr.zebracol-3 td             {background-color:#c5dce5;}
#HFSResult tr.zebracol-4 td             {background-color:#fff;}

/* FOOTER styles */
#HFSFooter                              {margin:0px 10px 0px 10px; padding:25px 0px 10px 10px;font-size:11px;color:#666;}
#HFSFooter.navLeft                      {clear:both; margin:0px 10px 0px 0px; padding:25px 0px 10px 10px;}
#HFSFooter.menuLeft                     {margin-left: 40px;}
#HFSFooter span.timetable_validity      {color:#000000;}
#HFSFooter.mapFooter                    {padding:0px 15px 20px 10px;text-align:right;}

/* HIM styles */
#HFSQuery td input.himMainInfo          {width:270px;}
#HFSQuery td textarea.himMainInfo       {width:270px; height:40px;}

#HFS .messageBlockHIM                   {padding:5px; border:solid 1px #666; background-color: #e6e6e6}
#HFS .messageBlockHIM img               {clear:left; float:left; margin-right:10px;}
#HFS .messageBlockHIM span              {float:left;}
#HFS .journeyMessageHIM                 {padding: 3px; background-color:#ffe9e9; border: 1px solid #ee9999; color:#ea3737; margin-top:5px; vertical-align:middle; white-space:normal;}
#HFS .journeyMessageHIM img             {vertical-align:middle;}

/* Logo and bullet of global_design_parameters, if required */
#HFS span.customerLogo1                 {margin-right: 6px; color:#fafdff; font-size:22px; font-family: Arial,Helvetica,Geneva,Swiss,SunSans-Regular,sans-serif;}
#HFS span.customerLogoPopup             {color:#333; font-size:20px; font-weight: bold; font-family: Arial,Helvetica,Geneva,Swiss,SunSans-Regular,sans-serif;}

#HFS .tooltip                           {background-color:#ffe; border:1px solid #777; display:none; position:absolute; z-index:255; height:auto; }
#HFSTooltip                             {background-color:#FFFFE1;color:#000;position:absolute;display:none;padding:2px;border:solid 1px #000;}

#HFS .edgeInfoBox                       {z-index:100; max-width:300px; padding-bottom:10px; border:1px solid #999; background-color:#fff;}
#HFS .edgeInfoBox .header               {padding:5px 15px 5px 5px; margin-bottom:10px; background-color:#efefef;}
#HFS .edgeInfoBox .content              {padding:5px;}

/* styles for station board ticker */
#HFS div.ajaxStBoard                    {background: #fff; border: 1px solid #ccc;}
#HFS .ajaxStBoard div                   {background: #A7C1C5; color: #fff; font-weight: bold; padding: 2px 5px; font-size: 10px;}
#HFS .ajaxStBoard th                    {text-align: left; background: #ccc; padding: 1px 2px; font-size: 9px;}
#HFS .ajaxStBoard td                    {font-size: 9px;}
#HFS .ajaxStBoard tr.even               {background: #E9E9E9;}
#HFS .ajaxStBoard tr.uneven             {background: #fff;}
#HFS .ajaxStBoard tr.RTLine td          {border-top: 1px solid #c00;}

/* styles for look applications */
div.look_maptitle                   {background-color:#b8c6d6; color:#fff; text-align:center; border-bottom-color:#000000; border-bottom-width:1px; border-bottom-style:solid; font-size:12px; font-weight: bold; padding: 1px 0px 1px 0px; white-space: nowrap;}
div.look_maptitletime               {color:#fff; text-align:left; border-bottom-color:#000000; font-size:12px; font-weight: bold; padding: 1px 4px 1px 0px; white-space: nowrap;}
#look_mainelem_perl                 {background-color:#FFFFFF;border-style:outset;border-color:#000000;border-width:1px;}
div.look_info                       {border-color:#000000;position:absolute;border-width:1px;border-style:ridge;}
div.look_info_title                 {background-color:#b8c6d6;position:relative;top:0px;left:0px;border-bottom-color:#000000;border-bottom-width:1px;border-bottom-style:solid;text-align:left;font-size:x-small;padding-left:3px;padding-right:3px;}
div.look_info_body                  {background-color:#f9f9f9;position:relative;top:0px;left:0px;text-align:left;font-size:x-small;padding-left:3px;padding-right:3px;}
div.look_names_on_map               {background-color:#f9f9f9;position:absolute;display:inline;text-align:left;font-size:x-small;opacity:0.70;}
div.look_details                    {border-color:#000000;position:absolute;width:200px;border-width:1px;border-style:ridge;}
div.look_details_title              {background-color:#b8c6d6;position:relative;width:100%;top:0px;left:0px;border-bottom-color:#000000;border-bottom-width:1px;border-bottom-style:solid;text-align:left;font-size:x-small;}
span.look_details_titletext         {position:relative;width:100%;text-align:left;font-size:x-small;}
div.look_details_body               {background-color:#f9f9f9;position:relative;width:100%;top:0px;left:0px;text-align:left;font-size:x-small;padding-left:3px;padding-right:3px;}
div.look_traintext                  {background-color:#f9f9f9;text-align:left;font-size:x-small;padding-left:2px;padding-right:2px;opacity:0.70;}
div.look_popup                      {border-color:#ccc;width:200px;position:absolute;border-width:1px;border-style:ridge;text-align:left;}
div.look_popup_title                {background-color:#b8c6d6;position:relative;width:100%;top:0px;left:0px;border-bottom-color:#ccc;border-bottom-width:1px;border-bottom-style:solid;text-align:left;font-size:x-small;}
div.look_popup_title_train          {background-color:#E9E9E9;position:relative;width:100%;top:0px;left:0px;border-bottom-color:#ccc;border-bottom-width:1px;border-bottom-style:solid;text-align:left;font-size:x-small;}
div.look_popup_title_stop           {background-color:#b8c6d6;position:relative;width:100%;top:0px;left:0px;border-bottom-color:#ccc;border-bottom-width:1px;border-bottom-style:solid;text-align:left;font-size:x-small;}
div.look_popup_title_poi            {background-color:#c5dce5;position:relative;width:100%;top:0px;left:0px;border-bottom-color:#ccc;border-bottom-width:1px;border-bottom-style:solid;text-align:left;font-size:x-small;}
span.look_popup_titletext           {position:relative;width:100%;text-align:left;font-size:x-small;}
div.look_popup_title_traininfo      {background-color:#b8c6d6;position:relative;width:100%;top:0px;left:0px;border-bottom-color:#ccc;border-bottom-width:1px;border-bottom-style:solid;text-align:left;font-size:x-small;}
div.look_popup_textdiv              {background-color:#E9E9E9;position:relative;width:100%;top:0px;left:0px;border-bottom-color:#ccc;border-bottom-width:1px;border-bottom-style:solid;text-align:left;font-size:x-small;}

.clearfix:after {
  content:  ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  }

.clearfix {
  display: inline-block;
  overflow: hidden;
  }

/* OEBB Fares */
div.oebb_fares {
  padding:2px;
  }


/* Hides from IE-mac \*/
* html .clearfix    {height: 1%;}
.clearfix           {display: block;}
/* End hide from IE-mac */

.hide               {display:none;}

div.pearlStart,
div.pearlStop       {
  margin:0px;
  padding:0px;
  min-height:18px;
  height:auto !important;
  height:18px;
  padding-left: 25px;
  }

table.motLegend     {border-left: solid 1px #ccc;border-top: solid 1px #ccc;margin-top:15px;}
table.motLegend td  {border-right: solid 1px #ccc;border-bottom: solid 1px #ccc;}

.hafasResult th {
  background-color:#CCCCCC;
  color:#000000 !important;
  font-weight:normal;
  padding:4px 6px;
  text-align:left;
  }

.cstListBox {width:180px;}
.sectionMapLink {text-align:center; vertical-align:middle;}

#HFS img.himIcon    {border:none;vertical-align:bottom;}

/* popup body should not have fixed width */
body.popup {width: auto !important;}

/* Realtime prognosis colors */
span.rtLimit1                       {color:#219239;}
span.rtLimit2                       {color:#c00; font-weight:bold;}
span.rtLimit3                       {color:#c00; font-weight:bold;}

.trainname                          {font-style: italic;}
.nowrap                             {white-space: nowrap;}
.floatLeft                          {float:left;}
.prodIcon                           {float:left; position:relative; top:-5px; margin-right:5px;}
.centeredText                       {text-align: center;}
.inputHint                          {margin-top:-22px;position:absolute; left:107px; color:#666666; font-size:11px; width:260px; padding-left:5px;}
#HFSContent.menuLeft .inputHint     {left:160px !important;}

/* Stationsinfos */
table.HFS_bhfinfo  {border-top:1px solid #999;}
table.HFS_bhfinfo th {border-bottom:1px solid #999;vertical-align:top;padding-right:15px;}
table.HFS_bhfinfo td {border-bottom:1px solid #999;}
table.HFS_bhfinfo_sf    {border-collapse:collapse;border:1px solid #999;margin:4px 0px;}
table.HFS_bhfinfo_sf th {border:1px solid #999;padding-right:10px;}
table.HFS_bhfinfo_sf td {border:1px solid #999;padding-right:10px;}
table.HFS_service th {border-bottom:none;padding-right:10px;}
table.HFS_service td {border-bottom:none;padding-right:10px;}

div.line {border-bottom:1px solid #999;margin:8px 0px;}

/* origin: scotty_ajax.css */
table.detailsTable                                {width: 100% !important;}
table.detailsTable tr.tpDetails th                {border-top: solid 1px #ffffff; background: none !important; background-color: #CCCCCC !important; color: #000000 !important;}
table.resultTable tr.tpOverview .menuLinks,
table.detailsTable tr.tpDetails .menuLinks        {width: 30px !important;}
table.resultTable tr.tpOverview .menuLinks a,
table.detailsTable tr.tpDetails .menuLinks a      {background-repeat: no-repeat; background-position: center center; width: 16px; height: 16px; display: block; margin:0 auto;}
div.detailContainer                               {border-top: 3px solid #ffffff; padding: 0px;}
td.additionalContent                              {padding-top: 0px; padding-left: 0px; padding-right: 0px;}
div.linkGroup                                     {padding-bottom: 0px !important;}
#HFSResult div.linkGroup                          {border-top: 1px dotted #999999;}
div.detailContainer h2.separator                  {margin-top: 0px !important; padding-left: 0px !important;}
form#email_form h2.separator                      {margin-top: 10px !important;}
#HFSResult tr.tpDetails td                        {padding-top:0px !important;padding-bottom:0px !important;}
#HFSResult .buttons                               {margin-bottom: 10px !important;}
form#email_form label.front                       {width: 180px !important}
.hideElement                                      {display: none;}
tr.hideIntermediateStops tr.intermediateStop      {display: none;}
.summary span.label                               {width: 70px !important;}
tr.sectionInfo td                                 {border-bottom: 1px solid #1C4384 !important; border-top: 1px dotted #999999;}
td.dottedBorderTop                                {border-top: 1px dotted #999999;}
td.timeValue span                                 {padding-right: 5px;}
tr.tpDetails td                                   {width: auto !important;}
tr.tpDetails th.first                             {width: 30px;}
tr.tpDetails td.pearl                             {min-width: 30px; width: 30px !important;}

.hidden                                           {position:absolute; left:-3000px; top:-3000px; width:0px; height:0px; overflow:hidden; display:inline;}

div.marginBottom                                  {margin-bottom:25px;}

/* additional Map Style sheets Reiter Streckeninformation*/
#HFS .internalMapLegend                           {padding:4px;padding:5px;width:140px;}
#HFS .overlayMenuColumn,#HFS .overlayMenuColumnFirst{cursor:hand;cursor:pointer;border:1px solid #333;width:160px;float:left;background-color:white;padding:3px;margin-right:-1px;}
#HFS .overlayMenuColumn.active,
#HFS .overlayMenuColumnFirst.activeMenu           { }
#HFS .overlayMenuColumn a,
#HFS .overlayMenuColumnFirst a                    {color:black;}
#HFS .overlayMenuColumn.activeMenu a,
#HFS .overlayMenuColumnFirst.activeMenu a         {color:white;}
#HFS .mapMenuOverlay                              {height: 5px;position: absolute;right: 0;text-align: left;height:15px;/*top: 65px;*/z-index: 2000000001;}
#HFS .mapMenuOverlay img                          {vertical-align:bottom;}
.externalMenuColumn,.externalMenuColumnFirst      {background-color:#CCCCCC;border:1px solid;border-top:0px;border-right:0px;padding:4px;float:left;/*width:175px;*/cursor:hand;cursor:pointer;}
.trackInfoMenu .externalMenuColumn,
.trackInfoMenu .externalMenuColumnFirst           {border:none;padding:0px;float:none;}
.trackInfoMenu .absoluteMapMenu                   {width:180px;}
.trackInfoMenu .menuContent                       {margin-top:0px;margin-left:0px;position:static;width:165px;border:none;padding-left:5px;padding-top:4px;border-bottom:1px solid black;}
.trackInfoMenu .menuheadline                      {width:auto;cursor:hand;cursor:pointer;padding:5px;background-color:#CCCCCC;border-bottom:1px solid black;}
.menuheadline                                     {width:212px;}
.externalMenuColumnFirst                          {margin-left:0px;border-right:0px;}
.mapMenuExternal                                  {/*text-align:left;position:relative;position:absolute;*/}
.menuContent                                      {margin-top:4px;margin-left:-5px;color:black;width:200px;}
.menuContent                                      {background-color: white;border: 1px solid #333;display: block;padding: 10px;position: absolute;z-index:2000000000;}
.menuContent img                                  {vertical-align:middle;}
.menuImgWrap                                      {float:left;}
.menuContentWrap                                  {padding-left:15px;}
.colicon                                          {cursor:pointer;cursor:hand;padding:2px;padding-bottom:0px;}
.mapMenuOuterWrap,.mapMenuOuterWrapSmall          {position:relative;height:1px;z-index:2;}
.mapMenuOuterWrapSmall                            {height:5px;}
tr.normalHimTableRow td                           { padding-top:10px;}
div.tableHeadline                                 {border:1px solid #9C9C9C;margin-top:10px;cursor:hand;cursor:pointer;background-color:#CCCCCC;color:#333;padding:5px;padding-right:0px;}
.mapMenuOuterWrap label img                       { vertical-align:middle; }
.colicon img                                      { vertical-align:bottom; }
.colicon span                                     {cursor:hand;cursor:pointer;}
.colicon span.menuSize img                        {vertical-align:bottom;margin-top:-5px;margin-right:8px;}
.himSubCategory                                   {height:17px;}
.overlayMenuColumn .menuheadline                  {cursor:pointer;cursor:hand;}
.countryMsgCounter                                {padding:4px;padding-left:10px;}
#HFS input.textBlockActive                        {background-color:#CC0000 !important;color:#FFFFFF !important;}
.absoluteMapMenu                                  {/*position:absolute;right:173px;top:11px;*/}
.noRightBorder                                    {border-right:0px;}
#HFSFirstHeaderContainer                          {height:45px;width:140px;}
.ptvlocation                                      {cursor:hand;cursor:pointer;}
.highlighted                                      {background-color:#CC0000;}
label.scrollBarToggle                             {font-weight:bold;}
.extraScrollbars                                  {height:195px;overflow-y:auto;}
#countryFilterHintMsg                             {margin-top:4px;background-color: #EFEFEF;border: 1px solid #CFCECE;padding:5px;}
div.countryUrgent                                 {padding-left:18px;}

@media print {
  #HFSHeader,
  #HFSLogoOebb, #HFSLogoPV,
  #HFSLogoScotty,
  #HFSHeaderLinks,
  #HFSHeaderSpacer,
  #HFSbreadcrumbCon,#HFSNavi { display:none;}
}

