 /* common styles */

#responsiveShow, .nav_responsive {
	display: none;
}
#responsiveSidemenue {
	display:none;
}

/* #Media Queries
================================================== */
@media only screen and (min-width: 1349px) and (max-width: 1564px) {
	#mainMenueSub {
		left: 19%;
	}
	#mitarbeiter img {
		border-right: 1px solid #fff;
	}
	#popUp {
		right: 180px;
	}
	#wrap02 #ql02 {
		width: 33.3%;
	}
	#detailLocation {
		background: none;
	}
}
@media only screen and (min-width: 1150px) and (max-width: 1348px) {
/*###Satartseite###*/
#mitarbeiter img {
    border-right: 1px solid #fff;
}
.bx-wrapper ul li {
    width: 100% !important;
}
.bx-viewport {
	height: 432px!important;
}
#mainMenueSub {
    left: 123px;
}
#header02 #slogan {
    width: 398px;
}
#header02 {
    height: 432px;
}
#wrap01 #veranstaltungen {
}
#ql01 img {
    max-width: none;
}
#wrap02 #ql01 {
    overflow: hidden;
}
#wrap02 #ql03 {
    overflow: hidden;
}
#ql03 img {
    max-width: none;
}
#homelayout #wrap01 #news {
    width: 60.5%;
	padding: 62px 39px 0 30px;
}
#footer #footer01 {
    width: 23.8%;
    margin-left: 18px;
}
#footer #footer02 {
    width: 31.2%;
}
#footer #footer04 {
    float: left;
    width: 272px;
    margin-top: 42px;
    margin-left: 55%;
}
/*###Content###*/
#contentbereich .contentElement {
    margin-bottom: 5%;
}
.infobox02 p {
    width: 50%;
}
#suchbereich {
    margin-right: 1px;
}
.mainMenueId {
    width: 66.7%;
}
#content {
    width: 92%;
    margin-left: 2px;
}
#navlinks {
    bottom: -35px;
    right: 0;
	width: 110px;
}
#nachOben {
    width: 50px;
	float: right;
}
#drucken {
    width: 50px;
}
#wrap03 #ql06 p.ql {
    width: calc(100% - 80px);
}
#wrap01 #veranstaltungen p.ql {
    width: calc(100% - 80px);
}
/*####MINIGALERIE####*/
#contentbereich .minigal .scrollWrap {
    height: 103px;
    margin: 0 auto;
    position: relative;
    width: 480px;
}
#contentbereich .minigal .scrollable img {
    width: 121px;
}
#contentbereich .minigal a.browse {
    margin: 26px 10px;
}
/*####MINIGALERIE####*/
.infobox01 p.anschrift02 {
    margin-right: 40px;
}
.infobox01 .ce-bodytext a {
    margin-right: 43px;
}
#contentbereich .contentRight li {
    width: 96%;
}
.tx-powermail .powermail_fieldset .powermail_label {
    width: 100%;
}
.objBtn {
    width: 23%;
}
#tableView .colNrBlock {
    width: 40% !important; 
}
.tx-powermail .powermail_fieldset .powermail_label {
    width: auto;
}
.list .detailLeft {
    border-right: none;
    width: 60%;
}
#detailLocation {
    background: none;
}
#sorting {
    width: 30%;
}
}
/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 1025px) and (max-width: 1149px) {
/*###Startseite###*/
#homelayout #wrap01 #news {
    padding-top: 71px;
}
#mitarbeiter img {
    border-right: 1px solid #fff;
}
.bx-wrapper ul li {
    width: 100% !important;
}
.bx-viewport {
    height: 385px !important;
}
#wrap03 #ql06 p.ql {
    width: calc(100% - 80px);
}
#wrap01 #veranstaltungen p.ql {
    width: calc(100% - 80px);
}
#suchbereich {
    position: absolute;
    right: 1px;
    top: 0px;
    z-index: 999999999999999999999999999999999;
	float: right
}
#mainMenueSub {
    left: 0px;
}
#header02 {
    height: 384px;
}
#ql01 img {
    max-width: none;
}
#wrap02 #ql01 {
    overflow: hidden;
}
#wrap02 #ql03 {
    overflow: hidden;
}
#ql03 img {
    max-width: none;
}
#homelayout #wrap01 {
    margin-top: 0;
    height: auto;
    padding-bottom: 30px;
}
#footer #footer01 {
    width:25.8%;
    margin-left: 18px;
}
#footer #footer02 {
    width: 28.2%;
}
#footer #footer04 {
    float: left;
    width: 272px;
    margin-top: 42px;
    margin-left: 55%;
}
.infobox02 img.img {
    width: 145px;
    margin-top: 24px;
}
.infobox02 a {
    width: 129px;
    bottom: 58px;
    left: 183px;
}
.infobox02 p {
    font-size: 16px;
}
.menueId ul li a {
    font-size: 21px;
}
.mainMenueId {
    width: 73.3%;
}
#logo {
    margin-top: 27px;
    width: 236px;
}
.f-menue #logo {
    width: 236px;
    margin-top: 5px;
}
.f-menue #suche {
	display: none;
	transition: 0.2s;
}
#wrap03 #ql04:hover {
    background: url(../images/mitarbeiter-h.jpg) no-repeat scroll -22px top;
}
#wrap03 #ql05 {
    background: url(../images/ortsplan.jpg) no-repeat scroll -26px top;
}
#wrap03 #ql05:hover {
    background: url(../images/ortsplan-h.jpg) no-repeat scroll -26px top;
}
#wrap03 #ql06 {
    background: url(../images/bauflaechen.jpg) no-repeat scroll -26px top;
}
#wrap03 #ql06:hover {
    background: url(../images/bauflaechen-h.jpg) no-repeat scroll -26px top;
}
#wrap01 #veranstaltungen:hover {
    background: url(../images/veranstaltungen-h.png) no-repeat scroll -26px top;
}
#popUp {
    right: 37%;
}
#wrap01 #veranstaltungen:hover .news-mehr a {
    margin: 0px 94px;
    padding: 4px 17px 4px 14px;
}
#wrap02 #ql02:hover .news-mehr a {
    margin: 0px 94px;
    padding: 4px 17px 4px 14px;
}
#wrap03 #ql04:hover .news-mehr a {
    margin: 0px 94px;
    padding: 4px 17px 4px 14px;
}
#wrap03 #ql05:hover .news-mehr a {
    margin: 0px 94px;
    padding: 4px 17px 4px 14px;
	
}
#wrap03 #ql06:hover .news-mehr a {
    margin: 0px 94px;
    padding: 4px 17px 4px 14px;
}

/*###Kalender##*/
#kalenderOption .kalenderBtn {
    font-size: 15px;
}
.kalenderFilterOption .rahmen {
    margin: 15px 2% 5px 0;
}
/*###Minigal###*/
#contentbereich .minigal a.browse, #contentbereich .minigal a.prev {
    top: 0px;
}
#contentbereich .minigal .ce-column FIGURE, #contentbereich .minigal .ce-column {
    margin-top: 0px;
}
#contentbereich .minigal .clickenlarge-0 {
    float: left;
}
#contentbereich .minigal .scrollWrap {
    height: 103px;
    margin: 0 auto;
    position: relative;
    width: 435px;
}
#contentbereich .minigal .scrollable img {
    width: 116px;
}
.minigal .itemsinnerwrap {
    padding: 0px 0 0 21px;
}
#contentbereich .minigal a.browse {
	margin: 24px 0px;
}


/*###Content###*/

#content {
    width: 92%;
    margin-left: 2px;
}
#navlinks {
    bottom: -35px;
    right: 0;
	width: 110px;
}
#nachOben {
    width: 50px;
	float: right;
}
#drucken {
    width: 50px;
}
.infobox01 h4.infobox {
    margin-top: 10px;
}
.infobox01 p.anschrift01 {
    font-size: 16px !important;
}
.infobox01 p.anschrift02 {
    margin-right: 22px;
	font-size: 16px !important;
	margin-top: 19px;

}
.infobox01 .ce-bodytext a {
    margin-right: 21px;
	font-size: 16px;
	margin-top: 19px;
}
#wrap03 #ql04 {
    background: url(../images/mitarbeiter.jpg) no-repeat scroll -22px top;
}
.tx-powermail .powermail_fieldset .powermail_label {
    width: 100%;
}
.tx-powermail .powermail_fieldset .powermail_label {
    width: 100%;
}
#toggleMap, #toggleCats {
    height: 45px;
    margin-top: -5px;
}
.objBtn {
    width: 22.7%;
}
#tableView .colNrBlock {
    width: 52% !important;
}
#contentbereich .contentRight li {
    width: auto;
}
.list .detailLeft {
    border-right: none;
    width: 60%;
}
#contentbereich h4 {
    margin: 20px 0;
}
#detailLocation {
    background: none;
}
#hitsheadline {
    width: 25%;
}
#sorting {
    width: 30%;
}
#contentbereich .contentElement .ce-textpic .ce-gallery {
    width: 100%;
}
}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 960px) and (max-width: 1024px) {
/*###Startseite###*/
#wrap03 #ql06 p.ql, #wrap03 #ql05 p.ql, #wrap03 #ql04 p.ql, #wrap02 #ql02 p.ql, #wrap01 #veranstaltungen p.ql {
    font-size: 17px;
}
#mitarbeiter img {
    border-right: 1px solid #fff;
}
.bx-viewport {
    height: 380px!important;
}
.bx-wrapper ul li {
    width: 106% !important;
}
#homelayout #wrap01 {
    margin-top: 0;
    height: auto;
    padding-bottom: 30px;
}
#wrap03 #ql06 p.ql {
    width: calc(100% - 80px);
}
#wrap01 #veranstaltungen p.ql {
    width: calc(100% - 80px);
}
#suchbereich {
    position: absolute;
    right: 1px;
    top: 57px;
    z-index: 999999999999999999999999999999999;
}
#mainMenueSub li ul li a {
    font-size: 16px;
}
#mainMenueSub {
    left: 0;
	width: 100%;
	top: 184px;
}
#header01 {
    height: 184px;
}
#header02 #slogan {
    bottom: 4px;
}
#header02 {
    height: 384px;
}
#ql01 img {
    max-width: none;
}
#wrap02 #ql01 {
    overflow: hidden;
}
#wrap02 #ql03 {
    overflow: hidden;
}
#ql03 img {
    max-width: none;
}
#homelayout #wrap01 {
    margin-top: -5px;
}
#footer #footer01 {
    width:24.8%;
    margin-left: 18px;
}
#footer #footer02 {
    width: 27.2%;
}
#footer #footer04 {
    float: left;
    width: 272px;
    margin-top: 42px;
    margin-left: calc(50% - 136px);
	margin-bottom: 20px;
}
#logo {
    float: left;
    margin-top: 4px;
    width: 100%;
    margin: 0 auto;
    text-align: center;
}
.f-menue #logo {
    display: none;
	transition: 0.2s;
}
.f-menue #suche {
	display: none;
	transition: 0.2s;
}
.f-menue #logo img {
    display: none;
	transition: 0.2s;
}
.f-menue .menueId ul li {
    height: 93px;
}
#menueinfo {
    padding: 30px 0px 20px 32px;
	width: 313px;
}
#logo img {
	width: 250px;
}
.menueId ul li {
    height: 59px;
}
.mainMenueId {
    width: 90%;
	margin-top: 0px;
    margin-left: 10%;
}

