@import "accessibility.css";
@import "content.css";
@import "slider.css";


* {
 	font-family: 'Verdana', sans-serif;
	color: #000;
}

body {
	background: #BDBEC1;
}

.publishSystemNotify {
	display: none;
}
img {
	border: none;
	max-width: 100%;
	height: auto;
}

#subnavi.responsive {
	display: none;
}
.show{
	display:block!important;
}
noscript {
    background: url("../images/bg-white.png") repeat scroll left top;
    color: #dd2a2a;
    display: block;
    float: right;
    font-size: 17px;
    max-width: 580px;
    padding: 30px;
    position: absolute;
    right: 15%;
    top: 0;
    width: 100%;
    z-index: 999999;
}
/* Layout */


.alles {
    max-width: 1000px;
    width: 100%;
    margin: 0 auto;
    position: relative;
}
#wrap {
    float: left;
    width: 1000px;
    border: 1px solid #000;
    margin-top: 25px;
}
#header{
	width:100%;
	float:left;
	height:200px;

}
#headerImage {
    background: url(../images/logo.png), url(../images/headerpic.jpg);
    background-position: 30px 30px, left top;
    background-repeat: no-repeat, no-repeat;
    float: left;
    width: 75%;
    height: 100%;
}
#news {
    float: right;
    width: 25%;
    background: #790101;
    height: 100%;
	overflow:hidden;
}
#news:hover{
	overflow: visible;
}
#news:hover .infobox {
    background: #790101;
    z-index: 999;
}
#news .news {
    float: left;
    width: 225px;
    padding: 10px;
    color: #FFFFFF;
    padding-left: 20px;
    padding-right: 4px;
    padding-top: 20px;
    overflow: hidden;
    border-left: 1px solid #fff;
}
#news .news .teaserText {
    float: left;
    width: 100%;
}
#news .news .teaserText h4 {
    float: left;
    color: #fff;
	width:100%;
	clear:both;
	margin-bottom:13px;
}
#news .news .teaserText h4 a {
    color: #fff;
	font-weight:bold;
}
#news .news .teaserTextinner p, #news .news .teaserTextinner a {
    color: #fff;
}
#news .news .homeweiterlesen a {
     color: #fff;
}
#news .news a {
    color: #fff;
}

#content {
    float: left;
    width: 100%;
    background: #fff;
    padding: 0;
}
#contentbereich {
    float: right;
    width: 700px;
    margin-top: 0px;
    border-left: 1px solid #000;
    padding-top: 32px;
    padding: 32px 25px 0;
}

#footer {
	float:left;
	width:100%;
    background-color: #ab8445;
    min-height: 65px;
}
#footer #impressum {
    margin: 22px;
    float: left;
    color: #2a2111;
}
#logo-footer {
    float: right;
    margin: 8px 0 0px;
}


/* Kontrast */
#kontrast-alles {
	padding-top: 7px;
    float: left;
    height: 27px;
    width: 103px;
	margin-right: 6%;
}
#kontrast-alles p {
	float: left;
	padding-top: 3px;
	color: #8f9193;
    font-size: 16px;
}
#kontrast-zeichen {
    float: right;
    height: 27px;
    margin-top: 3px;
    width: 27px;
}
#normal {
	display: none;
}

/*Popup Schrift*/
#schrift {
	color: #8f9193;
    float: left;
    font-size: 16px;
    position: relative;
    width: 180px;
}
#schrift img {
    margin-left: 7px;
	
}
#schrift a {
    background: url("../images/schrift.png") no-repeat scroll left 5px;
    float: left;
    height: 17px;
    padding-top: 8px;
    width: 47px;
}
#schrift p {
	float: left;
    margin-right: 4%;
    padding-top: 5px;
}
#schrift a:hover {
	color: #fff;
}
#popUp {
    color: #fff;
    display: none;
    left: -65px;
    padding: 17px 15px;
    position: absolute;
    text-align: center;
    top: -48px;
    width: 260px;
    z-index: 160;
}
#popUp p {
	color: #fff;
    font-size: 16px;
    line-height: 23px;
    margin-bottom: 14px;
}
#schrift a:hover + #popUp{
    display:block;
}
#popUp:hover{
	opacity: 0.95;
    background: none repeat scroll 0 0 #0986C8;
    display:block;
    -webkit-transition: background 0.5s ease-in;
    -moz-transition: background 0.5s ease-in;
    -ms-transition: background 0.5s ease-in;
    -o-transition: background 0.5s ease-in;
    transition: background 0.5s ease-in;
}
#popUp .button {
	background:#fff;
	border:1px solid #666;
	margin-right:5px;
	padding:0 5px;
}
#popUp span.button {
	color: #000;
}

