/* ==========================================================================
   Content frames
   ========================================================================== */
.csc-frame-70 {
	background: #e30613 url("../Images/icon-info.png") no-repeat 90% 27px;
	color: #FFF;
	padding: 24px;
	min-height: 175px;
}

.csc-frame-70 a {
	color: #FFF;
}

.csc-frame-70 h2,
.csc-frame-70 h3 {
	color: #FFF;
}

.csc-frame-80 {
	background: #d7d8d2 url("../Images/bg-eticket.jpg") no-repeat right bottom;
	color: #454545;
	padding: 24px;
	min-height: 175px;
	cursor: pointer;
}

.csc-frame-80 a:hover {
	text-decoration: none;
}

.csc-frame-80 h2,
.csc-frame-80 h3 {
	color: #454545;
}

.csc-frame-90 {
	background: #454545 url("../Images/icon-mail.png") no-repeat 90% 27px;
	color: #FFF;
	padding: 24px;
	min-height: 175px;
}

.csc-frame-90 h2,
.csc-frame-90 h3 {
	color: #FFF;
}

.csc-frame-90 .cr_form {
	margin-top: 23px;
}

.csc-frame-90 .musthave {
	width: 210px;
	float: left;
}

.csc-frame-90 .musthave input {
	width: 100%;
	border: none;
	padding: 10px 12px;
}

.csc-frame-90 .submit_container {
	width: 120px;
	float: left;
}

.csc-frame-90 .cr_button {
	width: 100%;
	border: none;
	background: #9d9d9d;
	color: #FFF;
	padding: 10px 12px;
}

.csc-frame-90.abmelden {
    min-height: 145px;
}

.csc-frame-90 .cr_button:hover {
	background: #00a6eb;
}

.csc-frame-100 {
	/*padding: 10px 0 0 28px;*/
}

.csc-frame-100 div.csc-textpic .csc-textpic-imagewrap .csc-textpic-image {
	margin: 0;
}

.ticket-icon {
	margin-bottom: 30px;
	padding: 116px 0 10px 0;
	font-size: 18px;
	cursor: pointer;
	-webkit-transition: background-color 200ms ease;
	-moz-transition: background-color 200ms ease;
	-ms-transition: background-color 200ms ease;
	-o-transition: background-color 200ms ease;
	transition: background-color 200ms ease;
}

.ticket-icon:hover {
	color: #FFF;
	-webkit-transition: background-color 200ms ease;
	-moz-transition: background-color 200ms ease;
	-ms-transition: background-color 200ms ease;
	-o-transition: background-color 200ms ease;
	transition: background-color 200ms ease;
}

.ticket-icon a {
	color: #000;
}

.ticket-icon:hover a,
.ticket-icon a:hover,
.ticket-icon a:focus {
	color: #FFF;
	text-decoration: none;
}

.csc-frame-110 {
	background: #FFF url("../Images/icon-fahrkarten-peise.png") no-repeat center 30px;
}

.csc-frame-110:hover {
	background-color: #009fe3;
	background-position: center -212px; 
}

.csc-frame-111 {
	background: #FFF url("../Images/icon-fahrpreisermittlung.png") no-repeat center 30px;
}

.csc-frame-111:hover {
	background-color: #009fe3;
	background-position: center -212px; 
}

.csc-frame-112 {
	background: #FFF url("../Images/icon-verbundspaesse-abos.png") no-repeat center 30px;
}

.csc-frame-112:hover {
	background-color: #009fe3;
	background-position: center -215px; 
}

.csc-frame-113 {
	background: #FFF url("../Images/icon-grosskunden-abo.png") no-repeat center 30px;
}

.csc-frame-113:hover {
	background-color: #009fe3;
	background-position: center -216px; 
}

.csc-frame-114 {
	background: #FFF url("../Images/icon-gruppenreisen.png") no-repeat center 30px;
}

.csc-frame-114:hover {
	background-color: #009fe3;
	background-position: center -216px; 
}

.csc-frame-115 {
	background: #FFF url("../Images/icon-tarifzonen.png") no-repeat center 30px;
}

.csc-frame-115:hover {
	background-color: #009fe3;
	background-position: center -216px; 
}

.csc-frame-116 {
	background: #FFF url("../Images/icon-verkauf.png") no-repeat center 30px;
}

.csc-frame-116:hover {
	background-color: #009fe3;
	background-position: center -209px; 
}

.csc-frame-117 {
	background: #FFF url("../Images/icon-wissenswertes.png") no-repeat center 30px;
}

.csc-frame-117:hover {
	background-color: #009fe3;
	background-position: center -209px; 
}

.csc-frame-120 {
	background: #23abe4;
	color: #FFF;
	font-size: 32px;
	line-height: 1.4;
	padding: 25px 38px;
	min-height: 175px;
}

.csc-frame-130 {
	padding-left: 23px;
	background: url("../Images/icon-info-blue.png") no-repeat 0 3px;
	margin: 18px 0 0;
}

