BODY {
background-image:url(../bilder/hintergrund.gif);
background-repeat:repeat-x;
background-color: #EEEBEA; 
font-family:Arial, Helvetica, sans-serif;
margin-bottom: 0;
margin-top: 0;
margin-left: 0;
margin-right: 0;
min-height: 100%;
padding: 0px;
overflow: auto;
scrollbar-highlight-color:#1F3C92;
scrollbar-shadow-color:#1F3C92;
scrollbar-3dlight-color:#EEEBEA;
scrollbar-arrow-color:#1F3C92;
scrollbar-track-color:#1F3C92;
scrollbar-darkshadow-color:#EEEBEA;
scrollbar-base-color:#EEEBEA;
}

/* --Druckversionanfang------------------------------------------------------------------------------------------ */
.print {
background-image:url(../bilder/single.gif);
background-color: #EEEBEA;
color: #000000;
font-family: Arial, sans-serif;
font-size: 11px;
font-weight: normal;
margin-bottom: 0;
margin-top: 0;
margin-left: 0;
margin-right: 0;
text-decoration: none;
scrollbar-highlight-color:#1F3C92;
scrollbar-shadow-color:#1F3C92;
scrollbar-3dlight-color:#EEEBEA;
scrollbar-arrow-color:#1F3C92;
scrollbar-track-color:#1F3C92;
scrollbar-darkshadow-color:#EEEBEA;
scrollbar-base-color:#EEEBEA;
}

#dv {
text-decoration: none;
font-family: Arial, sans-serif;
font-size: 11px;
padding: 0px 0px 0px 5px;
}
#dv td{
text-decoration: none;
font-family: Arial, sans-serif;
font-size: 11px;
}
/* --Druckversion ende------------------------------------------------------------------------------------------ */

#kopf{
background-image:url(../bilder/hint_kopf.gif);
background-repeat:no-repeat;
}

#hintergrund2{
background-image:url(../bilder/hintergrund2.gif);
background-repeat:repeat-y;
}

#A{
background-image:url(../bilder/hint_navlinks.gif);
background-repeat:no-repeat;
padding: 14px 0px 0px 0px;
}
#C{
padding: 14px 0px 0px 0px;
}

/* Definition fuer Content - Anfang------------------------------------------------------------------------------------------ */
#B{
background-image:url(../bilder/hint_content.gif);
background-repeat:no-repeat;
padding: 14px 14px 0px 14px;
font-family: Arial, sans-serif;
font-size: 11px;
line-height:15px;
}

#D, #F{
font-family: Arial, sans-serif;
font-size: 11px;
line-height:15px;
}
#B h1, #D h1, #dv h1{
font-family: Arial, sans-serif;
font-size: 20px;
color:#1F3C92;
font-weight:normal;
line-height:30px;
margin-top: 15px;
margin-bottom: 10px;
}
#B h2, #D h2, #dv h2{
font-family: Arial, sans-serif;
font-size: 14px;
color:#1F3C92;
font-weight:bold;
line-height:20px;
margin-top: 10px;
margin-bottom: 5px;
}
#B h3, #D h3, #F h3, #dv h3{
font-family: Arial, sans-serif;
font-size: 12px;
color:#1F3C92;
font-weight:bold;
line-height:10px;
margin-top: 5px;
margin-bottom: 5px;
}
#B a:link, #B a:visited, #D a:link, #D a:visited, #F a:link, #F a:visited, #E a:link, #E a:visited, #dv a:link, #dv a:visited{
color: #1F3C92;
text-decoration: underline;
}
#B a:active, #B a:hover, #D a:active, #D a:hover, #F a:active, #F a:hover, #E a:active, #E a:hover, #dv a:active, #dv a:hover{
color: #000000;
text-decoration: none;
}

/* Contentrechts */
.box {
color: #000000;
padding: 14px 17px 15px 17px;
text-decoration: none;
background-color:#BBC5E0;
}

