@font-face {
    font-family: 'Cardo';
    src: local('Cardo Regular'), local('Cardo-Regular'),
        url('Cardo-Regular.woff2') format('woff2'),
        url('Cardo-Regular.woff') format('woff'),
        url('Cardo-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
  }
@font-face {
    font-family: 'Cardo';
    src: local('Cardo Bold'), local('Cardo-Bold'),
        url('Cardo-Bold.woff2') format('woff2'),
        url('Cardo-Bold.woff') format('woff'),
        url('Cardo-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
  }
@font-face {
    font-family: 'Cardo';
    src: local('Cardo Italic'), local('Cardo-Italic'),
        url('Cardo-Italic.woff2') format('woff2'),
        url('Cardo-Italic.woff') format('woff'),
        url('Cardo-Italic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
  }
body{margin:0; padding:0; font-family: 'Cardo', Constantia, Book Antiqua; color:#444; font-size:17px; text-align:justify; line-height :1.3em; background-color:#444; background-image:url('../images/hintergrund_tabelle.png'); background-repeat:repeat-x; }

table { text-align:justify;}
td {  line-height : 1.3em; }
h1 { font-size:26px; font-variant:small-caps; text-align:left; color:#213c9c; margin-top:25px; margin-bottom:10px;}
h2 { font-size:21px; font-variant:small-caps; text-align:left; color:#213c9c; margin-bottom:4px;}
h3 { font-size:17px;  font-variant:normal; color:#213c9c; margin-bottom:0px; margin-top:5px;}
h4{ font-size:17px; font-variant:small-caps; color:#213c9c; margin:0px;}
h6{ font-size:17px; font-variant:small-caps; margin-top:8px; margin-bottom:0px; font-weight:normal;}
a{display: block; position: relative; top: -50px;}
a:link{ display: inline; position: relative; top: 0px; color:#213c9c; text-decoration:none;}
a:visited {display: inline; position: relative; top: 0px;  color:#213c9c; text-decoration:none;}
a:link:hover { position: relative; top: 0px;  color:#127; text-decoration:underline;}
a:active {display: inline; position: relative; top: 0px;  color:#213c9c; text-decoration:none;}
[id^=cke]{position: relative; top: 0px;}/*Bug bei CKE editor*/
hr {color:#c4c4c4; background-color:#c4c4c4; margin-top:-2px; margin-bottom:7px; height:1px; border:none;}
.top-hr{color:#213c9c; background-color:#213c9c;}

p {margin-top:0px; margin-bottom:0px;}
.einzug{padding-left:5px; padding-right:5px}
.einzug h1 {margin-left:-5px;}
.einzug h2 {margin-left:-5px;}
.einzug h3 {margin-left:-5px;}
.einzug hr {margin-left:-5px; margin-right:-5px; width:605px}
li{display: list-item; list-style-image: url('../images/liste.gif'); line-height : 1.3em; margin-left:10px; margin-top: 5px; margin-bottom: 1px; text-align:justify}
blockquote {font-style: italic}


.header{
	border: none;
	margin: 0px;
	padding-bottom: 45px;
	clear: both;
	background-color: #f9f9f9}
	
.kopf{padding-top: 10px; padding-bottom: 30px; padding-left: 0px; padding-right: 0px;
background-color:#f9f9f9;
width:1200px;
height:75px;}
.menubalken{padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px;
position: absolute; left: 0; right: 0; margin: 0 auto;
background:rgba(0,0,0,0.65);
width:100%;
height:45px;
z-index:50;}
.fixed{position:fixed; top:0; left: 0;
right: 0; margin: 0 auto;}

.mitte{
	padding:0;
	background-color: #eee;
	border: none;
	clear: both;

}
.inhalt{
padding-top: 15px; padding-bottom: 15px; padding-left: 120px; padding-right: 120px;
background-color:#f9f9f9;
width:960px;
text-align:justify;
position:relative;
z-index:2;
}
.spalte {width:640px; }
.spalte-aufklapp {width:610px; }
.footer{
	position: relative;
	background: #444;
	color:#fff;
	min-height: 120px;
	height: 15%;
	width: 100%;
	border: none;
	margin: 0px;
	padding: 0px;
	z-index:1;
}
.footerinhalt{
padding-left: 120px; padding-right: 120px;
width:960px;
}
.footer a { color:#e3e3e3; text-decoration:none;}
.footer a:visited { color:#e3e3e3; text-decoration:none;}
.footer a:hover { color:#fff; text-decoration:underline;}
.footer a:active { color:#e3e3e3; text-decoration:none;}

.slider {  
 
    width:   1200px; 
	height: 600px;
    padding: 0;  
    margin:  0;  
	z-index: 1;
} 
.slider img {   
    width:  100%; 
	height: auto;
    top:  0; 
    left: 0 
} 
.pic {padding: 4px; margin-top:-2px; margin-bottom:-2px; border:0px;}
.pic:hover { background-color:#e3e3e3; }
.right{float:right; margin-left:-290px; margin-bottom:10px; margin-top:10px; position: relative; left:320px; max-width:80%; height:auto !important;}
.right{float:right; margin-left:-290px; margin-bottom:10px; margin-top:10px; position: relative; left:320px; max-width:80%; height:auto !important;}
.left{float:left; margin-right:20px; margin-bottom:5px; max-width:65%; height:auto !important;}
.verweis a{display: block; position: absolute; right:120px; top:125px; background-color: #eee; border: solid 1px #ccc; border-radius:3px; padding:8px; max-width:200px; text-decoration:none; color:#444;}
.verweis a:hover {display: block; position: absolute; right:120px; top:125px; background-color: #e4e4e4; text-decoration:none; }

.tags a{display: inline-block; background-color: #eee;
    border: solid 1px #ccc;
	border-radius:3px;
	padding:8px; margin-right:10px; margin-bottom:15px;
	text-decoration:none; color:#444; max-width:240px; vertical-align:top;}
a.tags {text-decoration:none; color:#444;}
.tags a{text-decoration:none; color:#444;}
a span.tags {text-decoration:none; color:#444;}
.tags a:hover { text-decoration:none; background-color: #e4e4e4;
    border: solid 1px #ccc; }


.menu_mobil{display:none}
[id^=drop] {display:none;}
.menu2 { list-style-type:none; width:800px; height:45px; padding-top:0; padding-left:0px; margin: auto; display: flex;
  align-items: center;
  justify-content: center;}
.menu2 li.top {display:block; float:left; position:relative; left:0px; line-height : 1em;  margin: 0px; margin-bottom: 0px; text-align:left}
.menu2 li a.top_link {display:block;  height:45px; line-height:44px; color:#fff; text-decoration:none; font-variant:small-caps; font-size:18px; font-weight:bold; padding-left:10px; padding-right:6px; cursor:pointer;}
.menu2 li a.top_link span {float:left; display:block; padding-left:10px; padding-right:15px; height:45px;}
.menu2 li a.top_link span.down {float:left; display:block; height:45px;  padding-left:10px; padding-right:25px; padding-top:0; padding-bottom:0; background:url('../images/down.gif') no-repeat right top;}
.menu2 li a.top_link:hover {color:#fff; background: rgba(33,60,156,0.75);}

.menu2 li:hover > a.top_link {color:#fff; background: rgba(33,60,156,0.75)}


.menu2 li a.top_link_aktuell {display:block; height:45px; line-height:44px; color:#fff; text-decoration:none; font-size:18px; font-weight:bold; padding-left:8px; padding-right:6px; cursor:pointer; color:#fff; background: rgba(33,60,156,0.6);}
.menu2 li a.top_link_aktuell span.down {background:url('../images/down.gif') no-repeat right top;}
.menu2 li a.top_link_aktuell:hover {color:#fff; background: rgba(33,60,156,0.75);}
.menu2 li a.top_link_aktuell:hover span.down {background:url('../images/down.gif') no-repeat right top;}
.menu2 li:hover > a.top_link_aktuell {color:#fff; background: rgba(33,60,156,0.75)}
.menu2 li:hover > a.top_link_aktuell span.down {background:url('../images/down.gif') no-repeat right top;}

.menu2 a:hover {visibility:visible;}
.menu2 li:hover {position:relative; z-index:200;}

/* keep the 'next' level invisible by placing it off screen. */
.menu2 ul, 
.menu2 :hover ul ul, 
.menu2 :hover ul :hover ul ul,
.menu2 :hover ul :hover ul :hover ul ul,
.menu2 :hover ul :hover ul :hover ul :hover ul ul {display:none; position:absolute; width:0; height:0; margin:0; padding:0; list-style:none;}
@media only screen and (min-width : 650px) {
.menu2 :hover ul.sub {display:block; left:0px; top:45px;  padding: 0; border:1px solid #213c9c; background: rgba(255,255,255,0.9); white-space:nowrap; width:auto; height:auto;}
.menu2 :hover ul.sub li {display:block;  height:auto; position:relative; float:left; width:100%; line-height:29px; margin:0px; text-align:left; text-indent:7px; font-weight:bold; font-variant:small-caps; color:#213c9c;}
.menu2 :hover ul.sub li a {  display:block; font-size:17px; height:30px; width:100%; line-height:29px; text-indent:7px; margin-right:7px; font-weight:normal; font-variant:normal; color:#000; text-decoration:none; }
.menu2 :hover ul.sub li a.fly {background:rgba(255,255,255,0.9) url('../images/arrow.gif') no-repeat 122px 10px;}
.menu2 :hover ul.sub li a:hover {background:rgba(33,60,156,0.9); color:#fff;}
.menu2 :hover ul.sub li a.fly:hover {background:rgba(33,60,156,0.9) url('../images/arrow_over.gif') no-repeat 122px 10px; color:#fff}
.menu2 :hover ul li:hover > a.fly {background:rgba(33,60,156,0.9) url('../images/arrow_over.gif') no-repeat 122px 10px; color:#fff} 

.menu2 :hover ul :hover ul,
.menu2 :hover ul :hover ul :hover ul,
.menu2 :hover ul :hover ul :hover ul :hover ul,
.menu2 :hover ul :hover ul :hover ul :hover ul :hover ul
{left:100px; top:-4px; background: #fff; padding:3px 0; border:1px solid #c00; white-space:nowrap; width:103px; z-index:200; height:auto;}
}


@media only screen and (max-width : 1200px) {
.kopf{width:100%;}
.inhalt{padding-left: 120px; padding-right: 120px;
width:100%; box-sizing: border-box; }
.slider {width: 100%; height: auto;} 
.right{float:right; margin-left:-100px; margin-bottom:10px; margin-top:10px; position: relative; left:120px; max-width:80%; height:auto !important;}
.footerinhalt{padding-left: 120px; padding-right: 120px;
width:100%; box-sizing: border-box;}
}

@media only screen and (max-width : 890px) {
.spalte {width:100%;}
.spalte-aufklapp {width:100%; }
}

@media only screen and (max-width : 650px) {
.kopf{display:none;}
.inhalt{padding-left: 10px; padding-right: 10px;
width:100%; box-sizing: border-box;}
.right{ max-width:100%; float:right; margin-left:15px; margin-bottom:10px; margin-top:10px; position: relative; left:10px;}
.verweis a{float:right; position:relative; right:0px; top:0px;}
.verweis a:hover{float:right; position:relative; right:0px; top:0px;}
.footerinhalt{padding-left: 5px; padding-right: 5px;
width:100%; box-sizing: border-box;}

/*menu links*/
.menubalken{padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px;
position: fixed; left: 0; right: 0; margin: 0 auto;}
.menu_mobil{position:absolute; top:0px; left:0px; width:100%; display: block; padding-top:10px; padding-left:0px;  z-index: 50; color:#fff; text-decoration:none; font-variant:small-caps; font-size:25px; font-weight:bold;}
.menu2{display:none; position:absolute; top:45px; left:0; list-style-type:none; width:100%; height:auto; margin:0px; padding-left:0px; padding-right:0px; padding-top:0px; padding-bottom:0; background:rgba(0,0,0,0.65); clear: left;}
.menu2 li.top {margin-top: 0px; position:relative; width:100%; clear: left;}
.aufklapp a{pointer-events: none; cursor: pointer;}
.menu2 li a.top_link_aktuell {width:100%;}

.menu2 li ul{display:none; position:relative; background: rgba(255,255,255,0.9); width:100%; height:auto;}
[id^=drop]:checked + ul { display: inline-block; }
[id^=drop] {display:none;}
.menu2  ul.sub li {position:relative; top:0; float:left; width:100%; padding:0px; margin:0;}
.menu2  li ul.sub li a {display:block; font-size:17px; height:33px; width:100%; line-height:29px; text-indent:7px; margin-right:7px; font-weight:normal; font-variant:normal; color:#000; text-decoration:none; pointer-events: auto; cursor: pointer;}
.menu2  ul.sub li a:hover {background:rgba(33,60,156,0.9); color:#fff;}
}

/*Abschnitte einblenden*/
.accordion1 {
	border-bottom: solid 1px #c4c4c4;
}
.accordion1 div.oben {
	background:  url(../images/arrow-square-down.gif) no-repeat right 5px;
	padding: 10px;
	padding-top:8px;
	padding-bottom:6px;
	margin: 0px;
	border-top: solid 1px #c4c4c4;
	/*
	border-bottom: none;*/
	cursor: pointer;
	position:relative;/*zur Positionierung des übergangs*/
}
.accordion1 div.oben:hover {
	background: #eaeaea url(../images/arrow-square-down-mouseover.gif) no-repeat right 5px;
}
.accordion1 div.oben.active {
	background: #eee url(../images/arrow-square-up.gif) no-repeat right 5px;
}
.accordion1 div.oben.active:hover {
	background: #eee url(../images/arrow-square-up-mouseover.gif) no-repeat right 5px;
}
.accordion1 div.unten {
	margin: 0;
	padding: 15px;
	padding-top:0px;
	padding-bottom:7px;
	display: none;
	background-color:#eee;
	text-align:justify;
}

.accordion2 {
	border-bottom: solid 1px #c4c4c4;
}
.accordion2 div.oben {
	background: url(../images/arrow-square-down.gif) no-repeat right 5px;
	padding-top: 15px;
	padding-bottom:0;
	margin: 0px;
	border-top: solid 1px #c4c4c4;
	/*
	border-bottom: none;*/
	cursor: pointer;
	position:relative;/*zur Positionierung des übergangs*/
}
.accordion2 div.oben:hover {
	background: #eaeaea url(../images/arrow-square-down-mouseover.gif) no-repeat right 5px;
}
.accordion2 div.oben.active {
	background: #eee url(../images/arrow-square-up.gif) no-repeat right 5px;
}
.accordion2 div.oben.active:hover {
	background: #eee url(../images/arrow-square-up-mouseover.gif) no-repeat right 5px;
}
.accordion2 div.oben img.uebergang{
	height: 70px;
	width:100%;
	position: absolute; bottom:0px;
	z-index:100;
}
.accordion2 div.oben.active img.uebergang{
display: none;
}
.accordion2 div.unten {
	margin: 0;
	padding: 0;
	background: #eee;
	display: none;
}

.accordion3 {
	border-bottom: solid 1px #c4c4c4;
	margin-bottom:3px;
}
.accordion3 div.oben {
	height:10px;
	margin: 0px;
	cursor: pointer;
	position:relative;/*zur Positionierung des übergangs*/
	text-align:right;
}
.accordion3 div.oben:hover  div a{text-decoration:underline;
}
.accordion3 div.oben.active {height:0px;}
	
.accordion3 div.oben img.uebergang{
	height: 70px;
	width:100%;
	position: absolute; bottom:0px; left:0px;}
.accordion3 div.oben.active img.uebergang{
display: none;
}
.accordion3 div.oben div{
	position: absolute; bottom:5px; right:8px;}
.accordion3 div.oben div a{
	display: inline; position: relative; top: 0px; color:#213c9c;}
.accordion3 div.oben.active div{
	display: none;}

.accordion3 div.unten {
	margin: 0;
	padding-top:0px;
	padding-bottom:7px;
	display: none;
	text-align:justify;
}

/*Abschnitte einblenden*/

table.accordion {
    background: #eee url(../images/arrow-square-down.gif) no-repeat right 5px;
	background-color: #0001;
    cursor: pointer;
	display:block;
	box-sizing: border-box;
    padding: 8px 20px;
    width: 100%;
    text-align: left;
    transition: 0.4s;
}

table.accordion.active {
    background: #eee url(../images/arrow-square-up.gif) no-repeat right 5px;
}
table.accordion:hover {
    background-color: #eaeaea;
}
table.panel {
table-layout: fixed;
	display:block;
	box-sizing: border-box;
    padding: 0px 20px;
	background-color: #eee;
    border-bottom: solid 1px #c4c4c4;
	width: 100%;
    max-height: 0;
	overflow: hidden;
    transition: max-height 0.9s ease-out;
}

.medien {width:410px; height:210px; display:inline-block; overflow:hidden;}
.medien a:hover  table{background-color:#e3e3e3;}
.medien a table {padding-left:5px; padding-right:5px; padding-top:5px; color:#444;}
.medien a:hover { text-decoration:none; }

.termine-index { width:100%; display:block; overflow:hidden;}
.termine-index a:hover  table{background-color:#e3e3e3; border-bottom: solid 1px #c4c4c4;}
.termine-index a table {padding-left:5px; padding-right:5px; padding-top:5px; color:#444; border-bottom: solid 1px #c4c4c4;}
.termine-index a:hover { text-decoration:none; }

.kontakt {position:relative; margin-top:-5px; display:inline-block;}
.kontakt a div{display:none}
.kontakt a:hover div{display:block;}

.formular {border: 1px solid #aaa; border-radius:3px; padding:4px; margin-top:5px; font-family: 'Cardo', Constantia, Book Antiqua; font-size:16px; max-width:95%;}
.suchfeld{height:22px; width:180px; border: 1px solid #aaa; border-radius:3px; padding:3px; position:absolute; top:-40px; right:0px; font-family: 'Cardo', Constantia, Book Antiqua; font-size:15px;}
.absenden{padding:4px; margin-top:5px; font-family: 'Cardo', Constantia, Book Antiqua; font-size:15px;}

.loeschen{display:inline-block; margin-left:5px; background:url('../images/loeschen.png') no-repeat; width:16px; height:16px;}
.loeschen:hover{background:url('../images/loeschen-mouseover.png') no-repeat;}
.bearbeiten{display:inline-block; margin-left:5px; background:url('../images/bearbeiten.png') no-repeat; width:16px; height:16px;}
.bearbeiten:hover{background:url('../images/bearbeiten-mouseover.png') no-repeat;}
.calendar{display:inline-block; margin-left:0px; margin-right:-9px; background:url('../images/kalender.png') no-repeat; width:16px; height:16px;}
.calendar:hover{background:url('../images/kalender-mouseover.png') no-repeat;}

.blaettern{padding:2px; display:inline-block; min-width:20px; border: 1px solid #aaa; border-radius:2px; background-color:#f1f1f1; margin:1px; color:#444;}
.blaettern:hover{background-color:#e3e3e3; text-decoration:none; color:#444;}
.blaettern:visited{color:#444;}
.blaettern_aktiv{padding:2px; display:inline-block; min-width:20px; border: 1px solid #213c9c; border-radius:2px; background-color:#213c9c; color:#fff; margin:1px;}
.blaettern_aktiv:hover{text-decoration:none; cursor:default; color:#fff;}
.blaettern_aktiv:visited{color:#fff;}

.export tr td{font-size:14pt;}