@media screen {
html, body {
    height:100%;
	width:100%;
	/*background-position:center;*/
	overflow-y:hidden;
	overflow-x:hidden;
}
}

/*CSS RESET*/

/**{
	padding:0px;
	margin:0px;
}*/

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, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
center,
dl, dt, dd, ol,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size:100%;
	background: transparent;
}



/*BODY*/

body {
	background-image:url(../bilder/body_bg.jpg);
	background-repeat:no-repeat;
	/*    background-attachment:fixed;*/
	background-position:center -400px;
	/*background-size:cover;*/
	margin:0;
	font-family:Arial, Helvetica, sans-serif;
	/*position:absolute;
	top:0px;*/
}
#preload {
	display:none;
}
#header {
	position: absolute;
	top:50%;
	left:50%;
	top:320px;
	width:1000px;
	height:600px;
	margin-left:-500px;
	margin-top:-300px;
	/*background-color:#0F0;*/
	/*background-image:url(../bilder/body_bg_animation.jpg);*/
	z-index:1;
	opacity:1;
}
#logo {
	position:absolute;
	top:28px;
	left:30px;
	z-index:3;
}
/*CLASS*/

a:active {
	font-family:Arial, Helvetica, sans-serif;
	/*color: #e2001a;*/
	color:#0b2357;
	text-decoration: none;
	
}
a:link, a:visited {
	font-family:Arial, Helvetica, sans-serif;
	/*color: #e2001a;*/
	text-decoration: none;
	color:#330B57;
	
}

a:hover {
	font-family:Arial, Helvetica, sans-serif;
	color:#224399;
	text-decoration: none;
	
}

strong {
	color:#0b2357;
}
h1 {
	color:#0b2357;
	/*font-size:28px;*/
	font-size:1.75em;
}
h2 {
	color:#0b2357;
}
h3 {
	color:#0b2357;
	font-size:1.75em;
}

#logo_bild {
	position:absolute;
	z-index:8;
	
	top:9px;
	left:466px;
	width:69px;
	height:69px;
	background-image:url(../bilder/logo_bild.jpg);
	background-position:center;
	border-radius:50%;
	opacity:0;
}
#logo_text {
	position:absolute;
	z-index:8;
	
	top:89px;
	left:310px;
	width:381px;
	height:73px;
	background-image:url(../bilder/logo_text.jpg);
	background-position:center;
	opacity:0;
}

.space01 {
	padding-left:30px;}
.space02 {
	padding-left:20px;}
.space03 {
	padding-left:20px;}
.space04 {
	padding-left:33px;}

/*-------------------------------ANIMATION-----------------------------------*/

#body2 {
	background-image:url(../bilder/body_bg_animation_klein.jpg);
	background-repeat:no-repeat;
	/*    background-attachment:fixed;*/
	background-position:center -400px;
	margin:0;
	width:1920px;
	height:1440px;
	width:auto;
	animation-name:animation_body;
	animation-iteration-count:1;
	animation-duration:9000ms;
	/*background-image:none;*/
	/*background-color:#0FF;*/
}

@keyframes animation_body {
	0% {
		opacity:0;
	}
	100% {
		opacity:1;
	}
}


/*Button - aktuelles*/

@keyframes animation_aktuelles {
	0% {
		top:-500px;
		left:1500px;
		opacity:0;
	}
	12% {
		top:-500px;
		left:1000px;
	}
	25% {
		top:307px;
	}
	37% {
		top:100px;
	}
	50% {
		top:307px;
		opacity:1;
	}
	62% {
		top:200px;
	}
	75% {
		top:307px;
	}
	87% {
		top:270px;
	}
	100% {
		top:307px;
		left:455px;
	}
}


#bubble_aktuelles {
	position:absolute;
	z-index:10;
	/*margin:400px 0px 0px 700px;*/
	top:307px;
	left:455px;
	width:224px;
	height:224px;
	/*background:#0f0;*/
	background-image:url(../bilder/animation_aktuelles.png);
	background-position:center;
	border-radius:50%;
	animation-name:animation_aktuelles;
	animation-iteration-count:/*infinite*/1;
	animation-duration:3200ms;
}

#bubble_aktuelles:hover {
	
	position:absolute;
	z-index:11;
	top:307px;
	left:455px;
	width:224px;
	height:224px;
	/*background:#fff;*/
	background-image:url(../bilder/hover_aktuelles.png);
	background-position:center;
	border-radius:50%;
}

/*Button - home*/

@keyframes animation_home {
	
	0% {
		top:-500px;
		left:1000px;
		opacity:0;
	}
	23% {
		top:-400px;
		left:800px;
	}
	34% {
		top:248px;
	}
	45% {
		top:100px;
	}
	56% {
		top:248px;
		opacity:1;
	}
	67% {
		top:180px;
	}
	78% {
		top:248px;
	}
	89% {
		top:220px;
	}
	100% {
		top:248px;
		left:277px;
	}
}
#bubble_home {
	position:absolute;
	z-index:10;
	/*margin:400px 0px 0px 700px;*/
	top:248px;
	left:277px;
	width:116px;
	height:116px;
	/*background:#0f0;*/
	background-image:url(../bilder/animation_home.png);
	background-position:center;
	border-radius:50%;
	animation-name:animation_home;
	animation-iteration-count:/*infinite*/1;
	animation-duration:3800ms;
}

#bubble_home:hover {
	
	position:absolute;
	z-index:11;
	top:248px;
	left:277px;
	width:116px;
	height:116px;
	/*background:#fff;*/
	background-image:url(../bilder/hover_home.png);
	background-position:center;
	border-radius:50%;
}

/*Button - philosophie*/