/* Tabelle Ria - Sonderfahrten */
#ria{
font-family: Arial, sans-serif;
font-size: 11px;
}
#ria td{
padding:0px 15px 10px 0px;
}
#ria .grau{
padding:2px 2px 10px 2px;
background-color:#D1D2D4;
}
#ria .gelb{
padding:2px 2px 10px 2px;
background-color:#FFDD7E;
}
.hint{
padding:5px;
width:390px;
background-color: #EEEBEA;
}
/* Tabelle Ria - Sonderfahrten */

/* Tabelle Liniennetz - Fahrplan */
#linie{
font-family: Arial, sans-serif;
font-size: 11px;
}
#linie td{
padding:0px 5px 15px 0px;
}
/* Tabelle Liniennetz - Fahrplan */

/* Tabelle Tarife - Fahrpreise */
#tarife{
font-family: Arial, sans-serif;
font-size: 11px;
background-color:#EEEBEA;
}
#tarife .grau{
background-color:#D1D2D4;
padding:0px 2px 0px 2px;
}
#tarife .gelb{
background-color:#FFDD7E;
padding:0px 2px 0px 2px;
}

#tarife2{
font-family: Arial, sans-serif;
font-size: 11px;
background-color:#EEEBEA;
border: solid 1px #EEEBEA;
}
#tarife2 .grau{
background-color:#D1D2D4;
padding:0px 2px 0px 2px;
}
#tarife2 .gelb{
background-color:#FFDD7E;
padding:0px 2px 0px 2px;
}
/* Tabelle Tarife - Fahrpreise */

/* Tabelle messen - Sonderfahrten */
.table1{
font-family: Arial, sans-serif;
font-size: 11px;
background-color:#EEEBEA;
}
.table1 td{
padding:2px 2px 2px 2px;
}
/* Tabelle messen - Sonderfahrten */
/* Definition fuer Content - Ende------------------------------------------------------------------------------------------ */





/* Definition fuer Links - NavigationAnfang------------------------------------------------------------------------------------------ */
#nav {
text-decoration: none;
font-family: Arial, sans-serif;
font-size: 12px;
}
/* Definition fuer Links - Navigation Links 1.Ebene */
#nav a {
font-weight:bold;
display:block;
padding: 9px 17px 5px 17px;
}
#nav .nav1 a:link, #nav .nav1 a:visited {
color: #000000;
background-image:url(../bilder/navigation/hint_nav1_in.gif);
background-repeat:no-repeat;
text-decoration: none;
background-color:#BCC5DF;
}
#nav .nav1 a:active, #nav .nav1 a:hover {
color: #000000;
background-image:url(../bilder/navigation/hint_nav1_ak.gif);
background-repeat:no-repeat;
text-decoration: none;
background-color:#D9DADB;
}
#nav .nav1ak {
font-weight:bold;
padding: 9px 17px 5px 17px;
color: #000000;
background-image:url(../bilder/navigation/hint_nav1_ak.gif);
background-repeat:no-repeat;
text-decoration: none;
background-color:#D9DADB;
}

/* Definition fuer Links - Navigation Links 2.Ebene */
#nav .nav2 a{
padding-left:28px;
font-weight:normal;
}
#nav .nav2 a:link, #nav .nav2 a:visited {
color: #000000;
background-image:url(../bilder/navigation/hint_nav2_in.gif);
background-repeat:no-repeat;
text-decoration: none;
background-color:#BCC5DF;
}
#nav .nav2 a:active, #nav .nav2 a:hover {
color: #000000;
background-image:url(../bilder/navigation/hint_nav2_ak.gif);
background-repeat:no-repeat;
text-decoration: none;
background-color:#D9DADB;
}
#nav .nav2ak{
color: #000000;
background-image:url(../bilder/navigation/hint_nav2_ak.gif);
background-repeat:no-repeat;
text-decoration: none;
font-weight:normal;
padding: 9px 17px 5px 28px;
background-color:#D9DADB;
}
/* Definition fuer Links - Navigation Rechts Allgemein */
#navrechts {
text-decoration: none;
font-family: Arial, sans-serif;
font-size: 11px;
}
#navrechts a {
font-weight:normal;
display:block;
padding: 9px 17px 5px 17px;
background-color:#D9DADB;
}
#navrechts .nav3 a:link, #navrechts .nav3 a:visited {
color: #000000;
background-image:url(../bilder/navigation/hint_nav1_in.gif);
background-repeat:no-repeat;
text-decoration: none;
background-color:#BCC5DF;
}
#navrechts .nav3 a:active, #navrechts .nav3 a:hover {
color: #000000;
background-image:url(../bilder/navigation/hint_nav1_ak.gif);
background-repeat:no-repeat;
text-decoration: none;
background-color:#D9DADB;
}
/* Definition fuer Links - Navigationende------------------------------------------------------------------------------------------ */




