/*Allgemein*/
body {	
		background-color:white;		
		font-size:100%;
		margin:0;
		padding:0;
		font-family:Helvetica, sans-serif;
		font-weight:lighter;
		height:100%;
		text-align:center;
		color:#7d7d7d;
	 }	

a {text-decoration:none;
border:0px solid white;}

b{font-weight:bold;}


/*Menübutton für Smartnavi*/
#physionavi{
	box-shadow: 0px black;
	display:none;
	z-index:500;
	position:fixed;
	margin:2% 0% 0% 2%;
	width:5%;
	height:auto;
	font-weight:bold;
	padding:0em;
	}

#physionavi img{
	width:100%;
	}

#physionavi a:link{
	color:#b5133f;
	}

#physionavi a:hover{
	color:#b5133f;
	background-color:transparent;
	}

#physionavi a:visited{
	color:#b5133f;
	}
	
/*Logo*/





/*Navigation*/

#menuelinks{
	
	background-color:#b5133f;
	height:100%;
	width:25%;
	border:0px solid black;
	position:fixed;
	margin:0;
	text-align:left;
	display:block;
	padding:0 ;
	float:left;
		}


#menuelinks ul{
	list-style-position: outside;
	margin:0;
	padding:0;
	border:0px solid white;
	height:100%;
	min-height:100%;
	max-height:100%;
}

#menuelinks ul li{
	width:100%;
	font-size:100%;
	border:0px solid white;
	padding:2% 5% 2% 10%;
	list-style-type:none;
	border-bottom:1px solid #79b41c;
}

#menuelinks ul li a{
	color:white;
	}

#menuelinks ul li{
	color:white;
	}

#menuelinks ul li img{
	width:87%;
	padding:5% 5% 5% 0%;
	}


	


/*Content Area*/
#physio-inhalt {
	width:75%;
	padding:0% 0% 40% 0%;
	border:0px solid black;
	height:auto;
	min-height:100%;
	float:right;
	}
	
#physio-inhalt img{
	width:100%;}

p.linksh{
	width:100%;
	color:#77b61d;
	font-family:Times, serif;
	font-size:400%;
	font-style:italic;
	text-align:left;
	padding-left:5%;
	}

p.mitteh{
	width:100%;
	color:#77b61d;
	font-family:Times, serif;
	font-size:400%;
	font-style:italic;
	text-align:center;
	margin-top:-8%;
	padding:0% 5% 0% 5%;
	}

p.rechtsh{
	width:100%;
	color:#77b61d;
	font-family:Times, serif;
	font-size:400%;
	font-style:italic;
	text-align:right;
	padding-right:5%;
	margin-top:-8%;
	}

b.redh{
	font-size:140%;
	color:#b4113e;
	font-weight:normal;
	}

p.text b.red{
	color:#b4113e;
	font-weight:normal;
	}

p.text{
	line-height:1.5em;
	text-align:justify;
	padding:0% 5% 1% 5%;
	}

p.text i {
	color:#7d7d7d;
	font-weight:bold;
	}

#bild {
	width:22%;
	margin:0% 5% 0% 5%;
	float:left;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
	}
	
#bild2 {
	width:22%;
	margin:0% 10% 0% 5%;
	float:right;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
	}


 img{
	width:100%;
	}
	
#trennstreifen{
	width:30%;
	float:right;
	margin:0% 0% 0% 3%;
	}

#trennstreifen img{
	width:100%;
	}

h2{
	color:#b4113e;
	font-family:Times, serif;
	font-size:180%;
	font-style:italic;
	font-weight:normal;
	text-align:left;
	padding:0% 0% 0% 5%;
	}

h4{
		color:#b4113e;
		font-family:Times, serif;
		font-size:140%;
		font-style:italic;
		font-weight:normal;
		text-align:left;
		padding:0% 0% 0% 5%;
		}

ul {
	text-align:left;
	margin:-3% 5% 1% 3%;
	list-style-position:outside;
	}

