body {
	background-color:#F9F6EF;
	font-size:16px;
}
#header {
	position: relative;
	margin:0 0 2em 0;
	padding: 0;
	z-index: 10;
}
#header > .container {
	position:relative;
	height: 120px;
	background-color:white;
	border-bottom: 4px solid #5793c9;
	padding:1em;
}
nav#breadcrumbs > .container {
	margin: 5px auto;
	padding:0;
	font-size: 14px;
}
#header .row,
#header .row .col-nav {
	min-height:93px;
}
#header .logo {
	position: absolute;
	top: 6px;
	left: 24px;
	z-index: 999;
}
#header h1 {
	font-family: "Neue Helvetica W01", Arial;
	font-size: 16px;
	font-weight: bold;
	line-height: 18px;
	margin: 0;
	position: absolute;
	top: 42px;
	left: 120px;
}
#header h2 {
	font-family: "Neue Helvetica W01", Arial;
	font-size: 14px;
	font-style: normal;
	line-height: 18px;
	margin: 0;
	position: absolute;
	top: 64px;
	left: 120px;
}

main .startHeader {
	position: relative;
	top:0;
	z-index: 0;
	height: auto;
}

main .startHeader .headerImage {
	position: relative;
  top:0;
  z-index: 0;
}
main .startHeader h2.headline {
	position: absolute;
  bottom:50px;
  z-index: 10;
}
main .startHeader h2.headline i {
	color: #fff;
	display: inline-block;
	line-height: 40px;
	padding: 8px 10px 8px 30px;
}
.transparent_blue {
	background-color: rgba(54, 125, 204, 0.75);
}
.startseite #mainContent {
	position: relative;
	top:0;
}

@media (min-width: 768px) {
	
	main .startHeader h2.headline i {
		color: #fff;
		display: inline-block;
		line-height: 40px;
		padding: 8px 96px 8px 160px;
	}
	main .startHeader {
		position: relative;
		top:-57px;
		height:400px;
	}
	main .startHeader .headerImage {
		position: relative;
	  top: -70px;
	}
	main .startHeader h2.headline {
		position: absolute;
	  bottom:50px;
	}
	.startseite #mainContent {
		position: relative;
		top: -60px;
	}
}

@media (min-width: 992px) {
	main .startHeader {
		height: 500px;
	}
	main .startHeader .headerImage {
	  top: -150px;
	}
	main .startHeader h2.headline {
	  bottom:100px;
	}
	.startseite #mainContent {
		top: -100px;
	}
}

@media (min-width: 1200px) {}

#mainContent {
	background-color:white;
	padding:0;
}
@media (min-width:768px) {
	#mainContent {
		background-color:white;
		padding:1.5em;
	}
}

/**
 * Navigation
 **/
#header .nav.nav-pills {
	position: absolute;
	top: -15px;
	right: 0;
}
@media (min-width: 600px) {
	header .nav.nav-pills {
		position: absolute;
		top: auto; bottom: 0;
		right: 15px;
	}
}
.navbar-nav {
	width: 100%;
}
.navbar-nav ul li {
	padding-left:24px;
}
@media (min-width: 480px) {
	.navbar-nav > li {
		width: 50%;
		float: left;
	}
	.navbar-nav ul li {
		padding-left:24px;
	}
}
@media (min-width: 768px) {
	.navbar-nav > li {
		width: 33%;
	}
	.navbar-nav ul li {
		padding-left:0;
	}
}
@media (min-width: 992px) {
	.navbar-nav > li {
		width: 20%;
	}
	.navbar-nav ul li {
		padding-left:0;
	}
}
@media (min-width: 1200px) {
	.navbar-nav > li {
		width: 20%;
	}
}
.navbar-nav > li > a {
	font-weight: bold;
}
.nav.navbar-nav ul {
	padding:0;
	list-style:outside none none;
}
#header a.menu-close {
	display:none;
}
#header:target a.menu {
	display:none;
}
#header:target a.menu-close {
	display:block;
}
#header .navbar-dropdown {
	background: #fff none repeat scroll 0 0;
	display: none;
	max-height: 0;
	padding: 24px 0;
	transition: max-height 0.8s ease 0s;
	z-index: 9999999;
}
#header .navbar-dropdown a {
	display: block;
	margin: 0;
	padding: 6px 24px;
	color: #000;
	line-height: 24px;
}
#header:target .navbar-dropdown {
	border-bottom: 1px solid rgba(200, 200, 200, 0.75);
	border-top: 1px solid #eee;
	display: table;
	left: 15px;
	position: absolute;
	right: 0;
	top: 116px;
	width: 100%;
}

