/* Anja Homepage */
* {margin:0;padding:0;}
html, body {color:#232222; background-color: black; font-size:17px; font-family: Latha, Helvetica;width: 100%;height: 100%;}

#centerdiv {position:relative; height:641px; width:980px;margin-left:auto;margin-right:auto;top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
background-color: #f5f5f5; border: 14px solid #404040;}

.mainimg {border: 1px solid #f96730;margin-top:-1px;margin-left:-1px;}

#sidebarbg {z-index:2; width:216px; height:641px; border-width:3px; border-color:blue; background-color:#404040; position:relative; opacity:0.71; filter:alpha(opacity=71); margin-top:-642px; margin-left:0px;}

#sidebar {z-index:3; width:216px; height:641px; position:absolute; margin-top:-640px; margin-left:0px;}

ul#on {list-style-type:none; padding:0; margin:0; margin:0 auto; }
ul#on li {}
ul#on li p {padding:0; margin:0; margin:0 auto;line-height:130px;}
ul#on a {display:block; width:216px; height:127px; text-decoration:none; border:thin solid #232222; border-bottom-width:1px; border-top-width:0px; border-left-width:0px; border-right-width:0px; color:#232222; font-size:35px; font-weight:bold;}
ul#on a:hover {color:#9e340a;
  -webkit-transition: color 0.4s linear;
	-moz-transition: color 0.4s linear;
	-o-transition: color 0.4s linear;
	transition: color 0.4s linear;}

#sidebar #aktuell a {color:#e54b12; background-color:#404040; opacity:0.54;} 

.button1 {text-indent:101px;}
.button2 {text-indent:20px;}
.button3 {text-indent:61px;}
.button4 {text-indent:40px;}
.button5 {text-indent:51px;}

#spruch {position:relative; margin-left:350px; margin-top:-550px;}

.spruch1 {font-size:50px;color:white;}
.spruch2 {font-size:50px;color:white;}
.spruch3 {font-size:25px;color:white;margin-top:-20px;}

#contentbg {width:731px; height:622px; position:absolute; margin-top:-632px; margin-left:237px; background-color:#ffffff; position:relative; opacity:0.51; filter:alpha(opacity=51); border: 1px solid #ffffff;}

#content {width:693px; height:584px; position:absolute; margin-top:-602px; margin-left:260px;overflow-y:auto;}
#content a {text-decoration:none; color:#232222;}
#content a:hover {color:#9e340a;}
#content h2 {padding-bottom: 10px;}
#content p {}

.content-header{padding-bottom: 10px;border-bottom: 1px solid rgba(0,0,0,0.5);margin-bottom:10px;}

.mobilescroll {overflow-y:scroll;}

.gmap-wrapper {width: 486px;height: 252px;border: 6px solid rgba(255, 255, 255, 0.5);margin: 0 auto;}

.gmap {border: none;width: 486px;height: 252px;}

.anja {font-size:25px;padding-right:10px;line-height:30px;}

.adresse {width:486px; height:252px;margin-left:80px;}
.adresse a {display:block; width:486px; height:252px; outline:0;background:url(bilder/adresse.jpg);}
.adresse a img {display:none;}
.adresse a:hover {background:url(bilder/adresserueth.jpg);}
.kontaktdaten {padding-left:215px;font-size:25px;line-height:30px;padding-top: 20px}

#vline {width:1px; height:624px; position:absolute; margin-top:-624px; margin-left:603px; background-color:grey;}
#hline {position:relative;background-color:#232222;height:1px;width:100%;}
#hline2 {width:733px; height:1px; position:absolute; margin-top:-313px; margin-left:237px; background-color:grey;}
#hline3 {position:relative;background-color:#232222;height:1px;width:100%;margin-top:18px;}
.hline {margin-top:3px;}
.headline {position:absolute;margin-top:3px;font-size:27px;font-weight:bold;}

.einzelberatung {width:366px; height:624px; position:absolute; margin-top:-624px; margin-left:237px;font-size:25px;line-height:30px;}
.einzelberatung a {display:block; width:366px; height:624px; outline:0;background:url(bilder/einzelberatung.png);}
.einzelberatung a img {display:none;}
.einzelberatung a:hover {background:url(bilder/coaching.png);
}
.einzelberatungtext {font-size:25px;line-height:30px;margin-right:10px;}

.firmenberatung {width:366px; height:624px; position:absolute; margin-top:-624px; margin-left:604px;font-size:25px;line-height:30px;}
.firmenberatung a {display:block; width:366px; height:624px; outline:0;background:url(bilder/firmenberatung.png);}
.firmenberatung a img {display:none;}
.firmenberatung a:hover {background:url(bilder/gruppenberatung.png);}
.firmenberatungtext {font-size:25px;line-height:30px;margin-right:10px;}

.impressum {width:169px; height:222px; position:absolute; margin-top:-195px; margin-left:490px;}
.impressum a {display:block; width:169px; height:222px; outline:0;background:url(bilder/impressumklein.png);}
.impressum a img {display:none;}
.impressum a:hover {background:url(bilder/impressumkleinfarbig.png);}
.impressumtext {margin-right:10px;font-size:25px;line-height: 30px}

.links, links a {float:left;}
.rechts, rechts a {float:right;}

.bg {padding-left:30px;font-size:25px;line-height:30px;width:630px;background: rgba(159, 52, 12, 0.3);padding-top:10px;padding-bottom:10px;}
.bg2 {padding-left:30px;font-size:25px;line-height:30px;width:630px;background: rgba(159, 52, 12, 0.3);list-style-type:disc;padding-top:10px;padding-bottom:10px;}
.bg3 {padding-left:30px;font-size:25px;line-height:30px;width:630px;list-style-type:disc;padding-top:10px;padding-bottom:10px;}

#trauma {position:absolute;width:365px;height:310px;margin-top:-624px;margin-left:237px;border: 0px solid #f96730;font-size:27px;font-weight:bold;text-indent:130px;line-height:300px;background-color:rgba(35, 34, 34, 0.33); }
#gestalt {position:absolute;width:365px;height:311px;margin-top:-313px;margin-left:237px;border: 0px solid #f96730;}
#systemik {position:absolute;position:absolute;width:365px;height:310px;margin-top:-624px;margin-left:603px;border: 0px solid #f96730;}
#pesso {position:absolute;width:365px;height:311px;margin-top:-313px;margin-left:603px;border: 0px solid #f96730;}

.highlight {font-size: 25px;font-weight: 500;}

ul#linkeseite {list-style-type:none; padding:0; margin:0; margin:0 auto; border: 0px solid #f96730; width:366px;position:absolute;margin-top:-624px;margin-left:237px;}
ul#linkeseite li {}
ul#linkeseite li p {padding:0; margin:0; margin:0 auto;line-height:320px;}
ul#linkeseite a {display:block; width:366px;height:312px; text-decoration:none; color:#232222; font-size:30px; font-weight:bold;border: 0px solid #f96730;background-color:rgba(35, 34, 34, 0.33);}
ul#linkeseite a:hover {color:#9e340a;background-color:rgba(255,255,255,0.01);  
  -webkit-transition: background 0.5s linear;
	-moz-transition: background 0.5s linear;
	-o-transition: background 0.5s linear;
	transition: background 0.5s linear;}
