/* CSS Document */
/*

blau: #005EA8;
gelb: #FFCC00;

hellblau: #A6C7E1;
hellgelb: #FFEDA6;

*/

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #005EA8;
	background-image: url(gif/hg_main.gif);
	background-repeat: repeat-y;
	background-color: #E2EDF5;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

#top {
	width: 100%;
	background-image: url(gif/hg_top.gif);
	background-repeat: repeat-x;
}

#kruemel {
	background-color: #005EA8;
	width: 100%;
	padding: 2px 0 3px;
}

#schriftkruemel {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #A6C7E1;
	padding-left: 150px;
}

#top-inhalt {
	width: 780px;
	background-image: url(gif/logos.gif);
	height: 180px;
}

#navi-rechts {
	position: absolute;
	width: 360px;
	top: 80px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #FFFFFF;
	left: 420px;
	text-align: right;
}

a {
	color: #005EA8;
	text-decoration: none;
}

a:hover {
	color: #005EA8;
	text-decoration: underline;
}

ul {
	list-style-type: square;
}

ul ul {
	list-style-type: disc;
}

ul ul ul {
}

label {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
}

#navBar {
	float: left;
	width: 150px;
	margin: 0px;
	padding: 0px;
	background-color: #FFCC00;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #255CA7;
}

/************* #Stile Suche ***************/

#search {
	padding: 10px 0px 15px 10px;
	background-color: #FFEDA6;
}

#search form {
	margin: 0px;
	padding: 0px;
}

#search label {
	display: block;
	margin: 0px;
	padding: 0px;
}

/*********** #navBar Link Stile ***********/

#navBar ul a:link,
#navBar ul a:visited {
	display: block;
}

#navBar ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#navBar ul ul {
	padding-left: 10px;
}

/* hack to fix IE/Win's broken rendering of block-level anchors in lists */
#navBar li {
	border-bottom: 1px solid #FFCC00;
}

/* fix for browsers that don't need the hack */
html>body #navBar li {
	border-bottom: none;
}

/*********** #sectionLinks styles ***********/

#sectionLinks {
	position: relative;
	margin: 0px;
	padding: 0px;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #005EA8;
}

#sectionLinks a {
	display: block;
	padding: 2px 0px 2px 10px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #005EA8;
}

#sectionLinks a:hover {
	background-color: #F9E95B;
	background-image: url(gif/pfeil.gif);
	background-repeat: no-repeat;
	background-position: left;
}

/*********** .relatedLinks styles ***********/

.relatedLinks {
	position: relative;
	margin: 0px;
	padding: 5px 0px 5px 10px;
	font-size: 11px;
}

.relatedLinks a:link,
.relatedLinks a:visited {
	display: block;
}

a.nav-right {
	color: #FFFFFF;
	text-decoration: none;
}

a.nav-right:hover {
	color: #005EA8;
	text-decoration: none;
}

#content {
	float: left;
	width: 629px;
	background-image: url(jpg/content_img04.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}

#content-vgws {
	float: left;
	width: 629px;
	background-image: url(jpg/content_img01.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}

#content-aktuell {
	float: left;
	width: 629px;
	background-image: url(jpg/content_img12.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}

#content-fahrplan {
	float: left;
	width: 629px;
	background-image: url(jpg/content_img09.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}

#content-tarifermittlung {
	float: left;
	width: 629px;
	background-image: url(jpg/content_img10.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}

#content-tickets {
	float: left;
	width: 629px;
	background-image: url(jpg/content_img13.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	height: 100%;
}

#content-tarife {
	float: left;
	width: 629px;
	background-image: url(jpg/content_img03.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}

#content-service {
	float: left;
	width: 629px;
	background-image: url(jpg/content_img08.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}

#content-sitemap {
	float: left;
	width: 629px;
	background-image: url(jpg/content_img05.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}

#content-impressum {
	float: left;
	width: 629px;
	background-image: url(jpg/test.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}

#content-kontakt {
	float: left;
	width: 629px;
	background-image: url(jpg/content_img07.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}

#inhalt {
	width: 580px;
	margin-left: 20px;
	top: 79px;
	top: 53px;
	position: relative;
	line-height: 18px;
	padding-bottom: 50px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	margin: 3em 0 1em;
}

h1,
h2,
h3 {
	font-size: 13px;
}

.los {
	border: 1px solid #005EA8;
	background-color: #FFCC00;
}

#tarif {
	padding: 10px 5px 10px 10px;
	background-color: #FFEDA6;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #255CA7;
}

#inhalt a:link,
#inhalt a:visited,
a.inhalt:link,
a.inhalt:visited {
	text-decoration: underline;
}

#inhalt a:hover,
a.inhalt:hover {
	color: #FFCC00;
}

.link-aktiv {
	background-color: #FFEDA6;
	background-image: url(gif/pfeil.gif);
	background-repeat: no-repeat;
	background-position: left center;
}

.logos {
	margin-bottom: 40px;
}

#auskunft {
	background-color: #A6C7E1;
	margin-top: 10px;
	border-top: 1px solid #38318A;
	border-bottom: 1px solid #38318A;
}

.auskunfttop {
	color: #FFFFFF;
	background-color: #005EA8;
	padding: 5px;
	display: block;
}

#auskunft-inside {
	padding-left: 10px;
}

#auskunft-inside input[type="text"] {
	width: 130px;
}

.feld-auskunft {
	/*	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-color: #C9DBF0;
	border: 1px solid #255CA7;*/
	color: #255CA7;
}

#auskunft-inside input[type="submit"] {
	background: #255CA7;
	color: white;
	border: 0px none;
	/*	border: 1px solid white;*/
	padding: 2px;
}