.csc-frame-140 {
	padding-bottom: 15px;
	border-bottom: 1px solid #ededed;
	margin-bottom: 15px;
}

.csc-frame-200 {
	background: #FFF url("../Images/icon-eticket.png") no-repeat center 30px;
}

.csc-frame-200:hover {
	background-color: #009fe3;
	background-position: center -215px;
}

.white-box .csc-frame-210 ul {
	list-style-type: disc;
	margin-left: 14px; 
}

.csc-frame-220 {
	background: #454545;
	color: #FFF;
	padding: 24px;
	min-height: 175px;
}

.csc-frame-220 h2,
.csc-frame-220 h3 {
	color: #FFF;
}

.csc-frame-220 .cr_form {
	margin-top: 23px;
}

.csc-frame-220 .musthave {
	width: 210px;
	float: left;
}

.csc-frame-220 .musthave input {
	width: 100%;
	border: none;
	padding: 10px 12px;
}

.csc-frame-220 .submit_container {
	width: 120px;
	float: left;
}

.csc-frame-220 .cr_button {
	width: 100%;
	border: none;
	background: #9d9d9d;
	color: #FFF;
	padding: 10px 12px;
}

.csc-frame-220 .cr_button:hover {
	background: #00a6eb;
}



/* ==========================================================================
   Fahrpreisrechner
   ========================================================================== */

tr.abschnitt {
    background-image: url("../Images/fahrpreisrechner-punkt.png");
    padding: 10px 0 0 0;
    margin: 0 0 0 0;
    border-top: 0px;
    border-left: 0px;
    border-right: 0;
    border-bottom: 2px;
    background-repeat: repeat-x;
    background-position: bottom right;
    background-size: 4px 2px;
}

#c290 > div > table > tbody > tr:nth-child(1){
margin-top:30px;

}



/* ==========================================================================
   Zurück Button
   ========================================================================== */


.back-button { width: 33.333%;  }

.back-button input[type="submit"] {
    border: 0px solid #fff;
    background-color: #e0e0e0;
    padding: 12px 0 12px 30px;
    font-size: 1em;
    margin: 4px 0 -4px 0;
    width: 100%;
    text-align: left;
    background-image: url("../Images/icon-arrow-left-grey.png");
    background-repeat: no-repeat;
    background-position: 10px 13px;
}
.back-button:hover input[type="submit"] { background-color: #00a6eb; background-image: url("../Images/icon-arrow-left-white.png"); color: #fff; }

/* .back-button { background-color: #e0e0e0; width: 33.333%; padding: 11px 35px 11px 13px; cursor: pointer; }
.back-button:hover { background-color: #00a6eb; }
.back-button:hover input[type="submit"] { color: #fff; }
.back-button:hover span { background-position: 10px 14px; }
.back-button span { background-image: url("../Images/icon-arrow-link.png"); width: 19px; height: 8px; display: inline-block; float: left; transform: rotate(180deg); background-position: 10px 0px; padding: 0px 18px 15px 0; margin: 5px -5px 0px 2px; }
.back-button input[type="submit"] { border: 0px solid #fff; background-color: transparent; padding: 0px 0 0 5px; font-size: 1em; margin: 4px 0 -4px 0; width: 91%; text-align: left;  }

 */

/* ==========================================================================
   Contenttable
   ========================================================================== */
.contenttable {
	background: none repeat scroll 0 0 #FFFFFF;
	border-collapse: collapse;
	border-spacing: 0;
	border: 1px solid #9d9d9d;
	margin-bottom: 1.25em;
	width: 100%;
}

.contenttable thead,
.contenttable tfoot {
	background: none repeat scroll 0 0 #f3f3f3;
	font-weight: bold;
}

.contenttable tr th,
.contenttable tr td {
	background: #f3f3f3;
	color: #595959;
	padding: 0.5625em 0.625em;
}

.contenttable thead tr th,
.contenttable thead tr td,
.contenttable tfoot tr th,
.contenttable tfoot tr td {
	color: #000;
	padding: 0.5em 0.625em 0.625em;
	text-align: left;
}

.contenttable thead tr th {
	color: #000;
}

.contenttable thead tr th,
.contenttable tfoot tr th,
.contenttable tbody tr td,
.contenttable tr td,
.contenttable tfoot tr td {
	display: table-cell;
	line-height: 1.6em;
}

.contenttable tbody tr td {
	border-top: 1px solid #9d9d9d;
}




/* ==========================================================================
   Flexslider
   ========================================================================== */

#c6 .flexslider .slides img {
	max-height: 525px;
	height: 525px;}

.flex-caption {
	padding: 25px 55px;
}

.flexslider .slides > li {
    max-height: 350px;
}

.start .flexslider .slides > li { max-height: 525px; height: 525px; }

/* ==========================================================================
   Form
   ========================================================================== */
