@charset "utf-8";  /*** UTF Kodierung erspart Sonderzeichenkodierung ***/

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

/* muli-regular - latin */
@font-face {
  font-family: 'Muli';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/muli-v11-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Muli Regular'), local('Muli-Regular'),
       url('../fonts/muli-v11-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/muli-v11-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/muli-v11-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/muli-v11-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/muli-v11-latin-regular.svg#Muli') format('svg'); /* Legacy iOS */
}
/* muli-italic - latin */
@font-face {
  font-family: 'Muli';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/muli-v11-latin-italic.eot'); /* IE9 Compat Modes */
  src: local('Muli Italic'), local('Muli-Italic'),
       url('../fonts/muli-v11-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/muli-v11-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/muli-v11-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/muli-v11-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/muli-v11-latin-italic.svg#Muli') format('svg'); /* Legacy iOS */
}
/* muli-600 - latin */
@font-face {
  font-family: 'Muli';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/muli-v11-latin-600.eot'); /* IE9 Compat Modes */
  src: local('Muli SemiBold'), local('Muli-SemiBold'),
       url('../fonts/muli-v11-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/muli-v11-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/muli-v11-latin-600.woff') format('woff'), /* Modern Browsers */
       url('../fonts/muli-v11-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/muli-v11-latin-600.svg#Muli') format('svg'); /* Legacy iOS */
}
/* muli-600italic - latin */
@font-face {
  font-family: 'Muli';
  font-style: italic;
  font-weight: 600;
  src: url('../fonts/muli-v11-latin-600italic.eot'); /* IE9 Compat Modes */
  src: local('Muli SemiBold Italic'), local('Muli-SemiBoldItalic'),
       url('../fonts/muli-v11-latin-600italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/muli-v11-latin-600italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/muli-v11-latin-600italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/muli-v11-latin-600italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/muli-v11-latin-600italic.svg#Muli') format('svg'); /* Legacy iOS */
}
/* muli-700italic - latin */
@font-face {
  font-family: 'Muli';
  font-style: italic;
  font-weight: 700;
  src: url('../fonts/muli-v11-latin-700italic.eot'); /* IE9 Compat Modes */
  src: local('Muli Bold Italic'), local('Muli-BoldItalic'),
       url('../fonts/muli-v11-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/muli-v11-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/muli-v11-latin-700italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/muli-v11-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/muli-v11-latin-700italic.svg#Muli') format('svg'); /* Legacy iOS */
}
/* muli-700 - latin */
@font-face {
  font-family: 'Muli';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/muli-v11-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Muli Bold'), local('Muli-Bold'),
       url('../fonts/muli-v11-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/muli-v11-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/muli-v11-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/muli-v11-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/muli-v11-latin-700.svg#Muli') format('svg'); /* Legacy iOS */
}
/* muli-800 - latin */
@font-face {
  font-family: 'Muli';
  font-style: normal;
  font-weight: 800;
  src: url('../fonts/muli-v11-latin-800.eot'); /* IE9 Compat Modes */
  src: local('Muli ExtraBold'), local('Muli-ExtraBold'),
       url('../fonts/muli-v11-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/muli-v11-latin-800.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/muli-v11-latin-800.woff') format('woff'), /* Modern Browsers */
       url('../fonts/muli-v11-latin-800.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/muli-v11-latin-800.svg#Muli') format('svg'); /* Legacy iOS */
}
/* muli-800italic - latin */
@font-face {
  font-family: 'Muli';
  font-style: italic;
  font-weight: 800;
  src: url('../fonts/muli-v11-latin-800italic.eot'); /* IE9 Compat Modes */
  src: local('Muli ExtraBold Italic'), local('Muli-ExtraBoldItalic'),
       url('../fonts/muli-v11-latin-800italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/muli-v11-latin-800italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/muli-v11-latin-800italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/muli-v11-latin-800italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/muli-v11-latin-800italic.svg#Muli') format('svg'); /* Legacy iOS */
}




html { 
height: 100%; 
padding-bottom: 1px;
}

body{
	height: 100%;
	margin: 0; padding: 0;
	font-family: 'Muli', sans-serif;
	background: url(../img-physiotherapie-charlottenburg/hg-massage-berlin.jpg)  center no-repeat;
 background-size:cover;
 color: #55514b;

}
img {
border: none;
}

.csslider1 {float:left !important; }
.absage {background: #F1F1F1;
display:block;
padding:10px;
border:solid 1px #dfdfdf;
}

#round_white, #round_white .sb-inner {background: #fff;}

/**** link im text ****/

