@font-face {
    font-family: 'Candara';
	src: url('fonts/Candara.ttf') format('truetype'),
		 url('fonts/Candara.woff') format('woff'),
		 url('fonts/Candara.woff2') format('woff2'),
		 url('fonts/Candara.eot') format('eot'),
		 url('fonts/Candara.otf') format('opentype');
}
@font-face {
    font-family: 'Calibri';
	src: url('fonts/calibri.ttf') format('truetype'),
		 url('fonts/calibri.woff') format('woff'),
		 url('fonts/calibri.woff2') format('woff2'),
		 url('fonts/calibri.eot') format('eot'),
		 url('fonts/calibri.otf') format('opentype');
}


img {
  width: 100%;
  height: auto;
}

body{
  font-family: "Candara";
  font-family: "Calibri";
  padding: 0;
  margin: 0;
  background-color: #999;
}


a{
  text-decoration: none;
}

.bodytext a{
  text-decoration: none;
  color: #666;
}

h1, h2 {
  font-weight: normal;
}

div#wrapper {
  width: 100%;
  margin: 0 auto;
  background-color: #999999;
}

div#site_header {
  margin: 0 auto;
  margin-top: 0.5rem;  
}


div#leiste{
  min-height: 11rem;
  background-color:  #fff;
  padding-top: 0.5%;
  padding-left: 3%;
  padding-right:3%;
  width: 94%;
  
}

div#header_left{
	width: 65%;
	color:#666;
	float:left;
	
}

div#header_right{
	width: 35%;
	float: right;
	color:#666;
	text-align: right;
}

div#schriftzug{
	font-size: 400%;
	letter-spacing: 10px;
	font-weight: 100;
	text-transform: uppercase;
}
div#physiotherapie{
	font-size: 100%;
	letter-spacing: 11px;
	font-weight: 100;	
	text-transform: uppercase;
	float:left;
	margin-top: 0.5%;
}

div#termin{
	font-size: 150%;
	letter-spacing: 1px;
	font-weight: 100;	
}

div#telefon{
	font-size: 150%;
	letter-spacing: 1px;
	font-weight: 100;	
	color: #3cf;/*#1fdfdf;*/
	font-weight: bold;
}

div#telefon:before{
	content: '\2706';
	margin-right:1rem;
	font-weight: bold;
}

div#email:before{
	content: '\2709';
	margin-right: 0.5rem;
	
}

div#logo {
  /*float: left;
  width: 10%;*/
  /*z-index:999;
  position:absolute;*/
  clear:left;
  width: 13%;/*30%;*/
  /*filter: alpha(opacity=20);
  opacity: 0.2;
  width: 10%;*/
}
div#logo  img{
  width: 100%;
}

div#teaser {
	font-size: 220%;
	padding-top: 2rem;
	margin-right:1rem;
	width: 65%;
	float: left;
	text-align:center;
	/*color: #1fdfdf;
	text-shadow: 1px 1px #ccc;*/
	color: #666;	
}

div#wrap_nav{
	float: left;
	margin-top: 0;/*0.5rem;*/
	padding-left: 3%;
	padding-right: 3%;
	width: 44%;
}
div#cont_top_nav{
  margin: 0 auto;
  padding-top: 0.7rem;
  
}
div#cont_sec_nav{
  margin: 0 auto;
  padding-top: 0.7rem;
  min-height:10rem; 
}


.top_nav{
  padding: 0 2% 1% 0;
  clear:all;
  float: left;
  min-height: 3rem;
  color: #666;
  text-transform: uppercase;
  font-size: 120%;
  width: 100%;
}

.top_nav  a{
  color: #666;
  text-decoration: none;
  padding: 1rem 2rem 2rem 0;
  margin-left: 0.1rem;
}

.active a,
.top_nav  a:hover,
.top_nav  a:active {
  color: #fff;  
}

.sub_active a,
.li_ul_top_nav_sub_items  a:hover,
.li_ul_top_nav_sub_items  a:active {
  color: #666; 
}


#top_nav a:first-child {
	padding-left: 0;
}

.top_nav  ul  {
	text-decoration:none;
	list-style-type:none;
	padding:0;	
}

.li_ul_top_nav{
	float: left;
	/*max-width: 12rem;*/
	padding-right: 1rem;
}

.li_top_nav {
	clear: all;
}
.li_top_nav ul{
	clear: all;
	
}

.ul_top_nav_sub_items{
	margin-top: 2rem;
	float:left;
	width: 100%;	
	padding-left:0;
}
.ul_top_nav_sub_items li,
.ul_top_nav_sub_items li:first-child{
	margin: 0;
	padding:0;
	/*width: auto;*/
	/*max-width: 30rem;*/
	float:left;	
	width: 16rem;
	list-style:none;
	line-height: 200%;
	font-size: 110%;
}

