/* Contao Open Source CMS, (c) 2005-2015 Leo Feyer, LGPL license */
body,form{margin:0;padding:0}img{border:0}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font-size:100.01%}select,input,textarea{font-size:99%}#container,.inside{position:relative}#main,#left,#right{float:left;position:relative}#main{width:100%}#left{margin-left:-100%}#right{margin-right:-100%}#footer{clear:both}@media(max-width:767px){#wrapper{margin:0;width:auto}#container{padding-left:0;padding-right:0}#main,#left,#right{float:none;width:auto}#left{right:0;margin-left:0}#right{margin-right:0}}#main .inside{min-height:1px}img{max-width:100%;height:auto}.ie7 img{-ms-interpolation-mode:bicubic}.ie8 img{width:auto}.caption{max-width:100%}.ce_gallery ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery li{float:left}.ce_gallery li.col_first{clear:left}.block{overflow:hidden}.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}.invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.custom{display:block}#container:after,.custom:after{content:"";display:table;clear:both}
/* Contao Open Source CMS, (c) 2005-2015 Leo Feyer, LGPL license */
body,div,h1,h2,h3,h4,h5,h6,p,blockquote,pre,code,ol,ul,li,dl,dt,dd,figure,table,th,td,form,fieldset,legend,input,textarea{margin:0;padding:0}table{border-spacing:0;border-collapse:collapse}caption,th,td{text-align:left;text-align:start;vertical-align:top}abbr,acronym{font-variant:normal;border-bottom:1px dotted #666;cursor:help}blockquote,q{quotes:none}fieldset,img{border:0}ul{list-style-type:none}sup{vertical-align:text-top}sub{vertical-align:text-bottom}del{text-decoration:line-through}ins{text-decoration:none}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font:12px/1 "Lucida Grande","Lucida Sans Unicode",Verdana,sans-serif;color:#000}input,button,textarea,select{font-family:inherit;font-size:99%;font-weight:inherit}pre,code{font-family:Monaco,monospace}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}h1{font-size:1.8333em}h2{font-size:1.6667em}h3{font-size:1.5em}h4{font-size:1.3333em}table{font-size:inherit}caption,th{font-weight:bold}a{color:#00f}h1,h2,h3,h4,h5,h6{margin-top:1em}h1,h2,h3,h4,h5,h6,p,pre,blockquote,table,ol,ul,form{margin-bottom:12px}
/* Contao Open Source CMS, (c) 2005-2015 Leo Feyer, LGPL license */
legend{width:100%;display:block;font-weight:bold;border:0}input[type="text"],input[type="password"],input[type="date"],input[type="datetime"],input[type="email"],input[type="number"],input[type="search"],input[type="tel"],input[type="time"],input[type="url"],textarea{width:100%;display:inline-block;padding:3px 6px;background:#fff;border:1px solid #ccc;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;-moz-box-shadow:inset 0 1px 1px #eee;-webkit-box-shadow:inset 0 1px 1px #eee;box-shadow:inset 0 1px 1px #eee;-moz-transition:all .15s linear;-webkit-transition:all .15s linear;-o-transition:all .15s linear;transition:all .15s linear;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}input[type="text"]:focus,input[type="password"]:focus,input[type="date"]:focus,input[type="datetime"]:focus,input[type="email"]:focus,input[type="number"]:focus,input[type="search"]:focus,input[type="tel"]:focus,input[type="time"]:focus,input[type="url"]:focus,textarea:focus{outline:0;background:#fcfcfc;border-color:#bbb}input[type="file"]{cursor:pointer}select,input[type="file"]{display:block}input[type="file"],input[type="image"],input[type="submit"],input[type="reset"],input[type="button"],input[type="radio"],input[type="checkbox"]{width:auto}textarea,select[multiple],select[size]{height:auto}input[type="radio"],input[type="checkbox"]{margin:0 3px 0 0}input[type="radio"],input[type="checkbox"],label{vertical-align:middle}input[disabled],select[disabled],textarea[disabled],input[readonly],select[readonly],textarea[readonly]{cursor:not-allowed;background:#eee}input[type="radio"][disabled],input[type="checkbox"][disabled],input[type="radio"][readonly],input[type="checkbox"][readonly]{background:transparent}input[type="submit"],.button{display:inline-block;padding:4px 15px 4px 14px;margin-bottom:0;text-align:center;vertical-align:middle;line-height:16px;font-size:11px;color:#000;cursor:pointer;border:1px solid #ccc;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;background-color:#ececec;background-image:-moz-linear-gradient(top,#fff,#ececec);background-image:-webkit-linear-gradient(top,#fff,#ececec);background-image:-ms-linear-gradient(top,#fff,#ececec);background-image:-o-linear-gradient(top,#fff,#ececec);background-image:linear-gradient(to bottom,#fff,#ececec);background-repeat:repeat-x;-moz-transition:background .15s linear;-webkit-transition:background .15s linear;-o-transition:background .15s linear;transition:background .15s linear}input[type="submit"]:hover,.button:hover{text-decoration:none;background-position:0 -15px !important}input[type="submit"]:active,.button:active{background-color:#e6e6e6;background-position:0 -30px !important}input[type="submit"].blue,.button.blue{background-color:#2f96b4;background-image:-moz-linear-gradient(top,#5bc0de,#2f96b4);background-image:-webkit-linear-gradient(top,#5bc0de,#2f96b4);background-image:-ms-linear-gradient(top,#5bc0de,#2f96b4);background-image:-o-linear-gradient(top,#5bc0de,#2f96b4);background-image:linear-gradient(to bottom,#5bc0de,#2f96b4);border-color:#2f96b4;color:#fff}input[type="submit"].blue:active,.button.blue:active{background-color:#2e95b3}input[type="submit"].green,.button.green{background-color:#51a351;background-image:-moz-linear-gradient(top,#62c462,#51a351);background-image:-webkit-linear-gradient(top,#62c462,#51a351);background-image:-ms-linear-gradient(top,#62c462,#51a351);background-image:-o-linear-gradient(top,#62c462,#51a351);background-image:linear-gradient(to bottom,#62c462,#51a351);border-color:#51a351;color:#fff}input[type="submit"].green:active,.button.green:active{background-color:#4f9f4f}input[type="submit"].orange,.button.orange{background-color:#f89406;background-image:-moz-linear-gradient(top,#fbb450,#f89406);background-image:-webkit-linear-gradient(top,#fbb450,#f89406);background-image:-ms-linear-gradient(top,#fbb450,#f89406);background-image:-o-linear-gradient(top,#fbb450,#f89406);background-image:linear-gradient(to bottom,#fbb450,#f89406);border-color:#f89406;color:#fff}input[type="submit"].orange:active,.button.orange:active{background-color:#f28f04}input[type="submit"].red,.button.red{background-color:#bd362f;background-image:-moz-linear-gradient(top,#ee5f5b,#bd362f);background-image:-webkit-linear-gradient(top,#ee5f5b,#bd362f);background-image:-ms-linear-gradient(top,#ee5f5b,#bd362f);background-image:-o-linear-gradient(top,#ee5f5b,#bd362f);background-image:linear-gradient(to bottom,#ee5f5b,#bd362f);border-color:#bd362f;color:#fff}input[type="submit"].red:active,.button.red:active{background-color:#be322b}
/**
 * Global TinyMCE style sheet
 *
 * Use this style sheet to define CSS classes for the rich text editor. The
 * stlye sheet will be included in the editor and the page layout automatically.
 * Although the stlye sheet is shared by all themes, you can override its
 * formattings in any of your theme style sheets.
 *
 *   files/tinymce.css (this is how it looks like in TinyMCE)
 *   .warning { color:#c55; }
 *
 *   theme_a.css (this is how it looks like in theme A)
 *   .warning { font-weight:bold; }
 *
 *   theme_b.css (this is how it looks like in theme B)
 *   .warning { color:#000; }
 *
 * If you do not want to use a global TinyMCE style sheet at all, simply delete
 * this file (files/tinymce.css).
 */
.blau { color:#004999; }
.hellblau { color:#80a4cc; }
.grau { color:#636362 ; }
.hellgrau { color: #999999; }
.linkIcon {}
/* jQuery.Rating Plugin CSS - http://www.fyneworks.com/jquery/star-rating/ */
div.rating-cancel,div.star-rating{float:left;width:17px;height:15px;text-indent:-999em;cursor:pointer;display:block;background:transparent;overflow:hidden}
div.rating-cancel,div.rating-cancel a{background:url("../../system/modules/zixEventRating/assets/star-rating/delete.gif") no-repeat 0 -16px}
div.star-rating,div.star-rating a{background:url("../../system/modules/zixEventRating/assets/star-rating/star.gif") no-repeat 0 0px}
div.rating-cancel a,div.star-rating a{display:block;width:16px;height:100%;background-position:0 0px;border:0}
div.star-rating-on a{background-position:0 -16px!important}
div.star-rating-hover a{background-position:0 -32px}
/* Read Only CSS */
div.star-rating-readonly a{cursor:default !important}
/* Partial Star CSS */
div.star-rating{background:transparent!important;overflow:hidden!important}
/* END jQuery.Rating Plugin CSS */
/* dk_caroufredsel global styles */
.caroufredsel_skin .image_container img, .caroufredsel_thumbnails_skin .image_container img {
	vertical-align: bottom;
}
.caroufredsel > div, .caroufredsel > section, .caroufredsel_thumbnails > div {
	float: left;
}
.caroufredsel .clearfix {
	float: none;
	clear: both;
}
.caroufredsel_thumbnails_skin {
	position: relative;
}
/* ##### LAYOUT CSS ##### */

body {
	overflow-y: scroll;
}

#wrapper {
	min-width: 960px;
}

#header {
	background: url("../../files/libImages/headerTexture.png") repeat-x left center;
}

#header > .inside {
	width: 900px;
	margin: 0 auto;
	padding: 0 30px;
	height: 102px;
}

#logo {
	width: 201px;
	height: 60px;
	position: absolute;
	right: 30px;
	bottom: 30px;
}

#logo img {
	display: block;
}

#header .mod_navigation {
	position: absolute;
	top: 72px;
	height: 30px;
}