/* Nachoben-Link und Drucken-Link */
#navlinks {
    float: right;
    width: 100%;
    /* max-width: 300px; */
    position: absolute;
    right: 0;
    bottom: 0;
    border-bottom: 1px solid #595959;
    color: #595959;
    font-size: 16px;
}
#navlinks a{
	color:#595959;
	font-size:16px;
}
#nachOben {
	float:right;
}
#nachOben a {
    background: url(../images/oben.png) no-repeat 5px center;
    padding: 6px 20px 6px 50px;
    float: left;
    display: block;
    border: 1px solid #595959;
    border-bottom: none;
}
#drucken {
    float: right;
    margin-right: 1%;
}
#drucken a {
    background: url(../images/drucken.png) no-repeat 5px center;
    padding: 6px 21px 6px 54px;
    float: left;
    display: block;
    border: 1px solid #595959;
    border-bottom: none;
}
#drucken a img.kontrast {
	display: none;
}
#drucken a:hover, #nachOben a:hover {
    text-decoration: none;
    background-color: #459AEA;
    color: #fff;
}

/* Suchbereich */
#suchbereich {
    background: #459AEA;
    float: left;
    position: relative;
    width: 100%;
    /* padding-bottom: 5px; */
    padding: 0;
}
#suchbereich .bereich1 {
    float: left;
    width: 50px;
    padding: 23px 38px 6px 35px;
}
#suchbereich .suche {
    background: none repeat scroll 0 0;
    border: medium none;
    color: #FFF;
    float: left;
    font-size: 17px;
    margin: 0;
    /* width: 100%; */
    padding: 0;
    width: auto;
}
#suchbereich .bereich2 {
    float: right;
    /* height: 19px; */
    /* margin-right: 4%; */
    /* margin-top: 12px; */
    /* padding-left: 6px; */
    /* width: 13px; */
    margin: 23px 8px 0px 0;
}
#suchbereich .sucheAbsenden {
    background: url("../images/lupe.png") no-repeat scroll left top;
    height: 17px;
    width: 15px;
}
/* ######################### SUBNAVI ########################### */

#subnavi {
    display: block;
    float: left;
    width: 249px;
    margin-top: 32px;
}
#subnavi ul {
    width: 92%;
    float: left;
    list-style: none;
    padding: 10px 4%;
}
#subnavi ul li {
    float: left;
    width: 100%;
    background: #BDBEC1;
    margin-bottom: 10px;
}
#subnavi ul li a {
    line-height: 14px;
    padding: 6.5px;
    display: block;
    font-size: 13px;
    color: #fff;
    font-weight: 500;
}

#subnavi ul li a:hover, #subnavi ul li.menueebeneActive a {
    color: #000;
    text-decoration: none;
    font-weight: 600;
}

#subnavi ul li a.start {
    background: #666;
}
#subnavi ul ul li a {
    padding: 2px 13px;
    font-size: 13px;
    color: #000;
}
#subnavi ul ul {
    background: #fff;
}
#subnavi ul ul li {
    background: #fff;
}
/* ######################### Hauptmenü ########################### */

