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;
  			-webkit-box-sizing: border-box;
     		-moz-box-sizing: border-box;
         	box-sizing: border-box; }
html, body {height:100%;
			background-color:#336600;/*...ist die Farbe Footer */}		
			
header 		{	position:relative; margin:0 auto; width:100%;background-color:#C7E12F; height:8.7em;	 }

#alert {position:absolute; margin:0 auto; width:380px;background-color:#FFFF99;transform:rotate(-3deg);left:30vw;
-webkit-box-shadow: 5px 5px 10px 1px #000000; 
box-shadow: 5px 5px 10px 1px #000000;
padding:12px;
color:black;
z-index:900;

}
.close {position:absolute;width:auto;top:-7px;right:-7px;}
.close img {}

#logo1		{position:relative; top:-3.5em; margin:0 auto; padding:0em;line-height:0; max-width:597px; min-width:67px;z-index:544;width:55%; }
#logo1 img 	{width:100%;height:auto;}
#logo_smart		{position:relative;top:-3.8em;margin-left:0.4em;max-width:597px; min-width:67px;z-index:544;width:55%;}
#logo_smart	h1	{color:white;font-size:150%;}
#logo2 		{position:absolute;top:0; left:0em; padding:1.2em 0 0 0; line-height:0; display:none;width:20%;max-width:250px; }
#logo2 img 	{ width:100%;height:auto;}
#line 		{position:absolute; top:3.4em;height:3.2em; width:100%; background-color: rgba(225, 241, 249, 0.0);}
header #hgrund {position:absolute; top:0.7em;height:5.2em; width:100%;}



#schnellkontakt {position:absolute;left:0%;top:-0.4em;height:auto;width:25%;z-index:800;font-size:90%;}

#schnellkontakt img{width:100%;}
#sk_links 	{position:absolute; left:0px;  top:0.3em; width:20%;}
#sk_mitte 	{position:relative; margin: 0 auto; width:60%;}
#sk_rechts	{position:absolute; top:0.3em; 	right:0px;  width:20%;} 
#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:#DAEEF8;text-decoration:underline;}

#ausblendkontakt {position:absolute;top:6.7em;border:2px solid red; height:28px;width:100px;color:silver;background-color:orange;visibility:hidden;}
#slogan 	{position:absolute;top:0em;	margin-left:0;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:80%;}

#bogen {	position:relative;margin:0 auto;width:96%; max-width:1300px;line-height:0;}
#bogen img{	width:100%;}
#sprachen {position:absolute;top:6em;left:0;z-index:102;padding-right:3px;line-height:100%;font-size:11px;border-radius:5px;display:grid; 
			
			color:black;text-align:right;}
#sprachen img {width:auto;}


#maxwidth 	{	position:relative; margin:0 auto; width:96%; max-width:1300px;padding:0.6em;border-radius:0;}
#hgrund_main #maxwidth{		
				background-color:white;}				
header #maxwidth {border:0px;height:1em;	}	


#maxwidth, #maxwidth_menu	{	position:relative; margin:0 auto; width:96%; max-width:1300px;}	
/*  ACHTUNG, HIER irgendwo ist das Geheimnis der Buttons im Untermenu. Dier dürfen nur 1 em hoch sein.... */
#maxwidth_menu	{	max-height:1em;}	


				
#hgrund_main {	position:relative;
				padding-top:5.2em;
				padding-bottom:0.0em;	
				background-color:#C7E12F;
				z-index:0;}	
main		{	padding: 0em 1em 0em 1em;margin:0;}
main ul {list-style: inside;}														
article {		position:relative;	
				height:auto;
				padding-top:1em;
					}	

#biltstreifen {position:relative; margin:0 auto;width:100%; background-color:white;max-width:1300px;border-radius:12px 12px 0 0;border-radius:0;padding:0;}
#biltstreifen img {border-radius:12px;border-radius:0;height:auto;}

