/* START ############################################################################################################ */

html {
  background: url(/images/elemente/hintergrund.gif);
  background-color: #E1F1FC; /* Haupthintergrund MainBackground wenn Bilder nicht geladen ! */
  background-color: #CCC; /* Haupthintergrund MainBackground wenn Bilder nicht geladen ! */
  color: #00305A;
  color: #333; /* HauptSchriftFarbe */
}

#body_rak {
  /* background-color: #E5EEFE; */
  background-color: #E1F1FC;
  background: url(/images/elemente/hintergrund.gif);
  color: #00305A;
  color: #333; /* HauptSchriftFarbe */
  margin: 15px;
  padding: 0;
  text-align: center;
  font-family: Verdana, sans-serif;
  font-size: 76%;
  font-size: 68%; /* 68, 67, 66 führen zur Nichanzeige der SubNavi ! */
  font-size: 65%;
  font-size: 64%; /* OK ! */
  font-size: 69%; /* OK ! */
}

#page_rak, #head_rak_all, #content_rak_all, #foot_rak_all {
  background: url(/images/elemente/hintergrund.gif);
  background-color: #E1F1FC;
  background-color: #CCC;
  color: #00305A;
  color: #333; /* HauptSchriftFarbe */
  width: 900px;
  margin: 0 auto;
  text-align: left;
}

#head_rak_all {
  /*
  background-color: #E1F1FC;
  background: url(/images/elemente/hintergrund.gif);
  */
  /* RAKON für "wenn übergroße Schrift Background sichtbar werden lässt" */
  background: url(/images/kopfgrafik/hintergrund_navigation.gif);
  background-repeat: repeat-y;
  background-color: #004B8D;
  margin-bottom: 15px;
}

#head_logo {
  background: url(/images/kopfgrafik/buck_hamburg_logo.gif);
  background-repeat: no-repeat;
  background-color: #004B8D;
  width: 900px;
  height: 70px;
}
#head_logo a.logo {
  position: relative;
  left: 25px;
  top: 19px;
 }
#head_logo a.hhlf {
  position: relative;
  left: 595px;
  top: 11px;
}

#letterhead {
  display: none;
}

#head_navi_ {
  background-color: #004B8D;
  background: url(/images/kopfgrafik/hintergrund_navigation.gif);
  background-repeat: repeat-y;
}

/* RAKOFF per _ / Wenn aktiv, dann beim IE7 Striche unter MainNavi Buttons ... */
div.mainnavi_ {
  background-color: #004B8D;
  background: url(/images/kopfgrafik/hintergrund_navigation.gif);
  background-repeat: repeat-y;
  width: 900px;
  height: 1.8em; /* Höhe des MainNavi IE */
  min-height: 2.0em; /* Höhe des MainNavi NOT IE */
}

#head_foot {
  clear: both; /* Ende float Navi */
  background: url(/images/kopfgrafik/navigation_balken.gif);
  background-repeat: no-repeat;
  background-color: #0074D9;
  width: 900px;
  height: 25px;
}

#head_mood {
  /* background: url(/images/themenbilder/bild_homepage.jpg); */
  /* background: url(/images/elemente/hintergrund.gif); */
  /* background: url(/images/themenbilder/bild_homepage.jpg); */
  /* RAKOFF da in index.php wegen php !!!
  background: url(/images/themenbilder/<?php echo "bild_".$themenbilder[$menum][0].".jpg";?>);
  */
  background-repeat: no-repeat;
  /* background-position: 0 0; */
  background-color: #7ABAF2;
  /* width: 900px; */
  /* height: 200px; */
  text-align: center;
}

#content_rak_all {
  background-image: url(/images/elemente/hintergrund_content.gif);
  background-repeat: no-repeat;
  background-position: bottom;
  background-color: #FFF;
  margin-top: 20px;
  margin-bottom: 20px;
  /* height: 400px; */
}

#content_navi {
  background-color: #CCC;
  width: 200px;
  float: left;
}

#content_content {
  background-color: #666;
  width: 700px;
  float: left;
}

#foot_rak_all {
  clear: both; /* Wichtig für Content Höhe u.a. im FF */
  background-image: url(/images/elemente/fussgrafik.gif);
  background-repeat: no-repeat;
  background-color: transparent;
  height: 70px;
  margin-top: 15px;
}

p_ {
  color: #666;
  padding: 25px;
  padding-left: 250px;
  font-size: 0.9em;
  line-height: 1.5em;
}
h1_ {
  color: #00305A;
  font-size: 1.2em;
  padding: 25px;
  padding-left: 250px;
}
p {
  color: #333; /* RAK HauptSchriftFarbe im Content dunkelgrau */
  font-size: 1em;
  line-height: 1.5em;
}
h1 {
  color: #00305A;
  /* font-size: 1.2em; */
  font-size: 1.8em;
  /* font-weight: bold; */
  font-weight: normal;
  /* padding: 0.45em 0 1.3em 0; */
  padding: 0 0 0.8em 0;
}
.big {
  font-size: 1.1em;
}

#head_mood img {
  vertical-align: bottom; /* verhindert Background sichtbar hinter Img, wenn Text auf Img und somit Background zu groß ... */
}

#head_foot h1 {
  display: inline;
  display: none; /* temp weg, da Fehler beim IE6 : Background unter Balken sichtbar ... */

  padding: 0;

  line-height: 0 !important; /* Block unsichtbar machen */

  color: #00305A;
  /* font-family: Verdana, sans-serif; */
  font-size: 0.78em;
  font-weight: normal; /* nicht klar bei H1 ... */

  position: relative;
  left: 24px;
  top: 15px;
}

#head_mood h1 {

  /* display: inline; */
  display: block;

  /* RAKOFF
  background-image: url(/images/ecken/mainmenu_inactive.gif);
  background-repeat: repeat-x;
  background-position: 0 0;
  */
  /*
  background-color: #0074D9;
  background-color: #4192D9;
  background-image: url(/images/ecken/mainmenu_inactive.gif);
  background-repeat: repeat-x;
  */
  background: transparent;

  line-height: 0 !important; /* Block unsichtbar machen */

  color: #FFF;
  /* font-family: Verdana, sans-serif; */
  /* font-size: 1.3em; */
  font-size: 1.8em;
  /* font-weight: bold; */ /* eigentlich klar bei H1 ... */
  font-weight: normal;

  /* padding: 0.1em 0.6em 0.2em; */
  padding: 0;

  position: relative;
  /* left: 400px; */
  /* left: 0 !important; */ /* nun text-align: center bei #head_mood ! */
  top: -32px;

}

#foot_rak_all div.foot {
  clear: both;
}
#foot_rak_all div.foot ul.extralinks li {
  float: left;
  position: relative;
  left: 24px;
  top: 49px;
  background-color: #0074D9;
  color: #FFF;
}

