@charset "UTF-8";
/* CSS Document */





html {
	padding: 0;
	margin: 0;
	
	}
	


body {
	background-color: #FFF;
	margin: 0;
	padding: 0;


	}
	
	
	
#map-canvas {
		margin-left: 50px;
		padding: 0;
        width: 1100px;
        height: 450px;
		background-color: #CCC;


      }
	  
	
	
p1 {
font-family: FuturaPT-Book;
margin: 0;
padding: 0;
font-size: 9.5pt;
line-height:  2;
letter-spacing: 0.08em;

	}
	
	
		
	
p2 {
font-family: FuturaPT-Demi;
text-transform: uppercase;
margin: 0;
padding: 0;
font-size: 9.5pt;
line-height:  2;
letter-spacing: 0.25em;
color: #333333;


	}
	
p3 {
font-family: 'Pontano Sans', sans-serif;
margin: 0;
padding: 0;
	
font-size: 13.5pt;
line-height:  2;
letter-spacing: 0.02em;
	}
	
				
p4 {
font-family: FuturaPT-Medium;
text-transform: uppercase;
margin: 0;
padding: 0;
font-size: 22pt;
line-height:  auto;
letter-spacing: 0.2em;

color: #333333;


	}	
	
	
p5 {
font-family: FuturaPT-Book;
text-transform: uppercase;
margin: 0;
padding: 0;
font-size: 13.5pt;
line-height:  1.5;
letter-spacing: 0.15em;

color: #333333;

	}	
	
p6 {
font-family: 'Pontano Sans', sans-serif;
margin: 0;
padding: 0;
	
font-size: 9.5pt;
line-height:  2;
letter-spacing: 0.1em;


	}
	
	
p7 {
font-family: FuturaPT-Book;
margin: 0;
padding: 0;
font-size: 9.5pt;
line-height:  2;
letter-spacing: 0.08em;
color: #333333;
	}	
			
			
p8 {
font-family: 'Pontano Sans', sans-serif;
margin: 0;
padding: 0;
	
font-size: 13.5pt;
line-height:  2;
letter-spacing: 0.1em;
	
color: #333333;


	}
			
			
p9 {
font-family: FuturaPT-Medium;
text-transform: uppercase;
margin: 0;
padding: 0;
font-size: 13.5pt;
line-height:  1.5;
letter-spacing: 0.15em;

color: #333333;

	}				
				

/*
span.tab{
    padding: 0 45px; 
}*/


.dividerlinks{
	position: absolute;
  	border-right: 1px solid #B0B0B0;
	height: 152.5px;
	margin-left: 375px;
	visibility: hidden;
}


.dividerlinksneu{
	position: absolute;
  	border-right: 1px solid #B0B0B0;
	height: 200px;
	margin-left: 375px;
	visibility: hidden;
}



.dividerrechts{
	position: absolute;
  	border-right: 1px solid #B0B0B0;
	height: 152.5px;
	margin-left: 725px;
	visibility: hidden;

}


#load_screen{
	background: #FFF;
	height: 100vh;
	top: 0px;
	opacity: 1;
	position: fixed;
	width: 100%;
	
	
	z-index: 10;


	}
	
#load_balken{
	background: #FFF;
	height: 100vh;
	top: 0px;
	opacity: 1;
	position: fixed;
	width: 100%;
	
	
	z-index: 10;


	}	



#load_screen > #loading{

	
    position: absolute;
	
    left: 50%;
	top: 45%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
	}
	
	
#load_balken > #loading{

	
    position: absolute;
	
    left: 50%;
	top: 45%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
	}

	





#logo{
	position: fixed; 

    left: 50%;
	top: 45%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
	
	
	}


.kasteneins p3, kastenzwei p3{
	color: #666666;
	 }



.kasteneins a:hover, .kastenzwei a:hover, .kastenvier a:hover, .kastengesamt a:hover{
	color: #0000a5;
	
	moz-transition: all 0.15s ease; 
	-webkit-transition: all 0.15s ease;
    -o-transition: all 0.15 ease;
	transition: all 0.15s ease;

	 }



#navistart li a:hover  p2{
	color: #0000a5;
	
	-moz-transition: all 0.25s ease; 
	-webkit-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
	transition: all 0.25s ease;

	 }
	



 
	 
#navi li:hover  p2{
	color: #0000a5;
	
	-moz-transition: all 0.25s ease; 
	-webkit-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
	transition: all 0.25s ease;
	
	
	
	
	 }
	 
	 
 
