html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video {	
			margin: 0;padding: 0;border: 0;	font: inherit;vertical-align: baseline;}		

header, main, nav, section, footer, article, aside { display: block;}

* 	{		margin: 0; padding: 0; }
html, body {height:100%;}		
/* ------------------------------ */
html, body {	background-color:rgba(10, 117,71, 0.3); /*die Farbe ist für den Footer - die transparenz macht aber probleme, deshalb die nun hart definierte farbe: */	
				background-color:#66BD97;}
header 		{	position:relative; margin:0 auto; width:100%; background-color:white; height:8.7em;	}
#logo1 {position:absolute; top:-4em; left:0em; padding:0em; min-width:300px;z-index:544;width:60%;padding-top:0;color:#008FD4;vertical-align:bottom;line-height:0.9em;}
#name {position:relative; top:20px; left:-40px; width:auto;color:black;font-size:140%; line-height:100%; }
#logo1 img {width:40%;height:auto;float:left;margin-right:1em;}
#logo2 {position:absolute;top:2px; left:0em; padding:0em; line-height:0; display:none;}
#logo2 img { width:auto;max-width:155px;}
#line {position:absolute; top:3.4em;height:3.2em; width:100%; background-color: rgba(225, 241, 249, 0.0);}
header #hgrund {position:absolute; top:0em;height:7.2em; width:100%; background-color:rgba( 0,0,0, 0.14);}
#ausblendkontakt {position:absolute;top:2.7em;height:28px;color:silver;background-color:#996699;visibility:hidden;}
#slogan {position:absolute;top:0em;	margin-left:18%;max-width:355px; min-width:100px;white-space: nowrap;color:#008FD4;font-family:arial; font-weight:bold;font-size:100%;background-color:none;}
#slogan img {width:100%;}
#schnellkontakt {position:absolute;right:0%;top:5.5em;padding:4px;height:auto;width:37%;line-height:1.2em;background-color:none;z-index:222;font-size:100%;}
#sk_links {position:absolute; left:0px;  top:0.3em; width:30%;}
#sk_mitte {position:relative; margin: -1.3em auto; width:40%;}
#sk_rechts{position:absolute; top:0.3em; 	right:0px;  width:30%;} 
#sk_links,#sk_mitte, #sk_rechts {text-align:center;white-space: nowrap;padding:3px;}
#sk_links:hover, #sk_links:hover a, #sk_rechts:hover, #sk_rechts:hover a {border-radius:3px; background-color:rgba(18,184,33, 0.2);text-decoration:underline;}

#maxwidth 	{	position:relative; margin:0 auto; width:96%; max-width:1100px;height:auto;}	
#maxwidth_menu 	{	position:relative; margin:0 auto;width:96%; max-width:1100px;max-height:1em;}			
header #maxwidth {border:none;height:1em;}						
#hgrund_main {	position:relative;
				padding-top:6em;
				padding-bottom:0.0em;	
				background-color:white;
				z-index:0;}	
main		{	padding: 0.5em 0 0em 0;margin:0;}
main ul {		list-style: inside}														
article {		position:relative;
				top:0;
				padding:1.8% 0 1% 0;
				margin:0 auto; 
				width:100%; /* 100 abzgl. dem seitl. padding... */
				height:auto;
				border-top:1px solid silver;}	

#biltstreifen {position:relative; width:100%; background-color:none;margin-top:1.5em;margin-bottom:2em;}

#links, #rechts, #links_schmaler, #links_breiter,  #rechts_schmaler, #rechts_breiter, #bild_rechts {width:47.7%; float:left;margin-bottom:1em;}
#rechts, #rechts_schmaler, #rechts_breiter, #bild_rechts { float:right;}
#links_schmaler {width:37.7%;}
#rechts_breiter {width:57.7%;}
#links_breiter {width:54%;}
#rechts_schmaler {width:40%;}

#links img, #rechts img, #links_schmaler img, #links_breiter img, #rechts_breiter img, #rechts_schmaler img {width:45%; line-height:0; float:right;height:auto; margin-left:1.0em; 
/*border:3px solid rgba(38, 158, 25, 1.0);border-radius:5px;*/
}
#bild_rechts img {width:100%;}
#links img, #links_schmaler img, #links_breiter img {width:100%; float:left;margin-right:1.0em;margin-left:0; height:auto;}
#rechts a img {border:3px solid white;}
#rechts a img:hover {border:3px solid green; border-radius:9px;}
#map{border:2px solid green; border-radius:5px;padding:0;background-color:#CDE8C2; width:auto;}
						
		/* STICKER ------------------------*/
#sticker, #sticker-clone.sticky {
		position:absolute !important;
		left:0 !important;
		right:0 !important; 
		padding:0px!important;
		top:4em !important; 
		height:0 !important;
		width: 100% !important;
		z-index:100 !important;}