/* --Metatags Linksanfang------------------------------------------------------------------------------------------ */
#metalinks1 {
text-decoration: none;
font-family: Arial, sans-serif;
font-size: 11px;
}
#metalinks1 a {
padding: 11px 14px 0px 15px;
}
#metalinks1 .nav1 a:link, #metalinks1 .nav1 a:visited {
color: #ffffff;
background-image:url(../bilder/navigation/hint_meta_in.gif);
background-repeat:repeat-y;
text-decoration: none;
}
#metalinks1 .nav1 a:active, #metalinks1 .nav1 a:hover {
color: #F99D1C;
background-image:url(../bilder/navigation/hint_meta_ak.gif);
background-repeat:repeat-y;
text-decoration: none;
}
/* --Metatags Linksende------------------------------------------------------------------------------------------ */


/* --Formulareanfang------------------------------------------------------------------------------------------ */
.formular {
border: solid 1px #1F3C92;
background-color: #ffffff;
font-family : Arial;
font-size : 11px;
font-style : normal;
font-weight : normal;
color : #000000;
}

.checkbox {
border: solid 1px #1F3C92;
background-color: #ffffff;
font-family : Arial;
font-size : 11px;
font-style : normal;
font-weight : normal;
color : #000000;
}

.textarea {
border: solid 1px #1F3C92;
background-color: #ffffff;
height: 100px;
width: 220px; 
font-family : Arial;
font-size : 11px;
font-style : normal;
font-weight : normal;
color : #000000;
}

.select {
border: solid 1px #1F3C92;
background-color: #ffffff;
font-family : Arial;
font-size : 11px;
font-style : normal;
font-weight : normal;
color : #000000;
}

.dropdown {
border: solid 1px #1F3C92;
background-color: #ffffff;
font-family : Arial;
font-size : 11px;
font-style : normal;
font-weight : normal;
color : #000000;
}

.button {
cursor:pointer;
border: solid 1px #1F3C92;
background-color: #1F3C92;
font-family : Arial;
font-size : 11px;
font-style : normal;
font-weight : bold;
color : #ffffff;
}
/*------------Ende Formulardaten----------------------------------------------------------------------------------*/

/* --Abfahrtsplan Hafen/Stadtbahnhof------------------------------------------------------------------------------------------ */
.tabelle {
	/*background-color:green;*/
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
.tabelle td{
	vertical-align:top;
}
.platz {
	/*background-color:red;*/
	vertical-align:middle;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}
.platz td{
  /*background-color:gray;*/
	padding:2px 0px 0px 0px;
	margin:0px 0px 0px 0px; 
	font-family:Arial;
	text-align:left;
	font-size:11px;
}
.platz td.platzheader {
	padding:0px 0px 5px 0px;
}
.image_link{
	width:30px;
}
.image_text{
	width:125px;
}
.image_plan{
	border:1pt solid gray;
}
/* --Abfahrtsplan Hafen/Stadtbahnhof------------------------------------------------------------------------------------------ */


/*------------Bilder archiv Anfang----------------------------------------------------------------------------------*/
.klein {
font-family: Arial, sans-serif;
font-size: 11px;
color: #000000;
}

.kleinfett {
font-family: Arial, sans-serif;
font-size: 11px;
color: #000000;
font-weight: bold;
}


/* --Bilder archiv links--*/
#linkbutton {
font-family: Arial, sans-serif;
  border: 1px solid #1F3C92;     
  background-color:  #EEEBEA;
  padding: 2px;
  font-size: 11px;
  font-weight: bold;  
}