.go {
	padding: 2px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #255CA7;
	border-right-color: #255CA7;
	border-bottom-color: #255CA7;
	border-left-color: #255CA7;
}

.text,
#text {
	padding-bottom: 10px;
}

.trennlinie,
#trennlinie {
	BORDER-TOP: 1px solid #255CA7;
	FLOAT: left;
	WIDTH: 100%;
}

.mitglieder {
	margin-left: 138px;
}

#imagestart {
	width: 255px;
	height: 130px;
}

#inhalt li {
	list-style-image: url(gif/pfeil2.gif);
	list-style-type: none;
}

ul.abstand li + li {
	margin: 0.5em 0;
}

.tickets-ueber {
	font-weight: bold;
	background-color: #FFEDA6;
	display: block;
	background-image: url(gif/pfeil.gif);
	background-repeat: no-repeat;
	background-position: left;
	text-indent: 12px;
}

#inhalt .img {
	padding-right: 15px;
	float: left;
	padding-bottom: 10px
}

h5 {
	font-size: 12px;
}

th {
	text-align: left;
}

td {
	text-align: left;
}

.preistabelle td {
	text-align: right;
}

.texttable,
.preistabelle td.texttable,
td.texttable {
	text-align: left;
}

.binnenetz {
	font-size: 9px;
	line-height: 10px;
	text-align: center;
}

.fahrausweise {
	text-align: center;
}

/*********** kontaktformular ***********/
#inhalt form,
input,
textarea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 120%;
	color: #255CA7;
}

#inhalt .form {
	width: 480px;
	background-color: #FFEDA6;
	padding: 10px;
	border: 1px solid #005EA8;
}

#inhalt input {
	vertical-align: middle;
	margin: 5px;
}

#inhalt .submit {
	background-color: #FFCC00;
	border: 1px solid #006699
}

#inhalt .reset {
	background-color: #FFCC00;
	border: 1px solid #006699
}

#inhalt .beschriftung {
	width: 150px;
	float:left;
	line-height: 200%;
	clear: left;
}

#inhalt textarea {
	/*	border: 1px solid #255CA7;
	background-color: #FFCC00;*/
	margin: 5px;
	padding: 2px 2px 2px 5px;
	vertical-align: top;
}

.navtop {
	color: #99BADF;
	text-decoration: none;
}

#imgtarif {
	float: left;
	width: 380px;
	padding-top: 10px;
}

#auswahlpreisinfo {
	float: right;
	width: 170px;
	padding-top: 10px;
	text-align: right;
}

.ps1 {
	font-weight: bold;
	color: #255CA7;
	background-color: #FFEDA6;
	padding-right: 3px;
	padding-left: 3px;
}

.ps2 {
	font-weight: bold;
	color: #255CA7;
	background-color: #F8D448;
	padding-right: 3px;
	padding-left: 3px;
}

.ps3 {
	font-weight: bold;
	color: #255CA7;
	background-color: #F09C41;
	padding-right: 3px;
	padding-left: 3px;
}

.ps4 {
	font-weight: bold;
	color: #255CA7;
	background-color: #36B561;
	padding-right: 3px;
	padding-left: 3px;
}

.ps5 {
	font-weight: bold;
	color: #255CA7;
	background-color: #6193CC;
	padding-right: 3px;
	padding-left: 3px;
}

#textnachpreisinfo {
	clear: both;
}

.fussnote {
	font-size: 9px;
}

#sitemap {
	float: left;
	width: 270px;
}

#sitemaprechts {
	float: left;
	width: 280px;
	clear: right;
	margin-left: 20px;
}

#inhalt .bestellbox {
	width: 35px;
	float:left;
	line-height: 200%;
	clear: left;
}

#inhalt .beschriftunglief {
	width: 390px;
	float:left;
	line-height: 220%;
}

#inhalt .anzahl {
	width: 40px;
	float:left;
	line-height: 220%;
}

#downloadkragen {
	border: 1px solid #FF0000;
	margin-left: 250px;
	width: 300px;
}

#newsfeed {
	float: left;
	width: 180px;
	margin-left: 10px;
}

.newsfeed {
	margin: 10px 0 60px;
}

.newsfeed_description {
	font-size: 14px;
	font-weight: bold;
}

.newsfeed_item {
	margin: 1em 0;
	padding: 0;
}

.newsfeed_item_datum {
	color: white;
}

.newsfeed_item_link {
	font-weight: bold;
}

.newsfeed_item_text {
}

.hx_subline {
	font-size: 11px;
	font-weight: normal;
}

dd {
	margin-left: 2em;
}

.todo {
	color: #f99;
	background-image: url(http://www.famfamfam.com/lab/icons/mini/icons/icon_alert.gif);
	background-position: left center;
	background-repeat: repeat-y;
	padding-left: 20px;
}

.clear_both {
	clear: both;
}

.clear_left {
	clear: left;
}

dl.tarifdaten {
}

dl.tarifdaten dt {
	margin: 0;
	padding: 0 0 0 15px;
	background-image: url(gif/tarifdaten_pfeil.png);
	background-repeat: no-repeat;
	background-position: left center;
}

dl.tarifdaten dd {
	margin: 0;
	padding: 0 0 8px 15px;
}

#navBar input,
#navBar select {
	margin: 3px 0;
}

.downloadcenter {
}

.downloadcenter .text {
	clear: both;
	margin: 2em 0;
}

.zentriert {
	text-align: center;
}

table.datagrid {}

table.datagrid tr:hover td {
	background-color: #FFF;
}

#inhalt table.datagrid input {
	margin: 0;
}

#inhalt form.form table.datagrid {
	margin-left: -5px;
}

.eingabefehler {
	color: red;
}