@keyframes animation_philosophie {
	
	0% {
		top:-500px;
		left:1500px;
		opacity:0;
	}
	12% {
		top:-500px;
		left:1000px;
	}
	25% {
		top:180px;
	}
	37% {
		top:20px;
	}
	50% {
		top:180px;
		opacity:1;
	}
	62% {
		top:70px;
	}
	75% {
		top:180px;
	}
	87% {
		top:130px;
	}
	100% {
		top:180px;
		left:364px;
	}
}
#bubble_philosophie {
	position:absolute;
	z-index:9;
	/*margin:400px 0px 0px 700px;*/
	top:180px;
	left:364px;
	width:154px;
	height:154px;
	/*background:#0f0;*/
	background-image:url(../bilder/animation_philosophie.png);
	background-position:center;
	border-radius:50%;
	animation-name:animation_philosophie;
	animation-iteration-count:/*infinite*/1;
	animation-duration:3500ms;
}

#bubble_philosophie:hover {
	
	position:absolute;
	z-index:11;
	top:180px;
	left:364px;
	width:154px;
	height:154px;
	/*background:#fff;*/
	background-image:url(../bilder/hover_philosophie.png);
	background-position:center;
	border-radius:50%;
}


/*Button - parken*/

@keyframes animation_parken {
	
	0% {
		top:-500px;
		left:1500px;
		opacity:0;
	}
	12% {
		top:-500px;
		left:1200px;
	}
	25% {
		top:455px;
	}
	37% {
		top:130px;
	}
	50% {
		top:455px;
		opacity:1;
	}
	62% {
		top:300px;
	}
	75% {
		top:455px;
	}
	87% {
		top:400px;
	}
	100% {
		top:455px;
		left:666px;
	}
}
#bubble_parken {
	position:absolute;
	z-index:10;
	/*margin:400px 0px 0px 700px;*/
	top:455px;
	left:666px;
	width:120px;
	height:120px;
	/*background:#0f0;*/
	background-image:url(../bilder/animation_parken.png);
	background-position:center;
	border-radius:50%;
	animation-name:animation_parken;
	animation-iteration-count:/*infinite*/1;
	animation-duration:2500ms;
}

#bubble_parken:hover {
	
	position:absolute;
	z-index:11;
	top:455px;
	left:666px;
	width:120px;
	height:120px;
	/*background:#fff;*/
	background-image:url(../bilder/hover_parken.png);
	background-position:center;
	border-radius:50%;
}


/*Button - kontakt*/

@keyframes animation_kontakt {
	
	0% {
		top:-500px;
		left:1500px;
		opacity:0;
	}
	12% {
		top:-500px;
		left:1000px;
	}
	25% {
		top:369px;
	}
	37% {
		top:160px;
	}
	50% {
		top:369px;
		opacity:1;
	}
	62% {
		top:280px;
	}
	75% {
		top:369px;
	}
	87% {
		top:340px;
	}
	100% {
		top:369px;
		left:720px;
	}
}
#bubble_kontakt {
	position:absolute;
	z-index:9;
	/*margin:400px 0px 0px 700px;*/
	top:369px;
	left:720px;
	width:115px;
	height:115px;
	/*background:#0f0;*/
	background-image:url(../bilder/animation_kontakt.png);
	background-position:center;
	border-radius:50%;
	animation-name:animation_kontakt;
	animation-iteration-count:/*infinite*/1;
	animation-duration:2300ms;
}

#bubble_kontakt:hover {
	
	position:absolute;
	z-index:11;
	top:369px;
	left:720px;
	width:115px;
	height:115px;
	/*background:#fff;*/
	background-image:url(../bilder/hover_kontakt.png);
	background-position:center;
	border-radius:50%;
}


/*Button - leistungen*/

@keyframes animation_leistungen {
	
	0% {
		top:-500px;
		left:1500px;
		opacity:0;
	}
	12% {
		top:-500px;
		left:1000px;
	}
	25% {
		top:172px;
	}
	37% {
		top:30px;
	}
	50% {
		top:172px;
		opacity:1;
	}
	62% {
		top:110px;
	}
	75% {
		top:172px;
	}
	87% {
		top:155px;
	}
	100% {
		top:172px;
		left:645px;
	}
}
#bubble_leistungen {
	position:absolute;
	z-index:10;
	/*margin:400px 0px 0px 700px;*/
	top:172px;
	left:645px;
	width:178px;
	height:178px;
	/*background:#0f0;*/
	background-image:url(../bilder/animation_leistungen.png);
	background-position:center;
	border-radius:50%;
	animation-name:animation_leistungen;
	animation-iteration-count:/*infinite*/1;
	animation-duration:2500ms;
}

#bubble_leistungen:hover {
	
	position:absolute;
	z-index:11;
	top:172px;
	left:645px;
	width:178px;
	height:178px;
	/*background:#fff;*/
	background-image:url(../bilder/hover_leistungen.png);
	background-position:center;
	border-radius:50%;
}


/*Button - oeffnungszeiten*/

@keyframes animation_oeffnungszeiten {
	
	0% {
		top:-500px;
		left:1500px;
		opacity:0;
	}
	16% {
		top:-200px;
		left:1200px;
		opacity:0.1;
	}
	28% {
		top:463px;
	}
	40% {
		top:220px;
	}
	52% {
		top:463px;
		opacity:1;
	}
	64% {
		top:350px;
	}
	76% {
		top:463px;
	}
	88% {
		top:430px;
	}
	100% {
		top:463px;
		left:315px;
	}
}
#bubble_oeffnungszeiten {
	position:absolute;
	z-index:10;
	/*margin:400px 0px 0px 700px;*/
	top:463px;
	left:315px;
	width:149px;
	height:149px;
	/*background:#0f0;*/
	background-image:url(../bilder/animation_oeffnungszeiten.png);
	background-position:center;
	border-radius:50%;
	animation-name:animation_oeffnungszeiten;
	animation-iteration-count:/*infinite*/1;
	animation-duration:3600ms;
}

#bubble_oeffnungszeiten:hover {
	
	position:absolute;
	z-index:11;
	top:463px;
	left:315px;
	width:149px;
	height:149px;
	/*background:#fff;*/
	background-image:url(../bilder/hover_oeffnungszeiten.png);
	background-position:center;
	border-radius:50%;
}


/*Button - impressum*/

