@charset "ISO-8859-1";
/*
 * DB Bahn CSS for Dynamic Content
 * Copyright (c) 2008, namics (deutschland) gmbh. All rights reserved.
 * Code licensed under the MIT License:
 * http://www.opensource.org/licenses/mit-license.php
 * */

/* Quickfinder */
#quickfinder p.trip-type, #quickfinder #qf-travs-js, #quickfinder #vtv-qf-travs-js, #quickfinder #preissuche-qf-travs-js, #quickfinder #staedtereisen-qf-travs-js {
	display: block;
}
#quickfinder #qf-travs, #quickfinder #vtv-qf-travs, #quickfinder p.qf-vias {
	display: none;
}
#content #content-shadow span.calendar-nav,
#berater-widget span.calendar-nav {
	display: block;
	float: left;
	/* height: 16px; */
	width: 30px;
}
#quickfinder span.strecke-picker {
	display: inline;
}
#content #content-shadow span.calendar-nav a,
#berater-widget span.calendar-nav a {
	cursor: pointer;
	display: block;
	height: 9px;
	line-height: 9px;
	outline: none;
	overflow: hidden;
	padding: 0 8px;
}
#content #content-shadow span.calendar-nav a.next,
#berater-widget span.calendar-nav a.next {
	padding-bottom: 6px;
}
#content #content-shadow span.calendar-nav a.prev,
#berater-widget span.calendar-nav a.prev {
	margin: -9px 0 -1px;
	padding-top: 8px;
}
#content #content-shadow span.calendar-nav a img,
#berater-widget span.calendar-nav a img {
	background: #fff;
	border: 1px solid #8b9298;
	padding: 1px 2px;
}
#content #content-shadow span.calendar-nav a.prev img,
#berater-widget span.calendar-nav a.prev img {
	border-bottom: 0 none;
}
#content #content-shadow span.calendar-nav a.next img,
#berater-widget span.calendar-nav a.next img {
	border-top: 0 none;
}
#content #content-shadow span.calendar-nav a:focus img, #content #content-shadow span.calendar-nav a:active img,
#berater-widget span.calendar-nav a:focus img, #berater-widget span.calendar-nav a:active img {
	outline: 1px dotted #333;
}

#quickfinder div.qf-tab-content-2 {
    display: none;
}

#quickfinder div.qf-tabcontent {
    border-width: 0;
    padding: 0 15px 0px 8px;
}

/* Calendar icon */
#quickfinder span.date-picker,
#content #content-shadow span.date-picker,
#berater-widget span.date-picker {
	cursor: pointer;
	display: block;
}
/* Help text for child and infant selectors */
#quickfinder div.qf-number-desc,
#bahncardberater-head div.bcbTip {
	background: #fff;
	border: 1px solid #ccc;
	padding: 20px 7px 7px;
	width: 186px;
}
#quickfinder .qf-number-active div.qf-number-desc {
	left: 0;
}
#quickfinder div.qf-number-desc a.closeButton,
#quickfinder div.strecken-layer a.closeButton,
#bahncardberater-head div.bcbTip a.closeButton {
	float: right;
	height: 12px;
	padding: 0;
	position: absolute;
	right: 7px;
	top: 5px;
	width: 9px;
}

#quickfinder fieldset {
	margin-top: 16px;
}

#quickfinder input.time-indent {
	margin-left: 6.35em;
	float: left;
}

/* Labels fuer Eingabefelder mit Default-Texten (Text wird ohne JS als Labels vor statt im Eingabefeld angezeigt) */
label.defaultLabel, #quickfinder label.defaultLabel {
    display: none;
}

/* Sprachauswahl */
#language-select-button {
	display: none;
	margin-left: 0;
}
#language-selector {
	width: 100px;
}

body.font-large #language-selector {
	width: 110px;
}

body.font-xl #language-selector {
	width: 120px;
}

/* Landauswahl */
#country-select-button {
	display: none;
	margin-left: 0;
}
#country-selector {
	width: 100px;
}

#country-select {
	left: -9999px;
	position: absolute;
	top: 0;
}

body.font-large #country-selector {
	width: 120px;
}

body.font-xl #country-selector {
	width: 140px;
}