#bildrechts, #bildlinks {position:relative;width:50.0%; float:right; margin-bottom:0.5em;top:0;margin-left:0.9em;line-height:0;max-width:350px;}
#bildlinks {float:left;margin-left:0em; margin-right:0.9em;}
#bildlinks img, #bildrechts img {width:99.0%; height:auto; border:3px solid #0093D6;}

#coloumn2 {	display:grid; 
			grid-gap: 2.6em 2.6em;
			grid-template-columns: 1fr 1fr;}
#coloumn3 {	display:grid; 
			grid-gap: 2.0em 2.0em;
			grid-template-columns: auto auto auto;
			grid-template-columns: 25% 1fr 1fr;
			}
#coloumn12 {	display:grid; 
			grid-gap: 2.0em 2.0em;
			grid-template-columns: 25% 70%;
			}			
#spalte, #spalte2 { text-align: justify;}	
#spalte a img {width:50%; height:auto; float:right; margin-left:0.4em;}	
#spalte2 a img {width:50%; height:auto; float:left; margin-right:0.4em;}
#coloumn2 a img, #coloumn3 a img   {border:4px solid #C7E12F;}

#img100 a img {width:100%;}
#spalte a img:hover, #spalte2 a img:hover {
			transform: rotate(-2deg) scale(1.0, 1.0);
			 -moz-transform: rotate(-2deg) scale(1.0, 1.0);
			 -webkit-transform:  rotate(-2deg)scale(1.0, 1.0);
			 -o-transform:rotate(-2deg) scale (1.0, 1.0);}	

#preistabelle {background-color:#DAF5A7;border-radius:9px;padding:0.4em;}
#preistabelle table {width:100%;border-collapse: collapse;vertical-align:bottom;color:black;}	
#preistabelle table td {padding:8px;}	
#preistabelle table tr {margin:2px;border-bottom:1px solid grey;background-color:#DAF5A7;}	
#preistabelle table tr:hover {background-color:#C7E12F;}	

#links, #rechts { position:relative;width:47.7%; float:left;margin-bottom:1em;top:0;}
#rechts { float:right;width:74%;}

#_links, #_rechts, #_links40, #_rechts60, #_links60, #_rechts40 { position:relative;width:47.7%; float:left;margin-bottom:1em;top:0;}
#_rechts, #_rechts60, #_rechts40 { float:right;}


#_links40, #_rechts40 { width:39%;}
#_links40, #_links60, #_links { border-right:1px dashed silver;padding-right:12px;}
#_rechts60, #_links60 { width:57%;}






#map{border:2px solid #009999; border-radius:5px;padding:1px;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:3.0em !important; 
		top:0em !important; 
		left:0 !important;
		background-color:#336600;
						-webkit-box-shadow: 0px 4px 11px 0px rgba(0,0,0,0.28);
				-moz-box-shadow: 0px 4px 11px 0px rgba(0,0,0,0.28);
				box-shadow: 0px 4px 11px 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 {  	margin-top:-1.1em;display:block !important; position:relative !important;}	

#sticker-clone.sticky #maxwidth 	{	 width:96%; padding:0;}

 
/* --------------------FOOTER ------------------------*/
footer {	position:relative;
			clear:both;
			left:0; 
			right:0; 
			width:auto;
			height:auto;
			padding:2em 2% 6px 2%;
			text-align:center;
			z-index:10;
			border-top:1px solid white;
			-webkit-box-shadow: 0px 7px 11px 7px rgba(8,38,5,0.62);
			-moz-box-shadow: 0px 7px 11px 7px rgba(8,38,5,0.62);
			box-shadow: 0px 7px 11px 7px rgba(8,38,5,0.62);	}	
footer h1 {color:white;}			
footer #maxwidth {position:relative;margin:0 auto; width:100%; max-width:1300px; background-color:none;}			
footer address, footer #oeffnungszeiten, footer #freitext {
				top:0;
				margin-bottom:1.0em;
				text-align:left;
				float:left; }