.csc-mailform {
	margin-bottom: 20px;
}

.csc-mailform ol {
	list-style: none;
}

.csc-mailform .csc-form-element {
	position: relative;
}

div.csc-mailform fieldset li {
	padding: 0;
}

.csc-mailform .csc-form-element-textline {
	padding: 0 20px 24px 0;
	width: 345px;
	margin-bottom: 0;
}

.csc-mailform .csc-form-element-radiogroup {
	padding-bottom: 5px;
}

.csc-mailform .csc-form-element-textarea,
.csc-mailform .csc-form-element-select {
	clear: both;
	margin-bottom: 7px;
	width: 100%;
}

.csc-mailform .csc-form-element label {
	display: block;
	float: none;
	margin: 0;
	width: 100%;
}

.csc-mailform label em {
	color: #00a6eb;
	display: inline;
	padding-left: 4px;
}

.csc-mailform .csc-form-element legend {
	display: block;
	float: none;
	margin: 0;
	width: 100%;
}

.csc-mailform legend em {
	color: #00a6eb;
	display: inline;
	padding-left: 4px;
	position: static;
}

.csc-mailform .csc-form-element strong {
	position: absolute;
	bottom: 0;
	left: 0;
	font-family: 'droid_sansregular';
}

.csc-mailform .csc-form-element-radiogroup strong {
	top: 48px;
}

.csc-mailform input,
.csc-mailform textarea,
.input-text,
.tx-indexedsearch-searchbox-sword {
	border: 1px solid #e0e0e0;
	padding: 0 5px;
	background: #FFF;
}

.csc-mailform input,
.tx-indexedsearch-searchbox-sword {
	height: 33px;
	width: 100%;
}

.csc-mailform .csc-form-element-textarea,
.csc-mailform .csc-form-element-select {
	padding-bottom: 24px;
}
.csc-mailform textarea,
.csc-mailform select {
	width: 325px;
}

.csc-mailform .csc-form-element-submit input,
.csc-mailform .csc-form-element-reset input,
.button,
.button-large,
.tx-indexedsearch-searchbox-button {
	background: #9d9d9d;
	border: none;
	color: #FFF;
	text-decoration: none;
	display: inline-block;
	text-align: center;
	line-height: 38px;
	padding: 0 20px;
	height: 38px;
	-webkit-transition: background 200ms ease;
	-moz-transition: background 200ms ease;
	-ms-transition: background 200ms ease;
	-o-transition: background 200ms ease;
	transition: background 200ms ease;
}

.csc-mailform .csc-form-element-submit {
	float: left;
	margin-right: 100px;
}

.csc-mailform .csc-form-element-reset {
	float: left;
}

.csc-mailform .csc-form-element-submit input,
.csc-mailform .csc-form-element-reset input {
	max-width: 140px;
}

.csc-mailform .csc-form-element-submit input:hover,
.csc-mailform .csc-form-element-reset input:hover,
.button:hover,
.tx-indexedsearch-searchbox-button:hover {
	background: #009fe3;
	color: #FFF;
	-webkit-transition: background 200ms ease;
	-moz-transition: background 200ms ease;
	-ms-transition: background 200ms ease;
	-o-transition: background 200ms ease;
	transition: background 200ms ease;
}

.csc-mailform .csc-form-element label.error {
	color: #CC0000;
	display: block;
	font-size: 85%;
	font-weight: normal;
	text-transform: uppercase;
}

.csc-mailform .csc-form-element input.error,
.csc-mailform .csc-form-element textarea.error {
	border: 1px solid #CC0000;
}

.input-text {
	height: 42px;
	width: 200px;
	background: #e2e2e2;
}

.csc-mailform .csc-form-element-radio {
	float: left;
}

.csc-mailform .csc-form-element-radio label {
	display: block;
	float: left;
	width: 100px;
	margin-left: 10px;
}

.csc-mailform .csc-form-element-radio input {
	float: left;
	width: 10px;
	height: 20px;
}

.csc-mailform .csc-form-element-fileupload input {
	background: none;
	border: none;
}

.csc-mailform select {
	background: #FFF;
	border: 1px solid #e0e0e0;
	height: 33px;
}

.csc-mailform legend {
	display: none;
}

div.csc-mailform fieldset {
	margin-bottom: 15px;
	border: none;
	position: static;
}

div.csc-mailform fieldset ol {
	padding: 0;
}

.csc-mailform .csc-form-element-radiogroup legend {
    display: block;
    width: 100%;
}

div.csc-mailform fieldset.fieldset-subgroup ol {
	margin: 0;
	padding: 0;
	top: 0;
}

/* ==========================================================================
   Images
   ========================================================================== */

.tx-felogin-pi1 .form-row {
	margin-bottom: 25px;
}

.tx-felogin-pi1 .input-text {
	width: 350px;
}

.tx-felogin-pi1 label {
	margin-bottom: 5px;
}

