@font-face {
    font-family: DroidSans;
    src: url('DroidSans.ttf');
}

@font-face {
    font-family: DroidSans-Bold;
    src: url('DroidSans-Bold.ttf') ;
}
@font-face {
    font-family: Impact;
    src: url('Impact.ttf');
}


@font-face {
    font-family: PetitaLight;
    src: url('PetitaLight.ttf');
}


@font-face {
    font-family: PetitaBold;
    src: url('PetitaBold.ttf');
}


@font-face {
    font-family: PetitaMedium;
    src: url('PetitaMedium.ttf');
}

@font-face {
    font-family: Universe;
    src: url('Universe.ttf');
}



html {
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	font-size: 14px;
	font-family: DroidSans, Arial, sans-serif;
	color: #505050;
	height: 100%;
}



#mediaItems > div.footer > div.partner > a img { width: 70px }
#mediaItems > div.footer > div.partner { width: 96%; text-align: right; }


html, body { margin: 0; padding: 0; display: block;}
body { min-height: 100%; }
a { color: #282828; }
a img { border: 0; }

button { cursor: pointer; }
input[type=text] { font-family: DroidSans; }

#logo, #logoSub {
	margin: 10px 0;
	vertical-align: middle;

	-webkit-transition-property: all;
	-webkit-transition-timing-function: ease;
	transition-property: all;
	transition-timing-function: ease;
	transition-duration: .7s;
}



#fahrplan {
	opacity: 1;
	-webkit-transition-property: all;
	-webkit-transition-timing-function: ease;
	transition-property: all;
	transition-timing-function: ease;
	transition-duration: .7s;
}


.login {
	-webkit-transition-property: all;
	-webkit-transition-timing-function: ease;
	transition-property: all;
	transition-timing-function: ease;
	transition-duration: .7s;
}
#fahrplanInfo {
    display: none;
	opacity: 0;
	-webkit-transition-property: all;
	-webkit-transition-timing-function: ease;
	transition-property: all;
	transition-timing-function: ease;
	transition-duration: .7s;
}


#langKolibri { width: 36px; padding-top: 12px; }


#footer {

margin-top: 15px;
box-shadow: 0px -3px 15px -5px #a9a9a9;
    -webkit-box-shadow: 0px -3px 15px -5px #a9a9a9;
    -moz-box-shadow: 0px -3px 15px -5px #a9a9a9; }

#impressumWrapper { padding: 30px; }
#impressumWrapper div > h2 { margin-left: 18px }
#impressumWrapper > div.impText { line-height: 1.5; color: #8e8d8b; margin-left: 18px }
.whiteToBlack { color: white; text-decoration: none; }
.whiteToBlack:hover { color: black; }

#logo { display: none }
#logoSub { display: inline-block; margin-left: 28px; max-height: 44px; }

