body, table, th, tr, td,
input, button, select {
	font-family: Verdana, sans-serif;
	font-size: 13px;
	color: #C4C4E6; /* alt #AEAECC C4C4E6 */
	text-align: left;
}
select { color: #001145; }

body {
	background-color: #001145;
	background-image: url("img/sterne.jpg");
	overflow-y: scroll;
	padding: 0;
	margin: 0;
}

hr {
	border: none;
	border-bottom: 1px solid #4C5980;
}

.td-main img {
	/* better fit into cells/columns */
	max-width: 100%;
	height: auto;
	/*box-sizing: border-box;*/ /* problematic with img+border*/
}
#lightwindow img { max-width: none; }

.small {
	font-size: 11px;
	line-height: 15px;
}

.error {
	color: #F10000;
}

.frame, .frame-important, .outline {
	padding: 0 10px;
	margin: 20px 0px;
}
.frame {
	background-color: #22305A; /*#3D4670;*/
	border: 1px solid #6D7593;
	color: #C4C4E6;
}
.frame-important {
	background-color: #780822;
	border: 1px solid #f10000;
	color: #fdd;
}
.frame				a { /*color: #faa !important;*/ }
.frame-important	a { color: #f5b402 !important; }

.frame				h2 { color: #fff; padding-top: 0; }
.frame-important	h2 { color: #fff; padding-top: 0; border-bottom-color: #990519; }

.frame-important	b, .frame-important	strong { color: #fff !important; }


.quiet, .shy { color: #6D7593; }

input.suchbox {
	background-color: #3D4670; 
	/*background-image: url(img/back_input.gif);*/
	border: 1px solid #6D7593;
	font-size: 11px;
	color: #C4C4E6;
	width: 91px; /*65px; */
	margin-top: .25em;
}

textarea.suchbox {
	background-color: #3D4670; 
/*	background-image: url(img/back_textarea.gif);*/
	border: 1px solid #6D7593;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 15px;
	color: #C4C4E6;
}

input.suchfeld {
	background-color: #3D4670; 
	background-image: url("img/back_input.gif");
	border: 1px solid #6D7593;
	font-size: 10px;
	color: #C4C4E6;
	width: 200px;
}

/* new */
table.formlayout { border-collapse: collapse; }
table.formlayout td { vertical-align: top; padding: 0 8px 8px 0; }

.form-group, .checkbox {
	margin-bottom: 0.5em;
}
input[type=text],
input.form-control,
textarea {
	/*
	background: #25305a; #3D4670;
	border: 1px solid #6D7593;
	color: #fff; #C4C4E6;
	padding: 2px 4px;
	*/
	/* NEU */
	color: #fff; /* #C4C4E6 */
	padding: 4px 6px;
	/*text-shadow: 1px 1px 2px #000;*/
	/*background: rgba(0, 0, 0, 0.25);*/
	background: rgba(255, 255, 255, 0.1);
	border: 1px solid #3D4670;
	border-radius: 2px;
	box-shadow: inset 1px 2px 10px rgba(255, 255, 255, 0.05),
		1px 2px 5px rgba(0, 0, 0, 0.25);
}
input[type=text]:focus,
input.form-control:focus,
textarea:focus {
	background: rgba(255, 255, 255, 0.15);
	border: 1px solid #6D7593;
	outline: none; /* webkit */
}
input[type=text][disabled],
textarea[disabled] {
	opacity: .5;
	color: #6D7593;
}


input[type=submit],
button,
a.btn {
	font-family: Verdana, sans-serif;
	font-size: 13px; line-height: 1;
	font-weight: normal;
	box-shadow: inset 0px 1px 0px 0px #97c4fe;
	background: linear-gradient(to bottom, #3d94f6 5%, #1e62d0 100%);
	background-color: #3d94f6;
	border-radius: 4px;
	border: 1px solid #337fed;
	display: inline-block;
	color: #fff!important; /* HACK: because of .td-content a */
	padding: .35em 1em;
	text-decoration: none;
	text-align: center;
	text-shadow: 1px 1px 0px #1570cd;
	transition: all 200ms ease;
	cursor: default;
}
input[type=submit],
button[type=submit],
a.btn-primary {
	box-shadow: inset 0px 1px 0px 0px #f5978e;
	background: linear-gradient(to bottom, #f24537 5%, #c62d1f 100%);
	background-color: #f24537;
	border: 1px solid #d02718;
	text-shadow: 1px 1px 0px #810e05;
	font-weight: bold;
}
input[type=submit]:hover,
button:hover,
a.btn:hover {
	border-color: #C4C4E6 #6D7593 #6D7593 #C4C4E6;
	text-decoration: none!important; /* HACK: because of .td-content a */
}

input[type=submit]:active,
button:active,
.btn:active {
	position:relative;
	top: 1px;
}
input[type=submit]:focus,
button:focus,
.btn:focus {
	outline: none;
}

label {
	display: inline-block;
	margin-top: 2px;
}
.helptext {
	color: #6D7593;
	font-size: 85%;
}

::-webkit-input-placeholder { color: #6D7593; }
:-moz-placeholder           { color: #6D7593; }
::-moz-placeholder          { color: #6D7593; }
:-ms-input-placeholder      { color: #6D7593; }



input.okbutton {
	background-color: #3D4670; 
	/*background-image: url(img/back_input.gif);*/
	border-top: 1px solid #6D7593;
	border-left: 1px solid #6D7593;
	border-bottom: 1px solid #1E244B;
	border-right: 1px solid #1E244B;
	font-size: 8px;
	color: #C4C4E6;
	width: 20px; padding: 0;
	text-align: center;
	margin-left: 5px;

	display: none;
}

input.button {
	background-color: #3D4670; 
	background-image: url("img/back_input.gif");
	border-top: 1px solid #6D7593;
	border-left: 1px solid #6D7593;
	border-bottom: 1px solid #1E244B;
	border-right: 1px solid #1E244B;
	font-size: 8px;
	color: #C4C4E6;
	text-align: center;
	margin-left: 5px;
}

form { margin: 0px; }

blockquote {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	color: #C4C4E6;
}

.pic_quer {
	width: 152px;
	height: 102px;
	vertical-align: top;
	text-align: center;
	color: #C4C4E6;
	font-size: 10px;
	line-height: 14px;
	margin: auto;
}

.pic_quer img {
	border-color: #C4C4E6;
}

.pic_hoch {
	width: 100px;
	vertical-align: top;
	text-align: center;
	color: #C4C4E6;
	font-size: 10px;
	line-height: 14px;
}

.pic_hoch a img {
	border-color: #C4C4E6;
}

.pic a:hover img,
.pic_quer a:hover img,
.pic_hoch a:hover img {
	border-color: #F10000;
}

.showpic {
	color: #C4C4E6;
	text-align: center;
	font-size: 11px;
}

.showpic a img {
	border-color: #C4C4E6;
}

.lefted { text-align: left; }
.righted { text-align: right; }

.debug {
	font-size: 10px;
	font-weight: bold;
	line-height: 1.5;
	color: lime;
	word-break: break-word;
}

.debug div {
	margin: 0.25em 0;
}

.debug code {
	color: cyan;
}

.frame + .debug,
.frame-important + .debug {
	position: relative;
	top: -30px;
	opacity: 0.5
}


img#logo {
	position: absolute;
	top: 18px;
	left: 0;

	width: 198px;
	height: 51px;
}

img#headerimage {
	position: absolute;
	top: 0;
	right: 0;
}

#menu-container {
	height: 100px;
	background: #323962 url("img/back-menu.gif") repeat-x;
}
#menu-inner {
	width: 770px;
	margin: 0 auto;
	position: relative;
}


.td-main {
	padding-top: 15px;
}

.td-content {
	vertical-align: top;
	line-height: 20px;
	color: #C4C4E6;
	background-repeat: no-repeat;
	background-position: top right;
	position: relative;
}


.td-content p { margin: 10px 0; }
.td-content ul { margin: 10px 0; padding-left: 0; list-style-type: none; }
.td-content ul ul { margin-top: 0; }
.td-content li { background: url("img/icons/bullet.gif") 15px 9px no-repeat; padding-left: 30px }

.td-footer {
	text-align: center;
	font-size: 10px;
	border-top-width: 1px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #4A577E;
	line-height: 14px;
	color: #6D7593; /*#C4C4E6;*/
}

.td-footer a {
	font-weight: normal;
}

.td-links {
	vertical-align: top;
}

.td-space {
}

.td-rechts {
	vertical-align: top;
}

h1 {
	line-height: 1.33;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #fff; /*#C4C4E6;*/
	font-size: 26px;
	font-weight: normal;
	padding-top: 15px;
}

h2 {
	line-height: 26px;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #C4C4E6;
	font-size: 18px;
	font-weight: normal;
	margin: 0px; 
	padding-top: 10px;
	margin-bottom: 10px;
	margin-top: 1em;
	padding-bottom: 3px;
	border-bottom: 1px solid #4C5980;
}

h3 {
	line-height: 20px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	color: #C4C4E6; /* #FF2C2C; #C4C4E6;*/
	font-size: 13px;
	font-weight: normal;
	padding-top: 10px;
	padding-bottom: 0px;
	margin: 0px;
}

h3.termine {
	font-style: normal;
	/*font-weight: bold;*/
	padding: 12px 0 3px;
	color: #fff;
}
table.besetzung.termine {
	margin-top: 0;
	width: 100%;
}

.navpos {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #6D7593; /* #4C5980; */
	font-weight: bold;
	line-height: 10px;
	margin-bottom: 1em;
}

b, strong { color: #eef; }
.error b, .error strong { color: inherit; }

a, .td-content .navpos a {
	font-weight: normal;
	color: #C4C4E6; /* #A3AABF */
	text-decoration: underline;
}
.td-content a {
	/*color: #F10000;
	text-decoration: none;*/
	/*font-weight: bold;*/
	/*color: #f99;*/
	/*
	color: #fdd;
	text-decoration: underline;
	*/
	/* NEU: Sept 2014 */
	color: #39f;
	text-decoration: none;
	/*border-bottom: 1px solid #4c5980;*/
	transition: all 200ms ease;
}

a:hover, .navpos a:hover {
	color: #ED2024;
	text-decoration: none;
}
.td-content a:hover {
	/*color: #C4C4E6;*/
	/*
	color: #fff;
	background: #353d69;
	text-decoration: none;
	border-bottom: 1px solid #a0a0c6;
	*/
	/* NEU: Sept 2014 */
	color: #9cf; /* same as 'a' */
	text-decoration: underline;
}
.td-content a.pic:hover,
.td-content a:hover img {
	background: none;
	/*border-bottom: none;*/
}
.td-content .pic a:hover,
.td-content .pic_quer a:hover,
.td-content .pic_hoch a:hover {
	/*border-bottom: none;*/
}



.besetzung {
	border-top: 2px solid #444B7C;
	border-bottom: 2px solid #444B7C;
	color: #C4C4E6;
	margin-top: 15px;
	border-collapse: collapse;
}
	/* problem with IE6/7 if not declared explicitely */
	.besetzung b, .besetzung strong { color: inherit; }
	.besetzung a b, .besetzung a strong { color: #fdd; }
	.besetzung a:hover b, .besetzung a:hover strong { color: #fff; }

/*
.besetzung th {
	background-color: #1A2958;
	border-bottom: 2px solid #001145;
	line-height: 20px;
	font-weight: bold;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 7px;
	padding-right: 30px;
}
*/

table.termine td,
.besetzung_even td, .besetzung_odd td {
	font-size: 11px;
	line-height: 18px;
	border-bottom: 1px solid #444B7C; /*#3E4475;*/
	padding: 2px 10px;
	vertical-align: top;
	position: relative;
}

table.termine tr:nth-child(odd) td,
.besetzung_even td {
/*	background-color: #33416A;*/
	background-color: #2F3766;
}

table.termine tr:nth-child(even) td,
.besetzung_odd td {
	background-color: #1F2858;
}

table.termine tr.over td,
table.termine tr.tentative td,
.besetzung_even.over td, .besetzung_odd.over td,
.besetzung_even.shy td, .besetzung_odd.shy td {
	opacity: 0.5;
	/*border-color: #7C7BA6;*/
}

table.termine tr:hover td {
	color: #fff;
}

.tag {
	background: #C4C4E6;
	color: #000;
	padding: .2em .4em;
	margin: 0 .25em;
	/*position: relative; top: -.1em;*/
	border-radius: 2px;
	font-size: 85%;
	text-transform: uppercase;
}
h1 .tag {
	padding: .1em .35em;
	margin: 0 .35em;
	position: relative; top: -.1em;
}

.tag:first-child { margin-left: 0; }

.hiddenEvent td:first-child {
	border-left: 5px solid #F10000;
	/*color: #F10000;*/
}

.tag.negative {
	background: #F10000;
	color: #fff;
}
.tag.positive {
	background: #090;
	color: #fff;
}
.tag.light {
	background: transparent;
	border: 1px solid #C4C4E6;
	color: #C4C4E6;
	/*font-weight: bold;*/
	padding: .1em .4em;
}
.tag.light.positive {
	border-color: #0a0;
	color: #0a0;
}
.tag.light.negative {
	border-color: #f22;
	color: #f43;
}
.tag.light.quiet {
	border-color: #6D7593;
	color: #6D7593;
}

.warning       { color: #f10000; }
.tentative .warning { color: #f66; }

h1 .tag, h2 .tag {
	font-family: Verdana, sans-serif;
	font-size: 66%;
	padding: .1em .35em .2em;
	top: -.2em;
}
h1 .tag.light, h2 .tag.light {
	font-weight: normal;
}

#topnavi {
	position: absolute;
	top: 80px;
	height: 20px;
	font-size: 10px;
	line-height: 1;
}

#topnavi a {
	display: inline-block;
	padding: 5px 7px 4px;
	font-weight: normal;
	transition: background 200ms ease;
	
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
	border-right: 1px solid #7c7ba6; /* #4A527E; /* #6374a6;*/
}
#topnavi a:last-child {
	border-right: none;
}

#topnavi a:link,
#topnavi a:visited {
	/* color: #FFFFFF; */
	color: #A3AABF;
	text-decoration: none;
}

#topnavi a:hover {
	text-decoration: underline;
	/* color: #F10000; */
	color: #fff;
	/*background-color: #F10000; */
/*	background-color: #D41C25;*/
/* #BC1B39;*/
/*	background-color: #E30020;*/
/*	background-color: #7079A7;*/
}

#topnavi a.active {
	text-decoration: none;
	color: #F10000;
	/* background-color: #4A527E; */
	background: #001145;
	border-bottom: 1px solid #001145;
}

.subnav {
	width: 100%;
	margin-bottom: 5px;
}
.td-subnav {
	padding-left: 5px;
	font-size: 11px;
	padding-top: 1px;
	padding-bottom: 0px;
	background-image: url("img/nav_back.jpg");
	line-height: 16px;
	padding-right: 9px;
	background-color: #444D78;
}

.th-subnav {
	padding-top: 4px;
	padding-bottom: 4px;
	font-weight: bold;
	background-color: #1B244F;
	background-image: url("img/nav_top.jpg");
	font-size: 11px;
	height: 16px;
	text-align: center;
	padding-right: 7px;
	color: #A3AABF;
}

.th-subnav a {
	text-decoration: none;
	font-weight: bold;
}

.td-subnav A {
	/* width: 102px; */
	margin-top: 1px;
	margin-left: 13px;
	text-indent: -12px;
	display: block;
	/*height: 15px;*/
	padding-top: 2px;
	padding-bottom: 0px;
	padding-right: 5px;
	padding-left: 5px;
	font-weight: normal;
}
.td-subnav a:link {
	color: #ffffff;
	text-decoration: none;
}
.td-subnav a:visited {
/*	color: #a3aabf;*/
	color: #ffffff;
	text-decoration: none;
}
.td-subnav a:hover {
/*	color: #ED2024;*/
	color: #001145;
/*	background-image: url("img/nav_back_hover.jpg");*/
	background-color: #7079A7;
}

.bullet { color: #ED2024; }

.td-subnav-end {
	padding-left: 7px;
	font-size: 11px;
	padding-top: 4px;
	padding-bottom: 4px;
	background-image: url("img/nav_bottom.jpg");
	height: 12px;

}

.td-box {
	padding-left: 10px;
	font-size: 10px;
	padding-top: 4px;
	padding-bottom: 4px;
	background-image: url("img/box_back.jpg");
	line-height: 13px;
	padding-right: 12px;
	color: #C4C4E6;
	background-color: #1B2146;
}
.td-box p, .td-box form { margin: 0 0 7px; }
.td-box p:last-child { margin-bottom: 0; }
.td-box img { margin-bottom: 5px; }

.th-box {
	padding-top: 4px;
	padding-bottom: 4px;
	font-weight: bold;
	background-color: #3D4670;
	background-image: url("img/box_top.jpg");
	font-size: 10px;
	height: 16px;
	text-align: center;
	padding-right: 6px;
	color: #C4C4E6; /* #A3AABF */
}

.td-box-end {
	padding-left: 7px;
	font-size: 11px;
	padding-top: 4px;
	padding-bottom: 4px;
	background-image: url("img/box_bottom.jpg");
	height: 12px;
}

.box {
/*	border: 1px solid #4A577E;*/
	width: 100%;
	margin-bottom: 5px; /* 15px */
}

/*
strong {
	font-style: normal;
	font-weight: bold;
	font-size: 11px;
	font-variant: small-caps;
	margin-right: 5px;
}
*/

.presseliste {
	font-size: 11px;
	line-height: 15px;
	border: 1px solid #3D4670;
	background-color: #1E2D5B; /*#1E244B;*/
	padding: 5px;
	padding-left: 7px;
	margin-bottom: 10px;
	margin-left: 5px;
}

.presse_active {
	border-left: 5px solid #F10000;
	padding-left: 5px;
}

.simplebox {
	border: 1px solid #3D4670;
	background-color: #252F5B; /*#1E2D5B; /*#1E244B;*/
	padding: 5px;
	padding-left: 8px;
	padding-right: 8px;
	margin-bottom: 10px;
}

.simplebox h2 {
	border-width: 0px;
	font-size: 28px;
	line-height: 32px;
	margin-top: 0;
}

.simplebox h3 {
	border-width: 0px;
	font-size: 20px;
	line-height: 24px;
}

.simplebox .einleitung{
	font-weight: bold;
}

.pressefoto {
	font-size: 11px;
	line-height: 18px;
	font-weight: bold;
	text-align: center;
}

.pressefoto img {
	border: 1px solid #8287AA;
}

.musiktabelle td, .musiktabelle th {
	vertical-align: top;
	border-bottom: 1px solid #4A577E;
	padding: 3px 10px;
/*	line-height: 18px;*/
}

.titelnummer {
	font-weight: bold;
	text-align: right;
	font-size: 16px;
	color: #7C7BA6;
}

.musiktabelle .small {
	color: #818AB1; /* #596798; */
}

.bestellform p {
	/*font-size: 10px;*/
	margin: 10px 5px;
}
.bestellform p .error {
	font-size: 11px;
	line-height: 14px;
}


/* ######### NEW ######### */
.textimage, .textimage-left, .textimage-right {
	margin: 5px 0 10px;
	word-wrap: break-word;
	border: 1px solid #4C5980;
	box-shadow: 3px 3px 5px rgba(0,0,0,0.5);
}
/* FIX: slightly smaller displyed imagages with borders */
/* FIX should be applied to .textimage as well, but would "destroy" effect */
.textimage-left, .textimage-right { box-sizing: content-box; }

/* FIX: termindetails 2010; */
div.textimage-left, div.textimage-right { border: none; box-shadow: none; }

.textimage { clear: both; }
.textimage-left {
	float: left; clear: left;
	margin-right: 15px;
}
.textimage-right {
	float: right; clear: right;
	margin-left: 15px;
}
.textimage       img,
.textimage-left  img,
.textimage-right img {
	border: 1px solid #8287AA;
	margin-top: 10px;
}

p.imageStrip { overflow: hidden; text-align: center; margin: 0; }
.imageStrip .textimage-left { margin-right: 10px; }
.imageStrip .textimage-right { margin-left: 10px; }
.imageStrip .textimage-left > .imageStrip .textimage-right { margin-left: 0; }
.imageStrip .image-link {
	clear: none;
	margin-right: 10px;
}
.imageStrip .image-link:last-child { margin-right: 0; }


.td-box .textimage { box-shadow: none; }

/* Bild im Text / normale Seiten */
a:hover img.textimage,
a:hover img.textimage-right,
a:hover img.textimage-left { border: 1px solid #818AB1; }


.bildleiste { text-align: center; clear: both; margin: 0 auto; }
.bildleiste img { margin-right: 5px; border: 1px solid #8287AA; }
.bildleiste .small,
	.textimage-right .small,
	.textimage-left .small { color: #4a527E; }

.bildleiste td { vertical-align: top; }
.bildleiste td .imgwrapper { word-wrap: break-word; margin-right: 5px; }
	
.termin-metainfo {
	float: left;
	padding: 3px 5px;
	margin: 10px 10px 10px 0!important;
	border: 1px solid #6D7593;
	color: #C4C4E6;
}

.organizer {
	padding-top: 10px;
	float: right;
}

/* --- JW Player --- */
.jw-slider-horizontal .jw-slider-container { padding-top: 6px; }
.jw-skin-glow .jw-toggle.jw-off { color: #666; }
.jw-rightclick li { background: none; padding-left: 0; }
.jw-rightclick a { padding: .5em 1em; }
.jw-controlbar .jw-option { background: none; }

.jw-skin-seven .jw-slider-horizontal .jw-knob { top: 2px; }

.video-preview {
	display: inline-block;
	position: relative;
}
.video-preview img {
	margin-bottom: 0;
	/*
	border: 1px solid #4C5980;
	box-shadow: 3px 3px 5px rgba(0,0,0,0.5);
	*/
}
.video-preview::before {
	content: '';
	background: url("../libs/img/preview-play.png") no-repeat center center;
	background-size: 26%;
	width: 100%; height: 100%;
	position: absolute;
	top: 0; left: 0;
	opacity: 1;
	transition: all 200ms ease-out;
}
a:hover .video-preview .textimage {
	border: 1px solid #818AB1;
}
a:hover .video-preview::before {
	/*opacity: .85;*/
	background-size: 30%;
}


/* --- Grid System --- */
/* https://css-tricks.com/dont-overthink-it-grids/ */
/* Dead Simple Grid (c) 2015 Vladimir Agafonkin
   https://github.com/mourner/dead-simple-grid */
.row      { margin: 0 -10px; }
.row .row {  }

.blockrow { margin-bottom: 15px; }

[class*='col-'] {
	padding: 0 10px;
	float: left;
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
}
.row-small { margin: 0 -5px; }
.row-small [class*='col-'] { padding: 0 5px; }

.col-6 { width: 50%; }
.col-4 { width: 33.333%; }
.col-3 { width: 25%; }
.col-9 { width: 75%; }
.col-8 { width: 66.667%; }

.row:after {
	content: "";
	clear: both;
	display: table;
}

/* --- */
#userbox {
	position: absolute;
	top: -114px; right: 0;
	background: rgba(31,40,88, 0.9); /*#1F2858;*/
	padding: 4px 8px;
	text-align: right;
	box-shadow: 0 0px 20px rgba(255,255,255,0.25); /*0 0px 20px rgba(0,0,0,0.5)*/
}
#userboxAdmin {
	border-top: 1px solid #4C5980;
	padding-top: 5px; margin-top: 5px;
	display: none;
}
#userbox:hover #userboxAdmin { display: block; }

.frameBox,
.flashMessage {
	background: rgba(31,40,88, 0.75);
	border: 1px solid #22305A;
	padding: 4px 8px; margin-bottom: .5em;
}

.flashMessage pre { color: #6D7593; }
.flashMessage del { color: red; background: rgba(255,0,0,0.15); }
.flashMessage ins { color: green; background: rgba(0,255,0,0.1); }


/* --- EVENTS --------------------------------------------------- */
.dateOver { opacity: .5; text-decoration: line-through; }
.dateHide::before { content: '('; }
.dateHide::after { content: ')'; }

.date { font-weight: bold; }
.time { margin-left: 1.25em; }
.notice {  }
.city { color: #f5b402; font-weight: bold; }
.location { white-space: nowrap; }

.hiddenEvent .date,
.hiddenEvent .city { color: #f10000; }


table.termine td.actionCell {
	/*opacity: .35!important;*/
	width: 25%;
	font-size: 12px;
	border-left: 1px solid #001145;
	text-align: right;
	transition: opacity 500ms ease;
	vertical-align: middle;
	opacity: .1!important; /* needed because of overwrite by TR.tentative */
}
tr:hover > td.actionCell {
	opacity: 1!important; /* needed because of overwrite by TR.tentative */
	transition: opacity 200ms ease;
}
td.actionCell hr { border: none; border-bottom: 1px solid #4C5980; }
.state_on,
.state_off {
	font-weight: bold; color: #fff;
	padding: 0 3px 1px; border-radius: 2px;
}
.state_on { background: #090; }
.state_off { background: #f10000; }

a.linkEdit { text-decoration: underline; }
a.tag.linkOn { /*color: #090;*/ }
a.tag.linkOff { /*color: #f10000;*/ }
a.linkSet {  }

a.tag.light { color: #6D7593; border-color: #6D7593; }
a.tag.light:hover {
	text-decoration: none;
	color: #C4C4E6; border-color: #C4C4E6;
}
a.tag.light.linkOn:hover { color: #090; border-color: #090; }
a.tag.light.linkOff:hover { color: #c00; border-color: #c00; }
a.tag.light.linkSet:hover { color: inherit; }

.tableCellBlocker {
	background: #001145;
	text-align: center;
	opacity: .75;
	position: absolute;
	top: 0; left: 0;
	width: 100%; height: 100%;
}
table.termine tr:nth-child(odd) td .tableCellBlocker {
	background: #2F3766;
}
table.termine tr:nth-child(even) td .tableCellBlocker {
	background: #1F2858;
}

table.attributes {
	border-collapse: collapse;
	width: 100%;
}
table.attributes td {
	vertical-align: top;
	word-break: break-word;
}
table.attributes th:first-child {
	text-align: right;
	padding-right: .75em;
	color: #6D7593;
	font-weight: normal;
	width: 6em;
	vertical-align: top;
}

h1 a.btn {
	position: relative;
	top: -.35em;
}
h2 a.btn {
	position: relative;
	top: -.35em;
}

/* Silex Form */

/* form field */
#form > div { margin-bottom: .5em; }

#form > div > label {
	width: 12em;
	margin-right: 1em;
	text-align: right;
	display: inline-block;
}
#form > div > label.required:not(.radio_select) {
	font-weight: bold;
	color: #fff;
}
#form > div > label.required:not(.radio_select)::after {
	content: '*';
	color: #f10000;
}

#form > div > ul { /* errors */
	color: #f10000;
	float: left;
	width: 100%;
	margin: .25em 0 1.5em 10.75em;
}

#form > div > div { /* layout inside form field */
	display: inline-block;
}
#form > div > div select             { margin: 0 .25em; }
#form > div > div select:first-child { margin-left: 0; }
#form > div > div input[type=radio]             { margin: 0 .5em 0 2em; }
#form > div > div input[type=radio]:first-child { margin-left: 0; }
#form > div > input[type=checkbox] { margin-left: 0; }

.form_actions { margin-left: 13em; }
.form_actions input,
.form_actions button {
	margin-top: 2em;
	margin-right: .5em;
}


/* Magnific Popup */
.mfp-with-zoom .mfp-container,
.mfp-with-zoom.mfp-bg {
	opacity: 0;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	/* ideally, transition speed should match zoom duration */
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}

.mfp-with-zoom.mfp-ready .mfp-container {
	opacity: 1;
}
.mfp-with-zoom.mfp-ready.mfp-bg {
	opacity: 0.8;
}

.mfp-with-zoom.mfp-removing .mfp-container,
.mfp-with-zoom.mfp-removing.mfp-bg {
	opacity: 0;
}

/* Wordpress */

.wp .frame,
.wp .frame-important { margin-bottom: 3em; position: relative; }

.wp h1 { color: #f5b402; }
.frame h2 { color: #f5b402; }

.wp .top-news .frame,
.wp .top-news .frame-important { font-size: 1.1em; }
.wp .top-news h2 { font-size: 24px; }


.wp .frame .tag,
.wp .frame-important .tag {
	position: absolute;
	top: -5px;
	right: -10px;
	line-height: 1.4;
}

.wp .frame a strong,
.wp .frame-important a strong {
	color: inherit !important;
}

.wp .tag.DRAFT { background: #c00; color: #fff; }
.wp .tag.PRIVATE { background: #f0c; color: #fff; }
.wp .tag.PENDING { background: #f90; color: #000; }
.wp .tag.FUTURE { background: #36f; color: #fff; }
.wp .tag.PUBLISH { background: #090; color: #fff; display: _none; }

.wp .frame .timestamp,
.wp .frame-important .timestamp {
	position: absolute;
	top: -25px;
	right: 0;

	font-family: Verdana, sans-serif;
	font-size: 11px;
	color: #fff;
	opacity: 0.25;
}
.wp .frame .timestamp.FUTURE,
.wp .frame-important .timestamp.FUTURE {
	opacity: 1;
	color: #36f
}

figure { margin: 0 }

.wp-block-image,
.wp-block-embed-youtube { margin-bottom: 10px; text-align: center; }

.wp-block-embed-youtube.wp-embed-aspect-16-9 iframe {
	width: 352px;
	height: 198px;
}

figcaption, .wp-element-caption { opacity: .65; margin-top: 0.25em; }

.wp .wp-block-gallery {
	display: grid;
	grid-auto-flow: column;
	grid-auto-columns: 1fr;
	grid-gap: 10px;
}

.wp .has-text-align-center { text-align: center; }

.wp .wp-block-media-text {
	display: grid;
	grid-gap: 8px;
}

.wp .wp-block-media-text .wp-block-media-text__content p:first-child {
	margin-top: 0;
}

.wp .wp-block-verse {
	white-space: normal;
	background: rgba(0, 0, 0, 0.25);
	margin: 0 -10px;
	padding: 10px 15px;

	font-family: inherit;
}

.wp .wp-block-quote {
	background: rgba(0, 0, 0, 0.25);
	margin: 0 -10px;
	padding: 10px 15px;

	font-family: inherit;
	color: inherit;
	font-style: normal;
}
.wp .wp-block-quote h2 {
	margin-top: 0;
	color: #f5b402;
}
.wp .wp-block-quote h3 {
	font-style: normal;
	font-weight: bold;
	font-size: 120%;
	font-family: inherit;
	color: #f5b402;
}