#banner {
	height: 341px;
	overflow: hidden;
	border-bottom: 5px solid #004999;
}

#banner .bannerImg {
	width: 100%;
	min-width: 960px;
	height: 341px;
	background-size: cover;
	background-position: center center;
}
#banner .bannerImg.topCenter {
	background-position: top center;	
}

#banner .bannerImg.top {
	background-position: center -150px;
}

#banner .bannerImg.top0 {
	background-position: center top;
}

#banner .bannerImg.top50 {
	background-position: center -50px;
}

#banner .bannerImg.top100 {
	background-position: center -100px;
}

.augsburg #banner { border-bottom: 5px solid #e3000f; }
.duesseldorf #banner { border-bottom: 5px solid #0a4295; }
.karlsruhe #banner { border-bottom: 5px solid #f7a400; }
.koeln #banner { border-bottom: 5px solid #ffd511; }
.mainz #banner { border-bottom: 5px solid #ff270a; }
.muenchen #banner { border-bottom: 5px solid #e3000f; }
.nuernberg #banner { border-bottom: 5px solid #004487; }


#containerWrapper {
	background: #ffffff;
	background: linear-gradient(to top, #e7e6e6 0%, #ffffff 175px);
}

#container {
	width: 900px;
	margin: 0 auto;
	padding: 0 30px 30px;
}