@keyframes animation_impressum {
	
	0% {
		top:-500px;
		left:1200px;
		opacity:0;
	}
	12% {
		top:100px;
		left:1200px;
	}
	25% {
		top:476px;
	}
	37% {
		top:230px;
	}
	50% {
		top:476px;
		opacity:1;
	}
	62% {
		top:350px;
	}
	75% {
		top:476px;
	}
	87% {
		top:430px;
	}
	100% {
		top:476px;
		left:796px;
	}
}
#bubble_impressum {
	position:absolute;
	z-index:10;
	/*margin:400px 0px 0px 700px;*/
	top:476px;
	left:796px;
	width:121px;
	height:121px;
	/*background:#0f0;*/
	background-image:url(../bilder/animation_impressum.png);
	background-position:center;
	border-radius:50%;
	animation-name:animation_impressum;
	animation-iteration-count:/*infinite*/1;
	animation-duration:2000ms;
}

#bubble_impressum:hover {
	
	position:absolute;
	z-index:11;
	top:476px;
	left:796px;
	width:121px;
	height:121px;
	/*background:#fff;*/
	background-image:url(../bilder/hover_impressum.png);
	background-position:center;
	border-radius:50%;
}

/*Button - anfahrt*/

@keyframes animation_anfahrt {
	
	0% {
		top:-200px;
		left:1700px;
		opacity:0;
	}
	25% {
		top:-150px;
		left:1470px;
		opacity:0.1;
	}
	40% {
		top:528px;
	}
	50% {
		top:260px;
	}
	60% {
		top:528px;
		opacity:1;
	}
	70% {
		top:380px;
	}
	80% {
		top:528px;
	}
	90% {
		top:480px;
	}
	100% {
		top:528px;
		left:576px;
	}
}
#bubble_anfahrt {
	position:absolute;
	z-index:10;
	/*margin:400px 0px 0px 700px;*/
	top:528px;
	left:576px;
	width:98px;
	height:98px;
	/*background:#0f0;*/
	background-image:url(../bilder/animation_anfahrt.png);
	background-position:center;
	border-radius:50%;
	animation-name:animation_anfahrt;
	animation-iteration-count:/*infinite*/1;
	animation-duration:3000ms;
}

#bubble_anfahrt:hover {
	
	position:absolute;
	z-index:11;
	top:528px;
	left:576px;
	width:98px;
	height:98px;
	/*background:#fff;*/
	background-image:url(../bilder/hover_anfahrt.png);
	background-position:center;
	border-radius:50%;
}

/*Button - wir*/

@keyframes animation_wir {
	
	0% {
		top:-200px;
		left:1700px;
		opacity:0;
	}
	25% {
		top:-350px;
		left:1470px;
		opacity:0.1;
	}
	40% {
		top:351px;
	}
	50% {
		top:190px;
	}
	60% {
		top:351px;
		opacity:1;
	}
	70% {
		top:280px;
	}
	80% {
		top:351px;
	}
	90% {
		top:320px;
	}
	100% {
		top:351px;
		left:843px;
	}
}
#bubble_wir {
	position:absolute;
	z-index:10;
	/*margin:400px 0px 0px 700px;*/
	top:351px;
	left:843px;
	width:90px;
	height:90px;
	/*background:#0f0;*/
	background-image:url(../bilder/animation_wir.png);
	background-position:center;
	border-radius:50%;
	animation-name:animation_wir;
	animation-iteration-count:/*infinite*/1;
	animation-duration:2200ms;
}

#bubble_wir:hover {
	
	position:absolute;
	z-index:11;
	top:351px;
	left:843px;
	width:90px;
	height:90px;
	/*background:#fff;*/
	background-image:url(../bilder/hover_wir.png);
	background-position:center;
	border-radius:50%;
}
/*-------------------------------ANIMATION END-------------------------------*/


/*HOME*/
#home {
	text-align:left;
	/*margin:0px auto;*/
	z-index:101;
	width: 680px;
	max-height:500px;
	/*min-height: 280px;*/
	/*max-height: 680px;*/
	height: auto;
	border:solid 3px #c2c8d5;
	background-color:#FFF;
	/*overflow-x:hidden;
	overflow-y:scroll;
*/	
	position: absolute;
	/*text-align: center;*/
	/*margin:0px 0 0px 15%;*/
	left:157px;
	/*padding:10px;*/
	top: 172px;
	top: -5172px;
	z-index:101;
	/*width: 680px;
	height: 680px;*/
	
	/*background-image:url(../bilder/bg_home.png);
	background-position:center;*/
	/*border-radius:50%;*/
	opacity:1;
	
	-o-transformation:top;
	-o-transition: 500ms;
	-o-transition-timing-function: ease-in-out;
	-ms-transformation:top;
	-ms-transition: 500ms;
	-ms-transition-timing-function: ease-in-out;
	-moz-transformation:top;
	-moz-transition: 500ms;
	-moz-transition-timing-function: ease-in-out;
	-webkit-transformation:top;
	-webkit-transition: 500ms;
	-webkit-transition-timing-function: ease-in-out;
	transformation:top;
	transition: 500ms;
	transition-timing-function: ease-in-out;
}

#p_home {
	width:auto;
	height:auto;
	max-height:500px;
	margin:10px 20px 10px 20px;
	
/*--BEI ZU VIEL TEXT!--*/
	overflow-x:hidden;
	overflow-y:hidden;
}

#p_home_innen {
	/*width:auto;
	height:50px;
	margin:0 auto;
	margin-top:220px;*/
	
	width:auto;
	height:auto;
	margin:25px 10px 30px 10px;
	/*margin-top:80px;*/
	/*vertical-align:middle;*/
	
}
#home_close {
	position:absolute;
	z-index:102;
	/*margin:400px 0px 0px 700px;*/
	top:-18px;
	left:662px;
	width:36px;
	height:36px;
	/*background:#0f0;*/
	background-image:url(../bilder/button_close_kreis_klein.png);
	background-position:center;
	border-radius:50%;
	animation-name:animation_close;
	animation-iteration-count:infinite;
	animation-duration:5000ms;
}
@keyframes animation_close {
	0% {
		transform: rotate(0deg);
	}
	30% {
		transform: rotate(0deg);
	}
	40% {
		transform: rotate(20deg);
	}
/*	50% {
		transform: rotate(0deg);
	}*/
	60% {
		transform: rotate(-20deg);
	}
	70% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(0deg);
	}
}
/*HOME END*/