ul#linkeseite a:active, a:focus {outline: none}

ul#rechteseite {list-style-type:none; padding:0; margin:0; margin:0 auto; border: 0px solid #f96730; width:367px;position:absolute;margin-top:-624px;margin-left:603px;}
ul#rechteseite li {}
ul#rechteseite li p {padding:0; margin:0; margin:0 auto;line-height:320px;}
ul#rechteseite a {display:block; width:367px;height:312px; text-decoration:none; color:#232222; font-size:30px; font-weight:bold;border: 0px solid #f96730;background-color:rgba(35, 34, 34, 0.33);}
ul#rechteseite a:hover {color:#9e340a;background-color:rgba(255,255,255,0.01);
  -webkit-transition: background 0.5s linear;
	-moz-transition: background 0.5s linear;
	-o-transition: background 0.5s linear;
	transition: background 0.5s linear;}
ul#rechteseite a:active, a:focus {outline: none}

.angebot1 {text-indent:136px;}
.angebot2 {text-indent:137px;}
.angebot3 {text-indent:125px;}
.angebot4 {text-indent:145px;}

.zitat {padding-left:20px;
padding-right:20px;padding-top:10px;padding-bottom:10px;font-size:27px;width:628px;background: rgba(159, 52, 12, 0.3);font-size:25px;line-height:30px;}
.quelle {font-size:17px;}