div.content h2 {
  /* color: #F00; */
  /* font-family: Verdana, sans-serif; */
  font-size: 1em;
  /* font-weight: bold; */
  margin-bottom: 0.4em;
  padding-bottom: 0;
}

#oeffnungszeiten {
  /* border: 0.12em solid #AAA; */
  border: 1px solid #4192D9;
  border-collapse: collapse;
  white-space: nowrap;
}
#oeffnungszeiten td {
  /* border: 0.12em solid #AAA; */
  border: 1px solid #4192D9;
  padding: 1em;
  white-space: nowrap;
}
#oeffnungszeiten td.bgblue {
  background-color: #E1F1FC;
}


#divtext, #divlinks {
  width: 900px;
  margin: 0 0 0 -1000px;
}
#divtext h1, #divtext p, #divlinks a {
  /* color: #E1F1FC; */
  color: #CFDFDA;
}


/* ################################################################################################################## */
/* ################################################################################################################## */
/* ################################################################################################################## */

/*
  EM = PX/11,111111111111111111111111111111
  PX/EM = 11,111111111111111111111111111111
*/

* {
  margin: 0px;
  padding: 0px;
  background-repeat: no-repeat;
}

/* RAKOFF
html, body {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 76%;
  background-color: #e4e9f2;

  This is a we:fix

  text-align: left !important;
  text-align: center;

  color: #333;
}
*/

table, input, select, textarea {
  font-size: 1em;
}

/* Links ############################################################################################################ */

img {
  border: none;
}

a {
  color: #003277;
  /* RAKON */
  color: #FFF;
  text-decoration: none;
}

a:hover {
 text-decoration: underline;
}

a[name]:hover {
  text-decoration: none;
}

div.header a {
  color: #FFF;
  /*
  text-decoration: none;
  */
}

/* RAKON */
div.subnavi a:hover {
  color: #F00;
  text-decoration: none;
}

div.rak a.nounderline {
  color: #333 !important; /* HauptSchriftFarbe */
  border-bottom: none !important;
  text-decoration: none !important;
}
div.rak a.nopointer {
  cursor: text !important;
}
div.rak a.nounderline:hover {
  color: #333; /* HauptSchriftFarbe */
  border-bottom: none !important;
  text-decoration: none !mportant;
}

/* Common ########################################################################################################### */

/* RAKON */
.posrel {
  position: relative;
}

.nowrap {
 white-space: nowrap;
}

.left {
  float: left;
}

.right {
  float: right;
}

.bold {
  font-weight: bold;
}

.center
{
  text-align: center;
}

.textright
{
  text-align: right;
}

.clear {
  clear: both;
}

/* RAKOFF
h1, h2, h3 {
  clear: both;
  font-size: 1em;
  margin: 0.5em 0;
}
h1 {
  margin-top: 0;
}
*/

div.content h3, h3 {
  margin-bottom: 0;
  padding-bottom: 0;
}

ul {
  list-style: none;
}

.error, .required {
  color: #9D0002;
}

code {
 background: #DDD;
 font-size: 1.2em !important;
}

table th, table td {
  vertical-align: top;
}

tr td.centertext, tr.centertext td {
  text-align:center;
}

tr td.lefttext, tr.lefttext td {
  text-align:left;
}

tr td.righttext, tr.righttext td {
  text-align:right;
}

tr th.bottomtext, tr td.bottomtext, tr.bottomtext td {
  vertical-align:bottom;
}

textarea {
  /* RAKOFF
  font-family: Verdana, Arial, Helvetica, sans-serif;
  */
  font-family: Verdana, sans-serif;
}

.twothird {
  width: 58.5%;
  /* RAKON */
  width: 65.9%;
}

.onethird {
  width: 38.5%;
  /* RAKON */
  width: 32.9%;
}

.threequarter {
  width: 74.9%;
}

/* RAKON */
.onequarter {
  width: 24.9%;
}

.threeseventh {
   width: 42.5%; /* 3/7 = 0,428571428 */
}

input.spacey, select.spacey {
  display: block;
  margin-bottom: 1em;
}

.half {
  width: 49.999999999999999%;
}

/* little less than half */
.ltthalf {
  width: 45%;
}

.highlight {
  color: #013378;
}

.highlight_light {
  color: #8099BA;
}

.middle {
  vertical-align: middle;
}

.nowrap {
  white-space: nowrap;
}

.invisible {
  display: none;
}

.block {
  display: block;
  margin: 0;
  padding: 0;
}

.inline {
  display: inline;
}

/* RAKOFF
p {
  line-height: 1.25em;
}
*/

/* ################################################################################################################## */

div.page {
  font-size: 1.2em;
  margin: 25px auto;
  margin-bottom: 0;
  text-align: left;

  width: 95%;
  width: 90.4em; /* == OPERA korrekt */
  width: 90.1em; /* == FIREFOX korrekt */
  width: 89.8em; /* == IE korrekt */

  width: 84em; /* == gewollter abstand */

  max-width: 1600px;
  min-width: 780px;
}

div.header {
  /*
  overflow: hidden;
  */
}

div.header div.logo {
  clear: both;
  /*
  height: 18em;
  */
  /* RAKOFF
  background-image: url(http://www.hvv.de/images/head_verlauf_2.jpg);
   */
  background-position: 100% 100%;
  background-repeat: no-repeat;

  /* RAKOFF
  background-color: #A40003;
  */
  /* RAKON */
  background-color: #999;


  margin-bottom: 20px;
  margin-bottom: 15px;

  /*
  position: relative;
  */
  /* test */
  /*
  position: relative;
  */
  /*
  top: 20px;
  border: 1px solid red;
  */
}

div.header div.logo_innersizes {
  /*
  height: 216px;
  */
  min-height: 50px;
  padding-bottom: 41px;
  height: auto !important;
  height: 51px;
  position: relative;
  /*
  z-index: -10px;
  */
}

/* IE Bugfix für min-height and ne Höhe is nie verkehrt */
* html div.header div.logo_innersizes {
  /*
  height:50px;
  */
}

div.header div.logo img {
  vertical-align: top;
}

div.header div.logo a.homelink {
  position: absolute;
  bottom: 26px !important;
  /*
  bottom: 25px;
  */
  right: 10px;
  z-index: 50;
}

div.header div.logo a.homelink img {
  vertical-align: baseline;
}

/* MAINNAVI #################################################################################################### */

/* RAKON */
div.mainnavi div.rak001 {
  padding-right: 5px;
}

/* RAKOFF div.mainnavi div.rak002 { padding-left: 3em; } */
/* RAKON */
div.rak002 { padding-left: 25px; }

