/* bahn.css */
/* ======== */


/*************************************************************/
/*  Grundeinstellung für Tags und physische Auszeichnungen   */
/*************************************************************/

/* Tags */
body                          {padding:0; margin:0; font-size:11px; font-family:Arial, sans-serif; font-weight:normal; color:#333; background:#fff; width:995px}
form                          {padding:0; margin:0}
table                         {padding:0; margin:0; border:none; border-collapse:collapse; border-spacing:0}
td,th,ul,ol,li,p,div,span,input,button,textarea,select
                              {font-size:11px; font-family:Arial, sans-serif}
a:link,
a:visited                     {color:#333}      /* wie normale Schrift */
a:active,
a:hover                       {color:#c00}
button, input                 {padding:0}
/* Sieht v.a. bei Checkboxen und Radiobuttons besser aus */
input                         {vertical-align:middle}

/* Grafiken (besonders für verlinkte Grafiken wie Info-I/Fragezeichen:kein Rahmen) */
img                           {border:none}

/* physische Klassen */
.inactive                     {color:#999}
.bold                         {font-weight:bold}
.errormsg                     {font-weight:bold; color:#f00}
.errormsgsmall                {font-weight:bold; font-size:10px; color:#f00}

/* Buttons; Links, die wie Buttons aussehen */
input.button,
a.button,
a.button:link,
a.button:visited              {color:#000; background:#dedede; border:1px solid #999; padding:2px 5px; cursor:pointer; height:20px; white-space:nowrap; text-decoration:none; vertical-align:middle}

input.buttonbold,
a.buttonbold,
a.buttonbold:link,
a.buttonbold:visited          {color:#000; background:#dedede; border:1px solid #999; padding:2px 5px; cursor:pointer; height:20px; white-space:nowrap; text-decoration:none; vertical-align:middle; font-weight:bold}

input.buttoninactive,
a.buttoninactive,
a.buttoninactive:link,
a.buttoninactive:visited,
span.buttoninactive           {color:#999; background:#f5f5f5; border:1px solid #ccc; padding:2px 5px; cursor:default; height:20px; white-space:nowrap; text-decoration:none; vertical-align:middle}

input.button:hover,
input.buttonbold:hover,
input.buttoninactive:hover,
a.button:active,
a.button:hover,
a.buttonbold:active,
a.buttonbold:hover,
a.buttoninactive:active,
a.buttoninactive:hover        {color:#c00; background:#fff; border-color:#c00}

/* DIV fuer Buttons */
div.buttons                   {clear:both; margin-top:20px;}
div.buttons div               {padding-left:0;padding-right:0px;}
div.buttons input.button,div.buttons input.buttonbold,div.buttons a.button {margin-right:10px}
div.buttons div,div.buttons div a.button
                              {float:left}
/* ohne diese Zusaetze stimmen die Hoehen bei a.button und input.button leider nicht ueberein! */
div.buttons div a.button      {height:14px;line-height:14px}
div.buttons div.right         {padding-right:0; float:right}
div.buttons div.right input.button,div.buttons div.right input.buttonbold {
margin-right:0px}


/**********************************************************/
/*  Klassen, die weitere interne Definitionen benötigen;  */
/*  Hintergrundgrafik muss INTERN definiert werden,       */
/*  wegen konfigurierbarer Pfadangabe zur Grafik:         */
/*  Sprachwahl; Links/Buttons mit vorangestelltem         */
/*  oder nachgestelltem Pfeil                             */
/**********************************************************/

/* Link (nicht unterstrichen) nach Rechts-Pfeil; Buttons, die wie Links aussehen mit vorangestelltem Pfeil */
a.arrowlink,
a.arrowlink:link,
a.arrowlink:visited,
input.arrowlink,
button.arrowlink              {color:#000; padding-left:15px; padding-right:0px; cursor:pointer; text-decoration:none; border:0px; text-align:left; background:transparent; background-repeat:no-repeat; background-position:left 2px}

a.arrowlink:active,
a.arrowlink:hover,
input.arrowlink:hover,
button.arrowlink:hover        {color:#c00; background-repeat:no-repeat; background-position:left 2px}

/* Link (nicht unterstrichen) nach Links-Pfeil; Buttons, die wie Links aussehen mit vorangestelltem Pfeil */
a.linkback,
a.linkback:link,
a.linkback:visited,
input.linkback,
button.linkback               {color:#000; padding-left:15px; padding-right:0px; cursor:pointer; text-decoration:none; border:0px; text-align:left; background:transparent; background-repeat:no-repeat; background-position:left 2px}
a.linkback:active,
a.linkback:hover,
input.linkback:hover,
button.linkback:hover         {color:#c00; background-repeat:no-repeat; background-position:left 2px}

/* Link (nicht unterstrichen) vor Rechts-Pfeil; Buttons, die wie Links aussehen mit nachgestelltem Pfeil */
a.linknext,
a.linknext:link,
a.linknext:visited,
input.linknext,
button.linknext               {color:#000; padding-left:0px; padding-right:15px; cursor:pointer; text-decoration:none; border:0px; text-align:right; background:transparent; background-repeat:no-repeat; background-position:right 2px}

a.linknext:active,
a.linknext:hover,
input.linknext:hover,
button.linknext:hover         {color:#c00; background-repeat:no-repeat; background-position:right 2px}


/************/
/*  Header  */
/************/

/* Hintergrundgrafik "DB-Logo" für #logo muss wegen konfigurierbarer Pfadangabe zur Grafik zusätzlich INTERN definiert werden */
#logo               {height:77px; width:995px; margin:0; padding:0}
#banner             {padding-left:14px; padding-top:8px}
#nav1box            {color:#fff; width:995px; height:39px; background:#f00}
#nav1box_suppressed {background:#f00; color:#fff; font-size:14px; height:20px; width:995px}
#nav1               {margin:0; color:#fff; padding:3px 0 10px 0; background:#f00; overflow:visible}
#nav1 a             {color:#fff; text-decoration:none}
#nav1 a:hover       {color:#600}
#nav1 ol            {padding:0; margin:0}
#nav1 li            {float:left; margin:.4em 0 0 0; padding:0 .3em 0 .3em; border-right:1px solid #fff; list-style:none; font-size:16px}
#nav1 li.lastcol    {border-right:0}
#nav2               {margin:0; padding:0; background:#fff; width:995px}
#navbox1            {background:#e7e7e7; height:1.6em; margin:0; width:995px}
#navbox2            {height:1.6em; background:#fff}
#metanav            {text-align:right; font-size:11px; padding:.2em 10px 0 0}
#metanav a          {color:#000; text-decoration:none}
#metanav a:hover    {color:#c00}
#metanav2           {background:#fff; height:1.6em}
#metanav_left1,#metanav_left2 {background:#f00; width:200px; float:left; height:1.6em}
.floatclear         {float:none; clear:both}


/*************************************/
/*  Fortschrittsanzeige, darin ggf.  */
/*  Sprachwahl oder Login-Infos      */
/*************************************/

table.progress                {width:995px; margin:0px} /* background-color:#fff; */
table.progress td             {border:1px solid #ccc; white-space:nowrap}
table.progress td.status      {padding:4px 4px 4px 8px; white-space:nowrap; width:695px}
table.progress td.login,
table.progress td.language    {text-align:right; padding:0px 4px; white-space:nowrap}
.progress_txt                 {padding:0px 4px 0px 3px; color:#000}
.progress_txt_active          {padding:0px 4px 0px 3px; color:#f00}
.progress_digit_active        {padding:0px 4px; color:#fff; background:#f00; border:1px solid #f00}
.progress_digit_past          {padding:0px 4px; color:#000; background:#ccc; border:1px solid #ccc}
.progress_digit_future        {padding:0px 4px; color:#000; background:#fff; border:1px solid #ccc}
.login_name                   {color:#000; background:#fff; float:left; overflow:hidden}
.login_number                 {color:#000; background:#fff; float:right; overflow:hidden}
.login_traveller              {color:#000; background:#fff; float:left; overflow:hidden}
/* Hintergrundgrafik "Pfeil" für a.change_language (Sprachwahl) muss wegen konfigurierbarer Pfadangabe zur Grafik zusätzlich INTERN definiert werden */
a.change_language:link,
a.change_language:visited     {padding-left:15px; color:#000; text-decoration:underline; background-repeat:no-repeat; background-position:left 2px}
a.change_language:active,
a.change_language:hover       {color:#c00; background-repeat:no-repeat; background-position:left 2px}
/* falls keine Fortschrittsanzeige-Tabelle angezeigt wird, muss zwischen Kopf- und Inhaltsbereich eine Trennlinie angezeigt werden */
#line_above_content           {height:1px; width:995px; margin:0px; padding:0px; background:#ccc}
#line_above_content hr        {display:none}


/*****************/
/*  Seitentitel  */
/*****************/

/* Seitentitel (lässt sich als h1 nicht zufriedenstellend lösen, da die Browser margin- und padding-Angaben in Bezug auf die Gesamtbreite unterschiedlich interpretieren) */
table.pagetitle               {width:995px; border:1px solid #ccc; border-top:none; border-bottom:none}
.pagetitle td                 {line-height:1.5em; padding:10px 10px 0px 10px; font-weight:bold; font-size:14px}


/*************/
/*  Content  */
/*************/

/* Rahmentabelle für Seiteninhalt  */
/* (Bereich zischen Fortschrittsanzeige/Seitentitel oben und Footer unten) */
table.content                 {width:995px; border:1px solid #ccc; border-top:none}
.content td                   {padding:10px}

/* Abschnittsüberschrift mit Info-I (lässt sich als h2 statt als Tabelle lösen, da kein Rahmen gefordert) */
h2                            {font-weight:bold; font-size:11px; color:#333; font-family:Arial, sans-serif; margin-left:3px; margin-top:13px; margin-bottom:2px; vertical-align:bottom}
h2 span.help                  {float:right; padding-left:10px; padding-right:1px}
span.help a:link,
span.help a:active,
span.help a:visited,
span.help a:hover             {cursor:help}

/* Hinweistext (lässt sich trotz Rahmenangabe als div statt Tabelle lösen, da keine feste Breite angegeben werden muss) */
div.hint                      {border:1px solid #ccc; padding:3px 5px}

/* HAFAS-Reiter (div erforderlich wegen Hintergrundfarbe => dann ist für die Tabelle keine 100% Breite nötig;) */
div.content_slider                      {background:#999; margin-top:10px; margin-bottom:3px; padding:0px}
.content_slider table                   {margin:0;padding:0}
.content_slider table tr                {margin:0;padding:0}
.content_slider table td.active         {background:#fff; border:solid 1px #999; border-right:none; border-bottom:none; padding:2px 10px}
.content_slider table td.passive        {background:#ccc; border:solid 1px #999; border-right:none; border-bottom:none; padding:2px 10px}

/* Anfragetabelle */
table.query                   {border:1px solid #ccc; width:100%}
.query th,
.query td                     {padding:3px 5px 3px 5px}
.query th                     {font-weight:bold; text-align:left; width:180px; white-space:nowrap}

/* Ergebnistabelle */
table.result                  {border:1px solid #ccc; width:100%}
.result th,
.result td                    {padding:5px 6px 3px 5px}
.result th                    {font-weight:bold; text-align:left; background:#e7e7e7; white-space:nowrap}

/* alternierende Zeilenfarben, Farbe für gewählte Verbindung in Auskunft */
td.light,
tr.light td                   {background:#fff}
td.dark,
tr.dark td                    {background:#e7e7e7}
td.selected,
tr.selected td                {background:#ffff99}

/************/
/*  Footer  */
/************/

#footerbox_mw                 {width:995px; height:1.8em; background:#fff}
#footerremarks_mw             {font-size:11px; padding:0px 10px 0 10px; float:left}
#footercopyrightbox_mw        {width:228px; margin:0; padding:0; height:1.8em; background:#f00; float:right}
#footerbox0                   {width:995px; height:1.8em; background:#fff}
#footerremarks                {font-size:11px; padding:0px 10px 0 10px; float:left}
#footercopyrightbox0          {width:228px; margin:0; padding:0; height:1.8em; background:#f00; float:right}
#footerbox1                   {width:995px; height:1.8em; background:#fff}
#footerversion                {font-size:11px; padding:0px 10px 0 10px; float:left}
#footercopyrightbox           {width:228px; margin:0; padding:0; height:1.8em; background:#f00; float:right}
#footercopyright              {margin:0; padding:5px 10px 0 10px; font-size:11px; color:#fff}
#footercopyright a            {color:#fff; text-decoration:none}
#footercopyright a:hover      {color:#600}
#footerbox2                   {width:995px; height:1.8em; background:#f00}
#footer                       {color:#fff; margin:0; padding:.2em 0 0 10px; background:#f00}
#footer a                     {color:#fff; text-decoration:none}
#footer a:hover               {color:#600}
#footer ul                    {padding:0; margin:0}
#footer li                    {float:left; margin:.2em 0 0 0; padding:0 .4em 0 .4em; border-right:1px solid #fff; list-style:none; line-height:110%; font-size:11px}
#footer li.lastcol            {border-right:0}
.versionsinfo                 {margin:0; padding:0; font-size:10px; color:#fff}