#main {
	width: 650px;
}

#main .inside {
	margin-right: 50px;
}

#footer {
	background-color: #00316c;
	overflow: hidden;
	padding: 30px 0;
}

#footer > .inside {
	width: 900px;
	margin: 0 auto;
	padding: 0 30px;
}




/* Stadtauswahl - citySwitch */
#citySwitch {
	width: 400px;
	height: calc(102px - 30px);
}

#citySwitch .inside {
    display: flex;
	justify-content: flex-start;
	align-items: center;
	height: 100%;
}

#citySwitch .trenner {
    width: 1px;
    height: 20px;
    background-color: #004999;
    display: inline-block;
	margin-left: 5px;
}

#citySwitch .switch {
	width: 180px;
	background-color: transparent;
	z-index: 2;
	transition: background-color 0.3s, box-shadow 0.3s; 
}

#citySwitch .switch .btn {
	font-size: 17px;
	font-weight: 500;
	color: #004999;
	padding: 6px 12px;
	cursor: pointer;
}

#citySwitch .switch .closeBtn { 
	float: right;
	font-weight: 400;
	color: #999;
	padding: 0 3px;
	cursor: pointer;
	opacity: 0;
	margin-top: -3px;
	transition: opacity 0.3s;
}

#citySwitch .switch.open .closeBtn {
	opacity: 1;
}

#citySwitch .switch img {
	margin-left: 9px;
	transform: rotate(0deg);
	transition: transform 0.15s;
}

#citySwitch .cityList {
	display: none;
	width: 180px;
	margin: 0;
	padding: 6px 0 12px;
	background-color: #FFFFFF;
	list-style-type: none;
}

#citySwitch .cityList li {
	margin: 3px 12px;
	padding: 0;
}

#citySwitch .switch:hover,
#citySwitch .switch.open {
	background-color: #FFFFFF;
	box-shadow: 0 0 4px 0 #666;
}

#citySwitch .switch.open img {
	transform: rotate(90deg);
}

.persolinus #citySwitch .switch {
	left: 0;
}

.noScript #citySwitch .switch {
	left: 150px;
}

.noScript #citySwitch .switch:hover .cityList {
	display: block;
}

/* Stadtauswahl - citySwitch (end) */
/* ##### LAYOUT HOME CSS ##### */

#slider {
	overflow: hidden;
}

#slider .sliderElem {
	background-size: cover;
	background-position: center top;
	width: 100%;
}

#slider .textWrapper {
	width: 900px;
	margin: 0 auto;
	padding: 0 30px;
}

#slider .sliderText {
	width: 510px;
	height: 275px;
	margin-top: 100px;
	padding: 0 30px;
	overflow: hidden;
	background-color: rgb(255,255,255);
	background-color: rgba(255,255,255,0.75);
	border-bottom: 5px solid #004999;
}

