@charset "utf-8";

/**
 * "Yet Another Multicolumn Layout" - (X)HTML/CSS framework
 * (en) central stylesheet
 * (de) zentrales Stylesheet
 *
 * @creator       YAML Builder V1.2b (http://builder.yaml.de)
 * @file          my_layout.css
 * @-yaml-minver  3.1
 *
 */
/* import core styles | Basis-Stylesheets einbinden */
@import url(../yaml/core/base.css);
/* import screen layout | Screen-Layout einbinden */
/* @import url(../yaml/navigation/nav_slidingdoor.css); */
/* @import url(../yaml/navigation/nav_vlist.css); */
@import url(screen/basemod.css);
@import url(screen/content.css);
@import url(screen/forms.css);
/* import print layout | Druck-Layout einbinden */
@import url(print/print.css);
/* Basis-CSS fuer Suche */
@import url(search.css);
/* Basis-CSS fuer Statuszeile, Tools */
@import url(dvv-tools.css);
/* Virtueller Tischkalender und Kalenderblatt */
@import url(dvv-calendar.css);


/* ---------- body ---------- */
* {margin:0;padding:0;}


body {
	color:#000;
	font-size: 10px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	background: none;
}

h1, h2, h3, h4, h5, h6 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: bold;
}

/* Notwendiges weiteres äußeres DIV für 3 BG über gesamte Breite */

.outer {
	background: url(../img/header01.jpg) center top no-repeat;
}

.inner {
	min-height: 85em;
	/*background: url(../img/bg-footer.png) no-repeat scroll center 500px transparent;*/
	background: url(../img/bg-footer.png) center bottom no-repeat;
}

.page_margins {
	border:none;
	margin: 0;
	padding: 0;
	max-width: none;
	min-width: inherit;
	background: url(../img/bg-header.png) center top repeat-x;
}


div.page {
	margin:0 auto;







	width: 968px;







	position:relative;







	text-align:left;







	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;







	border:none;







	background: none;







}







#loginout {







	position:absolute;







	top: 0;







	left: 0;







}







#loginout:hover {







	background: url(../img/ico-key.gif) left top no-repeat;







}







.quickLinks {







	position:absolute;







	top: 40px;







	z-index: 12;







	width: 967px;







}







.invisible {display:none;height:0;}















/* ---------- top ---------- */

#header {
	position:relative;
	height:105px;
	text-align:left;
	background: none;
}

#MetaNavigation {
	position: absolute;
	top: 7px;
	right: 220px;
	width: 460px;
	font-size: 1.1em;
}

#MetaNavigation a {







	color: #000;







	padding: 0 9px;







	background: url(../img/bg-meta-nav-trenner.png) right center no-repeat;







}







#MetaNavigation a.MetaNavigationFifth {
	padding-right: 0;
	background: none;
}

.sprachButtons {
	float: left;
}

.Accessibility {
	position: absolute;
	top: -10px;
	right: 107px;
}

#MetaNavigation .Accessibility a {
	background: none;
	padding: 0;
}







/* -------------------- Schnellsuche -------------------- */







#search {







	position: absolute;







	top: 0;







	right: 0;







	width: 195px;







	height: 32px;







	z-index: 33;







	color: #fff;







	background: url(../img/bg-search.png) left top no-repeat;







}







#header .quicksearchtext {
	background: none;
    border: none;
    color: #fff;
    font-size: 11px;
    font-weight: bold;
    position: absolute;
    top: 6px;
}







#quicksearch label {







	display: none;







}







.quicksearchimg {
	position:absolute;
	right: -9px;
    top: 3px;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {

	.quicksearchimg {
		right: -20px;
	}

}















/*********** Flyer-Navi *****************/







.lt-ie8 #page, .lt-ie8 #header {







	position: relative;







	z-index: 1000;







}















.flyerNav {







	position: absolute;







	right: 0;







	top: 77px;







	z-index: 1000;







}







.flyerNav ul {







	margin: 1px 0 0 11px;







	line-height: normal;







}







.flyerNav li {







	float: left;







	list-style: none;







	margin: 0;







	padding: 0 7px;







}







.flyerNav li.ebene1.current, .flyerNav li.ebene1.currentParent {







	padding-bottom: 3px;







}







.flyerNav li.nav_343296:hover, .flyerNav li.nav_343296.current, .flyerNav li.nav_343296.currentParent {







	background: url(../img/bg-flynav-332511.png) right 1px no-repeat;







}







.flyerNav li.nav_332522:hover, .flyerNav li.nav_332522.current, .flyerNav li.nav_332522.currentParent {







	background: url(../img/bg-flynav-332522.png) right 1px no-repeat;







}







.flyerNav li.nav_332533:hover, .flyerNav li.nav_332533.current, .flyerNav li.nav_332533.currentParent {







	background: url(../img/bg-flynav-332533.png) right 1px no-repeat;







}







.flyerNav li.nav_332544:hover, .flyerNav li.nav_332544.current, .flyerNav li.nav_332544.currentParent {







	background: url(../img/bg-flynav-332544.png) right 1px no-repeat;







}