li {line-height:1.5em;
	
	}

a:link{
	font-weight:bold;
	color:#b4113e;
	
	}

a:hover{
	font-weight:bold;
	color:#5e0921;
	}

a:visited{
	color:#b4113e;
	}
	
	.video-wrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	height: 0;}
.video-wrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 90%;
	height: 90%;
	margin:0% 5% 5% 5%;
		-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
	
}

.cc_container .cc_btn {
background-color: #79b41b !important; /* Farbe des Buttons */
color: white !important; /* Textfarbe des Buttons */
}
 
.cc_container {
background: #b5133e !important; /* Hintergrundfarbe des gesamten Bereichs */
color: white !important; /* Schriftfarbe des gesamten Bereichs */
}
 
.cc_container a {
color: #79b41b !important; /* Textlink-Farbe "Mehr Infos" */
}


/*Mobile Style*/

/*Apple iPad*/
@media screen and (max-width:1024px) and (max-height:768px) {
		
	b.redh{
	font-size:110%;
	}
	
	#menuelinks ul li{
	padding:3% 5% 3% 10%;
	font-size:90%;
	}
}

/*Apple iPhone*/

@media screen and (max-width:880px) {
	
	#menuelinks ul li{
	font-size:90%;
	}

		
	p.linksh{
	font-size:270%;
	}

	p.mitteh{
	font-size:270%;
	}

	p.rechtsh{
	font-size:270%;
	}

	b.redh{
	font-size:110%;
	}
	
	#bild {
	width:90%;
	margin:5% 5% 5% 5%;
	clear:both;
	}
	
	body{
	font-size:90%;
	}
	
	#trennstreifen{
		width:40%;
		}
}

@media screen and (max-width:780px) {
	
	#menuelinks ul li{
	font-size:80%;
	}

		
	p.linksh{
	font-size:270%;
	}

	p.mitteh{
	font-size:270%;
	}

	p.rechtsh{
	font-size:270%;
	}

	b.redh{
	font-size:110%;
	}
	
	#bild {
	width:90%;
	margin:5% 5% 5% 5%;
	clear:both;
	}
	
	body{
	font-size:90%;
	}
	
	#trennstreifen{
		width:40%;
		}
}

@media screen and (max-width:780px) {
	
	#menuelinks ul li{
	font-size:80%;
	}

		
	p.linksh{
	font-size:270%;
	}

	p.mitteh{
	font-size:270%;
	}

	p.rechtsh{
	font-size:270%;
	}

	b.redh{
	font-size:110%;
	}
	
	#bild {
	width:90%;
	margin:5% 5% 5% 5%;
	clear:both;
	}
	
	body{
	font-size:90%;
	}
	
	#trennstreifen{
		width:40%;
		}
}



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

	#menuelinks{
	display:none;
	}
	
	#physionavi{
	display:block; 	
	}
	
	#physio-inhalt{
	width:100%;	
	clear:both;
	}
	
	p.linksh{
	font-size:280%;
	}

	p.mitteh{
	font-size:280%;
	}

	p.rechtsh{
	font-size:280%;
	}

	b.redh{
	font-size:130%;
	}
	
	#bild {
	width:90%;
	margin:5% 5% 5% 5%;
	clear:both;
	}
	
	body{
	font-size:90%;
	}
	
	#trennstreifen{
		width:40%;
		}
}

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

	#physionavi{
	width:10%;	
	}
	
	p.linksh{
	font-size:220%;
	}

	p.mitteh{
	font-size:220%;
	}

	p.rechtsh{
	font-size:220%;
	}

	b.redh{
	font-size:100%;
	}
	
	#trennstreifen{
	width:50%;
	}
	

}

@media screen and (max-width:320px)  {
	
	
	p.linksh{
	font-size:200%;
	}

	p.mitteh{
	font-size:200%;
	}

	p.rechtsh{
	font-size:200%;
	}
	
		
}