#navi li  p2{
	-moz-transition: all 0.25s ease; 
	-webkit-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
	transition: all 0.25s ease;
	
	
	
	
	 }
	 	 
	 
#navistart li  p2{
	-moz-transition: all 0.25s ease; 
	-webkit-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
	transition: all 0.25s ease;
	
	
	 }	 	

#navi li a:hover > p2{
	color: #0000a5;
	
	-moz-transition: all 0.25s ease; 
	-webkit-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
	transition: all 0.25s ease;

	 }
	
	
	
	
 
	 
#navistart li:hover > p2{
	color: #0000a5;
	
	-moz-transition: all 0.25s ease; 
	-webkit-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
	transition: all 0.25s ease;	
	
	 }	
	 
	 

			 
	
	 
.activezwei p2{
	color: #0000a5;
	
	 }
	  
	
	 
	 
	 
.leistungspunkt ul li{
  	list-style-type: none;
	margin-left: -40px;
	margin-bottom: 20px;

	 }	 
	 

	 

	 

.abstand{
margin: 0;
padding: 0;
height: 200px;	



}

.abstandeins{
margin: 0;
padding: 0;	
height: 50px;	



}
.abstandzwei{
margin: 0;
padding: 0;	
height: 100px;	



}


.abstanddrei{
margin: 0;
padding: 0;	
height: 75px;	



}

.abstandvier{
margin: 0;
padding: 0;	
height: 25px;	



}

.abstandminus{
margin-left: -25px;
padding: 0;	



}

.abstandminusklein{
margin-left: -13.5px;
padding: 0;	



}


.abstandplus{
margin-left: 25px;
padding: 0;	



}



.bildeins{
width: 350px;
position: absolute;
height: auto;
margin-top: 256px;
margin-left: 50px;





}


.sprechzeiten{
margin-left: 50px;


}


.kasteneins{
	
padding-top: 100px ;	
padding-bottom: 100px;	
background-color: rgba(255,255,255,0.85);

}


.kastenzwei{
	
color: #666666;
	
margin-bottom: 0;	
padding-top: 60px ;	
padding-bottom: 90px;		
background-color: rgba(255,255,255,0.85);

}

.kastendrei{
margin-bottom: 0;	
padding-top: 75px;	
padding-bottom: 75px;	

background-color: rgba(255,255,255,0.85);

}

.kastenvier{
	
padding-top: 100px;	
height: 300px;	
background-color: rgba(255,255,255,0.85);


}


.kastenfuenf{
margin-bottom: 0;	
margin-left: 50px;
padding-top: 75px;	
padding-bottom: 75px;	

background-color: rgba(225,225,225,0.85);

text-align: center;


}





		
		


.kastensechs{
margin-bottom: 0;	
padding-top: 75px;	
padding-bottom: 75px;	

background-color: rgba(225,225,225,0.85);

text-align: center;


}


.kastensieben{
margin-bottom: 0;	
margin-left: 50px;
padding-top: 75px;	
padding-bottom: 75px;	

background-color: rgba(225,225,225,0.85);


}


.kastengesamt{
	
margin-top: 75px;	
padding-top: 75px;	
padding-bottom: 100px;	

text-align: justify;


	-webkit-transition: background-color 0.5s ease;
    -moz-transition: background-color 0.5s ease;
    -o-transition: background-color 0.5s ease;
	transition: background-color 0.5s ease;
	transition-delay: 0.15s;

}





#circlesgalerie {
	/*margin-left: auto;
	margin-right: auto;*/
	margin-bottom: 100px;
	position: absolute;
	left: 50%;
	
	margin-left: -92px;
   /* -webkit-transform: translate(-50%,0);
    transform: translate(-50%,0);*/
	
}	



#circlesgalerie li{
	padding: 0;
	margin-top: 0;
	margin-right: 0;
	display: inline-block;
	float:left;
	margin-left: 22px;
	cursor: pointer;
	
 	height: 8px;
  	width: 8px;
  	verticals-align: middle;
  	-moz-border-radius: 50%;
  	-webkit-border-radius: 50%;
  	border-radius: 50%;
  	opacity: 1;

  
  	border: 2px solid #FFF;
  
  	-webkit-transition: background-color 0.15s ease;
    -moz-transition: background-color 0.15s ease;
    transition: background-color 0.15s ease;
}




#circlesgalerie li:first-child{
	margin-left: 0px;
    background-color: #FFF;
	}
	

	

	