.flyerNav li a {







	font: bold 16px "trebuchet ms",sans-serif;







	display:block;







	text-decoration:none;







	padding: 9px 2px 6px 9px;







}







.flyerNav li a span.sf-sub-indicator {







	display: none;







}







.flyerNav li li a span.sf-sub-indicator {







	display: inline;







}















.flyerNav li.nav_343296 a {







	color:#354445;







}







.flyerNav li.nav_332522 a {







	color:#3b2662;







}







.flyerNav li.nav_332533 a {







	color:#104c6d;







	padding: 9px 0px 6px 9px







}







.flyerNav li.nav_332544 a {







	color:#285f2c;







}















.flyerNav ul ul {







	position: absolute;







	z-index: 100;







	width: 723px;







	height: 237px;







	margin: 0;







	padding: 10px;







	background: none;







	border: none;







	text-align: left;







	display: none;







}















.flyerNav ul ul.nav_343296 {







	background: url(../img/bg-mega-332511.png) top left no-repeat;







	margin-left: -270px;







}







.flyerNav ul ul.nav_332522 {







	background: url(../img/bg-mega-332522.png) top left no-repeat;







	margin-left: -360px;







}







.flyerNav ul ul.nav_332533 {







	background: url(../img/bg-mega-332533.png) top left no-repeat;







	margin-left: -460px;







}







.flyerNav ul ul.nav_332544 {







	background: url(../img/bg-mega-332544.png) top left no-repeat;







	margin-left: -600px;







}















.flyerNav li li {







	float: left;







	display: block;







	width: 225px;







	height: 40px;







	margin: 0;







	padding: 0 0 0 15px;







	background: url(../img/bg-mega-li.png) left 8px no-repeat;







}







.flyerNav li li a {







	display: block;







	top: 0;







	color: #fff !important;







	font-size: 1.4em;







	margin: 0;







	padding: 3px 0 3px 0;







	/*background: #fff !important;*/







	width: 97.5%;







	text-transform: none;







	font-weight: normal;







}







.flyerNav li li a:hover {







	text-decoration: underline;







}















.flyerNav ul ul ul {







	position: absolute;







	left: 100%;







	margin-top: -25px;







	width: auto;







	height: auto;







}















#fahrplanauskunft {







	position: absolute;







	top: 135px;







	left: -4px;







	width: 215px;







	height: 212px;







	padding: 10px 5px 0 20px;







	background: url(../img/bg-tgo-services.png) left top no-repeat;







}







#fahrplanauskunft h2, #fahrplanauskunft div {







	color: #fff;







}







#fahrplanauskunft div {







    margin-bottom: 0.75em;







    overflow: hidden;







}







#fahrplanauskunft input.text {







	width: 160px;







}







#fahrplanauskunft input {







	border: 1px solid #7F9DB9;







	padding: 4px 6px 3px 3px;







}







/* IE 8 oder kleiner */







.lt-ie9 #fahrplanauskunft input#efaDep, .lt-ie9 #fahrplanauskunft input#efaArr {







    border: none;







}















#fahrplanauskunft input.date {







	width: 14px;







}







#fahrplanauskunft input.date#itdDateYear {







	width: 24px;







}







#fahrplanauskunft #efaArrowUp {







	margin: 4px;







}







#fahrplanauskunft #efaArrowDown {







	margin-left: 4px;







}







#fahrplanauskunft div#efaDate, #fahrplanauskunft div#efaArrow, #fahrplanauskunft div#efaCalendar, #fahrplanauskunft div#efaTime, #fahrplanauskunft div#efaAD {







	display: inline;







	float: left;







	margin-bottom: 0;







}







#fahrplanauskunft button.efaCalendar {







	border: 0 none;







	cursor: pointer;







	height: 1.8333em;







	margin-left: 0;







	vertical-align: top;







	width: 1.9167em;







	background: url(../img/icon.calendar.gif) repeat scroll 0 0 transparent;







}







#fahrplanauskunft div.efaButtons {







	margin-left: 95px;







}







/* Ausname < IE8 */







.lt-ie8 #fahrplanauskunft div.efaButtons {







	margin-top: -7px;







}







#fahrplanauskunft #efaSubmit {







	width: 80px;







	height: 20px;







	padding-top: 3px;







	font-weight: bold;







	font-size: 1.1em;







	cursor: pointer;







	border: none;







	background: url(../img/ico-fahrplan-anfordern.png) repeat scroll 2px 0 transparent;







}















#TGOservices {







	position: absolute;







	top: 135px;







	right: -5px;







	width: 215px;







	height: 212px;







	background: url(../img/bg-tgo-services.png) left top no-repeat;







}







span.TGOservices {







	margin: 20px 25px 0;







	display: block;







	float: left;







	text-align: center;







}







span.TGOservices.last {







	float: right;







	left: 107px;







	position: absolute;







	top: 98px;







}







span.TGOservices.even {







	clear: both;







}







a.TGOservices {







	color: #fff;







}