.li_ul_top_nav_sub_items{
	float:left;
}

.li_ul_top_nav_sub_items a{
	color: #3cf;/*#1fdfdf;*/
}

div#breadcrumbs {
	height: 2rem;
	font-size: 80%;
	padding: 0% 2% 0% 2%;
}
div#breadcrumbs a{
  text-decoration: none;
  color: #666;
  
}
div#breadcrumbs 	ul {
	list-style-type:none;
}

div#wrap_content{
	width: 47%;
	margin: 0 auto;
	float:left;
	padding-right: 3%;
	/*padding-left: 3rem;
	padding-right:3rem;*/
}

div#content {
	/*margin: 0 auto;
	padding: 1%;*/
	margin-top: -1.5rem;
	float: left;
	/*min-height: 20rem;*/
	width: 100%;
	color: #333;
}

div#content h2{
	text-transform: uppercase;
	color: #333;
}
/* gallerie */
.ce-intext.ce-right .ce-gallery, .ce-intext.ce-left .ce-gallery, .ce-above .ce-gallery {
	margin-bottom: 0;
}

div#fotos{
	padding-left: 3%;
	padding-right:3%;

	float:left;
	min-height: 1rem;
	width: 94%;
	margin: 0 auto;
	background-color: #999;
}

div#fotos span{
	width: 33.33%;
	float: left;
	display:inline-block;
	padding: 0;
	margin:0;
	background-color:#fff;
	line-height:70%
	
}

div#fotos img{
	padding-left: 1%;
	padding-top:2.5%;
	padding-bottom:0;
	margin-bottom:0;
	background-color:#fff;
	width:99%;
	
}
/*div#fotos img:first-child{
	padding-left: 0;
}
*/

div#fotos .firstImg img {
	padding-left: 0;
	padding-bottom:0;
}
div#fotos .secondImg img {
	padding-right: 1%;
	padding-bottom:0;
}

div#fotos .thirdImg img {
	padding-left: 2%;
}



.foto1{
}

.foto2, .foto3{
	margin-left: 2rem;
}

div#wrap_footer{
	float:left;
	color: #3cf;/*#1fdfdf;*/
	background-color: #333;
	min-height: 1rem;
	width: 94%;
	margin: 0 auto;
	padding-left: 3%;
	padding-right:3%;
}


div#foot_bot{
  min-height: 1rem;
  padding-top: 1.5%;
  padding-bottom: 1.5%;
  margin: 0 auto;
}

div#copyright{
  float: left;
  margin-right: 1%; 
  margin-left: 0;
  width: 75%;
}
#copyright div{
	float:left;
	margin-right: 1rem;
	letter-spacing: 1px;
}

div#footer_nav{
	float: right;   
	margin-right: 1%; 
	margin-left: 1%;
  
}


div#footer_nav a{
  text-decoration: none;
  text-transform: uppercase;
  color: #666;
}

div#footer_nav a:hover{
  color: #fff;
}

#footer_nav a:first-child {
  margin-right: 3rem;
  padding-left: 0;
  color: #666;
}

@media screen and (max-width:1570px){
	div#schriftzug{ font-size: 350%;	}
	div#leiste{min-height: 9rem;}
}

@media screen and (max-width:1410px){
	div#schriftzug{ font-size: 300%;	}
	div#leiste{min-height: 7.5rem;}
	div#header_left{width: 70%;}
	div#header_right{width: 30%;}
}


@media screen and (max-width:1312px){
	div#copyright{ width: 60%;	}
	div#termin{font-size:130%;}
	div#telefon{font-size:150%;}
}

@media screen and (max-width:1175px){
	.li_ul_top_nav { clear:left; padding-bottom:1rem;}
	.li_ul_top_nav_sub_items {clear:left; width:100%;}
	.ul_top_nav_sub_items li, .ul_top_nav_sub_items li:first-child { font-size: 150%; width: 100%;}
	
	div#telefon{color: #3cf;/*#1fdfdf;*/}
	#foot_bot{font-size: 150%;}
	div#copyright{width: 62%;}
	div#footer_nav{margin-right: 0;}
	div#termin{font-size:120%;}
	div#telefon{font-size:150%;}
	
	
}

@media screen and (max-width:1144px){
	div#copyright, div#footer_nav{width: 100%; }
	.top_nav{font-size: 300%;}
	.ul_top_nav_sub_items li, .ul_top_nav_sub_items li:first-child { font-size: 280%;}
	div#content h2, div#content{font-size: 180%;	}
	div#termin{font-size:130%;}
	div#telefon{font-size:170%;}
	div#physiotherapie{font-size: 120%;}
	
}