/*LEISTUNGEN*/
#leistungen {
	position: absolute;
	text-align:left;
	left:157px;
	top: 172px;
	top: -5172px;
	z-index:101;
	width: 680px;
	max-height:500px;
	height: auto;
	border:solid 3px #c2c8d5;
	background-color:#fff;
	opacity:1;
	-o-transformation:top;
	-o-transition: 500ms;
	-o-transition-timing-function: ease-in-out;
	-ms-transformation:top;
	-ms-transition: 500ms;
	-ms-transition-timing-function: ease-in-out;
	-moz-transformation:top;
	-moz-transition: 500ms;
	-moz-transition-timing-function: ease-in-out;
	-webkit-transformation:top;
	-webkit-transition: 500ms;
	-webkit-transition-timing-function: ease-in-out;
	transformation:top;
	transition: 500ms;
	transition-timing-function: ease-in-out;
}
#p_leistungen {
	width:auto;
	height:auto;
	max-height:500px;
	margin:25px 30px 25px 30px;
}
#leistungen_close {
	position:absolute;
	z-index:102;
	top:-18px;
	left:662px;
	width:36px;
	height:36px;
	background-image:url(../bilder/button_close_kreis_klein.png);
	background-position:center;
	border-radius:50%;
	animation-name:animation_close;
	animation-iteration-count:infinite;
	animation-duration:5000ms;
}
/*LEISTUNGEN END*/


/*PHILOSOPHIE*/
#philosophie {
	position: absolute;
	text-align:left;
	left:157px;
	top: 172px;
	top: -5172px;
	z-index:101;
	width: 680px;
	max-height:500px;
	height: auto;
	border:solid 3px #c2c8d5;
	background-color:#fff;
	opacity:1;
	-o-transformation:top;
	-o-transition: 500ms;
	-o-transition-timing-function: ease-in-out;
	-ms-transformation:top;
	-ms-transition: 500ms;
	-ms-transition-timing-function: ease-in-out;
	-moz-transformation:top;
	-moz-transition: 500ms;
	-moz-transition-timing-function: ease-in-out;
	-webkit-transformation:top;
	-webkit-transition: 500ms;
	-webkit-transition-timing-function: ease-in-out;
	transformation:top;
	transition: 500ms;
	transition-timing-function: ease-in-out;
}
#p_philosophie {
	width:auto;
	height:auto;
	max-height:500px;
	margin:25px 30px 25px 30px;
}
#philosophie_close {
	position:absolute;
	z-index:102;
	top:-18px;
	left:662px;
	width:36px;
	height:36px;
	background-image:url(../bilder/button_close_kreis_klein.png);
	background-position:center;
	border-radius:50%;
	animation-name:animation_close;
	animation-iteration-count:infinite;
	animation-duration:5000ms;
}
/*PHILOSOPHIE END*/


/*AKTUELLES*/
#aktuelles {
	position: absolute;
	text-align:left;
	left:157px;
	top: 172px;
	top: -5172px;
	z-index:101;
	width: 680px;
	max-height:500px;
	height: auto;
	border:solid 3px #c2c8d5;
	background-color:#fff;
	opacity:1;
	-o-transformation:top;
	-o-transition: 500ms;
	-o-transition-timing-function: ease-in-out;
	-ms-transformation:top;
	-ms-transition: 500ms;
	-ms-transition-timing-function: ease-in-out;
	-moz-transformation:top;
	-moz-transition: 500ms;
	-moz-transition-timing-function: ease-in-out;
	-webkit-transformation:top;
	-webkit-transition: 500ms;
	-webkit-transition-timing-function: ease-in-out;
	transformation:top;
	transition: 500ms;
	transition-timing-function: ease-in-out;
}
#p_aktuelles {
	width:auto;
	height:auto;
	max-height:480px;
	margin:10px 20px 10px 20px;
	
/*--BEI ZU VIEL TEXT!--*/
	overflow-x:hidden;
	overflow-y:scroll;
	overflow-y:hidden;/*!!!!!!*/
	
	/*!!!!!!!!!!!!!*/
	/*background-color:yellow;
	width:100%;
	height:100%;
	max-height:100%;
	margin:0px 0px 0px 0px;*/
	
	
	/*position:absolute;
	left:5px;
	right:5px;
	top:5px;
	bottom:5px;*/
	/*margin-bottom:50px;*/
}

#p_aktuelles_innen {
	/*width:auto;
	height:50px;
	margin:0 auto;
	margin-top:220px;*/
	/*margin-top:80px;*/
	/*vertical-align:middle;*/
	width:90%;
	height:90%;
	margin:25px 10px 30px 10px;
	margin:25px 10px 30px 0px;/*!!!!!!!*/
	width:auto;/*!!!!!!!*/
	height:auto;/*!!!!!!!*/
	
	/*!!!!!!!!!!!!!!!!!!!!!!*/
	/*margin:0px;
	padding:0px 10px 0px 10px;
	width:auto;
	height:100%;
	max-height:100%;*/
	
	
	/*margin:5px auto 5px auto;*/
	/*height:auto;*/
	/*position:absolute;*/
	
	/*background-color:red;*/
	/*overflow-y:scroll;*/
}
#aktuelles_close {
	position:absolute;
	z-index:102;
	top:-18px;
	left:662px;
	width:36px;
	height:36px;
	background-image:url(../bilder/button_close_kreis_klein.png);
	background-position:center;
	border-radius:50%;
	animation-name:animation_close;
	animation-iteration-count:infinite;
	animation-duration:5000ms;
}
#news {
	/*width:545px;*/
	height:auto;
	width:600px;
	z-index:102;
	color:0b2357;
	font-family:Arial, Helvetica, sans-serif;
	text-align:left;
	/*!!!!!!!!!!!!!!!!!!!!!!*/
	background-color:lightgreen;
	width:100%;
	height:100%;
	max-height:600px;
	/*position:absolute;
	right:5%;
	top:25%;
	left:5%;
	bottom:5%;*/
	overflow-x:hidden;
	overflow-y:hidden;
}
#aktuelles_iframe {
	position:relative;
	width:100%;
	height:260px;
	max-height:100%;
	/*padding-right:10px;
	margin-right:10px;*/
	/*background-color:#93F;*/
	/*max-height:480px;
	margin-bottom:-50px;
	padding-top:55px;*/
	
	/*padding-top:55px;
	top:-55px;*/
	
	
	/*bottom:80px;*/
	
	/*padding-bottom:10px;*/
	margin-bottom:1px;
	/*top:-55px;*/
	top:-27px;
	/*opacity:0.3;*/
	
	overflow-x:hidden;
	overflow-y:scroll;
	margin-left:10px;
	margin-right:10px;
	width:630px;
	/*float:left;*/
	/*background-color:#0F0;*/
}