#main {







	margin: 11px 0 105px;







	padding-top: 250px;







	background: none;







}







.print_margins #main {







	background: none !important;







	margin: 0;







	padding: 0;







}















#NavContentOuter {







	padding-bottom: 11px;







	background: url(../img/bg-content-bottom.png) bottom center no-repeat;







}







#NavContent {







	margin: 0;







	padding-top: 8px;







	background: url(../img/bg-content-top.png) top center no-repeat;







}







#NavContentInner {







	position: relative;







	min-height: 430px;







	padding: 0;







	background: url(../img/bg-content-middle.png) top center;







}































/* ---------- navigation ---------- */







#col1 {







	position:relative;







	top: -6px;







	font-size: 10px;







	background: none;







	border: none;







	width: 210px;







	margin: 0;







	float: left;







    background: url(../img/bg-leftnavi-top.png) left top no-repeat;







}







#col1 h2 {







    color: #054f85;







	border-bottom: 1px solid #CCCCCC;







	padding-bottom: 6px;







	margin-bottom: 6px;







    font-size: 15px;







}







#col1_content {







	margin-top: 8px;







	padding: 0 0 7px;







	font-size: 130%;







	background: url(../img/bg-leftnavi-bottom.png) left bottom no-repeat;







}







.nav-outer {







	padding-bottom: 10px;







	background: url(../img/bg-leftnavi-middle.png) left top repeat-y;







}







.nav-outer .hmp {







	margin: 3px 0 0 10px;







	background: url(../img/bg-hmp.png) left top no-repeat;







}







.nav-outer .hmp a {







	color: #3b2662;







	font-size: 1.3em;







	padding: 3px 10px;







}















.nav-outer ul.vlist {







	padding: 10px 10px 5px 10px;







}







.nav-outer ul, .nav-outer li {







	margin: 0;







	padding: 0;







}







.nav-outer ul ul {







	margin-left: 11px;







}







.nav-outer .vlist li a {







	color: #000;







	display:block;







	padding: 2px 0 2px 12px;







	/*vertical-align:middle;*/







	font-weight:normal;







	font-size: 1.1em;







	background: url(../img/li-nav.png) 0 8px no-repeat;







}







.nav-outer .vlist li.ebene2.current > a, .nav-outer .vlist li.ebene2.currentParent > a {







	background: url(../img/li-nav-ebene2-aktiv.png) 0 8px no-repeat;







}















.nav-outer .vlist li li a {







	padding: 3px 0 2px 13px;







}







.nav-outer .vlist li a:hover, .nav-outer .vlist li a.active {







	font-weight: bold;







	text-decoration:none;







}







.nav-outer .vlist li {







	display:block;







	list-style:none;







}







.nav-outer .vlist li.ebene2 {







	padding: 5px 0 5px 10px;







	border-bottom: 1px solid #fff;







}







.nav-outer .vlist li.ebene2.current, .nav-outer .vlist li.ebene2.currentParent {







	background: #eaf0ed;







}















.nav-outer .vlist li li {







	margin: 0;







}















/* ---------- content ---------- */







/* contentSpalte */







#col3 {







	font-size: 130%;







	margin: 0;







	overflow: hidden !important;







	border: none;







	background: none;







	width: 530px;







	float: left;







}







/* Hack für Safari und Chrome */







@media screen and (-webkit-min-device-pixel-ratio:0) {







}







#col3 h1 {







    color: #3b2662;







    font-size: 1.9em;







	margin: 0 0 8px 0;







	line-height: 1.1em;







}







#col3 h2 {







	border-bottom: 1px solid #ccc;







	color: #3b2662;







	font-size: 1.6em;







	padding: 7px 0 2px 0;







	margin-bottom: 10px;







	line-height: 1.1em;







	clear: both;







}







#col3 h3 {







    color: #3b2662;







    font-size: 1.3em;







	line-height: 1.1em;







}







#col3 div.date {







	margin: 0 0 2px 0;







}







#col3 .basecontent-dynamic-content .odd, #col3 .basecontent-dynamic-content .even {







	margin: 0 0 16px;







}







#col3 .basecontent-dynamic-content .moreLink {







	display: block;







}







#col3 .quicksearchtext {
	background: none;
	padding: 0;

}















#col3 .wayhome {







	padding: 0 0 15px 0;







    margin: 0 0 0 20px;







	display: block;







}







.print_margins div.wayhome {







	display: none;







}







.wayhome a {







	color: #000;







	font-weight: normal;







    text-decoration: none;







	margin-right: 6px;







	padding-left: 12px;







	background: url(../img/a-wayhome.png) left 6px no-repeat;







}







.wayhome span.nav_301803 a {







	padding-left: 0;







	background: none;







}







.wayhome a:hover {







    text-decoration: underline;







}







#col3_content {







	margin: 0;







}















/* serviceSpalte */







#col2 {







	position:relative;







	width: 207px;







	min-height: 1px;







	padding: 0;







	margin: 0;







	/*background: url(../img/bg-service-top.png) left top no-repeat;







	background: url(../img/bg-leftnavi-top.png) left top no-repeat;*/







	background: none;







}







