/* CSS Datei Katharina Hafner 2013*/

   


html {
 width: 100%;
 height: 100%;
 margin: 0;
 padding: 0;
 overflow: hidden;
 font-size: 62.5;
 


 
 }
 
 body {
 width: 100%;
 height: 100%;
 margin: 0;
 padding: 0;
 overflow: hidden;
 font-size: 0.8em;
 

 
 }

 #hintergrund {
width: 100%;
 
 position: relative;
 z-index: 1;
 }
 
  #ah{
 background: none;
 position: fixed;
 bottom: 0;
 left: 0;
 margin-bottom: 0px;
 z-index: -1;
 }


 #content {
 position: absolute;
 top: 25px;
 left: 0;
 width: 100%;
 height: 100%;
 z-index: 3;
 overflow: auto;
 } 


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

p {  
font: 1.1em/1.3em 'Roboto Slab', serif; margin: 0px; padding-right: 15px; padding-bottom: 15px; letter-spacing: 0px; color: #966B4B;}

::selection { background: #966B4B; color: #95B1B2; }
::-moz-selection { background: #966B4B; color: #95B1B2; }





h1 {
	font-family: 'Roboto Slab', serif;
	text-shadow: 0 -1px 1px #666666, 0 1px 1px #FFFFFF;
	font-size: 2.9em;
	color: #966B4B;
	background-color: none;
	border-bottom: 0px dashed #004A7F; 
	padding-bottom: 0.5em;
	padding-left: 0px; 
	font-weight: normal;
	z-index: 4;
}
h2{
	font-family: 'Roboto Slab', serif;
	text-shadow: 0 -1px 1px #666666, 0 1px 1px #FFFFFF;
	font-size: 1.8em;
	color: #95B1B2;
	text-align: left; 
	background-color: none;
	border-bottom: 0px dashed #004A7F; 
	padding-bottom: 0.5em;
	padding-left: 0px; 
	font-weight: normal;
	z-index: 4;
}

h3{
	font-family: "Candara", sans-serif; 
	font-size: 0.7em;
	color: white;
	border-bottom: 0px dashed #004A7F; 
	margin: 1.0em 1.0em 0.4em 0.5em; 
	padding-bottom: -2.0em;
	text-align: left; 
	font-weight: normal;
}

h4{
	font-family: "Candara", sans-serif; 
	font-size: 1.0em; 
	color: #4792f7;
	border-bottom: 0px dashed #004A7F; 
	margin: 0px; 
	padding-bottom: 0em;
	font-weight: normal;
	/*text-transform: uppercase; */
}

h5{
	font-family: "Candara", sans-serif; 
	font-size: 1.5em; 
	color: white;
	border-bottom: 0px dashed #004A7F; 
	margin: 0px; 
	padding-bottom: 0em;
	font-weight: normal;
	/*text-transform: uppercase; */
}
h6{
	font-family: "Fantasy", sans-serif; 
	font-size: 1.0em;
	color: black;
	border-bottom: 0px dashed #004A7F; 
	margin: 0em 0em 0em 0em; 
	padding-bottom: 0em;
	font-weight: normal;
}
a {color:black; text-decoration: none;}
a:link {color:black; text-decoration: none;}
/*a {color:white; text-decoration: none;}
a:link {color:white; text-decoration: none;}
*/
a:visited {}
a:hover {color: #966B4B; text-decoration:underline ;}
a:active {color: #966B4B; text-decoration:underline ;}
div#wrapper {
	width: 1000px;
	margin: 10px auto;
	text-align:;
	border-left: 0px dotted #4792f7;
	border-right: 0px dotted #8A0868;
}

#parent
{
  position: relative;
  width: 1000px;
  height: 300px;
  
  border:0;
	-moz-box-shadow:1px -1px 20px rgba(0, 0, 0, .9);
	-webkit-box-shadow:1px -1px 20px rgba(0, 0, 0, .9);
	box-shadow:1px -1px 20px rgba(0, 0, 0, .9);
	
	margin-top: 15px;
	margin-left: 0px;
	margin-bottom: 15px;
	padding: 0px;
}
 
#child_1, #child_2
{
  width: 1000px;
  height: 300px;
  position: absolute;
  
}

#child_1
{
 
 
  padding: 0px;
  text-align: right; 
  margin-top: 100px; 
  
 
  background-color: none;
  z-index: 2;
}
 
#child_2
{
  
  background-color: none;
  border-top:0px dotted #8A0868; 
	border-bottom: 0px dotted #DF3A01;
  z-index: 1;
}


#imageline 
{
font-family: "Nyala", sans-serif; 
	font-size: 1.6em;
	color: #8A0868;
	
}


	
div#navk {
	
	
	background: none;
	float: right;
	text-align: right; 
	padding-left: 8px;
	
	
}
div#navk li {
	display: inline; 
	margin-left: 10px;
	

}	


div#navk a {
	font-family: 'Roboto Slab', serif;
	text-shadow: 0 -1px 1px #666666, 0 1px 1px #FFFFFF;
	font-size: 1.4em;
	text-transform: none; 
	
	padding: 0px 15px 0px 0px;
	border-left: 0em solid #F0F0F0;
}
	
	
	
	
	
	
	
	
	
	
	
	
	



div#nav a {
	font-family: 'Roboto Slab', serif;
	text-shadow: 0 -1px 1px #666666, 0 1px 1px #FFFFFF;
	font-size: 1.4em;
	text-transform: none; 
	
	padding: 0px 15px 0px 0px;
	border-left: 0em solid #F0F0F0;
}
div#nav a:hover, 
body#Willkommen li.navhome a,
body#Wir li.navteam a,
body#Behandlung li.navbehandlung a,
body#Praxis li.navpraxis a,
body#Anfahrt li.navanfahrt a 
body#impressum li.navimpressum a {
border-left: 0em solid #E3004F;
}