.circlegalerie:hover  {
	
  background-color: #FFF;
  
  	-webkit-transition: background-color 0.15s ease;
    -moz-transition: background-color 0.15s ease;
    transition: background-color 0.15s ease;
}	



.circlegalerie  {
	cursor: pointer;
 	height: 8px;
  	width: 8px;
  	-moz-border-radius: 50%;
  	-webkit-border-radius: 50%;
  	border-radius: 50%;
  	opacity: 1;
  	border: none;
  
  	-webkit-transition: background-color 0.15s ease;
    -moz-transition: background-color 0.15s ease;
    transition: background-color 0.15s ease;
}	



#galerie {
height: auto;
width: 1100px;
	 }
	 	
#galeriebilder {
	margin-top: 75px;
	height: 650px;
	width: 1100px;
	background-color: rgba(255,255,255,0.85);
	cursor: pointer;
	}
	 	


#galerieeins{
	position: absolute;
	width: 1100px;
	height: 650px;
    background-size: 1100px auto;
    background-position: center;
	background-image: url('img_0001_5.jpg') ;
	
}

#galeriezwei{
	position: absolute;
	width: 1100px;
	height: 650px;
    background-size: 1100px auto;	
   background-position: center;
	background-image: url('img_0019_1.jpg') ;
	
}

#galeriedrei{
	position: absolute;
	width: 1100px;
	height: 650px;
    background-size: 1100px auto;	
    background-position: center bottom;
	background-image: url('img_0022_1.jpg') ;
	
}

#galerievier{
	position: absolute;
	width: 1100px;
	height: 650px;
    background-size: 1100px auto;	
    background-position: center;
	background-image: url('img_0007_3.jpg') ;
}

#galeriefuenf{
	position: absolute;
	width: 1100px;
	height: 650px;
    background-size: 1100px auto;		
    background-position: center bottom	;
	background-image: url('img_0031.jpg') ;
	

}

#galeriesechs{
	position: absolute;
	width: 1100px;
	height: 650px;
    background-size: 1100px auto;		
    background-position: center;
	background-image: url('img_0001.jpg') ;

}





.galerieblocknull{
padding: 0;
margin: 0;
height: 55px;	
background-color: rgba(225,225,225,1);
/*cursor: pointer;*/
visibility: hidden;
}

.galerieblocknull > .pfeileins{
border-right: 5px solid #808080; 


}

.galerieblocknull > .pfeilzwei{
border-left: 5px solid #808080; 


}

.galerieblocknull > .pfeilstricheins{
border-bottom: 1px solid #808080; 


}

.galerieblocknull > .pfeilstrichzwei{
border-bottom: 1px solid #808080; 


}



.galerieblockeins{
	padding: 0;
	margin-top: 247.5px;
	height: 55px;	
	background-color: rgba(225,225,225,1);

    -webkit-transition: background-color 0.15s ease;
    -o-transition: background-color 0.15s ease;
	transition: background-color 0.15s ease;
	
	visibility: hidden;

}

.galerieblockzwei{
	padding: 0;
	margin-top: 247.5px;
	height: 55px;	
	background-color: rgba(225,225,225,1);

    -webkit-transition: background-color 0.15s ease;
    -o-transition: background-color 0.15s ease;
	transition: background-color 0.15s ease;
	
	visibility: hidden;

}

.galerieblockeins:hover{
	background-color: #FBDCD4;

    -webkit-transition: background-color 0.15s ease;
    -o-transition: background-color 0.15s ease;
	transition: background-color 0.15s ease;
}

.galerieblockzwei:hover{
	background-color: #FBDCD4;

    -webkit-transition: background-color 0.15s ease;
    -o-transition: background-color 0.15s ease;
	transition: background-color 0.15s ease;
}


.galerieblockzwei:hover > .pfeilzwei{
	border-left: 5px solid #0000a5; 
	
    -webkit-transition: border-right 0.15s ease;
    -o-transition: border-right 0.15s ease;
	transition: border-right 0.15s ease;
}


.galerieblockeins:hover > .pfeileins{
	border-right: 5px solid #0000a5; 

    -webkit-transition: border-right 0.15s ease;
    -o-transition: border-right 0.15s ease;
	transition: border-right 0.15s ease;
}



.galerieblockzwei:hover > .pfeilstrichzwei{
	border-bottom: 1px solid #0000a5; 

    -webkit-transition: border-bottom 0.15s ease;
    -o-transition: border-bottom 0.15s ease;
	transition: border-bottom 0.15s ease;
}