a:active, a:focus {
outline:0;
}

a.aktiv, a.aktiv:visited {
 color: #55514b;
text-decoration: underline;
}
a.aktiv:hover {
color: #010081;
text-decoration: underline;
}

a.extern, a.extern:visited {
color: #010081;
text-decoration: none;
font-weight: normal;
}
a.extern:hover {
color: #010081;
text-decoration: underline;
}

/********/

.wrapper {
position:relative;
top:10px;
margin-bottom: 100px;
margin-left: auto;
margin-right: auto;
width: 100%;
max-width: 1050px;
height: 100%;
border-radius: 8px;
-webkit-border-radius:8px;
-moz-border-radius:8px;
-khtml-border-radius:8px;
}
.content {
position:relative;
top:0;
margin-left: 10px;
margin-right: 10px;
max-width: 1050px ;
width:auto;
-webkit-box-shadow: 0 9px 16px #333;
-moz-box-shadow: 0 9px 16px #333;
box-shadow: 0 9px 16px #333;
border-radius: 8px;
-webkit-border-radius:8px;
-moz-border-radius:8px;
-khtml-border-radius:8px;
}

.header {
padding: 10px 0 0 10px;
min-height: 120px;
height: auto;
min-width: 280px;
}

.leiste {
background: #f1ebe4;
min-height: 200px;
border-top:1px #EFE7DA solid;
-webkit-box-shadow: 4px 4px 7px 0px rgba(50, 50, 50, 0.5);
-moz-box-shadow:    4px 4px 7px 0px rgba(50, 50, 50, 0.5);
box-shadow:         4px 4px 7px 0px rgba(50, 50, 50, 0.5);

}
.leiste img, .leiste iframe {
float: left;
margin:0;
max-width: 300px;
max-height: 200px;
width: 100%;
}

.feature .team {max-width: 650px;
width: 100%;}

.inhalt {
margin:0;
border-radius: 8px;
-webkit-border-radius:8px;
-moz-border-radius:8px;
-khtml-border-radius:8px;
clear:both;
}
.leftside {
float:left;
width: 25%;
min-width: 270px;
height: auto;
padding-top: 45px;
padding-left: 30px;
background: url(../img-physiotherapie-charlottenburg/sidebarlinie.png) top right no-repeat;
}

.leftside a { color: #55514b;
text-decoration:none;
}

.leftside a.aktiv { color: #55514b;
text-decoration:underline;
}

/** Hauptnavigation **/


.menu1 {
margin: 10px 10px 0 320px;
width: auto;
height: auto;
}



.menu1 a {
display: block;
	padding: 2px 4px 2px 18px;
    color: #010081;
	font-size: 1em;
    text-decoration: none;
}

.menu1 a:hover {
    color: #887a63;
    text-decoration: underline;
}
.menu1 a.aktiv {text-transform:uppercase;
    color: #010081;

}






/* Subnavigation */

.menu2 {
padding: 93px 30px 0 0;
margin:0;
width: auto;
height: auto;
text-align: right;
line-height: 1.1em;
}
.menu2 a {
    display: block;
	padding: 2px 0 2px 16px;
	margin: 0;
	width: auto; 
    color: #62696d;
	font-size: 0.75em;
	font-weight: normal;
    text-decoration: none;
}
.menu2 a:hover {
    color: #eb6800;
	font-weight: normal;
    text-decoration: none;
}
.menu2 a.current {
    display: block;
	padding: 2px 0 2px 16px;
	margin: 0;
	width: auto;  
	font-size: 0.75em;
	color: #eb6800;
	font-weight: bold;
    text-decoration: none;
}
.menu2 a.current:hover {
    color: #eb6800;
    text-decoration: none;
	font-weight: bold;
}