div#wrap_content {

	
	padding-top:0px;  
    width:1000px; 
	height: auto;
	text-align: left;	
    color: gray; 
	background-color: none;
    position:relative;  
    float:left;  
    margin-left:0px; 
	margin-top: 10px;  
	margin-bottom: ; 
    overflow: hidden;  
	border-top: 0px dotted #4792f7; 
	border-bottom: 0px dotted #4792f7;
		border-left: 0px solid #4792f7;
	border-right: 0px dotted #4792f7;
	
}


#textcolzx { 
margin-left: 5px;
margin-top: 15px;


background: none;
position: absolute;   
   z-index: 0;  
  }

/*
  #colzx 
{  -moz-box-shadow:1px -1px 10px rgba(122, 0, 0, .9);
	-webkit-box-shadow:1px -1px 10px rgba(122, 0, 0, .9);
	box-shadow:1px -1px 10px rgba(122, 0, 0, .9);
      
  width: 240px;
	height: 200px;  
    float: right ;
	position: relative;  
 margin-top:5px;
	margin-bottom:5px;
	margin-right: 5px;
	margin-left: 5px;
	padding: 0px 0px 0px 0px; 
    z-index: 1; 
text-align: left; 	
border-left: 0px solid #4792f7;  
border-right: 0px solid #4792f7; 
border-top: 0px solid #4792f7; 
border-bottom: 0px solid #4792f7; 
  }









#colz 
{  -moz-box-shadow:1px -1px 10px rgba(0, 0, 0, .9);
	-webkit-box-shadow:1px -1px 10px rgba(0, 0, 0, .9);
	box-shadow:1px -1px 10px rgba(0, 0, 0, .9);
      
width: 240px;
	height: 200px;  
    float: right ;
	position: relative;  
 margin-top:5px;
	margin-bottom:5px;
	margin-right: 5px;
	margin-left: 5px;
	padding: 0px 0px 0px 0px; 
    z-index: 1; 
text-align: left; 	
border-left: 0px solid #4792f7;  
border-right: 0px solid #4792f7; 
border-top: 0px solid #4792f7; 
border-bottom: 0px solid #4792f7; 
  }


  #colu 
{  	-moz-box-shadow:1px -1px 10px rgba(0, 0, 0, .9);
	-webkit-box-shadow:1px -1px 10px rgba(0, 0, 0, .9);
	box-shadow:1px -1px 10px rgba(0, 0, 0, .9);
    
  width: 240px;
	height: 200px;  
    float: right ;
	position: relative;  
     margin-top:5px;
	margin-bottom:5px;
	margin-right: 5px;
	margin-left: 5px;
	padding: 0px 0px 0px 0px; 
    z-index: 1; 
text-align: left; 	
border-left: 0px solid #4792f7;  
border-right: 0px solid #4792f7; 
border-top: 0px solid #4792f7; 
border-bottom: 0px solid #4792f7; 	
}   
  
#col2
{  	-moz-box-shadow:1px -1px 10px rgba(0, 0, 0, .9);
	-webkit-box-shadow:1px -1px 10px rgba(0, 0, 0, .9);
	box-shadow:1px -1px 10px rgba(0, 0, 0, .9);
    
    
	width: 240px;
	height: 200px;  
    float: right ;
	position: relative;  
     margin-top:5px;
	margin-bottom:5px;
	margin-right: 5px;
	margin-left: 5px;
	padding: 0px 0px 0px 0px; 
    z-index: 1; 
text-align: left; 	
border-left: 0px solid #4792f7;  
border-right: 0px solid #4792f7; 
border-top: 0px solid #4792f7; 
border-bottom: 0px solid #4792f7; 	
}  



*/
  