#col2 a {







	color: #054f85;







}







#col2 h2 {







	font-size: 125%;







}







#col2_content {







	margin: 8px 0 0;







	padding: 8px 0 0;







	background: url(../img/bg-leftnavi-top.png) left top no-repeat;







}







#col2_inner_content {







	padding: 0 0 7px;







	background: url(../img/bg-service-bottom.png) left bottom no-repeat;







}







.service {







	font-size: 12px;







	padding: 0 10px 1px 15px;







	background: url(../img/bg-leftnavi-middle.png) left top repeat-y;







}















#col2_content .sesFunktionsLinks {







	margin-bottom: 14px;







	border-bottom: 1px solid #CCC;







}







#col2_content .sesFunktionsLinks .clearDvv {







	display: none;







}















#col2_content .glossar {







	float: left;







	padding: 1px 0 4px 25px;







	background: url(../img/ico-glossar.png) left top no-repeat;







}







#col2_content .termine {







	margin-left: 90px;







	padding: 1px 0 4px 25px;







	background: url(../img/ico-kalender.png) left top no-repeat;







}







#col2_content .faq {







	clear: both;







	float: left;







	padding: 1px 0 4px 25px;







	letter-spacing: 0.05em;







	background: url(../img/ico-faq.png) left top no-repeat;







}







#col2_content .links {







	margin-left: 90px;







	padding: 1px 0 4px 25px;







	background: url(../img/ico-links.png) 5px top no-repeat;







}















.sesBorder {







	text-align: center;







	border:1px solid #d1d5d6;







	padding: 0.5em 0;







}







.sesBorder a.externerLink, .sesBorder a.internerLink {







	background: none;







	padding: 0;







}















/* RubrikTopnews */







#col1 .nav-outer.home {







	padding: 15px 8px;







}







#col1 .pm-topnews h2 {







	color: #104c6d;







	padding: 11px 0 11px 36px;







	background: url(../img/bg-fahrplanaenderung.png) left top no-repeat;







}







#col1 .pm-topnews .pm-meldung {







	margin-left: 5px;







	padding: 5px 8px 0 10px;







	background: url(../img/ico-col1-meldung.png) left 10px no-repeat;







}







#col1 .pm-topnews .pm-meldung .pm-head h3 {







	font-size: 1.0em;







}







#col1 .pm-topnews .pm-meldung .pm-head h3 a {







	color: #000;







}







#col1 .home .weitereMeldungen {
	padding: 0 0 4px 10px;
	margin-left: 50px;
    margin-top: 15px;
	background: url(../img/bg-weitere-meldungen.png) left top no-repeat;
}















#col3 div.pm-bild {







	float: right;







	margin: 0 0 10px 10px;







}







#col3 div.pm-meldung {







	clear: both;







	border-bottom: 1px solid #CCC;







	margin-bottom: 15px;







}







#col3 div.pm-meldung:after {







	clear: both;







	content: ".";







	display: block;







	height: 1px;







	visibility: hidden;







}







#col3 .pm-topnews h2 {







	color: #285F2C;







	font-size: 1.8em;







}







#col3 .pm-topnews h3 {







	font-size: 1.2em;
	clear:none;







}







#col3 .pm-topnews h3 a, #col3 .pm-topnews h3 a:visited {







	color: #104c6d;







}















#col3 .weitereAktionen {







	float: right;







	padding: 0 13px 4px 15px;







	background: url(../img/bg-weitere-aktionen.png) left top no-repeat;







}























/* VK-Teaser SeS */







#col2 .zmBox ul, #col2 .zmBox ol {







    margin: 0;







}







#col2 .zmBox ul li, #col2 .zmBox li {







	list-style: none;







	margin: 0;







}







.zmBox li {







	border-bottom: 1px solid #ccc;







	padding: 8px 0;







}















/* für VK-Popup */







#znx #content {







	margin: 0;







	font-size: 80%;







}







.zmNavigClass {







	display: none;







}







/* -------------------- </FOOTER> -------------------- */















/* -------------------- Funktionslinks -------------------- */







#footer {







	position: relative;







	bottom: 0;







	width: 99%;







	background: none;







    border: none;







    color: #656175;







    padding: 0;







	font-size: 1.2em;







}







#footer a {







	color: #fff;







	display: block;







}







#footer li {







	list-style: none;







}







#Social_Bookmarks {







	position: relative;







	top: -100px;







}







#footer #Social_Bookmarks a {







	display: inline;







}







#funktionsLinks {







	position: relative;







    top: -70px;







	min-height: 320px;







	color: #fff;







}







#funktionsLinks a {







	color: #fff;







}







.flLinks {
	float: left;
	width: 185px;
	min-height: 220px;
	padding: 0 12px;
	border-right: #4d6674 solid 1px;
}

.first {
	padding-left: 0;
}

.last {
	padding-right: 0;
}

.flLinks ul {
	margin-left: 0;
}

.flLinks ul ul {
	margin-left: 1em;
}