h1 { font-size: 2.0rem; font-weight: normal; font-family: DroidSans; color: #8e8d8b ; margin-top: 0px; }
h2 { font-size: 1.8rem; font-weight: normal; font-family: DroidSans; color: #8e8d8b ; margin-top: 0px; }
h2.first { font-size: 1.8rem; font-weight: normal; font-family: DroidSans; color: #8e8d8b ; margin-bottom: 0px; padding-top: 30px; }
h2.first.redPadd { padding-top: 15px; margin-left: 0px;  }

h3 { margin-top: 0px; font-family: DroidSans; color: #8e8d8b }

p { font-size: 1.0rem; color: #505050; }

.noborder { border: 0px!important; margin-top: 30px }
.nomargin { margin-top: 0 }
.smallerText { line-height: 1.7 }

h2.first { margin-left: 0px; }
h2.fixedMobileMargin { margin-left: 0px }

#menu { height: 61px; width: 100%; background: #ff0000; }

body.noScroll { overflow: hidden; }

body > .overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 100; background-color: rgba(255,255,255,0.7); }
body > .dialog { position: absolute; width: 65%; max-width: 500px; background-color: #fff; box-shadow: 2px 3px 9px #555; z-index: 101; padding: 20px; }
body > .dialog > .title { color: #fff; background-color: #f00; position: absolute; top: 0; left: 0; width: 100%; }
body > .dialog > .title h3 { margin: 10px 20px; color: #fff; }
body > .dialog > .body { margin: 30px 0 20px 0; color: #505050; }
body > .dialog.noTitle > .body { margin-top: 10px;  }
body > .dialog > .footer { text-align: right; }
body > .dialog button { border: 0; background-color: rgba(255,255,255,0); text-transform: uppercase; color: #535353; text-align: center; padding: 0; margin: 0 10px 0 20px; font-weight: bold; }
body > .dialog button:hover { -ms-transform-origin: 50% 50%; -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; display: inline-block; -ms-transform: scale(1.2); -webkit-transform: scale(1.2); transform: scale(1.2); }
body > .dialog .body input { border: 0; }
body > .dialog .body input.big { border-bottom: 1px solid #bbb; font-size: 3em; margin-bottom: 10px; width: 100%; }
body > .dialog .body input.medium { border-bottom: 1px solid #bbb; font-size: 1.5em; margin-bottom: 10px; width: 100%; }
body > .dialog .body .row { vertical-align: top; padding: 15px 0; position: relative; }
body > .dialog .body .row .cell { display: inline-block; vertical-align: top; }
body > .dialog .body .row .row { border-bottom: 1px solid #ddd; }
body > .dialog .body .row .row:first-child { border-top: 1px solid #ddd; }
body > .dialog .body .row .row .actions { position: absolute; top: 12px; left: auto; right: 0; }
body > .dialog .body .row .row input.medium { width: 75%; }

body > .dialog .body .row.checkbox .cell.value { position: absolute; left: 0; }
body > .dialog .body .row.checkbox .cell.label { margin-left: 30px; }
body > .dialog .body .row.text .cell.label { position: absolute; left:0; top: 2px; font-size: 0.8em; color: #666;}
body > .dialog .body .row.text .cell.value { width: 100%; }
body > .dialog .body .row.text .cell.value input { border-bottom: 1px solid #bbb; width: 100%; font-size: 1.5em; }
body > .dialog .body .row.subheadline .cell.label { font-size: 1.5em;}
body > .dialog .body .row.subheadline .cell.value { position: relative; bottom: -15px; }
body > .dialog .body .row.subheadline .cell.value button { background-color: rgb(0,140,160); color: rgb(255,255,150); padding: 15px; border-radius: 50%; margin-bottom: -20px; background-size: auto 74%; box-shadow: 1px 2px 3px #555; }

body > .dialog .body .row.set.text .cell.value { margin-top: 15px; }
body > .dialog .body .row.set.text .cell.label { top: 57px; }

body > .dialog.fullscreen { width: 100%; height: 100%; left: 0; top: 0; padding: 0; overflow: auto; }
body > .dialog.fullscreen > .title { padding: 12px 20px; background-color: rgb(0,140,150); color: rgb(255,255,150); z-index: 2; position: relative; box-shadow: 0 1px 9px 2px #555 }
body > .dialog.fullscreen.left > .title,
body > .dialog.fullscreen.edit > .title { padding: 12px 20px 12px 55px; }
body > .dialog.fullscreen > .body { margin: 0 20px 50px 20px; overflow: auto; padding-top: 20px; z-index: 1; }
body > .dialog.fullscreen > .footer { position: absolute; top: 0; left: 0; width: 100%;  z-index: 3; }
body > .dialog.fullscreen > .footer button { position: absolute; top: 5px; right: 5px; height: 36px; margin: 0 10px; background-position: center center; background-repeat: no-repeat; background-size: auto 100%; color: rgb(255,255,150); }
body > .dialog.fullscreen > .footer button.cancel { font-size: 0; width: 36px; left: 0; right: auto; background-image: url('data:image/svg+xml;utf8,<svg fill="rgb(255,255,150)" height="24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"/></svg>'); }
body > .dialog.fullscreen.notify.left > .footer button.ok { font-size: 0; width: 36px; left: 0; right: auto; background-image: url('data:image/svg+xml;utf8,<svg fill="rgb(255,255,150)" height="24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"/></svg>'); }

body > .dialog > .footer button { width: auto; font-size: 1em; }

#internetBtn  {
    float: right;
    margin-top: 7px;
    margin-right: 25px;
 }
#menu li { height: 98px; }
#menu li a { display: inline-block; vertical-align: middle; margin-bottom: -2px; }
/*#menu li::after { content: ''; display: inline-block; vertical-align: middle; }*/
#header { /*background-color: #ec1b2e; border-bottom: 1px solid #a9a9a9; box-shadow: 0 1px 1px -1px #a9a9a9;*/ /*text-transform: uppercase;*/ position: relative; padding-left: 0px;}
#header ul, #header ul li { margin: 0; padding: 0; list-style-type: none; }
#header ul, #header ul li, #header .product, #menu { display: inline-block; vertical-align: middle; }
#header ul.lang-inline li { margin: 0px 5px; }
/* #header ul li:hover { font-family: DroidSans-Bold; } */
#headNavi ul { height: 67px; padding-left: 25px; z-index: 1; }
#header .product { padding-left: 55px; }
#header ul.menu li {  padding: 0 5px; margin-top: 3px; }

#headNavi { display: inline-block; height: 66px; }
#headNavi ul li { margin: 0 10px; height: 75px; line-height: 87px; cursor: pointer; -ms-transform-origin: 50% 50%;  }
#headNavi ul li span { -ms-transform-origin: 50% 50%; -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; display: block; pointer-events: auto; line-height: 1.2; margin-top: 34px; }
#headNavi ul li:hover { }
#headNavi ul li.active { background: url('images/arrow.jpg') no-repeat; background-position: center 56px; }
#headNavi ul li:hover span { color: #000; -ms-transform: scale(1.19); -webkit-transform: scale(1.19); transform: scale(1.19); }
#headNavi ul li.active span { color: #000; -ms-transform: scale(1.19); -webkit-transform: scale(1.19); transform: scale(1.19); }
#headNavi { font-size: 1.14rem; position: relative; z-index: 1;}

#subNavi { display: none; background: url('images/navBg.jpg') repeat-x; }

#subNavi { height: 31px; width: 100%; line-height: 31px; color: black; display: block; overflow: hidden; }
#subNavi ul { width: 100%; text-align: center; }

#subNavi ul.active { display: inline-block; }
#subNavi ul li { margin-left: 35px; cursor: pointer;  }
#subNavi ul li a { -ms-transform-origin: 50% 50%; -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; display: block; }
#subNavi ul li.active a {
	color: #000; -ms-transform: scale(1.19); -webkit-transform: scale(1.19); transform: scale(1.19);
}
#subNavi ul li:hover a {
	color: #000; -ms-transform: scale(1.19); -webkit-transform: scale(1.19); transform: scale(1.19);
}

/*#subNavi ul li.extern:hover a {
	color: #545253; -ms-transform: none; -webkit-transform: none; transform: none;
}*/


#media { background: transparent; font-size: 0; overflow: hidden;234}
#media > li { width: 50px; height: 100%; background-size: 44px; padding: 0px 6px!important; background-position: center center; cursor: pointer;  border-right: 1px solid #ae0f1d; background-repeat: no-repeat;
-webkit-box-shadow: 1px 0px 1px 0px rgba(255,255,255,0.5);
-moz-box-shadow: 1px 0px 1px 0px rgba(255,255,255,0.5);
box-shadow: 1px 0px 1px 0px rgba(255,255,255,0.5); text-align: center; }

#media > li span {
	color: white;
	font-family: Universe;
	font-size: 1rem;
	vertical-align: -23px;
	line-height: 96px;
	display: block;
	height: 61px;
	overflow: hidden;

}

#media li.movies { background-image: url('images/filme_weiss.png');   background-position: center 6px;  }
#media li.music  { background-image: url('images/musik_weiss.png');  background-position: center 6px; }
#media li.series { background-image: url('images/serien_weiss.png'); background-position: center 6px; }
#media li.kiosk  { background-image: url('images/kiosk_weiss.png');  background-position: center 6px; }
#media li.news  { background-image: url('images/news_weiss.png');  background-position: center 10px; background-size: auto 42%; }
#media li.children  { background-image: url('images/children_weiss.png');  background-position: center 10px; background-size: auto 45%; }


#booking { padding: 30px; min-height: 530px; }
#booking p { margin: 0; }

/* white version
#media li.movies:hover { background: url('/diebahn/images/filme_rot.png') no-repeat; background-position-y: 6px }
#media li.music:hover  { background: url('/diebahn/images/musik_rot.png') no-repeat; background-position-y: 6px }
#media li.series:hover { background: url('/diebahn/images/serien_rot.png') no-repeat; background-position-y: 6px }
#media li.kiosk:hover  { background: url('/diebahn/images/kiosk_rot.png') no-repeat; background-position-y: 6px }
*/
/* red version  */

#media li.active {  -webkit-box-shadow: inset 0px 0px 15px 0px rgba(0,0,0,0.5); -moz-box-shadow: inset 0px 0px 15px 0px rgba(0,0,0,0.5); box-shadow: inset 0px 0px 15px 0px rgba(0,0,0,0.5);  }
#media li:hover {  -webkit-box-shadow: inset 0px 0px 15px 0px rgba(0,0,0,0.5); -moz-box-shadow: inset 0px 0px 15px 0px rgba(0,0,0,0.5); box-shadow: inset 0px 0px 15px 0px rgba(0,0,0,0.5); }

#internetBtnContainer { display: inline-block; height: 100%; float: right; font-size: 0; overflow: hidden; }

#internetBtnContainer > span {
	display: inline-block;
	border-left: 1px solid #ae0f1d;
	background-position: center top;
	background-repeat: no-repeat;
	color: white;
	font-family: Universe;
	font-size: 1rem;
	line-height: 98px;
	text-align: left;
	padding: 0 20px;
	cursor: pointer;
}
#internetBtnContainer > span:hover  {  -webkit-box-shadow: inset 0px 0px 15px 0px rgba(0,0,0,0.5); -moz-box-shadow: inset 0px 0px 15px 0px rgba(0,0,0,0.5); box-shadow: inset 0px 0px 15px 0px rgba(0,0,0,0.5); }
#internetBtnContainer > span.internet { background-image: url('images/burger_wifi.png'); background-size: auto 37%; background-position: center 5px; }
#internetBtnContainer > span.accessibility { background-image: url('images/accessibility.png'); background-size: auto 33%; background-position: center 8px; }


span.language { padding-right: 10px; color: #505050; display: inline-block; margin-bottom: 11px; vertical-align: bottom; }

#header .languageSwitcher { display: inline-block; width: 160px; height: 55px; vertical-align: top; line-height: 70px; font-size: 16px; color: #313131; cursor: pointer; text-align: center; }
#header .languageSwitcher span { display: inline-block; -ms-transform-origin: 50% 50%; -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%;  }
#header .languageSwitcher > span { height: 55px; white-space: nowrap; }
#header .languageSwitcher span.hover { color: #000; -ms-transform: scale(1.19); -webkit-transform: scale(1.19); transform: scale(1.19); }
#header .languageSwitcher ul.list { margin: 0; padding: 0; display: block; position: absolute; top: 57px; background: white; display: none; box-shadow: 0 7px 10px 0 rgba(0,0,0,0.2); /*height: 110px; */z-index: 20;}
#header .languageSwitcher ul.list li { padding: 0; margin: 20px; display: block; height: 25px; line-height: 25px; width: 120px; }
#header .languageSwitcher ul.list li.hover { font-family: DroidSans-Bold; }
#header .languageSwitcher ul.list li.active { font-family: DroidSans-Bold; }
#header .languageSwitcher ul.list li img { display: none; float: left; margin-right: 10px; }

#header .languageSwitcher ul.list li img.inactive { display: inline-block; }

#header .languageSwitcher ul.list li.active img { display: inline-block; }
#header .languageSwitcher ul.list li.active img.inactive { display: none; }
#header .languageSwitcher ul.list li.hover img { display: inline-block; }
#header .languageSwitcher ul.list li.hover img.inactive { display: none; }

#header a { text-decoration: none; color: #545253; }

#header > .right {
	position: absolute; top: 9px; right: 26px;
	/*-webkit-transition-property: all;
	-webkit-transition-timing-function: ease;
	transition-property: all;
	transition-timing-function: ease;
	transition-duration: .7s;*/
}


body.menuFixed #submenu { position: fixed; top: 0; }
body.menuFixed #content { margin-top: 51px; }

#submenu { display: table; width: 100%; z-index: 1; max-width: 954px; padding: 0 25px; }




#content { position: relative; /*min-height: 650px;*/ }
#content > #testversion { position: absolute; top: 0; right: 0; z-index: 10; width: 185px; }



.end { min-height: 40px!important }
/*
#footer div.well { padding: 20px }
#footer > div {
	display: inline-block; vertical-align: top; width: 24.5%; overflow: visible; min-height: 135px;
}

#footer > div:last-child { background: transparent; width: 40%; }
#footer > div:nth-child(4) { background: transparent; }
#footer > div h3 { margin: 0 0 15px 30px; color: #d0d4d3}
#footer > div > * { margin-left: 30px; }
#footer > div:first-child > * { margin-left: 0; }

#footer > div.container { padding: 20px; display: block!important; width: 96%; -webkit-box-shadow: 0px -4px 0px -1px rgba(0,0,0,0.15);
-moz-box-shadow: 0px -4px 0px -1px rgba(0,0,0,0.15);
box-shadow: 0px -4px 0px -1px rgba(0,0,0,0.15); }

#footer h3 { text-transform: uppercase; color: #545253; font-size: 1.5rem; }

#footer ul { list-style-type: none; padding: 0; }
#footer ul > li { padding-left: 10px; margin-left: -10px;}
#footer ul.menu > li { margin: 20px 0 20px -10px;}
#footer ul.menu > li img { display: none; }
#footer ul ul { padding-left: 20px; }
#footer ul ul li { margin-top: 10px; }
#footer ul li a { color: #545253; text-decoration: none; }
#footer ul .divider > span { cursor: pointer; color: #545253; }
#footer ul .parent {
	background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="14" width="8"><polyline points="1 1 6 7 1 12" stroke="#969696" stroke-width="1.1" stroke-linecap="round" fill="none" stroke-linejoin="round"/></svg>');
	background-repeat: no-repeat;
	background-position: left 1px;
}
*/

/*
 * #footer .footRight tr td.right { text-align: right; }
#footer .footRight form label { font-size: 1.1rem }
#footer .footRight tr td { width: 86px }
#footer .footRight form input { width: 235px; background-color: #c21624; border: 0px; height: 21px; padding: 0 10px; -webkit-box-shadow: inset -1px 0px 1px 1px rgba(0,0,0,0.16); -moz-box-shadow: inset -1px 0px 1px 1px rgba(0,0,0,0.16); box-shadow: inset -1px 0px 1px 1px rgba(0,0,0,0.16);}

#footer .footRight form textarea:focus, #footer .footRight form input:focus { outline: 0; }*/
#footer .contact { padding: 20px 30px 30px 30px; }
#footer .footLeft { float: left; max-width: 200px; color: #444444; font-size: 1.3rem; line-height: 1.5; }
#footer .footRight { float: right; text-align: right; margin-top: 4px; }

#footer form button { background: red; border: 1px solid red; color: white; margin-top: 21px; font-size: 1rem; right: 0; font-family: DroidSans }
#footer form input,
#footer form textarea { width: 328px; padding: 1px 0px; border-radius: none; border: 1px solid #c2c2c2; margin: 0; }
#footer form textarea { height: 192px; width: 348px; }
#footer form label { display: block; text-align: left; font-size: 1.2rem; padding: 8px 0 0 0; color: #6c6c6c; }
#footer form > div { display: inline-block; vertical-align: top; margin: 0 12px; text-align: right; }
#footer form > div:nth-child(2) { margin-right: 0; }
#footer form > div > div:first-of-type label { padding-top: 0; }
#footer form > div > div label { padding-top: 10px; }
#footer .end { background: red; color: white; padding: 15px 30px 55px; }
#footer .end ul { padding: 0; margin: 0; width: auto; list-style-type: none; float: right; display: inline-block; }
#footer .end ul li { padding: 0; margin: 0; list-style-type: none; display: inline-block; }

/*@media (max-width: 980px) {
	#footer .footLeft { float: none; max-width: none; }
	#footer .footRight { float: none; text-align: left; }
	#footer form { text-align: left; }
	#footer form > div { margin: 15px 12px 0 0; text-align: left; }
	#footer form > div > div { text-align: right; }

	#langKolibri { width: 25px; padding-top: 16px; }
	#header > .right { right: 10px; }
	#header .languageSwitcher span:hover { -ms-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1); }
}

@media (max-width: 850px){
	#logoSub { margin-left: 10px; width: 100px; }
	#headNavi ul { padding-left: 15px; }
	#headNavi ul li { margin: 0 10px; }
	#headNavi ul li span { font-size: 1.2rem;  line-height: 0.4;}
	#headNavi ul li:hover span,
	#headNavi ul li.active span { -ms-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1); }
	#header .languageSwitcher { line-height: 59px; font-size: 1rem; }
	#header .languageSwitcher > span { margin-left: 65px; }
}*/

#pressContainerArticle { max-width: 755px; margin: 0px auto }
#pressContainerArticle hr { color: #DEDEDE }
#pressContainerArticle a { color: #00a7ed; text-decoration: none }
#pressContainerArticle a:hover { text-decoration: underline }

#top { max-width: 440px; margin: 0px auto; }
#top abbr.required { color: #22B2EF; font-family: DroidSans-Bold; }
#top form { margin-bottom: 20px; }
#top fieldset { margin-bottom: 20px; border: 0px;  }
#top .input-text,
#top input[type="text"],
#top input[type="email"],
#top input[type="number"],
#top textarea,
#top select {  resize: none; -webkit-appearance: none; border: 1px solid #e1e1e1; padding: 8px 6px; outline: none; font: 13px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; color: #777; margin: 0; width: 100%; max-width: 100%; display: block; margin-bottom: 20px; background: #fff; -webkit-font-smoothing: antialiased; border-radius: 0px; }
#top input[type="text"]:focus,
#top input[type="password"]:focus,
#top input[type="email"]:focus,
#top input[type="number"]:focus,
#top input[type="url"]:focus,
#top input[type="tel"]:focus,
#top input[type="search"]:focus,
#top textarea:focus { box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.2); color: #555; }
#top textarea { min-height: 60px; line-height:1.5em;}
#top label{ display: block; font-family: DroidSans-Bold;  font-size: 0.85em;  }
#top legend { display: block; font-weight: normal; font-size: 1.1em;  }
#top select { width: 220px; }
#top input[type="checkbox"] { display: inline; }
#top label span,
#top legend span { font-weight: normal; font-size: 0.92em; color: #444; }
#top #wrap_all .valid .text_input, #top #wrap_all .valid .text_area{border:1px solid #9AA600;} /*#70A41B*/
#top #wrap_all .error .text_input, #top #wrap_all .error .text_area{border:1px solid #DF653E;}
#top #wrap_all .ajax_alert .text_input, #top #wrap_all .ajax_alert .text_area{border:1px solid #ffb628;}

span.clearer,
.clear { clear: both; }
div.clearer { display: block; clear: both; height: 0px!Important; width: 0px!important; margin: 0px!important}

.contentBoxWrap {  width: 60%; margin-right: 6%; display: inline-block; }
.contentBoxWrap.imaging { float: left;  }
.mediaWrap { width: 28%; display: inline-block; float: right; }
.mediaWrap .mediaBox { display: block; width: 100%; border: 1px solid gray; padding: 10px; }
.mediaWrap .mediaBox h2 { margin: 0px 0px; }
.mediaWrap .mediaBox a.button { display: inline-block; padding: 2px 14px; border-radius: 10px; color: #fff; background-color: #2ba4fa; float: right; margin-bottom: 20px;  }
.mediaWrap .mediaBox img { width: 100%; }
.mediaWrap .mediaBox.margin-top { margin-top: 165px; min-height: 190px; }

.imageText .box { display: inline-block; width: 33%; vertical-align: top; }
.imageText .text { padding: 10px; }
.imageText .box img { width: 100%; max-width: 305px;  }
.imageText .box h1 { margin: 0; margin-bottom: 5px; }

.contentBox {  line-height: 1.7; }
.contentBox.partner { display: inline-block; width: 33%; vertical-align: top;}
.contentBox.partner p { margin: 3px 0px }
.contentBox.image { display: block; width: 100%; }
.contentBox.headlineButtonWrap { }
.contentBox.image h1 { display: inline-block;  }
.contentBox.image .headlineButtonWrap  a.button { display: inline-block; padding: 2px 14px; border-radius: 10px; color: #fff; background-color: #2ba4fa; float: right;  margin-top: 29px; }
.contentBox .mediaBox img { display: block; width: 100%; }
.contentBox.floatRight { float: right; display: inline-block; width: 33%; vertical-align: top;  }
.contentBox.floatRight img { width: 100% }
.floatRight.small { max-width: 280px }
.contentBox hr { color: #DEDEDE }
.contentBox a { color: #00a7ed; text-decoration: none }
.contentBox a:hover { text-decoration: underline }

.contentBox .content .expandable { display: none; }


h3.title a:hover { text-decoration: none; color: black;  }
h3.title a { color: inherit; text-decoration: none; }


.lastBox { max-width: 275px!important; }
.margin { margin: 10px 0px; }



#rightSide { display: block }

span.contactQuestions { vertical-align: inherit }
#formular { width: 100%; min-width: 299px!important; max-width: 350px; }

div.container ul { width: 100%; text-align:right; }
div.container ul li { display: inline-block; width: 8%; margin-right: 40px;}
div.container ul li:first-child { display: inline-block; width: 15%; margin-right: 15px!important;}


#centeredLogoMobile { width: 58%%; display: none; text-align: center; }

div.newMoviesContainer div.newMovies.list div.item:first-of-type { margin-left: 0px!important }
div.newMoviesContainer div.newMovies.list div.item:last-of-type  { margin-right: 0px!important }
div.newMoviesContainer div.newMovies.list div.item { margin: 22px!important; }
.


/* Fahrplan Layout */

#fahrplan { overflow: hidden }
#fahrplan .grey { background-color: #f8f8f8; }
#fahrplan > div {

-webkit-box-shadow: 0px -1px 0px 0px rgba(144,144,144,1);
-moz-box-shadow: 0px -1px 0px 0px rgba(144,144,144,1);
box-shadow: 0px -1px 0px 0px rgba(144,144,144,1);

padding-left: 25px;

}

#fahrplanInfo div.headline { padding-top: 25px }
#fahrplanInfo .headline h1 { margin-top: 35px; }


#fahrplan div.headline { padding-top: 25px }
#fahrplan .headline h1 { margin-top: 35px; }
#fahrplan div.train { height: 80px;  }
#fahrplan div.train div.left { float: left; margin-top: 20px; }
#fahrplan div.train div.left > span { display: block;  }
#fahrplan div.train div.right { float: right;  margin-top: 23px;}
#fahrplan div.train div.left span.traininfo { font-size: 2rem;  padding-left: 10px;  }
#fahrplan div.train div.left span.route { font-size: 0.9rem; padding-left: 12px; }
#fahrplan div.train div.right span.clock { font-size: 2rem; padding-right: 30px;  }

#fahrplan #scrollingText { background: rgba(236,27,45,1); background: -moz-linear-gradient(top, rgba(236,27,45,1) 0%, rgba(236,27,44,1) 65%, rgba(193,12,27,1) 100%);background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(236,27,45,1)), color-stop(65%, rgba(236,27,44,1)), color-stop(100%, rgba(193,12,27,1)));background: -webkit-linear-gradient(top, rgba(236,27,45,1) 0%, rgba(236,27,44,1) 65%, rgba(193,12,27,1) 100%);background: -o-linear-gradient(top, rgba(236,27,45,1) 0%, rgba(236,27,44,1) 65%, rgba(193,12,27,1) 100%);background: -ms-linear-gradient(top, rgba(236,27,45,1) 0%, rgba(236,27,44,1) 65%, rgba(193,12,27,1) 100%);background: linear-gradient(to bottom, rgba(236,27,45,1) 0%, rgba(236,27,44,1) 65%, rgba(193,12,27,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ec1b2d', endColorstr='#c10c1b', GradientType=0 );
height: 40px; line-height: 40px;color: white;  width: 1300px;}
#fahrplan #scrollingText span.text { margin-left: 1000px }

#fahrplan div.currentInfo { padding-top: 35px }
#fahrplan div.currentInfo > span { display: block }
#fahrplan div.currentInfo span.currentHold { font-size: 2.5rem }
#fahrplan div.currentInfo span.leave { font-size: 0.9rem; }

#fahrplan div.arrivalList { min-height: 300px; margin-top: 10px; position: relative; }
#fahrplan div.line { width: 3px; background: gray; height: 275px; position: absolute; left: 93px; top: 0;  z-index: 10;}

#fahrplan div.arrivalList table { width: 100%; padding-top: 10px;   }
#fahrplan div.arrivalList table td { vertical-align: top;  }
#fahrplan div.arrivalList table.info { width: 452px!important; text-align: center;  }
#fahrplan div.arrivalList table td.time { width: 55px; }
#fahrplan div.arrivalList table td.point { width: 35px; z-index: 11; }
#fahrplan div.arrivalList table td.point img { width: 15px!important; min-width: 10px!important; z-index: 12; position: relative; }
#fahrplan div.arrivalList table td.stationName { width: 150px;}
#fahrplan div.arrivalList table td.moreInfo div.infoContainer { }
#fahrplan div.arrivalList table td.moreInfo div.infoContainer div.infoDetails { display: none }
#fahrplan div.arrivalList table td.moreInfo div.infoContainer div.infoDetails.active { display: block }

#fahrplan div.arrivalList table td.moreInfo div.infoContainer div.info { color: #e93447 }
#fahrplan div.arrivalList table td.moreInfo div.infoContainer div.info.active:before {content:"v";color: #e93447;}
#fahrplan div.arrivalList table td.moreInfo div.infoContainer div.info:before {content:">";color: #e93447;}
.leftAlign { text-align: left; font-size: 0.8rem; opacity: 0.5; padding-bottom: 5px;  }

/* fahrplan layout end */

.newsContent { padding: 30px; padding-bottom: 0; position: relative; }
.newsContent .header { margin-top: 0; margin-bottom: 15px; color: #8E8D8B; }
.newsContent .header .bigger { font-size: 24px; }
.newsContent .header .smaller { font-size: 18px; }
.newsContent .newsList { float: left; width: 634px; }
.newsContent .newsList > .copyright { position: absolute; bottom: 19px; left: 29px; font-size: 0.8em; color: #8E8D8B; }
.newsContent .news .time { font-size: 12px; color: #a0a0a0; }
.newsContent .news { margin-top: 15px; border-bottom: 1px solid #cfcfcf; padding-bottom: 17px; }
.newsContent .news .img { float: left; margin-top: 27px; }
.newsContent .news .img img { -webkit-box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.5); -moz-box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.5); box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.5); margin-right: 15px; }
.newsContent .news .info { line-height: 22px; margin-right: 50px; }
.newsContent .news .title { font-size: 15px; font-family: DroidSans-Bold; /*padding-top: 10px;*/ padding-right: 50px; padding-bottom: 5px; }
.newsContent .news .title a { text-decoration: none; color: #8E8D8B; }
.newsContent .news .title a:hover { color: black; }

.newsContent .news .info .text { display: table; color: #A7A7A7; }
.newsContent .rightBoxes { width: 300px; float: right; }
.newsContent .rightBoxes .weatherBox { margin-bottom: 30px; border: 1px solid #cfcfcf; }
.newsContent .rightBoxes .weatherBox img { width: 100%; }

.cont.start .img { margin-top: 0; }

.newsContent .pagination { float: right; }
.newsContent .pagination ul { list-style: none; padding: 0; }
.newsContent .pagination ul li { display: inline-block; padding: 5px 10px 5px 10px; }
.newsContent .pagination ul li.current { background: white; font-family: DroidSans-Bold; }
.newsContent .pagination ul li a { text-decoration: none; color: #8E8D8B; }
.newsContent .pagination ul li a:hover { color: black; }
.newsContent .pagination ul li.pagination-end { padding-right: 0; }

.showMoreDown { float: right; padding-top: 15px; }
.showMoreDown a { text-decoration: none; color: #cfcfcf; }
.showMoreDown a:hover { color: black; }

#startPage > div:first-of-type { position: relative; margin-bottom: 51px; }
#startPage > div:first-of-type div { position: absolute; top: 55px; background: rgba(255,255,255,0.9); width: 100%; padding: 20px 0; }
#startPage > div:first-of-type div h1 { color: #444444; font-weight: normal; margin: 0 0 20px 0; padding: 0 30px; font-size: 1.7rem; }
#startPage > div:first-of-type div p { color: #807e7f; font-family: DroidSans-Bold; margin: 0; padding: 0 30px; font-size: 1.2rem; }
#startPage > div:first-of-type > img { width: 100%; }
#startPage .portrait { display: none; }

#traveling { margin-bottom: 30px; }
div.services { padding: 0 20px; }
div.services h2 { font-weight: normal; font-size: 2rem; margin: 0; padding: 30px 20px 20px 10px; }
div.services > div.service { position: relative; width: 33.1%; color: #6c6c6c; overflow: hidden; border-right: 1px solid #8e8d8b; margin: 20px 0; float: left; }
div.services > div.service:nth-child(3n+1) { border: none; }
div.services > div.service a { text-decoration: none; color: #8e8d8b; }
div.services > div.service a:hover { color: #383838 }
div.services > div.service > div > h3 { margin: 10px 0px; }
div.services > div.service > div { position: relative; height: 280px; padding: 0 25px; color: #8e8d8b!important; }
div.services > div.service > div:last-of-type { height: 370px; }
div.services > div.service > div > a { position: absolute; bottom: 0; left: 10px; font-family: DroidSans-Bold; padding-left: 16px;}
div.services > div.service > div > p { line-height: 1.5;  color: #8e8d8b!important}
div.services > div.service > div > div { height: 70px; overflow: hidden; }
div.services > div.service > div > div img { height: 60px; max-width: 100%; }
div.services > div.service > div > p span { font-size: small; display: block; margin-top: 10px; }


/*@media(orientation: portrait){
	#startPage img.portrait { display: block; }
	#startPage img.nomobile,
	#startPage img.mobile { display: none; }
}

@media (max-width: 768px) {
	div.services > div.service > div { height: 370px; }
	.login { margin-left: 0px!important }
}

*/

@media (min-width: 760px) {
	.mobile { display: none !important; }

	body { max-width: 1024px; margin: 0 auto; box-shadow: 0 0 15px #a9a9a9; }
}

@media (max-width: 950px) {
 	#header ul.menu li { margin-left: 10px; }

	#footer { padding: 15px; font-size: 0.8em; }
	#footer > div > * { margin-left: 15px; }
	#footer > div h3 { margin-left: 15px; }
}


/* Startpage Twig */


div.newMoviesContainer {  color: #505050; margin: 3.5%; margin-top: 0px;  }

div.newSeriesContainer { display: inline-block; width: 40%; margin:3.5%;  }
div.newMovies.list div.item.whiteBox {  margin-left: -4px; height: 100%; }

.item.whiteBox.newMovies img { cursor: pointer; }

div.newSeries.single > div { vertical-align: top; }
div.newSeries.single { position: relative; background-color: rgba(249, 249, 249, 1); width: 100%; font-size: 0.8rem; display: inline-block; padding: 25px; border: 1px solid #E6E6E6;}
div.newSeries.single div.content.whiteBox { width: 230px; color: #a7a7a7; font-size: 1.0rem}
div.newSeries.single div.content, div.newSeries.single div.image.whiteBox { display: inline-block;  margin-left: 0px}
div.newSeries.single div.image.whiteBox img { max-width: 160px; margin-right: 15px; ;  }
div.newSeries.single div.content { padding: 0px!important }
h2.mainPageHead { margin: 0px!important }
h3.title { font-size: 18px; }
div.getintodetails { position: absolute; right: 10px; top: 10px; color: #a7a7a7; cursor: pointer; font-family: DroidSans-Bold; }
div.getintodetails:hover  { color: #383838 }


div.newMovies.list div.item.whiteBox div.title { height: 46px; text-align: left;}
div.newMovies.list div.item.whiteBox div.duration {  background: url('images/uhr.png') no-repeat; background-size: 14px; background-position: left; width: 100%; font-size: 14px; line-height: inherit; height: auto; overflow: normal; padding: 0; text-align: left; padding-left: 23px; color: #a7a7a7!important;  }


/* */

#inlineFrame { width: 100%; min-height: 724px; border: 0px; margin-top: 30px; margin-bottom: 51px; }
#backtooverview { display: block; float: right; font-size: 16px; color: #8e8d8b; text-decoration: none; margin-top: 30px; margin-right: 47px; }
#backtooverview:hover { color: black }
#mediaItems.stationInfo div.wrapper { padding: 30px; height: 100%;   }

#header .menulogout { position: absolute; top: 26px; right: -41px; left: auto; list-style-type: none; padding: 0; width: 220px; }
#header .menulogout li:first-of-type { padding-right: 10px; }
#header .menulogout a { color: #323232; text-transform: uppercase; text-decoration: none; font-weight: bold;padding-right: 10px; }
.login { margin-left: 30%;  }
.login fieldset { border: 3px solid #c2c2c2; border-width: 0 0 3px 0; background: #ffffff; padding: 28px 39px; width: 297px; }
.login fieldset input[type=text], .login fieldset input[type=password] { color: #000; background: white; border: 4px solid #c2c2c2; border-width: 1px 1px 1px 4px; padding: 10px 13px 11px 13px; width: 267px; }
div.mod-languages img { width: 30px; }


label.remember { padding-left: 10px; }
@media (max-width: 759px) {
	.login { margin-left: 0px; }
	.login fieldset { padding-right: 0px; }
	#mediaItems.stationInfo div.wrapper { padding: 10px 10px; }
	#subNavi ul { margin-left: 0px; font-size: 10px; }
	#headNavi ul { font-size: 12px; padding-left: 5px;}
	#header ul.menu li { padding: 0px 3px }
	#header ul.menu li.active { background-position: center 56px }
	#header .menulogout { top: 45px; right: -40px; width: 220px; }
	#content .actions { position: relative; left: 0px; float: none!important; display: block; }
	fieldset .row .cell { display: block!important; padding: 0px 10px; }
	select.customview { margin-left: 0px!important; width: 100%!important; }
	input[type=button], button, .button,select { display: block!important; width: 100%!important; margin-bottom: 10px!important; }
	table.data th.lastVisit, table.data td.lastVisit, td.right.actions, th.duration, td.duration, th.username, td.username, th.statusHeader, td.statusHeader { display: none }
	#fullTextSearchButton { display: none!important; }
	#mediaItems.stationInfo div.wrapper > div, #fullTextSearch { width: 100%!important; margin-left: 0px!important;; padding-right: 0px!important;; padding-left: 0px!important;}
	#mediaItems.stationInfo div.wrapper > div, #fullTextSearch .button  { padding-right: 0px!important; margin-right: 0px!important; margin-left: 0px!important; padding-left: 0px!important; width: 94%!important; }
	#content .formFooter button.cancel, #content .formFooter button.save { display: inline-block!important; width: 150px!important; top: 0px; }
	#content .formFooter button.cancel { left: 0px; }
	#content .formFooter > .content { width: 100%!important }
	#mediaItems.stationInfo div.wrapper { padding-bottom: 60px!important }
	#logoSub { width: 146px; }
	#headNavi { display: block; z-index: 0; }

	div.wrapper > div.customBaptizeRow:nth-child(even) form fieldset.edit { margin-top: 70px }
}
/*
@media (max-width: 759px) {
	#header { left: 0;}

	#startPage img.portrait { display: none; }
	#startPage img.mobile { display: block }
	div.newMoviesContainer div.newMovies.list div.item:first-of-type,
	div.newMoviesContainer div.newMovies.list div.item:last-of-type,
	div.newMoviesContainer div.newMovies.list div.item { margin-left: 0px!important; margin-right: 10px!important; }


	h2.fixedMobileMargin { margin-left: 5px; }


	#centeredLogoMobile { width: 58%; display: inline-block; text-align: center; }
	.margintop { margin-top: 20px!important }
	.enddiv { margin-bottom: 20px }
	div.newMoviesContainer { color: #505050; padding: 0; margin-left: 15px; margin-top: 15px;  }
	div.newSeriesContainer { display: block; width: 77.5%; margin: 0; min-width: 10px!important; margin-left: 15px; }

	div.newMovies.list div.item.whiteBox { margin-left: 0px; margin-right: 10px; }

	div.newSeries.single div.content, div.newSeries.single div.image.whiteBox { display: block; width: 100%; }
	div.newSeries.single div.image.whiteBox > div.content { text-align: center; }
	div.newSeries.single div.image.whiteBox { margin-top: 20px }

	#mediaItems > h2 { margin-left: 20px; }
	#audioplayer { width: 240px; }
	#details.movie > .content > .image { float: none; margin: auto; padding-left: 9px; position: relative; }
	#details.movie > .content > .image img { max-width: 279px!important }
	#details.series > .content > .content div.content.whiteBox { width: 80%!important }
	#details.series > .content > .content, #details.movie > .content > .content { width: 100%!important; padding: 0!important;  }
	#details.series > .content > .content ul li, #details.movie > .content > .content ul li { height: 100%!important }
	#details.series > .content > .content ul li a, #details.movie > .content > .content ul li a { height: 100%; }
	#details.movie > .content > .content { margin-left: 13px }
	#details.movie > .content > .content.movie { margin-left: 5px }
	#details.movie .details .content.movie { padding-left: 0px; }
	div.content { padding: 15px }
	#details.movie h3 { padding: 0px }

	#langKolibri  { width: 28px; padding-top: 7px; }
	#burger { margin-left: 5px; }

	div.services > div.service { border: none; border-bottom: 1px solid #999999; display: block; padding: 0 0 20px 0; width: 100%; }
	div.services > div.service:nth-child(4) { border-bottom: 1px solid #999999!important; }
	div.services > div.service:last-of-type { border: none!important; padding-bottom: 0; }
	div.services > div.service > div,
	div.services > div.service > div > div { height: auto; }
	div.services > div.service > div > a { position: static; }
	div.services > div.service h3 { margin: 15px 0 }
	#footer .footRight form input,
	#footer .footRight form textarea { width: 100%; }
	#footer .footRight form > div { display: block; margin: 0; }
	#footer .footRight,
	#footer .footLeft { float: none; max-width: none; }
	#footer form { text-align: right; }
	#footer form > div { text-align: right; }
	#footer form > div > div:first-of-type label { padding-top: 20px; }
	#fahrplan { width: 100%; }
	#formular { margin-top: 20px!important;  width: 95%;  }
	span.language { display: none }
	div.container { padding: 0px!important; padding-top: 20px!important; width: 100%; min-height: 40px!important; }
	div.container ul li { display: inline-block }

	.nomobile { display: none !important; }
	#logoSub { display: none!important }
	#logo { display: inline-block; width: 120px;  }
	#header { border-bottom: 7px solid #fe0000; box-shadow: 0 0 8px 3px #b4b4b4; z-index: 15;  position: fixed; top: 0; width: 100%; background: #fff;}
	#header > .right { top: 8px; right: 17px;}
	#header .mod-languages li { margin-left: 12px; }

	#content { padding-top: 58px; }
	#content > #testversion { top: 58px;}

	.newsContent { padding: 15px; }
	.newsContent .news .info { position: relative; margin-right: 0; }
	.newsContent .news .info .time { position: absolute; left: 0; }
	.newsContent .news .info .time.noImg { position: static; }
	.newsContent .news .info .title { padding-top: 23px; padding-right: 0; }
	.newsContent .news .info .title.noImg { padding-top: 3px; }
	.newsContent .news .info .text { display: block; }

	div.services > div.service:nth-child(3n+1) { border-bottom: 1px solid #999999; }
	div.services h2 { padding-left: 0; }
	div.services > div.service > div { padding-left: 0; }
	div.services > div.service > div > a { padding: 0; left: 0!important; }

	#impressumWrapper { padding: 15px; }
	#impressumWrapper div > h2 { margin-left: 0; }
	#impressumWrapper > div.impText { margin-left: 0; }

}*/

/* smaller than iPhone 6 */
/*@media (max-width: 374px) {
	#startPage > div:first-of-type div { top: 13px; }
}*/

/* videojs settings */
#overlayDiv .video-js {font-size: 15px; background-color: #000; margin:auto; display: block; }
#overlayDiv .video-js.vjs-fullscreen {max-width: 100%; max-height: 100%;}
#overlayDiv .video-js .vjs-text-track-display { top: auto; bottom: 1.5%; text-align: center; }
#overlayDiv .video-js .vjs-text-track-display .vjs-tt-cue { color: #fff; display: inline-block; padding: 2px 10px; background-color: rgba(0,0,0,0.7); font-size: 1.4em; }
#overlayDiv .vjs-default-skin .vjs-menu-button ul li { text-transform: none; }

body > .overlay { display: block; position: fixed; top: 0; left: 0; height: 100%; width: 100%; background-color: rgba(0,0,0,0.5); text-align: center; }
.overlay > .dialog { position: relative; display: inline-block; margin: auto; background-color: #fff; padding: 30px; border: 0; /*border-bottom: 3px solid #ccc;*/ text-align: left; max-width: 70%; }
.overlay > .dialog > .close { position: absolute; top: 10px; left: auto; right: 10px; cursor: pointer; font-weight: bold; }