.red {color:#cc0000;}

/**** Textseiten *  3b8fb6 ***/

.feature {
margin-left: 320px;
padding: 5px 15px 30px 20px;
}

h1 {
margin: 35px 0 20px 0;
font-size: 1.1em;
color: #010081;
font-weight: normal;
line-height: 1.4em;
}
h2 {
margin:0;
padding: 10px 0 0 0;
font-size: 1.1em;
font-weight: normal;
color: #010081;

}

h3 {
margin:0;
padding: 10px 0 0 0;
font-size: 1em;
color: #010081;
font-weight: normal;
}

h4 {
margin:0;
padding: 10px 0 0 0;
font-size: 1em;
color: #010081;
font-weight: normal;
}

p {
margin: 8px 0 12px 0;
line-height: 1.4em;
}

.bildleft {
float: left;
padding-right: 16px;
}
.feature .bildrechts {
	float: right;
padding-left: 16px;
max-width:250px;
	}

.aktiv strong {
	font-weight: normal;
}


.adresse {
float: right;
padding: 10px 10px;
font-size: 20px;
color: #a49787;
font-weight:400; 
}
.zitat {
margin: 10% 0 0 10%;
padding: 30px 0 0 25px;
height: auto;
text-align: left;
}
.clear {
clear: both; width: 1px; margin:0;
}
.einzug {
padding: 0 30px 0 25px;
font-size: 0.7em;
}
ul {
margin: 0 0 0 25px;
padding: 0;
line-height: 1.4em;
}
li {
padding: 0 0 0 0;
list-style-image: url(../img-physiotherapie-charlottenburg/li-physiotherapie-charlottenburg.png);
}

a img.fancybox {
	border: 1px solid #bec9ce;
	padding: 3px;
	margin: 5px 5px 5px 0;
	vertical-align: top;
}

/*** footer ***/
.footer{
position: relative;
clear:both;
padding-left: 330px;
color: #010081;
font-size: 0.9em;
min-height: 60px;
background: url(../img-physiotherapie-charlottenburg/linie.png) no-repeat;
padding-top:10px;
}

/***mininavi footer***/
.footer a {
	padding: 0 1px 2px 1px;
	margin: 0; 
	width: auto; 
    color: #010081;
	text-align: left;
	font-weight: normal;
    text-decoration: none;
}
.footer a:hover {
    color: #f16a00;
	font-weight: normal;
    text-decoration: none;
}
.footer a.current {
    padding: 0 1px 2px 1px;
    color: #f16a00;
	font-weight:bold;
	/**background: url(../img/aktiv.gif) no-repeat;**/
}

.footer strong {
	font-weight: normal;
}


hr { 
color: #fff; 
border-bottom: 1px dotted #ccc;
border-top: 1px dotted #ccc;
}

p a {color:#595959;}
li a {color:#595959;}
h4 a {color:#010081;}

@media only screen and (min-width: 600px) and (max-width: 767px) {
	
	body {width: 100%; max-width: 760px; padding: 0 0 60px 0;}
	.leiste img { float: left; padding-bottom: 0;}
	.leftside { float:left; width: 280px; height: auto;}
	.adresse { display: none;}
	.feature { float: left; margin-left: 0; padding: 15px; background: transparent;}
	.menu2 { padding: 10px 0 0 30px; margin:0; text-align: left; line-height: 1.1em;}
	.feature h1 {margin-top: 10px; font-size: 1.2em;} 
}

/*		mein break point */

@media only screen and (min-width: 480px) and (max-width: 600px) {
	
	body {width: 100%; max-width: 590px; padding: 0 0 60px 0;}
	.leiste img { float: left; padding-bottom: 0; height: auto;}
	.leftside { float:left; width: 100%; height: auto;}
	.adresse { display: none; }
	.feature { float: left; margin-left: 0; padding: 15px; background: transparent;}
	.menu2 { padding: 10px 0 0 30px; margin:0; text-align: left; line-height: 1.1em;}
	.feature h1 {margin-top: 20px; font-size: 1.2em;} 
}

/*	Mobile Layout: 320px. Gutters: 24px. Outer margins: 34px. */

@media only screen and (min-width: 280px) and (max-width: 480px) {
	  
	body { width: 100%; min-width: 280px; max-width: 480px; padding: 0 0 60px 0;}
	.header img { float: none; width: 280px; margin-left: -10px;}
	.leiste img { float: none; padding-bottom: 5px; max-width: 480px; height: auto;}
	.menu1 { margin:0; float: none; padding-bottom: 20px;}
	.menu1 a {display: block; border-bottom: 1px dotted #ccc;}
	.leftside {float:none; width: 100%; max-width: 270px; height: auto;}
	.feature { float: left; margin-left: 0; padding: 15px;}
	.footer {padding: 20px 10px; color:#010081; font-size: 0.7em;}
	.adresse { display: none;}
	.menu2 { padding: 10px 0 0 30px; margin:0; text-align: left; line-height: 1.1em;}
	.feature h1 {margin-top: 20px; font-size: 1em;} 
	.audiolink { float:left; margin: 30px 10px 30px 0; padding: 130px 5px 0 5px;}
	.h2Blog {padding-left: 26px; max-width: 240px;}
	.footer{ background-color: #fff;
}
}
/*	Retina media query */ 

@media 
	only screen and (-webkit-min-device-pixel-ratio: 2),
	only screen and (min-device-pixel-ratio: 2) {
	body { }
}