div#maintext {


	
	
   
   background: rgba(255,255,255,0.8) ; /*rgba(200,191,208,0.8)*/
    
	 border:0;
	-moz-box-shadow:1px -1px 20px rgba(0, 0, 0, .9);
	-webkit-box-shadow:1px -1px 20px rgba(0, 0, 0, .9);
	box-shadow:1px -1px 20px rgba(0, 0, 0, .9);
	
	margin-top: 25px;
	margin-left: 0px;
	margin-bottom: 40px;
	padding: 15px;
	z-index: 3;
	
	/*#####*/
}
div#maintext a {padding-bottom: 1px;}
div#maintext a:link {border-bottom: 0px solid #E3004F;}

	/*#####*/


	

	#library {
	margin:0% auto 0 auto;
	padding:0;
	text-align:left;	
	width:1000px;	
}

	#libraryb {
	margin:0% auto 0 auto;
	padding:0;
	text-align:left;	
	width:1000px;	
}
	


ul {
  	list-style:none;
  	padding:0;
  	margin:0;
}
#imageGallery {
	background:transparent url 0 0 repeat-y;  
  	text-align:left;
}


#imageGalleryb li {
  	display:inline-block;
  	margin:0;
   padding:10px 22px 10px 0px;
}



#imageGalleryb img {
	border:0;
	-moz-box-shadow:1px -1px 5px rgba(0, 0, 0, .9);
	-webkit-box-shadow:1px -1px 5px rgba(0, 0, 0, .9);
	box-shadow:1px -1px 5px rgba(0, 0, 0, .9)
}
#imageGalleryb a:hover img {
	-moz-box-shadow:1px -1px 25px rgba(255,255,255, .9);
	-webkit-box-shadow:1px -1px 25px rgba(255,255,255, .9);
	box-shadow:1px -1px 25px rgba(255,255,255, .9)
}