#aktuelles_h1 {
	/*margin-left:10px;
	margin-right:10px;
	padding-left:10px;
	padding-right:10px;*/
	/*background-color:#900;*/
	z-index:200;
	width:auto;
	margin-top:35px;
}
#aktuelles_header {
	position:absolute;
	background-color:#fff;
	z-index:201;
	height:29px;
	width:auto;
	top:0px;
	padding-bottom:60px;
	left:30px;
	right:38px;
	/*opacity:0.5;*/
}
/*#aktuelles_footer {
	position:absolute;
	background-color:#00F;
	width:auto;
	height:auto;
	bottom:5px;
	top:60px;
	left:5px;
	right:5px;
	opacity:0.5;
}


#mobil_footer {
	position:relative;
	top:0px;
	width:50px;
	height:30px;
	background-color:#FC0;
}*/


/*AKTUELLES END*/


/*ÖFFNUNGSZEITEN*/
#oeffnungszeiten {
	position: absolute;
	text-align:left;
	left:157px;
	top: 172px;
	top: -5172px;
	z-index:101;
	width: 680px;
	max-height:500px;
	height: auto;
	border:solid 3px #c2c8d5;
	background-color:#fff;
	opacity:1;
	-o-transformation:top;
	-o-transition: 500ms;
	-o-transition-timing-function: ease-in-out;
	-ms-transformation:top;
	-ms-transition: 500ms;
	-ms-transition-timing-function: ease-in-out;
	-moz-transformation:top;
	-moz-transition: 500ms;
	-moz-transition-timing-function: ease-in-out;
	-webkit-transformation:top;
	-webkit-transition: 500ms;
	-webkit-transition-timing-function: ease-in-out;
	transformation:top;
	transition: 500ms;
	transition-timing-function: ease-in-out;
}
#p_oeffnungszeiten {
	width:auto;
	height:auto;
	max-height:500px;
	margin:25px 30px 25px 30px;
}
#oeffnungszeiten_close {
	position:absolute;
	z-index:102;
	top:-18px;
	left:662px;
	width:36px;
	height:36px;
	background-image:url(../bilder/button_close_kreis_klein.png);
	background-position:center;
	border-radius:50%;
	animation-name:animation_close;
	animation-iteration-count:infinite;
	animation-duration:5000ms;
}
/*ÖFFNUNGSZEITEN END*/


/*PARKEN*/
#parken {
	position: absolute;
	text-align:left;
	left:157px;
	top: 172px;
	top: -5172px;
	z-index:101;
	width: 680px;
	max-height:500px;
	height: auto;
	border:solid 3px #c2c8d5;
	background-color:#fff;
	opacity:1;
	-o-transformation:top;
	-o-transition: 500ms;
	-o-transition-timing-function: ease-in-out;
	-ms-transformation:top;
	-ms-transition: 500ms;
	-ms-transition-timing-function: ease-in-out;
	-moz-transformation:top;
	-moz-transition: 500ms;
	-moz-transition-timing-function: ease-in-out;
	-webkit-transformation:top;
	-webkit-transition: 500ms;
	-webkit-transition-timing-function: ease-in-out;
	transformation:top;
	transition: 500ms;
	transition-timing-function: ease-in-out;
}
#p_parken {
	width:auto;
	height:auto;
	max-height:500px;
	margin:25px 30px 25px 30px;
}
#parken_close {
	position:absolute;
	z-index:102;
	top:-18px;
	left:662px;
	width:36px;
	height:36px;
	background-image:url(../bilder/button_close_kreis_klein.png);
	background-position:center;
	border-radius:50%;
	animation-name:animation_close;
	animation-iteration-count:infinite;
	animation-duration:5000ms;
}

ul {
	margin-left:1em;
	padding-left:0px;
}
/*PARKEN END*/


