@charset "utf-8";

/**********************
	grau - #909296
	gelb - #ffec00
***********************/

* { margin: 0; padding: 0 }
a { outline: 0; text-decoration: none }
a img { border: 0; text-decoration: none }
.error { color: red }
.clear { height: 0; clear: both; display: block }

body { font: 100.01%/1.4em Verdana, Arial, Helvetica, sans-serif; color: #444;
	background: #909296 url(/images/layout/bg.jpg) top left no-repeat }
#container { position: relative; width: 935px; padding-top: 30px; margin: 0 auto }
h1 { width: 935px; height: 130px; background: white url(/images/layout/header.jpg) top left no-repeat; text-indent: -10000px }

#main-menu { position: absolute; left: 0; top: 160px; width: 165px;
	height: 563px; padding-top: 27px; background: #ffec00 url(/images/layout/bg-menu.gif) top left no-repeat }
#main-menu ul { list-style: none; width: 153px; padding-left: 12px; font-size: 14px; line-height: 20px }
#main-menu ul li a { font-family: Arial, Helvetica, san-serif; color: #6f6f6f }
#main-menu ul li a:hover, #main-menu ul li#active a { color: black }
#main-menu ul li.child { font-size: 12px; padding-left: 5px }
#main-menu #tr { position: absolute; left: 27px; bottom: 100px;
	width: 100px; height: 100px; text-indent: -10000px; display: block;
	background: transparent url(/images/layout/trans-regio.gif) top left no-repeat }

#counter { position: absolute; left: 735px; top: 160px; width: 200px; height: 74px;
	background: transparent url(/images/layout/counter.gif) top left no-repeat; z-index: 100; text-indent: -10000px }
#counter strong { position: absolute; left: 68px; top: 4px; z-index: 101; color: #ffec00; text-indent: 0;
	width: 45px; height: 30px; font-size: 14px; text-align: center;
	font-family: Arial, Verdana, sans-serif; letter-spacing: 1px }

#second-menu { width: 770px; left: 165px; top: 160px; position: absolute; height: 27px; line-height: 27px; font-size: .6em;
	background: #ffec00 url(/images/layout/gelb-verlauf.gif) top left repeat-x }
#second-menu a { color: #6f6f6f; font-weight: bold }
#second-menu a.active, #second-menu a:hover { color: black }

#content { background: white url(/images/layout/bg-content.gif) top right repeat-y; margin-left: 165px; width: 510px;
	padding: 50px 230px 115px 30px; min-height: 450px; height: auto; float: left }
#content h2 { color: #9c9c9c; font-size: 1em; padding-bottom: 1em }
#content h3, #content h4, #content p, #content ul, #content ol, #content table
	{ font-size: .7em; line-height: 1.3em; padding-bottom: 1em }
#content h4 { padding-bottom: .5em }
#content p { padding-bottom: 1em }
#content img { display: block; margin-bottom: 1em }
#content a { text-decoration: none; color: #444; font-weight: bold }
#content a:hover { text-decoration: underline }
#content ul, #content ol { padding-left: 1.1em }
#content ul li, #content ol li { font-size: 1em }
#content ul li *, #content ol li * { font-size: 1em }
#content ul li img { display: inline; vertical-align: middle; margin-right: 1em }

#content form { font-size: .7em; width: 350px; padding-bottom: 2em }
#content form fieldset { border: 1px solid #909296; padding: 15px 20px; width: 310px; padding-top: 0 }
#content form legend { color: #909296; padding: 0 1em; font-weight: bold }
#content form label { display: block; padding: .6em 0 0 }
#content form input, #content form textarea { width: 310px; display: block }
#content form textarea { height: 120px; width: 310px !important }
#content form .button { width: auto; padding: 1px .5em; font-size: 1em; display: block; margin-top: 1em }
#content .error { font-weight: bold; color: red }

#sidebar { position: absolute; left: 735px; top: 234px; width: 200px;
	background: #EBECED url(/images/layout/bg-sidebar.gif) top left repeat-x }
#sidebar h2 { color: white; font-size: .7em; line-height: 1.3em; height: 35px; padding: 30px 0 0 20px }
#sidebar h3 { font-size: .7em; font-weight: normal; line-height: 23px; padding-left: 20px;
	background: transparent url(/images/layout/bg-sidebar-h3.gif) top left repeat-x }
#sidebar h4 { font-size: .7em; font-weight: bold; line-height: 1.3em; padding: .2em 10px 0 20px }
#sidebar p { font-size: .7em; font-weight: normal; line-height: 1.3em; padding: 0 10px .7em 20px }
#sidebar p a { color: #444; font-weight: bold }
#sidebar p a:hover { text-decoration: underline }
#sidebar p.copyright { color: white; font-size: .6em; margin-top: -2.2em; text-align: right; font-weight: normal }
#sidebar p.copyright a { color: white; font-weight: normal }

#footer { list-style: none; background: white; position: relative; top: -85px; margin-left: 165px;
	width: 570px; height: 85px; margin-bottom: -85px;
	background: white url(/images/layout/bg-footer.gif) top left no-repeat; clear: both }
