/* common styles */

.nav_responsive {
	display: none;
}
.responsivenavi {
	display: none;
}
.activatesub {
	display:none;
}
#headerImage #headerImages .headerImage {
    overflow: hidden;
}
.ce-textpic.ce-center:not(.ce-intext) .ce-gallery .ce-column {
}


/* #Media Queries
================================================== */

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 1204px) and (max-width: 1450px) {
	
	/*STARTSEITE*/
	
#homelayout01 {
    float: right;
    width: 93%;
}
    
#europa {
    width: 25%;
}
    
.homelayout__corona {
    width: 88%;
}
#corona {
    width: 50%;
}

	/*CONTENT*/

#layout02 {
    float: right;
    width: 92%;
}

}
/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 1025px) and (max-width: 1203px) {
	
	#homelayout01 {
		float: right;
		width: 85%;
	}
	#homelayout01-1 {
		width: 64%;
	}
	#homelayout01-2 {
		width: 33%;
	}
	#homelayout01-2 .ql a {
		margin-bottom: 25px;
		margin-right: 29px;
	}
	.homeSlider.news .jcarousel-clip.jcarousel-clip-horizontal {
		margin-left: 12.8%;
		width: 74%;
	}
	#layout01-1 {
		margin-left: 1.5%;
		width: 66.5%;
	}
	#footer01 {
		margin-left: 1.5%;
	}
    
    .homelayout__corona {
        width: 77%;
        margin-left: 12%;
        flex-wrap: wrap;
    }
    #corona {
    margin-bottom: 20px;
    }
	/*CONTENT*/
	
	#jahreszeiten {
		top: 216px;
	}
	.alles {
          width: 99.4%;
	}
	#layout02 {
		width: 88%;
		float: right;
	}
	#layout02-1 {
		width: 24.5%;
		margin-left: 1.5%;
	}
	#layout02-2 {
		padding: 15px 2%;
		width: 67.5%;
	}
	#contentbereich .firstFont h4 {
		font-size: 29px;
	}
}
/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 960px) and (max-width: 1024px) {

	/*STARTSEITE*/
	
	/*Kalender Neu begin*/
	.kalenderFilterOption ul.checkboxSplitterKalender li {
		width: 29.5%;
	}
	/*Kalender Neu end*/
	
	#layout01-1 {
		margin-left: 1.5%;
		width: 66.5%;
	}
	#layout01-1 #menuequick {
		margin-left: 2.5%;
	}
	.menueId ul li a {
		padding: 5px 23px 20px;
	}
	.menueId ul li ul li {
		margin-left: 0;
		margin-right: 24px;
		width: 22%;
	}
	.menueId ul li ul li a.ebene2 {
		font-size: 19px;
	}
	.menueId ul li ul {
		width: 935px;
	}
	.mainMenueId {
		margin-top: 55px;
	}
	#layout01 #logo {
		position: absolute;
		right: 0;
		top: 25px;
		width: 25%;
	}
	#layout01 #logo img {
		width: 100%;
	}
	.homeSlider.news .jcarousel-clip.jcarousel-clip-horizontal {
		margin-left: 10.5%;
    	width: 79%;
	}
	#homelayout01 {
		float: right;
		width: 98%;
	}
	#homelayout01-1 {
		width: 57%;
	}
	#homelayout01-2 {
		float: right;
		width: 39%;
	}
	
	#footer01 {
		margin-left: 1.5%;
	}
	#footer02 {
		margin-left: 4%;
	}
	#footer03 {
		margin-right: 3%;
	}
    .homelayout__corona {
        width: 77%;
        margin-left: 12%;
        flex-wrap: wrap;
    }
    #corona {
    margin-bottom: 20px;
    }
	
	/*CONTENT*/
	
	#layout02 {
		width: 99%;
	}
	#layout02-1 {
		width: 24.5%;
		margin-left: 1.5%;
	}
	#layout02-2 {
		padding: 15px 2%;
		width: 67.5%;
	}
	#contentbereich .firstFont h4 {
		font-size: 29px;
	}
	
	/*JAHRESZEITEN-BUTTON*/
	
	#jahreszeiten {
		top: 64px;
		left: 15px;
	}
	#jahreszeiten #season {
		width: 390px;
	}
	#season a, #season a:hover {
		width: 97px;
	}
	#season a {
		height: 51px;
	}
	#season a#spring {
		background: url("../images/seasonFruehling.png") no-repeat scroll 0 0 !important;
	}
	#season a#summer {
		background: url("../images/seasonSommer.png") no-repeat scroll 0 0 !important;
	}
	#season a#autumn {
		background: url("../images/seasonHerbst.png") no-repeat scroll 0 0 !important;
	}
	#season a#winter {
		background: url("../images/seasonWinter.png") no-repeat scroll 0 0 !important;
	}
	#season a#spring:hover {
		background: url("../images/seasonFruehlingHover.png") no-repeat scroll 0 0 !important;
	}
	#season a#summer:hover {
		background: url("../images/seasonSommerHover.png") no-repeat scroll 0 0 !important;
	}
	#season a#autumn:hover {
		background: url("../images/seasonHerbstHover.png") no-repeat scroll 0 0 !important;
	}
	#season a#winter:hover {
		background: url("../images/seasonWinterHover.png") no-repeat scroll 0 0 !important;
	}
}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {
/* 	width: 745px; */

	/* STARTSEITE */
	
	/*Kalender Neu begin*/
	.kalenderFilterOption ul.checkboxSplitterKalender li {
		width: 29.5%;
	}
	/*Kalender Neu end*/

	#layout01 {
		margin-bottom: 60px;
    	margin-top: 15px;
	}
	#layout01-1 {
		float: left;
		margin-left: 0;
		width: 95.2%;
	}
	#suchbereich {
		margin-left: 0;
	}
	#layout01 #logo {
		position: absolute;
		right: 0;
		top: 20px;
		width: 32%;
	}
	#layout01 #logo img {
		width: 100%;
	}
	.menueId ul li {
		margin-right: 20px;
	}
	.menueId ul li.menueebene0, .menueId ul li.menueebene0Active, .menueId ul li.menueebene0:hover {
		width: 13.3%;
	}
	.menueId ul li.menueebene1, .menueId ul li.menueebene1Active, .menueId ul li.menueebene1:hover {
		width: 17.6%;
	}
	.menueId ul li.menueebene2, .menueId ul li.menueebene2Active, .menueId ul li.menueebene2:hover {
		width: 14.6%;
	}
	.menueId ul li.menueebene3, .menueId ul li.menueebene3Active, .menueId ul li.menueebene3:hover {
		width: 16.9%;
	}
	.menueId ul li.menueebene4, .menueId ul li.menueebene4Active, .menueId ul li.menueebene4:hover {
		width: 23.3%;
	}
	#homelayout01 {
		float: left;
		margin-bottom: 65px;
		margin-top: 0;
		width: 100%;
	}
	#homelayout01-1 {
		margin-left: 2%;
		max-width: 51%;
	}
	#homelayout01-2 {
		max-width: 45%;
	}
	#homelayout01-2 .ql a {
		margin-bottom: 0;
		margin-right: 1px;
	}
	.homeSlider.news .jcarousel-clip.jcarousel-clip-horizontal {
		margin-left: 4%;
		width: 90%;
	}
	.homeSlider.news ul#carousel li {
		padding: 29px 11px 26px;
	}
	.slogan {
		bottom: 55px;
	}
	#footer01 {
		margin-left: 3%;
	}
	#footer02 {
		margin-left: 4%;
	}
	#footer03 {
		margin-right: 23.2%;
		margin-top: 46px;
	}
    .homelayout__corona {
        width: 84%;
        margin-left: 6%;
        flex-wrap: wrap;
    }
    #corona {
    margin-bottom: 20px;
    }
    #europa span {
    margin-left: 0;
    }
	/*JAHRESZEITEN-BUTTON*/
	