ul.sitemap li {
  white-space: nowrap;
  font-weight: bold;
}
ul.sitemap li ul.sub li {
  /* padding-left: 3em; */
  white-space: nowrap;
  font-weight: normal;
}
ul.sitemap li a {
  color: #333; /* wie HauptSchriftFarbe */
}
ul.mainnavi {
  float: right;
}
/* weitere CSS-Styles u.a. wegen der SiteMap CSS s. weiter unten bei "div.content div ul, div.content div li" ca. Zeile 1398 ! */

ul.mainnavi li {
  /* RAKON : statt http://www.hvv.de/images/ ../images/ecken/ */
  background-image: url(../images/ecken/mainmenu_inactive.gif);
  background-repeat: repeat-x;
  background-position: 0 0;

  background-color: #033477;
  /* RAKON */
  background-color: #0FF;    /* Cyan Hintergrundfarbe der MainNavi wenn keine Grafikelemente geladen */
  background-color: #0074D9; /* Blau Hintergrundfarbe der MainNavi wenn keine Grafikelemente geladen */
  background-color: #4192D9; /* HellBlau Hintergrundfarbe der MainNavi wenn keine Grafikelemente geladen */
  background-color: #E1F1FC; /* HauptHintergrund ist Hintergrundfarbe der MainNavi wenn keine Grafikelemente geladen */
  background-color: #033477;
  background-color: #0074D9; /* Blau Hintergrundfarbe der MainNavi wenn keine Grafikelemente geladen */

  white-space: nowrap;

  font-weight: bold;

  float: left;
  /* IE Bugfix for Double Margin Bug */
  display: inline;
  /*
  height: auto !important;
  height: 1em;
  */
}

ul.mainnavi .mainnavi_innersizes {
  position: relative;
  z-index: 100;
}

ul.mainnavi li a {
  display: block;
  /*
  height: 2.2em;
  line-height: 2.2em;
  */
  padding: 0px 7px;
  padding: 0px 0.93em;
  padding: 0.5em 1.1em 0.4em 1.1em;
  /*
  margin: 0.53em 0.53em;
  */
}

ul.mainnavi li.first a {
  /*
  padding-left: 1.8em;
  */
}

ul.mainnavi li.active {
  /* RAKON : statt http://www.hvv.de/images/ ../images/ecken/ */
  background-image:url(../images/ecken/mainmenu_active.gif);

  background-color: #B7C4CD;
  /* RAKON */
  background-color: #FFF; /* Hintergrund MainNavi aktiv Weiß */
  background-color: #7ABAF2; /* Hintergrund MainNavi aktiv */
}

ul.mainnavi li.active a {
  color: #08387B;
  /* RAKON */
  color: #00305A; /* Blau Schriftfarbe MainNavi Text aktiv */
}

ul.mainnavi li.spoton a {
  color: #DC2218; /* Hauptmenü Aufmerksamkeit / Farbe HH Flagge, hier zZt für Aktuelles oben im Hauptmenü */
}

ul.mainnavi li:hover ul.sub,
ul.mainnavi li.hover ul.sub,
ul.mainnavi li:hover ul.sub li:hover ul.sub,
ul.mainnavi li.hover ul.sub li.hover ul.sub {
  display: block;
}

ul.mainnavi li:hover ul.sub ul.sub ul.sub,
ul.mainnavi li.hover ul.sub ul.sub ul.sub {
  display: none;
}

/* erste */
ul.mainnavi li ul.sub {
  display: none;
  background-color:#5D7BA5;
  /* RAKON */
  background-color:#0074D9; /* Navi Sub Background */

  /* RAKON */
  /* filter: Alpha(opacity=80); */ /* hier filter weg!! da sonst im IE6 die zweite ebene beim "hovern" unsichtbar bleibt?!?!?!? */
  -moz-opacity: .8;
  opacity: .8;

  position: absolute;
  z-index: 20;
  top: 100%;
  left: 0px !important;
  /* IE fix ... this is to reverse the padding-left of ul.mainnavi li a  */
  left: -1.1em;

  width: auto !important;

  margin-top: 0px !important;
  margin-top: 1px;
}

/* Kommentare entfernen für rechtsbündige erste Ebene */
ul.mainnavi li ul.sub_right_aligned {
  left: auto;
  left: auto !important;
  right: 1px !important;
  right: 1px;
  text-align: right;
}

/* RAKON */
ul.mainnavi li ul.last {
  margin-right: 1px;
}

ul.mainnavi li ul.sub {
  /*
  width: 10em;
  */
  /* RAKON RAKOFF right: -1px; */ /* -1px wäre OK wegen bündigem Rand, aber dann background bug beim IE7 oder FF ... */
}

ul.mainnavi li ul.sub li {
  display: block;
  float: none;
  background: none;
  margin: 0;

  z-index: 15;
  border: none;
  border-top: 1px solid #5D7BA5;
  border-bottom: 1px solid #5D7BA5;
  border-right: 1px solid #5D7BA5;
  /* RAKON */
  border-top: 1px solid #0074D9;    /* Navi Sub Background */
  border-bottom: 1px solid #0074D9; /* Navi Sub Background */
  border-right: 1px solid #0074D9;  /* Navi Sub Background */

  /*
  width: 10em;
  */
}

ul.mainnavi li ul.sub li.first {
  /* Fixes Glitch in IE */
  /*
  border-top: 1px solid #5D7BA5;
  border-top: none;
  */
}

ul.mainnavi li ul.sub li.last {
  margin-right:0;
  /*
  border-bottom: 1px solid #5D7BA5;
  */
}

ul.mainnavi li ul.sub li:hover,
ul.mainnavi li ul.sub li.hover {
  border-top: 1px solid #B3C3D7;
  border-bottom: 1px solid #B3C3D7;
  border-right: 1px solid #B3C3D7;
  background-color:#B3C3D7;
  /* RAKON */
  border-top: 1px solid #E1F1FC;    /* Navi Sub Background Hover */
  border-bottom: 1px solid #E1F1FC; /* Navi Sub Background Hover */
  border-right: 1px solid #E1F1FC;  /* Navi Sub Background Hover */
  background-color:#E1F1FC;         /* Navi Sub Background Hover */

  margin: 0;
}

ul.mainnavi li ul.sub li a {
  color: white;
  text-decoration: none;
  font-weight: normal;
}

ul.mainnavi li ul.sub li:hover a,
ul.mainnavi li ul.sub li.hover a {
  color: #063373;
  /* RAKON */
  color: #FFF; /* Navi Sub Color Hover */
  color: #00305A; /* Navi Sub Color Hover */
}