/* Country-Selector */
#country-selector {
    width: 125px;
}
#country-selector div.selectbox {
    background: url(../img/topnav_bg.png) no-repeat 30px -49px;
    border: none;
    color: #646973;
    height: 23px;
    padding: 2px 0 0 0 !important;
    width: 134px;
    margin: 0;
}
#country-selector div.selectbox.noBottomBorder {
    background-position: 15px -65px;
    color: #323232;
}
#header #divselected {
    background: url(../img/topnav_bg.png) no-repeat 0 !important;
    background-position: -32px 2px !important;
    margin-left: 0;
    padding: 2px 0 0 36px;
}
#header div.selectbox.noBottomBorder #divselected {
    background-position: 0 -14px !important;
}
#header div.selectbox-wrapper {
    background: url(../img/topnav_bg.png) no-repeat left bottom;
    border: none;
    margin-left: -5px;
    padding: 0 9px 14px 5px;
    width: 134px !important;
    padding-left: 0;
}
#header div.selectbox-wrapper ul {
    margin-left: 5px;
}
#header div.selectbox-wrapper ul li {
    background-image: none !important;
    color: #323232;
    line-height: 24px;
    padding-left: 36px;
}
#header div.selectbox-wrapper ul li:hover {
    background-color: #3399FF !important;
    color: #FFF;
    text-decoration: none !important;
}

/* Font-Sizer */
#font-sizer {
    display: block;
    float: right;
    font-size: 0.7em;
    line-height: 24px;
    margin-right: 16px;
    padding-top: 1px;
    *padding-top: 0;
}
#font-sizer span {
    left: -9999em;
    position: absolute;
}
#font-sizer a {
    color: #646973;
}
#font-sizer a:hover {
    color: #F01414;
}
#font-sizer a.font-normal {
    padding-left: 6px;
    padding-right: 2px;
}
#font-sizer a.font-large {
    font-size: 120%;
    padding: 0 2px;
}
#font-sizer a.font-xl {
    font-size: 140%;
    padding-left: 2px;
    padding-right: 0;
}

/* Deprecated- Fontsize selector */
#service-nav #font-sizer {
	margin-top: 2px;
	display: block;
}
#service-nav #font-sizer span {
	position: absolute;
	left: -9999em;
}
#service-nav #font-sizer a {
	display: inline;
	float: none;
}
#service-nav #font-sizer a.font-normal {
	padding-right: 2px;
	padding-left: 6px;
}
#service-nav #font-sizer a.font-large {
	font-size: 120%;
	padding: 0 2px;
}
#service-nav #font-sizer a.font-xl {
	font-size: 140%;
	padding-left: 2px;
	padding-right: 0;
}

/* Rollover Navigation (2nd Level) */
#main-nav ul ul, #main-nav ul h3 {
	display: block;
}

/* Startseite */
div.startseite #key-visual-content {
	position: relative;
	z-index: 10;
}
div.startseite #key-visual-replacement {
	left: 0;
	position: absolute;
	top: 0;
	z-index: 0;
}
div.startseite #angebote {
	padding: 8px 0 0 0;
	width: 430px;
}
div.startseite #angebote h2 {
	padding-left: 16px;
}
div.startseite #carousel-wrapper {
	visibility: visible;
	width: 414px;
	margin-left:8px;
}
div.startseite #carousel {
	width: 3000px;
}

/* Carousel buttons */
div.startseite a.carousel-button, div.startseite a#carousel-prev:focus {
	cursor: pointer;
	display: block;
	font-size: 0.8em;
	font-weight: bold;
	height: 16px;
	/*
	 margin-top: 1px;
	 */
	overflow: hidden;
	text-decoration: none;
	width: 16px;
	float: right;
}
/*body.font-large div.startseite a.carousel-button, body.font-large div.startseite a#carousel-prev:focus {
	height: 225px;
}
body.font-xl div.startseite a.carousel-button, body.font-xl div.startseite a#carousel-prev:focus {
	height: 253px;
	margin-top: 1px;
}*/
/*div.startseite a#carousel-prev {
	float: left;
	margin-right: 1px;
	padding-left: 7px;
}*/
/*div.startseite a#carousel-prev:hover, div.startseite a#carousel-prev:active {
	background-position: right 50%;
}*/
/*div.startseite a#carousel-next , div.startseite a#carousel-next:focus {
	float: right;
	margin-left: 1px;
	padding-right: 7px;
}*/
/*div.startseite a#carousel-next:hover, div.startseite a#carousel-next:active {
	background-position: -16px 50%;
}*/
div.startseite a.carousel-button {
	background-color: #8f949e;
	color: transparent;
}
div.startseite a.carousel-button:hover, div.startseite a.carousel-button:active {
	background-color: #eaeaea;
	color: #8f949e;
}
div.startseite a.carousel-button:focus, a#qf-calendar:focus {
	outline: 1px dotted #333;
}
div.startseite #carousel li.odd {
	clear: none;
}
div.startseite #carousel li.even {
	margin-right: 16px;
}
div.startseite div.large-image a.carousel-button, div.startseite div.large-image a#carousel-prev:focus {
	height: 195px;
}