#jahreszeiten {
    left: 69px;
    top: 66px;
    z-index: 99;
}
	#jahreszeiten #season {
		width: 390px;
	}
	#season a, #season a:hover {
		width: 97px;
	}
	#season a {
		height: 51px;
	}
	#season a#spring {
		background: url("../images/seasonFruehling.png") no-repeat scroll 0 0 !important;
	}
	#season a#summer {
		background: url("../images/seasonSommer.png") no-repeat scroll 0 0 !important;
	}
	#season a#autumn {
		background: url("../images/seasonHerbst.png") no-repeat scroll 0 0 !important;
	}
	#season a#winter {
		background: url("../images/seasonWinter.png") no-repeat scroll 0 0 !important;
	}
	#season a#spring:hover {
		background: url("../images/seasonFruehlingHover.png") no-repeat scroll 0 0 !important;
	}
	#season a#summer:hover {
		background: url("../images/seasonSommerHover.png") no-repeat scroll 0 0 !important;
	}
	#season a#autumn:hover {
		background: url("../images/seasonHerbstHover.png") no-repeat scroll 0 0 !important;
	}
	#season a#winter:hover {
		background: url("../images/seasonWinterHover.png") no-repeat scroll 0 0 !important;
	}
	/*###### ResponsiveMainMen� ######*/
		
		.nav_responsive {
			display: block;
			float: left;
			font-family: arial;
			left: 0;
			position: relative;
			top: 0;
			width: 50px;
			z-index: 99999;
		}
		.responsiveMenue {
			display: block;
		}
		.responsiveMenue.show {
			display: none;
		}
		.responsiveMainnavi {
			display: block;
		}
		.nav_responsive_activate {
			background: url("../images/mainMenueResponsive.png") no-repeat scroll 13px 12px #A3C53F;
			border: 1px solid #FFFFFF;
			box-shadow: none;
			cursor: pointer;
			display: inline-block;
			float: left;
			height: 17px;
			overflow: hidden;
			padding: 10px 13px 14px;
			text-indent: 9999px;
			width: 24px;
		}
		.nav_responsive_activate:hover, .nav_responsive_active:hover {
			background-color:#558f31;
			cursor: pointer;
			cursor: hand;
		}
		.nav_responsive_active {
			-moz-border-bottom-colors: none;
			-moz-border-left-colors: none;
			-moz-border-right-colors: none;
			-moz-border-top-colors: none;
			background: url("../images/mainMenueResponsive.png") no-repeat scroll -27px 12px #A3C53F;
			border-color: #FFFFFF #FFFFFF -moz-use-text-color;
			border-image: none;
			border-style: solid solid none;
			border-width: 1px 1px 0;
			cursor: pointer;
			display: inline-block;
			float: left;
			height: 17px;
			overflow: hidden;
			padding: 10px 14px 14px;
			text-indent: 9999px;
			width: 22px;
	}
	
	/*MAINMEN�*/

	.mainMenueId {
		box-shadow: none;
		float: left;
		left: 0;
		margin: 0;
		position: relative;
		top: 22px;
		width: 99.5%;
		z-index: 65;
	}
	.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 {
		background: none;
	}
	.menueId ul li {
		margin-right: 0;
	}
	.main #wrap02 #layout02 .mainMenueId {
		top: -258px;
	}
	.menueId ul {
    	background: none;
		z-index: 20;
	  	margin-top: 0;
	}
	.menueId {
		border: 1px solid #fff;
		border-top: none;
	}
	.menueId ul li a.menueebene0, .menueId ul li a.menueebene0Active, .menueId ul li a.menueebene1, .menueId ul li a.menueebene1Active, .menueId ul li a.menueebene2, .menueId ul li a.menueebene2Active, .menueId ul li a.menueebene3, .menueId ul li a.menueebene3Active, .menueId ul li a.menueebene4, .menueId ul li a.menueebene4Active {
		margin-top:0;
	}
	.menueId ul li ul {
		width: 10px;
		display: none !important;
	}
	.menueId ul li a {
		color: #1e2b71;
		height: auto;
		font-size: 24px;
		padding: 15px 0 15px 2px !important;
		background: #A3C53F;
		padding-left: 10px;
		border-top: 1px solid #fff;
		text-decoration: none;
	}
	.menueId ul li a span.menuetext {
		color: #fff !important;
		font-family: 'Source Sans Pro',Arial,Helvetica,sans-serif;
		font-size: 16px;
		margin-top: 0px;
		}
	.menueId ul li a.menueebene3, .menueId ul li a.menueebene3Active {	
	}
	.menueId ul li a.menueebene4, .menueId ul li a.menueebene4Active {
	}
	.menueId ul li.menueebene1Active, .menueId ul li.menueebene1 {
	}
	.menueId ul li.menueebene2Active, .menueId ul li.menueebene2 {
	}
	.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% !important;
	}
	.menueId ul li.menueebene0Active, .menueId ul li.menueebene0Active:hover, .menueId ul li.menueebene0:hover, .menueId ul li.menueebene1Active, .menueId ul li.menueebene1Active:hover, .menueId ul li.menueebene1:hover, .menueId ul li.menueebene2Active, .menueId ul li.menueebene2Active:hover, .menueId ul li.menueebene2:hover, .menueId ul li.menueebene3Active, .menueId ul li.menueebene3Active:hover, .menueId ul li.menueebene3:hover, .menueId ul li.menueebene4Active, .menueId ul li.menueebene4Active:hover, .menueId ul li.menueebene4:hover {
		background: #01ae3a;
		color: #fff;
	}
	.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-left: 10px;
		background: #01ae3a;
	}
	.menueId ul li.menueebene0Active a, .menueId ul li.menueebene0Active a:hover, .menueId ul li.menueebene0:hover a, .menueId ul li.menueebene0 a:hover {
		background: #558F31;
		color: #fff !important;
	}
	.menueId ul li.menueebene1Active a, .menueId ul li.menueebene1Active a:hover, .menueId ul li.menueebene1:hover a, .menueId ul li.menueebene1 a:hover {
		background: #558F31;
		color: #fff !important;
	}
	.menueId ul li.menueebene2Active a, .menueId ul li.menueebene2Active a:hover, .menueId ul li.menueebene2:hover a, .menueId ul li.menueebene2 a:hover {
		background: #558F31;
		color: #fff !important;
	}
	.menueId ul li.menueebene3Active a, .menueId ul li.menueebene3Active a:hover, .menueId ul li.menueebene3:hover a, .menueId ul li.menueebene3 a:hover {
		background: #558F31;
		color: #fff !important;
	}
	.menueId ul li.menueebene4Active a, .menueId ul li.menueebene4Active a:hover, .menueId ul li.menueebene4:hover a, .menueId ul li.menueebene4 a:hover {
		background: #558F31;
		color: #fff !important;
	}
	.menueId ul.navId li:hover > ul, .menueId ul.navId li.hover > ul {
		display: none !important;
		visibility: hidden;
	}
	/*CONTENT*/
	
	.infoboxresponsive {
		display: none;
	}
	#layout02-1 {
		width: 29%;
	}
	#layout02-2 {
		float: left;
		margin-left: 0.6%;
		padding: 15px 2%;
		width: 65%;
	}
	#breadcrumb {
		margin: 0;
	}
	#contentbereich .firstFont h4 {
		font-size: 29px;
	}
	#contentbereich .ce-gallery DIV.ce-row DIV.ce-column.ce-column {
		float: none;
		margin: 0 auto;
		padding-left: 0 !important;
		margin-right: 10px;
	}
	.ce-textpic.ce-left.ce-intext:not(.ce-nowrap) .ce-gallery {
		float: none;
	}
	.ce-textpic IMG, #contentbereich .contentElement  .ce-textpic .ce-gallery.ce-border .ce-column img {
		margin-bottom: 10px;
	}
	.ce-textpic .ce-gallery.ce-gallery:not([data-ce-columns="1"]) .ce-column:last-child {
		margin-right: 10px !important;
	}
	.contentblocksmall, .contentblocksmallnone {
		width: 41.0%;
	}
	.ce-textpic.ce-left.ce-intext:not(.ce-nowrap) .ce-gallery, .ce-textpic.ce-left.ce-intext.ce-nowrap .ce-gallery {
		margin-right: 0 !important;
	}
	.ce-textpic.ce-right.ce-intext:not(.ce-nowrap) .ce-gallery, .ce-textpic.ce-right.ce-intext.ce-nowrap .ce-gallery {
		margin-left: 0px !important;
	}
	.ce-textpic.ce-right.ce-intext:not(.ce-nowrap) .ce-gallery, .ce-textpic.ce-right.ce-intext.ce-nowrap .ce-gallery {
		margin-left: 0px !important;
	}
	#layout02 #layout02-2 #contentbereich #contentColRight .contentElement table.ce-uploads.ce-uploads-0 tbody tr.tr-odd td.ce-uploads-fileName p a, #layout02 #layout02-2 #contentbereich #contentColRight .contentElement table.ce-uploads.ce-uploads-0 tbody tr.tr-even td.ce-uploads-fileName p a {
		font-size: 13px;
	}

	/*BILDERGALERIE*/
	
	#contentbereich .minigal #image_wrap0 {
		width: 75%;
	}
	#contentbereich .minigal .clickenlarge-0 {
		margin-left: 2.5%;
		width: 20%;
	}
	.minigal .ce-textpic {
		width: 106px;
	}
	#contentbereich .minigal .scrollWrap {
		height: 217px;
	}
	#contentbereich .minigal .scrollable {
		height: 193px;
	}
	.itemsinnerwrap {
		height: 180px;
		width: 86px;
	}
	#contentbereich .minigal .ce-textpic .ce-row {
		height: 46px;
		margin-bottom: 15px;
	}
	#contentbereich .minigal .scrollable img {
		width: 100% !important;
	}
	#contentbereich #contentColRight .contentElement .clickenlarge-1 .ce-textpic.ce-textpic.ce-right.ce-intext:not(.ce-nowrap) .ce-textpic .ce-gallery.ce-border {
		float: none;
	}
	#contentbereich .minigal a.browse, #contentbereich .minigal a.prev {
		right: 40px;
	}
	
	
	
	#contentbereich .contentblocksmall p, #contentbereich .contentblocksmallnone p {
		height: 100px;
	}
	.menueId ul.navId li:hover > ul, .menueId ul.navId li.hover > ul {
		display: none !important;
		visibility: hidden!important;
	}
	.menueId ul.navId ul, .menueId ul.navId ul ul {
		visibility: hidden!important;
	}
	.menueId ul li ul {
		width: 721px;
	}
	#subnavi ul {
    	width: 100%;
	}
	.activatesub {
		background: url(../images/nav420px.png) no-repeat scroll center 19px #558F31;
		color: #FFFFFF;
		cursor: pointer;
		display: block;
		font-size: 15px;
		margin-bottom: 0;
		padding: 10px 0;
		text-align: center;
		width: 100%;
	}
	.activesub {
		background: url(../images/nav420px.png) no-repeat scroll center -8px #558F31;
		color: #FFFFFF;
		cursor: pointer;
		display: none;
		font-size: 15px;
		margin-bottom: 0;
		padding: 10px 0;
		text-align: center;
		width: 100%;
	}
	.responsivenavi {
		display: none;
		width: 100%;
		float: left;
	}
	#subnavi.show {
		display: block !important;
	}
	#subnavi {
		display: block;
		background: none repeat scroll 0 0 #fff;
		border: 3px solid #c2ae79;
		border-radius: 3px;
		box-shadow: 3px 3px 5px -2px #505050;
		float: left;
		margin-bottom: 40px;
		padding-bottom: 15px;
		width: 97.8%;
	}
	#subnavi ul li {
		margin-bottom: 0;
		width: 100%;
		background: none !important;
	}
	#subnavi ul ul {
    	background: none repeat scroll 0 0 #fff;
	}
	#subnavi ul li a, #subnavi ul li a:hover, #subnavi ul li a.menueebeneActive, #subnavi ul li a.menueebeneActive:hover {
	}
	#subnavi ul li ul li ul li a:hover, #subnavi ul li ul li ul li a.menueebeneActive, #subnavi ul li ul li ul li a.menueebeneActive:hover, #subnavi ul li ul li ul li a:hover {
		color: #558F31;
	}
	#subnavi ul li a:hover, #subnavi ul li a.menueebeneActive, #subnavi ul li a.menueebeneActive:hover {
	}
	#subnavi ul li ul li a:hover, #subnavi ul li ul li  a.menueebeneActive, #subnavi ul li ul li  a.menueebeneActive:hover {
	}
	#subnavi ul li ul li a, #subnavi ul li ul li a:hover, #subnavi ul li ul li a.menueebeneActive, #subnavi ul li ul li a.menueebeneActive:hover, #subnavi ul li ul li a:hover {
	}
	#subnavi ul li ul li ul li a, #subnavi ul li ul li ul li a:hover, #subnavi ul li ul li ul li a.menueebeneActive, #subnavi ul li ul li ul li a.menueebeneActive:hover, #subnavi ul li ul li ul li a:hover {
		font-size: 13px;
		padding: 6px 0 6px 0;
		text-align: right;
		width: 95%;
	}
	
	/*######################################*/
	/*############ CONTENT #################*/
	#contentbereich {
	}


	/*### 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%;
	}
	#album ul li {
		width: 16.5% !important;
	}
	
	/*### NEWS ###*/
	#dynamischeListe2 .newsText {
		width: 70%;
	}
	#dynamischeListe2 .teaserPicture {
    	width: 27.15%;
	}
	
	/*BILDER*/
	.ce-textpic .ce-gallery .ce-column {
		float: none;
		text-align: center;
	}
	#homelayout02 .ce-textpic .ce-gallery .ce-column {
		float: left;
		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;*/
	}
	.contentbereichInfobox .ce-gallery {
		width: 45% !important;
	}
	.contentbereichInfobox .ce-row {
		float: right;
		margin-right: 0;
		width: 93%;
		margin-top: -36px;
	}
	.image-caption {
		color: #848484;
	}
	.contentbereichInfobox .typo3-editPanel {
		width: 200px;
	}
	
	/*LIGTHBOX*/
	#lbOuterImageContainer {
		height: auto !important;
		width: 100% !important;
	}
	#lbLightbox img {
		width: 100% !important;
	}
	#prevLink, #nextLink {
		height: 100% !important;
	}
	#lbImageDataContainer {
		width: 100% !important;
	}
	.clickenlarge-1 .image-caption {
		background: url("../images/caption.png") repeat scroll left top;
		max-width: 89.3% !important;
	}
	
}
/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {
/* 	width: 420px; */

	#layout02 {
		margin-top: 87px;
	}
	#layout02-1 {
		margin-left: 0.5%;
		width: 99%;
	}
	
	/*Kalender Neu begin*/
	.kalenderFilterOption ul.checkboxSplitterKalender li {
		width: 29.5%;
	}
	.kalenderFilterOption .rahmen {
		width: 48%;
	}
	.kalenderFilterOption .rahmen.last {
		width: 92.4%;
		float: left;
	}
	#kalender .descriptionOpenCloseBlock {
		clear: both;
	}
	#kalenderOption .kalenderBtn {
		margin-bottom: 10px;
		padding: 10px 11% 10px 2%;
		width: 35%;
	}
	/*Kalender Neu end*/
	
	/* STARTSEITE */
	
	.infoboxresponsive {
		display: block;
	}
	.infoboxresponsive #infoboxbereich {
		display: block;
	}
	#infoboxbereich {
		display: none;
	}
	#layout01 {
		margin-top: 0;
	}
	#layout01-1 {
		float: left;
		margin-left: 0;
		width: 45%;
	}
	#suchbereich .suche {
		padding: 15px 0 6px 16%;
	}
	#layout01 #logo {
		position: absolute;
		right: 0;
		top: 28px;
		max-width: 56%;
	}
	#layout01 #logo img {
		width: 100%;
	}
	#homelayout01 {
		margin-top: 95px;
		margin-bottom: 20px;
	}
	#homelayout01-1 {
		margin-left: 8.5%;
		width: 85%;
		margin-bottom: 35px;
	}	
	#homelayout01-2 {
		float: none;
		margin: 0 auto;
		max-width: 77%;
	}
	.homeSlider.news .jcarousel-clip.jcarousel-clip-horizontal {
		float: none;
		height: 354px;
		margin: 0 auto 30px;
		width: 354px;
	}
	.homeSlider.news ul#carousel li {
		padding: 20px 6px;
		width: 336px;
		margin: 0;
	}
	.homeSlider.news ul#carousel li .teaserText {
		width: 100%;
	}
	.teaserPicture img {
		max-width: 95%;
	}
	.homeSlider.news .teaserText .weiterlesen {
		background: none repeat scroll 0 0 #2c8916;
		padding: 8px 41% 15px;
	}
	.homeSlider.news #carousel .teaserText h4 a {
		font-size: 16px;
	}
	#footer01 {
		float: none;
		margin: 0 auto;
		width: 66%;
		margin-bottom: 30px;
	}
	#footer02 {
		float: none;
		margin: 0 auto;
		width: 66%;
		margin-bottom: 30px;
	}
	#footer03 {
		float: none;
		margin: 0 auto;
	}
	.homelayout__corona {
        width: 84%;
        margin: 0 auto;
        flex-wrap: wrap;
    }
    #corona {
    margin-bottom: 20px;
    }
    #europa span {
    margin-left: 0;
    }
	/*JAHRESZEITEN-BUTTON*/
	
	#jahreszeiten {
		left: 42px;
		top: 140px;
	}
	#jahreszeiten #season {
		width: 390px;
	}
	#season a, #season a:hover {
		width: 97px;
	}
	#season a {
		height: 51px;
	}
	#season a#spring {
		background: url("../images/seasonFruehling.png") no-repeat scroll 0 0 !important;
	}
	#season a#summer {
		background: url("../images/seasonSommer.png") no-repeat scroll 0 0 !important;
	}
	#season a#autumn {
		background: url("../images/seasonHerbst.png") no-repeat scroll 0 0 !important;
	}
	#season a#winter {
		background: url("../images/seasonWinter.png") no-repeat scroll 0 0 !important;
	}
	#season a#spring:hover {
		background: url("../images/seasonFruehlingHover.png") no-repeat scroll 0 0 !important;
	}
	#season a#summer:hover {
		background: url("../images/seasonSommerHover.png") no-repeat scroll 0 0 !important;
	}
	#season a#autumn:hover {
		background: url("../images/seasonHerbstHover.png") no-repeat scroll 0 0 !important;
	}
	#season a#winter:hover {
		background: url("../images/seasonWinterHover.png") no-repeat scroll 0 0 !important;
	}
	
	/*CONTENT*/
	
	.contenttableWrap {
		overflow-x: scroll;
	}
	#layout02-2 {
		width: 92.3%;
		float: left;
		padding: 15px 3.2%;
		margin-bottom: 50px;
	}
	#contentbereich .firstFont {
		margin-bottom: 10px;
	}
	#dynamischeListe2 {
		padding-top: 8px;
	}
	#breadcrumb a {
		padding: 0 4px;
	}
	
	/*BILDERGALERIE*/
	
	#contentbereich .minigal #image_wrap0 {
		width: 70%;
	}
	#contentbereich .minigal .clickenlarge-0 {
		margin-left: 2.5%;
		width: 26%;
	}
	.minigal .ce-textpic {
		width: 106px;
	}
	#contentbereich .minigal .scrollWrap {
		height: 165px;
	}
	#contentbereich .minigal .scrollable {
		height: 155px;
	}
	.itemsinnerwrap {
		height: 138px;
	}
	#contentbereich .minigal .ce-textpic .ce-row {
		height: 31px;
	}
	#contentbereich .minigal .scrollable img {
		width: 52% !important;
		height: auto !important;
	}
	#contentbereich #contentColRight .contentElement .clickenlarge-1 .ce-textpic.ce-textpic.ce-right.ce-intext:not(.ce-nowrap) .ce-textpic .ce-gallery.ce-border {
		float: none;
		margin-left: 0 !important;
	}
	#contentbereich #contentColRight .contentElement .clickenlarge-1 .ce-textpic.ce-textpic.ce-right.ce-intext:not(.ce-nowrap) .ce-border ~ .ce-bodytext {
		float: left;
	}
	#contentbereich .minigal a.browse, #contentbereich .minigal a.prev {
		right: 50px;
	}
	
	/*###### ResponsiveMainMen� ######*/
		
		.nav_responsive {
			display: block;
			float: left;
			font-family: arial;
			left: 0;
			position: relative;
			top: 0;
			width: 50px;
			z-index: 99999;
		}
		.responsiveMenue {
			display: block;
		}
		.responsiveMenue.show {
			display: none;
		}
		.responsiveMainnavi {
			display: block;
		}
		.nav_responsive_activate {
			background: url("../images/mainMenueResponsive.png") no-repeat scroll 13px 12px #A3C53F;
			border: 1px solid #FFFFFF;
			box-shadow: none;
			cursor: pointer;
			display: inline-block;
			float: left;
			height: 17px;
			overflow: hidden;
			padding: 10px 13px 14px;
			text-indent: 9999px;
			width: 24px;
		}
		.nav_responsive_activate:hover, .nav_responsive_active:hover {
			background-color:#558f31;
			cursor: pointer;
			cursor: hand;
		}
		.nav_responsive_active {
			-moz-border-bottom-colors: none;
			-moz-border-left-colors: none;
			-moz-border-right-colors: none;
			-moz-border-top-colors: none;
			background: url("../images/mainMenueResponsive.png") no-repeat scroll -27px 12px #A3C53F;
			border-color: #FFFFFF #FFFFFF -moz-use-text-color;
			border-image: none;
			border-style: solid solid none;
			border-width: 1px 1px 0;
			cursor: pointer;
			display: inline-block;
			float: left;
			height: 17px;
			overflow: hidden;
			padding: 10px 14px 14px;
			text-indent: 9999px;
			width: 22px;
	}
	
	/*MAINMEN�*/

	.mainMenueId {
		box-shadow: none;
		float: left;
		left: 0;
		margin: 0;
		position: relative;
		top: 8px;
		width: 99.5%;
		z-index: 65;
	}
	.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 {
		background: none;
	}
	.menueId ul li {
		margin-right: 0;
	}
	.main #wrap02 #layout02 .mainMenueId {
		top: -258px;
	}
	.menueId ul {
    	background: none;
		z-index: 20;
	  	margin-top: 0;
	}
	.menueId {
		border: 1px solid #fff;
		border-top: none;
	}
	.menueId ul li a.menueebene0, .menueId ul li a.menueebene0Active, .menueId ul li a.menueebene1, .menueId ul li a.menueebene1Active, .menueId ul li a.menueebene2, .menueId ul li a.menueebene2Active, .menueId ul li a.menueebene3, .menueId ul li a.menueebene3Active, .menueId ul li a.menueebene4, .menueId ul li a.menueebene4Active {
		margin-top:0;
	}
	.menueId ul li ul {
		width: 10px;
		display: none !important;
	}
	.menueId ul li a {
		color: #1e2b71;
		height: auto;
		font-size: 24px;
		padding: 15px 0 15px 2px !important;
		background: #A3C53F;
		padding-left: 10px;
		border-top: 1px solid #fff;
		text-decoration: none;
	}
	.menueId ul li a span.menuetext {
		color: #fff !important;
		font-family: 'Source Sans Pro',Arial,Helvetica,sans-serif;
		font-size: 16px;
		margin-top: 0px;
		}
	.menueId ul li a.menueebene3, .menueId ul li a.menueebene3Active {	
	}
	.menueId ul li a.menueebene4, .menueId ul li a.menueebene4Active {
	}
	.menueId ul li.menueebene1Active, .menueId ul li.menueebene1 {
	}
	.menueId ul li.menueebene2Active, .menueId ul li.menueebene2 {
	}
	.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% !important;
	}
	.menueId ul li.menueebene0Active, .menueId ul li.menueebene0Active:hover, .menueId ul li.menueebene0:hover, .menueId ul li.menueebene1Active, .menueId ul li.menueebene1Active:hover, .menueId ul li.menueebene1:hover, .menueId ul li.menueebene2Active, .menueId ul li.menueebene2Active:hover, .menueId ul li.menueebene2:hover, .menueId ul li.menueebene3Active, .menueId ul li.menueebene3Active:hover, .menueId ul li.menueebene3:hover, .menueId ul li.menueebene4Active, .menueId ul li.menueebene4Active:hover, .menueId ul li.menueebene4:hover {
		background: #01ae3a;
		color: #fff;
	}
	.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-left: 10px;
		background: #01ae3a;
	}
	.menueId ul li.menueebene0Active a, .menueId ul li.menueebene0Active a:hover, .menueId ul li.menueebene0:hover a, .menueId ul li.menueebene0 a:hover {
		background: #558F31;
		color: #fff !important;
	}
	.menueId ul li.menueebene1Active a, .menueId ul li.menueebene1Active a:hover, .menueId ul li.menueebene1:hover a, .menueId ul li.menueebene1 a:hover {
		background: #558F31;
		color: #fff !important;
	}
	.menueId ul li.menueebene2Active a, .menueId ul li.menueebene2Active a:hover, .menueId ul li.menueebene2:hover a, .menueId ul li.menueebene2 a:hover {
		background: #558F31;
		color: #fff !important;
	}
	.menueId ul li.menueebene3Active a, .menueId ul li.menueebene3Active a:hover, .menueId ul li.menueebene3:hover a, .menueId ul li.menueebene3 a:hover {
		background: #558F31;
		color: #fff !important;
	}
	.menueId ul li.menueebene4Active a, .menueId ul li.menueebene4Active a:hover, .menueId ul li.menueebene4:hover a, .menueId ul li.menueebene4 a:hover {
		background: #558F31;
		color: #fff !important;
	}
	.menueId ul.navId li:hover > ul, .menueId ul.navId li.hover > ul {
		display: none !important;
		visibility: hidden;
	}

	/*SUBNAVI*/ 
	#layout03-2 h3 {
		display: none;
	}
	.activatesub {
		background: url(../images/nav420px.png) no-repeat scroll center 19px #558f31;
		color: #FFFFFF;
		cursor: pointer;
		display: block;
		font-size: 15px;
		margin-bottom: 0;
		padding: 8px 0;
		text-align: center;
		width: 100%;
	}
	#subnavi h3 {
		display: none;
	}	
	#subnavi ul {
		float: left;
		padding: 0;
		width: 100%;
		}	
	.activesub {
		background: url(../images/nav420px.png) no-repeat scroll center -8px #558f31;
		color: #FFFFFF;
		cursor: pointer;
		display: none;
		font-size: 15px;
		margin-bottom: 0;
		padding: 8px 0;
		text-align: center;
		width: 100%;
	}
	.responsivenavi {
		display: block;
		width: 100%;
		float: left;
	}
	#subnavi.show {
		display: block !important;
	}
	#subnavi {
		display: none;
		margin-bottom: 10px;
		padding-bottom: 0px;
		border-bottom:1px solid #558f31;
		background: none repeat scroll 0 0 #a3c53f;
		width: 99%;
	}
	#subnavi ul li {
		border-bottom: 1px solid #fff;
		margin-bottom: 0;
		width: 100%;
		background: none !important;
	}
	#subnavi ul li a, #subnavi ul li a:hover, #subnavi ul li a.menueebeneActive, #subnavi ul li a.menueebeneActive:hover {
		font-size: 15px;
		padding: 9px 6%;
		text-align: center;
	}
	#subnavi ul li a:hover, #subnavi ul li a.menueebeneActive, #subnavi ul li a.menueebeneActive:hover {
		color:#fff;
		background: none repeat scroll 0 0 #558f31;
	}
	#subnavi ul li ul li a:hover, #subnavi ul li ul li  a.menueebeneActive, #subnavi ul li ul li  a.menueebeneActive:hover {
		color:#494a48;
		background: none repeat scroll 0 0 #daf094;
	}
	#subnavi ul li ul li a, #subnavi ul li ul li a:hover, #subnavi ul li ul li a.menueebeneActive, #subnavi ul li ul li a.menueebeneActive:hover, #subnavi ul li ul li a:hover {
		font-size: 14px;
		padding: 6px 0 6px 0;
		text-align: center;
		width: 100%;
	}
	#subnavi ul li ul li ul li a:hover, #subnavi ul li ul li ul li a.menueebeneActive, #subnavi ul li ul li ul li a.menueebeneActive:hover, #subnavi ul li ul li ul li a:hover {
		color: #558f31;
	}
	#subnavi ul li ul li ul li a, #subnavi ul li ul li ul li a:hover, #subnavi ul li ul li ul li a.menueebeneActive, #subnavi ul li ul li ul li a.menueebeneActive:hover, #subnavi ul li ul li ul li a:hover {
		float: right;
		font-size: 13px;
		padding: 6px 0;
		width: 82%;
	}
	#subnavi ul ul {
    	background: none repeat scroll 0 0 #fff;
	}


	/*#### TEMPLATE ####*/
	#template05 #contentbereich .contentCol75 {
		padding-right: 0;
		width: 100%;
	}
	#template05 #contentbereich .contentCol25 {
		display: none;
	}
	#template01 #contentbereich #contentColRight, #template03 #contentbereich #contentColRight, #template04 #contentbereich #contentColRight, #template06 #contentbereich #contentColRight, #template05 #contentbereich #contentColRight {
		margin-top: 0;
	}
	#contentbereich .contentbereichInfobox {
		width: 368px;
		float:left;
		}
	
	
	/*######################################*/
	/*############ CONTENT #################*/
	#contentbereich {
	}
	.publishnews img {
		max-width: 100% !important;
		height: auto;
	}
	
	/*### WETTER ###*/
	#weatherBox {
		background: url(../images/wetterboxBG_420.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: 3%;
	}
	#kalender .entry {
		width: 87%;
	}
	
	/*### NEWS ###*/
	#dynamischeListe2 .newsText {
		float: right;
		margin-top: 0;
		width: 63%;
	}
	#photoListe .data {
		width: 80%;
	}
	
	/*### FOTO ###*/
	#photoListe ul li {
		width: 100%;
	}
	#album ul li {
		width: auto;
	}
	
	/*BILDER*/
	.ce-textpic .ce-gallery .ce-column {
		float: none;
		text-align: center;
	}
	#homelayout02 .ce-textpic .ce-gallery .ce-column {
		float: left;
		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;
	}
	
	/*LIGTHBOX*/
	#lbOuterImageContainer {
		height: auto !important;
		width: 100% !important;
	}
	#lbLightbox img {
		width: 100% !important;
	}
	#prevLink, #nextLink {
		height: 100% !important;
	}
	#lbImageDataContainer {
		width: 100% !important;
	}
	.clickenlarge-1 .image-caption { 
		background: url("../images/caption.png") repeat scroll 0 0;
	}
	.contentbereichInfobox .typo3-editPanel {
		width: 163px;
	}
	.contentbereichInfobox .ce-gallery {
		width: 40% !important;
	}
	.contentbereichInfobox .ce-row {
		float: right;
		margin-right: 2px;
		margin-top: -54px;
		width: 93%;
	}
	#infoboxbereich {
		float: left;
		margin: 0 auto;
		width: 100%;
	}
	#infoboxbereich .infobox {
		margin-left: 2.3%;
		width: 45%;
	}
	#startseite {
		left: 5px;
		margin-top: 0;
		position: absolute;
		top: 15px;
		width: 26%;
		z-index: 3;
	}
	#contentbereich .firstFont h4 {
		font-size: 28px;
	}
	.contentblocksmall, .contentblocksmallnone {
		width: 39.75%;
		margin-right: 9px;
	}
	.ce-textpic .ce-row {
		float: left;
		max-width: 100%;
		margin-bottom: 20px;
	}
	#contentbereich .ce-gallery DIV.ce-row DIV.ce-column.ce-column {
		float: left;
		margin: 0 10px 0 auto;
		padding-left: 0 !important;
	}
	.ce-textpic IMG, #contentbereich .contentElement  .ce-textpic .ce-gallery.ce-border .ce-column img {
		margin-bottom: 10px;
	}
	.ce-textpic .ce-gallery.ce-gallery:not([data-ce-columns="1"]) .ce-column:last-child {
		margin-right: 10px !important;
	}
	.ce-textpic.ce-left.ce-intext:not(.ce-nowrap) ol, .ce-textpic.ce-left.ce-intext:not(.ce-nowrap) ul {
		float: left;
		width: 95%;
		padding-left: 20px;
	}
	#contentbereich ul, #contentbereich ol {
		margin-left: 0px;
		margin-top: 0;
		padding-bottom: 15px;
	}
	#contentbereich .contentblocksmall p, #contentbereich .contentblocksmallnone p {
    	height: auto;
	}
	#photoListe .folder {
		width: 15%;
	}
	#dynamischeListe2 .teaserPicture {
    	width: 33%;
	}
    #corona svg {
    margin-left: 10px;
    }
    #corona p {
    margin-right: 10px;
    }
}
/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {
/* 	width: 300px; */
	
	/*Kalender Neu begin*/
	.kalenderFilterOption ul.checkboxSplitterKalender li {
		width: 29.5%;
	}
	.kalenderFilterOption .rahmen {
		width: 48%;
	}
	.kalenderFilterOption .rahmen.last {
		width: 92.4%;
		float: left;
	}
	#kalender .descriptionOpenCloseBlock {
		clear: both;
	}
	#kalenderOption .kalenderBtn {
		height: 23px;
		margin-bottom: 10px;
		padding: 10px 11% 10px 2%;
		width: 87%;
	}
	.fc-toolbar .fc-center {
		display: inline-block;
		margin-top: 10px;
	}
	.kalenderFilterOption #anzeigevon, .kalenderFilterOption #anzeigebis {
		width: 69%;
	}
	/*Kalender Neu end*/
	
	/* STARTSEITE */
	
	.infoboxresponsive {
		display: block;
	}
	.infoboxresponsive #infoboxbereich {
		display: block;
	}
	#infoboxbereich {
		display: none;
	}
	#layout01 {
		margin-top: 0;
	}
	#layout01-1 {
		float: left;
		margin-left: 0;
		width: 65%;
	}
	#layout01 #logo {
		position: absolute;
		right: 0;
		top: 45px;
		max-width: 50%;
	}
	#layout01 #logo img {
		width: 100%;
	}
	#homelayout01 {
		margin-top: 44px;
	}
	#homelayout01-1 {
		margin-left: 8.5%;
		max-width: 100%;
		width:100%;
		margin-bottom: 35px;
	}	
	#homelayout01-2 {
		float: none;
		margin: 0 auto;
		max-width: 83%;
	}
	#homelayout01-2 .ql a {
		margin-bottom: 0;
		margin-right: 0;
		width: 47.6%;
	}
	#homelayout02 .homeSlider.news .alleArtikel a {
		padding: 13px 22% 11px;
	}
	#footer01 {
		float: none;
		margin: 0 auto;
		width: 88%;
		margin-bottom: 30px;
	}
	#footer02 {
		float: none;
		margin: 0 auto;
		width: 88%;
		margin-bottom: 30px;
	}
	#footer03 {
		float: none;
		margin: 0 auto;
		width: 88%;
	}
	.slogan {
		bottom: 33px;
	}
	.homeSlider.news .jcarousel-clip.jcarousel-clip-horizontal {
		float: none;
		height: 354px;
		margin: 0 auto 30px;
		width: 194px;
	}
	.homeSlider.news ul#carousel li {
		padding: 20px 6px;
		width: 176px;
		margin: 0;
	}
	.homeSlider.news ul#carousel li .teaserText {
		width: 100%;
	}
	.teaserPicture img {
		max-width: 95%;
	}
	.homeSlider.news .teaserText .weiterlesen {
		background: none repeat scroll 0 0 #2c8916;
		padding: 8px 33% 15px;
	}
	.homeSlider.news #carousel .teaserText h4 a {
		font-size: 16px;
	}
    
    .homelayout__corona {
        width: 84%;
        margin: 0 auto;
        flex-wrap: wrap;
    }
    #corona {
    margin-bottom: 20px;
    width: 100%;
    }
    #europa span {
    margin-left: 0;
    }
    #corona svg {
    margin-left: 0;
    width: 30px;
    height: 30px;
    }
    #corona p {
    margin-right: 0;
    width: 185px;
    }
	
	/*JAHRESZEITEN-BUTTON*/
	
	#jahreszeiten {
		left: 0;
		top: 147px;
	}
	#jahreszeiten #season {
		width: 100%;
	}
	#season a, #season a:hover {
		width: 75px;
	}
	#season a {
		height: 51px;
	}
	#season a#spring {
		background: url("../images/seasonFruehling1.png") no-repeat scroll 0 0 !important;
	}
	#season a#summer {
		background: url("../images/seasonSommer1.png") no-repeat scroll 0 0 !important;
	}
	#season a#autumn {
		background: url("../images/seasonHerbst1.png") no-repeat scroll 0 0 !important;
	}
	#season a#winter {
		background: url("../images/seasonWinter1.png") no-repeat scroll 0 0 !important;
	}
	#season a#spring:hover {
		background: url("../images/seasonFruehlingHover1.png") no-repeat scroll 0 0 !important;
	}
	#season a#summer:hover {
		background: url("../images/seasonSommerHover1.png") no-repeat scroll 0 0 !important;
	}
	#season a#autumn:hover {
		background: url("../images/seasonHerbstHover1.png") no-repeat scroll 0 0 !important;
	}
	#season a#winter:hover {
		background: url("../images/seasonWinterHover1.png") no-repeat scroll 0 0 !important;
	}
	
	/*CONTENT*/
	
	.contenttableWrap {
		overflow-x: scroll;
	}
	#layout02 {
		margin-top: 89px;
	}
	#layout02-1 {
		width: 100.0%;
	}
	#layout02-2 {
		float: left;
		padding: 15px 2.5%;
		width: 93%;
		margin-bottom: 50px;
	}
	#contentbereich .firstFont h4 {
		font-size: 25px;
		margin: 12px 0 0;
	}
	#contentbereich .firstFont {
		font-size: 18px;
	}
	.formobjektNoSize, .formobjekt, .formobjektklein, .formobjektselectklein, .containerSelector, .formobjektselectkleinMonth, .formobjektselectkleinYear, .formobjektselectkleinVeranstaltung, .formobjektkleinVeranstaltung, .formobjektCaptcha, .formobjektselectklein, .formobjektkleinGastro, .formobjektselectkleinGastro, .formobjektkleinGastro, .formobjektkleinWFGCompany, .formobjektkleinWFGCompanyText, .formobjektkleinWFGCompanySelect, .formobjektfull, .formSelect, .formobjektkleinGB, .formobjektselect, input[type="date"], input[type="text"], .descriptionOpenCloseBlock {
		float: left;
	}
	#photoListe .folder {
		width: 20%;
	}
	#breadcrumb a {
		padding: 0 4px;
	}
	.contentblocksmallnone, .contentblocksmall {
		width: 70%;
	}
	#contentbereich h4 {
		font-size: 20px;
	}
	#nachOben {
		margin-right: 0;
	}
	#infoboxbereich {
		float: none;
		margin: 0 auto;
		width: 75%;
	}
	#dynamischeListe2 .teaserPicture {
		width: 43.15%;
	}
	#dynamischeListe2 .newsText {
		float: left;
	}
	.tx-gsipagenav-pi1 .pageNavTable .pageNavPrev a, .tx-gsipagenav-pi1 .pageNavTable .pageNavCaption a, .tx-gsipagenav-pi1 .pageNavTable .pageNavNext a {
		font: 9px Arial,Helvetica,sans-serif;
	}
	.ce-textpic IMG, #contentbereich .contentElement  .ce-textpic .ce-gallery.ce-border .ce-column img {
		float: left;
    	max-width: 100%;
	}
	input[type="submit"], input[type="reset"], #kalender .outlook, #contentbereich .gastro .infoGastro, #contentbereich .gastro .infoGastroBuchen, .abstimmen, .ergebnis, .descriptionOpenCloseBlock {
		padding: 4px 5px;
	}
	#contentbereich #export {
		width: 94%;
	}
	
	/*BILDERGALERIE*/
	
	#contentbereich .minigal #image_wrap0 {
		width: 70%;
	}
	#contentbereich .minigal .clickenlarge-0 {
		margin-left: 2.5%;
		width: 26%;
	}
	.minigal .ce-textpic {
		width: 80px;
	}
	#contentbereich .minigal .scrollWrap {
		height: 135px;
	}
	#contentbereich .minigal .scrollable {
		height: 127px;
	}
	.itemsinnerwrap {
		height: 100px;
   		width: 95px;
	}
	#contentbereich .minigal .ce-textpic .ce-row {
		height: 20px;
	}
	#contentbereich .minigal .scrollable img {
		width: 45% !important;
		height: auto !important;
	}
	#contentbereich #contentColRight .contentElement .clickenlarge-1 .ce-textpic.ce-textpic.ce-right.ce-intext:not(.ce-nowrap) .ce-textpic .ce-gallery.ce-border {
		float: none;
		margin-left: 0 !important;
	}
	#contentbereich #contentColRight .contentElement .clickenlarge-1 .ce-textpic.ce-textpic.ce-right.ce-intext:not(.ce-nowrap) .ce-border ~ .ce-bodytext {
		float: left;
	}
	#contentbereich .minigal a.browse, #contentbereich .minigal a.prev {
		right: 37px;
	}
	.rahmen.left {
		width: 70%;
	}
	.rahmen.right {
		clear: none;
		float: left;
		margin-left: 0;
		max-width: 715px;
		min-height: 60px;
		width: 68.5%;
	}
	#contentbereich #contentColRight .contentElement .tx-kommpublishconnector-pi1 form.borderform .rahmen.right select.formobjektselectkleinVeranstaltung {
		margin-left: 0 !important;
	}

	/*#### TEMPLATE ####*/
	
	#template01 #contentbereich #contentColLeft, #template03 #contentbereich #contentColLeft, #template04 #contentbereich #contentColLeft, #template06 #contentbereich #contentColLeft, #template05 #contentbereich #contentColLeft {
		width: 98.6%;
		padding-bottom: 15px;
	}
	#template01 #contentbereich #contentColRight, #template03 #contentbereich #contentColRight, #template04 #contentbereich #contentColRight, #template06 #contentbereich #contentColRight, #template05 #contentbereich #contentColRight {
		width: 98.6%;
	}
	#template05 #contentbereich .contentCol75 {
		padding-right: 0;
		width: 100%;
	}
	#template05 #contentbereich .contentCol25 {
		display: none;
	}
	#template01 #contentbereich #contentColRight, #template03 #contentbereich #contentColRight, #template04 #contentbereich #contentColRight, #template06 #contentbereich #contentColRight, #template05 #contentbereich #contentColRight {
		margin-top: 0;
	}
	#contentbereich h3 {
		width: 100%;
	}


