* {
	position: relative;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	list-style: none;
}

html,
body {
	height: 100%;
}
header {
text-align: center;
color: #000000;
}
footer {
	position: fixed;
	bottom:50px;
	width:100%;
	background:#ff0;
	z-index:10;
	}

body {
	background: #52be7f;
	color: #fff;
	padding:0;  margin: 0;
	text-align:center;
}
.textstyle1 { text-align:left; }
.textstyle2 { text-align:center; }
.textstyle3 { font-size:28pt; font-family:'Trebuchet MS', Helvetica, sans-serif; color:#000000; font-weight:bold; text-shadow: 4px 4px 4px #A1A1A1;  }
.textstyle4 { font-size:6pt; font-family:'Trebuchet MS', Helvetica, sans-serif; color:#000000; font-weight:bold; text-shadow: 4px 4px 4px #A1A1A1;  }
.textstyle5 { font-size:12pt; font-family:Arial, Helvetica, sans-serif; color:#FFFFFF; font-weight:bold;  white-space: nowrap; }
.textstyle6 { font-size:12pt; font-family:'Trebuchet MS', Helvetica, sans-serif; color:#FFFFFF; font-weight:bold;  white-space: nowrap; }
.textstyle7 { font-size:15pt; font-family:'Trebuchet MS', Helvetica, sans-serif; color:#000000; font-weight:bold;  }
.textstyle8 { font-size:12pt; font-family:'Trebuchet MS', Helvetica, sans-serif; color:#000000; font-weight:bold;  }
.textstyle9 { font-size:6pt; font-family:'Trebuchet MS', Helvetica, sans-serif; color:#000000;  }
.textstyle10 { font-size:12pt; font-family:'Trebuchet MS', Helvetica, sans-serif; color:#000000;  }
.textstyle11 { font-size:12pt; font-family:'Trebuchet MS', Helvetica, sans-serif; color:#D49304;  }
.textstyle12 { font-size:12pt; font-family:Arial, Helvetica, sans-serif; color:#000000; font-weight:bold;  }
.textstyle13 { font-size:12pt; font-family:Arial, Helvetica, sans-serif; color:#000000;  }
.textstyle14 { font-size:10pt; font-family:Arial, Helvetica, sans-serif; color:#000000; font-weight:bold;  }
.textstyle15 { font-size:15pt; font-family:'Trebuchet MS', Helvetica, sans-serif; color:#FFFFFF; font-weight:bold;  }
.textstyle16 { text-align:justify; }
.textstyle17 { font-size:10pt; font-family:Arial, Helvetica, sans-serif; color:#000000;  }
.buttonlogos { width: 32px;}

/*Hauptcontainer- Basis für linke UND rechte Spalte*/
#hauptcontainer {text-align:center; vertical-align: top; position:relative; display: inline-block; width:95%; min-height:4500px; max-width:1600px; background-color:#FCF752;  } /*Hauptcontainer*/
#hauptcontainer_padding { margin: 0px; display: block;  } /*Hauptcontainer*/

/*Kopfcontainer*/
#kopfcontainer {text-align:center; vertical-align: top; position:relative; display: inline-block; width:100%; min-height:38px; background-color:#80FF80;  } /*Kopfcontainer*/
#kopfcontainer_padding { margin: 10px; display: block;  } /*K opfcontainer*/

#wappen { vertical-align: bottom; position:relative; display: inline-block; width:8%; background:none;  }

#kastenzeile {width:100%; background-color:#42AB25;}/*Ende Kopfcontainer und Kastencontainer incl. header*/

#spalte_links{ vertical-align: top; border-radius: 10px; position:relative; display: inline-block; float:left; margin:0px 5px 0px 0px;width:68%; min-height:4166px; background-color:#FCF799;  } /*Haupspalte links*/
#spalte_links_padding { margin: 5px 10px 10px 10px;display: block;  }

#downcount {border-radius: 15px; border: 1px solid #ff0000; background-color:#00ff00; }

#img_kirges { vertical-align: bottom; position:relative; display: inline-block; width:100%; background:none;  }/*Bild Kirmesgesellschaft*/
#img_aktuellesbild { vertical-align: bottom; position:relative; display: inline-block; width:100%; background:none;  }/*Aktuelles Bild*/
#img_programm18 { vertical-align: bottom; position:relative; display: inline-block; border:2px solid black; width:95%; background:none;  }/*Das Programmplakat*/
#img_flyer_fr { vertical-align: bottom; position:relative; display: inline-block; width:40%; background:none;  }/*Flyer Freitag*/
#img_flyer_sa { vertical-align: bottom; position:relative; display: inline-block; width:40%; background:none;  }/*Flyer Samstag*/
#img_banner_fr { vertical-align: bottom; position:relative; display: inline-block; width:100%; background:none; border-radius: 15px; border: 3px solid #ffff00; background-color:#00ffff; }/*Banner Freitag*/
#img_banner_sa { vertical-align: bottom; position:relative; display: inline-block; width:100%; background:none; border-radius: 15px; border: 3px solid #00ff00; background-color:#00ffff;  }/*Banner Samstag*/
#img_qrcode { vertical-align: bottom; position:relative; display: inline-block; width:100%; background:none; }/*QR-code*/

#gallery_71742726 div.galleryimgcontainer { box-sizing: border-box; vertical-align: middle; display: inline-block; width: 33%; height: auto; padding: 10px; font-size:12pt; font-family:Arial, Helvetica, sans-serif; color:#000000; text-align:center;  } 
#gallery_71742726 div.galleryimgcontainer img { z-index:9; width: 100%; background-color:rgba(255, 255, 255, 0.909804); border: 3px solid #0000FF; border: 3px solid #0000FF; border-radius: 15px;  } 
@media only screen and (max-width:420px) { #gallery_71742726 div.galleryimgcontainer { width: 50%; } } 
@media only screen and (max-width:320px) { #gallery_71742726 div.galleryimgcontainer { width: 100%; } } 
#gallery_71742726 img:hover{ border: 3px solid #FF0000 !important; } 

#php_kontaktcontainer { box-sizing: border-box; vertical-align: bottom; position:relative; display: inline-block; width:100%; height:100%; background-color:#00FF00; border: 1px solid #A0A0A0;  }
#jscript_meckerecke { box-sizing: border-box; vertical-align: bottom; position:relative; display: inline-block; width:100%; height:90%; background-color:#FF0000; border: 3px solid #00ff00;  }

#container_6385801d { vertical-align: top; position:relative; display: inline-block; width:30%; min-height:275px; background:none;  }
#container_6385801d_padding { margin: 20px 10px 10px 10px;display: block;  }

#container_66793a4f { vertical-align: top; position:relative; display: inline-block; width:100%; min-height:480px; background:none;  }
#container_66793a4f_padding { margin: 10px; display: block;  }

#container_40c8368a { vertical-align: top; position:relative; display: inline-block; width:100%; min-height:27px; background-color:#42AB25;  }
#container_40c8368a_padding { margin: 10px; display: block;  }

#container_6d14fdfd { vertical-align: top; position:relative; display: inline-block; width:100%; min-height:27px; background-color:#42AB25;  }
#container_6d14fdfd_padding { margin: 10px; display: block;  }

#container_5a4d3624 { vertical-align: top; position:relative; display: inline-block; margin:0px 0px 15px 0px;width:100%; min-height:275px; background:none;  }
#container_5a4d3624_padding { margin: 10px; display: block;  }

#druckansicht { box-sizing: border-box; vertical-align: bottom; position:relative; display: inline-block; width:100%; height:90%; background-color:#FFFFFF; border: 2px solid #A0A0A0;  }

#php_5d9ab79c { box-sizing: border-box; vertical-align: bottom; position:relative; display: inline-block; width:100%; height:98%; background-color:#E5E5E5; border: 1px solid #A0A0A0;  }

#anchor_5775fb { vertical-align: bottom; position:relative; display: inline-block;  }

.component {
	position: relative;
	margin-bottom: 3em;
	height: 15em;
	background: rgba(0,0,0,0.05);
	font-family: 'Lato', Arial, sans-serif;
}

.component > h2 {
	position: absolute;
	overflow: hidden;
	width: 100%;
	text-align: center;
	text-transform: uppercase;
	white-space: nowrap;
	font-weight: 300;
	font-style: italic;
	font-size: 12em;
	opacity: 0.1;
	cursor: default;
}

.cn-button {
	position: fixed;/*Position des runden Knopfes*/
	top: 85%;/*Abstand des runden Knopfes von oben original:100%*/
	left: 50%;
	z-index: 11;
	margin-top: -2.25em;
	margin-left: -2.25em;
	padding-top: 0em;
	width: 4.5em;
	height: 4.5em;
	border: 0.5em outset;
	border-color: red;
	border-radius: 50%;
	background: none;
	background-color: #fff;
	color: #52be7f;
	text-align: center;
	font-weight: 700;
	font-size: 1.5em;
	text-transform: uppercase;
	cursor: pointer;
	-webkit-backface-visibility: hidden;
}

.csstransforms .cn-wrapper {
	position: fixed;/*Position der Segmente*/
	top: 86%;/*Abstand der Segmente von oben original:100%*/
	left: 50%;
	z-index: 10;
	margin-top: -13em;
	margin-left: -13.5em;
	width: 27em;
	height: 27em; /*hier kann ein border für den Außenkreis hin*/
	border-radius: 50%;
	background: transparent;
	opacity: 0;
	-webkit-transition: all .3s ease 0.3s;
	-moz-transition: all .3s ease 0.3s;
	transition: all .3s ease 0.3s;
	-webkit-transform: scale(0.1);
	-ms-transform: scale(0.1);
	-moz-transform: scale(0.1);
	transform: scale(0.1);
	pointer-events: none;
	overflow: hidden;
}

/*cover to prevent extra space of anchors from being clickable*/
.csstransforms .cn-wrapper:after{
  content:".";
  display:block;
  font-size:2em;
  width:6.2em;
  height:6.2em;
  position: absolute;
  left: 50%;
  margin-left: -3.1em;
  top:50%;
  margin-top: -3.1em;
  border-radius: 50%;
  z-index:10;
  color: transparent;
}

.csstransforms .opened-nav {
	border-radius: 50%;
	opacity: 1;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	transition: all .3s ease;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	pointer-events: auto;
}

.csstransforms .cn-wrapper li {
	position: absolute;
	top: 50%;
	left: 50%;
	overflow: hidden;
	margin-top: -1.3em;
	margin-left: -10em;
	width: 10em;
	height: 10em;
	font-size: 1.5em;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	transition: all .3s ease;
	-webkit-transform: rotate(76deg) skew(60deg);
	-moz-transform: rotate(76deg) skew(60deg);
	-ms-transform: rotate(76deg) skew(60deg);
	transform: rotate(76deg) skew(60deg);
	-webkit-transform-origin: 100% 100%;
	-moz-transform-origin: 100% 100%;
	transform-origin: 100% 100%;
	pointer-events: none;
}

.csstransforms .cn-wrapper li a {
	position: absolute;
	right: -7.25em;
	bottom: -7.25em;
	display: block;
	width: 14.5em;
	height: 14.5em;
	border-radius: 50%;
	background: #429a67;
	background: -webkit-radial-gradient(transparent 35%, #429a67 35%);
	background: -moz-radial-gradient(transparent 35%, #429a67 35%);
	background: radial-gradient(transparent 35%, #429a67 35%);
	color: #fff;
	text-align: center;
	text-decoration: none;
	font-size: 1.2em;
	line-height: 2;
	-webkit-transform: skew(-60deg) rotate(-75deg) scale(1);
	-moz-transform: skew(-60deg) rotate(-75deg) scale(1);
	-ms-transform: skew(-60deg) rotate(-75deg) scale(1);
	transform: skew(-60deg) rotate(-75deg) scale(1);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	pointer-events: auto;
}

.csstransforms .cn-wrapper li a span {
	position: relative;
	top: 1.8em;
	display: block;
	font-size: .5em;
	font-weight: 700;
	text-transform: uppercase;
}

.csstransforms .cn-wrapper li a:hover,
.csstransforms .cn-wrapper li a:active,
.csstransforms .cn-wrapper li a:focus {
	background: -webkit-radial-gradient(transparent 35%, #449e6a 35%);
	background: -moz-radial-gradient(transparent 35%, #449e6a 35%);
	background: radial-gradient(transparent 35%, #449e6a 35%);
}
.csstransforms .cn-wrapper li a:focus {
    position: fixed; /* fix the displacement bug in webkit browsers when using tab key */
}

.csstransforms .opened-nav li {
	-webkit-transition: all .3s ease .3s;
	-moz-transition: all .3s ease .3s;
	transition: all .3s ease .3s;
}

.csstransforms .opened-nav li:first-child {
	-webkit-transform: rotate(-20deg) skew(60deg);
	-moz-transform: rotate(-20deg) skew(60deg);
	-ms-transform: rotate(-20deg) skew(60deg);
	transform: rotate(-20deg) skew(60deg);
}

.csstransforms .opened-nav li:nth-child(2) {
	-webkit-transform: rotate(12deg) skew(60deg);
	-moz-transform: rotate(12deg) skew(60deg);
	-ms-transform: rotate(12deg) skew(60deg);
	transform: rotate(12deg) skew(60deg);
}

.csstransforms .opened-nav  li:nth-child(3) {
	-webkit-transform: rotate(44deg) skew(60deg);
	-moz-transform: rotate(44deg) skew(60deg);
	-ms-transform: rotate(44deg) skew(60deg);
	transform: rotate(44deg) skew(60deg);
}

.csstransforms .opened-nav li:nth-child(4) {
	-webkit-transform: rotate(76deg) skew(60deg);
	-moz-transform: rotate(76deg) skew(60deg);
	-ms-transform: rotate(76deg) skew(60deg);
	transform: rotate(76deg) skew(60deg);
}

.csstransforms .opened-nav li:nth-child(5) {
	-webkit-transform: rotate(108deg) skew(60deg);
	-moz-transform: rotate(108deg) skew(60deg);
	-ms-transform: rotate(108deg) skew(60deg);
	transform: rotate(108deg) skew(60deg);
}

.csstransforms .opened-nav li:nth-child(6) {
	-webkit-transform: rotate(140deg) skew(60deg);
	-moz-transform: rotate(140deg) skew(60deg);
	-ms-transform: rotate(140deg) skew(60deg);
	transform: rotate(140deg) skew(60deg);
}

.csstransforms .opened-nav li:nth-child(7) {
	-webkit-transform: rotate(172deg) skew(60deg);
	-moz-transform: rotate(172deg) skew(60deg);
	-ms-transform: rotate(172deg) skew(60deg);
	transform: rotate(172deg) skew(60deg);
}

.no-csstransforms .cn-wrapper {
	overflow: hidden;
	margin: 10em auto;
	padding: .5em;
	text-align: center;
}

.no-csstransforms .cn-wrapper ul {
	display: inline-block;
}

.no-csstransforms .cn-wrapper li {
	float: left;
	width: 5em;
	height: 5em;
	background-color: #fff;
	text-align: center;
	font-size: 1em;
	line-height: 5em;
}

.no-csstransforms .cn-wrapper li a {
	display: block;
	width: 100%;
	height: 100%;
	color: inherit;
	text-decoration: none;
}

.no-csstransforms .cn-wrapper li a:hover,
.no-csstransforms .cn-wrapper li a:active,
.no-csstransforms .cn-wrapper li a:focus {
	background-color: #f8f8f8;
}

.no-csstransforms .cn-wrapper li.active a{
	background-color: #6F325C;
	color: #fff;
}

.no-csstransforms .cn-button {
	display: none;
}

@media only screen and (max-width: 620px) {
	.no-csstransforms li {
		width: 4em;
		height: 4em;
		line-height: 4em;
	}
}

@media only screen and (max-width: 500px) {
	.no-ccstransforms .cn-wrapper {
		padding: .5em;
	}
	.buttonlogos {width:32px;}
	.no-csstransforms .cn-wrapper li {
		width: 4em;
		height: 4em;
		font-size: .9em;
		line-height: 4em;
	}
}

@media only screen and (max-width: 800px) {
	.csstransforms .cn-wrapper {
		font-size: .68em; /*Größe der Segmente - Original=480px*/
		top: 90%;/*Abstand der Segmente von oben original:100%*/
}

	.cn-button {
		font-size: 1em;
		top: 89%;/*Abstand des runden Knopfes von oben original:100%*/
	}

}

@media only screen and (max-width:420px) {
	.no-csstransforms .cn-wrapper li {
		width: 100%;
		height: 3em;
		line-height: 3em;
	}
	
}

@media only screen and (max-width: 640px)
{
		#container_41e58864 { width:100%;  } /*Hauptcontainer*/
		#container_4c93732e * span { font-size:24pt;  } /*Kopfcontainer*/
		#container_40c8368a * span { font-size:12pt;  }
		#container_5a4d3624 * span { font-size:11pt;  }
		#container_6d14fdfd * span { font-size:12pt;  }
		#container_169edec1 * span { font-size:11pt;  }
}
@media only screen and (max-width: 450px)
{
		#container_304cc980 { width:99%;  }
		#container_6568132a { width:33%;  }
		#container_6568132a * span { font-size:8pt;  }
		#container_73277115 { width:33%;  }
		#container_2c2aa590 { width:33%;  }
		#container_2c2aa590 * span { font-size:8pt;  }
		#container_406604df { width:33%;  }
		#container_406604df * span { font-size:8pt;  }
		#container_63fc54d8 { width:33%;  }
		#container_12e144f2 { width:33%;  }
		#container_12e144f2 * span { font-size:8pt;  }
		#spalte_links { width:99%;  }
		#container_6385801d {width:90%}
}
@media only screen and (max-width: 1150px)
{
		#container_304cc980 { width:99%;  }
		#container_6568132a { width:33%;  }
		#container_6568132a * span { font-size:8pt;  }
		#container_73277115 { width:33%;  }
		#container_2c2aa590 { width:33%;  }
		#container_2c2aa590 * span { font-size:8pt;  }
		#container_406604df { width:33%;  }
		#container_406604df * span { font-size:8pt;  }
		#container_63fc54d8 { width:33%;  }
		#container_12e144f2 { width:33%;  }
		#container_12e144f2 * span { font-size:8pt;  }
		#spalte_links { width:99%;  }
		#container_6385801d {width:90%}
}

footer {
	position: fixed;
	bottom:0px;
	width:100%;
	background:#ff0;
	z-index:11;
	}