#bottomImprint {
	position: absolute;
	right: 0;
	color: #fff;
}

#PageServices {
	position: absolute;
	right: -20px;
	top: -100px;
}

#PageServices .footer {
	float: left;
	background: none;
	margin: 0 10px 0 0;
}







#PageServices img {







	border: none !important;







}

#recommend_form {
	overflow: auto;
}


#recommend_form fieldset {
	padding: 0.9em;

}

.printPageFunctions {
	font-size: 120%;
}

.printPreview .subcolumns img {
	display: none;
}

.printPreview #content {
    border: medium none;
    font-size: 120%;
    margin: 0;
    width: 100%;
}

.printPreview #main {
	background: #fff;
	margin: 0;
	padding: 0;
}

/* -------------------- <Klassen> -------------------- */

.clear {







	clear: both;







}







.float_left {







	float: left;







	margin-bottom: 1em;







}







.float_right {







	float: right;







	margin-bottom: 1em;







}







.abstand_unten {







	margin-bottom: 5px;







}







.toggle_title {







	cursor: pointer;







	padding: 0 0 0 21px;







	position: relative;







}







.toggle-icon {







	left: 6px;







	margin-top: -8px;







	position: absolute;







	top: 50%;







}







#col3 h3.toggle_title {







	color: #115577;







	font-size: 14px;







	margin: 0 0 4px 0;







}







#col3 .toggle_container h1 {







	display: none;







}















#col3 a.pdfLink {







	padding: 4px 0 2px 22px;







	background: url(../img/ico-pdf.png) 0 2px no-repeat;







}







#col3 a.externerLink {







	padding-left: 22px;







	background: url(../img/ico-externer-link.png) 0 1px no-repeat;







}















#col3 .basecontent-attachment img {







	float: left;







}







#col3 .image .caption {







	font-size: 80%;







}







#col3 .basecontent-attachment span.caption {







	display: block;







	padding-top: 40px;







}























/*** Tag clouds ***/







div#tagCloud {







	position: relative;







	top: -6px;







	right: 0;







	width: 207px;







	padding: 8px 0 0;







	font-size: 1.2em;







	text-align: left;







	word-spacing: 10px;







	background: url(../img/bg-service-top.png) left top no-repeat;







}







div#OuterCloud {







	margin: 0;







	padding: 0 0 7px;







	background: url(../img/bg-service-bottom.png) left bottom no-repeat;







}







div#innerCloud {







	padding: 0 10px 1px 15px;







	background: url(../img/bg-leftnavi-middle.png) left top repeat-y;







}























#tagCloud ul {







	margin: 0;







}















#tagCloud li {







	margin-left: 0;







	display: inline;







}















#tagCloud a {







	text-decoration: none;







	white-space: nowrap;







	word-spacing: 0;







	color: #285F2C;







	line-height:2em;







}







#tagCloud a:hover {







	color: #000;







}







#tagCloud a.tag1 { /* geringste Hufigkeit */







	font-size: 0.9em;







}















#tagCloud a.tag2 {







	font-size: 1.1em;







}















#tagCloud a.tag3 {







	font-size: 1.3em;







	font-weight: 600;







}







#tagCloud a.tag4 {







	font-size: 1.5em;







	font-weight: 800;







}







#tagCloud a.tag5 { /* grte Hufigkeit */







	font-size: 1.8em;







	font-weight: 800;















}







/* Zufllige Hervorhebung 1 */


/* Zufllige Hervorhebung 2 */


/* KONTAKTFORMULAR */

#kontaktformular input {
	width: 300px;
	margin-top: 7px;
}

#kontaktformular select {
	border: 1px solid #666;







	background:#fff;







	width: 303px;







	margin-top: 7px;







}







#kontaktformular fieldset {







	border: none;







}







#kontaktformular textarea {







	margin-top: 7px;







	width: 300px;







}







#kontaktformular legend {







	font-weight: bold;







}







#kontaktformular label {







	display: block;







	margin-top: 7px;







	width: 120px;







	clear: left;







	float: left;







}















.textfeldNormal {







	width: 35em;







	height: 1.3em;







	border: 1px solid #666;







	font-size: 10px;







	background: #fff;







}







.textfeldKleiner {







	width: 15em;







	height: 1.3em;







	border: 1px solid #666;







	background: #fff;







}







.textfeldMini {







	width: 6em;







	height: 1.3em;







	border: 1px solid #666;







	background: #fff;







}







.textareaBig {







	width: 35em;







	height: 10em;







	border: 1px solid #666;







	background: #fff;







}







.submit {







	background: #115577;







	border: 1px solid #6F9534;







	color: #fff;







	height: 20px;







	margin-left: 120px;







	width: 300px;







}







.blind {







	display: none;







}







#content table {







	margin-bottom: 10px;







	font-size: 90%;







}







#content table caption {







	padding: 8px 15px 0 15px;







	font-size: 110%;







	font-weight: bold;







}







#content table td, #content table th {







	vertical-align: top;







	padding: 5px;







}







#content table td, #content table th {







	vertical-align: top;







	padding: 2px 5px 2px 5px;







}