#linkbutton A:link {
color: #1F3C92; text-decoration: none; font-size: 11px;
}
#linkbutton A:visited {
color: #1F3C92; text-decoration: none; font-size: 11px;
}
#linkbutton A:hover {
color: #000000; text-decoration: none; font-size: 11px;
}
#linkbutton A:activ {
color: #000000; text-decoration: none; font-size: 11px;
}

/* --Bilder archiv  mit verlinkung aktiv--*/
.linkbutton_ak {
  border: 1px solid #1F3C92;     
  background-color:  #1F3C92;
  padding: 2px;
  color: #ffffff;
  font-weight: bold;
  font-size: 11px;
  text-decoration: none; 
}

.linkbutton_ak A:link {
color: #ffffff; text-decoration: none; font-size: 11px;
}
.linkbutton_ak A:visited {
color: #ffffff; text-decoration: none; font-size: 11px;
}
.linkbutton_ak A:hover {
color: #c3c3c3; text-decoration: none; font-size: 11px;
}
.linkbutton_ak A:activ {
color: #c3c3c3; text-decoration: none; font-size: 11px;
}

/* --Bilder archiv  ohne verlinkung--*/
.linkbutton_in {
  border: 1px solid #1F3C92;     
  background-color:  #EEEBEA;
  padding: 2px;
  color: #707070;
  font-weight: normal;
  font-size: 11px;
}
/*------------Bilder archiv Ende----------------------------------------------------------------------------------*/