.tx-felogin-pi1 .info-message {
	margin: 15px 0;
	color: #00a6eb;
}

/* ==========================================================================
   Images
   ========================================================================== */
div.csc-textpic div.csc-textpic-imagecolumn {
	margin-bottom: 0px;
}


div.csc-textpic .csc-textpic-imagewrap .csc-textpic-image {
	position: relative;
}

.csc-textpic h2.align-center {
	margin: 0 0 20px;
}

.csc-header h1,
.csc-header h2,
.csc-header h3,
.csc-header h4 {
	margin-top: 0;
}

div.csc-textpic-border div.csc-textpic-imagewrap img {
	border: 1px solid #afb1b5;
}

div.csc-textpic-border div.csc-textpic-imagewrap .csc-textpic-image {
	margin-bottom: 32px;
}


/* ==========================================================================
   Google Maps
   ========================================================================== */

.js-map {
	max-width:100%;
}

.responsive-container {
	position: relative;
	padding-bottom: 56%;
	height: 450px;
	margin: 32px 0 26px;
	overflow: hidden;
}

.responsive-container iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.tx-go-maps-ext {
	margin-bottom: 25px;
}

/* ==========================================================================
   Tabs
   ========================================================================== */
.tabs {
	padding: 0 32px 0 36px;
}

h2.resp-accordion {
	display: none;
	cursor: pointer;
}

.accordion h2.resp-accordion {
	display: block;
	font-size: 14px;
	background: #e0e0e0;
	/* display: table; */
	padding: 9px 12px;
	margin-bottom: 8px;
}

.accordion h2.resp-tab-active {
	background: #23abe4;
	color: #FFF;
}

.accordion .resp-arrow {
	background: url("../Images/sprite.png") no-repeat 0 -295px;
	display: block;
	float: left;
	width: 15px;
	height: 15px;
	margin: 3px 13px 0 0;
}

.accordion .resp-tab-active .resp-arrow {
	background-position: 0 -315px;
	height: 12px;
}

.resp-tab-content {
	display: none;
}

.accordion .resp-tab-content {
	padding: 24px 40px 17px;
}

.resp-tabs-list {
	margin: 0;
	list-style: none;
	font-size: 18px;
}

.resp-tabs-list li {
    cursor: pointer;
    display: inline-block;
    float: left;
    margin: 0 4px 0 0;
    padding: 15px 42px 15px 20px;
}

.resp-tab-active {
	background: #FFF;
}

.resp-tabs-container {
	clear: left;
	background: #FFF;
	padding: 25px 20px;
}

.accordion .resp-tabs-container {
	padding: 0;
}

.start .resp-tabs-container,
.treelvl-1 .resp-tabs-container {
	min-height: 350px;
	height:auto !important;
	height: 350px;
}

.white-box .accordion-content ul {
	margin-top: 0;
}

/* ==========================================================================
   News
   ========================================================================== */
.start .news-list-view .article {
	float: left;
	margin-right: 30px;
	width: 280px;
	background: #FFF;
	min-height: 350px;
	height:auto !important;
	height: 350px;
}

.start .news-list-view .article.last {
	margin: 0;
}

.start .news-list-view .article-teaser {
	padding: 18px 20px;
}

.treelvl-1 .article,
.treelvl-2 .article,
.treelvl-3 .article {
	padding-bottom: 20px;
	border-bottom: 1px dotted #000;
	margin-bottom: 25px;
}

.treelvl-1 .article-thumb,
.treelvl-2 .article-thumb,
.treelvl-3 .article-thumb {
	width: 40%;
}

.treelvl-1 .news-img-wrap,
.treelvl-2 .news-img-wrap,
.treelvl-3 .news-img-wrap {
	padding-right: 25px;
}

.treelvl-1 .article-teaser,
.treelvl-2 .article-teaser,
.treelvl-3 .article-teaser {
	width: 60%;
}

.news-list-view .f3-widget-paginator {
	list-style: none;
}

.news .news-menu-view ul {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	list-style:none;
	margin:0 0 20px 0;
	padding:0;
}
.news .news-menu-view li a {
	position:relative;
	padding:5px 10px;
}
.news .news-menu-view li:first-child a {
	padding:5px 10px 5px 0px;
}
.news .news-menu-view li a::after {
	content:"|";
	display:inline;
	position:absolute;
	right:-5px;
}
.news .news-menu-view li:last-child a::after {
	content:none;
}

.page-navigation p {
	margin-bottom: 7px;
}

.news-list-view .f3-widget-paginator li {
	display: inline;
	background: none;
	padding: 0;
	margin-right: 10px;
	border: none;
}
div#c5169 {
text-align:right;
margin-bottom:-14px;
}
li.item.itemactive > a {
color: blue;
}

aside {
	width:100%;
	float:left;
}

aside p.align-left {
	padding:10px 20px;
	color:#fff;
	background:#e30613;
	float:left;
}

