@charset "UTF-8";

/* ganzes element klickbar */
/* hide only visually, but have it available for screenreaders */
header[role="banner"] div.breadcrumbs {
	visibility: hidden;
}

main:after {
	clear: both;
	content: " ";
	display: block;
}

main div.geo, main div.geo div.positioner {
	height: 220px;
	transition: height 0.4s ease 0s;
}

main div.geo.open, main div.geo.open div.positioner {
	height: 500px;
}

main div.geo div.positioner {
	height: 220px;
	left: 0;
	overflow: hidden;
	position: absolute;
	right: 0;
	top: 0;
}

main div.geo div.portrait {
	height: 220px;
	overflow: hidden;
	position: absolute;
	top: 0;
	width: 220px;
}

main div.geo div.portrait img {
	max-height: 220px;
	max-width: 220px;
}

main div.keine_schaltung_erwuenscht {
	background: red;
	color: #fff;
	font-family: 'Open sans', Arial, Verdana, Helvetica, sans-serif;
	font-weight: bold;
	padding: 10px 20px;
}

main div.abstract, main div.medienblock, main div.langbeschreibung {
	margin-bottom: 20px;
}

main div.medienblock {
	min-height: 20px;
}

main div.medienblock::after {
	background: #d7dde7;
	/* Old browsers */
	background: linear-gradient(to bottom, #d7dde7 0%, #fff 100%);
	content: "";
	display: block;
	height: 37px;
	margin-top: 20px;
	/* W3C */
}

main div.medienblock ul.tabs {
	background: #d7dde7;
	/* Old browsers */
	background: linear-gradient(to bottom, #fff 0%, #d7dde7 100%);
	height: 37px;
	margin-bottom: 20px;
	padding-left: 2px;
	/* W3C */
}

main div.medienblock ul.tabs:after {
	clear: both;
	content: " ";
	display: block;
}

main div.medienblock ul.tabs li {
	border-right: solid 2px #fff;
	color: #234085;
	cursor: pointer;
	float: left;
	font-weight: 400;
	line-height: 37px;
	padding: 0 10px;
	text-transform: uppercase;
}

main div.medienblock ul.tabs li:last-child {
	border: none;
}

main div.medienblock ul.tabs li:hover {
	background: rgba(255, 255, 255, 0.4);
	color: #000;
}

main div.medienblock ul.tabs li.active, main div.medienblock ul.tabs li.active:hover {
	background: #fff;
	color: #000;
}

main div.medienblock ul.panes>li {
	position: relative;
}

main div.medienblock ul.panes>li>ul {
	overflow: hidden;
}

main div.medienblock ul.panes>li.limit>ul {
	max-height: 480px;
}

main div.medienblock ul.panes>li div.trigger {
	background: #234085;
	border-radius: 50%;
	bottom: -14px;
	color: #fff;
	cursor: pointer;
	height: 20px;
	line-height: 20px;
	position: absolute;
	right: 0;
	text-align: center;
	width: 20px;
}

main div.medienblock ul.panes>li.open>ul {
	max-height: none;
}

main div.medienblock ul.panes>li.open div.trigger {
	display: none;
}

main div.medienblock ul.onlinegalerie:after {
	clear: both;
	content: " ";
	display: block;
}

main div.medienblock ul.onlinegalerie li {
	float: left;
	height: 220px;
	margin: 0 20px 20px 0;
	width: 220px;
}

main div.medienblock ul.onlinegalerie li:nth-child(3n) {
	margin-right: 0;
}

main div.medienblock ul.videos li {
	/*background:url(../images/videoPreview.png) no-repeat left top #f8f8fa;*/
	background: #f8f8fa;
	font-family: 'Roboto', Arial, Verdana, Helvetica, sans-serif;
	margin-bottom: 20px;
	position: relative;
}

main div.medienblock ul.videos li:after {
	clear: both;
	content: " ";
	display: block;
}

main div.medienblock ul.videos li .medium {
	float: left;
	width: 400px;
}

main div.medienblock ul.videos li .iFrameScaler {
	height: 0;
	padding-bottom: 56.25%;
	position: relative;
}

main div.medienblock ul.videos li iframe {
	height: 100% !important;
	left: 0;
	position: absolute;
	top: 0;
	width: 100% !important;
}

main div.medienblock ul.videos li div.titel, main div.medienblock ul.videos li div.beschreibung, main div.medienblock ul.videos li div.jahr, main div.medienblock ul.videos li div.copyright {
	color: #000;
	font-size: 12px;
	line-height: 16px;
	padding: 8px 15px 0 415px;
}

main div.medienblock ul.videos li div.titel {
	color: #363f81;
	font-size: 18px;
	font-weight: 400;
	line-height: 24px;
}

main div.medienblock ul.texte li {
	border-bottom: dashed 1px #363f81;
	font-family: 'Roboto', Arial, Verdana, Helvetica, sans-serif;
	margin-bottom: 20px;
	padding-right: 30px;
	position: relative;
}

main div.medienblock ul.texte li:last-child {
	border-bottom: none;
}

main div.medienblock ul.texte li:after {
	clear: both;
	content: " ";
	display: block;
}

main div.medienblock ul.texte li div.filetype {
	border: 1px solid #5192ff;
	border-radius: 50%;
	color: #5192ff;
	float: left;
	font-family: "Dosis", Arial, Verdana, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: 400;
	line-height: 48px;
	margin-top: 6px;
	text-align: center;
	text-transform: uppercase;
	width: 48px;
}

li:hover main div.medienblock ul.texte li div.filetype {
	border: 1px solid #234085;
	color: #234085;
}

main div.medienblock ul.texte li div.titel {
	color: #5192ff;
	font-size: 18px;
	font-weight: 400;
	line-height: 36px;
	padding-left: 64px;
}

li:hover main div.medienblock ul.texte li div.titel {
	color: #234085;
}

main div.medienblock ul.texte li div.filesize, main div.medienblock ul.texte li div.beschreibung, main div.medienblock ul.texte li div.jahr, main div.medienblock ul.texte li div.copyright {
	color: #000;
	font-size: 12px;
	line-height: 20px;
	padding: 0 0 10px 64px;
}

main div.medienblock ul.texte li a {
	background: url(../images/spacer.gif) repeat left top;
	height: 100%;
	left: 0;
	position: absolute;
	text-indent: -9999px;
	top: 0;
	width: 100%;
}

main div.medienblock ul.publikationen li {
	border-bottom: dashed 1px #363f81;
	font-family: 'Roboto', Arial, Verdana, Helvetica, sans-serif;
	margin-bottom: 20px;
	min-height: 60px;
	padding-right: 30px;
	position: relative;
}

main div.medienblock ul.publikationen li:last-child {
	border-bottom: none;
}

main div.medienblock ul.publikationen li:after {
	clear: both;
	content: " ";
	display: block;
}

main div.medienblock ul.publikationen li div.titel {
	color: #5192ff;
	font-size: 18px;
	font-weight: 400;
	line-height: 36px;
}

main div.medienblock ul.publikationen li a.kauflink {
	background: url(../images/spacer.gif) no-repeat left top;
	color: #5192ff;
	line-height: 40px;
	position: absolute;
	right: 20px;
	text-indent: -9999px;
	top: 0;
	width: 40px;
}

main div.medienblock ul.publikationen li a.kauflink:hover {
	color: #234085;
}

main div.medienblock ul.publikationen li a.kauflink::after {
	content: "\e60a";
	display: block;
	font-family: 'kvnoe-icons';
	font-size: 32px;
	left: 0;
	position: absolute;
	text-indent: 0;
	top: 0;
}

main div.medienblock ul.rooms>li {
	border-bottom: dashed 1px #d7d7d7;
	font-family: 'Roboto', Arial, Verdana, Helvetica, sans-serif;
	margin: 0 0 20px 0;
	min-height: 60px;
	padding: 0 30px 20px 0;
	position: relative;
}

main div.medienblock ul.rooms>li:last-child {
	border-bottom: none;
}

main div.medienblock ul.rooms>li:after {
	clear: both;
	content: " ";
	display: block;
}

main div.medienblock ul.rooms>li div.titel {
	color: #5192ff;
	font-size: 18px;
	font-weight: 400;
	line-height: 36px;
}

main div.medienblock ul.rooms>li ul {
	margin-left: 160px;
}

main div.medienblock ul.rooms>li li {
	display: inline-block;
}

main div.medienblock ul.rooms>li strong {
	font-weight: 400;
}

main div.medienblock ul.rooms>li fieldset:after {
	clear: both;
	content: " ";
	display: block;
}

main div.medienblock ul.rooms>li fieldset+fieldset {
	margin-top: 1em;
}

main div.medienblock ul.rooms>li fieldset.fassungsvermoegen li {
	margin-right: 2em;
}

main div.medienblock ul.rooms>li fieldset.ausstattung li::after {
	content: ",";
	margin-right: 0.4em;
}

main div.medienblock ul.rooms>li fieldset.ausstattung li:last-child {
	display: block;
}

main div.medienblock ul.rooms>li fieldset.ausstattung li:last-child::after {
	display: none;
}

main div.medienblock ul.rooms>li legend {
	color: #5192ff;
	display: block;
	float: left;
	font-weight: 400;
	width: 160px;
}

main fieldset.gastro, main fieldset.technik {
	margin-bottom: 20px;
}

main fieldset.gastro legend, main fieldset.technik legend {
	color: #5192ff;
	font-weight: 400;
}

main fieldset.gastro ul, main fieldset.gastro .fcontent, main fieldset.technik ul, main fieldset.technik .fcontent {
	margin-left: 20px;
}

main fieldset.gastro li, main fieldset.technik li {
	display: inline-block;
}

main fieldset.gastro li::after, main fieldset.technik li::after {
	content: ",";
	padding-right: 4px;
}

main fieldset.gastro li:last-child::after, main fieldset.technik li:last-child::after {
	display: none;
}

main aside {
	position: relative;
}

main aside div.map-toggle {
	color: #5192ff;
	cursor: pointer;
	line-height: 34px;
	position: absolute;
	top: -72px;
}

main aside div.mitglied, main aside div.person, main aside dl.kontakt, main aside div.fb-like {
	margin-bottom: 20px;
}

main aside div.mitglied {
	color: #5192ff;
	font-size: 14px;
	font-weight: 400;
}

main aside ul.mitglied_bei_ext {
	line-height: 18px;
	list-style-type: circle;
	margin-bottom: 20px;
}

main aside ul.mitglied_bei_ext::before {
	content: "Mitglied bei";
	display: block;
}

main aside ul.mitglied_bei_ext li {
	margin-left: 20px;
}

main aside ul.mitglied_bei_ext li a {
	text-decoration: none;
}

main aside ul.mitglied_bei_ext li a:hover {
	color: #234085;
}

main aside div.anschrift {
	padding-left: 10px;
}

main aside div.anschrift a {
	color: #5192ff;
	text-decoration: none;
}

main aside div.anschrift a:hover {
	color: #234085;
}

main aside div.anschrift span[property=streetAddress], main aside div.anschrift span.bezirk, main aside div.anschrift span.viertel, main aside div.anschrift span[property=addressCountry] {
	display: block;
}

main aside div.anschrift span[property=postalCode] {
	padding-right: 5px;
}

main aside div.anschrift span.bezirk::before {
	content: "Bezirk:";
	padding-right: 5px;
}

main aside div.anschrift span.viertel::before {
	content: "Region:";
	padding-right: 5px;
}

main aside dl.kontakt a {
	color: #5192ff;
	text-decoration: none;
}

main aside dl.kontakt a:hover {
	color: #234085;
}

main aside dl.kontakt dt.email, main aside dl.kontakt dt.homepage, main aside dl.kontakt dt.telefon {
	display: none;
}

main aside dl.kontakt dd.telefon a::before {
	color: #000;
	content: "Telefon:";
	padding-right: 5px;
}

main aside dl.einordnung dd {
	margin: 0 0 20px 10px;
}

main aside a.meldungMachen {
	color: #5192ff;
	display: block;
	line-height: 16px;
	margin-bottom: 20px;
	text-decoration: none;
}

main aside a.meldungMachen:hover {
	color: #234085;
}

main aside .noUser {
	color: #f00;
	margin-bottom: 20px;
}

main aside .noUser button {
	background: #234085;
	border: none;
	color: #fff;
	padding: 2px 12px;
}

.tdoaBlock {
	margin: 20px 0 40px;
}

.tdoaBlock .heading {
	font-family: "Dosis", Arial, Verdana, Helvetica, sans-serif;
	font-size: 28px;
	font-weight: 600;
	text-align: center;
	text-transform: uppercase;
}

.tdoaBlock .intro {
	font-size: 14px;
	line-height: 17px;
	margin-top: 10px;
	text-align: center;
}

.tdoaBlock a {
	color: #234085;
	text-decoration: none;
}

.tdoaVa>li {
	border: solid 1px #5192ff;
}

.tdoaVa, .tdoaList {
	margin-top: 10px;
}

.tdoaVa>li, .tdoaList>li {
	background: #fff7c8;
	margin-top: 10px;
	padding: 10px 20px;
	position: relative;
}

.tdoaVa>li>.abgesagt, .tdoaList>li>.abgesagt {
	background: #f00;
	border-radius: 10px;
	color: #fff;
	font-family: "Dosis", Arial, Verdana, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: 600;
	padding: 10px 60px;
	position: absolute;
	right: -10px;
	text-transform: uppercase;
	top: 20px;
	transform: rotate(20deg);
}

.tdoaVa .title, .tdoaList .title {
	color: #234085;
	font-family: "Dosis", Arial, Verdana, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: 600;
	margin-bottom: 10px;
	text-transform: uppercase;
}

.tdoaVa .ort, .tdoaVa .termine, .tdoaVa .mitmacher, .tdoaVa .taetigkeiten, .tdoaVa .sonstiges, .tdoaVa .zusatzprogramm, .tdoaVa .bestellung, .tdoaVa .kategorie,
.tdoaList .ort, .tdoaList .termine, .tdoaList .mitmacher, .tdoaList .taetigkeiten, .tdoaList .sonstiges, .tdoaList .zusatzprogramm, .tdoaList .bestellung, .tdoaList .kategorie {
	clear: both;
	margin-bottom: 10px;
}

.tdoaVa .ort::before, .tdoaVa .termine::before, .tdoaVa .mitmacher::before, .tdoaVa .taetigkeiten::before, .tdoaVa .sonstiges::before, .tdoaVa .zusatzprogramm::before, .tdoaVa .bestellung::before, .tdoaList .ort::before, .tdoaList .termine::before, .tdoaList .mitmacher::before, .tdoaList .taetigkeiten::before, .tdoaList .sonstiges::before, .tdoaList .zusatzprogramm::before, .tdoaList .bestellung::before {
	display: block;
	font-weight: 400;
}

.tdoaVa .ort, .tdoaVa .termine, .tdoaList .ort, .tdoaList .termine {
	clear: none;
	margin-left: 20px;
}

.tdoaVa .ort::before, .tdoaVa .termine::before, .tdoaList .ort::before, .tdoaList .termine::before {
	margin-left: -20px;
}

.tdoaVa .ort, .tdoaList .ort {
	float: right;
	width: 300px;
}

.tdoaVa .ort::before, .tdoaList .ort::before {
	content: "Veranstaltungsort:";
}

.tdoaVa .ort>a, .tdoaList .ort>a {
	color: inherit;
}

.tdoaVa .ort span, .tdoaList .ort span {
	display: inline-block;
}

.tdoaVa .ort .name, .tdoaVa .ort .street, .tdoaList .ort .name, .tdoaList .ort .street {
	display: block;
}

.tdoaVa .ort .zip+.city, .tdoaList .ort .zip+.city {
	padding-left: 5px;
}

.tdoaVa .termine::before, .tdoaList .termine::before {
	content: "Termine:";
}

.tdoaVa .mitmacher::before, .tdoaList .mitmacher::before {
	content: "Kunstschaffende/Kunstvereine und Veranstaltende";
}

.tdoaVa .mitmacher>li, .tdoaList .mitmacher>li {
	display: inline-block;
	margin-right: 5px;
}

.tdoaVa .mitmacher>li.keine_schaltung_erwuenscht a, .tdoaList .mitmacher>li.keine_schaltung_erwuenscht a {
	color: red;
}

.tdoaVa .mitmacher>li::after, .tdoaList .mitmacher>li::after {
	content: ",";
}

.tdoaVa .mitmacher>li:last-child::after, .tdoaList .mitmacher>li:last-child::after {
	display: none;
}

.tdoaVa li.cancelled, .tdoaList li.cancelled {
	color: #f00;
	text-decoration: line-through;
}

.tdoaVa .taetigkeiten::before, .tdoaList .taetigkeiten::before {
	content: "Was wird geboten?";
}

.tdoaVa .taetigkeiten>li,
.tdoaList .taetigkeiten>li,
.tdoaVa .kategorie>li,
.tdoaList .kategorie>li {
	display: inline-block;
	padding-right: 5px;
}

.tdoaVa .taetigkeiten>li::after,
.tdoaList .taetigkeiten>li::after,
.tdoaVa .kategorie>li::after,
.tdoaList .kategorie>li::after {
	content: ",";
}

.tdoaVa .taetigkeiten>li:last-child::after,
.tdoaList .taetigkeiten>li:last-child::after,
.tdoaVa .kategorie>li:last-child::after,
.tdoaList .kategorie>li:last-child::after {
	display: none;
}

.tdoaVa .zusatzprogramm::before, .tdoaList .zusatzprogramm::before {
	content: "Zusatzprogramm:";
}

.tdoaVa .bestellung::before, .tdoaList .bestellung::before {
	content: "Bestellungen:";
}

.tdoaList .ort {
	width: 240px;
}

/* responsive */
@media screen and (max-width: 480px) {
	dl.einordnung dd {
		margin: 0 0 20px 10px;
	}

	main div.geo, main div.geo div.positioner {
		height: unset;
	}

	main div.geo div.portrait {
		margin-bottom: 10px;
		position: inherit;
	}

	main div.medienblock::after {
		display: none;
	}

	.body {
		padding: 15px;
	}

	.body .positioner {
		display: none;
	}

	.body .leftblock {
		float: none;
		width: 100%;
	}

	.body .leftblock .medienblock ul.tabs {
		display: none;
	}

	.body .leftblock .medienblock .panes h1 {
		color: #234085;
		display: block;
		font-size: 17px;
	}

	.body .leftblock .medienblock .panes>li {
		display: inline-block !important;
	}

	.body .leftblock .medienblock .panes>li ul.onlinegalerie li {
		height: 160px;
		margin: 0 15px 7px 0 !important;
		width: 45%;
	}

	.body .leftblock .medienblock .panes>li ul.onlinegalerie li a img {
		width: 100%;
	}

	.body aside {
		float: none;
		position: inherit;
		width: 100%;
	}

	.body aside .map-toggle {
		display: none;
	}

	.body aside[role="complementary"] h1 {
		color: #234085;
		display: block;
		font-size: 17px;
		margin-left: 10px;
	}

	main.kkk .leftblock {
		padding: 0px;
	}

	main div.medienblock ul.videos li .medium {
		float: none;
		width: auto;
	}

	main div.medienblock ul.videos li div.beschreibung, main div.medienblock ul.videos li div.copyright, main div.medienblock ul.videos li div.jahr, main div.medienblock ul.videos li div.titel {
		padding: 0px;
	}

	.tdoaList .ort, .tdoaVa .ort {
		float: none;
		width: auto;
	}
}