nav .nav-pills li>a>span {
	display:none;
}
@media (min-width: 450px) {
	nav .nav-pills li>a>span {
		display:inline;
	}
}

/***
 * Linke Navigation
 ***/
.nav-left ul {
	margin-left: 0;
	padding-left: 0;
	list-style:none;
}
.nav-left ul li ul {
	padding-left: 24px;
}
.nav-left ul li a {
	color: #000;
	display: block;
	line-height: 24px;
	margin: 0;
	padding: 6px 0;
}
.nav-left ul li.cur > span > a {
	font-weight:bold;
}


div.csc-textpic-responsive.csc-textpic-center.csc-textpic-above,
div.csc-textpic-responsive.csc-textpic-center.csc-textpic-above .csc-textpic-center-outer,
div.csc-textpic-responsive.csc-textpic-center.csc-textpic-above .csc-textpic-center-inner,
div.csc-textpic-responsive.csc-textpic-center.csc-textpic-above .csc-textpic-image,
div.csc-textpic-responsive.csc-textpic-center.csc-textpic-above figure,
div.csc-textpic-responsive.csc-textpic-center.csc-textpic-above figure a,
div.csc-textpic-responsive.csc-textpic-center.csc-textpic-above figure a img,
div.csc-textpic-responsive.csc-textpic-center.csc-textpic-below,
div.csc-textpic-responsive.csc-textpic-center.csc-textpic-below .csc-textpic-center-outer,
div.csc-textpic-responsive.csc-textpic-center.csc-textpic-below .csc-textpic-center-inner,
div.csc-textpic-responsive.csc-textpic-center.csc-textpic-below .csc-textpic-image,
div.csc-textpic-responsive.csc-textpic-center.csc-textpic-below figure,
div.csc-textpic-responsive.csc-textpic-center.csc-textpic-below figure a,
div.csc-textpic-responsive.csc-textpic-center.csc-textpic-below figure a img {
	max-width:100%
}

.news-single-content .contenttable td {
	padding-right: 25px;
	padding-bottom: 10px;
}

#sbCenter {
	z-index: 1000 !important;
}
#sbBottomContainer {
	z-index: 999 !important;
}

footer {
	margin-top:3em;
}
footer .container {
	background-color:#5793C9;
	color:white;
	padding:3em 1em 1em 1em;
}
footer .footer-copyright {
	margin:auto;
	text-align:center;
}
.footer-menu ul {
	list-style: outside none none;
	margin: 0 0 20px 0;
	padding: 0;
	text-align:center;
}
.footer-menu ul li {
	margin: 0; padding: 0;
	display:inline-block;
}
.footer-menu ul li a,
.footer-menu ul li > span {
	display:block;
	margin:0 20px;
}
.footer-menu ul li a {
	color:white;
	text-decoration:none;
}
.footer-menu ul li a:hover {
	color:white;
	text-decoration:underline;
}

.frame-type-uploads ul.ce-uploads {
	list-style: none;
	margin: 0 0 2em 0;
	padding: 0;
}
.frame-type-uploads ul.ce-uploads li {
	margin: 1em 0;
}
.frame-type-uploads ul.ce-uploads li img {
	display: inline-block;
	float: left;
	margin-right: 10px;
}
.frame-type-uploads .ce-uploads-description {
	display: block;
}

.news-list-item h3 {
	font-size: 16px;
	font-weight: bold;
}
.news-list-container {
	margin:0 0 2em 0;
}

.tx-felogin-pi1 h3 {
	font-size: 30px;
}
.tx-felogin-pi1 legend {
	display:none;
}
.tx-felogin-pi1 div {
	margin: 0 0 10px;
}
.startseite #leftContent .tx-felogin-pi1 {
	display: none;
}