#content table th {







	background: #104C6D;







	color: #fff;







}







#content table tr.even {







	background: #d3ded9;







}







#content table tr.odd {







	background: #bcc7c2;







}







/*







.commentFunctions {







	display: none;







}







*/







/* -------------------- </Klassen> -------------------- */















/* Hack für Safari und Chrome */







@media screen and (-webkit-min-device-pixel-ratio:0) {







	/*







	#contentOuter {







		padding-bottom: 1px;







	}







	*/







}























/* #Media Queries







================================================== */







@media only screen and (max-width: 990px) {







	#col2 {







		width: 100%;







	}







	div#tagCloud {







		bottom: auto;







		float: left;







		background: none;







	}







	div#OuterCloud {







		background: none;







	}







	div#innerCloud {







		background: url(../img/bg-leftnavi-middle.png) left top repeat-y;







	}







	#col2_content {







		float: right;







		margin: 0;







		padding: 0;







		background: none;







	}







	#col2_inner_content {







		background: none;







	}







}







@media only screen and (max-width: 800px) {







	#col3 {







		width: auto;







	}







}















/* Tablet Portrait */







@media only screen and (min-width: 800px) and (max-width: 990px) {







	body {







		background: #104c6d;







	}







	div.page {







		width: 768px;







		padding: 0;







	}







	.quickLinks {







		width: 768px;







	}







	#MetaNavigation {







		right: 100px;







	}







	.flyerNav ul ul {







		width: 700px;







	}







	#footer {







		width: 98%;







	}







	.flLinks {
		min-height: 130px;
	}
	.last {
		clear: both;
		margin-top: 15px;
	}
    #bottomImprint {position: relative; clear: both;}
}



/* Mobile Landscape / Tablet Portrait */







@media only screen and (min-width: 480px) and (max-width: 799px) {







	body {







		background: #104c6d;







	}







	.page_margins {







		background: url(../img/bg-header-mobile.png) center top repeat-x;







	}







	div.page {







		width: 420px;







		padding: 0;







	}







	#MetaNavigation {







		right: auto;







		width: auto;







		margin-left: 210px;







	}







	#MetaNavigation .MetaNavigationFirst, .Accessibility {







		display: none;







	}







	#search {







		top: 48px;







	}







	.quickLinks {







		display: none;







	}







	.flyerNav {







		right: auto;







		text-align: center;







		margin-left: 104px;







		top: 95px;







	}







	.flyerNav li {







		float: none;







	}







	.flyerNav li a, .flyerNav li.nav_332533 a {







		padding: 2px 0 0 9px;







	}







	.flyerNav ul ul {







		display: none !important;







	}







	.flyerNav li li {







		width: auto;







		height: 40px;







		margin: 0 15px 0 0;







	}







	.flyerNav li.nav_343296:hover, .flyerNav li.nav_343296.current, .flyerNav li.nav_343296.currentParent {







		background: url(../img/bg-flynav-332511.png) 27px 1px no-repeat;







	}







	.flyerNav li.nav_332522:hover, .flyerNav li.nav_332522.current, .flyerNav li.nav_332522.currentParent {







		background: url(../img/bg-flynav-332522.png) 8px 1px no-repeat;







	}







	.flyerNav li.nav_332533:hover, .flyerNav li.nav_332533.current, .flyerNav li.nav_332533.currentParent {







		background: url(../img/bg-flynav-332533.png) 7px 1px no-repeat;







	}







	.flyerNav li.nav_332544:hover, .flyerNav li.nav_332544.current, .flyerNav li.nav_332544.currentParent {







		background: url(../img/bg-flynav-332544.png) 10px 1px no-repeat;







	}







	#fahrplanauskunft, #TGOservices {







		top: 230px;







	}







	span.TGOservices.last {







		left: 35px;







	}







	#header {







		height: 200px;







	}







	#main {







		padding-top: 240px;







	}







	#NavContent {







		background: none;







		padding: 0;







	}







	#col1 {







		float: none;







		background: #d0dcd6;







		width: 100%;







	}







	#col1_content, .nav-outer {







		background: none;







	}







	.nav-outer .hmp {







		background: url(../img/bg-hmp.png) center top no-repeat;







		text-align: center;







	}







	#col3 {







		margin: 0;







	}







	#footer {







		width: 98%;







	}







	.flLinks {
		min-height: 160px;
		border: none;
        float: none;
        padding: 0;
	}
	.third {
		clear: both;
		margin-top: 15px;
		width: 173px;
        min-height: 0;
	}
	.last {
		margin-top: 15px;
		width: 197px;
	}

	#bottomImprint {
		left: 12px;
		right: auto;
		top: 570px;
        position: initial;
	}







}







	







/* Landscape Size */