.galerieblockeins:hover > .pfeilstricheins{
	border-bottom: 1px solid #0000a5; 

    -webkit-transition: border-bottom 0.15s ease;
    -o-transition: border-bottom 0.15s ease;
	transition: border-bottom 0.15s ease;
}





.blocknull{
padding: 0;
margin: 0;
height: 55px;	
background-color: rgba(225,225,225,1);
/*cursor: pointer;*/

}

.blocknull > .pfeileins{
border-right: 5px solid #808080; 


}

.blocknull > .pfeilzwei{
border-left: 5px solid #808080; 


}

.blocknull > .pfeilstricheins{
border-bottom: 1px solid #808080; 


}

.blocknull > .pfeilstrichzwei{
border-bottom: 1px solid #808080; 


}



.blockeins{
	padding: 0;
	margin: 0;
	height: 55px;	
	background-color: rgba(225,225,225,1);

    -webkit-transition: background-color 0.15s ease;
    -o-transition: background-color 0.15s ease;
	transition: background-color 0.15s ease;
}

.blockzwei{
	padding: 0;
	margin: 0;	
	height: 55px;	
	background-color: rgba(225,225,225,1);

    -webkit-transition: background-color 0.15s ease;
    -o-transition: background-color 0.15s ease;
	transition: background-color 0.15s ease;
}

.blockeins:hover{
	background-color: #FBDCD4;

    -webkit-transition: background-color 0.15s ease;
    -o-transition: background-color 0.15s ease;
	transition: background-color 0.15s ease;
}

.blockzwei:hover{
	background-color: #FBDCD4;

    -webkit-transition: background-color 0.15s ease;
    -o-transition: background-color 0.15s ease;
	transition: background-color 0.15s ease;
}


.blockzwei:hover > .pfeilzwei{
	border-left: 5px solid #0000a5; 
	
    -webkit-transition: border-right 0.15s ease;
    -o-transition: border-right 0.15s ease;
	transition: border-right 0.15s ease;
}


.blockeins:hover > .pfeileins{
	border-right: 5px solid #0000a5; 

    -webkit-transition: border-right 0.15s ease;
    -o-transition: border-right 0.15s ease;
	transition: border-right 0.15s ease;
}



.blockzwei:hover > .pfeilstrichzwei{
	border-bottom: 1px solid #0000a5; 

    -webkit-transition: border-bottom 0.15s ease;
    -o-transition: border-bottom 0.15s ease;
	transition: border-bottom 0.15s ease;
}


.blockeins:hover > .pfeilstricheins{
	border-bottom: 1px solid #0000a5; 

    -webkit-transition: border-bottom 0.15s ease;
    -o-transition: border-bottom 0.15s ease;
	transition: border-bottom 0.15s ease;
}


.pfeileins{
	position: absolute;
	
	margin-top: 25px;
	margin-left: 28px;
	width: 0; 
	height: 0; 
	border-top: 5px solid transparent;
	border-bottom: 5px solid transparent; 
		
	border-right: 5px solid #333333; 
		
	

    -webkit-transition: opacity 0.15s ease;
    -o-transition: opacity 0.15s ease;
	transition: opacity 0.15s ease;
}	  


.pfeilzwei{
	position: absolute;
	
	margin-top: 25px;
	right: 78px;
	width: 0; 
	height: 0; 
	border-top: 5px solid transparent;
	border-bottom: 5px solid transparent; 
		
	border-left: 5px solid #333333; 
		

    -webkit-transition: opacity 0.15s ease;
    -o-transition: opacity 0.15s ease;
	transition: opacity 0.15s ease;
}	





.pfeilstricheins{
	position: absolute;
  	border-bottom: 1px solid #333333;
	width: 40px;
	margin-top: 29px;
	margin-left: 30px;

	padding: 0;
}



.pfeilstrichzwei{
	position: absolute;
  	border-bottom: 1px solid #333333;
	width: 40px;
	margin-top: 29px;
	right: 80px;

	padding: 0;
}




.tabrechts {
    position: absolute;
    right: 125px;
	float: right;
   }


.tablinks {
    position: absolute;
    right: 475px;
	float: right;

   }



#circles {
	position: fixed;
	top: 45%;
	right: 100px;
    -webkit-transform: translate(0,-50%);
    transform: translate(0,-50%);
	
	z-index: 2;
}	