#sticker-clone.sticky{position: fixed !important;
		width: 100% !important;
		height:2.8em !important; 
		top:0em !important; 
		left:0 !important;
		background-color:#ADD3C3; !important;
		border-bottom:1px solid silver;
				-webkit-box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.28);
				-moz-box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.28);
				box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.28);
				}			
#sticker-clone.sticky #logo1, #sticker-clone.sticky #slogan, #sticker-clone.sticky #schnellkontakt {  	display:none !important; position:relative !important;}	
#sticker-clone.sticky #logo2 {  	display:block !important; position:relative !important;}	
#sticker-clone.sticky #header_ebene2 { display:block !important;height:0 !important;}	 

#kachelrahmen {position:relative; margin: 0 auto; width:100%; max-width:1100px; font-weight:normal; margin-top:2em; margin-bottom:0em; border-radius:3px;background-color:#EBEBEB;text-align:center;padding: 0.6em 0;}

#kachel { position:relative; width:165px; height:165px;  margin:0 0.6em 1.2em 0.6em; border-radius:0%; display:inline-table; 
-webkit-box-shadow: 5px 5px 6px 0px rgba(0,0,0,0.23);
-moz-box-shadow: 5px 5px 6px 0px rgba(0,0,0,0.23);
box-shadow: 5px 5px 6px 0px rgba(0,0,0,0.23);
background-size: 165px 165px;
background-repeat:no-repeat;}

#kachel:hover{  background-color:none;
-webkit-box-shadow: 5px 5px 6px 0px rgba(0,0,0,0.48);
-moz-box-shadow: 5px 5px 6px 0px rgba(0,0,0,0.48);
box-shadow: 5px 5px 6px 0px rgba(0,0,0,0.48);}
#kachel a:hover {  background-color:none; color:red;}
#kacheltext {position:absolute;	color:rgba(0, 0, 0, 1.0);background-color:rgba(255,255,266,0.77); width:100%;bottom:1em; padding:6px 0; border-top:3px solid rgba(255,255,255,1.0);border-bottom:3px solid rgba(255,255,255,1.0);}
#kacheltext:hover {	 }
#kachel:hover #kacheltext{	background-color:rgba(255,255,266,0.90);color:rgba(18,134,88,1.0); text-decoration:underline;border-top:3px solid rgba(18,134,88,1.0);border-bottom:3px solid rgba(18,134,88,1.0);}



#gal_unten, #galtueren, #gal_warema { position:relative; left:0;  top:0px;  text-align:center; margin-bottom:12px; background-color:rgba(10, 117,71, 0.1);padding:0.8em 0; border-radius:9px; }
#gal_warema { text-align:left; background-color:rgba(10, 117,71, 0.0); }
#gal_unten img, #galtueren img, #gal_warema img {margin: 0 6px 12px 0px; border:4px solid white;
			-webkit-box-shadow: 2px 2px 5px grey;
			-moz-box-shadow: 2px 2px 5px grey;
			box-shadow: 2px 2px 5px grey;
			border-radius:0px;
			width:50%; max-width:144px;}
#galtueren img {margin: 0 6px 12px 0px; border:4px solid white;
			width:50%; max-width:100px;}
#gal_unten img:hover, #galtueren img:hover, #gal_warema img:hover {border:4px solid rgba(18,134,88,1.0);
-webkit-box-shadow: 2px 2px 2px rgba(18,134,88,0.7);
			-moz-box-shadow: 2px 2px 2px rgba(18,134,88,0.7);
			box-shadow: 2px 2px 2px rgba(18,134,88,0.7);
			transform: rotate(2deg) scale(1.0, 1.0);
 -moz-transform: rotate(2eg) scale(1.0, 1.0);
 -webkit-transform:  rotate(2eg)scale(1.0, 1.0);
 -o-transform:rotate(2eg) scale (1.0, 1.0);
 -ms-transform: rotate(2eg) scale(1.0, 1.0);}
		

footer {	position:relative;
			clear:both;
			left:0; 
			right:0; 
			width:auto;
			height:auto;
			padding:2em 2% 6px 2%;
			  /* das macht den Schatten unten VOR dem Footer weg */
			border-top:1px solid #269E19;
			text-align:center;
			z-index:10; }	
footer #maxwidth {position:relative;margin:0 auto; width:94%; max-width:1260px; }			
footer address, footer #oeffnungszeiten, footer #freitext {
				top:0;
				margin-bottom:1.0em;
				text-align:left;
				float:left;color:black; }
footer address {	margin-left:0%; width:28%; }	
footer #oeffnungszeiten {margin-left:5%;width:28%;}	
footer #oeffnungszeiten a {color:black;}	
footer #freitext {	margin-left:5%;
				width:26.0%;
				-moz-hyphens: auto;
  				-o-hyphens: auto;
   				-webkit-hyphens: auto;
   				-ms-hyphens: auto;
   				hyphens: auto;}