/*###### ResponsiveMainMen� ######*/
	.mmtext {
		color: #FFFFFF;
		float: left;
		font-size: 21px;
		padding: 2%;
		width: auto;
		display: none;
		text-transform: uppercase;
	}
	.nav_responsive {
		-moz-border-bottom-colors: none;
		-moz-border-left-colors: none;
		-moz-border-right-colors: none;
		-moz-border-top-colors: none;
		border-color: #FFFFFF #FFFFFF -moz-use-text-color;
		border-image: none;
		border-style: solid solid none;
		border-width: 1px 1px medium;
		display: block;
		float: left;
		font-family: arial;
		left: 0;
		position: relative;
		top: 0;
		width: 54px;
		z-index: 99999;
	}
	.main #wrap02 #layout02 .mainMenueId {
		top: -215.6px;
	}
	.responsiveMenue {
		display: block;
	}
	.responsiveMenue.show {
		display: none;
	}
	.responsiveMainnavi {
		display: block;
	}
	.nav_responsive_activate {
		background: url("../images/mainMenueResponsive.png") no-repeat scroll 16px 12px #A3C53F;
		border-bottom: 1px solid #FFFFFF;
		cursor: pointer;
		display: inline-block;
		float: left;
		height: 17px;
		overflow: hidden;
		padding: 10px 10px 14px;
		text-indent: 9999px;
		width: 34px;
	}
	.nav_responsive_active {
		background: url("../images/mainMenueResponsive.png") no-repeat scroll -25px 12px #A3C53F;
		cursor: pointer;
		display: inline-block;
		float: left;
		height: 17px;
		overflow: hidden;
		padding: 10px 10px 14px;
		text-indent: 9999px;
		width: 34px;
	}
	#template04 #contentbereich .contentCol25 {
		float: left;
		padding-right: 3.4%;
		width: 46.6%;
	}
	
	/*MAINMEN�*/
	
	.menueId ul li ul {
		width: 10px;
	}
	.menueId {
		border: 1px solid #fff;
		border-top: none;
		width: 99%;
	}
	.mainMenueId {
		box-shadow: none;
		float: left;
		left: 0;
		margin: 0;
		position: relative;
		top: 7px;
		width: 99.5%;
		z-index: 65;
	}
	.menueId ul li.menueebene0Active a, .menueId ul li.menueebene0 a:hover, .menueId ul li.menueebene1Active a, .menueId ul li.menueebene1 a:hover, .menueId ul li.menueebene2Active a, .menueId ul li.menueebene2 a:hover, .menueId ul li.menueebene3Active a, .menueId ul li.menueebene3 a:hover, .menueId ul li.menueebene4Active a, .menueId ul li.menueebene4 a:hover {
		color: #fff;
	}
	.menueId ul {
		margin-top: 0;
		z-index: 20;
		top: 0px;
		position: relative;
		border: 1px solid #fff;
		border-top: none;
		left: 0;
	}
	.menueId ul {
		margin-top: 0;
	}
	.menueId ul li a {
		font-size: 18px;
		background: #558F31;
		padding: 3%;
		color: #1e2b71;
		height: auto;
		border-top: 1px solid #fff;
		text-decoration: none;
	}
	.menueId ul li {
		background: none repeat scroll 0 0 #93cd55;
		border: none;
		margin-right: 0;
	}
	.menueId ul li.menueebene0Active, .menueId ul li.menueebene0Active:hover, .menueId ul li.menueebene0:hover, .menueId ul li.menueebene1Active, .menueId ul li.menueebene1Active:hover, .menueId ul li.menueebene1:hover, .menueId ul li.menueebene2Active, .menueId ul li.menueebene2Active:hover, .menueId ul li.menueebene2:hover {
		background: none repeat scroll 0 0 #93cd55;
		border: none;
	}
	.menueId ul li ul li {
		-webkit-border-radius: 0px;
        border-radius: 0px;
	}
	.menueId ul li a.menueebene0, .menueId ul li a.menueebene0Active, .menueId ul li a.menueebene1, .menueId ul li a.menueebene1Active, .menueId ul li a.menueebene2, .menueId ul li a.menueebene2Active, .menueId ul li a.menueebene3, .menueId ul li a.menueebene3Active, .menueId ul li a.menueebene4, .menueId ul li a.menueebene4Active {
		height: auto;
		margin-top: 0;
		padding: 5px 10px;
	}
		.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%;
		background: none;
	}
	.menueId ul li.menueebene0Active, .menueId ul li.menueebene0Active:hover, .menueId ul li.menueebene0:hover, .menueId ul li.menueebene1Active, .menueId ul li.menueebene1Active:hover, .menueId ul li.menueebene1:hover, .menueId ul li.menueebene2Active, .menueId ul li.menueebene2Active:hover, .menueId ul li.menueebene2:hover, .menueId ul li.menueebene3Active, .menueId ul li.menueebene3Active:hover, .menueId ul li.menueebene3:hover, .menueId ul li.menueebene4Active, .menueId ul li.menueebene4Active:hover, .menueId ul li.menueebene4:hover {
		background: none;
	}
	.menueId ul li.menueebene1Active a, .menueId ul li.menueebene1Active a:hover, .menueId ul li.menueebene1:hover a, .menueId ul li.menueebene1 a:hover {
		background: #558F31;
		color: #fff !important;
	}
	.menueId ul li.menueebene2Active a, .menueId ul li.menueebene2Active a:hover, .menueId ul li.menueebene2:hover a, .menueId ul li.menueebene2 a:hover {
		background: #558F31;
		color: #fff !important;
	}
	.menueId ul li.menueebene3Active a, .menueId ul li.menueebene3Active a:hover, .menueId ul li.menueebene3:hover a, .menueId ul li.menueebene3 a:hover {
		background: #558F31;
		color: #fff !important;
	}
	.menueId ul li.menueebene4Active a, .menueId ul li.menueebene4Active a:hover, .menueId ul li.menueebene4:hover a, .menueId ul li.menueebene4 a:hover {
		background: #558F31;
		color: #fff !important
	}
	.menueId ul.navId li:hover > ul, .menueId ul.navId li.hover > ul {
		display: none !important;
		visibility: hidden!important;
	}
	.menueId ul.navId ul, .menueId ul.navId ul ul {
		visibility: hidden!important;
	}
	.menueId ul li a.menueebene0, .menueId ul li a.menueebene0Active {
		color: #1e2b71;
	}
	.menueId ul li a.menueebene1, .menueId ul li a.menueebene1Active {
		color: #1e2b71;
	}
	.menueId ul li a.menueebene2, .menueId ul li a.menueebene2Active {
		color: #1e2b71;
	}
	.menueId ul li a.menueebene3, .menueId ul li a.menueebene3Active {
		color: #1e2b71;
	}
	.menueId ul li a.menueebene4, .menueId ul li a.menueebene4Active {
		color: #1e2b71;
	}
	.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-left: 10px;
		background: none repeat scroll 0 0 #558F31;
	}
	.menueId ul li a {
		background: none repeat scroll 0 0 #A3C53F;
		border-top: 1px solid #fff;
		color: #ffffff;
		font-size: 24px;
		height: auto;
		text-decoration: none;
	}
	.menueId ul li a span.menuetext {
		color: #fff !important;
		font-family: 'Source Sans Pro',Arial,Helvetica,sans-serif;
		font-size: 20px;
		margin-top: 10px;
	}
	.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 {
		background: none;
	}
	.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% !important;
	}
	.menueId ul li.menueebene0Active, .menueId ul li.menueebene0Active:hover, .menueId ul li.menueebene0:hover, .menueId ul li.menueebene1Active, .menueId ul li.menueebene1Active:hover, .menueId ul li.menueebene1:hover, .menueId ul li.menueebene2Active, .menueId ul li.menueebene2Active:hover, .menueId ul li.menueebene2:hover, .menueId ul li.menueebene3Active, .menueId ul li.menueebene3Active:hover, .menueId ul li.menueebene3:hover, .menueId ul li.menueebene4Active, .menueId ul li.menueebene4Active:hover, .menueId ul li.menueebene4:hover {
		background: #01ae3a;
		color: #fff;
	}
	#quicklinks {
		width: 65px;
	}
	#quicklinks #foto:hover, #quicklinks #burg:hover, #quicklinks #ortsplan:hover, #quicklinks #uhr:hover {
		width: 35px;
	}
	#quicklinks #foto:hover > p a, #quicklinks #burg:hover > p a, #quicklinks #ortsplan:hover > p a, #quicklinks #uhr:hover > p a {
		display: none;
	}
	
	/*SUBNAVI*/ 
	
	.activatesub {
		background: url(../images/nav300px.png) no-repeat scroll center 19px #558f31;
		color: #FFFFFF;
		cursor: pointer;
		display: block;
		font-size: 15px;
		margin-bottom: 0;
		padding: 10px 0;
		text-align: center;
		width: 100%;
		float: left;
	}
	#subnavi h3 {
		display:none;
	}
	.activesub {
		background: url(../images/nav300px.png) no-repeat scroll center -8px #558f31;
		color: #FFFFFF;
		cursor: pointer;
		display: none;
		font-size: 15px;
		margin-bottom: 0;
		padding: 10px 0;
		text-align: center;
		width: 100%;
		float: left;
	}
	#subnavi ul {
    	width: 100%;
	}	
	.responsivenavi {
		display: block;
	}
	#subnavi.show {
		display: block !important;
	}
	#subnavi {
		display: none;
		background: none repeat scroll 0 0 #a3c53f;
		padding-bottom: 0px;
		border-bottom: 1px solid #558f31;
		margin-bottom: 20px;
	}
	#subnavi ul li {
		border-bottom: 1px solid #fff;
		border-right: medium none;
    	border-top: medium none;
		margin-bottom: 0;
		width: 100%;
		background: none repeat scroll 0 0 transparent !important;
	}
	#subnavi ul li a, #subnavi ul li a:hover, #subnavi ul li a.menueebeneActive, #subnavi ul li a.menueebeneActive:hover {
		font-size: 15px;
		padding: 10px 2% 10px 4%;
		text-align: center;
	}
	#subnavi ul li a:hover, #subnavi ul li a.menueebeneActive, #subnavi ul li a.menueebeneActive:hover {
		color:#fff;
		background: none repeat scroll 0 0 #558f31;
	}
	#subnavi ul li ul li a:hover, #subnavi ul li ul li  a.menueebeneActive, #subnavi ul li ul li  a.menueebeneActive:hover {
		color:#494a48;
		background: none repeat scroll 0 0 #daf094;
	}
	#subnavi ul li ul li a, #subnavi ul li ul li a:hover, #subnavi ul li ul li a.menueebeneActive, #subnavi ul li ul li a.menueebeneActive:hover, #subnavi ul li ul li a:hover {
		font-size: 14px;
		padding: 6px 0 6px 0;
		text-align: center;
		width: 100%;
	}
	#subnavi ul li ul li ul li a, #subnavi ul li ul li ul li a:hover, #subnavi ul li ul li ul li a.menueebeneActive, #subnavi ul li ul li ul li a.menueebeneActive:hover, #subnavi ul li ul li ul li a:hover {
		font-size: 13px;
		padding: 6px 0 6px 0;
		text-align: center;
		width: 100%;
	}
	#subnavi ul ul {
		background: none repeat scroll 0 0 #fff;
	}
	#subnavi ul li a {
		width: 94%;
	}
	
	/*QUICKLINKS*/

	
	/*######################################*/
	/*############ CONTENT #################*/
	#contentbereich {
		width: 100%;
		overflow: hidden;
	}
	#breadcrumb {
		margin: 0;
		width: 100%;
	}
	#contentbereich .contentbereichInfobox h4 {
		width: 92%;
	}
	#contentbereich .contentbereichInfobox .ce-bodytext, #contentbereich .contentbereichInfobox .tx-felogin-pi1 {
		width: 86%;
	}
	#contentbereich #sliderOpenAll h4.sliderClosed, #contentbereich #sliderOpenAll1 h4.sliderClosed1, #contentbereich #sliderOpenAll2 h4.sliderClosed2, #contentbereich #sliderOpenAll3 h4.sliderClosed3, #contentbereich #sliderOpenAll4 h4.sliderClosed4, 
	#contentbereich #sliderOpenAll5 h4.sliderClosed5, #contentbereich .slideBlock h4, #contentbereich h4.sliderClosed, #contentbereich #sliderOpenAll h4, #contentbereich .slideBlock1 h4, #contentbereich h4.sliderClosed1, #contentbereich #sliderOpenAll1 h4,
	#contentbereich .slideBlock2 h4, #contentbereich h4.sliderClosed2, #contentbereich #sliderOpenAll2 h4, #contentbereich .slideBlock3 h4, #contentbereich h4.sliderClosed3, #contentbereich #sliderOpenAll3 h4, #contentbereich .slideBlock4 h4, #contentbereich
	h4.sliderClosed4, #contentbereich #sliderOpenAll4 h4, #contentbereich .slideBlock5 h4, #contentbereich h4.sliderClosed5, #contentbereich #sliderOpenAll5 h4 {
		width: 94%;
	}
	.publishnews img {
		max-width: 100% !important;
		height: auto;
	}
	
	/*### WETTER ###*/
	#weatherBox {
		background: url(../images/wetterboxBG_420.jpg) no-repeat scroll 0 0 transparent;
		border: 1px solid #CCCCCC;
		clear: both;
		float: left;
		height: 290px;
		margin-bottom: 25px;
		padding: 123px 5% 0;
		width: 90%;
	}
	#weatherBox .today {
		float: left;
		width: 100%;
	}
	#weatherBox .tomorrow {
		float: right;
		width: 100%;
	}
	
	/*### FORM ###*/
	.formleft, .formright {
		width: 100%;
	}
	.formobjektsmall {
		width: 95% !important;
	}
	ul.schadensmeldung li {
		width: 100%;
	}
	.formobjektkleinVeranstaltung {
		width: 99.4%;
	}
	.formobjektklein {
		width: 95%;
		float: left;
	}
	.formobjekt {
		width: 95%;
	}
	.formobjektCaptcha {
		width: 95%;
	}
	#contentbereich .export {
		width: 90.5%;
	}
	#kalender .list {
		width: 98%;
	}
	#contentbereich .controlBlockPageSlider {
		width: 100%;
	}
	
	/*### KALENDER ###*/
	#kalender .date {
		padding-right: 3%;
	}
	#kalender .entry {
		width: 87%;
	}
	
	/*### NEWS ###*/
	#dynamischeListe2 .teaserPicture {
		padding-bottom: 10px;
	}
	#photoListe .data {
		width: 73%;
	}
	.photoRahmen {
		width: 70px;
	}
	
	/*### FOTO ###*/
	#photoListe ul li {
		width: 100%;
	}
	#album ul li {
		width: auto;
	}
	
	/*BILDER*/
	.ce-textpic .ce-gallery .ce-column {
		float: none;
		text-align: center;
	}
	#homelayout02 .ce-textpic .ce-gallery .ce-column {
		float: left;
		text-align: center;
	}
	#contentbereich .minigal .scrollable img {
		width: 55px;
	}
	.ce-textpic.ce-center:not(.ce-intext) .ce-gallery .ce-column {
		display: inline;
		margin-left: 0px;
	}
	.ce-gallery {
		text-align: center !important;
		width: 99.4%;
		margin-bottom: 15px;
	}
	.contentbereichInfobox .ce-gallery {
		text-align: center !important;
		width: 77px;
	}
	.contentbereichInfobox .ce-row {
		margin-right: 3%;
		margin-top: -38px;
	}
	
	/*LIGTHBOX*/
	#lbOuterImageContainer {
		height: auto !important;
		width: 100% !important;
	}
	#lbLightbox img {
		width: 100% !important;
	}
	#prevLink, #nextLink {
		height: 100% !important;
	}
	#lbImageDataContainer {
		width: 100% !important;
	}
	.clickenlarge-1 .image-caption {
		background: url("../images/caption.png") repeat scroll 0 0;
		max-width: 89.2% !important;
	}
	.contentbereichInfobox .typo3-editPanel {
		width:170  px;
	}

}