#circles li{
	padding: 0;
	margin-top: 0;
	margin-left: 0;
	margin-right: 0;
	/*display: inline-block;*/
	list-style-type: none;
	/*float:left;*/
	margin-bottom: 22px;
	cursor: pointer;
	
 	height: 8px;
  	width: 8px;
  	vertical-align: middle;
  	-moz-border-radius: 50%;
  	-webkit-border-radius: 50%;
  	border-radius: 50%;
  	opacity: 1;

  
  	border: 2px solid #FFF;
  
  	-webkit-transition: background-color 0.15s ease;
    -moz-transition: background-color 0.15s ease;
    transition: background-color 0.15s ease;
}




#circles li:last-child{
	margin-bottom: 0px;
	
	}
	

	

	
.circle:hover  {
	
  background-color: #FFF;
  
  	-webkit-transition: background-color 0.15s ease;
    -moz-transition: background-color 0.15s ease;
    transition: background-color 0.15s ease;
}	



.circle  {
	cursor: pointer;
 	height: 8px;
  	width: 8px;
  	-moz-border-radius: 50%;
  	-webkit-border-radius: 50%;
  	border-radius: 50%;
  	opacity: 1;
  	border: none;
  
  	-webkit-transition: background-color 0.15s ease;
    -moz-transition: background-color 0.15s ease;
    transition: background-color 0.15s ease;
}	







#balken{
	width: 100%;
	position: fixed;
	height: 10px;
	opacity: 0.5;
	
background-image: -webkit-linear-gradient(90deg, #00008C 0%, #FFC4B3 100%); 
background-image: -moz-linear-gradient(90deg, #00008C 0%, #FFC4B3 100%); 
background-image: -o-linear-gradient(90deg, #00008C 0%, #FFC4B3 100%); 
background-image: linear-gradient(90deg, #00008C 0%, #FFC4B3 100%); 


	z-index: 2;



	}




#load_screen > #ladebalken{
	width: 100%;
    position: absolute;
	height: 10px;
	opacity: 0.5;
	
background-image: -webkit-linear-gradient(90deg, #00008C 0%, #FFC4B3 100%); 
background-image: -moz-linear-gradient(90deg, #00008C 0%, #FFC4B3 100%); 
background-image: -o-linear-gradient(90deg, #00008C 0%, #FFC4B3 100%); 
background-image: linear-gradient(90deg, #00008C 0%, #FFC4B3 100%); 


animation: render 2s ;
	-webkit-animation: render 2s ;
	-moz-animation: render 2s ;
	-ms-animation:  render 2s ;
	-o-animation:   render 2s ;
    
	}


  @-webkit-keyframes render {
        0% { 
           width: 5%;
        }
        50% { 
            width: 30%;

            }
        100% { 
            width: 100%;

        }
    }




#load_balken > #ladebalken{
	width: 100%;
    position: absolute;
	height: 10px;
	opacity: 0.5;
	
background-image: -webkit-linear-gradient(90deg, #00008C 0%, #FFC4B3 100%); 
background-image: -moz-linear-gradient(90deg, #00008C 0%, #FFC4B3 100%); 
background-image: -o-linear-gradient(90deg, #00008C 0%, #FFC4B3 100%); 
background-image: linear-gradient(90deg, #00008C 0%, #FFC4B3 100%); 


animation: render 0.5s ;
	-webkit-animation: render 0.5s ;
	-moz-animation: render 0.5s ;
	-ms-animation:  render 0.5s ;
	-o-animation:   render 0.5s ;
    
	}


  @-webkit-keyframes render {
        0% { 
           width: 5%;
        }
        50% { 
            width: 30%;

            }
        100% { 
            width: 100%;

        }
    }

	
	

#footerbalken{
	bottom: 0;
	width: 100%;
	height: 10px;
	opacity: 0.5;
	
background-image: -webkit-linear-gradient(90deg, #00008C 0%, #FFC4B3 100%); 
background-image: -moz-linear-gradient(90deg, #00008C 0%, #FFC4B3 100%); 
background-image: -o-linear-gradient(90deg, #00008C 0%, #FFC4B3 100%); 
background-image: linear-gradient(90deg, #00008C 0%, #FFC4B3 100%); 

	z-index: 2;



	}


	
/*		
img {
	margin: 0; 
	border: none;
}*/



#bgclear{
	z-index: -2;
	position: fixed;
	background-image: url('img_0001_5.jpg') ;
	height: 100%; /*fallback*/
	height: 100vh;
	width: 100%;

   background-attachment: fixed;
   background-position: center;
   background-size: cover;

	

}




#bgclearzwei{
	z-index: -2;
	position: fixed;
	background-image: url('img_0019_1.jpg') ;
	height: 100%; /*fallback*/
	height: 100vh;
	width: 100%;

   background-attachment: fixed;
   background-position: center;
   background-size: cover;


}

#bgcleardrei{
	z-index: -2;
	position: fixed;
	background-image: url('img_0022_1.jpg') ;
	height: 100%; /*fallback*/
	height: 100vh;
	width: 100%;

   background-attachment: fixed;
   background-position: center;
   background-size: cover;


}

#bgclearvier{
	z-index: -2;
	position: fixed;
	background-image: url('img_0007_3.jpg') ;
	height: 100%; /*fallback*/
	height: 100vh;	
	width: 100%;

   background-attachment: fixed;
   background-position: center;
   background-size: cover;

}

#bgclearfuenf{
	z-index: -2;
	position: fixed;
	background-image: url('img_0031.jpg') ;
	height: 100%; /*fallback*/
	height: 100vh;	
	width: 100%;

   background-attachment: fixed;
   background-position: center;
   background-size: cover;


}


#bgclearsechs{
	z-index: -2;
	position: fixed;
	background-image: url('img_0001.jpg') ;
	height: 100%; /*fallback*/
	height: 100vh;	
	width: 100%;

   background-attachment: fixed;
   background-position: center;
   background-size: cover;


}



.opacityeins{
	opacity: 1;
	
	-webkit-transition: opacity 1s linear;
    -moz-transition: opacity 1s linear;
    transition: opacity 1s linear;

}



.opacitynull{
	opacity: 0;
	
	-webkit-transition: opacity 1s linear;
    -moz-transition: opacity 1s linear;
    transition: opacity 1s linear;

}
	
	
#footer {

}
	
#footer ul {
	list-style-type: none;
	padding: 0;
	margin-left: 0;
}	
	
	
#footer li {
    display: inline;
    list-style-type: none;
    float: left;
	margin-left: 120px;
	margin-bottom: 50px;
	position: relative;
	
	color: #808080;


	}
 
 
#footer li:first-child{
	margin-left: 50px;

	}	
	
	
 
#footer li:last-child{
	float: right;
	margin-right: 50px;
	position: absolute;
	

	}		
	
	
#footer li a { 
	text-decoration: none;
  	display: block; 
	
	color: #808080;

   	}	
	