.mainMenueId {
    width: 100%;
    float: left;
    position: relative;
    z-index: 10;
}
.menueId {
    float: left;
    width: 100%;
}
.menueId ul {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 100%;
    list-style: none;
    display: flex;
    justify-content: space-between;
}
.menueId ul.navId ul {
	visibility: hidden;
}
.menueId ul.navId li:hover > ul, .menueId ul.navId li.hover > ul {
	visibility: visible;
	display: block;
}
.menueId ul li {
	float: left;
    text-align: center;
    width: fit-content !important;
    height: 46px;
    border-left: 1px solid #fff;
    border-top: 1px solid #fff;
    background: #000;
}
.menueId ul li.menueebene0 {
}
.menueId ul li.menueebene3 {
}
.menueId ul li.menueebene3Active {
}
.menueId ul li.menueebene0Active {
}

.menueId ul li.menueebene0Active, .menueId ul li.menueebene0 {
}
.menueId ul li.menueebene1, .menueId ul li.menueebene1Active {
}
.menueId ul li.menueebene2, .menueId ul li.menueebene2Active {
}
.menueId ul li.menueebene3, .menueId ul li.menueebene3Active {
}
.menueId ul li a {
	
    display: block;
    color: #BDBEC1;
    height: 23px;
    padding-top: 7px;
	font-size:13px;
}



.menueId ul li.menueebene0Active, .menueId ul li.menueebene0:hover, .menueId ul li.menueebene1Active, .menueId ul li.menueebene1:hover, .menueId ul li.menueebene2Active, .menueId ul li.menueebene2:hover, .menueId ul li.menueebene3Active, .menueId ul li.menueebene3:hover, .menueId ul li.menueebene4Active, .menueId ul li.menueebene4:hover, .menueId ul li.menueebene5Active, .menueId ul li.menueebene5:hover {
    height: 66px;
    margin-top: -20px;
}
.menueId ul li:hover a, .menueId ul li a:hover, .menueId ul li.menueebene0Active a, .menueId ul li.menueebene0Active a:hover, .menueId ul li.menueebene1Active a, .menueId ul li.menueebene1Active a:hover, .menueId ul li.menueebene2Active a, .menueId ul li.menueebene2Active a:hover, .menueId ul li.menueebene3Active a, .menueId ul li.menueebene3Active a:hover, .menueId ul li.menueebene4Active a, .menueId ul li.menueebene4Active a:hover {
    color: #fff;
    padding-top: 27px;
}

.menueId ul li ul li a:hover, .menueId ul li.menueebene0Active ul li a:hover, .menueId ul li.menueebene1Active  ul li a:hover, .menueId ul li.menueebene2Active  ul li a:hover, .menueId ul li.menueebene3Active  ul li a:hover, .menueId ul li.menueebene4Active  ul li a:hover {
    margin-bottom: 0 !important;
	border-bottom: 1px solid #dae5b5;
}
.menueId ul li.menueebene2:hover a, .menueId ul li.menueebene2Active a, .menueId ul li.menueebene2Active a:hover {
}
.menueId ul li.menueebene3:hover a, .menueId ul li.menueebene3Active a, .menueId ul li.menueebene3Active a:hover {
}
.menueId ul li.menueebene2, .menueId ul li.menueebene2Active {
}
.menueId ul li.menueebene3, .menueId ul li.menueebene3Active {
}
.menueId ul li ul {
}
.menueId ul li.menueebene0 ul, .menueId ul li.menueebene0Active ul, .menueId ul li.menueebene1 ul, .menueId ul li.menueebene1Active ul, .menueId ul li.menueebene2 ul, .menueId ul li.menueebene2Active ul, .menueId ul li.menueebene3 ul, .menueId ul li.menueebene3Active ul, .menueId ul li.menueebene4 ul, .menueId ul li.menueebene4Active ul, .menueId ul li.menueebene5 ul, .menueId ul li.menueebene5Active ul {
}


/* Ebene 2 */


/*######### Nach entsprechendem Child wird das Li umgebrochen (Menü)###########*/
.menueId ul.navId ul li:nth-child(4n+5) {
	clear: left;
}
.menueId ul.navId ul li.clearleft {
	clear: left;
}
/*####################Ende##############*/