.augsburg #slider .sliderText { border-bottom: 5px solid #e3000f; }
.duesseldorf #slider .sliderText { border-bottom: 5px solid #0a4295; }
.karlsruhe #slider .sliderText { border-bottom: 5px solid #f7a400; }
.koeln #slider .sliderText { border-bottom: 5px solid #ffd511; }
.mainz #slider .sliderText { border-bottom: 5px solid #ff270a; }
.muenchen #slider .sliderText { border-bottom: 5px solid #e3000f; }
.nuernberg #slider .sliderText { border-bottom: 5px solid #004487; }

#slider .sliderText h1,
#slider .sliderText h2 {
	font-size: 26px;
	line-height: 120%;
	font-weight: 500;
	color: #004999;
	border-bottom: none;
}

#sliderPagi {
	width: 900px;
	margin: 0 auto;
	padding: 0 30px;
}

#sliderPagi ul {
	position: absolute;
	top: 390px;
	z-index: 2;
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#sliderPagi li {
	float: left;
	margin-right: 5px;
	background: #0354a6;
	background: linear-gradient(to bottom, #0354a6 0%, #03428e 100%);
}

#sliderPagi span {
	display: block;
	padding: 0.5em 1em;
	font-size: 12px;
	font-weight: 500;
	color: #FFFFFF;
	text-transform: uppercase;
	background: transparent;
	cursor: pointer;
	transition: color 0.3s, background-color 0.3s;
}

#sliderPagi span:hover,
#sliderPagi .selected span {
	background: #FFFFFF;
	color: #004999;
}

.home #containerWrapper {
	color: #FFFFFF;
	background: #004999;
	background: linear-gradient(to bottom, #01408c 0%, #0152A4 100%);
}

.home #container {
	padding: 0 30px;
}

.home #main {
	width: 100%;
}

.home #main .inside {
	margin: 0;
}

/* noScript Fallback */
.noScript #slider {
	height: 610px;
        overflow: hidden;
}
.noScript #slider .sliderElem {
	height: 610px;
}

.noScript #sliderPagi {
	display: none;
}
/* noScript Fallback Ende */
/* ##### NAVIGATION CSS ##### */

#header .mod_navigation {
	overflow: visible;
	z-index: 2;
}

#header .mod_navigation ul {
	padding-left: 0;
	list-style-type: none;
}

#header .mod_navigation a,
#header .mod_navigation span {
	color: #FFFFFF;
	line-height: 30px;
	height: 35px;
	font-weight: 400;
	padding: 0 10px;
	display: block;
	transition: color 0.3s, background-color 0.3s;
	cursor: pointer;
}

#header .mod_navigation a:hover {
	text-decoration: none;
}

#header .mod_navigation a.home,
#header .mod_navigation span.home {
	padding: 0;
}

#header .mod_navigation .home .homeIcon  {
	width: 15px;
	height: 35px;
	background: url("../../files/libImages/homeIcon.png") no-repeat 10px 9px;
}

#header .mod_navigation a.home:hover .homeIcon,
#header .mod_navigation span.home .homeIcon {
	width: 15px;
	height: 35px;
	background: url("../../files/libImages/homeIcon-mo.png") no-repeat 10px 9px;
}

#header .mod_navigation .level_1 > li {
	float: left;
	margin: 0 5px;
	position: relative;
}

#header .mod_navigation .level_1 > li.first {
	margin-left: 0;
}

#header .mod_navigation .level_1 > li.last {
	margin-right: 0;
}

#header .mod_navigation .level_1 > li:hover > a,
#header .mod_navigation .level_1 > li > .active,
#header .mod_navigation .level_1 > li > .trail {
	color: #004999;
	background: #FFFFFF;
	background: linear-gradient(to bottom, #e9e9e9 0%, #FFFFFF 100%) #FFFFFF;
}

#header .mod_navigation .level_2 {
	opacity: 0;
	max-height: 0;
	position: absolute;
	top: 35px;
	min-width: 150px;
	background-color: #FFFFFF;
	white-space: nowrap;
	overflow: hidden;
	transition: opacity 0.3s, max-height 0.3s;
}

#header .mod_navigation li:hover > .level_2 {
	opacity: 1;
	max-height: 500px;
}

#header .mod_navigation .level_2 > li {
	border-top: 1px solid #e6e6e6;
	margin-left: 10px;
	margin-right: 10px;
}

#header .mod_navigation .level_2 > li.first {
	border-top: none;
	padding-top: 5px;
}

#header .mod_navigation .level_2 > li.last {
	padding-bottom: 5px;
}

#header .mod_navigation .level_2 > li > a {
	height: 30px;
	font-size: 12px;
	font-weight: 300;
	color: #636362;
	padding: 0;
}