#navibalken {
	padding:0;
	margin: 0;
	
	
}		
	
	
a { 
	text-decoration: none;	
	color: inherit;

   	}	
	
	
	
#navi {
	
	height: 75px;

	
	margin-left: 50px;
	margin-right: 50px;

	
	
	width: 1100px;
	
	padding-top: 0;
	margin-top: -75px;
	
	padding-bottom: 0;
	margin-bottom: 0;
	
	top: 600px; /*fallback*/
  	top: 100vh;
	
	
	position: absolute;

	z-index:1; 

	background-color: rgba(255,255,255,0.85);

	visibility: hidden;

	-webkit-transition: background-color 0.5s ease;
    -moz-transition: background-color 0.5s ease;
    -o-transition: background-color 0.5s ease;
	transition: background-color 0.5s ease;
	transition-delay: 0.15s;
	
	
}	



#navistart {
	
	height: 75px;
	
	margin-left: 50px;
	margin-right: 50px;

	
	
	width: 1100px;
	
	padding-top: 0;
	margin-top: -75px;
	
	padding-bottom: 0;
	margin-bottom: 0;
	
	top: 600px; /*fallback*/
  	top: 100vh;
	
	
	position: absolute;


	z-index:1; 


	visibility: visible;
	
	background-color: transparent;
	

	-webkit-transition: background-color 0.5s ease;
    -moz-transition: background-color 0.5s ease;
    -o-transition: background-color 0.5s ease;
	transition: background-color 0.5s ease;
	transition-delay: 0.15s;
	
	

	
}	
	


	
nav {
	padding: 0;
	margin: 0;

}	