@media only screen and (max-width: 479px) {
	html {
		background: #104c6d;
	}

	.page_margins {
		/*background: url(../img/bg-header-mobile.png) center top repeat-x;*/
		background: #fff;
	}

	div.page {
		/*width: 300px;*/
		width: 95%;
		padding: 5px 0;
	}

	#header {
		height: auto;
	}

	#logoTGO {
		/*margin-left: 67px;*/
		width: 100%;
		text-align: center;
	}

	#MetaNavigation {
		right: auto;
		width: 100%;
		/*margin: 75px 0 0 25px;*/
		position: relative;
	}

	.Accessibility {
		display: none;
	}

	#search {
		top: 215px;
		right: auto;
		margin-left: 75px;
	}

	.quicksearchimg {
		right: -3px;
	}

	.quickLinks {
		display: none;
	}

	.flyerNav {
		right: auto;
		text-align: center;
		width: 100%;
		top: 95px;
	}
	.flyerNav ul {
		margin: 0 !important;
	}
	.flyerNav li {
		float: none;
	}

	.flyerNav li a, .flyerNav li.nav_332533 a {
		padding: 5px 0 0 9px !important;
	}

	.flyerNav ul ul {
		display: none !important;
	}

	.flyerNav li li {
		width: auto;
		height: 40px;
		margin: 0 15px 0 0;
	}

	.flyerNav li.nav_332533 a {
		color:#104c6d;
		padding: 9px 0px 6px 9px
	}

	.flyerNav li.nav_343296:hover, .flyerNav li.nav_343296.current, .flyerNav li.nav_343296.currentParent {
		/*background: url(../img/bg-flynav-332511.png) 25px 1px no-repeat;*/
		background: none !important;
		text-decoration: underline;
	}

	.flyerNav li.nav_332522:hover, .flyerNav li.nav_332522.current, .flyerNav li.nav_332522.currentParent {
		/*background: url(../img/bg-flynav-332522.png) 2px 1px no-repeat;*/
		background: none !important;
		text-decoration: underline;
	}

	.flyerNav li.nav_332533:hover, .flyerNav li.nav_332533.current, .flyerNav li.nav_332533.currentParent {
		/*background: url(../img/bg-flynav-332533.png) 10px 1px no-repeat;*/
		background: none !important;
		text-decoration: underline;

	}

	.flyerNav li.nav_332544:hover, .flyerNav li.nav_332544.current, .flyerNav li.nav_332544.currentParent {
		/*background: url(../img/bg-flynav-332544.png) 8px 1px no-repeat;*/
		background: none !important;
		text-decoration: underline;
	}

	#fahrplanauskunft h2 {
		margin-top: 5px;
	}
	#fahrplanauskunft {
		position: relative;
		top: 165px;
		/*margin-left: 52px;*/
		display: none;
		width: 100%;
		padding: 0 !important;
	}
	.home #fahrplanauskunft {
		display: flex;
		flex-direction: column;
		align-content: center;
		align-items: center;
		background-position: center;
		margin: 0 !important;
	}

	#TGOservices {
		position: relative;
		top: 170px;
		margin-left: 42px;
		display: none;
		width: 100%;
	}
	.home #TGOservices {
		display: block;
		width: 215px;
		margin: 0 auto;
		right: 5px;
	}

	#main {
		padding-top: 165px;
	}

	#NavContent {
		background: none;
		padding: 0;
	}

	#col1 {
		float: none;
		background: #d0dcd6;
		width: 100%;
	}

	#col1_content, .nav-outer {
		background: none;
	}

	.nav-outer .hmp {
		background: url(../img/bg-hmp.png) center top no-repeat;
		text-align: center;
	}

	#col2 {
		position: relative;
		/*left: 46px;*/
	}

	div#tagCloud {
		float: none;
		width: 100%;
	}
	#innerCloud {
		background-size: contain !important;
	}
	#col2_content {
		float: none;
	}

	#footer {
		width: 98%;
	}

	#funktionsLinks {
		top: 50px;
		min-height: auto;
	}

	.flLinks {
		min-height: 0;
		border: none;
	}

	.flLinks.first {
		padding-left: 12px;
	}

	#bottomImprint {
		display: none;
		/*
		left: 96px;
		right: auto;
		text-align: center;
		top: 670px;
		*/
	}

	#Social_Bookmarks {
		margin-left: 60px;
	}

	#PageServices {
		top: -70px;
		right: 60px;
	}
}


.browserHinweis {border:1px solid #F7941D; background:#FEEFDA;text-align: center;clear: both;height:75px; position:relative; margin-top:10px; margin-bottom:10px}

.browserHinweisInner {position: absolute; right: 3px; top: 3px; font-family: courier new; font-weight: bold;}

.browserHinweisInnerImgText {width: 640px; margin: 0 auto; text-align: left; padding: 0; overflow: hidden; color: black;}

.browserHinweisInnerImgWarning {width: 75px; float: left;}

.browserHinweisInnerText {width: 275px; float: left; font-family: Arial, sans-serif;}

.browserHinweisInnerText1 {font-size: 14px; font-weight: bold; margin-top: 12px;}

.browserHinweisInnerText2 {font-size: 12px; margin-top: 6px; line-height: 12px;}

.browserHinweisInnerImgText .icon img{border: none;}

.browserHinweisInnerImg1 {width: 75px; float: left;}

.browserHinweisInnerImg2 {width: 75px; float: left;}

.browserHinweisInnerImg3 {width: 73px; float: left;}

.browserHinweisInnerImg4 {float: left;}





/**********************/
/**** TGO OVERRIDE ****/
/**********************/

.primary2 { color:red;}

#col3 h1, #col3 h2, #col3 h3 { color:#004F9E;}

.basecontent-image.no-icon a.httpsLink.externerLink {
    background: none !important;
    padding-left: 0 !important;
}

/****** TEST *******/

.pm-anreisser, .service { font-weight:normal!important;}

/****** Presse *******/

.presse-uebersicht .pm-bild img {
	max-width:250px;
	}

#col3_content {
	background:none !important;
	}