#header .mod_navigation .level_2 > li > a:hover,
#header .mod_navigation .level_2 > li > span.active {
	height: 30px;
	font-size: 12px;
	font-weight: 300;
	color: #004999;
	padding: 0;
}
/* ##### CONTENT CSS ##### */

/* Allgemein */
.hideDesktop {
	display: none !important;
	visibility: hidden !important;
}

.alignCenter,
.alignCenter td{
	text-align:center;
}

body {
	font-family: Ubuntu;
	font-weight: 300;
	line-height: 140%;
	font-size: 14px;
	color: #636362;
}

a {
	color: #004999;
	font-weight: 400;
	line-height: 140%;
	text-decoration: none;
	transition: color 0.3s;
}

div, p, span {
	line-height: 140%;
}

a:hover {
	color: #00316c;
}

.linkIcon a,
a.linkIcon {
	background: url("../../files/libImages/linkIcon.png") no-repeat left center;
	padding-left: 25px;
}

.linkIcon a:hover,
a.linkIcon:hover {
	background: url("../../files/libImages/linkIcon-mo.png") no-repeat left center;
}

a:focus,
input:focus,
button:focus {
  outline: none;
}

strong {
	font-weight: 500;
}

h1 {
	font-weight: 500;
	font-size: 32px;
	line-height: 140%;
	color: #004999;
	margin-bottom: 0.5em;
	padding-bottom: 5px;
	border-bottom: 1px solid #004999; 
}

h2 {
	font-weight: 500;
	font-size: 20px;
	line-height: 140%;
	color: #004999;
	margin-bottom: 14px;
}

h3 {
	font-weight: 500;
	font-size: 14px;
	line-height: 140%;
	color: #636362;
	margin-bottom: 0;
}

ul {
	list-style-type: square;
	padding-left: 1em;
}

td {
	padding-right: 7px;
}

hr {
	clear: both;
	border: none;
	height: 1px;
	margin: 14px 0;
	background: linear-gradient(to right, #4e81b8 0%,#80a4cc 30%,#80a4cc 60%,rgba(128,164,204,0.1) 100%);
}

.mime_icon {
	vertical-align: top;
}

.error {
	color: #FF0000 !important;
}

.fileInfo {
	color: #666666;
	font-size: 9px;
}

.hellgrau {
	font-size: 21px;
	font-style: italic;
}
/* Allgemein Ende */

/* Formulare */
.ce_form {
	overflow: visible;
}

.fields > div,
.fields > fieldset > div {
	margin-bottom: 20px;
}

label,
legend {
	display: inline-block;
	width: 120px;
	padding-right: 10px;
	font-weight: 400;
	color: #004999;
	vertical-align: middle;
}

select {
	display: inline-block;
	width: 324px;
	padding: 3px 0;
	border-radius: 0;
	border: 1px solid #CCCCCC;
}

option {
	margin: 3px 0; 
}

fieldset {
	border-bottom: 1px solid #CCCCCC;
	padding-bottom: 15px;
	margin-bottom: 30px;
	width: 458px;
}

fieldset.radio_container,
fieldset.checkbox_container {
	border: none;
	padding-bottom: 0;
	margin-bottom: 20px;
	width: auto;
}

fieldset > legend {
	display: block;
	width: 100%;
	font-weight: 500;
	font-size: 20px;
	line-height: 140%;
	color: #004999;
	margin-top: 20px;
	color: #CCCCCC;
}

fieldset.radio_container > legend,
fieldset.checkbox_container > legend {
	float: left;
	padding-right: 13px;
	display: inline-block;
	width: 120px;
	font-size: 14px;
	font-weight: 400;
	color: #004999;
	margin: 0;
}

.radio_container,
.checkbox_container {
	margin-top: 20px;
	margin-bottom: 20px;
}

.radio_container label,
.checkbox_container label {
	display: inline;
    color: #636362;
    width: auto;
}

.checkbox_container > span {
	display: block;
	width: 324px;
	padding: 0;
	color: #636362;
	margin-left: 133px;
	margin-bottom: 5px;
}

.select_container label {

}

.textarea_container label {
	vertical-align: top;
}

input[type="text"],
input[type="password"],
input[type="date"],
input[type="datetime"],
input[type="email"],
input[type="number"],
input[type="search"],
input[type="tel"],
input[type="time"],
input[type="url"],
textarea {
	display: inline-block;
	width: 324px;
	border-radius: 0;
	vertical-align: middle;
	color: #636362;
	background-color: #FFFFFF;
}

input[type="radio"],
input[type="checkbox"] {
	height: 16px;
	width: 16px;
}

.captcha label,
.lost_password label {
	padding-right: 13px;
}

.captcha .captcha_textbox,
.lost_password .captcha_textbox {
	margin-bottom: 7px; 
}

.captcha input,
.lost_password input {
	margin-left: 133px;
}

input[type="submit"] {
	margin-left: 133px;
	margin-top: 5px;
}

input[type="submit"],
.button {
	background: #004999;
	border: none;
	border-radius: 0;
	font-size: 14px;
	font-weight: 400;
	color: #FFFFFF;
	padding-left: 30px;
	padding-right: 30px;
}

input[type="submit"]:hover,
.button:hover {
	background-color: #00316C;
	color: #FFFFFF;
}

input.zip {
	width: 74px;
	margin-right: 7px;
}

input.city {
	width: 240px;
}

form p.error {
	width: 324px;
	font-size: 11px;
	margin: 0;
}

.error legend {
	color: #FF0000;
}

.widget p.error {
	display: inline;
}

p.error + input,
p.error + select,
p.error + textarea {
	margin-left: 133px;
}

.checkbox_container p.error {
	margin-left: 133px;
}

.radio_container p.error + input + span {
	margin-left: 133px;
}
/* Formulare Ende */

/* Rechte Spalte */
#right h2 {
    font-size: 32px;
    margin-bottom: 0.5em;
    padding-bottom: 5px;
    border-bottom: 1px solid #004999;
}
/* Rechte Spalte (Ende) */