.arrow{
	position: absolute;
	margin-top: -16px;
	margin-left: 110px;
	
	padding: 0;
	/*margin-top: -20px;
	margin-left: 110px;*/
	width: 0; 
	height: 0; 
	border-right: 5px solid transparent;
	border-left: 5px solid transparent; 
		
	border-top: 5px solid #000; 
	
	
	opacity: 0;
	

    -webkit-transition: opacity 0.15s ease;
    -o-transition: opacity 0.15s ease;
	transition: opacity 0.15s ease;
}	  

	  
	  		  
	  
#navi li:nth-child(2):hover > .arrow {
	
	
	
	border-top: 5px solid #000; 
	
	opacity: 1;
	
	-moz-transition: opacity 0.15s ease; 
    -webkit-transition: opacity 0.15s ease;
    -o-transition: opacity 0.15s ease;
	transition: opacity 0.15s ease;
	transition-delay: 0.2s;
}	  



	


#navi ul {
	
	padding: 0;
	margin: 0;
	
  	text-align: center;
	float: right;
	list-style-type: none;
}






#navistart ul {
	
	padding: 0;
	margin: 0;
	
  	text-align: center;
	float: right;
	list-style-type: none;
}




#navi:hover  {
	background-color: rgba(255,255,255,0.85);

	
	
	transition: background-color 0.5s ease;
	-webkit-transition: background-color 0.5s ease;
    -moz-transition: background-color 0.5s ease;
    -o-transition: background-color 0.5s ease;
	transition-delay: 0;
}




#untermenu {
	margin-top: 48px;
	padding: 0;
	background-color: rgba(255,255,255,0.85);
	height: 0;
	margin-left: -50px;
	
	
	transition: all 0.25s ease-out;
	-webkit-transition: all 0.25s ease-out;
    -moz-transition: all 0.25s ease-out;
    -o-transition: all 0.25s ease-out;
	
	visibility: hidden;
	width: 543px;
}


#navi ul ul {
	padding: 0;
	margin: 0;
	position: absolute;

	
	visibility: hidden;
	
	

}



#navi ul ul li{
	padding-left: 50px;
	padding-top: 0;
	padding-bottom: 0;
	margin: 0;
	float: left;
  	text-align: left;
	position: relative;
	opacity: 0;
	width: 200px;


	
	transition-property: all;
	transition-duration: 0.1s;
	transition-timing-function: cubic-bezier(0, 0, 0.58, 1);


}


#navi li:nth-child(2):hover  > ul #untermenu {
	
	visibility: visible;
	
	height: 115px;	


	transition-property: all;
	transition-duration: 0.5s;
	-moz-transition-delay: 1.2s;
	transition-delay: 0.2s;
	transition-timing-function: cubic-bezier(0, 0, 0.58, 1);

}


#navi li:nth-child(2):hover  > ul #untermenu li {
	
	opacity: 1;
	
	transition-property: all;
	transition-duration: 0.5s;
	-moz-transition-delay: 1.3s;
	transition-delay: 0.3s;
	transition-timing-function: cubic-bezier(0, 0, 0.58, 1);

}




#navi li{
	width: 99px;
	padding-top: 27px;
	padding-bottom: 23px;
	display: inline-block;
	list-style-type: none;
	float:left;
	margin-right: 85.5px;
	cursor: pointer;


	 }



#navistart li{
	width: 99px;
	padding-top: 27px;
	padding-bottom: 23px;
	display: inline-block;
	list-style-type: none;
	float:left;
	margin-right: 85.5px;
	cursor: pointer;


	 }








#navi ul li ul li:hover{
	color: #888888;
	 }


#navi ul li ul li a:hover{
	color: #888888;
	 }


#leistungen a{
	
	-moz-transition: opacity 0.15s ease;
    -webkit-transition: opacity 0.15s ease;
    -o-transition: opacity 0.15s ease;
	transition: opacity 0.15s ease;
	
	-moz-transition-delay: 0.2s;
	transition-delay: 0.2s;
	 }



#leistungen a:hover{
	color: #888888;
	
	-moz-transition: opacity 0.15s ease; 
    -webkit-transition: opacity 0.15s ease;
    -o-transition: opacity 0.15s ease;
	transition: opacity 0.15s ease;
	
	-moz-transition-delay: 0.2s;
	transition-delay: 0.2s;
	 }
	 

#leistungen a .aktiv{
	color: #888888;
	
	-moz-transition: opacity 0.15s ease; 
    -webkit-transition: opacity 0.15s ease;
    -o-transition: opacity 0.15s ease;
	transition: opacity 0.15s ease;
	
	-moz-transition-delay: 0.2s;
	transition-delay: 0.2s;
	 }
	 