.back, back a {position:absolute;}
.pos2 {position:absolute;margin-left:400px;}
.pos3 {position:absolute;margin-left:500px;}
.pos4 {margin-left:600px;}

.sp-container {
position:absolute; 
	top: 80px;
	left: 300px;
	z-index: 100;
  border:0px solid red;
}

.sp-container h2 {
  position:relative; 
	line-height: 100px;
	height: 90px;
	font-size: 50px;
	width: 100%;
	text-align: center;
	color: white;
	-webkit-animation: blurFadeInOut 3s ease-in backwards;
	-moz-animation: blurFadeInOut 3s ease-in backwards;
	-ms-animation: blurFadeInOut 3s ease-in backwards;
	animation: blurFadeInOut 3s ease-in backwards;
}

@-webkit-keyframes blurFadeInOut{
	0%{
		opacity: 0;
		text-shadow: 0px 0px 40px #fff;
		-webkit-transform: scale(1.3);
	}
	20%,75%{
		opacity: 1;
		text-shadow: 0px 0px 1px #fff;
		-webkit-transform: scale(1);
	}
	100%{
		opacity: 0;
		text-shadow: 0px 0px 50px #fff;
		-webkit-transform: scale(0);
	}
}
@-webkit-keyframes blurFadeIn{
	0%{
		opacity: 0;
		text-shadow: 0px 0px 40px #fff;
		-webkit-transform: scale(1.3);
	}
	50%{
		opacity: 0.5;
		text-shadow: 0px 0px 10px #fff;
		-webkit-transform: scale(1.1);
	}
	100%{
		opacity: 1;
		text-shadow: 0px 0px 1px #fff;
		-webkit-transform: scale(1);
	}
}
@-webkit-keyframes fadeInBack{
	0%{
		opacity: 0;
		-webkit-transform: scale(0);
	}
	50%{
		opacity: 0.4;
		-webkit-transform: scale(2);
	}
	100%{
		opacity: 0.2;
		-webkit-transform: scale(5);
	}
}
@-webkit-keyframes fadeInRotate{
	0%{
		opacity: 0;
		-webkit-transform: scale(0) rotate(360deg);
	}
	100%{
		opacity: 1;
		-webkit-transform: scale(1) rotate(0deg);
	}
}
/**/
@-moz-keyframes blurFadeInOut{
	0%{
		opacity: 0;
		text-shadow: 0px 0px 40px #fff;
		-moz-transform: scale(1.3);
	}
	20%,75%{
		opacity: 1;
		text-shadow: 0px 0px 1px #fff;
		-moz-transform: scale(1);
	}
	100%{
		opacity: 0;
		text-shadow: 0px 0px 50px #fff;
		-moz-transform: scale(0);
	}
}
@-moz-keyframes blurFadeIn{
	0%{
		opacity: 0;
		text-shadow: 0px 0px 40px #fff;
		-moz-transform: scale(1.3);
	}
	100%{
		opacity: 1;
		text-shadow: 0px 0px 1px #fff;
		-moz-transform: scale(1);
	}
}
@-moz-keyframes fadeInBack{
	0%{
		opacity: 0;
		-moz-transform: scale(0);
	}
	50%{
		opacity: 0.4;
		-moz-transform: scale(2);
	}
	100%{
		opacity: 0.2;
		-moz-transform: scale(5);
	}
}
@-moz-keyframes fadeInRotate{
	0%{
		opacity: 0;
		-moz-transform: scale(0) rotate(360deg);
	}
	100%{
		opacity: 1;
		-moz-transform: scale(1) rotate(0deg);
	}
}
/**/
@keyframes blurFadeInOut{
	0%{
		opacity: 0;
		text-shadow: 0px 0px 40px #fff;
		transform: scale(1.3);
	}
	20%,75%{
		opacity: 1;
		text-shadow: 0px 0px 1px #fff;
		transform: scale(1);
	}
	100%{
		opacity: 0;
		text-shadow: 0px 0px 50px #fff;
		transform: scale(0);
	}
}
@keyframes blurFadeIn{
	0%{
		opacity: 0;
		text-shadow: 0px 0px 40px #fff;
		transform: scale(1.3);
	}
	50%{
		opacity: 0.5;
		text-shadow: 0px 0px 10px #fff;
		transform: scale(1.1);
	}
	100%{
		opacity: 1;
		text-shadow: 0px 0px 1px #fff;
		transform: scale(1);
	}
}
@keyframes fadeInBack{
	0%{
		opacity: 0;
		transform: scale(0);
	}
	50%{
		opacity: 0.4;
		transform: scale(2);
	}
	100%{
		opacity: 0.2;
		transform: scale(5);
	}
}
@keyframes fadeInRotate{
	0%{
		opacity: 0;
		transform: scale(0) rotate(360deg);
	}
	100%{
		opacity: 1;
		transform: scale(1) rotate(0deg);
	}
}