.presse-uebersicht .entry1 {
	background:rgba(255,255,255,0.6) !important;
	}

.presse-uebersicht form#myform .pm-suche{
	background:rgba(255,255,255,0.6) !important;
	border:1px solid #ccc !important;
	}

/****** RADCARD ANLEITUNG *******/

.ui-widget { font-size:100.01%;}

.primary3 { color:#5db12f;}

.fahrkarte { float:left; margin-right:18px; font-size:90%; max-width:112px; text-align:center; min-height:140px}

.fahrkarte.mh { min-height:140px}

#col3 h3 { clear:both;}


/****** SEARCH HACKS *******/

li.search .description {
    font-weight: normal;    
	}

li.search .info	 {
	border-bottom: 1px solid #ccc;
	margin-bottom: 10px;
    padding-bottom: 10px;
	}

#ergebnisse li { list-style:none; margin:0;}

.ergebnisseKopf, .ergebnisseRumpf { margin:8px 0;}

/****** 404 SITE *******/

body.404 .outer {
	background: url(../img/404-header.jpg) center top no-repeat;
}

.outer404 {
	background: url(../img/404-header.jpg) center top no-repeat;
}

/****** MENU HACK *******/


/****** Link HACK *******/
.noicon { background:none !important; padding:0 !important;}
.noicon + .dateiGroesse { display:none;}

/****** MOBIL HACK *******/

#MetaNavigation a { float:left;}


/****** Liste Fahrplaene *******/

#node2002207 #content table.downloadlist tbody tr td.dlName a { color: #004F9E !important; font-weight: bold; }
#node2002207 #content table.downloadlist tbody tr th.dlType.ui-state-default.cursorPointer span a { color: #FFF !important;}
#node2002207 #content table.downloadlist tbody tr th.dlName.ui-state-default.cursorPointer span a { color: #FFF !important;}
#node2002207 #content table.downloadlist tbody tr th.dlDate.ui-state-default.cursorPointer span a { color: #FFF !important;}
#node2002207 #content table.downloadlist tbody tr th.dlSize.ui-state-default.cursorPointer span a { color: #FFF !important;}


/****** Anpassungen für Barrierefreiheit *******/
a , a.internerLink, a.externerLink{ color: #004F9E;}
#col3_content a.internerLink, #col3_content a.externerLink, #col3_content a.dateiLink { color: #004F9E!important;}
#footer {background-color: #104c6d;}*/

.visuallyhidden  { visibility: hidden;}



/*** SOCIAL BOOKMARKS und  PageServices ausblenden****/
#Social_Bookmarks, #PageServices { display: none; visibility: hidden;}
 

/**** Jalousie Hack ******/
.composedcontent-jquery-effekte .ui-accordion h3:hover {background-color: #004F9E; color: #FFF !important; }
.composedcontent-jquery-effekte .ui-accordion h3.ui-state-active {background-color: #004F9E; color: #FFF !important;}
.ui-widget {margin-bottom: 1rem;}
.ui-accordion h2 {font-size: 1.2rem !important; margin-bottom: 0 !important;}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
	background: #004F9E !important;
	color: #fff !important;
}

/**** D-Ticket BUTTONS ******/

.d-ticket button { width: 80%; height: 50px; text-align: center; border: #004F9E 2px solid; border-radius: 5px; font-weight: bold; background-color: rgba(0, 79,158, 0.2); margin-bottom: 1rem;}
.d-ticket button:hover {cursor: pointer; background-color:#004F9E; color: #fff; };



.dtw-form div.formElement {padding-bottom: 20px;}
.dtw-form fieldset.formElementContainer div.formElement {padding-bottom: 20px;}
.dtw-form .senderCc {margin: 20px 0;}
.dtw-form .senderCc label { width: 70%;}
.dtw-form .error label {color: #ff0000;} 
.dtw-form .error input, .dtw-form div.formElementOptions.checkboxes.error {border-color: #ff0000 !important;}
.dtw-form label.error {color: #ff0000;}
.dtw-form div.formButton.type-button input {height: 35px; width: 120px; text-align: center; border: #004F9E 2px solid; border-radius: 5px; font-weight: bold; background-color: rgba(0, 79,158, 0.2); }
.dtw-form div.formButton.type-button input:hover {cursor: pointer; background-color:#004F9E; color: #fff;}