footer address {	margin-left:0%; width:28%; }	
footer #oeffnungszeiten {margin-left:5%;width:28%;}	
footer #oeffnungszeiten a {}	
footer #freitext {	margin-left:5%;
				width:33.0%;
				-moz-hyphens: auto;
  				-o-hyphens: auto;
   				-webkit-hyphens: auto;
   				-ms-hyphens: auto;
   				hyphens: auto;}
footer #siegel	{position:absolute;top:-5.5em;right:1em; width:63px;}		
footer #footerbreit {position:relative;	clear:both;
				padding:10px 0 4px 0;
				font-size:150%;
				font-weight:bold;}	
#karten_inhalt {position:relative;clear:both;width:100%;background-image:url(../px/layout/holz3.jpg);border-radius:5px;padding:15px 3px 7px 3px;
				-webkit-box-shadow: inset 12px 14px 5px -8px rgba(0,0,0,0.65);
				-moz-box-shadow: inset 12px 14px 5px -8px rgba(0,0,0,0.65);
				box-shadow: inset 12px 14px 5px -8px rgba(0,0,0,0.65);
				border:4px solid #C7E12F;}
#karten_inhalt img{margin:1px 2px;border:1px solid grey;border-radius:4px;
-webkit-box-shadow: 0px 4px 6px 0px rgba(0,0,0,0.28);
				-moz-box-shadow: 0px 4px 6px 0px rgba(0,0,0,0.28);
				box-shadow: 0px 4px 6px 0px rgba(0,0,0,0.28);}
#karten_inhalt img:hover{border:1px solid green;
				-webkit-box-shadow: 0px 4px 6px 0px rgba(0,0,0,0.6);
				-moz-box-shadow: 0px 4px 6px 0px rgba(0,0,0,0.6);
				box-shadow: 0px 4px 6px 0px rgba(0,0,0,0.6);
				 transform: rotate(4.0deg) scale(1.0, 1.0);
 -moz-transform: rotate(4.0eg) scale(1.0, 1.0);
 -webkit-transform:  rotate(4.0eg)scale(1.0, 1.0);
 -o-transform:rotate(4.0eg) scale (1.0, 1.0);
 -ms-transform: rotate(4.0eg) scale(1.0, 1.0);
}


/* Spalten und Galerien -----------------*/

#blackfield{	position:relative;
			background-color:black;
			color:white;
			border-radius:12px;
			padding:1.4em 1.4em;
			display:grid; 
			grid-gap: 1.5em 1.5em;
			grid-template-columns: 1fr 1fr;}

#gallery, #gallery_nogap, #gallery_noblack {	position:relative;
			padding:0;
			margin-bottom:0.8em;
			color:white;
			display:grid; 
			grid-gap: 1.5em 1.5em;
			grid-template-columns: 1fr 1fr  1fr 1fr 1fr;}	
#gallery_nogap {grid-gap: 0;}
#gallery_noblack {	grid-gap: 0;}		


#gallery #galbild {	position:relative;border:6px solid rgba(248,230,193,0.9);height:auto;
			-webkit-box-shadow: 3px 4px 5px 0px rgba(0,0,0,0.58);
			-moz-box-shadow: 3px 4px 5px 0px rgba(0,0,0,0.58);
			box-shadow: 3px 4px 5px 0px rgba(0,0,0,0.58);
			line-height:0;
			}
#gallery_nogap #galbild, #gallery_noblack #galbild {position:relative;	line-height:0;}


#gallery #galbild:hover {border:6px solid rgba(255,255,255,0.9);
transform: rotate(-3deg) scale(1.0, 1.0);
 -moz-transform: rotate(-3deg) scale(1.0, 1.0);
 -webkit-transform:  rotate(-3deg)scale(1.0, 1.0);
 -o-transform:rotate(-3deg) scale (1.0, 1.0);
 -ms-transform: rotate(-3deg) scale(1.0, 1.0);
}	
#gallery #galbild img:hover {
 filter: brightness(116%) saturate(135%);
-webkit-filter: brightness(116%) saturate(135%);
-moz-filter: brightness(116%) saturate(135%);
line-height:0;}	