#header #search {
	display:none;
}
@media (min-width: 565px) {
	#search-link {
		display:none;
	}
	#header #search {
		display:block;
		position: absolute;
		top: 62px;
		right: 0;
		z-index: 9999999;
	}
}

#form_kesearch_searchfield {
	position: relative;
}
#form_kesearch_searchfield .input-group {
	width: 100%;
}
#form_kesearch_searchfield .input-group-btn {
	width: 1%;
}

/***
 * Glossar: Layout
 ***/
.tx-mksimpleglossary-pi1,
.tx-mksimpleglossary-pi2 {
	margin:0 0 30px 0;
}
.tx-mksimpleglossary-pi1 ul {
	list-style:none;
	margin: 0;
	padding: 0;
}
.tx-mksimpleglossary-pi1 ul li {
	display: inline-block;
	margin: 0; padding: 0;
}
.tx-mksimpleglossary-pi1 li > a {
	display: inline-block;
	margin: 0;
	padding: 0.5em;
	border:1px solid white;
}
.tx-mksimpleglossary-pi1 li > a:hover {
	background-color:#ddd;
	border:1px solid #aaa;
}
.tx-mksimpleglossary-pi1 .newUpdated li > a {
	padding:0.5em;
}

.tx-mksimpleglossary-pi1 .anzeige {}
.tx-mksimpleglossary-pi1 .anzeige ul {
	list-style:outside none disc;
	margin:0 0 24px 0;
}
.tx-mksimpleglossary-pi1 .anzeige li {
	display: list-item;
	margin:0 0 8px 24px !important;
}
.tx-mksimpleglossary-pi1 .anzeige {}

#vorschlag .formElement {
	padding:0 0 15px 0;
}
#vorschlag label {
	display: block;
}
#vorschlag input,
#vorschlag textarea {
	width: 100%;
}


.tx-cc-glossary {}
.tx-cc-glossary .liste {}

.tx-cc-glossary .liste ul,
.tx-cc-glossary .liste ul li {
	list-style: none;
	margin:0; padding:0;
}
.tx-cc-glossary .liste ul li {
	display:inline-block;
	margin:0 15px 5px 0;
}
.tx-cc-glossary .liste ul li a {
	display: block;
	padding:0;
}
.tx-cc-glossary ul.categories {
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 14px;
	font-weight: bold;
	text-align: right;
}
.tx-cc-glossary ul.categories li {
	display: inline-block;
	margin-right: 0.5em;
}


.news-single-item .news-single-subheader {
  margin:0;
  padding:0;
  font-weight:normal;
  background-color: #ececec;
  color:#333;
  margin: 0 0 1em;
  padding:0.3em 0.5em;
}
.news-single-subheader dl,
.news-single-subheader dt,
.news-single-subheader dd {
  
}
.news-single-content {
  margin:0;
  border:0;
  padding:0;
}
.news-single-newsdata {
  margin-top:1em;
  padding:0.5em 0;
}

.news-single-additional-info {
  margin:0;
  padding:0;
}
.news-single-subheader dl.news-single-files {
	margin:10px;
}
.news-single-additional-info dl dt {

}
.news-single-additional-info dl dd {
  padding:0.5em 0 0 0;
}