.menueId ul li ul {
	background: none repeat scroll 0 0 #dae5b5;
    border: 2px solid #fff;
    display: none;
    float: none;
    left: 0;
    margin: 0;
    padding: 40px 0 50px 30px;
    position: absolute;
    top: 59px;
    width: 1048px;
    z-index: 1000;
}
.menueId ul li.menueebene0 ul, .menueId ul li.menueebene0Active ul {
	left: -28px;
}
.menueId ul li.menueebene1 ul, .menueId ul li.menueebene1Active ul {
	left: -239px;
}
.menueId ul li.menueebene2 ul, .menueId ul li.menueebene2Active ul{
	left: -450px;
}
.menueId ul li.menueebene3 ul,.menueId ul li.menueebene3Active ul {
	left: -661px;
}
.menueId ul li.menueebene4 ul, .menueId ul li.menueebene4Active ul{
	left: -872px;
}
.menueId ul li ul li {
    background: none repeat scroll 0 0;
    margin-bottom: 0 !important;
    margin-left: 3px;
    margin-right: 24px;
    margin-top: 0 !important;
    padding: 0;
    width: 231px;
}
.menueId ul li ul li a {
	background: url("../images/menue-ul-li.jpg") no-repeat scroll left 12px;
    border-bottom: 1px solid #a0180d;
    color: #a0180d;
    display: block;
    float: left;
    font-size: 19px;
    font-weight: normal;
    letter-spacing: 0;
    padding: 5px 2% 5px 10%;
    text-align: left;
    text-decoration: none;
    text-transform: uppercase;
    width: 88%;
}
.menueId ul li ul li a:hover {
	background: url(../images/menue-ul-li.jpg) no-repeat left 12px #fff !important;
}


/* Ebene 3 */

.menueId ul.navId li ul li ul li a {
    line-height: 19px;
    padding: 0 0 0 10px;
    width: 90.5%;
	color: #484a44;
	background: none;
	border: none;
	text-transform: none;
	font-size: 15px;
}
.menueId ul.navId li ul li ul li a:hover, .menueId ul li ul li ul li a.l3-act {
	background: #fff !important;
	color: #484a44 !important;
}
.menueId ul li ul li ul li {
	margin:0;
	background: none;
}
.menueId ul.navId ul ul {
	display: block;
	visibility: visible;
}
.menueId ul ul li ul {
	border: 0 none;
    float: left;
    left: 10px !important;
    margin-bottom: 20px;
    padding: 0;
    position: relative;
    top: 0;
    width: 95.5%;
	margin-top: 5px;
}

/* Main Navi - Subnavi */

#mainMenueSub ul li ul li.menueumbruch {
	clear:  both;
}
.home #mainMenueSub {
    top: 151px;
}
#mainMenueSub {
    background: #fff;
    float: left;
    left: 0;
    position: absolute;
    top: 77px;
    width: 100%;
    z-index: 999;
}
#mainMenueSub ul {
    float: left;
    width: 100%;
}
#mainMenueSub ul li ul {
    float: left;
    width: 100%;
    padding: 45px 0 0;
}


