@charset "utf-8";
* { border: 0; margin: 0; padding: 0; line-height: 1.4em; }
body { background-color: #f3d9a7; font-size: small; }
h1, h2, h3, h4, p, ul, ol, dl, textarea {	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; }

ul, ol, dl { list-style: none; }

a { text-decoration: none; color: #993333; }
a:hover { text-decoration: underline; }

div.wrap { width: 920px; margin: auto; font-size: 1em; background-color: white; }
div#header { position: relative; overflow: hidden; width: 920px; height: 205px; border: 1px solid #b24a4a; }
div#logo { position: absolute; top: 10px; left: 15px; }
div#banner { position: absolute;
	top: 0px; left: 219px;
	height: 205px; border-left: 1px solid #b24a4a;
	width: 700px; background-color: #b24a4a; z-index: 2;
}
div#balken { width: 700px; height: 30px;
	position: absolute;
	top: 175px;
	left: 220px;
	z-index: 4;
	background-color: #eee;
	opacity: 0.4;
}

div#content { overflow: hidden; width: 920px; border: 1px solid #b24a4a; border-top: 0; }

div#colLinks {
	float: left;
	width: 199px;
	padding-right: 20px;
	padding-top: 40px;
	font-family: Arial, Helvetica, sans-serif;
}
div#colRechts {
	position: relative;
	overflow: hidden;
	width: auto;
	min-height: 900px;
	padding: 40px 36px 0 24px;
	border-left: 1px solid #b24a4a;
	background-color: white;
}
div#footer { }

/* Navigation */

div#navigation ul { padding-left: 16px; }
div#navigation li { padding: 2px 0 2px 0px; list-style: none; border-bottom: solid 1px; border-color: #b24a4a; }
div#navigation li a { text-decoration: none; }
div#navigation li:hover { background-color: #e8e8e8; opacity: 0.9; }
div#navigation li a {
	padding: .6em 8px .6em 10px;
	display: block;
	text-transform: uppercase;
	text-decoration: none;
}
div#navigation li.active { background-color: #b24a4a; }
div#navigation li.active a { color: white; }

/* Content */

h1 { font-size: 1.6em; font-weight: normal; text-transform: uppercase; color: #993333; margin-bottom: 18px; }
h2 { font-size: 1.2em; font-weight: normal; color: #993333; margin-top: 18px; margin-bottom: 8px; }
h3 { font-size: 1em; font-weight: bold; color: #444; margin-top: 18px; }
p { color: #111;  margin-bottom: 6px; }
p.gA { margin-bottom: 30px; }

div.teaser { border: 1px solid #AAA; padding: 0px 0px; margin-bottom: 15px; }
div.teaser h2 { font-size: 1.14em; margin-top: 0px; background-color: #eee; padding: 4px 14px; }
div.teaser h3 { padding: 0 14px; }
div.teaser p { padding-left: 14px; padding-right: 14px; }
div.teaser p.link { margin-top: 8px; margin-bottom: 12px; }
div.teaser p.link a { color: #993333; }

dl.termin { width: 600px; overflow: auto; margin-top: 10px; margin-bottom: 18px; }
dl.termin dt { float: left; width: 80px; margin: 2px 16px 0 0; }
dl.termin dd { float: left; width: 500px; }
dl.termin h2 { margin: 0px; }
dl.termin h3 { margin-top: 12px; margin-bottom: 0px; }
dl.termin h3.zeitort { font-weight: normal; margin-top: 2px;}
dl.termin h3.programm { margin-top: 2px; margin-bottom: 8px; }
dl.termin p {  }

dl.terminKlein { width: 600px; overflow: auto; margin-top: 6px; margin-bottom: 2px; padding-left: 14px; }
dl.terminKlein dt { float: left; width: 80px; margin: 0px 16px 0 0; }
dl.terminKlein dd { float: left; width: 500px; }
dl.terminKlein h3 { margin-top: 0px; margin-bottom: 0px; }
dl.terminKlein p { margin-bottom: 0px; }
dl.terminKlein a { color: #993333; }

div.bildRechts { overflow: hidden; padding: 10px 0; }
div.bildRechts img { float: right; margin: 4px 0px 8px 16px; border: 1px solid #ddd; }

div.bildRechts h2,
div.bildRechts h3 { margin-top: 0px; }

audio.audio-embed-item { width: 80%; }

/* Kontakt-Formular */

form#Kontaktformular { margin-top: 28px; }
form#Kontaktformular ol li { margin-top: 10px; }
form#Kontaktformular ol li label { width: 60px; 	color: #111; }
form#Kontaktformular ol li input,
	form#Kontaktformular ol li textarea { color: #111; border: 1px solid #b24a4a; padding: 2px; width: 360px; outline: none; }

form#Kontaktformular input#submit {
	text-align: left;
	background: none;
	border: 0;
	font-weight: bold;
	color: #993333;
	margin-top: 10px;
	width: 80px;
	cursor:pointer;
}

.mejs-container { width: 400px !important; }
.mejs-controls div.mejs-horizontal-volume-slider { margin-right: 0px !important; }
.mejs-controls div.mejs-time-rail { width: 210px !important; }
.mejs-controls .mejs-time-rail .mejs-time-total { width: 200px !important; }