/* Linientabellen */
A:link { text-decoration: none; font-family: Arial; color:#FFFFFF; }
A:visited { text-decoration: none; font-family: Arial; color:#FFFFFF; }
A:active { text-decoration: none; font-family: Arial; color:#FF0000; }

A:link    { text-decoration: none; font-family: Arial; color:#000000; }
A:visited { text-decoration: none; font-family: Arial; color:#000000; }
A:active  { text-decoration: none; font-family: Arial; color:#FF0000; }

A.n:link    { text-decoration: none; font-family: Arial; color:#0000FF; }
A.n:visited { text-decoration: none; font-family: Arial; color:#0000FF; }
A.n:active  { text-decoration: none; font-family: Arial; color:#0000FF; }

.messe A:link    { text-decoration: underline; font-family: Arial; color:#000000; }
.messe A:visited { text-decoration: underline; font-family: Arial; color:#000000; }
.messe A:active  { text-decoration: underline; font-family: Arial; color:#FF0000; }
.messe A.n:link    { text-decoration: underline; font-family: Arial; color:#0000FF; }
.messe A.n:visited { text-decoration: underline; font-family: Arial; color:#0000FF; }
.messe A.n:active  { text-decoration: underline; font-family: Arial; color:#0000FF; }

/*linienübersicht-popupfenster------------------------------------------------------------------------------------------------------------*/
body#linienUeb  { background-color:#fff;background-image:none;margin:0px;}
#linienUeb .messe{ font-size:0.8em; padding: 20px 20px 0 20px;}
.contenttable{ font-family:Arial, Helvetica, sans-serif; font-size:0.8em;width:720px;}
.contenttable a{ text-decoration:none;}
.contenttable a:hover{ text-decoration:underline;}
/*linien farben*/
.contenttable-1 .linie1{ background-color:#67bf7f; }
.contenttable-1 .linie2{ background-color:#ffcc03; }
.contenttable-1 .linie3{ background-color:#ff0018; }
.contenttable-1 .linie4{ background-color:#008c39; }
.contenttable-1 .linie5{ background-color:#f773bd; }
.contenttable-1 .linie6{ background-color:#009cc6; }
.contenttable-1 .linie7{ color:#FFFFFF;background-color:#6b52a5; }
.contenttable-1 .linie8{ color:#FFFFFF;background-color:#005335; }
.contenttable-1 .linie9{ background-color:#4A9AEB; }
.contenttable-1 .linie11{ color:#FFFFFF;background-color:#0842a5; }
.contenttable-1 .linie12{ background-color:#109c8c; }
.contenttable-1 .linie13{ background-color:#ff6300; }
.contenttable-1 .linie14{ background-color:#cea500; }
.contenttable-1 .linie15{ background-color:#881477; }
.contenttable-1 .linie16{ background-color:#a55a00; }
.contenttable-1 .linie17{ color:#FFFFFF;background-color:#4a4a4a; }
.contenttable-1 .linie18{ background-color:#63ba21; }
.contenttable-1 .linieA1{ background-color:#6fbd96; }
.contenttable-1 .linieA5{ background-color:#ef93ba; }
.contenttable-1 .linieA6{ background-color:#009ee0; }
.contenttable-1 .linieA10{ color:#FFFFFF;background-color:#694b2f; }
.contenttable-1 .linieA12{ background-color:#009da2; }
.contenttable-1 .linieA13{ background-color:#ee7f01; }
/*frame oben-------------------------------------------------------------------*/
.contenttable-1 .tr-last .td-0{ text-align:center; padding:0 0 3px 0; }
.contenttable-1 .tr-0 .td-0 {color:#fff; text-align:center; font-weight:700; font-size:2.5em;}
.contenttable-1 .tr-0 .td-last {font-weight:700; padding:5px 0 3px 0;}
.contenttable-1 .tr-1 td{ background-color:#000;color:#fff; font-size:0.8em; padding-top:20px; text-align:center; }
.contenttable-1 .tr-1 .td-6,.contenttable-1 .tr-1 .td-7,.contenttable-1 .tr-1 .td-8{ color:#eb983e;}
.contenttable-1 .tr-last{ background-color:#ccc;font-size:0.85em;font-weight:700; height:20px;text-align:center;  }
.contenttable-1 .tr-last .td-0{ background-color:#1f3c92; }
.contenttable-1 .tr-last .td-3{ background-color:#FEF0BA;}
.contenttable-1 .td-0{width:186px;}
.contenttable-1 .tr-1 .td-0{width:47px;}
.contenttable-1 .tr-1 .td-1,.contenttable-1 .tr-1 .td-2 ,.contenttable-1 .tr-1 .td-3 ,.contenttable-1 .tr-1 .td-4{width:46px;}
.contenttable-1 .tr-1 .td-5,.contenttable-1 .tr-1 .td-6 ,.contenttable-1 .tr-1 .td-7{width:45px;}
.contenttable-1 .tr-1 .td-8{width:53px;}
.contenttable-1 .tr-1 .td-last{width:100px;}
.contenttable-1 .tr-last .td-1{width:138px;}
.contenttable-1 .tr-last .td-2{width:136px;}
.contenttable-1 .tr-last .td-3{width:143px;}
.contenttable-1 .tr-last .td-4,.contenttable-1 .tr-last .td-last{width:50px;}
.contenttable-1 .td-0 a{color:#fff;}
/*frame unten-------------------------------------------------------------------*/
.contenttable-2 td{font-size:0.8em; text-align:center; padding: 2px 0px;}
.contenttable-2 .tr-even {background-color:#ccc;}
.contenttable-2 .tr-even .td-0,.contenttable-2 .tr-even .td-10,.contenttable-2 .tr-even .td-last {background-color:#fff;}
.contenttable-2 .tr-even .td-7,.contenttable-2 .tr-even .td-8 ,.contenttable-2 .tr-even .td-9 {background-color:#FEF0BA;}
.contenttable-2 .tr-odd {background-color:#C0C0C0;}
/* .contenttable-2 .tr-last td { border-bottom:1px solid #CCC;} */
.contenttable-2 .tr-odd .last {background-color:#C0C0C0; border-bottom:1px solid #CCC;}
.contenttable-2 .tr-even .last {background-color:#ccc; border-bottom:1px solid #CCC;}
.contenttable-2 .td-0{ padding: 2px 5px; text-align:left; width:176px;}
.contenttable-2 .td-1 {width:47px;}
.contenttable-2 .td-2, .contenttable-2 .td-3,.contenttable-2 .td-4 ,.contenttable-2 .td-5 {width:46px;}
.contenttable-2 .td-6,.contenttable-2 .td-7 ,.contenttable-2 .td-8 {width:45px;}
.contenttable-2 .td-9 {width:53px;}
.contenttable-2 .td-10,.contenttable-2 .td-last {width:50px;}
.contenttable-2 .td-0 a{color:#1f3c92;}