#wrap03 #ql04 {
    background: url(../images/mitarbeiter.jpg) no-repeat scroll -43px top;
}
#wrap03 #ql04:hover {
    background: url(../images/mitarbeiter-h.jpg) no-repeat scroll -43px top;
}
#wrap03 #ql05 {
    background: url(../images/ortsplan.jpg) no-repeat scroll -26px top;
}
#wrap03 #ql05:hover {
    background: url(../images/ortsplan-h.jpg) no-repeat scroll -26px top;
}
#wrap03 #ql06 {
    background: url(../images/bauflaechen.jpg) no-repeat scroll -37px top;
}
#wrap03 #ql06:hover {
    background: url(../images/bauflaechen-h.jpg) no-repeat scroll -37px top;
}
#wrap01 #veranstaltungen {
    background: url(../images/veranstaltungen.png) no-repeat scroll -26px top;
	 margin-top: 0;
}
#wrap01 #veranstaltungen:hover {
    background: url(../images/veranstaltungen-h.png) no-repeat scroll -26px top;
}
#popUp {
    right: 36%;
	bottom: 103px;
}
#wrap01 #veranstaltungen:hover .news-mehr a {
    margin: 0px 94px;
    padding: 4px 17px 4px 14px;
}
#wrap02 #ql02:hover .news-mehr a {
    margin: 0px 94px;
    padding: 4px 17px 4px 14px;
}
#wrap03 #ql04:hover .news-mehr a {
    margin: 0px 94px;
    padding: 4px 17px 4px 14px;
}
#wrap03 #ql05:hover .news-mehr a {
    margin: 0px 94px;
    padding: 4px 17px 4px 14px;
}
#wrap03 #ql06:hover .news-mehr a {
    margin: 0px 94px;
    padding: 4px 17px 4px 14px;
	bottom: 41px;
}
#homelayout #wrap01 #news {
    padding-left: 32px;
}
/*###Kalender##*/
#kalenderOption .kalenderBtn {
    font-size: 14px;
    width: 326px;
    margin-bottom: 10px;
}
/*###Minigal###*/
#contentbereich .minigal a.browse, #contentbereich .minigal a.prev {
    top: 0px;
}
#contentbereich .minigal .ce-column FIGURE, #contentbereich .minigal .ce-column {
    margin-top: 0px;
}
#contentbereich .minigal .clickenlarge-0 {
    float: left;
}
#contentbereich .minigal .scrollWrap {
    height: 103px;
    margin: 0 auto;
    position: relative;
    width: 435px;
}
#contentbereich .minigal .scrollable img {
    width: 109px;
}
.minigal .itemsinnerwrap {
    padding: 0px 0 0 21px;
}
#contentbereich .minigal a.browse {
	margin: 20px 0px;
}
a.next0.browse.right {
    right: 24px!important;
}

/*###Content###*/
.catImg {
    width: 135px;
    height: 135px;
}
.catBtn {
    width: 20%;
}
#content {
    width: 92%;
    margin-left: 2px;
}
#navlinks {
    bottom: -35px;
    right: 0;
	width: 110px;
}
#nachOben {
    width: 50px;
	float: right;
}
#drucken {
    width: 50px;
}
#contentbereich .ce-textpic .ce-gallery.ce-gallery:not([data-ce-columns="1"]) .ce-column:first-child {
    margin: 0 0 0;
}
.infobox01 h4.infobox {
    margin-top: 10px;
}
.infobox01 p.anschrift01 {
    font-size: 16px !important;
	line-height: 27px;
}
.infobox01 p.anschrift02 {
    margin-right: 22px;
	font-size: 16px !important;
	margin-top: 19px;
	line-height: 24px;

}
.infobox01 .ce-bodytext a {
    margin-right: 24px;
	font-size: 16px;
	margin-top: 23px;
}
.infobox02 p {
    width: 43%;
    margin-top: 7%;
}
#contentbereich .contentElement .ce-textpic .ce-gallery {
    width: 100%;
}
#contentbereich .contentRight li {
    width: auto;
}
#infoboxbereich .infobox01 h4.infobox {
    margin-top: 18px;
    font-size: 17px;
}
.tx-powermail .powermail_fieldset .powermail_label {
    width: 100%;
}
.objBtn {
    width: 22.6%;
}
#tableView .colNrBlock {
    width: 100% !important;
}
.list .detailLeft {
    border-right: none;
    width: 65%;
}
#contentbereich .contentElement {
    margin-bottom: 2%;
}
#detailLocation {
    background: none;
}
#sortBox {
    margin-left: 0;
}
}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {
    #alleArtikel {
        position: relative;
        bottom: auto;
        width: calc(66.6% - 120px);
        float: right;
    }
/*###Startseite###*/
#homelayout #wrap01 {
    height: 313px;
}
#header {
    margin-bottom: 33px;
}
#mitarbeiter img {
    border-right: 1px solid #fff;
}
.bx-wrapper ul li {
    width: 100% !important;
}
.bx-viewport {
    height: 287px!important;
}
#wrap03 #ql06 p.ql {
    width: calc(100% - 80px);
}
#wrap01 #veranstaltungen p.ql {
    width: calc(100% - 80px);
}
#suchbereich {
    position: absolute;
    right: 1px;
    top: -9px;
    z-index: 999999999999999999999999999999999;
}
#header02 #slogan {
    display: none;
}
#mainMenueSub li ul li a {
    font-size: 16px;
}
#mainMenueSub {
    left: 0px;
}
#header02 #slogan {
    bottom: 180px;
}
#header01 {
    height: 122px;
}
#header02 {
	height: 310px;
}
#ql01 img {
    max-width: none;
}
#wrap02 #ql01, #wrap02 #ql03 {
	display:none;
}
#footer {
    padding: 36px 0 45px;
}
#footer #footer01 {
    width:18.8%;
    margin-left: 18px;
}
#footer #footer02 {
    width: 24.2%;
}
#footer #footer04 {
    float: left;
    width: 37.7%;
    margin-top: 42px;
    margin-left: 162px;
}
#footer #footer03 {
    width: 25%;
}
.menueId ul li a {
    font-size: 21px;
}
#logo {
    width: 100%;
    text-align: center;
	margin:0;
}
.f-menue #logo {
    width: 30%;
    transition: 0.2s;
    margin-left: 36%;
}
.f-menue #suche {
    display: none;
    transition: 0.2s;
}
#header01.f-menue {
    height: 84px;
}
#wrap02 #ql02:hover {
    background: #024673;
}
#wrap03 #ql04 {
	background: url(../images/mitarbeiter.jpg) repeat-x scroll center top;
    width: 50%;
	max-width: 200%;
	background-size: 100%;
	height: 355px;
}
#wrap03 #ql04:hover {
    background: url(../images/mitarbeiter-h.jpg) repeat-x scroll center top;
}
#wrap03 #ql05 {
    background: url(../images/ortsplan.jpg) repeat-x scroll center top;
    width: 50%;
	max-width: 200%;
	float: right;
	height: 355px;
}
#wrap03 #ql05:hover {
    background: url(../images/ortsplan-h.jpg) repeat-x scroll center top;
}
#wrap03 #ql06 {
    background: url(../images/bauflaechen.jpg) repeat-x scroll center top;
    width: 50%;
    margin-top: 0px;
	max-width: 400px;
	margin-left: calc(50% - 200px);
}
#wrap03 #ql06:hover {
    background: url(../images/bauflaechen-h.jpg) repeat-x scroll center top;
}
#wrap01 #veranstaltungen {
	background: url(../images/veranstaltungen.png) repeat-x scroll center top;
    float: left;
    width: 50.5%;
    height: 356px;
    margin-top: -8.6px!important;
    max-width: 200%;
}

#wrap01 #veranstaltungen:hover {
    background: url(../images/veranstaltungen-h.png) repeat-x scroll center top;
}
#popUp {
    right: 689px;
}
.home-wrap #homelayout {
    width: 98%;
}
#wrap01 #veranstaltungen:hover p.ql {
    margin-bottom: 15px;
}
#wrap01 #veranstaltungen:hover .news-mehr a {
    margin: 0px 30% 0;
    padding: 4px 17px 4px 14px;
}
#wrap02 #ql02:hover .news-mehr a {
    margin: 0px 30% 0;
    padding: 4px 17px 4px 14px;
}
#wrap03 #ql04:hover .news-mehr a {
    margin: 0px 30% 0;
    padding: 4px 17px 4px 14px;
}
#wrap03 #ql05:hover .news-mehr a {
    margin: 0px 30% 0;
    padding: 4px 17px 4px 14px;
}
#wrap03 #ql06:hover .news-mehr a {
    margin: 0px 94px;
    padding: 4px 17px 4px 14px;
}
#homelayout #wrap01 #news {
    padding-left: 32px;
	width: 91.5%;
	padding: 0 0 0 53px;
	    height: 325px;
}
#homelayout #wrap02 {
    margin-top: 4px;
    height: 361px;
    width: 50.1%;
	float: right;
}
  #homelayout #wrap03 {
    width: 100%;
	margin-top: -6px;
	height: auto;
}
#wrap02 #ql02 {
	width: 100%;
    margin-top: 0px;
    float: right;
    height: 355px;
	max-width: 200%;
}
#contentbereich .minigal .clickenlarge-0 {
    max-height: 284px;
}
#contentbereich #contentColLeft .minigal .scrollable img, #contentbereich #contentColRight .minigal .scrollable img {
    width: 90px;
}
.itemsinnerwrap {
	height: 230px;
    padding: 27px 0%;
}
#contentbereich .minigal .scrollWrap {
    height: 282px;
	max-width: 100%;
}
#contentbereich .minigal .scrollable {
    height: 284px;
	max-width: 100%;
}
#contentbereich .minigal a.right, #contentbereich .minigal a.next {
    bottom: 0;
    height: 66px;
}
#contentbereich .minigal .ce-column {
	width: 95px;
    margin-top: 3px;
}
#contentbereich .minigal a.browse, #contentbereich .minigal a.prev {
	right: initial;
    margin: 0;
    top: 17px;
    left: 300px;
}
#contentbereich .minigal a.left {
    left: 6px;
    margin-left: 0;
}

/*###Content###*/
.powermail_field .checkbox {
    width: 50% !important;
}
.catImg {
    width: 117px;
    height: 117px;
}
#content {
    width: 95%;
    margin-left: 2px;
}
.clickenlarge-0 {
    width: 95%;
}
#navlinks {
    bottom: -35px;
    right: 0;
	width: 110px;
}
#nachOben {
    width: 50px;
	float: right;
}
#drucken {
    width: 50px;
}
#contentbereich .ce-textpic .ce-gallery.ce-gallery:not([data-ce-columns="1"]) .ce-column:first-child {
    margin: 0 0 0;
}
#menueinfo {
    display: none !important;
}
.contentRight {
    width: 47%;
}
#contentbereich .contentRight li {
    width: auto;
}
#contentbereich h4 {
    margin: 20px 0;
}
#contentbereich .contentElement .ce-textpic .ce-gallery {
    width: 100%;;
}
	/*MAINMEN�*/
#mainMenueSub{
	display:none;
}
.mainMenueId {
    display: none;
	margin-top: 56px;
    width: 100%;
}
#wrap.fade {
    height: 100%;
    overflow: hidden;
    position: absolute;
    right: -50%;
    width: 100%;
}
body.fadeb {
    overflow: hidden;
}