#footer li { float: left; width: 45px; height: 45px; margin-left: 30px; margin-top: 20px }
#footer li a { display: block; width: 100%; height: 100%; text-indent: -10000px }
#footer li#fl2 { margin-left: 40px; width: 130px }
#footer li#fl3 { width: 130px }

/* Header */
.fahrstrecke h1 { background: white url(/images/layout/header-strecke.jpg) top left no-repeat }
.ueber-uns h1 { background: white url(/images/layout/header-ueber-uns.jpg) top left no-repeat }

/* left */
#content div.left { float: left; width: 47%; padding-right: 20px; margin-bottom: 1em; padding-bottom: 1em;
	background: white url(/images/layout/dotted.gif) top right repeat-y; margin-right: 20px }
/* right - die gleichen Abstände! */
#content div.right { margin-bottom: 1em; padding-bottom: 1em; }

/* Artikel */
#content ul.artikel { list-style: none; float: left; width: 50%; padding-right: 20px; padding-left: 0;
	background: white url(/images/layout/dotted.gif) top right repeat-y; margin-right: 20px }

/* Presse */
#content ul.pressemeldungen li { padding-bottom: 1em; padding-left: 0 }

/* Image Gallery */
#content .image-gallery { padding-bottom: 2em }
#content .image-gallery ul.images { list-style: none; padding: 0 }
#content .image-gallery ul.images li { float: left; margin: 0 2px 2px 0 }
#content .image-gallery ul.images li img { display: block; margin: 0 }

/* Seiten */
.tickets #content ul li img { display: block }
.fahrplanauskunft #content { padding-left: 0; padding-right: 0; width: 770px }
.fahrplanauskunft #content iframe { width: 530px; height: 600px; border: 0 }

/* Abo-Kalkulator */
.ak #content p { padding-left: 102px }
#content #ak-form { width: 520px }
#content #ak-form label { float: left; clear: left; width: 102px; font-weight: bold; padding-top: 1.2em }
#content #ak-form select { float: left; width: 412px; margin-top: 1.2em; background: #d1d1d1;
	font: 1.1em verdana, Arial,Arial, Helvetica, sans-serif }
#content #ak-form #ak_ticket_label { width: 500px }
#content #ak-form #ak_ticket { margin-top: .2em; margin-left: 102px }
#content #ak-form p { clear: left; padding-top: 1em; font-size: 1em }
#content .ak-button { width: 425px; height: 75px; display: block; text-indent: -10000px }
#content .ak-button-kalkulieren { background: white url(/images/layout/ak-button-kalkulieren.png) top left no-repeat }
#content .ak-button-antrag { background: white url(/images/layout/ak-button-antrag.png) top left no-repeat }
#content .ak-button-absenden { width: 390px; margin-left: 40px;
	background: white url(/images/layout/ak-button-absenden.png) top left no-repeat }
#content .ak-header { width: 530px; height: 95px }
#content .ak-header * { display: none }
#content .ak-header-kalkulator { background: white url(/images/layout/ak-header-kalkulator.png) top left no-repeat }
#content .ak-ergebnis { padding: 10px; background: #faf02f; margin-left: 102px; margin-bottom: 1.5em; float: left }
#content .ak-ergebnis p { padding-left: 0 }
#content .ak-ergebnis p .left { float: left; width: 260px }
#content .ak-ergebnis p .preis { float: right; width: 100px; text-align: right }
#content .ak-ergebnis p.kosten { float: left; width: 100% }
#content .ak-ergebnis p.kosten strong { clear: both; display: block }
#content .ak-ergebnis p.siesparen { background: white; padding: 8px 5px; float: left; width: 378px;
 font-weight: bold; clear: both; margin-top: 12px }
#content .ak-ergebnis p.siesparen .preis { font-size: 1.25em; width: 140px }
#content .ak-ergebnis p.siesparen strong { float: left }
#content .irrtuemer { margin-top: 80px }

.service-abo #content h3 { width: 530px; height: 95px; text-indent: -10000px; 
	background: white url(/images/layout/ak-header-antrag.png) top left no-repeat }
.service-abo #content p, .service-abo #content ul { padding-left: 102px }
.service-abo #content div.right { padding-bottom: 0 }
.service-abo #content form { width: 540px }
.service-abo #content form fieldset { padding: 0; border: 0px none; width: 520px }
.service-abo #content form fieldset legend { display: none }
.service-abo #content form label { float: left; clear: left; width: 130px; font-weight: bold; background: #e7e7e7;
	margin-top: 5px; padding: 0; padding-left: 10px }
.service-abo #content form input,
.service-abo #content form textarea { float: left; width: 370px; margin-left: 5px; margin-top: 5px; background: #faf02f;
	font: 11px Verdana, Arial,Arial, Helvetica, sans-serif; border: 0px none; padding: 4px 0; height: 14px; line-height: 18px }