/* Footer */
#footer {
	color: #FFFFFF;
	font-size: 12px;
}

#footer h2 {
	color: #FFFFFF;
	font-size: 16px;
	font-weight: 500;
	margin: 0 0 1em;
}

#footer a {
	color: #FFFFFF;
}

#footer .left {
	float: left;
	width: 314px;
	padding-right: 10px;
	border-right: 1px solid #FFFFFF;
}
#footer .right {
	float: right;
	width: 550px;
	margin-left: 25px;
}
/* Footer Ende */

/* Termine Startseite */
.home #main h2.termine {
	line-height: 32px;
	color: #FFFFFF;
	float: left;
	width: 105px;
	margin-top: 25px;
	padding-left: 45px;
	background: url("../../files/libImages/kalenderIcon.png") no-repeat left center;
}

.home #main .mod_eventlist.termine {
	margin-left: 150px;
	margin-top: 12px;
}

.home #main .termine .event {
	margin: 0 0 3px;
	padding: 0;
	border: none;
}

.home #main .termine .event .date {
	font-size: 12px;
	font-weight: 400;
	color: #80a4cc;
	padding: 0 10px;
}

.home #main .termine .event a {
	font-size: 12px;
	color: #FFFFFF;
	font-weight: 300;
	margin-left: 5px;
}

.home #main .ce_hyperlink.termine {
	margin-left: 150px;
	margin-bottom: 12px;
	padding-left: 10px;
}

.home #main .ce_hyperlink.termine a {
	color: #FFFFFF;
	padding-left: 25px;
	background: url("../../files/libImages/linkIconWhite.png") no-repeat left center;
}

.home #main .termine .event a:hover,
.home #main .ce_hyperlink.termine a:hover {
	color: #80a4cc;
}

.home hr {
	margin-left: 150px;
	margin-top: 6px;
	margin-bottom: 9px;
}
/* Termine Startseite Ende */

/* Termine Teaser */
#right h2.termine {
	font-size: 32px;
	padding-left: 45px;
	margin-bottom: 0.5em;
	padding-bottom: 5px;
	border-bottom: 1px solid #004999;
	background: url("../../files/libImages/kalenderIconBlau.png") no-repeat left 2px;
}

#right .event {
	margin-bottom: 15px;
}

#right .event .date {
	display: block;
	font-weight: 500;
	color: #004999;
	padding-bottom: 2px;
}

#right .event a {
	font-weight: 300;
	color: #636362;
}

#right .event a:hover {
	color: #004999;
}
/* Termine Teaser Ende*/

/* Termine Uebersicht */
#main .event {
	margin-bottom: 20px;
	border-top: 1px solid #CCC;
	padding-top: 20px;
}

#main .event:first-child {
	border-top: none;
}

#main .event .eventWrapper {
	margin-left: 180px;
}

#main .event h2 {
	font-size: 14px;
	font-weight: 300;
	margin: 3px 0 7px;
}

#main .event .teaser {
	font-size: 20px;
	line-height: 140%;
	font-weight: 400;
	margin-bottom: -5px;
}
/* Termine Uebersicht Ende*/

/* Termine Details */
.mod_eventreader .event {
	margin-top: 20px;
}

.mod_eventreader .event h1 {
	font-size: 14px;
	margin: 15px 0px 7px;
}

.mod_eventreader .event .teaser {
	font-size: 20px;
	font-weight: 400;
	line-height: 140%;
	margin-bottom: -5px;
}