/* ResponsiveMainMen� */
.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 {
	border-bottom: none;
}

.menueId ul li a:hover, .menueId ul li.menueebene0Active a:hover, .menueId ul li.menueebene1Active a:hover, .menueId ul li.menueebene2Active a:hover, .menueId ul li.menueebene3Active a:hover, .menueId ul li.menueebene4Active a:hover {
    border-bottom: none;
}
.menueId ul li.menueebene3, .menueId ul li.menueebene3Active {
    border-right: 0;
}
.menueId ul li ul li .sub active a {
    color: #fff!important;
}
.menueId ul li ul li a {
    border: 0;
	border-bottom: 0!important;
	color: #000!important;
	text-transform: none;
}
.menueId ul li ul li, .menueId ul li ul li a.act {
    background-color: #fff!important;
    color: #000!important;
}
#responsiveSidemenue {
    display: block; 
}
.menueId ul li ul li.sub a {
    background: url(../images/resmnue.png) no-repeat 330px center;
    background-size: 17px;
}

.nav_responsive {
    display: block;
    left: 0;
    position: fixed;
    top: 0;
    cursor: pointer;
}
.nav_responsive_activate, .nav_responsive_active {
    background: url(../images/mainMenueResponsive.png) no-repeat scroll -28px center, #7d0008;
    width: 50px;
    height: 47px;
}
.nav_responsive_active{
	background-position:13px  center;
}
#responsiveSidemenue.show{
    float: left;
    height: 100%;
    width: 50%;
    overflow-x: auto;
    display: block;
}
#responsiveSidemenue, .mainMenueId.show {
    background: #3b3b3b repeat scroll 0 0;
    box-shadow: none;
    display: block;
    position: relative;
    z-index: 9999999;
}
.menueId ul li.menueebene0Active, .menueId ul li.menueebene0, .menueId ul li.menueebene1Active, .menueId ul li.menueebene1, .menueId ul li.menueebene2Active, .menueId ul li.menueebene2, .menueId ul li.menueebene3Active, .menueId ul li.menueebene3, .menueId ul li.menueebene4Active, .menueId ul li.menueebene4 {
    width: 100%;
	padding:0;
}
.menueId ul li ul li a {
	margin-bottom: 0;
    padding: 14px 10% 14px 10% !important;
    text-decoration: none;
    width: 80%;
    border: 0;
}
.menueId ul li a {
    border: 0 none;
    color: #fff;
    height: auto;
    padding: 24px 0 25px;
    text-align: center;
    width: 100%;
	border-bottom: 1px solid #3b3b3b;
}
.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 {
    border-bottom: 0 none;
	height:auto;
}
.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, .menueId ul li.menueebene0Active a, .menueId ul li.menueebene1Active a, .menueId ul li.menueebene2Active a, .menueId ul li.menueebene3Active a, .menueId ul li.menueebene4Active a {
    padding: 24px 0 25px;
	height:auto;
	border-bottom: 1px solid #7d0008;
    background: none;
}

.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, .menueId ul li ul li a.active {
	height:auto;
}

.menueId ul li ul li ul li:hover a, .menueId ul li ul li ul li a.l3-act{
}
.menueId ul li ul li ul {
    background:  none repeat scroll 0 0;
    display: none;
    left: 0 !important;
    margin: 3px 16%;
    right: auto !important;
    width: 68.3%;
}


.menueId {
    width: 100%;
}
.menueId, .menueId ul{
	height:100%;

}
.menueId ul li {
    margin-left: 0;
    width: 100%;
	height:auto;
    padding: 0;
	max-width: none;
	border:0;
	box-shadow:none;
}
.menueId ul li ul li a:hover, .menueId ul li ul li a.act, .menueId ul li ul li.active a.active {
    color: #fff!important;
    text-decoration: none;
    background: #595959!important;
}
.menueId ul li ul li.sub a:hover, .menueId ul li ul li.sub a.act, .menueId ul li ul li.sub.active a.sub.active {
    color: #fff!important;
    text-decoration: none;
    background: #595959 url(../images/resmnue_h.png) no-repeat 330px center!important;
    background-size: 17px!important;
}
.menueId ul li.menueebene0 a, .menueId ul li.menueebene0Active a, .menueId ul li.menueebene1 a, .menueId ul li.menueebene1Active a, .menueId ul li.menueebene2 a, .menueId ul li.menueebene2Active a, .menueId ul li.menueebene3 a, .menueId ul li.menueebene3Active a, .menueId ul li.menueebene3 a, .menueId ul li.menueebene3Active a, .menueId ul li.menueebene4 a, .menueId ul li.menueebene4Active a {
    text-align: center;
    float: left;
	font-weight: 100;
}
.menueId ul li.menueebene3, .menueId ul li.menueebene3Active {
	float: left;
}
menue ul li ul li a.pfeilSub {
    background: none repeat scroll 0 0;
    border: medium none;
    color: #000;
    text-transform: none;
    float: left;
    font-size: 16px;
    margin: 0;
    padding: 7px 0;
    width: 100%;
    text-align: left;
}
.menueId ul ul li.sub ul {
    /* margin-left: 8%; */
    /* margin-right: 8%; */
    width: 100%;
    margin: 0;
    border: 0;
}
.menueId ul li ul li ul li {
    border: 0;
	background:#fff none repeat scroll 0 0;
}

#responsiveSidemenue.show .mainMenueId.show .menueId ul.navId.dropdown li.menueebene1Active ul.menueebene0Sub.dropdownSlide li.sub ul li {
    color: #000;
}
#responsiveSidemenue.show .mainMenueId.show .menueId ul.navId.dropdown li.menueebene1Active ul.menueebene0Sub.dropdownSlide li.sub ul li a.l3-act {
	color: #353535;
}
.menueId ul.navId ul, .menueId ul.navId li:hover > ul, .menueId ul.navId ul ul, .menueId ul.navId ul li:hover > ul {
	display: none;
	visibility:hidden;
}
.menueId ul.navId li.menueebene0Active > ul, .menueId ul.navId li.menueebene0Active ul li, 
.menueId ul.navId li.menueebene1Active > ul, .menueId ul.navId li.menueebene1Active ul li, 
.menueId ul.navId li.menueebene2Active > ul, .menueId ul.navId li.menueebene2Active ul li, 
.menueId ul.navId li.menueebene3Active > ul, .menueId ul.navId li.menueebene3Active ul li, 
.menueId ul.navId li.menueebene4Active > ul, .menueId ul.navId li.menueebene4Active ul li,
.menueId ul.navId li.menueebene0Active ul li.active > ul, .menueId ul.navId li.menueebene0Active ul li.active ul li,
.menueId ul.navId li.menueebene1Active ul li.active > ul, .menueId ul.navId li.menueebene1Active ul li.active ul li,
.menueId ul.navId li.menueebene2Active ul li.active > ul, .menueId ul.navId li.menueebene2Active ul li.active ul li,
.menueId ul.navId li.menueebene3Active ul li.active > ul, .menueId ul.navId li.menueebene3Active ul li.active ul li,
.menueId ul.navId li.menueebene4Active ul li.active > ul, .menueId ul.navId li.menueebene4Active ul li.active ul li {
	display: block;
	visibility: visible;
	background:#fff;
}

.menueId ul li ul li {
	display: none;
}
.menueId ul li ul {
    border: medium none;
    float: left;
    margin: 0;
    padding: 0;
    position: static;
    width: 100%;
    min-height: auto;
    background: #fff;
}
.menueId ul li ul li {
    display: none;
    float: left;
    margin: 0!important;
    visibility: visible;
	border:0;
    width: 100%;
    padding: 0;
}

.menueId ul.navId li ul li.sub ul li a {
    color: #fff !important;
    font-size: 15px;
    line-height: 14px;
    margin-left: 0;
    padding: 14px 2px 14px 16% !important;
    text-align: left !important;
    margin-bottom: 0;
    width: 83.5%;
    background-color: #7d0008;
}
.menueId ul.navId li ul li ul li a:hover, .menueId ul li ul li ul li a.l3-act {
    background: #e8e8e8 !important;
	  color: #000 !important;
}
		/*QUICKLINKS*/
	
	/*######################################*/
	/*############ CONTENT #################*/

	/*### WETTER ###*/
	#weatherBox {
		background: url(../images/wetterboxBG_420-Kopie.jpg) no-repeat scroll 0 0 transparent;
		border: 1px solid #CCCCCC;
		clear: both;
		float: left;
		height: 290px;
		margin-bottom: 25px;
		padding: 123px 20% 0;
		width: 60%;
	}
	#weatherBox .today {
		float: left;
		width: 100%;
	}
	#weatherBox .tomorrow {
		float: right;
		width: 100%;
	}
	#weatherBox {
    padding: 130px 20% 0;
    background-size: 100%;
	}
	
	/*### FORM ###*/
	.formleft, .formright {
		width: 100%;
	}
	.formobjektsmall {
		width: 97% !important;
	}
	ul.schadensmeldung li {
		width: 50%;
	}
	.formobjektkleinVeranstaltung {
		width: 97.4%;
	}
	#contentbereich .export {
		width: 95.5%;
	}
	#kalender .list {
		width: 98%;
	}
	
	/*### KALENDER ###*/
	#kalender .date {
		padding-right: 2%;
		width: 6%;
	}
	#kalender .entry {
		width: 87%;
	}
	#kalenderOption .kalenderBtn {
    font-size: 16px;
    margin-bottom: 10px;
    width: 258px;
}
	
	/*### NEWS ###*/
	#dynamischeListe2 .newsText {
		width: 57%;
	}
	#dynamischeListe2 ul li {
    width: calc(100% - 50px);
}
	#photoListe .data {
		width: 80%;
	}
	
	/*### FOTO ###*/
	#photoListe ul li {
		width: 100%;
	}
	
	/*BILDER*/
	.ce-textpic .ce-gallery .ce-column {
		float: none;
		text-align: center;
	}
	
	.ce-textpic.ce-center:not(.ce-intext) .ce-gallery .ce-column {
		display: inline;
		margin-left: 0px;
	}
	.ce-gallery {
		/*text-align: center !important;
		width: 100% !important;*/
		text-align: center;
		width: 100%;
	}