footer #siegel	{position:absolute;top:-3.0em;right:1em; width:63px;}
footer #siegel	img{	border-top:1px solid white;
						border-left:1px solid white;
						border-bottom: 1px solid #800000;
						border-right: 1px solid #800000;
						-webkit-box-shadow: 0px 4px 11px 0px rgba(0,0,0,0.7);
				-moz-box-shadow: 0px 4px 11px 0px rgba(0,0,0,0.7);
				box-shadow: 0px 4px 11px 0px rgba(0,0,0,0.7);}		
footer #footerbreit {	clear:both;
				padding:0px 0 4px 0;
				font-size:150%;
				font-weight:bold;}	


.clearing { clear:both; }
.floatleft { float:left; }
.floatright { float:right; }


.schedule	{border-collapse:collapse; margin:1px; width:100%;}	
.schedule tr	{ background:#F1F0E6; border-bottom:1px solid #990000;}	
.schedule td	{margin:3px; padding:2px 4px;   }
.schedule tr:hover{ background:white; }


#em02 {	width:0.2em;
		height:0.2em;}
#em03 {	width:0.3em;
		height:0.3em;}
#em04 {	width:0.4em;
		height:0.4em;}
#em05 {	width:0.5em;
		height:0.5em;}
#em06 {	width:0.6em;
		height:0.6em;}
#em07 {	width:0.7em;
		height:0.7em;}
#em08 {	width:0.8em;
		height:0.8em;}
#em09 {	width:0.9em;
		height:0.9em;}
#em10 {	width:1.0em;
		height:1.0em;}
#em11 {	width:1.1em;
		height:1.1em;}
#em12 {	width:1.2em;
		height:1.2em;}
#em13 {	width:1.3em;
		height:1.3em;}
#em14 {	width:1.4em;
		height:1.4em;}
#em15 {	width:1.5em;
		height:1.5em;}
#em16 {	width:1.6em;
		height:1.6em;}
#em02, #em04, #em05, #em06, #em07, #em08, #em09, #em10, #em11, #em12, #em13, #em14, #em15, #em16 {border:none;}




#test1, #test2, #test3, #test4, #test5, #test6, #test7, #test8, #test9, #test10, #test11, #test12, #test13, #test14, #test15, #test16, #test17, #test18, #test19, #test1500, #test1400, #test1350, #test1300, #test1200, #test1250 {color:red; background-color:white; display:none; float:left;}	



/* SLIDER -----------------*/

#jssor_1 a{text-decoration:none; }
.spin img{animation-name:spin;animation-duration:1.6s;animation-iteration-count:infinite;animation-timing-function:linear}@keyframes spin{from{transform:rotate(0);}to{transform:rotate(360deg);}}
.jssorb032{position:absolute}.jssorb032 .i{position:absolute;cursor:pointer}.jssorb032 .i .b{fill:#fff;fill-opacity:.7;stroke:#000;stroke-width:1200;stroke-miterlimit:10;stroke-opacity:.25}.jssorb032 .i:hover .b{fill:#000;fill-opacity:.6;stroke:#fff;stroke-opacity:.35}.jssorb032 .iav .b{fill:#000;fill-opacity:1;stroke:#fff;stroke-opacity:.35}.jssorb032 .i.idn{opacity:.3}.jssora051{display:block;position:absolute;cursor:pointer}.jssora051 .a{fill:none;stroke:#fff;stroke-width:360;stroke-miterlimit:10}.jssora051:hover{opacity:.8}.jssora051.jssora051dn{opacity:.5}.jssora051.jssora051ds{opacity:.3;pointer-events:none}

#slidertext2, #slidertext3, #slidertext4 {position:absolute; margin: 0 auto;
 top:10px;left:20%;width:auto;height:auto; padding:5px 15px 25px 15px;font-size:30px; text-align:center;vertical-align:middle;color:white;font-weight:normal;background-color:rgba(5,120,70,0.3); border-radius:9px;}
#slidertext3 {position:absolute; top:30px;left:30px;width:480px;height:130px;line-height:2.5;padding:5px 5px 5px 5px;box-sizing:border-box;vertical-align:middle;}
#slidertext4 {position:absolute;top:330px;left:30px;width:480px;line-height:1.27;padding:5px 5px 5px 55px;text-align:left; background-color:rgba(5,120,70,0.6);}
#slidertext2 {left:30%;font-size:250%; background-color:rgba(5,120,70,0.1);}
#slidertext2 a, #slidertext3 a, #slidertext4 a { color:white;}

#slidertext2 a:hover {background-color:rgba(18,134,88,1.0);text-decoration:underline;border-radius:5px;}

	.einblenden, .einblendenweich {  /*wenn es in den viewport rueckt.... */
		opacity: 0.3;
		transition: opacity .5s ease-in-out;	}
		
	

.fader {
    position: relative;
    
}

.fader img {
    vertical-align: top;
}

.fader img.next {
    position: absolute;
    top: 0;
    left: 0;
}