#gallery_nogap #galbild:hover, #gallery_noblack #galbild:hover {
transform: rotate(-3deg) scale(1.0, 1.0);
 -moz-transform: rotate(-3deg) scale(1.0, 1.0);
 -webkit-transform:  rotate(-3deg)scale(1.0, 1.0);
 -o-transform:rotate(-3deg) scale (1.0, 1.0);
line-height:0;}	

#gallery_nogap #galbild img:hover, #gallery_noblack #galbild img:hover {
 filter: brightness(116%) saturate(135%);
-webkit-filter: brightness(116%) saturate(135%);
-moz-filter: brightness(116%) saturate(135%);}	
		





/* ------- MOVES ------------------------....*/

.show {position: relative;
	animation-name:show;
	-webkit-animation-name:show;
	-moz-animation-name:show;
	animation-duration:3s;
	-webkit-animation-duration:3s;
	-moz-animation-duration:3s;
	animation-iteration-count:1;
	-webkit-animation-iteration-count:1;
	-moz-animation-iteration-count:1;
	animation-delay:0.3s;
	-webkit-animation-delay:0.3s;
	-moz-animation-delay:0.3s;
	animation-fill-mode: forwards;
	-webkit-animation-fill-mode: forwards;
	-moz-animation-fill-mode: forwards;
	opacity:0;
	-webkit-opacity:0;
	-moz-opacity:0;}
								@keyframes show {
									from {opacity:0;}
									to {opacity:1;}
								}
								@-webkit-keyframes show {
									from {opacity:0;}
									to {opacity:1;}
								}
								@-moz-keyframes show {
									from {opacity:0;}
									to {opacity:1;}
								}
.move1 {
	position: relative;
	left:-30%;
	animation-name:move1;
	-webkit-animation-name:move1;
	-moz-animation-name:move1;
	animation-duration:2s;
	-webkit-animation-duration:2s;
	-moz-animation-duration:2s;
	animation-iteration-count:1;
	-webkit-animation-iteration-count:1;
	-moz-animation-iteration-count:1;
	animation-delay:0.7s;
	-webkit-animation-delay:0.7s;
	-moz-animation-delay:0.7s;
	animation-fill-mode: forwards;
	-webkit-animation-fill-mode: forwards;
	-moz-animation-fill-mode: forwards;
	opacity:0;
	-webkit-opacity:0;
	-moz-opacity:0;
	}

					@keyframes move1 {
						from {left:-50%;opacity:0;}
						to {left:-10%;opacity:1;}
					}
					@-webkit-keyframes move1 {
						from {left:-50%;opacity:0;}
						to {left:-10%;opacity:1;}
					}
					@-moz-keyframes move1 {
						from {left:-50%;opacity:0;}
						to {left:-10%;opacity:1;}
					}