#content #contentbereich #contentColLeft .contentElement .clickenlarge-1 .ce-textpic.ce-textpic.ce-center:not(.ce-intext).ce-textpic.ce-above:not(.ce-intext) .ce-gallery.ce-border.ce-gallery0 ul.ce-gallery[data-ce-rows="1"] .ce-row li.ce-column, #content #contentbereich #contentColRight .contentElement .clickenlarge-1 .ce-textpic.ce-textpic.ce-center:not(.ce-intext).ce-textpic.ce-above:not(.ce-intext) .ce-gallery.ce-border.ce-gallery0 ul.ce-gallery[data-ce-rows="1"] .ce-row li.ce-column, #content #contentbereich #contentColLeft .contentElement .clickenlarge-1 .ce-textpic.ce-textpic.ce-center:not(.ce-intext).ce-textpic.ce-below:not(.ce-intext) .ce-gallery.ce-border.ce-gallery0 ul.ce-gallery[data-ce-rows="1"] .ce-row li.ce-column {
	margin-left: 15px;
}
#content #contentbereich #contentColLeft .contentElement .clickenlarge-1 .ce-textpic.ce-textpic.ce-center:not(.ce-intext).ce-textpic.ce-above:not(.ce-intext) .ce-gallery.ce-border.ce-gallery0 ul.ce-gallery[data-ce-rows="1"] .ce-row li.ce-gallery:not([data-ce-columns="1"]) .ce-column:last-child, #content #contentbereich #contentColRight .contentElement .clickenlarge-1 .ce-textpic.ce-textpic.ce-center:not(.ce-intext).ce-textpic.ce-above:not(.ce-intext) .ce-gallery.ce-border.ce-gallery0 ul.ce-gallery[data-ce-rows="1"] .ce-row li.ce-gallery:not([data-ce-columns="1"]) .ce-column:last-child, #content #contentbereich #contentColLeft .contentElement .clickenlarge-1 .ce-textpic.ce-textpic.ce-center:not(.ce-intext).ce-textpic.ce-below:not(.ce-intext) .ce-gallery.ce-border.ce-gallery0 ul.ce-gallery[data-ce-rows="1"] .ce-row li.ce-gallery:not([data-ce-columns="1"]) .ce-column:last-child {
	margin-left: 0;
}
	
	/*LIGTHBOX*/
	#lbOuterImageContainer {
		height: auto !important;
		width: 100% !important;
	}
	#lbLightbox img {
		width: 100% !important;
	}
	#prevLink, #nextLink {
		height: 100% !important;
	}
	#lbImageDataContainer {
		width: 100% !important;
	}

#content .ce-gallery[data-ce-rows="1"] .ce-row .csc-textpic-first, #content .ce-gallery[data-ce-rows="1"] .ce-row .ce-column:nth-child(2) {
    max-width: 49%;
}	
.infobox01 h4.infobox {
    margin-top: 10px;
}
.infobox01 p.anschrift01 {
    font-size: 16px !important;
}
.infobox01 p.anschrift02 {
    margin-right: 22px;
	font-size: 16px !important;
	margin-top: 50px;

}
.infobox01 .ce-bodytext a {
    margin-right: 24px;
	font-size: 16px;
	margin-top: 48px;
}
.infobox02 p {
    width: 43%;
    margin-top: 10%;
	font-size: 17px;
}
.infobox02 a {
    bottom: 27px;
    left: 178px;
}
#mitarbeiter {
    width: 148px;
}
#footer #footer02 {
    background-size: 60px;
	margin-top: 2px;
}
#footer #footer02 p {
    font-size: 16px;
}
#footer #footer01 {
    background-size: 60px;
}
#footer #footer01 p {
    font-size: 16px;
}
#footer #footer03 {
    background-size: 60px;
    margin-top: 2px;
}
#footer #footer03 p {
    font-size: 16px;
}
#breadcrumb {
    margin-bottom: 90px;
}
#content {
    padding: 0px 0 70px;
}
#footer04 #kontrast {
    display: none;
}
#schrift {
    display: none;
}
#footer04 #webseite {
    margin-left: 55px;
}
#contentbereich p {
    font-size: 15px;
}
#contentbereich h4 {
    font-size: 22px;
}
#contentbereich .firstFont p {
    font-size: 18px;
}
#contentbereich .firstFont h4 {
    font-size: 27px;
}
.tx-powermail .powermail_fieldset .powermail_label {
    width: 100%;
}
.objBtn {
    width: 30%;
}
.catBtn {
    width: 20%;
}
#tableView .colNrBlock {
    width: 100% !important;
}
#sortBox {
    margin-left: 0;
}
.list .detailLeft {
    border-right: none;
    width: 80%;
}
#detailLocation {
    background: none;
}
}
/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {
    #wrap01 #film {
        width: 400px;
        float: left;
        background: url(../images/film.png) no-repeat scroll left top;
        height: 366px;
        position: relative;
        margin-left: calc(50% - 200px);
    }
#alleArtikel {
    position: relative;
    width: auto;
    bottom: auto;
    float: left;
    margin-bottom: 20px;
}
.bx-wrapper ul li {
    width: 100% !important;
}
.bx-viewport {
    height: 178px!important;
}
#wrap03 #ql06 p.ql {
    width: calc(100% - 80px);
}
#wrap01 #veranstaltungen p.ql {
    width: calc(100% - 80px);
}
#suchbereich {
    position: absolute;
    right: 1px;
    top: 9%;
    z-index: 999999999999999999999999999999999;
}
#header02 #slogan {
    display: none;
	bottom: 180px;
}
#mainMenueSub li ul li a {
    font-size: 16px;
}
#mainMenueSub {
    left: 0px;
}
#header01 {
    height: 122px;
}
#header02 {
	height: 177px;
	width: 100%
}
#ql01 img {
    max-width: none;
}
#wrap01 a.mehr {
    float: left;
}
#wrap02 #ql01, #wrap02 #ql03 {
    margin-top: 0px;
    float: left;
    height: 355px;
    max-width: 400px;
    margin-left: calc(50% - 200px);
    overflow: hidden;
    width: 100%;
}
.f-menue #logo {
	width: 100%;
    transition: 0.2s;
}
.f-menue #suche {
    display: none;
    transition: 0.2s;
}
#homelayout #wrap01 {
    margin-top: -83px;
    height: auto;
}
#footer {
    padding: 36px 0 75px;
}
#footer #footer01 {
    width: 50%;
    margin-left: 25%;
    background-position: center top;
    padding-left: 0;
    padding-top: 70px;
    text-align: center;
	margin-bottom: 20px;
}

#footer #footer02 {
    width: 50%;
    margin-left: 25%;
    background-position: center top;
    padding-left: 0;
    padding-top: 70px;
    text-align: center;
	margin-bottom: 20px;
}
#footer #footer02 p {
    margin-top: 5px;
	font-size: 17px;
}
#footer #footer04 {
    float: left;
    width: 60%;
    margin-top: 42px;
    margin-left: 25%;
	margin-left: calc(50% - 140px);
}
#footer #footer03 {
    width: 50%;
    margin-left: 25%;
    background-position: center top;
    padding-left: 0;
    padding-top: 70px;
    text-align: center;
}
.menueId ul li a {
    font-size: 21px;
}
#logo {
    width: 100%;
    text-align: center;
	margin:0;
}
#wrap02 #ql02:hover {
    background: #024673;
}
#wrap03 #ql04 {
	background: url(../images/mitarbeiter.jpg) repeat-x scroll center top;
    width: 100%;
	max-width: 400px;
	margin-left: calc(50% - 200px);
	height: 355px;
}
#wrap03 #ql04:hover {
    background: url(../images/mitarbeiter-h.jpg) repeat-x scroll center top;
}
#wrap03 #ql05 {
    background: url(../images/ortsplan.jpg) repeat-x scroll center top;
    width: 100%;
	max-width: 400px;
	float: left;
	margin-left: calc(50% - 200px);
	height: 355px;
}
#wrap03 #ql05:hover {
    background: url(../images/ortsplan-h.jpg) repeat-x scroll center top;
}
#wrap03 #ql06 {
    background: url(../images/bauflaechen.jpg) repeat-x scroll center top;
    width: 100%;
    margin-top: 0px;
	max-width: 400px;
	margin-left: calc(50% - 200px);
	height: 355px;
}
#wrap03 #ql06:hover {
    background: url(../images/bauflaechen-h.jpg) repeat-x scroll center top;
}
#wrap01 #veranstaltungen {
	background: url(../images/veranstaltungen.png) repeat-x scroll center top;
    float: left;
    width: 100%;
    height: 355px;
    margin-top: 111px!important;
    max-width: 400px;
	margin-left: calc(50% - 200px);
}

#wrap01 #veranstaltungen:hover {
    background: url(../images/veranstaltungen-h.png) repeat-x scroll center top;
}
#popUp {
    right: 689px;
}
.home-wrap #homelayout {
    width: 98%;
}
#wrap01 #veranstaltungen:hover p.ql {
    margin-bottom: 15px;
}
#wrap01 #veranstaltungen:hover .news-mehr a {
    margin: 0px 30% 0;
    padding: 4px 17px 4px 14px;
}
#wrap02 #ql02:hover .news-mehr a {
    margin: 0px 30% 0;
    padding: 4px 17px 4px 14px;
}
#wrap03 #ql04:hover .news-mehr a {
    margin: 0px 30% 0;
    padding: 4px 17px 4px 14px;
}
#wrap03 #ql05:hover .news-mehr a {
    margin: 0px 30% 0;
    padding: 4px 17px 4px 14px;
}
#wrap03 #ql06:hover .news-mehr a {
    margin: 0px 30% 0;
    padding: 4px 17px 4px 14px;
}
#homelayout #wrap01 #news {
    padding-left: 32px;
	width: 91.5%;
	padding-left: 34px;
	padding-top: 130px;
	padding-right: 0px;
}
#homelayout #wrap02 {
    margin-top: 0px;
    height: 361px;
    width: 100%;
	float: left;
}
  #homelayout #wrap03 {
    width: 100%;
	margin-top: -6px;
	height:auto;
}
#wrap02 #ql02 {
	width: 100%;
    margin-top: 0px;
    float: left;
    height: 355px;
	max-width: 400px;
	margin-left: calc(50% - 200px);
}
/*###Content###*/

.catBtn {
    width: 40%;
}
.catImg {
    width: 130px;
    height: 130px;
}
#header01 {
    height: 110px;
}
#header01.f-menue {
    height: 73px;
}
#header {
    height: 100%;
	width: 100%;
}
#content {
    width: 92%;
    margin-left: 2px;
}
#navlinks {
    bottom: -35px;
    right: 0;
	width: 110px;
}
#nachOben {
    width: 50px;
	float: right;
}
#drucken {
    width: 50px;
}
#navlinks {
    bottom: -35px;
    right: 0;
	width: 110px;
}
#nachOben {
    width: 50px;
	float: right;
}
#drucken {
    width: 50px;
}
#contentbereich .ce-textpic .ce-gallery.ce-gallery:not([data-ce-columns="1"]) .ce-column:first-child {
    margin: 0 0 0;
}
#menueinfo {
    display: none !important;
}
#mitarbeiter img {
    border-right: none;
}
 .ce-textpic .ce-gallery.ce-border img {
    padding: 5% 0px;
}
#contentbereich h4 {
    margin: 20px 0;
}
#tableView .colNrBlock {
    width: 100% !important;
	
}
/*###Minigal###*/
#contentbereich .minigal a.browse, #contentbereich .minigal a.prev {
    top: -3px;
}
#contentbereich .minigal a.right {
	left: 330px;
	right: initial;
}
#contentbereich .minigal .scrollable .active {
    width: calc(100% - 6px);
}
#contentbereich .minigal .scrollable img {
    width: calc(100% - 6px);
	padding: 0;
}
#contentbereich .minigal .ce-column FIGURE, #contentbereich .minigal .ce-column {
	margin-top: 5px;
	width: 112px;
}
#contentbereich .minigal .clickenlarge-0 {
    float: left;
    margin-left: 10px;
}
#contentbereich .minigal .imagewrapalle {
	width: 100%;
    margin-top: 3px;
    margin-bottom: 15px;
}
#contentbereich .minigal {
    width: 97%;
    margin: 20px 5% 0 5%;
}
.itemsinnerwrap {
    padding: 24px 0 20px;
}
.itemsinnerwrap {
    height: 344px;
}
/*###Minigal###*/


	/*MAINMEN�*/