/* RAK: zweite Ebene !!! */
ul.mainnavi li ul.sub li ul.sub {
  
  display: none;

  background-color: #B3C3D7;
  /* RAKON */
  background-color: #F00;
  /* !!! */
  background-color:#E1F1FC;

  /* RAKON */
  filter: Alpha(opacity=80);
  -moz-opacity: .8;
  opacity: .8;

  color: #0FF;

  position: absolute;
  z-index: 10;
  top: -1px !important;
  top: 0px;
  left: 100% !important;
  left: 100%;
  margin: 0;
}

/* Kommentare entfernen für linksbündige zweite Ebene */
ul.mainnavi li ul.sub_right_aligned li ul.sub,
ul.mainnavi li ul.sub_sub_left_aligned li ul.sub {
  left: auto !important;
  right: 100%;
}

ul.mainnavi li ul.sub li ul.sub li a {
 color: #063373;
 /* RAKON */
 color: #F0F;
 /* !!! */
 color: #00305A;
}

ul.mainnavi li ul.sub li ul.sub li {
  z-index: 5;
  border: none;
  border-top: 1px solid #B3C3D7;
  border-bottom: 1px solid #B3C3D7;
  /* !!! */
  border-top: 1px solid #E1F1FC;
  border-bottom: 1px solid #E1F1FC;
}

ul.mainnavi li ul.sub li ul.sub li:hover,
ul.mainnavi li ul.sub li ul.sub li.hover {
  background-color: #5D7BA5;
  border-top: 1px solid #5D7BA5;
  border-bottom: 1px solid #5D7BA5;
  /* RAKON */
  background-color: #0FF;
  border-top: 1px solid #0FF;
  border-bottom: 1px solid #0FF;
  /* !!! */
  background-color: #0074D9;
  border-top: 1px solid #0074D9;
  border-bottom: 1px solid #0074D9;
}

ul.mainnavi li ul.sub li ul.sub li:hover a,
ul.mainnavi li ul.sub li ul.sub li.hover a {
  color: white;
}

/* ------------ */

div.body {
  clear: both;
  background-color: #FFF; /* Content Hintergrund Content Background mit runden weißen Ecken und Schatten !!! */
}

div.body_innersizes {

  padding: 25px; /* RAK Rand unten im Content */

  min-height: 100px;
  /* IE Bugfix */
  height: 1%;
}

div.subnavi {
  /* RAKOFF
  float: left;
  width: 24.9%;
  */
  /* RAKON RAKOFF */
  /* width: 220px; */
  /* siehe nun 'onequarter' */
}

div.subnavi a {
}

div.subnavi ul {
  margin: 0px 15% 2em 0;
  /* RAKON RAKOFF
  margin-top: 25px;
  margin-left: 25px;
  */
}

div.subnavi ul.sub {
  margin: 0px;
}

div.subnavi ul li {
  /*
  line-height: 2em;
  */
  /* RAKOFF Trennlinie gestrichelt weg Content Navi links
  background-image: url(http://www.hvv.de/images/dotted_line_transp.gif);
  background-repeat: repeat-x;
  background-position: 0 100%;
  */
  /*
  min-height: 5em;
  */
}

div.subnavi ul li.active {
  font-weight: bold;
  background-color: #b3c3d7;
  /* RAKON */
  background-color: #E1F1FC; /* Content Navi Links Background Aktiv Titel */
  background-color: #F0F8FF; /* AliceBlue : Content Navi Links Background Aktiv Titel */
  background-color: #E1F1FC; /* Content Navi Links Background Aktiv Titel */
  /*
  padding-bottom:1px;
  */
}

div.subnavi ul li a {
  background-image: url(../images/elemente/bullet_buck.gif);
  background-repeat: no-repeat;
  background-position: 0 50%;
  /*
  background-position: 0 0.89em;
  */

  padding: 0.5em 0;
  padding-left: 10px;

  /* RAKOFF
  */

  display: block;

  /* IE Bugfix */
  height: auto !important;
  height: 0.5em;

  /* RAKON */
  font-size: 1.0em; /* Content Navi Links Schriftgröße */
  color: #00305A;   /* Content Navi Links Schriftfarbe */

  /* RAKON */
  border-bottom: 1px solid #F5F5F5; /* WhiteSmoke : Trennlinie Content Navi links */
  border-bottom: 1px solid #4192D9; /* Content Navi links TrennLinie UnterTitel TrennStrich */
}

/* RAKON */
div.home {
  margin-top: -1.5em;
}
div.subnavi div.home ul li a {
  color: #DC2218; /* Content Navi Links Schriftfarbe / Farbe HH Flagge, hier zZt für a Links im RAK Content */
}
div.subnavi div.home ul li a:hover {
  color: #F00;
  font-weight: bold;
}

div.subnavi ul li ul.sub {
  font-weight: normal;
}

div.subnavi ul li ul.sub li {
  /* RAKOFF
  background-color: #e6ebf2;
  */
  /* RAKON */
  background-color: #F5F5F5; /* WhiteSmoke: Content Navi Links Background Aktiv UnterTitel */
  background-color: #7ABAF2; /* Content Navi Links Background Aktiv UnterTitel */
  background-color: #E1F1FC; /* Content Navi Links Background Aktiv UnterTitel */

  padding-left: 20px;
}

div.subnavi ul li ul.sub li a {
  /* RAKOFF
  background-image: url(http://www.hvv.de/images/bullet_sub.gif);
  */
  /*
  background-repeat: no-repeat;
  background-position: 0 50%;
  padding: 0.25em 0;
  padding-left: 10px;
  */

}

div.subnavi ul li ul.sub li.active a {
  background-image: url(../images/elemente/bullet_buck.gif);
}

form.search
{
  margin:2em 0;
}

form.search .border
{
  padding:2px;
  border:1px solid #666;
}

div.content
{
  /*
  min-height: 500px;
  height: 500px !important;
  height: auto;
  */
}

/* WICHTIG nicht vergessen hier zu gucken wenn bugs auftreten */
/* div.start, */
div.content * {
  /*
  zoom: 1.0;
  */
}

/*
div.content p,
div.content * p {
  zoom: normal;
}
*/

/* RAKOFF
div.content h1 {
  color : #02327c;
  margin-top : 0.225em;
  margin-top : 0;
  font-size:1.65em;
}
*/