/* Schnelleinstieg */
#schnelleinstieg div {
	display: none;
}
#schnelleinstieg div.first {
	display: block;
}
#schnelleinstieg h3.opener, #content .active.hover .opener, #content .opener, #TB_window h3.opener {
	cursor: pointer;
}
#content div.box a#link-print {
	display: inline-block;
}

#content div.box a#link-close {
	display: inline-block;
}

/* Aufklappinhalte */
#content td.opener-content div.more {
	display: none;
}
#content div.threeColumnContainer h2.opener,
#content div.threeColumnContainer h3.opener,
#content div.tabcontentbox h3.opener,
#content div.box h3.opener {
	background-position: 0 -1648px;
}
.threeColumnContainer .threeColumnRow,
.oneColumnContainerAnswer {
	display: none;
}
.faq-box .threeColumnRow {
	display: block;
}
.threeColumnContainer .active .threeColumnRow,
.threeColumnContainer .active .oneColumnContainerAnswer {
	display: block;
}
.threeColumnContainer .active .liner {
	border-bottom: none;
	height: 2px;
}
.threeColumnContainer .liner {
	border-bottom: 2px solid #ccc;
	height: 2px;
}
.faq-box .liner {
	display: none;
}

/* a-z index */
div.a-z li li p {
	display: none;
}
div.a-z p#a-z-show-hide-button {
	display: inline;
}
div.a-z div.letter-box form .button-inside {
	display: none;
}

/* Sitemap */
div.sitemap .threeColumnContainer .liner {
	margin: 0;
}

/* Suchergebnisseite */
div.searchresult div.liner {
	margin: 0 0 0 7px;
}

div.threeColumnContainerFooter a.closeSection, div.threeColumnContainerFooter a.openSection,
div.threeColumnContainerFooter #closeAll, div.threeColumnContainerFooter #openAll {
	cursor: pointer;
	display: inline;
}

/** Container fuer Code, der nur OHNE JS angezeigt werden soll. */
.show-non-js,
.show-non-js-block {
	display: none;
}
/** Container fuer Code, der nur MIT JS angezeigt werden soll. */
.show-with-js {
	display: inline;
}
/** Container fuer Code, der nur MIT JS angezeigt werden soll. */
.show-with-js-block {
	display: block;
}

/* exteral applications */
#content #content-shadow .opener-content {
	display: none;
}

/* Berater Widget */
#berater-widget .dyn-hide-inline,
#berater-widget .dyn-hide {
	display: none;
}
#berater-widget .static-hide {
	display: block;
}
#berater-widget .static-hide-inline {
	display: inline;
}
#berater-widget .two-cols p.col1 span.date,
#berater-widget .two-cols p.col2 span.date {
	margin-bottom: 0;
}
/* BahnCard-Berater */
.bahncardberater {
	display: block;
}
/* TarifBerater */
#tarifauswahl .general-site-actions,
#tarifvergleich-ergebnis .general-site-actions {
	display: block;
}
#TB_ajaxContent #tarifvergleich-ergebnis .general-site-actions {
	font-size: .7em;
	position: absolute;
	right: 16px;
	top: 8px;
}
#TB_ajaxContent #tarifvergleich-ergebnis .button-border {
	margin-top: 8px;
}
#TB_ajaxContent #tarifvergleich-ergebnis .button-border,
#TB_ajaxContent #tarifvergleich-ergebnis .button-border a {
	position: static;
}