.service-abo #content form textarea { width: 370px !important; height: 50px }
.service-abo #content form .button { display: none }
.service-abo #content form .besonderheiten label { background: white; width: 500px }
.service-abo #content form .besonderheiten textarea { margin-left: 145px; padding: 0 }

/* Fahrplanauskunft */
.fahrplanauskunft #content table { font-size: 11px; margin-left: 30px }
.fahrplanauskunft #content table table { margin-left: 0 }
.fahrplanauskunft #content table * { font-size: 11px }
.fahrplanauskunft #content form { font-size: 11px; width: auto; padding-bottom: 0 }
.fahrplanauskunft #content form fieldset { border: 0px none; padding: 0; padding-top: 0 }
.fahrplanauskunft #content form legend { color: #909296; padding: 0 1em; font-weight: bold }
.fahrplanauskunft #content form label { display: inline; padding: 0 }
.fahrplanauskunft #content form input, #content form textarea { width: auto }
.fahrplanauskunft #content form textarea { height: auto }
.fahrplanauskunft #content form .button { width: auto; padding: 1px .5em; font-size: 1em }
.fahrplanauskunft #content table { line-height: auto; padding-bottom: 0 }
.fahrplanauskunft #content img { display: inline; margin-bottom: 0 }

/* --- texte --- */
.fahrplanauskunft #content .Fliesstext { font-size: 11px } /* .NaviUeberschrift */
.fahrplanauskunft #content .FliesstextBold { font-size: 11px; font-weight: bold } /* .NaviUeberschrift */
.fahrplanauskunft #content .FliesstextWeiss { font-size: 11px } /* Tabellentext */
.fahrplanauskunft #content .Sub-Headline { font-size: 11px; font-weight: bold } /* .MainUeberschrift */
.fahrplanauskunft #content .Sub-HeadlineNavi { font-size: 11px; font-weight: bold } /* .MainUeberschrift */
.fahrplanauskunft #content .Aktionsbox { font-size: 12px; font-weight: bold } /* MainText */
.fahrplanauskunft #content .HeadlineFolge { font-size: 16px; font-weight: bold } /* .NaviText */
.fahrplanauskunft #content .Sub-HeadlineFolge { font-size: 11px; font-weight: bold } /* .MainUeberschrift */

/* --- links --- */
.fahrplanauskunft #content a.Content:link { font-size: 11px; text-decoration: underline }
.fahrplanauskunft #content a.Content:visited { font-size: 11px; text-decoration: underline }
.fahrplanauskunft #content a.Content:hover { font-size: 11px; text-decoration: underline }
.fahrplanauskunft #content a.Content:active { font-size: 11px; text-decoration: underline }

.fahrplanauskunft #content a.ContentWeiss:link { font-size: 11px; text-decoration: underline; color: #FFFFFF; }
.fahrplanauskunft #content a.ContentWeiss:visited { font-size: 11px; text-decoration: underline; color: #FFFFFF; }
.fahrplanauskunft #content a.ContentWeiss:hover { font-size: 11px; text-decoration: underline; color: #FFFFFF; }
.fahrplanauskunft #content a.ContentWeiss:active { font-size: 11px; text-decoration: underline; color: #FFFFFF; }

.fahrplanauskunft #content a.ContentBold:link { font-size: 11px; text-decoration: underline; font-weight: bold }
.fahrplanauskunft #content a.ContentBold:visited { font-size: 11px; text-decoration: underline; font-weight: bold }
.fahrplanauskunft #content a.ContentBold:hover { font-size: 11px; text-decoration: underline; font-weight: bold }
.fahrplanauskunft #content a.ContentBold:active { font-size: 11px; text-decoration: underline; font-weight: bold }

/* ---- Hintergrundfarben ---*/
.colTabellenkopf { background-color: #ffec00; } /* Streifen Ergebnisseite */
.colNaviHintergrund { background-color: #FFFFFF; }
.colEventweiss { background-color: #FFFFFF; }
.colTariftabelle { background-color: #ffec00; }	/* Streifen Formular oben */
.colFormular_hellblau { background-color: #ffec00; }	/* Streifen Formular unten */
.hingrau { background-color: #EBECED; }	/* Hellgrauer Hintergrund */
.hingraud { background-color: #E1E1E1; }	/* Dunkelgrauer Hintergrund */

/* SIFR */
/********/
.sIFR-active #content h2,
.sIFR-active #main-menu li { visibility: hidden; font-family: Verdana; line-height: 1em }
.sIFR-flash { visibility: visible !important }
.sIFR-replaced, .sIFR-ignore { visibility: visible !important }
.sIFR-alternate { position: absolute; left: 0; top: 0; width: 0; height: 0; display: block;	overflow: hidden }
.sIFR-dummy { width: 0px; height: 0px; margin-left: 42px !important; z-index: 0 }


/* IE */
#content { _height: 450px; *float: none }
.service-abo #content, .ak #content { _padding-right: 200px; _width: 540px }
#content .ak-ergebnis { _margin-left: 51px; _width: 388px }
#content .ak-ergebnis p { *height: 1% }
.service-abo #content form .besonderheiten textarea { _margin-left: 72px; *overflow-y: auto }