/*KONTAKT*/
#kontakt {
	position: absolute;
	text-align:left;
	left:157px;
	top: 172px;
	top: -5172px;
	z-index:101;
	width: 680px;
	max-height:500px;
	height: auto;
	border:solid 3px #c2c8d5;
	background-color:#fff;
	opacity:1;
	-o-transformation:top;
	-o-transition: 500ms;
	-o-transition-timing-function: ease-in-out;
	-ms-transformation:top;
	-ms-transition: 500ms;
	-ms-transition-timing-function: ease-in-out;
	-moz-transformation:top;
	-moz-transition: 500ms;
	-moz-transition-timing-function: ease-in-out;
	-webkit-transformation:top;
	-webkit-transition: 500ms;
	-webkit-transition-timing-function: ease-in-out;
	transformation:top;
	transition: 500ms;
	transition-timing-function: ease-in-out;
}
#p_kontakt {
	width:auto;
	height:auto;
	max-height:500px;
	margin:25px 30px 25px 30px;
}
#kontakt_close {
	position:absolute;
	z-index:102;
	top:-18px;
	left:662px;
	width:36px;
	height:36px;
	background-image:url(../bilder/button_close_kreis_klein.png);
	background-position:center;
	border-radius:50%;
	animation-name:animation_close;
	animation-iteration-count:infinite;
	animation-duration:5000ms;
}
#mitteilung {
	width:326px;
	max-width:326px;
	min-width:326px;
	height:64px;
	max-height:64px;
	min-height:64px;
	border:solid 2px #c2c8d5;
	font-family:Arial, Helvetica, sans-serif;
	margin:0px 0px 0px 0px;
	padding:0px;
	/*background-color:#0b2357;*/
	/*color:#fff;
	font-size:14px;*/
	/*font-weight:bold;*/
}
#submit {
	border:solid 2px #c2c8d5;
	margin:6px 0px 0px 0px;
	padding:0px;
	width:100%;
	width:620px;
	background-color:#c2c8d5;
	color:#FFF;
	font-weight:bold;
	padding-left:10px;
	height:28px;
}
#submit:hover {
	border:solid 2px #c2c8d5;
	padding:0px;
	width:100%;
	width:620px;
	background-color:#a1b2d6;
	color:#dee8ff;
	font-weight:bold;
	padding-left:10px;
	box-shadow: inset 2px 2px 4px #6f90d6;
}
#name {
	border:solid 2px #c2c8d5;
	width:100%;
	/*max-width:100%;*/
	width:326px;
	height:24px;
	margin:0px 0px 0px 0px;
	padding:0px;
}
#strasse {
	border:solid 2px #c2c8d5;
	width:326px;
	height:24px;
	margin:0px 0px 0px 0px;
	padding:0px;
}
#plz {
	border:solid 2px #c2c8d5;
	width:324px;
	/*max-width:100%*/;
	width:326px;
	height:24px;
	margin:0px 0px 0px 0px;
	padding:0px;
}
#telefon {
	border:solid 2px #c2c8d5;
	width:324px;
	/*max-width:100%;*/
	width:326px;
	height:24px;
	margin:0px 0px 0px 0px;
	padding:0px;
}
#email {
	border:solid 2px #c2c8d5;
	width:324px;
	/*max-width:100%;*/
	width:326px;
	height:24px;
	margin:0px 0px 0px 0px;
	padding:0px;
}
#karte2 {
	position:absolute;
	top:30px;
	left:350px;
	border:solid 2px #c2c8d5;
}
#form {
	width:620px;
	top:0px;
	/*float:right;*/
	position:relative;
	margin:0px;
	padding:0px;
	/*background-color:#0C3;
	border:solid 1px #F00;*/
}
.form {
	width:310px;
	top:0px;
	/*float:right;*/
	position:relative;
	margin:0px;
	/*background-color:#0f0;
	border:solid 1px #3FF;*/
}
#table_kontakt {
	width:620px;
	height:auto;
	top:0px;
	/*float:right;*/
	position:relative;
	margin:0px;
	border-spacing: 0px;
  border-collapse: collapse;
	padding:0px;
	border:none;
	/*background-color:#ff0;
	border:solid 1px #F00;*/
}
#table_form {
	width:620px;
	height:auto;
	top:0px;
	/*float:right;*/
	position:relative;
	margin:0px;
	padding:0px;
	border-spacing: 0px;
  border-collapse:collapse;
	border:none;
	/*background-color:#ff0;
	border:solid 1px #F00;*/
}
/*KONTAKT END*/


/*ANFAHRT*/
#anfahrt {
	position: absolute;
	text-align:left;
	left:157px;
	top: 172px;
	top: -5172px;
	z-index:101;
	width: 680px;
	max-height:500px;
	height: auto;
	border:solid 3px #c2c8d5;
	background-color:#fff;
	opacity:1;
	-o-transformation:top;
	-o-transition: 500ms;
	-o-transition-timing-function: ease-in-out;
	-ms-transformation:top;
	-ms-transition: 500ms;
	-ms-transition-timing-function: ease-in-out;
	-moz-transformation:top;
	-moz-transition: 500ms;
	-moz-transition-timing-function: ease-in-out;
	-webkit-transformation:top;
	-webkit-transition: 500ms;
	-webkit-transition-timing-function: ease-in-out;
	transformation:top;
	transition: 500ms;
	transition-timing-function: ease-in-out;
}
#p_anfahrt {
	width:auto;
	height:auto;
	max-height:500px;
	margin:25px 30px 25px 30px;
}
#anfahrt_close {
	position:absolute;
	z-index:102;
	top:-18px;
	left:662px;
	width:36px;
	height:36px;
	background-image:url(../bilder/button_close_kreis_klein.png);
	background-position:center;
	border-radius:50%;
	animation-name:animation_close;
	animation-iteration-count:infinite;
	animation-duration:5000ms;
}
#karte {
	position:relative;
	top:0px;
	left:0px;
	border:solid 2px #c2c8d5;
	width:616px;
	height:300px;
}
/*ANFAHRT END*/


/*WIR*/
#wir {
	position: absolute;
	text-align:left;
	left:157px;
	top: 172px;
	top: -5172px;
	z-index:101;
	width: 680px;
	max-height:500px;
	height: auto;
	border:solid 3px #c2c8d5;
	background-color:#fff;
	opacity:1;
	-o-transformation:top;
	-o-transition: 500ms;
	-o-transition-timing-function: ease-in-out;
	-ms-transformation:top;
	-ms-transition: 500ms;
	-ms-transition-timing-function: ease-in-out;
	-moz-transformation:top;
	-moz-transition: 500ms;
	-moz-transition-timing-function: ease-in-out;
	-webkit-transformation:top;
	-webkit-transition: 500ms;
	-webkit-transition-timing-function: ease-in-out;
	transformation:top;
	transition: 500ms;
	transition-timing-function: ease-in-out;
}
#p_wir {
	width:auto;
	height:auto;
	max-height:420px;
	margin:0px 20px 10px 20px;
	