#mainMenueSub ul .menueebene0, #mainMenueSub ul .menueebene0Active, #mainMenueSub ul .menueebene1, #mainMenueSub ul .menueebene1Active, #mainMenueSub ul .menueebene2, #mainMenueSub ul .menueebene2Active, #mainMenueSub ul .menueebene3, #mainMenueSub ul .menueebene3Active, #mainMenueSub ul .menueebene4, #mainMenueSub ul .menueebene4Active, #mainMenueSub ul .menueebene5, #mainMenueSub ul .menueebene5Active {
    display: none;
    margin: 0 auto;
    max-width: 1213px;
    width: 100% !important;
    box-shadow: 0px 1px 20px 0px #ADADAD;
}
#mainMenueSub ul .menueebene0 .menueebene0Active, #mainMenueSub ul .menueebene0Active .menueebene0Active, #mainMenueSub ul .menueebene0 .menueebene0, #mainMenueSub ul .menueebene0Active .menueebene0, #mainMenueSub ul .menueebene1 .menueebene1Active, #mainMenueSub ul .menueebene1Active .menueebene1Active, #mainMenueSub ul .menueebene1 .menueebene1, #mainMenueSub ul .menueebene1Active .menueebene1, #mainMenueSub ul .menueebene2 .menueebene2Active, #mainMenueSub ul .menueebene2Active .menueebene2Active, #mainMenueSub ul .menueebene2 .menueebene2, #mainMenueSub ul .menueebene2Active .menueebene2, #mainMenueSub ul .menueebene3 .menueebene3Active, #mainMenueSub ul .menueebene3Active .menueebene3Active, #mainMenueSub ul .menueebene3 .menueebene3, #mainMenueSub ul .menueebene3Active .menueebene3, #mainMenueSub ul .menueebene4 .menueebene4Active, #mainMenueSub ul .menueebene4Active .menueebene4Active, #mainMenueSub ul .menueebene4 .menueebene4, #mainMenueSub ul .menueebene4Active .menueebene4, #mainMenueSub ul .menueebene5 .menueebene4Active, #mainMenueSub ul .menueebene5Active .menueebene5Active, #mainMenueSub ul .menueebene5 .menueebene5, #mainMenueSub ul .menueebene5Active .menueebene5 {
    display: none !important;
}
#mainMenueSub li {
    list-style: none outside none;
}
#mainMenueSub li ul li {
    float: left;
    margin-bottom: 40px;
    padding: 0 4% 0 0;
    text-align: left;
    width: 21%;
}
#mainMenueSub li ul li a {
    border-bottom: 1px solid #006ab2;
    color: #595959;
    float: left;
    font-size: 18px;
    margin-bottom: 10px;
    padding-bottom: 3px;
    padding-top: 0px;
    text-decoration: none;
    text-transform: uppercase;
    width: 100%;
}
#mainMenueSub ul li ul li a:hover, #mainMenueSub ul li ul li a.act {
	text-decoration: none;
	color: #006AB2;
}
#mainMenueSub ul li ul li a.pfeilSubAct {
	text-decoration: none;
	color: #006AB2;
}

/* 3 Ebene */
#mainMenueSub ul li ul li ul {
    float: left;
    padding: 0;
    width: 100%;
}
#mainMenueSub ul li ul li ul li {
    float: left;
    margin: 0;
    width: 100%;
}
#mainMenueSub ul li ul li ul li a {
    background: url("../images/li.png") no-repeat scroll left center;
    border: medium none !important;
    color: #595959;
    float: left;
    font-size: 16px;
    font-style: normal;
    height: auto;
    line-height: 20px;
    margin: 0;
    padding: 4px 0 4px 20px;
    text-align: left;
    text-decoration: none;
    text-transform: none;
}
#mainMenueSub ul li ul li ul li a:hover {
    color: #459AEA;
    text-decoration: none;;
}
#mainMenueSub ul li ul li ul li a.l3-act {
    color: #459AEA;
    text-decoration: none;
}




