/* zentrale Formatierung , 17.02.2011*/
@font-face {
  font-family: 'Reenie Beanie';
  font-style: normal;
  font-weight: 200;
  src: local('Reenie Beanie'), local('ReenieBeanie'), url(reenie.woff) format('woff');
}

html 		{ height: 100%; margin:0px; padding:0px; text-decoration:none;
					font-family:arial; font-weight:normal; font-size:15px;}			
body	  { background-color:#E0F0FF;	margin:0px; padding:0px; 
		  		-webkit-display: flex; text-align:center; height:100%;
		  		display:flex; 
					-webkit-flex-direction:column; 	  		
		  		flex-direction:column; 
		  		-webkit-justify-content:space-around; 
		  		justify-content:space-around; 
					-webkit-align-items:center; 
					align-items:center; 
		  	}	
.basis	{ background-color:#E8F0E8; height:100%; margin:0px; text-align:center;
		  		-webkit-display: flex;
		  		display:flex; 
					-webkit-flex-direction:row; 	  		
		  		flex-direction:row; 
		  		-webkit-justify-content:center; 
					justify-content:center; 
					-webkit-align-items:stretch; 
					align-items:stretch; 
				}
.basis2	{ background-color:#E0F0FF; height:100%; margin:0px 50px; text-align:center;
		  		-webkit-display: flex;
		  		display:flex; 
					-webkit-flex-direction:row; 	  		
		  		flex-direction:row; 
		  		-webkit-justify-content:left; 
					justify-content:left; 
					-webkit-align-items:stretch; 
					align-items:stretch; 
				}
#rahmen	{	background-color:#E0F0FF; width:1000px; height:100%; min-height:820px;
					border-left:1px solid #ffffff;  border-right:1px solid #ffffff; 
		  		-webkit-display: flex;
		  		display:flex; 
					-webkit-flex-direction:column; 	  		
		  		flex-direction:column; 
		  		-webkit-justify-content:center; 
		  		justify-content:center; 
					-webkit-align-content:center; 
					align-content:center; 
				}
header	{ padding:15px 0px 15px 0px; min-height:150px;
		  		-webkit-display: flex;
		  		display:flex; 
					-webkit-flex-direction:row; 	  		
		  		flex-direction:row; 
		  		-webkit-justify-content:space-between; 
		  		justify-content:space-between; 
				}
iframe	{ border:0px; min-height:550px; width:100%;
					-webkit-flex:3;
					flex:3;
				}