.move2 {
	height:50px;
	width:50px;
	background:orange;
	position: relative;
	left:-120px;
	margin:2em 0;
	animation-name:move2;
	-webkit-animation-name:move2;
	-moz-animation-name:move2;
	animation-duration:4s;
	-webkit-animation-duration:4s;
	-moz-animation-duration:4s;
	animation-iteration-count:1;
	-webkit-animation-iteration-count:1;
	-moz-animation-iteration-count:1;
	animation-delay:3s;
	-webkit-animation-delay:3s;
	-moz-animation-delay:3s;
	animation-fill-mode: forwards;
	-webkit-animation-fill-mode: forwards;
	-moz-animation-fill-mode: forwards;
	opacity:0;
	-webkit-opacity:0;
	-moz-opacity:0;}

									@keyframes move2 {
										from {left:0px;opacity:0;}
											25% {background-color:#222222;}
											50% {background-color:#05e4d7;height:50px; width:50px;}
											75% {background-color:#222222;}
											100% {background-color:#F9086D;}
										to {left:80%;opacity:1;background:purple;height:120px; width:120px;border-radius:100%;}
										}
									@-webkit-keyframes move2 {
										from {left:0px;opacity:0;}
											25% {background-color:#222222;}
											50% {background-color:#05e4d7;height:50px; width:50px;}
											75% {background-color:#222222;}
											100% {background-color:#F9086D;}
										to {left:80%;opacity:1;background:purple;height:120px; width:120px;border-radius:100%;}
										}
									@-moz-keyframes move2 {
										from {left:0px;opacity:0;}
											25% {background-color:#222222;}
											50% {background-color:#05e4d7;height:50px; width:50px;}
											75% {background-color:#222222;}
											100% {background-color:#F9086D;}
										to {left:80%;opacity:1;background:purple;height:120px; width:120px;border-radius:30%;}
										}
	
	.move_555 {z-index:33;
	position: absolute;
	left:10%; top:8em; 
	height:88px;
	color:white; font-weight:bold; font-size:150%;
	animation-name:move_555;
	-webkit-animation-name:move_555;
	-moz-animation-name:move_555;
	animation-duration:1s;
	-webkit-animation-duration:1s;
	-moz-animation-duration:1s;
	animation-iteration-count:1;
	-webkit-animation-iteration-count:1;
	-moz-animation-iteration-count:1;
	animation-delay:2.0s;
	-webkit-animation-delay:2.0s;
	-moz-animation-delay:2.0s;
	animation-fill-mode: forwards;
	-webkit-animation-fill-mode: forwards;
	-moz-animation-fill-mode: forwards;  
	opacity:0;
	-webkit-opacity:0;
	-moz-opacity:0;	
	}

									@keyframes move_555 {
										from {left:-10%;opacity:0;}
										to {left:30%;opacity:1;}
									}
									@-webkit-keyframes move_555 {
										from {left:-10%;opacity:0;}
										to {left:30%;opacity:1;}
									}
									@-moz-keyframes move_555 {
										from {left:-10%;opacity:0;}
										to {left:30%;opacity:1;}

									}
.slide1,.slide2,.slide3,.slide4,.slide5 {position: absolute; width: 100%; height: 100%;}
.slide1 { 	animation:fade 20s infinite;
			-webkit-animation:fade 20s infinite;} 
.slide2 {	animation:fade2 20s infinite;
			-webkit-animation:fade2 20s infinite;}		
.slide3 {  animation:fade3 20s infinite;
			-webkit-animation:fade3 20s infinite;}
					@keyframes fade
					{ 0%   {opacity:1}
					  33.333% { opacity: 0}
					  66.666% { opacity: 0}
					  100% { opacity: 1}
					}
					@keyframes fade2
					{ 0%   {opacity:0}
					  33.333% { opacity: 1}
					  66.666% { opacity: 0 }
					  100% { opacity: 0}
					}
					@keyframes fade3
					{ 0%   {opacity:0}
					  33.333% { opacity: 0}
					  66.666% { opacity: 1}
					  100% { opacity: 0}
					}				
					



 
 .rechteck {
		line-height:0;
		border-radius: 0;
	  	position: relative;
		text-align:center;
	 	 }
 
 .rechteck img {width:100%;height:auto; }

			.rechteckbreit {
					  width: auto;
					  border-radius: 0;
					  display:block;
					  float: left;
					  position: relative;
					  line-height:100%;
					  vertical-align:top;}

.enhanced .rechteck, .enhanced .rechteckbreit {
  transition: transform 600ms cubic-bezier(0.8, 0, 0, 0.8);
  transform: scale(0.1);}

.rechteck.revealed, .rechteckbreit.revealed {
  transform: scale(1.0);  }

.rechteck:before, .rechteckbreit:before {
  display: block;
  content: "";
  width: 100%;}



.rechteck.c1 {}

.rechteck.c2 {
    transition-delay: 0.1s;
}

.rechteck.c3 {
  transition-delay: 0.2s;
}

.rechteck.c4 {
   transition-delay: 0.3s;
}

.rechteck.c5 {
  transition-delay: 0.4s;
}

.rechteck.c6 {
  transition-delay: 0.5s;
}

.rechteck.c7 {
   transition-delay: 0.6s;
}

.rechteck.c8 {
  transition-delay: 0.7s;
}

.rechteck.c9 {
  transition-delay: 0.8s;

}

.rechteck.c10 {
  transition-delay: 0.9s;
}

.rechteck.c11 {
  transition-delay: 1.0s;
}

.rechteck.c12 {
  transition-delay: 1.1s;
}

.rechteck.c13 {
  transition-delay: 1.1s;
}

.rechteck.c14 {
  transition-delay: 1.2s;

}

.rechteck.c15 {
  transition-delay: 1.3s;
}

.rechteck.c16 {
  transition-delay: 1.4s;
}

.rechteck.c17 {

  transition-delay: 1.5s;
}

.rechteck.c18 {

  transition-delay: 1.6s;
}

.rechteck.c19 {
  transition-delay: 1.7s;
}

.rechteck.c20 {
  transition-delay: 1.8s;
}

.rechteck.c21 {
  transition-delay: 1.9s;
}

.rechteck.c22 {
  transition-delay: 2.0s;
}



}

.rechteck__inner {
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  width: 100%;
  text-align: center;
  transform: translateY(-52%);
  color: #1d1f20;
  line-height: 0;
}






/* 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:2.1em;left:9%;width:auto;height:auto; padding:5px 12px 5px 12px;background-color:rgba(53, 40, 8, 0.6);font-size:30px;border:2px solid rgba(0, 147, 214, 0.1); text-align:center;color:white;font-weight:normal;line-height:1.7;border-radius:13px;border:2px solid rgba(255, 255, 255, 0.4);
 transform: rotate(-3.0deg) scale(1.0, 1.0);
 -moz-transform: rotate(-3.0eg) scale(1.0, 1.0);
 -webkit-transform:  rotate(-3.0eg)scale(1.0, 1.0);
 -o-transform:rotate(-3.0eg) scale (1.0, 1.0);
 -ms-transform: rotate(-3.0eg) scale(1.0, 1.0);
 				-webkit-box-shadow: 0px 4px 6px 0px rgba(0,0,0,0.28);
				-moz-box-shadow: 0px 4px 6px 0px rgba(0,0,0,0.28);
				box-shadow: 0px 4px 6px 0px rgba(0,0,0,0.28);}
#slidertext3 {position:absolute; width:480px;padding:5px 5px 5px 5px;box-sizing:border-box;vertical-align:middle;}
#slidertext4 {position:absolute;width:480px;line-height:1.27;padding:5px 5px 5px 55px;text-align:left;}
#slidertext2 {}
#slidertext8 {position:absolute; margin: 0 auto;
 top:2.1em; right:9%;width:auto;height:auto; padding:5px 12px 5px 12px;background-color:rgba(53, 40, 8, 0.6);font-size:30px;border:2px solid rgba(0, 147, 214, 0.1); text-align:center;color:white;font-weight:normal;line-height:1.7;border-radius:13px;border:2px solid rgba(255, 255, 255, 0.4);
 transform: rotate(3.0deg) scale(1.0, 1.0);
 -moz-transform: rotate(3.0deg) scale(1.0, 1.0);
 -webkit-transform:  rotate(3.0deg)scale(1.0, 1.0);
 -o-transform:rotate(3.0deg) scale (1.0, 1.0);
 -ms-transform: rotate(3.0deg) scale(1.0, 1.0);
 				-webkit-box-shadow: 0px 4px 6px 0px rgba(0,0,0,0.28);
				-moz-box-shadow: 0px 4px 6px 0px rgba(0,0,0,0.28);
				box-shadow: 0px 4px 6px 0px rgba(0,0,0,0.28);}


#slidertext2 a, #slidertext3 a, #slidertext4 a { color:white;}


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


/* sonstiges.... -----------------*/

.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; }

#aufzaehlung {margin-left:1.1em;}
#aufzaehlung li {list-style: url('../px/blauerwuerfel.png');}


#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;}