/* ==========================================================================
   White Box
   ========================================================================== */
.white-box {
	background: #FFF;
	padding: 24px 24px 10px;
	margin-bottom: 25px;
}

.white-box p {
	margin-bottom: 15px;
}

.white-box ul, .tab-content ul {
    list-style: inherit;
    margin: 23px 0 25px;
    padding: 0 0 0 18px;
}

.white-box .csc-default > ul li,
.tab-content ul li {
	border-bottom: 1px dotted #000;
	padding: 5px 0 3px;
}

.white-box ul li a,
.white-box ul li a:hover,
.white-box ul li a:focus,
.tab-content ul li a,
.tab-content ul li a:hover,
.tab-content ul li a:focus {
	color: #454545;
}

.arrow-link {
	display: block;
	padding: 11px 35px 11px 13px;
	background: #e0e0e0 url("../Images/icon-arrow-link.png") no-repeat right 14px;
	color: #000;
}

.arrow-link:hover,
.arrow-link:focus {
	color: #FFF;
	background-color: #009fe3;
	background-position: right -72px;
}

.white-box .csc-frame-210 ul li {
	border: none;
}

.white-box hr {
	border-bottom: 1px dotted #000;
}

/* ==========================================================================
   Indexedsearch
   ========================================================================== */
#tx_indexedsearch {
	display: none;
}

.tx-indexedsearch .tx-indexedsearch-info {
	display: none;
}

.tx-indexedsearch .tx-indexedsearch-descr {
	padding-bottom: 7px;
	border-bottom: 1px dotted #000;
	margin-bottom: 7px;
	line-height: 1.4;
}

/* ==========================================================================
   Datepicker
   ========================================================================== */
.Zebra_DatePicker {
	background: #9d9d9d;
	border: none;
}

.Zebra_DatePicker td.dp_selected,
.Zebra_DatePicker td.dp_hover {
	background: #454545;
}

.Zebra_DatePicker .dp_daypicker th {
	background: #009fe3;
	color: #FFF;
}

.Zebra_DatePicker .dp_daypicker td,
.Zebra_DatePicker .dp_daypicker th,
.Zebra_DatePicker .dp_monthpicker td,
.Zebra_DatePicker .dp_yearpicker td {
	border: 1px solid #454545;
}

.Zebra_DatePicker .dp_daypicker,
.Zebra_DatePicker .dp_monthpicker,
.Zebra_DatePicker .dp_yearpicker,
.Zebra_DatePicker .dp_footer {
	margin-top: 0;
}

.Zebra_DatePicker td.dp_current {
	color: #009fe3;
}

.Zebra_DatePicker,
.Zebra_DatePicker .dp_header .dp_hover,
.Zebra_DatePicker .dp_footer .dp_hover {
	border-radius: 0;
}
/*
.Zebra_DatePicker .dp_header {
	border: 1px solid #454545;
	border-width: 1px 1px 0 1px;
}

.Zebra_DatePicker .dp_footer {
	border: 1px solid #454545;
	border-width: 0 1px 1px 1px;
}
*/
.Zebra_DatePicker .dp_today,
.Zebra_DatePicker .dp_clear {
	padding-top: 5px;
	padding-bottom: 5px;
}

.Zebra_DatePicker_Icon_Wrapper {
	width: 100%;
	max-width: 255px;
}

button.Zebra_DatePicker_Icon {
	background: none;
	width: 30px;
}

/* ==========================================================================
   Fahrplanauskunft
   ========================================================================== */
.fahrplanauskunft-input .current-time {
	border: 1px solid #9d9d9d;
	padding: 15px;
	margin-bottom: 15px;
}

.preisberechnung-tool ul { list-style: none; padding: 0; }

.fahrplanauskunft-input .current-time .label {
	padding-right: 20px;
}

.fahrplanauskunft-input .current-time .date {
	color: #878787;
}

.form-row:before,
.form-row:after {
    content: " ";
    display: table;
}

.form-row:after {
    clear: both;
}

.form-row {
    *zoom: 1;
}

.fahrplanauskunft-input .input-text {
	width: 100%;
	padding: 13px 40px 13px 13px;
	background: #FFF;
	border: none;
	margin-bottom: 15px;
}

.fahrplanauskunft-input .Zebra_DatePicker_Icon_Wrapper {
	max-width: none;
}

.fahrplanauskunft-input .input-date {
	background: #fff url("../Images/icon-date.png") no-repeat right center;
}

.fahrplanauskunft-input .input-time {
	background: #fff url("../Images/icon-time.png") no-repeat right center;
}

.fahrplanauskunft-input .input-radio {
	margin-right: 5px;
}

.fahrplanauskunft-input label {
	margin-right: 25px;
	color: #878787;
}

.fahrplanauskunft-input .radio-row {
	margin-bottom: 78px;
}