/* RAKOFF per _ */
div.content_ h2.seperator_ {
  /*
  font-size: 1.25em;
  */
  background-color: #e4e9f2;
  background-image: url(http://www.hvv.de/images/linkbox_head.gif);
  background-repeat: repeat-y;
  /*
  margin: 0;
  */
  margin-bottom: 1.1em;
}
/* RAKOFF
div.content h2.seperator a {
  background-image: url(http://www.hvv.de/images/linkbox_bullet.gif);
  background-repeat: no-repeat;
  background-position: 0 0.6em;
  padding-left: 10px;
  display: block;
}
*/

div.content p {
  margin-bottom: 1em;
}

div.content div.linkbox {
  width: 45%;
  /*
  background-color: #e4e9f2;
  */
  /* RAKOFF
  background-color: #f0f3f8;
  */
  /* RAKON */
  background-color: #0074D9; /* LinkBox Hintergrund Linkbox Background */
  background-color: #4192D9; /* LinkBox Hintergrund Linkbox Background */
  background-color: #7ABAF2; /* LinkBox Hintergrund Linkbox Background */
  background-color: #E1F1FC; /* LinkBox Hintergrund Linkbox Background */
  background-color: #0074D9; /* LinkBox Hintergrund Linkbox Background */


  margin-bottom: 2em;
}

div.content div.linkbox_sizes {
  padding: 3px 10px 10px 10px;
  padding: 10px;
}

div.content div.linkbox ul {
  padding-left: 3px;
  margin-top: 1em;
}

div.content div.linkbox a {
  display: block;
}

/* RAKOFF
div.content div.linkbox h1,
div.content div.linkbox h2,
div.content div.linkbox h3 {
  font-size: 1em;
  font-weight: normal;
  color: #02327c;
  margin-top: 0;
  margin-bottom: 0em;
  background-image: url(http://www.hvv.de/images/bullet_sub.gif);
  background-repeat: no-repeat;
  background-position: 0 50%;
  padding-left: 10px;
}
*/

div.content .headline_innersizes {
  padding: 0 1em;
  line-height: 1.8em;
}

div.content div.teaserbox {
  color: white;
  background-color: #DA0000;
  margin-bottom: 1em;
}

/* RAKOFF
div.content div.teaserbox h1 {
  font-size: 1em;
  color: white;
  background-image: url(http://www.hvv.de/images/teaserbox_head.gif);
  background-repeat: repeat-y;
  margin: 0;
}
*/

div.content div.teaserbox_sizes {
  padding:10px 15px;
  padding-left:160px;
  min-height:100px;
  height:auto !important;
  height:100px;
}

div.content div.teaserfixedsize {
  width:250px;
  height:150px;
}


div.hintbox {
  background-color: #fff;
  color: #fff;
  margin-bottom: 2em;
  overflow: hidden;
}

div.hintbox p {
  background-color: #DA0000;
  padding: 5px;
}

/* RAKOFF
div.hintbox h1 {
  text-align: left;
  padding: 5px 0 5px 10px;
  background-color: #d90000;
  background-image: url(http://www.hvv.de/images/headline_background.jpg);
  background-repeat: repeat-y;
  background-position: 0 0;
  margin: 0;
}
*/

div.hintbox > div {
  min-height: 11em;
  background-color: #d90000;
}

div.hintbox a.special {
  font-style:italic;
  font-size:1.5em;
  color : #fff;
  font-weight:bold;
  display:block;
  text-align:right;
  padding-right:20px;
}


/* -- FOOTER -- */
div.footer {
  /* RAKOFF
  padding-top: 2em;
  */
  clear: both;
}

div.footer ul.extralinks li {
  float: left;
  padding: 0 10px;
}

div.footer ul.extralinks li.first {
  border: none;
  padding: 0;
  padding-right: 5px;
}

div.footer ul.sitefunctions li {
  float: right;
  background-repeat: no-repeat;
  padding-left: 35px;
  background-position: 15px 50%;
}
div.footer ul.sitefunctions li.rate {
  background-image: url(http://www.hvv.de/images/sitefunc_rate.gif);
}
div.footer ul.sitefunctions li.print {
  background-image: url(http://www.hvv.de/images/sitefunc_print.gif);
}
div.footer ul.sitefunctions li.send {
  background-image: url(http://www.hvv.de/images/sitefunc_send.gif);
}

div.start {
  background-color: #aa0000;
  background-image: url(http://www.hvv.de/images/start_bg.gif);
  background-position: 100% 0;
  background-repeat: repeat-y;
  color: white;
}

div.start_innersizes {
  min-height: 100px;
  /* IE Bugfix */
  height: 1% /* RAK: wo belibt das Semikolon ??? */
}

div.start div form,
div.start div.listingblock {
  margin: 10px;
}

div.start div form table td,
div.start div form table th {
  padding:0 2px;
vertical-align:middle;
}

div.start div form input.border,
div.start div form select {
  border:0px solid white;
}

div.start label {
  color: white;
}

/* RAKOFF
div.start div h1 {
  background-color: #aa0000;

  font-size: 1em;
  color: white;

  margin: 0;
}
*/


div.start div .headline_innersizes {
  /*
  padding:0 1em;
  */
  padding: 0.1em 1em 0.2em 1em;
  line-height: 1.8em;
}

div.startfooter {
  text-align: center;
  padding-top: 10px;
}

div.startfooter ul li {
  display: inline;
  padding: 0 10px;
}

form table.mailform th {
  font-weight: normal;
}

form table.mailform th,
form table.mailform td {
  padding: 0.5em 0;
  text-align: left;
}

form table.mailform td {
  padding: 0.5em 35px 0.5em 0;
}

form table.contact label {
  display: block;
}

form table.contact input.text {
  width: 100%;
}

form input.border,
form textarea.border {
  border: 1px solid #666;
  padding: 1px;
  /* ReEnable maybe later
  scrollbar-base-color:#CCC;
  scrollbar-3d-light-color:#FFF;
  scrollbar-arrow-color:#666;
  scrollbar-darkshadow-color:#999;
  scrollbar-face-color:#FFF;
  scrollbar-highlight-color:#FFF;
  scrollbar-shadow-color:#666;
  scrollbar-track-color:#EEE;
  */
}

div.searchresult {
  border-top: 1px solid #DDDDDD;
  border-bottom: 1px solid #DDDDDD;
  padding: 25px 0 20px 0;
  margin-bottom: 10px;
}

div.vorschlaege, div.vorschlaege2, div.vorschlaege3 {
  position: absolute;

  background-image: url(http://www.hvv.de/images/nubsel.gif);
  background-repeat: no-repeat;
  background-position: 0 5px;
  padding-left: 8px;
  text-align: left;

  /*
  overflow: scroll;
  */
  max-height: 8.5em;
}

div.vorschlaege2, div.vorschlaege3 {
  color: white;
}

div.vorschlaege2 {
  background-image: url(http://www.hvv.de/images/nubsel_auf_blau.gif);
}

div.vorschlaege3 {
  background-image: url(http://www.hvv.de/images/nubsel_auf_weiss.gif);
}

div.vorschlaege ul, div.vorschlaege span,
div.vorschlaege2 ul, div.vorschlaege2 span,
div.vorschlaege3 ul, div.vorschlaege3 span {
  padding: 5px;
  background-color: white;
}

div.vorschlaege2 ul, div.vorschlaege2 span,
div.vorschlaege3 ul, div.vorschlaege3 span {
  background-color: #5E7BA5;
}

div.vorschlaege ul li,
div.vorschlaege2 ul li,
div.vorschlaege3 ul li {
  cursor: pointer;
}

div.vorschlaege ul li.current,
div.vorschlaege2 ul li.current,
div.vorschlaege3 ul li.current {
  font-weight: bold;
}

div.content div.sitemap {
  margin: 0 1em;
  background-color: #e4e9f2;
  position: relative;
}

div.content div.sitemap_innersizes {
  padding-bottom: 20px;
}

div.content div.sitemap ul li ul {
  padding: 1em 0;
  /*
  padding-top: 1em;
  margin-bottom: 1em;
  */
  padding-left: 34px;
  /*
  margin-top: 0.5em;
  */
  background-color: #e4e9f2;
}

div.content div.sitemap ul li ul li ul {
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
}
div.content div.sitemap ul li {
  padding: 0;
  margin: 0;
  margin-bottom: 0px;
  background-color: #e4e9f2;
  background-image: url(http://www.hvv.de/images/linkbox_head.gif);
  background-repeat: repeat-y;
  /*
  padding-top: 0.5em;
  */
  display: inline-block; /* = haslayout ie */
}

div.content div.sitemap ul li li {
  background: none;
  padding: 0;
  margin-bottom: 0px;
  padding: 1px 0;
}

div.content div.sitemap ul li a {
  background-image: url(http://www.hvv.de/images/linkbox_bullet.gif);
  background-repeat: no-repeat;
  background-position: 24px 50%;
  padding: 0;

  display: block;
  line-height: 2em;
  padding-left: 34px;
  font-weight: bold;
}

div.content div.sitemap ul li li a
{

  background-image: url(http://www.hvv.de/images/icon_arrow.gif);
  background-repeat: no-repeat;
  background-position: 0 50%;
  padding-left: 17px;
  line-height:1em;
  display:inline;
}

div.content div.sitemap ul li li li a
{
  font-weight:normal;
  background:none;
  padding:0;
}

a.arrow:link,
a.arrow:visited,
a.arrow:hover,
a.arrow:active {
  background-image: url(http://www.hvv.de/images/icon_arrow.gif);
  background-repeat: no-repeat;
  background-position: 0 50%;
  padding-left: 17px;
}

a.arrow_next:link,
a.arrow_next:visited,
a.arrow_next:hover,
a.arrow_next:active {
  background-image: url(http://www.hvv.de/images/icon_arrow.gif);
  background-repeat: no-repeat;
  background-position: 100% 50%;
  padding-right: 17px;
}

a.arrow_back:link,
a.arrow_back:visited,
a.arrow_back:hover,
a.arrow_back:active {
  background-image: url(http://www.hvv.de/images/icon_arrow_back.gif);
  background-repeat: no-repeat;
  background-position: 0 50%;
  padding-left: 17px;
}

div.netzplaene {
  /*
  background-color: #E4E9F2;
  */
  overflow:hidden;
}

div.netzplaene_innersizes {
  height: auto !important;
  height: 1%;
}

div.netzplaene img {
  float: left;
  vertical-align: bottom;
  /*
  background-color: white;
  */
  padding-right: 8px;
  /*
  width: 66%;
  */
}

div.netzplaene p {
  padding-right:8px;
}

/* RAKOFF
div.netzplaene h2 {
  font-size:1em;
  color : #02327c;
  background-image:url(http://www.hvv.de/images/linkbox_head.gif);
  background-repeat:repeat-y;
}
*/

div.content_depending_box {
  width:auto !important;
  min-width:200px;
  width:200px;
}

div.groupbox {
  background-color: #e4e9f2;
  margin-bottom: 2em;
  /*
  height: auto !important;
  height: 1px;
  */
  zoom: 1;
}

div.groupbox_innersizes {
  padding:10px 15px;
  display:block !important;
  display:inline-block;
  height:auto !important;
  height:1px;
}

div.listingblock {
  /*
  float: left;
  width: 100%;
  */
  clear: both;

  /*
  height: auto !important;
  height: 10px;
  */

  overflow: hidden;
  /* position: relative; */ /* makes IE hide everything not floated !? */
  /*
  position: relative !important;
  position: absolute;
  */
  z-index: 0;
  margin-bottom: 1em;
  padding-right: 8px;
}

div.listingblock img.left {
  float: left;
  margin-right: 10px;
}

div.listingblock p {
  margin:1em 0;
}

/* RAKOFF per _ */
div.listingblock_ h1_,
div.listingblock_ h2_ {
  display: inline;
  zoom: normal;
  margin: 0;
  padding: 0;
  /*
  height: 1px;
  */
  /* ie fix, somehow ie got clear: both; */
  clear: none;
}


div.listingblock a.bori {
  /*
  display: block;
  */
  /*
  position: absolute;
  right: 10px;
  bottom: 0px;
  */
  float: right;
}

div.content ul {
  list-style: disc;
  margin-bottom: 1em;
  padding-left: 1em;
  margin-left: 0em;
}

div.content ul li {
  padding-left: 0.5em;
  margin-left: 0.5em;
  margin-bottom: 0em;
  padding-bottom: 0em;
}


/* RAKON */
div.rak {
  margin: 0;
  padding: 0;
  /* color: #666; */
  font-size: 1.037em; /* RAK Hauptschriftgröße im Content !!! */
}
div.rak h1 {
  /* line-height: 1em; */
}
div.rak p {
  line-height: 1.4em;
  padding-right: 3em;
  padding-bottom: 0.7em;
}
div.ul_normal_hoch p {
  margin-top: 0;
  padding-top: 0;
}
div.rak ul {
  line-height: 2.4em;
  list-style: circle;
}
div.ul_normal_hoch ul {
  line-height: 1.3em;
  margin-bottom: 0.4em;
  padding-bottom: 0;
}

div.rak a {
  color: #DC2218; /* Farbe HH Flagge, hier zZt für a Links im RAK Content */
  text-decoration: underline;
}
div.rak a:hover {
 color: #F00;
 text-decoration: underline;
 /* font-weight: bold; */
}
div.kontakt a, div.ul_normal_hoch a, div.team a, div.anfahrt a {
  color: #4192D9;
  text-decoration: none;
}
div.kontakt a:hover, div.ul_normal_hoch a:hover, div.team a:hover, div.anfahrt a:hover {
  color: #4192D9;
  text-decoration: underline;
}

div.subnavi div.kontakt {
  margin-top: -10px;
}
div.subnavi div.kontakt a.symbol {
  position: relative;
  left: 60px;
  top: 0;
}


/* RAKOFF per _ */
div.team img {
  /* Rahmen um Foto Ansprechpartner Team und ex Bild Anfahrtskizze */
  /* border: 1px solid #0074D9; */
  border: 1px solid #4192D9;
}

div.team p {
  float: left;
  margin: 1em 2em 1em 0;
  padding: 0 4em 0 0;
  width: 16em;
}

.trans {
  background-color: transparent;
}


div.content ol {
  list-style-type: decimal;
  margin-bottom: 1em;
  padding-left: 1.5em;
  margin-left: 0em;
}

div.content ol li {
  padding-left: 0.5em;
  margin-left: 0.5em;
}

div.content div ul,
div.content div li {

  /* list-style: none; */
  /* RAKON */
  list-style: circle;
  color: #DC2218; /* Sitemap Listenpunkte / HH Flagge */

  /* RAKOFF
  padding: 0;
  margin: 0;
  */
}

li.rpb {
  list-style: disc;
  /* color: #DC2218; */ /* Aufmerksamkeit / Farbe HH Flagge, hier zZt für Auflistungspunkt */
  list-style-image: url(../images/elemente/roter_punkt_blinkt.gif);

  /* list-style-position: inside; */

  /* background-image: url(../images/elemente/roter_punkt_blinkt.gif);
  background-repeat: no-repeat;
  background-position: 1px 3px; */ /* link/rechts oben/unten */

  margin-top: 0.5em;
}
li.rpb span {
  line-height: 0.5em;
}

/* RAKON */
div.content div.anfahrt ul,
div.content div.anfahrt li {
  color: #333; /* HauptSchriftFarbe */
}

div.content div.loginbox {
  width: 67%;
  background-color: #e4e9f2;
  margin-bottom: 2em;
}

/* RAKOFF
div.content div.loginbox h1,
div.content div.loginbox h2,
div.content div.loginbox h3 {
  font-size: 1em;
  color: #02327c;
  background-image: url(http://www.hvv.de/images/linkbox_head.gif);
  background-repeat: repeat-y;
  margin: 0;
}
*/

div.content div.loginbox_sizes {
  padding:10px 15px;
}

div.content ul.nonstyled,
div.content ul.nonstyled li {
  list-style: none;
  padding: 0;
  margin-bottom: 1em;
}

div.content ul.indented li {
  margin-bottom: 0em;
  padding-bottom: 0em;
}

div.content ul.nonstyled li {
  margin-bottom: 0em;
  padding-bottom: 0em;
}

div.content ul.nonstyled li a.arrow {
  background-position: 0 0.2em;
}

ul.inlinelist,
ul.inlinelist li {
  list-style: none;
  padding: 0;
  margin: 0;
}

ul.inlinelist li {
  display:inline;
  padding-left:10px;
}

table.standard {
  margin-bottom:1em;
  border-collapse:collapse;
}

table.standard th {
  background-color: #b3c3d7;
}

table.standard td.bg {
  background-color: #b3c3d7;
}

table.standard td.tdcaption {
  /*
  background-color: #b3c3d7;
  font-weight: bold;
  */
  text-align: center;
}

table.standard td {
  background-color: #e6ebf2;
}

table.standard th,
table.standard td {
  padding:5px 10px;
  border:1px solid white;
}

table.nonstyled {
  border-collapse:collapse;
}

table.nonstyled th,
table.nonstyled td {
  border: 0;
  padding: 0;
  margin: 0;
}

table.historie td {
  padding-bottom: 0.7em;
}

div.content div.nl_archiv,
div.content div.nl_archiv ul {
  margin-left: 22px;
}

div.content div.nl_archiv ul {
  margin-bottom: 1em;
}

div.content div.nl_archiv ul li {
  list-style-type: disc;
}

div.content div.linktippsdownloadbox {
  margin-bottom:1em;
}

div.content div.linktippsdownloadbox h3 {
  font-size: 1em;
  color: #02327c;
  background-image: url(http://www.hvv.de/images/head_background_full.gif);
  background-repeat: repeat-y;
  margin: 0;
}

div.content div.linktippsdownloadbox p {
  margin-top: 0.7em;
}

div.content div.linktippsdownloadbox div.groupbox {
  background-color: #F0F3F7;
  margin-top: 1.4em;
  width: 99.5%;
}

div.content div.linktippsdownloadbox div.groupbox ul li
{
  padding-bottom: 0.9em;
}

div.content div.linktippsdownloadbox div.groupbox ul li ul
{
  padding-left: 17px;
  color: #013378;
  padding-bottom: 0em;
}

div.content div.linktippsdownloadbox div.groupbox ul li ul li
{
  padding-bottom: 0em;
}

div.content div.fahrplanbuch
{
  clear: both;
  float: none;
  margin-top:6em;

}

div.content div.fahrplanbuch p
{
  margin: 0;
  padding: 0;
}

div.content div.fahrplanbuch div.fahrplanbuch_bereich
{
  clear: both;
  float: left;
  width: 97.9%;
  color: #02327c;
  border-left: 1px solid #FFF;
  background-image: url(http://www.hvv.de/images/linkbox_head.gif);
  background-repeat:repeat-y;
  background-color: #E4E9F2;
  margin:0;
  padding: 2% 1%;
  font-weight: bold;
  margin-top: 1.5em;
  margin-bottom: 1.5em;
}

div.content div.fahrplanbuch div.fahrplanbuch_verkehr
{
  clear: both;
  float: none;
  border-left: 1px solid #FFF;
  background-image: url(http://www.hvv.de/images/linkbox_head.gif);
  background-repeat:repeat-y;
  background-color: #E4E9F2;
  margin:0;
  padding: 1% 1%;
  font-weight: bold;
}

/* RAKOFF
div.content div.fahrplanbuch h2 {
  clear: both;

  color: #02327c;
  border-left: 1px solid #FFF;
  background-image: url(http://www.hvv.de/images/linkbox_head.gif);
  background-repeat: repeat-y;
  background-color: #E4E9F2;
  margin: 0;
  font-weight: bold;
  margin-top: 1.5em;
  margin-bottom: 1.5em;
}
div.content div.fahrplanbuch .h2_innersizes {
  padding: 1% 1%;
}
*/

div.content div.fahrplanbuch h3 {
  clear: both;

  border-left: 1px solid #FFF;
  background-image: url(http://www.hvv.de/images/linkbox_head.gif);
  background-repeat: repeat-y;
  background-color: #E4E9F2;
  margin: 0;
  padding: 1% 1%;
  font-weight: bold;
}


div.content div.fahrplanbuch ul
{
  margin-bottom: 1.5em;
  float: left;
  width: 100%;
  background-color: #EFF2F7;
}

div.content div.fahrplanbuch ul li
{
  width: 22.68%;
  padding: 1% 1%;
  float: left;
  border-left: 1px solid #FFF;
  border-bottom: 1px solid #FFF;
  background-color: #EFF2F7;
}

div.content div.fahrplanbuch ul li a
{
  background-image: url(http://www.hvv.de/images/icon_pdf.gif);
  background-repeat: no-repeat;
  background-position: 100% 50%;
  display: block;
  line-height: 1.3em;
}

div.content div.pressearchiv
{
  margin: 25px 0 10px 0;
}

div.content div.pressearchiv p
{
  margin: 0;
  padding: 0;
}

div.content a.pdf {
  background-image: url(http://www.hvv.de/images/icon_pdf.gif);
  background-repeat: no-repeat;
  background-position: 0 50%;
  padding-left: 1.5em;
}

ul.arrow {
  list-style: none;
  background-image: none;
  background-image: url(http://www.hvv.de/images/icon_arrow.gif);
  background-repeat: no-repeat;
  background-position: 0 0.1em;
  padding: 0;
  margin: 0;
}

ul.arrow li {
  list-style: none;
}

div.content div.print_hvv_logo {
  display: none;
}

div.content table.gallery_thums {
  /*width: 437px;*/
  width: 100%;
  margin: 2em 0;
  border-collapse: separate;
}

div.content table.gallery_thums td {
  height: 137px;
  text-align: center;
  vertical-align: middle;
  background-color: #F0F3F7;
  width: 33.3%;
}

div.content div.faq {
  margin-top: 2.5em;
}

div.content ul.faq {
  padding: 0;
  margin: 0 0 1em 0;
}

div.content ul.faq li {
  list-style: none;
  background-image: none;
  background-image: url(http://www.hvv.de/images/icon_arrow.gif);
  background-repeat: no-repeat;
  background-position: 0 0.1em;
  padding-left: 1.5em;
  margin: 0 0 0.5em 0;
}

div.content ul.meldungen
{
  padding: 0;
  margin: 0 0 1.7em 0;
}

div.content ul.meldungen li
{
  list-style: none;
  background-image: none;
  background-image: url(http://www.hvv.de/images/icon_arrow.gif);
  background-repeat: no-repeat;
  background-position: 0 0.1em;
  padding-left: 1.5em;
  margin: 0 0 1em 0;
}

table.fahrplan
{
  width: 100%;
  border-collapse: collapse;
  margin:1em 0;
  margin-bottom: 1.5em;

}

table.fahrplan caption
{
  text-align:left;
  font-weight:bold;
  padding-bottom:1em;
}

table.fahrplan caption a
{
  color:#333;
}

table.fahrplan td,
table.fahrplan th
{
  padding:5px 10px;
  border-bottom:1px solid white;
}

table.fahrplan th
{
  text-align:left;
}

table.fahrplan tr.first td,
table.fahrplan tr.first th
{
  padding-top:20px;
  padding-bottom:20px;
}

table.fahrplan tr.highlight td,
table.fahrplan tr.highlight th
{
  color:#333;
  background-color:#eff2f7;
}

table.fahrplan tr.startdest td,
table.fahrplan tr.startdest th
{
  background-color:#cad5e3;
  border:none;
}
table.persfahrform th
{
  font-size:1.2em;
  color: #013378;
  font-size:1.65em;
  padding-top:20px;
  padding-bottom:10px;
}

table.persfahrform th.first
{
  padding-top:0px;
}

table.persfahrform td
{
  padding:5px 0;
  padding-right:15px;
  vertical-align:middle;
}

table.persfahrform label
{
  font-weight:bold;
}

table.halstelaus
{
  width: 100%;
  border-collapse: collapse;
  margin:1em 0;
}

table.halstelaus caption {
  text-align: left;
  /*
  background-color: #e4e9f2;
  background-image: url(http://www.hvv.de/images/linkbox_head.gif);
  background-repeat: repeat-y;
  */
  background-color: #b3c3d7;
  color: #01317c;
  line-height: 1.5em;
  font-weight: bold;
  padding-left: 10px;
  border-bottom: 3px solid white;
}

table.halstelaus th,
table.halstelaus td
{
  padding:2px;
}

table.halstelaus th
{
  background-color:#b3c3d7;
  color:#01317c;
}

table.halstelaus tr.seperate th,
table.halstelaus tr.seperate td
{
  border-top:1px solid black;
}

table.halstelaus tr.alternate th,
table.halstelaus tr.alternate td
{
   background-color:#e4e9f2;
}

table.hintinfo
{
  width:100%;
  margin-bottom:1em;
}

table.persfahroptions
{
  width:100%;
  border-collapse: collapse;
  margin:1em 0;
}

table.persfahroptions td.first,
table.persfahroptions th
{
  padding:5px 0;
  padding-top: 20px;
}

table.persfahroptions tr.seclast td
{
  padding-bottom:3em;
}

table.persfahroptions tr.last td
{
  padding-top:2em;
  background-image:url(http://www.hvv.de/images/dotted_line_transp.gif);

  background-repeat:repeat-x;
}

table.persfahroptions td
{
  padding:5px 0;
  padding-right:15px;
  vertical-align:middle;
}

table input.longer {
  width: 150px;
  width: 15em;
}

table select.default {
  width : 150px;
  width : 14em;
}

table.persfahroptions caption {
  margin-top: 1em;
  padding-top: 1em;
  background-image: url(http://www.hvv.de/images/dotted_line_transp.gif);
  background-repeat: repeat-x;

  text-align: left;
  font-weight: bold;
  color: #02327c;
  /*
  margin-top: 0.225em;
  margin-top: 0;
  */
  font-size: 1.65em;
}

ul.fahrplanfunc {

}

ul.fahrplanfunc li {
  display: inline;
}

ul.fahrplanfunc li a {
  padding-left:18px;
  padding-right:15px;
}

ul.tagwolke {
  /*
  float: left;
  */
}

ul.tagwolke li {
  float: left;
  line-height: 2.3em;
  height: 2.3em;
  white-space: nowrap;
}

ul.tagwolke li a {
  margin-right: 0.7em;
}

ul.tagwolke li.tag1 a {
  font-size: 1.7em;
}

ul.tagwolke li.tag2 a {
  font-size: 1.6em;
}

ul.tagwolke li.tag3 a {
  font-size: 1.5em;
}

ul.tagwolke li.tag4 a {
  font-size: 1.4em;
}

ul.tagwolke li.tag5 a {
  font-size: 1.3em;
}

ul.tagwolke li.tag6 a {
  font-size: 1.2em;
}

ul.tagwolke li.tag7 a {
  font-size: 1.1em;
}

ul.tagwolke li.tag8 a {
  font-size: 1em;
}

/* END ############################################################################################################## */