#mainMenueSub{
	display:none;
}
.mainMenueId {
    display: none;
	margin-top: 56px;
    width: 100%;
}
#wrap.fade {
    height: 100%;
    overflow: hidden;
    position: absolute;
    right: -80%;
    width: 100%;
}
body.fadeb {
    overflow: hidden;
}

/* ResponsiveMainMen� */
.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 {
	border-bottom: none;
}

.menueId ul li a:hover, .menueId ul li.menueebene0Active a:hover, .menueId ul li.menueebene1Active a:hover, .menueId ul li.menueebene2Active a:hover, .menueId ul li.menueebene3Active a:hover, .menueId ul li.menueebene4Active a:hover {
    border-bottom: none;
}
.menueId ul li.menueebene3, .menueId ul li.menueebene3Active {
    border-right: 0;
}
.menueId ul li ul li .sub active a {
    color: #fff!important;
}
.menueId ul li ul li a {
    border: 0;
	border-bottom: 0!important;
	color: #000!important;
	text-transform: none;
}
.menueId ul li ul li, .menueId ul li ul li a.act {
    background-color: #fff!important;
    color: #000!important;
}
#responsiveSidemenue {
    display: block; 
}
.menueId ul li ul li.sub a {
    background: url(../images/resmnue.png) no-repeat 89% center;
    background-size: 17px;
}

.nav_responsive {
    display: block;
    left: 0;
    position: fixed;
    top: 0;
    cursor: pointer;
}
.f-menue #logo img {
    width: 200px;
}
.nav_responsive_activate, .nav_responsive_active {
    background: url(../images/mainMenueResponsive.png) no-repeat scroll -28px center, #7d0008;
    width: 50px;
    height: 47px;
}
.nav_responsive_active{
	background-position:13px  center;
}
#responsiveSidemenue.show{
    float: left;
    height: 100%;
    width: 80%;
    overflow-x: auto;
    display: block;
}
#responsiveSidemenue, .mainMenueId.show {
    background: #3b3b3b repeat scroll 0 0;
    box-shadow: none;
    display: block;
    position: relative;
    z-index: 9999999;
}
.menueId ul li.menueebene0Active, .menueId ul li.menueebene0, .menueId ul li.menueebene1Active, .menueId ul li.menueebene1, .menueId ul li.menueebene2Active, .menueId ul li.menueebene2, .menueId ul li.menueebene3Active, .menueId ul li.menueebene3, .menueId ul li.menueebene4Active, .menueId ul li.menueebene4 {
    width: 100%;
	padding:0;
}
.menueId ul li ul li a {
	margin-bottom: 0;
    padding: 14px 10% 14px 10% !important;
    text-decoration: none;
    width: 80%;
    border: 0;
}
.menueId ul li a {
    border: 0 none;
    color: #fff;
    height: auto;
    padding: 24px 0 25px;
    text-align: center;
    width: 100%;
	border-bottom: 1px solid #3b3b3b;
}
.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 {
    border-bottom: 0 none;
	height:auto;
}
.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, .menueId ul li.menueebene0Active a, .menueId ul li.menueebene1Active a, .menueId ul li.menueebene2Active a, .menueId ul li.menueebene3Active a, .menueId ul li.menueebene4Active a {
    padding: 24px 0 25px;
	height:auto;
	border-bottom: 1px solid #7d0008;
    background: none;
}

.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, .menueId ul li ul li a.active {
	height:auto;
}

.menueId ul li ul li ul li:hover a, .menueId ul li ul li ul li a.l3-act{
}
.menueId ul li ul li ul {
    background:  none repeat scroll 0 0;
    display: none;
    left: 0 !important;
    margin: 3px 16%;
    right: auto !important;
    width: 68.3%;
}


.menueId {
    width: 100%;
}
.menueId, .menueId ul{
	height:100%;

}
.menueId ul li {
    margin-left: 0;
    width: 100%;
	height:auto;
    padding: 0;
	max-width: none;
	border:0;
	box-shadow:none;
}
.menueId ul li ul li a:hover, .menueId ul li ul li a.act, .menueId ul li ul li.active a.active {
    color: #fff!important;
    text-decoration: none;
    background: #595959!important;
}
.menueId ul li ul li.sub a:hover, .menueId ul li ul li.sub a.act, .menueId ul li ul li.sub.active a.sub.active {
    color: #fff!important;
    text-decoration: none;
    background: #595959 url(../images/resmnue_h.png) no-repeat 89% center!important;
    background-size: 17px!important;
}
.menueId ul li.menueebene0 a, .menueId ul li.menueebene0Active a, .menueId ul li.menueebene1 a, .menueId ul li.menueebene1Active a, .menueId ul li.menueebene2 a, .menueId ul li.menueebene2Active a, .menueId ul li.menueebene3 a, .menueId ul li.menueebene3Active a, .menueId ul li.menueebene3 a, .menueId ul li.menueebene3Active a, .menueId ul li.menueebene4 a, .menueId ul li.menueebene4Active a {
    text-align: center;
    float: left;
	font-weight: 100;
}
.menueId ul li.menueebene3, .menueId ul li.menueebene3Active {
	float: left;
}
menue ul li ul li a.pfeilSub {
    background: none repeat scroll 0 0;
    border: medium none;
    color: #000;
    text-transform: none;
    float: left;
    font-size: 16px;
    margin: 0;
    padding: 7px 0;
    width: 100%;
    text-align: left;
}
.menueId ul ul li.sub ul {
    /* margin-left: 8%; */
    /* margin-right: 8%; */
    width: 100%;
    margin: 0;
    border: 0;
}
.menueId ul li ul li ul li {
    border: 0;
	background:#fff none repeat scroll 0 0;
}

#responsiveSidemenue.show .mainMenueId.show .menueId ul.navId.dropdown li.menueebene1Active ul.menueebene0Sub.dropdownSlide li.sub ul li {
    color: #000;
}
#responsiveSidemenue.show .mainMenueId.show .menueId ul.navId.dropdown li.menueebene1Active ul.menueebene0Sub.dropdownSlide li.sub ul li a.l3-act {
	color: #353535;
}
.menueId ul.navId ul, .menueId ul.navId li:hover > ul, .menueId ul.navId ul ul, .menueId ul.navId ul li:hover > ul {
	display: none;
	visibility:hidden;
}
.menueId ul.navId li.menueebene0Active > ul, .menueId ul.navId li.menueebene0Active ul li, 
.menueId ul.navId li.menueebene1Active > ul, .menueId ul.navId li.menueebene1Active ul li, 
.menueId ul.navId li.menueebene2Active > ul, .menueId ul.navId li.menueebene2Active ul li, 
.menueId ul.navId li.menueebene3Active > ul, .menueId ul.navId li.menueebene3Active ul li, 
.menueId ul.navId li.menueebene4Active > ul, .menueId ul.navId li.menueebene4Active ul li,
.menueId ul.navId li.menueebene0Active ul li.active > ul, .menueId ul.navId li.menueebene0Active ul li.active ul li,
.menueId ul.navId li.menueebene1Active ul li.active > ul, .menueId ul.navId li.menueebene1Active ul li.active ul li,
.menueId ul.navId li.menueebene2Active ul li.active > ul, .menueId ul.navId li.menueebene2Active ul li.active ul li,
.menueId ul.navId li.menueebene3Active ul li.active > ul, .menueId ul.navId li.menueebene3Active ul li.active ul li,
.menueId ul.navId li.menueebene4Active ul li.active > ul, .menueId ul.navId li.menueebene4Active ul li.active ul li {
	display: block;
	visibility: visible;
	background:#fff;
}

.menueId ul li ul li {
	display: none;
}
.menueId ul li ul {
    border: medium none;
    float: left;
    margin: 0;
    padding: 0;
    position: static;
    width: 100%;
    min-height: auto;
    background: #fff;
}
.menueId ul li ul li {
    display: none;
    float: left;
    margin: 0!important;
    visibility: visible;
	border:0;
    width: 100%;
    padding: 0;
}

.menueId ul.navId li ul li.sub ul li a {
    color: #282828;
    font-size: 15px;
    line-height: 14px;
    margin-left: 0;
    padding: 14px 2px 14px 16% !important;
    text-align: left !important;
    margin-bottom: 0;
    width: 83.5%;
    background-color: #a0a0a0;
}
.menueId ul.navId li ul li ul li a:hover, .menueId ul li ul li ul li a.l3-act {
    background: #fff !important;
	  color: #000 !important;
}
		/*QUICKLINKS*/
	
	/*######################################*/
	/*############ CONTENT #################*/

	/*### WETTER ###*/
	#weatherBox {
		background: url(../images/wetterboxBG_420-Kopie.jpg) no-repeat scroll 0 0 transparent;
		border: 1px solid #CCCCCC;
		clear: both;
		float: left;
		height: 290px;
		margin-bottom: 25px;
		padding: 123px 20% 0;
		width: 60%;
	}
	#weatherBox .today {
		float: left;
		width: 100%;
	}
	#weatherBox .tomorrow {
		float: right;
		width: 100%;
	}
	
	/*### FORM ###*/
	.formleft, .formright {
		width: 100%;
	}
	.formobjektsmall {
		width: 97% !important;
	}
	ul.schadensmeldung li {
		width: 50%;
	}
	.formobjektkleinVeranstaltung {
		width: 97.4%;
	}
	#contentbereich .export {
		width: 95.5%;
	}
	#kalender .list {
		width: 98%;
	}
	
	/*### KALENDER ###*/
	#kalender .date {
		padding-right: 2%;
		width: 6%;
	}
	#kalender .entry {
		width: 87%;
	}
	
	/*### NEWS ###*/
	#dynamischeListe2 .newsText {
		width: 54%;
	}
	#dynamischeListe2 ul li {
    width: calc(100% - 50px);
	}
	#dynamischeListe2 .newsText a {
    font-size: 22px;
	}
	#contentbereich p {
    line-height: 21px;
	}
	#photoListe .data {
		width: 80%;
	}
	
	/*### FOTO ###*/
	#photoListe ul li {
		width: 100%;
	}
	
	/*BILDER*/
	.ce-textpic .ce-gallery .ce-column {
		float: none;
		text-align: center;
	}
	
	.ce-textpic.ce-center:not(.ce-intext) .ce-gallery .ce-column {
		display: inline;
		margin-left: 0px;
	}
	.ce-gallery {
		/*text-align: center !important;
		width: 100% !important;*/
		text-align: center;
		width: 100%;
	}