.fahrplanauskunft-input .button {
	float: right;
	padding: 0 37px 0 66px;
	background: url("../Images/icon-search.png") no-repeat 17px center;
	background-color: #009fe3;
	-webkit-transition: background-color 200ms ease;
	-moz-transition: background-color 200ms ease;
	-ms-transition: background-color 200ms ease;
	-o-transition: background-color 200ms ease;
	transition: background-color 200ms ease;
	font-size: 20px;
	height: 50px;
	line-height: 50px;
}

.fahrplanauskunft-input .button:hover {
	/* background-color: #9d9d9d; */
	-webkit-transition: background-color 200ms ease;
	-moz-transition: background-color 200ms ease;
	-ms-transition: background-color 200ms ease;
	-o-transition: background-color 200ms ease;
	transition: background-color 200ms ease;
	background: #9d9d9d url("../Images/icon-search.png") no-repeat 17px center;
}

.fpa_iframe {
	overflow:visible;
	width:100%;
	height:816px;
}
.fpa_iframe_div {
	width:835px;
	height:800px;
	overflow:hidden;
	margin:0 auto;
}
.fpa_iframe_wrapper {
	text-align:center;
}

/* ==========================================================================
   Fahrplanauskunft
   ========================================================================== */

.feature-sidebar .feature-content {
	height: 525px;
}

/* ==========================================================================
   Fahrplanänderungen
   ========================================================================== */
.feature-sidebar .feature-fahrplanaenderungen-content {
	height:auto;
}

.fahrplanaenderungen-output .input-text {
	width: 100%;
	padding: 13px 40px 13px 13px;
	background: #FFF;
	border: none;
	margin-bottom: 15px;
}

.fahrplanaenderungen-output .Zebra_DatePicker_Icon_Wrapper {
	max-width: none;
}

.fahrplanaenderungen-output .input-date {
	background: #fff url("../Images/icon-date.png") no-repeat right center;
}

.fahrplanaenderungen-output .button {
	float: right;
	background-color: #009fe3;
	-webkit-transition: background-color 200ms ease;
	-moz-transition: background-color 200ms ease;
	-ms-transition: background-color 200ms ease;
	-o-transition: background-color 200ms ease;
	transition: background-color 200ms ease;
	font-size: 20px;
	height: 50px;
	line-height: 50px;
	margin-top: 55px;
}

.fahrplanaenderungen-output button.Zebra_DatePicker_Icon {
	right: 0;
	left: auto !important;
}

.fahrplanaenderungen-output .button:hover {
	background-color: #9d9d9d;
	-webkit-transition: background-color 200ms ease;
	-moz-transition: background-color 200ms ease;
	-ms-transition: background-color 200ms ease;
	-o-transition: background-color 200ms ease;
	transition: background-color 200ms ease;
}

.fahrplanaenderungen-output form .button {
	margin-top: 0;
}

.fahrplanaenderungen-output .reset-filter .button {
	margin-right: 15px;
	background-color: #9d9d9d;
	float: left;
}

.fahrplanaenderungen-output .reset-filter .button:hover {
	background-color: #009fe3;
}

.row.inact {
  opacity: 0.5;
}

body .slick-dotted.slick-slider {
    margin-bottom: 0;
}

body .slick-dots li.slick-active button::before {
    color: #ffffff;
}
body .slick-dots li button::before {
    color: #ffffff;
    font-size: 30px;
}
/* ==========================================================================
   Fahrplanänderungen Input
   ========================================================================== */
.fahrplanaenderungen-input .input-text {
    background: #fff;
    border: 1px solid #e0e0e0;
    padding: 0 5px;
    margin-bottom: 15px;
    width: 100%;
    max-width: 255px;
}

.fahrplanaenderungen-input .input-date {
    background: url("../Images/icon-date.png") no-repeat right center #fff;
}

.fahrplanaenderungen-input .checkbox-row {
	margin-bottom: 15px;
}

.fahrplanaenderungen-input .checkbox-row label {
	margin-right: 10px;
}

.fahrplanaenderungen-input .textarea {
    background: #fff;
    border: 1px solid #e0e0e0;
    padding: 5px;
    width: 100%;
    max-width: 255px;
    height: 214px;
}

textarea.textarea.short {
    height: 155px;
    margin: 0 0 15px 0;
}

.fahrplanaenderungen-input .submit {
	margin-bottom: 15px;
	float: right;
}

input#fpa_checkDauer {
    margin: 12px 0 18px 0;
}

.empty-row {
	height:57px;
	display:block;
}