#navi ul li ul li a{
	color: #333333;
	 }

	 
#navi li:last-child{

	margin-right: 25px;
	 }
	 
	 
	 
#navistart li:last-child{

	margin-right: 25px;
	 }	 


#navi li a { 
	text-decoration: none;
  	display: block; 
	color: inherit;
   	}
	
	
#navistart li a { 
	text-decoration: none;
  	display: block; 
	color: inherit;
   	}
	

	

.praxis{ 	
	padding-top: 27px;
	padding-bottom: 23px;
	margin-left: 30px;
	top: 0;
	position: absolute;
	
	float: left;
	
	
	z-index:1; 
	
	
	cursor: pointer;


   	}	
	
.praxis p2{ 	
	font-family: FuturaPT-Demi;
	color: #0000a5;
   	}	
		
	
	
	
.sonneklein{ 	
	padding-top: 25.5px;
	padding-bottom: 20px;
	margin-left: 20px;
	padding-right: 220px;
	top: 0;
	position: absolute;
	
	float: left;
	
	
	z-index:1; 
	
	
	cursor: pointer;
	
	opacity: 1;
	
	visibility: hidden;
	
	transition: opacity 0.3s ease;
	-webkit-transition: opacity 0.3s ease;
    -moz-transition: opacity 0.3s ease;
    -o-transition: opacity 0.3s ease;
	transition-delay: 0s;
   	}	
		
	
	
.praxis a{ 

	text-decoration: none;
	color: #000;
	
   	}	
	





#overlay {
	left: 0;
	position: absolute; 
	top: 600px; /*fallback*/
	top: 100vh; 
	margin-top: -75px;
	height: auto;
	background-color: #FFF;
	opacity: 1;
	margin-bottom: 0;

	
	z-index:0; 
	
	width: 100%;
	
    background-image: url('img_0001_5_blur.jpg') ;
	
  
    background-attachment: fixed;
    background-position: center;
    background-size: cover;

    -moz-transition: background-image 1s linear; 
    -webkit-transition: background-image 1s linear;
    -o-transition: background-image 1s linear;
	transition: background-image 1s linear;
}	





	
#underlay {
	left: 0;
	position: absolute; 
	top: 600px; /*fallback*/
	top: 100vh; 
	margin-top: -75px;
	height: 750px;
	background-color: #FFF;
	opacity: 1;
	margin-bottom: 0;

	
	z-index:0; 
	
	width: 100%;
	

}	




#content {
	position: relative; 
	max-width: 1200px;
	margin-left: 50%;
    margin-right: 50%;
	padding: 0px;
	
    -webkit-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%);	
}






.sampleClass {
	
	float:left;
	
	}



@media screen and (max-width: 1500px) {



#circles {
		z-index: -2;
}	





	

}

@media screen and (max-width: 1200px) {






#footerbalken{

	width: 1200px;


}	



#overlay {

	width: 1200px;

}	


#underlay {

	width: 1200px;

}	

}

@media screen and (max-width: 1199px) {
	


.sampleClass {
	
	float:none;

}



.sonneklein{ 	
	
	visibility: visible;
	
	transition: opacity 0.3s ease;
	-webkit-transition: opacity 0.3s ease;
    -moz-transition: opacity 0.3s ease;
    -o-transition: opacity 0.3s ease;
	transition-delay: 0s;

   	}	
		
		
		
.praxis{ 	
	padding-top: 27px;
	padding-bottom: 23px;
	margin-left: 50px;
	top: 0;
	position: absolute;
	
	float: left;
	
	
	z-index:1; 
	
	
	cursor: pointer;


   	}			
	


#overlay {
	background-image: none;
	top: 0; 
	margin-top: 0;

}
	
#underlay {
		display: none;



}		 

	


#bgclear, #bgclearzwei, #bgcleardrei, #bgclearvier, #bgclearfuenf, #bgclearsechs{
	display: none;

}



#load_screen{

	display: none;

	}
	
#load_balken{

	}	



#load_screen > #loading{

	
	display: none;

	}
	
	
#load_balken > #loading{

	

	}


#logo{
	display: none;

}	

	

#circles {
	display: none;

}	


#navistart {
	display: none;



	 }
	 
#navi {
	position: absolute;
	margin-top: 0;
	
	
	top: 0; 
	
	visibility: visible;

	 }
	 	 
	



.kastengesamt{
	
background-color: rgba(255,255,255,0.85);


}	 

}