#contentbereich .contentElement .ce-textpic .ce-gallery {
    width: 100%;
    float: right;
}
#content #contentbereich #contentColLeft .contentElement .clickenlarge-1 .ce-textpic.ce-textpic.ce-center:not(.ce-intext).ce-textpic.ce-above:not(.ce-intext) .ce-gallery.ce-border.ce-gallery0 ul.ce-gallery[data-ce-rows="1"] .ce-row li.ce-column, #content #contentbereich #contentColRight .contentElement .clickenlarge-1 .ce-textpic.ce-textpic.ce-center:not(.ce-intext).ce-textpic.ce-above:not(.ce-intext) .ce-gallery.ce-border.ce-gallery0 ul.ce-gallery[data-ce-rows="1"] .ce-row li.ce-column, #content #contentbereich #contentColLeft .contentElement .clickenlarge-1 .ce-textpic.ce-textpic.ce-center:not(.ce-intext).ce-textpic.ce-below:not(.ce-intext) .ce-gallery.ce-border.ce-gallery0 ul.ce-gallery[data-ce-rows="1"] .ce-row li.ce-column {
	margin-left: 15px;
}
#content #contentbereich #contentColLeft .contentElement .clickenlarge-1 .ce-textpic.ce-textpic.ce-center:not(.ce-intext).ce-textpic.ce-above:not(.ce-intext) .ce-gallery.ce-border.ce-gallery0 ul.ce-gallery[data-ce-rows="1"] .ce-row li.ce-gallery:not([data-ce-columns="1"]) .ce-column:last-child, #content #contentbereich #contentColRight .contentElement .clickenlarge-1 .ce-textpic.ce-textpic.ce-center:not(.ce-intext).ce-textpic.ce-above:not(.ce-intext) .ce-gallery.ce-border.ce-gallery0 ul.ce-gallery[data-ce-rows="1"] .ce-row li.ce-gallery:not([data-ce-columns="1"]) .ce-column:last-child, #content #contentbereich #contentColLeft .contentElement .clickenlarge-1 .ce-textpic.ce-textpic.ce-center:not(.ce-intext).ce-textpic.ce-below:not(.ce-intext) .ce-gallery.ce-border.ce-gallery0 ul.ce-gallery[data-ce-rows="1"] .ce-row li.ce-gallery:not([data-ce-columns="1"]) .ce-column:last-child {
	margin-left: 0;
}
	
	/*LIGTHBOX*/
	#lbOuterImageContainer {
		height: auto !important;
		width: 100% !important;
	}
	#lbLightbox img {
		width: 100% !important;
	}
	#prevLink, #nextLink {
		height: 100% !important;
	}
	#lbImageDataContainer {
		width: 100% !important;
	}

#content .ce-gallery[data-ce-rows="1"] .ce-row .csc-textpic-first, #content .ce-gallery[data-ce-rows="1"] .ce-row .ce-column:nth-child(2) {
    max-width: 49%;
}
#content #infoboxbereich .infobox01 {
	height: 340px;
}
.infobox01 h4.infobox {
    margin-top: 23px;
}
.infobox01 p.anschrift01 {
    font-size: 16px !important;
	margin-top: 31px;
}
.infobox01 p.anschrift02 {
    margin-left: 0;
	font-size: 16px !important;
	margin-top: 132px;
	float: left;
	margin-right: 36px;
	right: auto;
}
.infobox01 .ce-bodytext a {
    margin-right: 55px;
	font-size: 16px;
	margin-top: 65px;
	float: left;
	width: 100%;
}
.infobox02 p {
    width: 82%;
    margin-top: 9%;
	font-size: 16px;
	margin-left: 7%;
	text-align: center;
}
.infobox02 a {
    bottom: 17px;
	left: 0;
    transform: translate(-50%,0);
    margin-left: 50%;
}
#mitarbeiter {
    width: 160px;
	transform: translate(-50%,0);
    margin-left: 53%;
}
#breadcrumb {
    margin-bottom: 50px;
}
#content {
    padding: 25px 0 70px;
}
.contentLeft {
    width: 100%;
}
.contentRight {
    width: 100%;
}	
#contentbereich .firstFont h4 {
    font-size: 31px;
    margin-top: 40px;
}
#content .infobox02 {
    height: 340px;
    background: url(../images/ql-content.jpg) repeat scroll left center;
	background-size: auto 350px;
}
#contentbereich .formularecat li {
    width: 65%;
}
#contentbereich .contentRight li {
    width: 90%;
}

#footer04 #kontrast {
    display: none;
}
#schrift {
    display: none;
}
#footer04 #webseite {
    margin-left: 55px;
}
.clickenlarge-0 {
    width: 90%;
}
.powermail_field .checkbox {
    width: 80% !important;
}
#sbw3HeaderItems {
    line-height: 30px;
}

.kalenderFilterOption #anzeigevon, .kalenderFilterOption #anzeigebis {
    width: 60%;
}
#contentbereich .kalenderFilterOption ul.checkboxSplitterKalender li, .kalenderFilterOption ul.checkboxSplitterKalender li {
    width: 51%;
}
#kalenderOption .kalenderBtn {
    font-size: 15px;
    padding: 18px 19% 1px 1.7%;
    width: 27%;
	margin-bottom: 2%;
}
#sortBox {
    margin-left: 0;
    margin-top: 6%;
}
.objBtn.list {
    height: auto;
    width: 100%;
    margin-top: 35px;
    margin-bottom: 0px;
    margin-right: 0px;
    float: left;
    padding-bottom: 0px;
    border-radius: 3px;
}
.objImg.list {
    height: 198px;
    width: 100%;
    margin-top: 0;
    background-size: auto 200px;
    border-radius: 3px 0 0 3px;
    float: left;
}
.list .objAlles {
    float: right;
    width: calc(100% - 50px);
    padding: 10px 25px 70px 25px;
    height: 100%;
    position: relative;
}
.list .objText {
    float: right;
    text-align: center;
    width: 100%;
}
#contentbereich .wrapInner .objHead.list {
    text-align: left;
    padding: 0 8px 0 0;
    width: calc(100% - 8px);
}.list .detailTxtWrap {
    float: left;
    text-align: left;
    width: 97%;
}
.objBtn {
    width: 45.5%;
	height: auto;
}
#contentbereich .detailNeu #detailcontact {
    width: calc(100% - 60px);
}
#toggleMap, #toggleCats {
    height: 40px;
    margin-top: 15px;
}
#hitsheadline {
    width: 45%;
}
#listLocTxt {
    width: 90%;
}
.list .detailLeft {
    width: 100%;
    border-right: none;
}
.list .detailRight {
    float: right;
    width: 100%;
}
#detailLocation {
    background: none;
}
}
/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {
    #wrap01 #film {
        width: 300px;
        float: left;
        background: url(../images/film.png) no-repeat scroll left top;
        height: 400px;
        position: relative;
        margin-left: calc(50% - 150px);
    }
#alleArtikel {
    position: relative;
    width: auto;
    bottom: auto;
    float: left;
    margin-bottom: 20px;
}
/*###Startseite###*/
.bx-wrapper ul li {
    width: 100% !important;
}
#headerImage {
    display: none;
}
#wrap01 #news p.newstext {
    background: none;
	font-size: 16px;
	height: auto;
}
#wrap01 #news h4 {
    font-size: 20px;
}
#wrap01 a.Dies.ist.ein.interessanter.news-artikel {
    font-size: 17px;
}
#mainMenueSub li ul li a {
    font-size: 16px;
}
#mainMenueSub {
    left: 0px;
}
#header02 #slogan {
    display: none;
}
#header02 {
    height: 52px;
}
#ql01 img {
    max-width: none;
}
#footer {
    padding: 36px 0 105px;
}
#wrap02 #ql01 {
    overflow: hidden;
    float: left;
    width: 90%;
	height: 310px;
	display: none;
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: 300px;
    margin-left: calc(50% - 150px);
    height: 400px;
}
#wrap02 #ql03 {
    overflow: hidden;
    float: left;
    width: 100%;
}
#ql03 img {
    max-width: none;
	display: none;
}
#footer #footer01 {
	width: 50%;
    margin-left: 25%;
    background-position: center top;
    padding-left: 0;
    padding-top: 70px;
    text-align: center;
	margin-bottom: 15px;
}
#footer #footer02 {
	width: 50%;
    margin-left: 25%;
    background-position: center top;
    padding-left: 0;
    padding-top: 70px;
    text-align: center;
	margin-bottom: 20px;
}
#footer #footer04 {
    float: left;
    width: 250px;
    margin-top: 42px;
    margin-left: calc(50% - 125px);
}
#footer #footer03 {
	width: 50%;
    margin-left: 25%;
    background-position: center top;
    padding-left: 0;
    padding-top: 70px;
    text-align: center;;
}
.menueId ul li a {
    font-size: 20px;
}
#logo {
    margin-left: 30%;
	width: 60%;
}
.f-menue #logo {
    width: 186px;
}
#wrap02 #ql02:hover {
	background: #024673;
}
#wrap03 #ql04 {
	background: url(../images/mitarbeiter.jpg) repeat-x scroll center top;
    width: 100%;
	max-width: 300px;
	margin-left: calc(50% - 150px);
}
#wrap03 #ql04:hover {
    background: url(../images/mitarbeiter-h.jpg) repeat-x scroll center top;
}
#wrap03 #ql05 {
    background: url(../images/ortsplan.jpg) repeat-x scroll center top;
    width: 100%;
	max-width: 300px;
	float: left;
	margin-left: calc(50% - 150px);
}
#wrap03 #ql05:hover {
    background: url(../images/ortsplan-h.jpg) repeat-x scroll center top;
}
#wrap03 #ql06 {
    background: url(../images/bauflaechen.jpg) repeat-x scroll center top;
    width: 100%;
	max-width: 300px;
	margin-left: calc(50% - 150px);
}
#wrap03 #ql06:hover {
    background: url(../images/bauflaechen-h.jpg) repeat-x scroll center top;
}
#wrap01 #veranstaltungen {
	background: url(../images/veranstaltungen.png) repeat-x scroll center top;
    float: left;
    width: 100%;
    margin-top: 105px!important;
    max-width: 300px;
	margin-left: calc(50% - 150px);
}

#wrap01 #veranstaltungen:hover {
    background: url(../images/veranstaltungen-h.png) repeat-x scroll center top;
}
#popUp {
    right: 689px;
}
.home-wrap #homelayout {
    width: 98%;
}
#wrap01 #veranstaltungen:hover p.ql {
    margin-bottom: 15px;
}
#wrap01 #veranstaltungen:hover .news-mehr a {
    margin: 0px 94px;
    padding: 4px 17px 4px 14px;
}
#wrap02 #ql02:hover .news-mehr a {
    margin: 0px 94px;
    padding: 4px 17px 4px 14px;
}
#wrap03 #ql04:hover .news-mehr a {
    margin: 0px 94px;
    padding: 4px 17px 4px 14px;
}
#wrap03 #ql05:hover .news-mehr a {
    margin: 0px 94px;
    padding: 4px 17px 4px 14px;
}
#wrap03 #ql06:hover .news-mehr a {
    margin: 0px 94px;
    padding: 4px 17px 4px 14px;
}
#homelayout #wrap01 #news {g
    padding-left: 32px;
	width: 84%;
	padding-left: 20px;
	padding-right: 0;

}
#alleArtikel {
    width: calc(84.6% - 93px);
}
#alleArtikel a {
    font-size: 15px;
}
#homelayout #wrap02 {
    width: 100%;
    float: left;
    height: 100%;
}
  #homelayout #wrap03 {
    width: 100%;
	height:auto;
}
#wrap02 #ql02 {
	width: 100%;
	max-width: 300px;
	margin-left: calc(50% - 150px);
}
#homelayout #wrap01 {
    height: fit-content;
}
#wrap01 #news .newsItem:first-child h4 a {
    font-size: 17px;
}
#wrap01 #news h4 a {
    font-size: 17px;
}

/*###Content###*/
#contentbereich .firstFont h4, #contentbereich #sbw3 .firstFont h4 {
    font-size: 28px;
}
#contentbereich #sbw3ListItems li, #contentbereich #sbw3GroupItems ul li {
    width: 100%;
}