.mod_eventreader .event .ical {
	margin-top: 20px;
}

.mod_eventreader .event .ical a {
	margin-left: 5px;
}

/* Termine Details Ende */

/* Einladung */
#main .layout_einladung {
	padding: 10px 20px;
	margin-bottom: 15px;
	border: 1px solid #CCCCCC;
}

#main .mod_eventreader .wrongUser {
	font-size: 12px;
	margin-top: 20px;
}

#main .mod_personalData #ctrl_tour {
	display: none; /* Checkbox fuer Fuehrung standard ausgeblendet */
}

/* Einladung Ende */

/* Login Elemente */
#loginPanel,
#logoutBtn {
	position: absolute;
	top: 0;
	right: 30px;
	width: 80px;
}

#loginPanel > .inside > a,
#logoutBtn a {
	display: block;
	padding: 10px 20px;
	font-size: 12px;
	font-weight: 400;
	color: #FFFFFF;
	background-color: #00316c;
	cursor: pointer;
	text-align: center;
}

#loginPanel .loginForm {
	position: absolute;
	background-color: #FFFFFF;
	z-index: 3;
	right: 80px;
	top: 0px;
	width: 0px;
	z-index: 3;
	overflow: hidden;
	box-shadow: 0px 0px 5px 0px #333;
	transition: width 0.3s;
}

#loginPanel.open .loginForm {
	width: 350px;
}

#loginPanel .loginForm .mod_login {
	width: 320px;
	padding: 15px 15px 24px;
}

#loginPanel .loginForm .username,
#loginPanel .loginForm .password {
	float: left;
	width: 143px;
	margin-right: 5px;
}

#loginPanel .loginForm label {
	font-size: 12px;
}

#loginPanel .loginForm .username input,
#loginPanel .loginForm .password input {
	border: 1px solid #ababab;
	border-radius: 0;
	height: 22px;
	width: 100%;
}

#loginPanel .loginForm .submit_container {
	margin-top: 19px;
	float: left;
}

#loginPanel .loginForm .checkbox_container {
	float: left;
	margin: 0;
}

#loginPanel .loginForm .newPassword {
	float: right;
	margin-top: -10px;
	font-size: 12px;
	margin-right: 5px;
}

.autologin {
	margin-left: 133px;
}
/* Login Elemente Ende */

/* Pagination */
.pagination ul {
	list-style-type: none;
	padding-left: 0px;
}

.pagination li {
	float: left;
	margin-right: 7px;
}

.pagination > p {
	float: right;
}
/* Pagination Ende */

/* Colorbox */
.invitation #cboxLoadedContent {
	max-width: 600px;
}

.invitation #cboxLoadedContent .inside {
	padding: 10px 30px;
}

.video #cboxLoadedContent {
}

.invitation #cboxLoadedContent .ce_hyperlink.linkIcon {
	display: none;
}

/* Colorbox (end) */

/* PEN-Ablauf Tabelle */
#main .pen-ablauf {
	background: url("../../files/libImages/pfeil-zeitleiste.png") no-repeat right 32px;
	width: 100%;
}

#main .pen-ablauf td {
	padding: 5px 10px;
	font-size: 11px;
	line-height: 120%;
	font-weight: 400;
	color: #004999;
	vertical-align: top;
	border-top: 2px solid #004999;
	text-align: center;
}

#main .pen-ablauf tr:first-child td {
	border-top: none;
	vertical-align: bottom;
}
/* PEN-Ablauf Tabelle (Ende) */

/* boxBlau */
.boxBlau h1, .boxBlau h2, .boxBlau h3 {
	color: #FFFFFF;
}

.boxBlau {
	padding: 0 20px 10px;
	color: #FFFFFF;
	background-color: #004999;
	border: 7px double #fff;
}
/* boxBlau (Ende) */

/* Sponsoren */

.msWhitepaper.bg_orange {
	background:#FF5D02;
	padding:20px;
	color:#FFF;
}

.msWhitepaper .ce_download img,
.msWhitepaper .ce_download .size{
	display:none;
}

.msWhitepaper a {
	display: block;
	color: #FFF;
	font-weight: 300;
	background-color: #44ad44;
	padding:20px;
}

.msWhitepaper.bg_orange a {
	display: block;
	font-weight: 300;
	background-color: #FF5D02;
	padding:0;
}

.msWhitepaper p {
	margin: 0;
}

.msWhitepaper .title {
	text-transform: uppercase;
	font-size: 16px;
}

.msWhitepaper .desc {
	margin: 15px 0;
	font-size: 21px;
}

.rueckruf a {
	display: block;
	color: #FFFFFF;
	font-size: 16px;
	background-color: #4996DC;
	margin: 0;
	padding: 20px;
}