/*--BEI ZU VIEL TEXT!
	overflow-x:hidden;
	overflow-y:scroll;
	/*overflow-y:hidden;*//*!!!!!!*/
	
	/*!!!!!!!!!!!!!*/
	/*background-color:yellow;
	width:100%;
	height:100%;
	max-height:100%;
	margin:0px 0px 0px 0px;*/
	
	
	/*position:absolute;
	left:5px;
	right:5px;
	top:5px;
	bottom:5px;*/
	/*margin-bottom:50px;*/
}

#p_wir_innen {
	/*width:auto;
	height:50px;
	margin:0 auto;
	margin-top:220px;*/
	/*margin-top:80px;*/
	/*vertical-align:middle;*/
	width:90%;
	height:90%;
	margin:25px 10px 30px 10px;
	margin:25px 0px 10px 0px;/*!!!!!!!*/
	width:auto;/*!!!!!!!*/
	height:auto;/*!!!!!!!*/
	
	/*!!!!!!!!!!!!!!!!!!!!!!*/
	/*margin:0px;
	padding:0px 10px 0px 10px;
	width:auto;
	height:100%;
	max-height:100%;*/
	
	/*margin:5px auto 5px auto;*/
	/*height:auto;*/
	/*position:absolute;*/
	
	/*background-color:red;*/
	/*overflow-y:scroll;*/
}
#wir_close {
	position:absolute;
	z-index:102;
	top:-18px;
	left:662px;
	width:36px;
	height:36px;
	background-image:url(../bilder/button_close_kreis_klein.png);
	background-position:center;
	border-radius:50%;
	animation-name:animation_close;
	animation-iteration-count:infinite;
	animation-duration:5000ms;
}
#news_wir {
	/*width:545px;*/
	height:auto;
	width:600px;
	z-index:102;
	color:0b2357;
	font-family:Arial, Helvetica, sans-serif;
	text-align:left;
	/*!!!!!!!!!!!!!!!!!!!!!!*/
	background-color:lightgreen;
	width:100%;
	height:100%;
	max-height:600px;
	/*position:absolute;
	right:5%;
	top:25%;
	left:5%;
	bottom:5%;*/
	overflow-x:hidden;
	overflow-y:hidden;
}
#wir_iframe {
	position:relative;
	width:100%;
	height:460px;
	height:auto;
	max-height:100%;
	/*padding-right:10px;
	margin-right:10px;*/
	/*background-color:#93F;*/
	/*max-height:480px;
	margin-bottom:-50px;
	padding-top:55px;*/
	
	/*padding-top:55px;
	top:-55px;*/
	
	
	/*bottom:80px;*/
	
	/*padding-bottom:10px;*/
	margin-bottom:1px;
	/*top:-55px;*/
	top:-77px;
	/*opacity:0.3;*/
	
	overflow-x:hidden;
	overflow-y:scroll;
	margin-left:10px;
	margin-right:10px;
	width:640px;
	/*float:left;*/
	/*background-color:#0Ff;*/
	/*padding-left:-10px;*/
	left:-10px;
}

/*#wir_iframe:hover {
	opacity:0.2;
}*/

#wir_h1 {
	/*margin-left:10px;
	margin-right:10px;
	padding-left:10px;
	padding-right:10px;*/
	/*background-color:#900;*/
	z-index:200;
	width:auto;
	margin-top:35px;
}
#wir_header {
	position:absolute;
	background-color:#fff;
	z-index:201;
	height:29px;
	width:auto;
	top:0px;
	padding-bottom:60px;
	left:30px;
	right:38px;
	/*opacity:0.5;*/
}
#wir_galerie {
	top:-15px;
	position:relative;
	margin:0px;
	width:340px;
	height:340px;
	margin:10px auto 0px auto;
}
#right {
	background-image:url(../bilder/button_right.png);
	border-radius:1;
	width:50px;
	height:50px;
	background-size:cover;
	position:relative;
	left:390px;
	top:95px;
}
#left {
	background-image:url(../bilder/button_left.png);
	border-radius:1;
	width:50px;
	height:50px;
	background-size:cover;
	position:relative;
	right:100px;
	top:145px;
}

/*WIR END*/


/*IMPRESSUM*/
#impressum {
	text-align:left;
	/*margin:0px auto;*/
	z-index:101;
	width: 680px;
	max-height:500px;
	/*min-height: 280px;*/
	/*max-height: 680px;*/
	height: auto;
	border:solid 3px #c2c8d5;
	background-color:#FFF;
	/*overflow-x:hidden;
	overflow-y:scroll;
*/	
	position: absolute;
	/*text-align: center;*/
	/*margin:0px 0 0px 15%;*/
	left:157px;
	/*padding:10px;*/
	top: 172px;
	top:-5172px;
	z-index:101;
	/*width: 680px;
	height: 680px;*/
	
	/*background-image:url(../bilder/bg_home.png);
	background-position:center;*/
	/*border-radius:50%;*/
	opacity:1;
	
	-o-transformation:top;
	-o-transition: 500ms;
	-o-transition-timing-function: ease-in-out;
	-ms-transformation:top;
	-ms-transition: 500ms;
	-ms-transition-timing-function: ease-in-out;
	-moz-transformation:top;
	-moz-transition: 500ms;
	-moz-transition-timing-function: ease-in-out;
	-webkit-transformation:top;
	-webkit-transition: 500ms;
	-webkit-transition-timing-function: ease-in-out;
	transformation:top;
	transition: 500ms;
	transition-timing-function: ease-in-out;
}

#p_impressum {
	width:auto;
	height:auto;
	max-height:480px;
	margin:10px 20px 10px 20px;
	
/*--BEI ZU VIEL TEXT!--*/
	overflow-x:hidden;
	overflow-y:scroll;
}

#p_impressum_innen {
	/*width:auto;
	height:50px;
	margin:0 auto;
	margin-top:220px;*/
	
	width:auto;
	height:auto;
	margin:25px 10px 30px 10px;
	/*margin-top:80px;*/
	/*vertical-align:middle;*/
	
}
#impressum_close {
	position:absolute;
	z-index:102;
	top:-18px;
	left:662px;
	width:36px;
	height:36px;
	background-image:url(../bilder/button_close_kreis_klein.png);
	background-position:center;
	border-radius:50%;
	animation-name:animation_close;
	animation-iteration-count:infinite;
	animation-duration:5000ms;
}
/*IMPRESSUM END*/