.form-horizontal .form-group.headline {
	margin:0;
}
.form-horizontal h3 {
	margin:0 0 10px 0;
	padding-top:7px;
	font-size:14px;
	font-weight:700;
}
.form-horizontal fieldset {
	margin:20px 0 0 0;
	padding:0;
}
.form-horizontal fieldset.fullwidth {
	margin:20px 0 0 0;
	padding:0;
}
@media (min-width:768px) {
	.form-horizontal fieldset {
		margin:0 0 30px 0;
		padding:0 0 10px 0;
	}
	.form-horizontal fieldset.fullwidth {
		margin:0;
		padding:0 0 0 0;
	}
}
.form-horizontal fieldset.subsection {
	border:1px solid #eee;
	margin:0 0 20px 0;
	padding:0 5px 5px 5px;
}
.form-horizontal fieldset.subsection:last-child {
	margin:0;
}
@media (min-width:768px) {
	.form-horizontal fieldset.subsection {
		margin:20px 0;
		padding:0 20px 10px 20px;
	}
}
.form-horizontal fieldset.subsection legend {
	width:auto;
	margin:0; padding:0 5px;
	border-bottom:none;
	font-size:12px;
	text-align:right;
}
#anmeldung-helfer.form-horizontal fieldset.subsection legend {
	text-align:left;
}
#meldung-seminare.form-horizontal fieldset.subsection {
	padding:10px 30px 0 30px;
}
#meldung-seminare.form-horizontal fieldset.subsection legend {
	margin:0 10px; padding:0 10px;
	text-align:left;
	font-size:20px;
	font-weight:bold;
}
#meldung-seminare #Tx_Formhandler_UploadedFiles_anlagen {
	
}
#meldung-seminare #Tx_Formhandler_UploadedFiles_anlagen a {
	margin-left:10px;
}
#meldung-seminare a.formhandler_removelink::after {
	content:' ';
	display:block;
}
.form-group.textarea-big label {
	text-align:left;
}
#anmeldung-chor-preview .form-group,
#anmeldung-chor .form-group,
#anmeldung-orchester .form-group,
#anmeldung-gasteltern .form-group {
	margin-top:10px;
	margin-bottom:10px;
}
#anmeldung-helfer .form-group {
	margin-top:0;
	margin-bottom:0;
}
#anmeldung-chor-preview .form-group-checkbox,
#anmeldung-chor .form-group-checkbox,
#anmeldung-orchester .form-group-checkbox,
#anmeldung-gasteltern .form-group-checkbox,
#anmeldung-helfer .form-group-checkbox {
	margin-top:0;
	margin-bottom:0;
}

#anmeldung-chor-preview .form-group-subcheckbox,
#anmeldung-chor-preview .form-group-subsubcheckbox,
#anmeldung-chor .form-group-subcheckbox,
#anmeldung-chor .form-group-subsubcheckbox,
#anmeldung-orchester .form-group-subcheckbox,
#anmeldung-orchester .form-group-subsubcheckbox,
#anmeldung-gasteltern .form-group-subcheckbox,
#anmeldung-gasteltern .form-group-subsubcheckbox,
#anmeldung-helfer .form-group-subcheckbox,
#anmeldung-helfer .form-group-subsubcheckbox {
	margin-top:0;
	margin-bottom:0;
}

#anzahlpersonen {
	width: 50px;
	text-align: right;
}

#bestellung-8343 fieldset {
	margin-top:3em;
}
#bestellung-8343 #orders-hidden {
	display:none;
}
#bestellung-8343 .subProductContainer {
	margin-left: 2em;
}
#bestellung-8343 p {
	margin: 0; padding: 0;
}
#bestellung-8343 p.small,
#bestellung-8343 div.desc p {
	 font-weight: normal;
}

#bestellung-kalender-8510 .textareaHinweise textarea {
	height:94px;
}

.text-inline,
.form-group-inlinecheckbox {
	display:inline-block;
	width:auto;
}


body.ijt2019 {
	background: #44372d;
	background-image: url(https://www.pop-oratorium.de/static/themes/nord/images/background-footer.png);
	background-position: bottom center;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-size: 100vw;
}
body.ijt2019 #header > .container {
	height: 80px;
	padding:0 15px 0 15px;
	background-color: transparent;
	border-bottom:none;
}
body.ijt2019 #header .logo {
	top:24px; left:39px;
	height: 40px;
}
body.ijt2019 .mainHeader {
	height: 80px;
	background-color: white;
	border-bottom:4px solid black;
}
body.ijt2019 #header .row,
body.ijt2019 #header .row .col-nav {
	min-height:auto;
}
body.ijt2019 footer .container {
	background-color: transparent;
	padding:0;
	padding-left: 15px;
	padding-right: 15px;
}
body.ijt2019 footer .footer-content {
	background-color: #5793C9;
	padding:3em 1em 1em 1em;
}

body.ijt2019 .subsection .form-group {
	margin-bottom:0;
}