/* clap tool */
#content.fullWidth div.threeColumnContainer h3.clap {
	background: url(../img/icons.gif) 7px -1642px no-repeat;
	cursor: pointer;
	font-size: .8em;
	padding-left: 31px;
	width: 269px;
}
#content.fullWidth div.threeColumnContainer h3.clap-active {
	background-position: 7px -1742px !important;
}
#content.fullWidth div.threeColumnContainer div.clap-content {
	display: none;
}
#inhalt #close-all-clap-content,
#inhalt #open-all-clap-content {
	background: url(../img/icons.gif) no-repeat scroll 0 -1643px;
	cursor: pointer;
	display: inline;
	font-size: 0.7em;
	padding: 10px 8px 6px 24px;
}
#inhalt #open-all-clap-content {
	background-position: 0 -1742px;
}

/* Tochtersites */
#content div.foldingBox .foldingBoxRow,
#content div.foldingBox .foldingBoxRowFaq .flex-textmb *,
#content div.foldingBox .foldingBoxRowFaq .flex-dl *,
#content div.foldingBox .foldingBoxRowFaq .flex-videoplayer .bahnvideoplayer,
#content div.foldingBox .foldingBoxRowFaq .flex-videoplayer .head,
#content div.foldingBox .foldingBoxRowFaq .flex-videoplayer .paginator,
div.accordionContentInner .accordion-node-content {
	display: none;
}

#content div.foldingBox .foldingBoxRowFaq .col.flex-textmb div,
#content div.foldingBox .foldingBoxRowFaq .col.dyn div,
#content div.foldingBox .foldingBoxRowFaq .col h3 {
	display: block;
}

#content div.foldingBox .foldingBoxRow.first,
div.accordionContentInner .accordion-node-content.first {
    display: block;
}
#content div.foldingBox.manual .foldingBoxRow.first {
	display: none;
}

#content div.foldingBox .active .liner,
#content div.accordionContentInner .active .liner {
	border-bottom: none;
	height: 2px;
}
#content div.foldingBox .liner {
	border-bottom: 2px solid #ccc;
	height: 2px;
}
#content div.box div.foldingBox .first {
	display: block;
}
/**************/
/* Formulare  */
/**************/
#inhalt form.contentform .dyn-hide-inline,
#inhalt form.contentform .dyn-hide {
	display: none;
}
#inhalt form.contentform .static-hide {
	display: block;
}
#inhalt form.contentform .static-hide-inline {
	display: inline;
}


/*******************/
/* Angebotsberater */
/*******************/
#htmlFallback {
	display:none;
}

#app-wrapper {
	display:block;
}

/*******************/
/* BahnCard Startseite */
/*******************/
div#content.bcstartpage .stageThumbs {
	visibility:visible;
}

div#content.bcstartpage .activeThumb {
	visibility:visible;
}

div#content.bcstartpage .carousel .prev {
	visibility:visible;
}

div#content.bcstartpage .carousel .next {
	visibility:visible;
}

div#content.bcstartpage .pausePlay {
	visibility:visible;
}

div#content.bcstartpage .assistantForm .tariffClass {
	height:30px;
}

/****************************/
/* Teasertabelle - Fußnoten */
/****************************/

@media print {
	# no list icon for footnotes
	#content div.section .teasertab div.footnote img,
	#praemienlayer-content .teasertab div.footnote img
	{
		display: none;
	}
}

@media screen {
	#content div.section .teasertab div.footnote img,
	#praemienlayer-content .teasertab div.footnote img
	{
		display: inline;
	}
	#content div.section .teasertab div.footnote sup,
	#praemienlayer-content .teasertab div.footnote sup
	{
		display: none;
	}
	#content div.section tfoot .teasertab {
		display: none;
	}
}

/*****************/
/* Teasergalerie */
/*****************/
#bcNoScript {
	display: none;
}
#bcModule.bcNoJS #bcFilter,
#bcModule.bcNoJS #bcStage,
#bcModule.bcNoJS #bcCarousel {
	display: block;
}

/*****************/
/* Teaserseite */
/*****************/
.toggle-content {
	display: none;
}

/***********************/
/* Newsletter-Formular */
/***********************/
#newsletter-container {
    height: 140px;
}

/***********************/
/* Bahn&Hotel Container */
/***********************/
#doc.bahnhtl #content-container .col {
    height: 140px;
}

/********************/
/* Bahn&Hotel Suche */
/********************/
.bahn_hotel_schnellsuche input.calendar {
	width: 102px !important;
}

/********************/
/* Klickmodul */
/********************/
#inhalt .section #clickmodule {
	height: 620px;
}