li[id] {
  overflow:hidden;
  position:absolute;
  width:0;
  height:0;
  left:0;
  top:0;
  opacity:0;
  background:rgba(0,0,0,.5);
}
li[id] a:before {
  content:url(images/ic-close.png);
  position:absolute;
  top:-33px;
  right:-33px;
  opacity:0;
}
li[id] a:hover:before {
	opacity:1;
}
li[id]:target {
  width:100%;
  height:100%;
  opacity:1;
}
#library li[id]:target a {
	background-color: none;
  	position:absolute;
  	top:25%;
  	left:30%;
  	margin:-175px 0 0 -117px;
  	border:10px solid #585858;
	text-decoration:none;
  	-webkit-animation:zoom 1.5s cubic-bezier(0,0,0,1);
	-moz-animation:zoom 1.5s cubic-bezier(0,0,0,1);  	
	-moz-box-shadow:0 0 74px 5px rgba(0, 0, 0, .8);
	-webkit-box-shadow:0 0 74px 5px rgba(0, 0, 0, .8);
	box-shadow:0 0 74px 5px rgba(0, 0, 0, .8);  	
}
#libraryb li[id]:target a {
	background-color: pink;
  	position:absolute;
  	top:10%;
  	left:10%;
  	margin:100px 0 0 -15px;
  	border:0px solid #fff;
	text-decoration:none;
  	-webkit-animation:zoom 1.5s cubic-bezier(0,0,0,1);
	-moz-animation:zoom 1.5s cubic-bezier(0,0,0,1);  	
	-moz-box-shadow:0 0 74px 5px rgba(0, 0, 0, .8);
	-webkit-box-shadow:0 0 74px 5px rgba(0, 0, 0, .8);
	box-shadow:0 0 74px 5px rgba(0, 0, 0, .8);  	
}
	#uschr {width: 200px; 
	display:block;
	padding:10px 0 0 0;
	color:#303030;
	
}

li[id]:target a img {
	border:0;
}
li[id]:target a span {
	font-size: 125%;
	width:450px;
	display:block;
	padding:10px 0 0 0;
	color:#303030;
}
a {
	outline: none;
}	

@-webkit-keyframes zoom {
  0% { -webkit-transform:scale(0); }
  100% { -webkit-transform:scale(1); }
}
@-moz-keyframes zoom {
  0% { -moz-transform:scale(0); }
  100% { -moz-transform:scale(1); }
}

@media screen and (max-height: 850px) {
	li[id]:target a  {		
		margin:-200px 0 0 -118px;	
	}
}
#cover1 .zoom1{}
 
 
span.dropt {border-bottom: none; background: #ffeedd;}
span.dropt:hover {text-decoration: none; background: grey; z-index: 6; }
span.dropt span {position: absolute; left: -9999px;
  margin: 0px 0 0 0px; padding: 3px 3px 3px 3px;
  border-style:solid; border-color:black; border-width:0px; z-index: 6;}
span.dropt:hover span {left: 1%; background: pink} 
span.dropt span {position: absolute; left: -9999px;
  margin: 4px 0 0 0px; padding: 3px 3px 3px 3px; 
  border-style:solid; border-color:black; border-width:0px;}
span.dropt:hover span {

color: ; 
margin: 10px 0 0 10px;
background:rgba(0,0,0,.4);

z-index:6;} 
 
 
 
 
 


	/*#####*/






















div #footer {
    clear: left;
	font: 1.0em/1.0em 'Roboto Slab', serif; padding-right: 15px; color: #966B4B;
   background: rgba(255,255,255,0.9);/*rgba(200,191,208,0.9)*/ 
    
	 border:0;
	-moz-box-shadow:1px -1px 20px rgba(0, 0, 0, .9);
	-webkit-box-shadow:1px -1px 20px rgba(0, 0, 0, .9);
	box-shadow:1px -1px 20px rgba(0, 0, 0, .9);
	
	margin-top: 40px;
	margin-left: 0px;
	margin-bottom: 25px;
	padding: 0px;
	z-index: 3;






   margin-top:4em;
    
    text-align:center;
    padding:10px;
}