.catBtn {
    width: 60%;
	margin: 10px 19% 0;
}
.catImg {
    width: 130px;
    height: 130px;
}
#content {
    width: 92%;
    margin-left: 2px;
}
#navlinks {
    bottom: -35px;
    right: 0;
	width: 110px;
}
#nachOben {
    width: 50px;
	float: right;
}
#drucken {
    width: 50px;
}
#navlinks {
    bottom: -35px;
    right: 0;
	width: 110px;
}
#nachOben {
    width: 50px;
	float: right;
}
#drucken {
    width: 50px;
}
#contentbereich .ce-textpic .ce-gallery.ce-gallery:not([data-ce-columns="1"]) .ce-column:first-child {
    margin: 0 0 0;
}
#menueinfo {
    display: none !important;
}
#contentbereich .frame-type-menu_sitemap UL LI UL LI A SPAN {
    font-size: 16px;
}
/*###Kalender###*/
.kalenderFilterOption .rahmen.left, .kalenderFilterOption .rahmen.right {
    width: 100%;
}
.angzeigenkalender {
    right: 0px;
}
.kalenderFilterOption .rahmen.last {
    float: left;
    width: 100%;
}
.kalenderFilterOption #anzeigevon, .kalenderFilterOption #anzeigebis {
    width: 84%;
}
.kalenderFilterOption .rahmen {
    width: 100%;
}
#kalenderOption .kalenderBtn {
    width: 66%;
    margin-bottom: 10px;
}
#contentbereich .kalenderFilterOption ul.checkboxSplitterKalender li, .kalenderFilterOption ul.checkboxSplitterKalender li {
    width: 100%;
}
/*###Minigal###*/
#contentbereich .minigal a.browse, #contentbereich .minigal a.prev {
    top: 10px;
	margin: 0;
}
#contentbereich .minigal .ce-column FIGURE, #contentbereich .minigal .ce-column {
	margin-top: 5px;
	width: 72px;
}
#contentbereich .minigal a.right {
	left: 220px;
	right: initial;
}
#contentbereich .minigal .clickenlarge-0 {
    float: left;
    margin-left: 10px;
}
#contentbereich .minigal .imagewrapalle {
	width: 100%;
    margin-top: 3px;
    margin-bottom: 15px;
}
#contentbereich .minigal {
    width: 97%;
    margin: 20px 5% 0 5%;
}
.itemsinnerwrap {
    padding: 24px 0 20px;
}
.itemsinnerwrap {
    height: 84px;
}
#contentbereich .minigal .scrollable .active {
    width: calc(100% - 6px);
}
#contentbereich .minigal .scrollable img {
    width: calc(100% - 6px);
	padding: 0;
}
/*###Minigal###*/
#breadcrumb {
    font-size: 15px;
	margin-top: 6px;
	margin-bottom: 50px;
}
#wappen {
	display: none;
}
#header02 {
	background: none;
	width: 252px;
}
.blockOne .geoxlbild {
    width: 100%;
    text-align: center;
	margin-top: 0px;
}
#contentbereich a {
    word-break: break-word;
}
#contentbereich .firstFont p {
    font-size: 15px;
}
#schrift {
    display: none;
}
#suchbereich, #kontrast-alles {
    margin-top: 0px;
    margin-left: 0;
}
#headerImage .bx-viewport, #headerImage, #header01 {
    height: 90px!important;
	width: 100%
}
#header01.f-menue {
    height: 66px!important;
}
.newsDuopicture {
    width: 100% !important;
    float: left !important;
}
.newsDuopicture .newsDuopictureLeft {
    float: left !important;
    clear: both !important;
    width: 100% !important;
}
.newsDuopicture .newsDuopictureRight {
    float: left !important;
    clear: both !important;
    width: 100% !important;
}

/*###Content###*/
	/*MAINMEN�*/
#mainMenueSub{
	display:none;
}
.mainMenueId {
    display: none;
    margin-top: 56px;
	width:100%;
}
#wrap.fade {
    height: 100%;
    overflow: hidden;
    position: absolute;
    right: -100%;
    width: 100%;
}
body.fadeb {
    overflow: hidden;
}
#contentbereich .item a.more {
    font-size: 13px;
}
#contentbereich .controlBlockStyle {
    width: 100%;
}
#contentbereich h4 {
    margin: 20px 0;
}
/* ResponsiveMainMen� */
.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 {
	border-bottom: none;
}

.menueId ul li a:hover, .menueId ul li.menueebene0Active a:hover, .menueId ul li.menueebene1Active a:hover, .menueId ul li.menueebene2Active a:hover, .menueId ul li.menueebene3Active a:hover, .menueId ul li.menueebene4Active a:hover {
    border-bottom: none;
}
.menueId ul li.menueebene3, .menueId ul li.menueebene3Active {
    border-right: 0;
}
.menueId ul li ul li .sub active a {
    color: #fff!important;
}
.menueId ul li ul li a {
    border: 0;
	border-bottom: 0!important;
	color: #000!important;
	text-transform: none;
}
.menueId ul li ul li, .menueId ul li ul li a.act {
    background-color: #fff!important;
    color: #000!important;
}
#responsiveSidemenue {
    display: block; 
}
.menueId ul li ul li.sub a {
    background: url(../images/resmnue.png) no-repeat 92% center;
    background-size: 17px;
}
.menueId ul li ul li.sub a:hover, .menueId ul li ul li.sub a.act, .menueId ul li ul li.sub.active a.sub.active {
    background: #595959 url(../images/resmnue_h.png) no-repeat 96% center!important;
}
.nav_responsive {
    display: block;
    left: 0;
    position: fixed;
    top: 0;
    cursor: pointer;
}
#header {
    height: 80px;
}
#suche {
    position: fixed;
    top: 0;
    right: 0;
    width: 40px;
}
.f-menue #suche {
    display: none;
}
.nav_responsive_activate, .nav_responsive_active {
    background: url(../images/mainMenueResponsive.png) no-repeat scroll -28px center, #7d0008;
    width: 50px;
    height: 47px;
}
.nav_responsive_active{
	background-position:13px  center;
}
#responsiveSidemenue.show{
    float: left;
    height: 100%;
    width: 100%;
    overflow-x: auto;
    display: block;
}
#responsiveSidemenue, .mainMenueId.show {
    background: #3b3b3b repeat scroll 0 0;
    box-shadow: none;
    display: block;
    position: relative;
    z-index: 9999999;
}
.menueId ul li.menueebene0Active, .menueId ul li.menueebene0, .menueId ul li.menueebene1Active, .menueId ul li.menueebene1, .menueId ul li.menueebene2Active, .menueId ul li.menueebene2, .menueId ul li.menueebene3Active, .menueId ul li.menueebene3, .menueId ul li.menueebene4Active, .menueId ul li.menueebene4 {
    width: 100%;
	padding:0;
}
.menueId ul li ul li a {
	margin-bottom: 0;
    padding: 14px 10% 14px 10% !important;
    text-decoration: none;
    width: 80%;
    border: 0;
}
.menueId ul li a {
    border: 0 none;
    color: #fff;
    height: auto;
    padding: 24px 0 25px;
    text-align: center;
    width: 100%;
	border-bottom: 1px solid #3b3b3b;
}
.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 {
    border-bottom: 0 none;
	height:auto;
}
.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, .menueId ul li.menueebene0Active a, .menueId ul li.menueebene1Active a, .menueId ul li.menueebene2Active a, .menueId ul li.menueebene3Active a, .menueId ul li.menueebene4Active a {
    padding: 24px 0 25px;
	height:auto;
	border-bottom: 1px solid #7d0008;
    background: none;
}

.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, .menueId ul li ul li a.active {
	height:auto;
}

.menueId ul li ul li ul li:hover a, .menueId ul li ul li ul li a.l3-act{
}
.menueId ul li ul li ul {
    background:  none repeat scroll 0 0;
    display: none;
    left: 0 !important;
    margin: 3px 16%;
    right: auto !important;
    width: 68.3%;
}
.menueId {
    width: 100%;
}
.menueId, .menueId ul{
	height:100%;

}
.menueId ul li {
    margin-left: 0;
    width: 100%;
	height:auto;
    padding: 0;
	max-width: none;
	border:0;
	box-shadow:none;
}
.menueId ul li ul li a:hover, .menueId ul li ul li a.act, .menueId ul li ul li.active a.active {
    color: #fff!important;
    text-decoration: none;
    background: #595959!important;
}
.menueId ul li ul li.sub a:hover, .menueId ul li ul li.sub a.act, .menueId ul li ul li.sub.active a.sub.active {
    color: #fff!important;
    text-decoration: none;
    background: #595959 url(../images/resmnue_h.png) no-repeat 89% center!important;
    background-size: 17px!important;
}
.menueId ul li.menueebene0 a, .menueId ul li.menueebene0Active a, .menueId ul li.menueebene1 a, .menueId ul li.menueebene1Active a, .menueId ul li.menueebene2 a, .menueId ul li.menueebene2Active a, .menueId ul li.menueebene3 a, .menueId ul li.menueebene3Active a, .menueId ul li.menueebene3 a, .menueId ul li.menueebene3Active a, .menueId ul li.menueebene4 a, .menueId ul li.menueebene4Active a {
    text-align: center;
    float: left;
	font-weight: 100;
}
.menueId ul li.menueebene3, .menueId ul li.menueebene3Active {
	float: left;
}
menue ul li ul li a.pfeilSub {
    background: none repeat scroll 0 0;
    border: medium none;
    color: #000;
    text-transform: none;
    float: left;
    font-size: 16px;
    margin: 0;
    padding: 7px 0;
    width: 100%;
    text-align: left;
}
.menueId ul ul li.sub ul {
    /* margin-left: 8%; */
    /* margin-right: 8%; */
    width: 100%;
    margin: 0;
    border: 0;
}
.menueId ul li ul li ul li {
    border: 0;
	background:#fff none repeat scroll 0 0;
}

#responsiveSidemenue.show .mainMenueId.show .menueId ul.navId.dropdown li.menueebene1Active ul.menueebene0Sub.dropdownSlide li.sub ul li {
    color: #000;
}
#responsiveSidemenue.show .mainMenueId.show .menueId ul.navId.dropdown li.menueebene1Active ul.menueebene0Sub.dropdownSlide li.sub ul li a.l3-act {
	color: #353535;
}
.menueId ul.navId ul, .menueId ul.navId li:hover > ul, .menueId ul.navId ul ul, .menueId ul.navId ul li:hover > ul {
	display: none;
	visibility:hidden;
}
.menueId ul.navId li.menueebene0Active > ul, .menueId ul.navId li.menueebene0Active ul li, 
.menueId ul.navId li.menueebene1Active > ul, .menueId ul.navId li.menueebene1Active ul li, 
.menueId ul.navId li.menueebene2Active > ul, .menueId ul.navId li.menueebene2Active ul li, 
.menueId ul.navId li.menueebene3Active > ul, .menueId ul.navId li.menueebene3Active ul li, 
.menueId ul.navId li.menueebene4Active > ul, .menueId ul.navId li.menueebene4Active ul li,
.menueId ul.navId li.menueebene0Active ul li.active > ul, .menueId ul.navId li.menueebene0Active ul li.active ul li,
.menueId ul.navId li.menueebene1Active ul li.active > ul, .menueId ul.navId li.menueebene1Active ul li.active ul li,
.menueId ul.navId li.menueebene2Active ul li.active > ul, .menueId ul.navId li.menueebene2Active ul li.active ul li,
.menueId ul.navId li.menueebene3Active ul li.active > ul, .menueId ul.navId li.menueebene3Active ul li.active ul li,
.menueId ul.navId li.menueebene4Active ul li.active > ul, .menueId ul.navId li.menueebene4Active ul li.active ul li {
	display: block;
	visibility: visible;
	background:#fff;
}