#button-file1, #button-file2, #button-file3, #button-file4 {
	margin: 0 0 18px 0;
	width: 97%;
    color: #fff;
    font-weight: bold;
    border: 1px #999 solid;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    filter:progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#bb0000ff', EndColorStr='#990000ff');
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#19A7E5), to(#19A7E5));
    background: -webkit-linear-gradient(top, #19A7E5, #19A7E5);
    background: -moz-linear-gradient(top, #19A7E5, #19A7E5);
    background: -ms-linear-gradient(top, #19A7E5, #19A7E5);
    background: -o-linear-gradient(top, #19A7E5, #19A7E5);
    background: linear-gradient(top, #19A7E5, #19A7E5); 
    padding: 10px 0;
}
#button-file1:active, #button-file2:active, #button-file3:active, #button-file4:active {
    filter:progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#990000ff', EndColorStr='#bb0000ff');
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#19A7E5), to(#19A7E5));
    background: -webkit-linear-gradient(top, #19A7E5, #19A7E5);
    background: -moz-linear-gradient(top, #19A7E5, #19A7E5);
    background: -ms-linear-gradient(top, #19A7E5, #19A7E5);
    background: -o-linear-gradient(top, #19A7E5, #19A7E5);
    background: linear-gradient(top, #19A7E5, #19A7E5);
}
#button-file1:hover, #button-file2:hover, #button-file3:hover, #button-file4:hover {
    cursor: pointer;
}

/* ==========================================================================
   Fahrplanänderungen Verwaltung
   ========================================================================== */
.fpa_list .column {
	padding: 8px 5px;
}

.fpa_list .row.header-row {
	background: #FFF;
	border-bottom: 1px solid #454545;
}

.fpa_list .row:nth-child(even) {
	background: #ededed;
}

.fpa_list .icon-edit {
	display: block;
	background: url("../Images/icon-pencil.png") no-repeat 0 0;
	width: 16px;
	height: 16px;
	text-indent: -9999px;
	position: relative;
	float: right;
}

/* ==========================================================================
   Ticket Filter
   ========================================================================== */
#select-tickets {
	width: 280px;
	margin: 15px 0;
}

.tickets {
	opacity: 0.25;
   transition: opacity .25s ease-in-out;
   -moz-transition: opacity .25s ease-in-out;
   -webkit-transition: opacity .25s ease-in-out;
}

.tickets .arrow-link:hover,
.tickets .arrow-link:focus {
	background: #e0e0e0 url("../Images/icon-arrow-link.png") no-repeat right 14px;
	color: #000;
	-webkit-transition: background-color 200ms ease;
	-moz-transition: background-color 200ms ease;
	-ms-transition: background-color 200ms ease;
	-o-transition: background-color 200ms ease;
	transition: background-color 200ms ease;
}

.show-all-tickets .tickets,
.option-1 .ticket-option-1,
.option-2 .ticket-option-2,
.option-3 .ticket-option-3,
.option-4 .ticket-option-4 {
   opacity: 1;
   transition: opacity .25s ease-in-out;
   -moz-transition: opacity .25s ease-in-out;
   -webkit-transition: opacity .25s ease-in-out;
}

.show-all-tickets .tickets .arrow-link:hover,
.option-1 .ticket-option-1 .arrow-link:hover,
.option-2 .ticket-option-2 .arrow-link:hover,
.option-3 .ticket-option-3 .arrow-link:hover,
.option-4 .ticket-option-4 .arrow-link:hover {
	background-color: #009fe3;
	background-position: right -72px;
	color: #FFF;
	-webkit-transition: background-color 200ms ease;
	-moz-transition: background-color 200ms ease;
	-ms-transition: background-color 200ms ease;
	-o-transition: background-color 200ms ease;
	transition: background-color 200ms ease;
}

/* ==========================================================================
   Extranet
   ========================================================================== */
#content .extranet-userinfo {
	margin-bottom: 15px;
}

.extranet-userinfo .message-welcome {
	font-size: 20px;
	padding-top: 8px;
}

.extranet-userinfo .message-welcome span {
	padding-left: 7px;
}

.extranet-userinfo .button {
	float: right;
}

.sidemenueRow .row {
	width:auto;
}

a.aktdea.icon-edit.dk {
    background: url("../Images/deactivate.png") no-repeat 0 0;
    margin: 0 10px 0 0;
}

a.aktdea.icon-edit.ak {
    background: url("../Images/activate.png") no-repeat 0 0;
    margin: 0 10px 0 0;
}

a.aktdea.icon-edit.mark {
    background: url("../Images/markEntry.png") no-repeat 0 0;
    margin: 0 10px 0 0;
}

a.aktdea.icon-edit.det {
    background: url("../Images/details.png") no-repeat 0 0;
    margin: 0 10px 0 0;
}

span.aktdea.icon-edit.del {
    background: url("../Images/delete.png") no-repeat 0 0;
    margin: 0 10px 0 0;
    cursor:pointer;
}

a.aktdea.icon-edit.cp {
    background: url("../Images/copy.png") no-repeat 0 0;
    margin: 0 10px 0 10px;
}

a.aktdea.icon-edit.nm {
    background: url("../Images/noMark.png") no-repeat 0 0;
    margin: 0 10px 0 0;
}

.fpa_list .column-20 {
	width:20%;
}

.delete-warning {
    width: 100px;
    height: 50px;
    position: absolute;
    z-index: 9;
    background-color: #000;
    text-align: center;
    border-radius: 5px;
    left: 70px;
    top: 0px;
}

.delete-warning .delete-strong {
	width: 100px;
    display: block;
    margin: 12px 0 0 0;
}

.delete-span {
	cursor: pointer;
    color: #00A0EB;
    margin: 0 0 0 10px;
}

/* ==========================================================================
   Preisberechnung
   ========================================================================== */
.preisberechnung-tool .redurced-tabs {
	margin: 7px 0;
}

.preisberechnung-tool .redurced-tabs > li {
	border: none;
	float: left;
	margin-right: 10px;
	cursor: pointer;
	display:inline-block;
}

.preisberechnung-tool .redurced-tabs > li.active {
	font-family: 'droid_sansbold';
	text-decoration: underline;
}

.preisberechnung-tool .redtab-content {
	display: none;
}

.preisberechnung-tool select {
	margin-bottom: 15px;
	color: #9d9d9d;
}

.preisberechnung-tool option {
	color: #9d9d9d;
}

.preisberechnung-tool .preise td {
	padding: 3px 2px;
}


/**************
Cookie Note (neu)
**************/

#CybotCookiebotDialog {
	width:calc(100% - 40px) !important;
	top:20px !important;
	left:20px !important;
	box-shadow:0 0 20px rgba(0,0,0,0.1) !important;
}
#CybotCookiebotDialogBody {
  max-width: 100% !important;
    padding: 15px 25px !important;
}
#CybotCookiebotDialogBodyContent {
  padding:12px 0 8px 0 !important;
}
#CybotCookiebotDialogPoweredbyLink {
  display:none;
}
#CybotCookiebotDialogBodyContentText {
  color:#666;
}