.sp-container h2.frame-5 {
	-webkit-animation: none;
	-moz-animation: none;
	-ms-animation: none;
	animation: none;
	color: white;
	text-shadow: 0px 0px 1px #fff;
}
.sp-container h2.frame-5 span {
	-webkit-animation: blurFadeIn 3s ease-in 12s backwards;
	-moz-animation: blurFadeIn 1s ease-in 12s backwards;
	-ms-animation: blurFadeIn 3s ease-in 12s backwards;
	animation: blurFadeIn 3s ease-in 12s backwards;
	color: white;
	text-shadow: 0px 0px 1px #fff;
}
.sp-container h2.frame-5 span:nth-child(1) {
	-webkit-animation-delay: 0s;
	-moz-animation-delay: 0s;
	-ms-animation-delay: 0s;
	animation-delay: 0s;
}
.sp-container h2.frame-5 span:nth-child(2) {
	-webkit-animation-delay: 1s;
	-moz-animation-delay: 1s;
	-ms-animation-delay: 1s;
	animation-delay: 1s;
  color:#fec45f;
}
.sp-container h2.frame-5 span:nth-child(3) {
	-webkit-animation-delay: 2s;
	-moz-animation-delay: 2s;
	-ms-animation-delay: 2s;
	animation-delay: 2s;
}

.sp-container h2.frame-5 span:nth-child(4) {
	-webkit-animation-delay: 3s;
	-moz-animation-delay: 3s;
	-ms-animation-delay: 3s;
	animation-delay: 3s;
}

.sp-container h2.frame-6 {
	-webkit-animation: none;
	-moz-animation: none;
	-ms-animation: none;
	animation: none;
	color: white;
  font-size:30px;
  top:-25px;
  left:-100px;
	text-shadow: 0px 0px 1px #fff;
}
.sp-container h2.frame-6 span {
	-webkit-animation: blurFadeIn 3s ease-in 12s backwards;
	-moz-animation: blurFadeIn 1s ease-in 12s backwards;
	-ms-animation: blurFadeIn 3s ease-in 12s backwards;
	animation: blurFadeIn 3s ease-in 12s backwards;
	color: white;
	text-shadow: 0px 0px 1px #fff;
}
.sp-container h2.frame-6 span:nth-child(1) {
	-webkit-animation-delay: 3.5s;
	-moz-animation-delay: 3.5s;
	-ms-animation-delay: 3.5s;
	animation-delay: 3.5s;
}