.menueId ul li ul li {
	display: none;
}
.menueId ul li ul {
    border: medium none;
    float: left;
    margin: 0;
    padding: 0;
    position: static;
    width: 100%;
    min-height: auto;
    background: #fff;
}
.menueId ul li ul li {
    display: none;
    float: left;
    margin: 0!important;
    visibility: visible;
	border:0;
    width: 100%;
    padding: 0;
}

.menueId ul.navId li ul li.sub ul li a {
    color: #282828;
    font-size: 15px;
    line-height: 14px;
    margin-left: 0;
    padding: 14px 2px 14px 16% !important;
    text-align: left !important;
    margin-bottom: 0;
    width: 83.5%;
    background-color: #a0a0a0;
}
.menueId ul.navId li ul li ul li a:hover, .menueId ul li ul li ul li a.l3-act {
    background: #fff !important;
	  color: #000 !important;
}
	/*######################################*/
	/*############ CONTENT #################*/

	/*### WETTER ###*/
	#weatherBox {
		background: url(../images/wetterboxBG_420-Kopie.jpg) no-repeat scroll 0 0 transparent;
		border: 1px solid #CCCCCC;
		clear: both;
		float: left;
		height: 290px;
		margin-bottom: 25px;
		padding: 123px 10% 0;
		width: 80%;
	}
	#weatherBox .today {
		float: left;
		width: 100%;
	}
	#weatherBox .tomorrow {
		float: right;
		width: 100%;
	}
	#weatherBox .bottom .daytext {
    width: 46%;
	}
	/*### FORM ###*/
	.formleft, .formright {
		width: 100%;
	}
	.formobjektsmall {
		width: 97% !important;
	}
	ul.schadensmeldung li {
		width: 50%;
	}
	.formobjektkleinVeranstaltung {
		width: 97.4%;
	}
	#contentbereich .export {
		width: 95.5%;
	}
	#kalender .list {
		width: 98%;
	}
.powermail_field .checkbox {
    width: 90% !important;
}
	/*### KALENDER ###*/
	#kalender .date {
		padding-right: 3%;
	}
	#kalender .entry {
		width: 84%;
	}
#kalender .headline {
    hyphens: auto;
    margin: 0 0 15px;
    word-wrap: break-word;
}
input[type="submit"], input[type="reset"], #kalender .outlook, #contentbereich .gastro .infoGastro, #contentbereich .gastro .infoGastroBuchen, .abstimmen, .ergebnis {
    width: auto;
}
	/*### NEWS ###*/
#dynamischeListe2 .newsText {
    margin-top: 10px;
    width: 100%;
}
#content #dynamischeListe2 .teaserPicture {
    float: left;
    width: auto;
	max-width:100%;
    margin-bottom: 20px;
}
	#photoListe .data {
		width: 80%;
	}
	
	/*### FOTO ###*/
	#photoListe ul li {
		width: 100%;
	}
	
	/*BILDER*/
	.ce-textpic .ce-gallery .ce-column {
		float: none;
		text-align: center;
	}

.ce-textpic.ce-center:not(.ce-intext) .ce-gallery .ce-column {
    display: inline;
    margin-left: 0px;
    float: left!important;
}
	.ce-gallery {
		/*text-align: center !important;
		width: 100% !important;*/
		text-align: center;
		width: 100%;
	}
	#content #contentbereich #contentColLeft .contentElement .clickenlarge-1 .ce-textpic.ce-textpic.ce-center:not(.ce-intext).ce-textpic.ce-above:not(.ce-intext) .ce-gallery.ce-border.ce-gallery0 ul.ce-gallery[data-ce-rows="1"] .ce-row li.ce-column, #content #contentbereich #contentColRight .contentElement .clickenlarge-1 .ce-textpic.ce-textpic.ce-center:not(.ce-intext).ce-textpic.ce-above:not(.ce-intext) .ce-gallery.ce-border.ce-gallery0 ul.ce-gallery[data-ce-rows="1"] .ce-row li.ce-column, #content #contentbereich #contentColLeft .contentElement .clickenlarge-1 .ce-textpic.ce-textpic.ce-center:not(.ce-intext).ce-textpic.ce-below:not(.ce-intext) .ce-gallery.ce-border.ce-gallery0 ul.ce-gallery[data-ce-rows="1"] .ce-row li.ce-column {
		margin-left: 15px;
	}
	#content #contentbereich #contentColLeft .contentElement .clickenlarge-1 .ce-textpic.ce-textpic.ce-center:not(.ce-intext).ce-textpic.ce-above:not(.ce-intext) .ce-gallery.ce-border.ce-gallery0 ul.ce-gallery[data-ce-rows="1"] .ce-row li.ce-gallery:not([data-ce-columns="1"]) .ce-column:last-child, #content #contentbereich #contentColRight .contentElement .clickenlarge-1 .ce-textpic.ce-textpic.ce-center:not(.ce-intext).ce-textpic.ce-above:not(.ce-intext) .ce-gallery.ce-border.ce-gallery0 ul.ce-gallery[data-ce-rows="1"] .ce-row li.ce-gallery:not([data-ce-columns="1"]) .ce-column:last-child, #content #contentbereich #contentColLeft .contentElement .clickenlarge-1 .ce-textpic.ce-textpic.ce-center:not(.ce-intext).ce-textpic.ce-below:not(.ce-intext) .ce-gallery.ce-border.ce-gallery0 ul.ce-gallery[data-ce-rows="1"] .ce-row li.ce-gallery:not([data-ce-columns="1"]) .ce-column:last-child {
		margin-left: 0;
	}
	
	/*LIGTHBOX*/
	#lbOuterImageContainer {
		height: auto !important;
		width: 100% !important;
	}
	#lbLightbox img {
		width: 100% !important;
	}
	#prevLink, #nextLink {
		height: 100% !important;
	}
	#lbImageDataContainer {
		width: 100% !important;
	}
	.infobox01 h4.infobox {
    margin-top: 23px;
}
#listView .galleryListRight {
    width: 100%;
}
.infobox01 p.anschrift01 {
    font-size: 16px !important;
	margin-top: 23px;
}
#content #infoboxbereich .infobox01 {
	height: 300px;
	width: 100%;
}
.infobox01 h4.infobox {
    margin-top: 23px;
}
.infobox01 p.anschrift01 {
    font-size: 16px !important;
	margin-top: 10px;
}
.infobox01 .ce-bodytext a {
    margin-right: 55px;
	font-size: 16px;
	margin-top: 0;
	float: left;
	position: unset;
	width: 100%;
}
.infobox02 p {
    width: 90%;
    margin-top: 4%;
	font-size: 16px;
	margin-left: 7%;
	text-align: center;
}
.infobox02 a {
    bottom: 10px;
    right: 0;
    left: 0;
    transform: translate(-50%,0);
    margin-left: 50%;
}
#mitarbeiter {
	width: 160px;
    margin-left: 53%;
    transform: translate(-50%,0);
	margin-top: 15px;
}
#breadcrumb a {
    font-size: 16px;
}
#content {
    padding: 25px 0 70px;
}
.contentLeft {
    width: 100%;
	margin-top: 5%;
}
.contentRight {
    width: 100%;
}	
#contentbereich .firstFont h4 {
    font-size: 21px;
    margin-top: 40px;
}
#contentbereich p {
    font-size: 15px;
}
#content .infobox02 {
    height: 250px;
    background: url(../images/ql-content.jpg) repeat scroll left center;
	float: left;
	width: 100%;
	background-size: auto 250px;
}
#contentbereich .controlBlockPageSlider {
    width: 100%;
}
#contentbereich .formularecat li {
    width: 98%;
}
#contentbereich .contentElement .ce-textpic.ce-right.ce-intext:not(.ce-nowrap) .ce-gallery {
    float: left;
    padding-left: 0px;
	width: 100%;
}
#footer04 #menuquick a {
    font-size: 14px;
}
#footer04 #menuquick {
    width: 100%;
}
#footer #footer02 p {
    font-size: 16px;
	margin-top: 15px;
}
.infobox01 p.anschrift02 {
    float: left;
    right: auto;
	margin-right: 35px;
	font-size: 16px !important;
	margin-top: 10px;
	clear: both;
	margin-bottom: 10px;
	position: initial;
}
#footer04 #kontrast {
    margin-left: 0px;
	margin-bottom: 10px;
	display: none;
}
#footer04 #webseite {
	width: calc(100% - 45px);
	margin-left: 45px;
}
#kontrast .contrast {
    display: none;
}
#schrift {
    display: none;
}
#wrap03 #ql06 p.ql {
    font-size: 16px;
    padding: 0px 30px;
}
#wrap03 #ql05 p.ql {
    font-size: 16px;
    padding: 0 30px;
}
#wrap03 #ql04 p.ql {
    font-size: 16px;
    padding: 0 30px;
}
#wrap01 #veranstaltungen p.ql {
    font-size: 16px;
    padding: 0 30px;
}
#wrap02 #ql02 p.ql {
    font-size: 16px;
    padding: 0 30px;
}
#wrap02 #ql02 h4 {
    margin-top: 90px;
}
.clickenlarge-0 {
    width: 94%;
}
#dynamischeListe2 ul li {
    width: calc(100% - 50px);
}
#sbw3HeaderItems {
    line-height: 30px;
}

.kalenderFilterOption #anzeigevon, .kalenderFilterOption #anzeigebis {
    width: 60%;
}
#contentbereich .kalenderFilterOption ul.checkboxSplitterKalender li, .kalenderFilterOption ul.checkboxSplitterKalender li {
    width: 51%;
}
#kalenderOption .kalenderBtn {
    font-size: 15px;
    padding: 18px 19% 1px 1.7%;
    width: 27%;
	margin-bottom: 2%;
}
#sortBox {
    margin-left: 0;
    margin-top: 6%;
}
.objBtn.list {
    height: auto;
    width: 100%;
    margin-top: 35px;
    margin-bottom: 0px;
    margin-right: 0px;
    float: left;
    padding-bottom: 0px;
    border-radius: 3px;
}
.objImg.list {
    height: 198px;
    width: 100%;
    margin-top: 0;
    background-size: auto 200px;
    border-radius: 3px 0 0 3px;
    float: left;
}
.list .objAlles {
    float: right;
    width: calc(100% - 50px);
    padding: 10px 25px 70px 25px;
    height: 100%;
    position: relative;
}
.list .objText {
    float: right;
    text-align: center;
    width: 100%;
}
#contentbereich .wrapInner .objHead.list {
    text-align: left;
    padding: 0 8px 0 0;
    width: calc(100% - 8px);
}.list .detailTxtWrap {
    float: left;
    text-align: left;
    width: 97%;
}
.objBtn {
    width: 100%;
	height: auto;
}
#contentbereich .detailNeu #detailcontact {
    width: calc(100% - 60px) !important;
}
#toggleMap, #toggleCats {
    height: 40px;
    margin-top: 15px;
}
#switchbtn {
    margin-top: 70px;
}
#hitsheadline {
    width: 45%;
	margin-top: 163px;
}
#listLocTxt {
    width: 90%;
}
.list .detailLeft {
    width: 100%;
    border-right: none;
}
.list .detailRight {
    float: right;
    width: 100%;
}
#detailLocation {
    background: none;
}

}