.sponsor, .citySponsor {
	width: 50%;
	float: left;
	box-sizing: border-box;
	padding-right: 20px;
	margin: 15px 0;
}
/* Sponsoren (Ende) */

/* Bildergalerie / ce_gallery */
#main .ce_gallery h2 {
	border-bottom: 1px solid rgb(0, 73, 153);
	padding-bottom: 5px;
	margin-bottom: 12px;
	margin-right: 10px;
}

#main .ce_gallery img {
	opacity: 0.6;
	transition: opacity 0.3s;
}

.firefox #main .ce_gallery img {
	border-bottom: 1px solid transparent;
}

#main .ce_gallery img:hover {
	opacity: 1;
}
/* Bildergalerie / ce_gallery */

/* youtube embed */
.ce_youtube_embed.cbox {
	width: 600px;
}

.ce_youtube_embed .videoTitle {
	font-weight: 500;
	font-size: 20px;
	line-height: 140%;
	color: #004999;
	margin-top: 1em;
	margin-bottom: 0.5em;
}

.ce_youtube_embed .videoContainer {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
}
 
.ce_youtube_embed .videoContainer iframe,
.ce_youtube_embed .videoContainer object,
.ce_youtube_embed .videoContainer embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
/* youtube embed (end) */

/* Colorbox youtube embed link */
.ce_cbox_youtube_embed_link {
	margin: 28px 0;
}

.ce_cbox_youtube_embed_link .linkWrapper {
	position: relative;
	opacity: 0.6;
	transition: opacity 0.3s;
}

.ce_cbox_youtube_embed_link .linkWrapper:hover {
	opacity: 1;
}

.ce_cbox_youtube_embed_link .playBtn {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url("../../files/libImages/btn-play.png") no-repeat center center;
}

.ce_cbox_youtube_embed_link .videoTitle {
	font-size: 13px;
	font-weight: 500;
	color: #004999;
}
/* Colorbox youtube embed link (end) */

/* Teaser Headline */
#right .teaserHl {
	position: relative;
	margin-top: 14px;
	height: 51px;
	margin-bottom: 16px;
}

#right .teaserHl h1,
#right .teaserHl h2,
#right .teaserHl h3 {
	font-size: 18px;
	position: absolute;
	bottom: 0px;
	width: 100%;
	margin: 0px;
}

#right > .inside > div:first-child .teaserHl {
	margin-top: 32px;
}
/* Teaser Headline (end) */

/* Google Map */
.dlh_googlemap {
  width: 100%;
  height: 400px;
}
/* Google Map (end) */

/* Social Sharing Buttons */
.home #header .social_sharing_buttons{
	width: auto;
    margin: 0;
    padding: 0;
    position: absolute;
    right: 250px;
    top: 25px;
}

.social_sharing_buttons{
	width: 900px;
    margin: 0 auto;
    padding: 15px 30px 0;
}
/* Social Sharing Buttons end*/


/* numberCounter staedtepartner site */
#counterTable {
	width: 100%;
	margin-bottom: 0;
}

#counterTable td {
	width: 33%;
}

#counterTable p {
	line-height: 55%;
	padding: 25px 40px;
	font-size: 40px;
	font-weight: 400;
	color: #fff;
	background-color: #004999;
}

#counterTable span {
	line-height: 50%;
}

#counterTable .normal {
	font-size: 12px;
	font-weight: 100;
	color: #c5c5c5;
}

.counterTableHint {
	font-size: 10px;
	color: #999999;
}

#banner .bannerImg.top.center {
	background-position: center bottom;
}


/* Stoerer */
.banner-pause-desktop-home-container {
	position: absolute;
	z-index: 900;
	width: 100%;
	overflow: visible;
}
.banner-pause-desktop-home {
	width:900px;
	margin:0 auto;
	overflow: visible;
}
.banner-pause-desktop-home {
	position:relative;
}
.banner-pause-desktop-home img {
	width: 160px;
	position: absolute;
	left: 530px;
	top: 10px;
	}

.banner-pause-desktop-rechts img {
	width: 160px;
	display:block;
	margin:2.5rem 0 0rem 1rem;
}
/*
 * No-responsive CSS fuer Contao 3
 *
 * Fabian Perrey
 * f.perrey@ixtensa.de
 * Ixtensa GmbH
 * www.ixtensa.de
 *
 * Beschreibung:
 * Revertiert die CSS Formatierung des media-queries fuer das
 * responsive Verhalten von Contao 3
 */


@media(max-width:767px){
     /* Groessen der verwendeten Containerbereiche eintragen (siehe Seitenlayout) */
     #right {
          width:230px !important;
     }


     /* Essentielle Revertierungen des Holy Grail */
     #main,#left,#right {
          float:left !important;
     }
     #left {
          right:auto !important;
          margin-left:-100% !important;
     }
     #right {
          margin-right:-100% !important;
     }
}