#CybotCookiebotDialogBodyLevelWrapper {
	display:flex;
	flex-wrap:wrap;
}
#CybotCookiebotDialogBodyLevelButtonAcceptWrapper {
	flex:0 0 100%;
}
#CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelectionWrapper {
	width:auto;
	flex:0 0 50%;
	order:1;
}
#CybotCookiebotDialogBodyLevelButtons {
	width:auto;
	flex:0 0 50%;
}
.CybotCookiebotDialogBodyButton {
	width:auto !important;
	padding:10px 5rem !important;
	border:none !important;
	transition:all 150ms ease-in-out;
}
#CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelection {
	color:#454545 !important;
	background:#ededed !important;
}
#CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll {
	background:#009fe3 !important;
}
#CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelection:hover,
#CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll:hover {
	opacity:0.8 !important;
}

#CybotCookiebotDialogBodyLevelButtonsTable {
	width:auto !important;
}
#CybotCookiebotDialogBodyLevelButtonsSelectPane,
#CybotCookiebotDialogBodyLevelDetailsWrapper {
	border-color:#fff !important;
}

#CybotCookiebotDialogDetailBody {
  width:1000px !important;
  max-width:100% !important;
  padding:0 23px !important;
  margin:0 !important;
  box-sizing: border-box;
}
#CybotCookiebotDialogDetailBodyContent {
  border:1px solid #ccc !important;
}
#CybotCookiebotDialogDetailBodyContentTabs a {
  padding:5px;
}
#CybotCookiebotDialogDetailBodyContent a {
  padding:8px;
}

@media screen and (max-width:768px) {
 .sitebuttoncookie {
    width:100%;
    left:0;
    bottom:0;
    text-align: center;
    border-radius:0;
    border-top:1px solid #404040;
  }
}


/* ==========================================================================
   Fahrplanauskunft
   ========================================================================== */
.fahrplanauskunft select {
    color: #9d9d9d;
    margin-bottom: 15px;
    max-width: 271px;
    display: block;
}

.fahrplanauskunft td {
	padding: 3px 2px;
}

#footer-bottom > div > div.footer-left.column-50.columns > span > a {
color:#000;

}

li.csc-form-22.csc-form-element.csc-form-element-checkbox {
    width: 81%;
}

input#field-29,
.csc-form-element-checkbox input {
    width: 12px;
    float: left;
    margin-right: 10px;
    position: absolute;
}

.csc-form-29 label {
    padding-left: 20px;
}

input#powermail_field_datenschutzbestimmung_1 {
    float: left;
    margin-right: 10px;
}

p.Datenschutzbestimmung {
    margin: 0;
}

.powermail_check_inner.powermail_check_inner_1 p {
    margin-top: 5px;
}

.csc-form-29.csc-form-element.csc-form-element-checkbox p {
    padding-right: 50px;
}

.powermail_radio_inner.powermail_radio_inner_1{
	margin-right: 1em;
}

#powermail_field_privacypolicy_1 {
	float: left;
    margin-right: 1em;
    margin-top: 1%;
}