footer	{ font-size:12px; padding:5px;	background-color:#A0C0E0; }

.kante	{ border:1px solid #000000; }
.luecke	{ min-width:50px; border:1px solid #000000; }
.links	{ text-align:left; }

.zeile	{ width:100%; margin:0px; padding:0px;
		  		-webkit-display: flex;
		  		display:flex; 
					-webkit-flex-direction:row; 	  		
		  		flex-direction:row; 
		  		-webkit-justify-content:space-around; 
		  		justify-content:space-around; 
				}	
.spalte	{ height:80%;
		  		-webkit-display: flex;
		  		display:flex; 
					-webkit-flex-direction:column; 	  		
		  		flex-direction:column; 
		  		-webkit-justify-content:space-around; 
		  		justify-content:space-around; 
				}	

.exit		{ background-color:#e0b0b0; width:120px; height:20px; border:1px solid #000000; font-size:15px; text-align:center; text-decoration:none;
					position:absolute; bottom:20px; right:30px; }
.bem		{ width:520px; height:15px; font-size:20px; color:blue; text-align:left; text-decoration:none;
					position:absolute; bottom:20px; left:30px; }
					

h1			{ font-size:22px; }
h2			{ font-size:15px; }

p				{ font-size:12px; margin:10px auto 0px auto; text-align:center;}

.g40		{ font-size:40px; }
.g25		{ font-size:25px; }
.g20		{ font-size:20px; }
.g18		{ font-size:18px; }
.g15		{ font-size:15px; }
.g12		{ font-size:12px; }
.g10		{ font-size:10px; }
.rot		{ color:#ff0000; }
.blau		{ color:#0000ff; font-size:12px; }
.fett		{ font-weight:bold; }
.br200	{ width:50px; }
.br300	{ width:300px; }

.logo		{ width;80px; height:150; margin-right:80px; }
.titel	{ min-Width:400px;}
.xxxplakat	{ position:relative; width:230px; background-image: linear-gradient(#ff6900, #ffc700);
					border:px solid #000000; padding: 5px 5px;
					-webkit-transform: translate(25px,25px) rotate(3deg);
					-ms-transform: translate(25px,25px) rotate(3deg); 
					transform: translate(25px,25px) rotate(3deg); }

.plakat	{ position:relative; width:560px; top:-50px;
					border:px solid #000000; padding: 5px 5px;
					-webkit-transform: translate(25px,25px) rotate(3deg);
					-ms-transform: translate(25px,25px) rotate(3deg); 
					transform: translate(25px,25px) rotate(3deg); }

.notebtn	{ position:absolute; top:5px; right:80px; background-image: linear-gradient(#c0e0ff, #b0c0e0);
					border:2px solid #000000;
					-webkit-transform: translate(25px,25px) rotate(3deg);
					-ms-transform: translate(25px,25px) rotate(3deg); 
					transform: translate(25px,25px) rotate(3deg);
 				}
.btntext	{ color:#000000; padding:10px;} 				
.notiz	{ position:absolute; top:10px; right:20px; font-size:20px; background-image: linear-gradient(#c0e0ff, #b0c0e0);
					border:2px solid #000000;
					-webkit-display:none;		   	
					display:none;
				}
.mitrand { color:#000000; padding:5px 100px;}
.notiz:target	{ 
					  		-webkit-display: flex;
					  		display:flex; 
					  	}
.notizaus	{
						color:#000000;
						-webkit-display:none;		   	
						display:none;
					}

a				{ text-decoration:none; padding:0px; }

.knopf	{ position:relative; margin: 20px 0px 20px 0px; padding-bottom:20px; width:280px; height:280px; border:3px #e0e0e0 solid; float:left; 
					box-shadow:2px 2px 20px rgba(0,0,0,0.9); display:flex; flex-direction:column; justify-content:space-between;
					text-align:center; font-size:30px; color:#5080ff; text-shadow:2; }
.knopf:hover 	{ 
								-webkit-transform: scale(1.01); 
								-ms-transform: scale(1.01); 
								transform: scale(1.01); 
							}
.knopf:active	{ 
								-webkit-transform: scale(0.99); 
								-ms-transform: scale(0.99); 
								transform: scale(0.99); 
							}

.kurse	{ border:1px solid #000000; font-size:15px; background-color:#a0c0e0; text-align:center; text-decoration:none; }

.datum	{ position:absolute; top:10%; left:10%; font-size:15px; padding:0px; background-color:#f8f8e0; 
					border:1px solid #000000; text-align:left; width:800px;
					-webkit-display:none;		   	
					display:none;		   	
				}
.datum:target	{ 
					  		-webkit-display: flex;
					  		display:flex; 
					  	}
.titel		{ margin:20px 0px 20px 30px; text-align:center; }
.titel2		{ margin:20px 0px 20px 30px; text-align:center; width:30%; }

table		{ font-size:12px; }
td			{ padding:0px 10px 0px 10px; width:auto; vertical-align:top;}

.praxis1	{ padding: 20px 30px 20px 30px; }
.praxis1 figure { background: #ffffff;	box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.9); height: 80px; margin: 5px 20px;	
									overflow: visble; }
.praxis1 figure img	{ width:60px; height:80px; }
.praxis1q figure img	{ width:80px; height:60px; }
.praxis1 figure:nth-of-type(1):hover { box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.95); padding: 3px 3px 3px 3px; z-index: 2;
									-webkit-transform: scale(6) translate(50%,30px) rotate(-2.5deg);
									-ms-transform: scale(6) translate(50%,30px) rotate(-2.5deg); 
									transform: scale(6) translate(50%,30px) rotate(-2.5deg);}
.praxis1 figure:nth-of-type(2):hover { box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.95); padding: 3px 3px 3px 3px; z-index: 2;
									-webkit-transform: scale(6) translate(50%,16%) rotate(-2.5deg);
									-ms-transform: scale(6) translate(50%,16%) rotate(-2.5deg); 
									transform: scale(6) translate(50%,16%) rotate(-2.5deg);}
.praxis1 figure:nth-of-type(3):hover { box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.95); padding: 3px 3px 3px 3px; z-index: 2;
									-webkit-transform: scale(6) translate(50%,0%) rotate(-2.5deg);
									-ms-transform: scale(6) translate(50%,0%) rotate(-2.5deg); 
									transform: scale(6) translate(50%,0%) rotate(-2.5deg);}
.praxis1 figure:nth-of-type(4):hover { box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.95); padding: 3px 3px 3px 3px; z-index: 2;
									-webkit-transform: scale(6) translate(50%,-20%) rotate(-2.5deg);
									-ms-transform: scale(6) translate(50%,-20%) rotate(-2.5deg); 
									transform: scale(6) translate(50%,-20%) rotate(-2.5deg);}
.praxis1 figure:nth-of-type(5):hover { box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.95); padding: 3px 3px 3px 3px; z-index: 2;
									-webkit-transform: scale(6) translate(50%,-40%) rotate(-2.5deg);
									-ms-transform: scale(6) translate(50%,-40%) rotate(-2.5deg); 
									transform: scale(6) translate(50%,-40%) rotate(-2.5deg);}
.praxis1 figure:hover { box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.95); padding: 3px 3px 3px 3px; z-index: 2;
									-webkit-transform: scale(6) translate(30px,30px) rotate(-2.5deg);
									-ms-transform: scale(6) translate(30px,-25%) rotate(-2.5deg); 
									transform: scale(2) rotate(-2.5deg);}
.praxis1 figcaption { color: #333; font-family: "Reenie Beanie", cursive; font-size:10px; position: relative; text-align: center; }

.praxis2				{ padding: 20px 30px 20px 30px; }
.praxis2 figure { background: #ffffff;	box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.9);	display: inline-block; height: 80px; margin: 5px 20px;
									overflow: hidden; float:none; }
.praxis2 figure img	{ width:120px; height:80px; }
.praxis2 figure:nth-of-type(1):hover { box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.95); padding: 3px 3px 24px 3px; z-index: 2;
									-webkit-transform: scale(3) translate(-30px,30px) rotate(-2.5deg);
									-ms-transform: scale(3) translate(-30px,30px) rotate(-2.5deg); 
									transform: scale(3) translate(-30px,30px) rotate(-2.5deg);}
.praxis2 figure:nth-of-type(2):hover { box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.95); padding: 3px 3px 24px 3px; z-index: 2;
									-webkit-transform: scale(3) translate(-30px,16%) rotate(-2.5deg);
									-ms-transform: scale(3) translate(-30px,16%) rotate(-2.5deg); 
									transform: scale(3) translate(-30px,16%) rotate(-2.5deg);}
.praxis2 figure:nth-of-type(3):hover { box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.95); padding: 3px 3px 24px 3px; z-index: 2;
									-webkit-transform: scale(3) translate(-30px,0%) rotate(-2.5deg);
									-ms-transform: scale(3) translate(-30px,0%) rotate(-2.5deg); 
									transform: scale(3) translate(-30px,0%) rotate(-2.5deg);}
.praxis2 figure:nth-of-type(4):hover { box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.95); padding: 3px 3px 24px 3px; z-index: 2;
									-webkit-transform: scale(5) translate(-30px,-20%) rotate(-2.5deg);
									-ms-transform: scale(5) translate(-30px,-20%) rotate(-2.5deg); 
									transform: scale(5) translate(-30px,-20%) rotate(-2.5deg);}
.praxis2 figure:nth-of-type(5):hover { box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.95); padding: 3px 3px 24px 3px; z-index: 2;
									-webkit-transform: scale(5) translate(-30px,-40%) rotate(-2.5deg);
									-ms-transform: scale(5) translate(-30px,-40%) rotate(-2.5deg); 
									transform: scale(5) translate(-30px,-40%) rotate(-2.5deg);}
.praxis2 figcaption { color: #333; font-family: "Reenie Beanie", cursive; font-size:10px; position: relative; text-align: center; }

.plan					{ width:300px; padding: 20px 30px 20px 30px; }
.plan figure 	{ width:100px; height:111px; background: #ffffff;	box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.9);	overflow: hidden; margin: 0px 30%; }
.plan figure img	{ width:100px; height:111px; margin:0px; }
.plan figure:nth-child(1):hover { box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.95); padding: 3px 3px 35px 3px; 	z-index: 2;
									-webkit-transform: scale(3); translatey(80px) rotate(-2.5deg);
									-ms-transform: scale(3); 
									transform: scale(3) translatey(60px);}
.plan figcaption { color:#333; font-family: "Reenie Beanie", cursive; font-size:10px; line-height:0.8; position: relative; text-align: center; }

.team					{ height:100%; border:0px solid #000000; padding: 0px 30px 0px 30px; }
.team figure 	{ width:120px; height:150px; padding:10px 0px 27px 0px; background: #ffffff;	box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.9);	
								-webkit-display: inline-block; 
								display: inline-block; 
								margin: 5px 50px;
								overflow: hidden; }
.team figure img	{ width:100px; height:152px; border:5px solid #ffffff; }
.team figure:nth-of-type(1):hover { box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.95); padding: 3px 3px 70px 3px; 	z-index: 2;
									-webkit-transform: scale(1.5); translatey(40px);
									-ms-transform: scale(1.5); translatey(40px); 
									transform: scale(1.5) translatey(40px); }
.team figure:nth-of-type(2):hover { box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.95); padding: 3px 3px 70px 3px; 	z-index: 2;
									-webkit-transform: scale(1.5); translatey(40px);
									-ms-transform: scale(1.5); translatey(40px); 
									transform: scale(1.5) translatey(40px); }
.team figure:nth-of-type(3):hover { box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.95); padding: 3px 3px 70px 3px; 	z-index: 2;
									-webkit-transform: scale(1.5); translatey(40px);
									-ms-transform: scale(1.5); translatey(40px); 
									transform: scale(1.5) translatey(40px); }
.team figure:nth-of-type(4):hover { box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.95); padding: 3px 3px 70px 3px; 	z-index: 2;
									-webkit-transform: scale(1.5); translatey(-40px);
									-ms-transform: scale(1.5); translatey(-40px); 
									transform: scale(1.5) translatey(-40px); }
.team figure:nth-of-type(5):hover { box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.95); padding: 3px 3px 70px 3px; 	z-index: 2;
									-webkit-transform: scale(1.5); translatey(-40px);
									-ms-transform: scale(1.5); translatey(-40px); 
									transform: scale(1.5) translatey(-40px); }
.team figure:nth-of-type(6):hover { box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.95); padding: 3px 3px 70px 3px; 	z-index: 2;
									-webkit-transform: scale(1.5); translatey(-40px);
									-ms-transform: scale(1.5); translatey(-40px); 
									transform: scale(1.5) translatey(-40px); }
.team figure:nth-of-type(7):hover { box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.95); padding: 3px 3px 70px 3px; 	z-index: 2;
									-webkit-transform: scale(1.5); translatey(-40px);
									-ms-transform: scale(1.5); translatey(-40px); 
									transform: scale(1.5) translatey(-40px); }
.team figcaption { color: #333; font-size:9px; line-height:1.1; font-family: "Arial"; text-align: center; }