html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0;	font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }
:focus { outline: 0; }
body { line-height: 1; color: black; background: white; }
ol, ul { list-style: none; }
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/*****/

body { background: #ffffeb; font-family: "Trebuchet MS", Trebuchet, Verdana, Helvetica, sans-serif, sans; color: #5b3b1c; font-size: 100.01%; overflow-y: scroll !important; }
p { margin-bottom: 1px; }
a { text-decoration: none; color: #5b3b1c; }
a:hover { text-decoration: underline; }
a:focus { outline: 1px #8a1214 dotted; }
b, strong { font-weight: bold; }
i, em { font-style: italic; }
tr, td { vertical-align: top; }
sup, sub { font-size: 65.667%; position: relative }
sup { top: -.5em; }
sub { bottom: -.25em; }

/*****/

#container { width: 960px; margin: 0 auto; }
#contentbereich { margin-top: 222px; }
#content { overflow: hidden; width: 694px; float: right; font-size: 90%; }

#content h1 { font-size: 190%; margin-bottom: 21px; }
#content h2 { font-size: 160%; margin-bottom: 21px; }
#content h3 { font-size: 110%; margin-bottom: 9px; font-weight: bold; }
#content h4 { font-size: 110%; margin-bottom: 21px; font-weight: bold; border-bottom: 1px #5b3b1c dotted; }	
#content p, #content ul { margin-bottom: 21px; line-height: 1.6em; font-size: 90%; }
#content ul { padding-left: 1px;}
#content li { background: url(../img/addi/bullit1.gif) no-repeat 0px 8px; padding-left: 15px; margin-bottom: 3px; }
#content a { color: #862f9b; }
#content a:is(:hover,:focus) { color: darkgoldenrod; }
#content .bildbereich { float: left; margin: 1px 24px 6px 0; font-size: 80%; font-style: italic; text-align: center; line-height: 1.8em; }
#content div.col2links { overflow: hidden; width: 430px; float: left; }
#content div.col2rechts { overflow: hidden; width: 182px; float: right; }
#content div.col2rechts.hochsetzen { position: relative; top: -75px }
#content div.col3 { width: 200px;  float: left; margin-right: 45px; }
#content div.col3.letzte { margin-right: 0; }

/*****/

#navigation { overflow: hidden; width: 218px; float: left; padding-top: 63px; font-size: 90%; }
#navigation li { border-bottom: 1px #9656b0 dotted; }
#navigation li a { -moz-transition: padding 0.2s ease-in-out; -webkit-transition: padding 0.2s ease-in-out; -o-transition: padding 0.2s ease-in-out; transition: padding 0.2s ease-in-out; display: block; padding: 15px 0; }
#navigation li.aktiv a, #navigation li a:hover { background: url(../img/addi/nav_rArr.gif) no-repeat 0px 17px; padding-left: 15px; text-decoration: none; }	

/*****/

#footer { width: 960px; margin: 30px auto; font-size: 90%; border-top: 1px #9656b0 dotted; border-bottom: 1px #9656b0 dotted; padding: 15px 0 27px; }
#footer p { font-size: 80%; }
#footer div.col2links { width: 600px; float: left; }
#footer div.col2rechts { width: 200px; float: right; text-align: right; }

/*****/

#topnavi, #aufmacherbild { position: absolute; left: 50%; width: 960px; margin-left: -480px; }
#topnavi { top: 12px; font-size: 75%; margin-left: -483px; }
#topnavi a { padding: 0 3px; }
#topnavi a.aktiv { text-decoration: underline; }
#aufmacherbild { top: 39px; }

/*****/

#kontaktformular { background: #e7d7c7; padding: 15px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
#kontaktformular p { font-size: 90%; }
#kontaktformular input, #kontaktformular textarea { font-family: Arial, Helvetica, sans-serif, sans; font-weight: bold; font-size: 12px; width: 250px; border: 1px #5b3b1c solid; padding: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;	}
#kontaktformular input:focus, #kontaktformular textarea:focus { background: #5b3b1c ; color: #fff; }
#kontaktformular input[type=submit] { padding: 6px; width: 256px; background: #5b3b1c ; color: #fff; font-weight: bold; }
#kontaktformular input[type=submit]:focus { background: #9656b0; }

/*****/

audio {
/*
	position: relative;
	top: 12px;
	width: 160px;
	height: 10px;
*/	
	}

.video { padding: 56.25% 0 77px 0;position:relative; margin: -42px 0 1.5rem }
video { position:absolute;inset:0;width:100%;height:100%; }
.video + .videoinfo { margin-top: -1rem }

/*****/

.infokasten1 { border: 1px #5b3b1c solid; padding: 12px 12px 0; margin-bottom: 24px;	}
.infokasten2 { border: 1px #c9b295 solid; background: #e9e9c8; padding: 12px 12px 0; margin-bottom: 24px; border-radius: 6px; overflow: hidden; }
.infokasten3 { background: #ba6eda; color: #fff; font-weight: bold; padding: 12px 12px 1px; margin-bottom: 24px; border-radius: 6px; overflow: hidden; }
.infokasten1 a, .infokasten2 a, .infokasten3 a { color: #fff !important}
#content .infokasten2 p, #content .infokasten3 p { margin-bottom: 12px; }
.infokasten3 a:hover { text-decoration: none; color: yellow }
.table1 td, .table1 th { padding: 6px; border-bottom: 1px #5b3b1c solid; }
.table1 td { color: #862f9b; }
.table1 tr:hover td { background: #ededcc; }
.table1 th { font-weight: bold; }
.player button { background: #862f9b; color: #fff; border: none; border-radius: 6px; cursor: pointer; padding: 1px 4px; line-height: 1; font-size: .615rem;}
.player button.pause { font-size: .6rem;}
.player button:hover { background: #a771d0 }

.ie10 body { background: red !important; }

.floatbreaker { clear: both; }
.rahmen { border: 1px #5b3b1c solid; }
.tel1, .mail1 { padding-left: 30px; font-size: 130% !important; font-weight: bold; }
.tel1 { background: url(../img/addi/tel1.gif) no-repeat 0px 6px;	}	
.mail1 { background: url(../img/addi/mail1.gif) no-repeat 0px 6px;}

ul.newsdates { overflow:hidden; margin-bottom: 15px; }
ul.newsdates li { float: left; margin: 0 15px 15px 0; }

.block { border-bottom: 1px #9656b0 dotted; margin-bottom: 30px; padding-bottom: 3px; overflow: hidden; }
.block.letzte, .block:last-child { border-bottom: 0; }	

.rechts { float: right; margin: 3px 0 15px 15px; }
.links {	float: left; margin: 3px 15px 15px 0; }
.stress1 { text-align: center; font-weight: bold; color: #862f9b; }

a.rArr { background: url(../img/addi/rArr.gif) no-repeat 0px 4px; padding-left: 9px; }
a.rArr:hover { color: #882a9a; }
a.lArr { background: url(../img/addi/lArr.gif) no-repeat 0px 5px; padding-left: 12px; }
a.lArr:hover { color: #882a9a; }	
a.rArr.external { background: url(../img/addi/icon_ext.gif) no-repeat 0 2px; padding-left: 15px; }
a.rArr.mailto { background: url(../img/addi/icon_email.gif) no-repeat 0 1px; padding-left: 18px; }
a.rArr.mailto img { vertical-align: middle; }
a.pdf { background: url(../img/addi/icon_pdf.gif) no-repeat 0 2px; padding-left: 18px; }

/*****/

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
   /* IE10-specific styles go here */
	.player button.play { font-size: 1rem;  }
	.player button.pause { font-size: .6rem; letter-spacing: -5rem }
}