@media screen and (max-width:1164px){
	div#schriftzug{ font-size: 250%;	}
}
@media screen and (max-width:1018px){
	div#schriftzug{ font-size: 200%;	}
	div#leiste{min-height: 6.5rem;}
}

@media screen and (max-width:972px){
	div#header_right div{ font-size:120%;	}
}
@media screen and (max-width:922px){
	div#header_right div{ font-size:100%;	}
}

@media screen and (max-width:940px){
	.ul_top_nav_sub_items li,
	.ul_top_nav_sub_items li:first-child{
		margin: 0;
		padding:0;
		/*width: auto;*/
		/*max-width: 30rem;*/
		clear: left;
	}

	.li_ul_top_nav_sub_items{
		clear:left;
	}
}

@media screen and (max-width:872px){
	div#schriftzug{ font-size: 180%;	}
	div#leiste{min-height: 5.75rem;}
}


@media screen and (max-width:854px){
	div#copyright{ width: 100%;	margin: 0 auto; clear: left;}
	div#copyright div{ float:left; margin: 0 auto;}
	div#footer_nav{ float: left; margin:0 auto;}
	
	div#footer_nav,
	div#copyright {
		margin:0 auto;
		padding:0.25rem;
		margin-bottom:0.5rem;
		width: 100%;	
	}
}

@media screen and (max-width:814px){
	div#header_left{ width: 100%;}
	div#header_right{display:none;}
}

@media screen and (max-width:776px){
	.top_nav a{
		padding: 0;
	}
}

@media screen and (max-width:700px){
	#leiste_top_nav{
		background-color: #fff;
		min-height: 1rem;
	}
	
	.top_nav, 
	.ul_top_nav, 
	.ul_top_nav li, 
	.li_ul_top_nav,
	.li_ul_top_nav li{
		width: 100%;
		background-color: #3cf;/*#1fdfdf;*/
		clear:left;
		margin: 0;
		padding: 0;
	}
		
	div#cont_top_nav{
		padding:0;
		width:100%;
	}
	
	.li_ul_top_nav a{
		width: 100%;
		text-align:center;
	}
	
	.ul_top_nav_sub_items,
	.ul_top_nav_sub_items li,
	.li_ul_top_nav_sub_items{
		width: 100%;
		background-color: #fff;
		text-align:center;
	}
		
	.li_ul_top_nav,
	.li_ul_top_nav a{
		max-width: 100%;
		text-align: center;
	}
	
	.ul_top_nav li,
	.top_nav  a:active {
		padding-top: 0.5rem;
		padding-bottom: 0.5rem;
	}
	
	.ul_top_nav li a,
	.ul_top_nav_sub_items{
		padding: 0;
		margin:0;
	}
	
	.li_ul_top_nav_sub_items,
	.li_ul_top_nav_sub_items li,
	.li_ul_top_nav_sub_items a,
	.ul_top_nav_sub_items li ,
	.ul_top_nav_sub_items li:first-child	{
		width: 100%;
		text-align: center;
		padding: 0;
		margin:0 0;
		text-align:center;
	}
	
	.li_ul_top_nav_sub_items{
		width: 20rem;
	}
	.li_ul_top_nav_sub_items a{
		margin:0 auto;
		padding:0;
		text-align: center;		
	}
	.ul_top_nav_sub_items li{
		margin:0;
		padding:0;
		text-align: center;
		
		/*padding-left: 0;
		margin-left: 0;*/
	}
	
	.top_nav_sub_items  ul{
		margin:0 auto;
		padding:0;
		/*padding-left: 0;
		margin-left: 0;*/
	}
	
	.ul_top_nav_sub_items  {
		margin: 0 auto;
		padding:0;
		/*padding-left: 0;
		margin-left: 0;*/
	}
	
	.ul_top_nav_sub_items li {
		width: 80%;
		min-width: 100%;
		max-width:80%;
		/*padding-left: 0;
		margin-left: 0;		*/
	}
	
	.ul_top_nav_sub_items {
		margin-top: 0.25rem;
		float: left;
		min-width: 100%;
	}
	
	/*div#foot_bot{
		clear:left;
		text-align:center;
	}
	
	div#footer_nav,
	div#copyright {
		margin:0 auto;
		padding:0.25rem;
		margin-bottom:0.5rem;
		width: 100%;	
		
	}*/
}


@media screen and (max-width:570px){
	div#schriftzug{ font-size: 150%;	}
	div#leiste{min-height: 5rem;}
}

@media screen and (max-width:510px){
	div#schriftzug{font-size: 120%;	}
	div#content h2{font-size: 130%;	}
	
}

@media screen and (max-width:448px){
	div#schriftzug{font-size: 100%;	}
	div#physiotherapie{font-size: 80%;}
	div#leiste{min-height: 4rem;}
}


/* IPHONE */
/*@media only screen and (max-device-width:640px){
}*/