/* Headlines */
#contentbereich .imageDescription {
	display: block;
}
.imageContent {
	float: right;
	position: relative;
	padding-bottom: 0px;
	padding-left: 12px;
	padding-right: 0px;
	padding-top: 5px;
}
.imageDescriptionText {
	font-size: 11px;
	padding-left: 0px;
	width: 207px;
	color: #1a171b;
	text-align: right;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
}
.wetterGrad {
	float: left;
	padding-left: 15px;
}
.typo3-editPanel {
	float: left;
}
.veranstaltungenBild, .veranstaltungenBild02 {
	float: left;
	margin: 0 10px 8px 0px;
	clear: both;
	border: 1px solid #D4D4D4;
}
.veranstaltungenBild02 {
	float: right;
	margin: 8px 0 0 10px;
}
#contentbereich .alpha-sitemap-chars {
	margin: 12px 0;
	background: #e5ebf5;
	border: 1px solid #99b2da;
	text-align: center;
	padding: 6px;
}
#contentbereich .alpha-sitemap-chars span {
	color: #cccccc;
	text-shadow: 1px 1px 3px #99b2da;
	font-size: 15px;
}
#contentbereich .alpha-sitemap-chars span a {
	color: #2f6d77;
	text-shadow: 1px 1px 3px #99b2da;
	font-size: 15px;
}
#contentbereich .alpha-sitemap-chars .active {
	color: #04378b;
	text-shadow: 1px 1px 3px #99b2da;
	font-size: 15px;
}
/*
 *	Wird nur für Backendbenutzer angezeigt
 *  width anpassen
*/
/* contentbereich */
.typo3-editPanel {
	background-color: #f1f1f1;
    border: 1px dotted #909090;
    clear: both;
    float: left;
    font-size: 11px;
    padding: 4px;
    position: relative;
    width: 98.4%;
    z-index: 500;
}
img.frontEndEditIcons {
    width: auto!important;
    max-width: 100%!important;
}
#homeBoxRight02 .typo3-editPanel {
	display: none;
}
/* contentInfobox */
.contentbereichInfobox .typo3-editPanel {
	margin: 5px 0 0 0;
	width: 587px;
}
/* rechte Randleiste */
.typo3-editPanel {
}
.typo3-editPanel-controls {
	float: left;
	margin-right: 4px;
}
.typo3-editPanel-controls .feedit-icon {
	margin: 0 4px 0 0;
	width: auto !important;
}
.typo3-editPanel-label {
	float: left;
	color: #000000;
	font: 11px arial, tahoma, helvetica, sans-serif;
	padding: 2px 0 0 0;
}
/* #contentbereich .ce-gallery DIV.ce-row {
	margin-left: 0 !important;
	float: left;
	margin-top: 0px;
} */
#contentbereich .ce-gallery DIV.ce-row DIV.ce-column.ce-column {
	padding-left: 0 !important;
}
#contentbereich .ce-textpic .ce-row {
    clear: both;
    margin: 0 0 10px;
}
#bbw {
    float: left;
    width: 100%;
}
.bbwFirstLetterblock, .bbwFirstLetterblockleistung {
	background: #F6F6F6;
	border: 1px dotted #6C6C6C;
	margin:4px 0 7px 0px;
	padding: 4px 0;
    text-align: center;
	float: left;
	width: 100%;
}
.bbwFirstLetterblockleistung a {
	text-shadow:1px 1px #ddd;
}
#bbw table {
    border: 1px solid #CFCFCF;
    border-collapse: collapse;
    margin: 0 0 15px 0px;
    max-width: 610px;
    text-align: left;
    width: 100%;
}
#bbw .formSelect option {
	padding: 5px;
}
#bbw table tbody tr th {
	background:#E0E0E0;
	border: 1px solid #CFCFCF;
	padding:5px;
	text-align:left;
}
#bbw table tbody tr td {
	background:#F9F9F9;
	border: 1px solid #CFCFCF;
	padding:5px;
	text-align:left;
}
#bbw table tbody tr.alt td {
	background: #FFFFFF;
}
#bbw table tbody tr:hover td {
	background: #f0f0f0;
}
#bbw img {
	border:1px solid #ccc;
}
.vCard {

}

#bx-pager {
    background: url(../images/bilderwechsel.png) 55% 15px no-repeat #80b904;
    position: absolute;
    right: 0;
    top: 180px;
    z-index: 999;
	min-height:48px;
	width:48px;
	padding:15px;
}
#bx-pager a img, #wrap.home #bx-pager p {
	color:#fff;
	font-size:17px;
}
#bx-pager a img {
	border:2px solid #fff;
	margin-top:15px;
}
#bx-pager a {
	transition: none 0s ease 0s !important;
}
#bx-pager:hover {
    background: url("../images/bilderwechsel.png") no-repeat scroll 85% 15px #80b904;
    padding-right: 104px;
    width: 85px;
}
#bx-pager:hover a img,  #bx-pager:hover p {
}

#bx-pager a.active img {
	border:2px solid #007ec5;
}
#bx-pager a.active {
    background: url("../images/active.png") no-repeat scroll right center;
    clear: both;
    padding-right: 55px;
    width: 100%;
	margin:0;
}

DIV.ce-column {
    height: 100%;
}