#blende {
	top:-9000px;
	left:0px;
	position:fixed;
	z-index:61;
	width:100%;
	height:100%;
	background:#fff;
	opacity:0.4;
}

/*KONTAKT*/



/*NAVI*/


/*IMAGES*/



/*#form_pos {
	position: absolute;
	left:552px;
	top:132px;
	z-index:8;
	width: 378px;
	font-family: Arial;
	font-size: 12px;
	
}
#form_pos th {
	display:none;
}
.form_styl input {
	width: 269px;
	margin-bottom: 3px;
	margin-bottom : 1px;
	margin-bottom: 1px;
	font-family: Arial;
	font-size: 12px;
	z-index:4;
	
}
label {
	width: 70px;
	margin-bottom:3px;
	margin-bottom :1px;
	margin-bottom:1px;
	font-family: Arial;
	font-size:12px;
	z-index:4;
	text-align:left;
}
.form_styl textarea {
	width:400px;
	height:95px;
	margin-bottom:8px;
	font-family:Arial;
	font-size:12px;
	z-index:4;
}
#form_buttons_pos {
	position:relative;
	z-index:4;
	font-family:Arial;
	font-size:12px;
}
#form_but {
	right: 136px;
	position: absolute;
	top: 0px;
	z-index:4;
}
#form_but input {
	border: 0px;
	width: 61px;
	height: 21px;
	font-size: 11px;
	z-index:4;
}
#form_info {
	left:0px;
	top:0px;
    color:#e2001a;
}
table {
	border:none;
}
caption {
	display:none;
}
*/
#handy {
	margin:0px;
	padding:0px;
	top:0px;
	left:0px;
	position:fixed;
	width:100%;
	height:100%;
	/*background-color:#0F0;*/
	z-index:55;
	background-image:url(../bilder/bg_mobil.jpg);
	background-position:top;
	background-size:cover;
	overflow-x:hidden;
	overflow-y:hidden;
	/*opacity:0.4;*/
}

#body_mobil {
	margin:auto;
	padding:0px;
	top:6px;
	left:6px;
	bottom:6px;
	right:6px;
	position:fixed;
	width:auto;
	height:auto;
	/*background-color:#09f;*/
	z-index:56;
	/*opacity:0.5;*/
	overflow-x:hidden;
	overflow-y:hidden;
}

#header_mobil {
	margin:0px;
	padding:0px;
	position:relative;
	top:0px;
	width:100%;
	height:26%;
	min-height:75px;
	/*background-color:deepskyblue;*/
	z-index:60;
	opacity:0.0;
}

#bubble_home_mobil {
	position:relative;
	z-index:60;
	/*float:left;*/
	margin:0px 8% 3% 8%;
	/*top:26%;*/
	top:1%;
	width:116px;
	height:116px;
	width:auto;
	height:20%;	
	/*background-image:url(../bilder/animation_home.png);*/
	background-position:center;
	border-radius:50%;
}

#bubble_aktuelles_mobil {
	position:relative;
	z-index:60;
	/*float:right;*/
	margin:0px 8% 0px 8%;
	/*top:26%;*/
	top:1%;
	width:auto;
	height:20%;	
	margin:auto;
	/*background-image:url(../bilder/animation_home.png);*/
	background-position:center;
	border-radius:50%;
}

#bubble_leistungen_mobil {
	position:relative;
	z-index:60;
	/*float:right;*/
	margin:0px 8% 3% 8%;
	/*top:26%;*/
	top:1%;
	width:auto;
	height:20%;	
	/*background-image:url(../bilder/animation_home.png);*/
	background-position:center;
	border-radius:50%;
}

#bubble_philosophie_mobil {
	position:relative;
	z-index:60;
	/*float:left;*/
	margin:0px 0px 0px 0px;
	top:26%;
	top:0px;
	width:auto;
	height:20%;	
	/*background-image:url(../bilder/animation_home.png);*/
	background-position:center;
	border-radius:50%;
}

#bubble_parken_mobil {
	position:relative;
	z-index:60;
	/*float:left;*/
	margin:0px 10% 0px 13%;
	top:26%;
	top:22%;
	width:auto;
	height:10%;	
	/*background-image:url(../bilder/animation_home.png);*/
	background-position:center;
	border-radius:50%;
}

#bubble_oeffnungszeiten_mobil {
	position:relative;
	z-index:60;
	/*float:right;*/
	margin:0px 13% 0px 10%;
	top:26%;
	top:22%;
	width:auto;
	height:10%;	
	/*background-image:url(../bilder/animation_home.png);*/
	background-position:center;
	border-radius:50%;
}

#bubble_anfahrt_mobil {
	position:relative;
	z-index:60;
	/*float:right;*/
	margin:0px 27% 0px 8%;
	top:26%;
	top:18%;
	width:auto;
	height:10%;	
	/*background-image:url(../bilder/animation_home.png);*/
	background-position:center;
	border-radius:50%;
}

#bubble_wir_mobil {
	position:relative;
	z-index:60;
	/*float:right;*/
	margin:0px 27% 0px 8%;
	top:26%;
	top:18%;
	width:auto;
	height:10%;	
	/*background-image:url(../bilder/animation_home.png);*/
	background-position:center;
	border-radius:50%;
}

#bubble_kontakt_mobil {
	position:relative;
	z-index:60;
	/*float:right;*/
	margin:0px 8% 0px 27%;
	top:26%;
	top:18%;
	width:auto;
	height:10%;	
	/*background-image:url(../bilder/animation_home.png);*/
	background-position:center;
	border-radius:50%;
}

#bubble_impressum_mobil {
	position:relative;
	z-index:60;
	/*float:right;*/
	margin:0px 27% 0px 8%;
	top:26%;
	top:18%;
	width:auto;
	height:10%;	
	/*background-image:url(../bilder/animation_home.png);*/
	background-position:center;
	border-radius:50%;
}