/* tartes medien design 
 09_06_17*/
 
body {
	background-color: #E2E7EA;
	height: 100%;
	margin: 0 auto;
	overflow: inherit;
	width: 100%;
}

html {
	height: 100%;
	margin: 0 auto;
	width: 100%;
}

#seite {
	height: 100%;
	margin: 0 auto;
	overflow: inherit;
	padding: 0;
	width: 780px;
}
#header {
	background-color: #A3A0A3;
	height: auto;
	min-height: 100px;
	margin: 0;
	overflow: inherit;
	padding: 0;
	width: 100%;
}
.logo {
	background-image: url(img/teamherter.gif);
	background-repeat: no-repeat;
	height: 379px;
	width: 454px;
	margin: 0 auto;
}
h1 {
	color: #ffffff;
	font: 150%  Verdana, sans-serif;
	}
h2 {
	color: #ffffff;
	font: 150%  Verdana, sans-serif;
	}
h3 {
	color: #0985C1;
	font: 120%  Verdana, sans-serif;
	font-weight: 100;
	}
h1.physio{
	color: #2DA0CC;
	font: 150%  Verdana, sans-serif;
	}

a {
	color: #ffffff;
	font: 100% Verdana, sans-serif;
}
  a.index {
  color:#058ADA;
  font-size:100%;
  font-weight: normal;
  text-decoration: none;
  }
a:hover {
	color: #666;
	font: 100% Verdana, sans-serif;
}
.willkommen {
display:none;
	}
a.top, .top a:hover {
clear: both;
color: #ffffff;
font-size: 90%;
margin: 20px 0 40px 0;
padding: 0;
width: 400px;
}
#erlaeuterungen, .erlaeuterungen  {
	color: #0985C1;
	}

/*------------------------------------------------- physiotherapie -----------------------------------------*/

.oben {
height:70px;
margin: 0 auto;
width: 780px;
}
.titel {
background-image: url(img/titel.gif);
background-repeat: no-repeat;
height: 30px;
margin: 0 0 0 0; 
padding: 0;
width: 780px;
}
/*-------------------------------------------------  navigation ------------------------------------------------- */
.navi ul{
clear: both;
display: inline;
float: left;
font: 80%/normal Verdana, sans-serif; 
height: auto;
list-style-type: none;
margin: 10px 0 0 0;
padding: 0;
width: 100%;
min-width: 740px;
}
.navi li {
color: #C0E3F8;
display: inline;
float: left;
height: auto;
list-style-type: none;
margin: 0;
padding: 0 10px 0 0;
text-decoration: none;
width: auto;
}
.navi a{
color: #ffffff;
font-weight: normal;
text-decoration: none;
}
.navi a:hover{
color: #000;
}
/******************************************** inhalt *******************************************/
.inhalt {
	background-color: #ADDCED;
	clear:both;
	color: #333;
	float: left;
	font: 90%  Verdana, sans-serif;
	height: 100%;
	margin: 0;
	overflow:hidden;
	padding: 20px;
	width: 50%;
	min-width: 440px;
	}
.inhalt_leistungen {
	background-color: #ADDCED;
	clear:both;
	color: #000;
	float: left;
	font: 90%  Verdana, sans-serif;
	height: auto;
	margin: 0 0 0 0;
	overflow:hidden;
	padding: 20px;
	width: 500px;
	}
p.leistungen {
	border: 2px solid #ffffff;
	float:right;
	height: auto;
	margin: 0 0 0 0;
	padding: 10px;
	width: 176px;
	background: #1889DC;
}
.leistungen a:hover {
color: #C5EAFC;
}
.bilder ul{
	display: block;
	float: left;
	height: auto;
	min-height: 450px;
	list-style-type: none;
	margin: 0 0 0 0;
	padding: 0;
	width: 90px;
}
.bilder li#flur {
	background-image: url(img/physiotherapie/flur.jpg);
	background-repeat: no-repeat;
	border: 4px solid #ffffff;
	height: 90px;
	margin: 0 ;
	min-width: 90px;
	}
.bilder li#regal {
	background-image: url(img/physiotherapie/regal.jpg);
	background-repeat: no-repeat;
	border: 4px solid #ffffff;
	height: 90px;
	margin: 0 ;
	min-width: 90px;
	}
.bilder li#pflanzen {
	background-image: url(img/physiotherapie/pflanzen.jpg);
	background-repeat: no-repeat;
	border: 4px solid #ffffff;
	height: 90px;
	margin: 0 ;
	min-width: 90px;
	}
.bilder li#eingang {
	background-image: url(img/physiotherapie/eingang.jpg);
	background-repeat: no-repeat;
	border: 4px solid #ffffff;
	height: 90px;
	margin: 0 ;
	min-width: 90px;
	}
.bilder li#praxis {
	background-image: url(img/physiotherapie/praxis.jpg);
	background-repeat: no-repeat;
	border: 4px solid #ffffff;
	height: 90px;
	margin: 0 ;
	min-width: 90px;
	}
.bilder li#baenke {
	background-image: url(img/physiotherapie/baenke.jpg);
	background-repeat: no-repeat;
	border: 4px solid #ffffff;
	height: 90px;
	margin: 0 ;
	min-width: 90px;
	}
.bilder li#sprossen {
	background-image: url(img/physiotherapie/sprossen.jpg);
	background-repeat: no-repeat;
	border: 4px solid #ffffff;
	height: 90px;
	margin: 0 ;
	min-width: 90px;
	}
.bilder li#handcreme {
	background-image: url(img/physiotherapie/handcreme.jpg);
	background-repeat: no-repeat;
	border: 4px solid #ffffff;
	height: 90px;
	margin: 0 ;
	min-width: 90px;
	}
.bilder li#kraftraum {
	background-image: url(img/physiotherapie/kraftraum.jpg);
	background-repeat: no-repeat;
	border: 4px solid #ffffff;
	height: 90px;
	margin: 0;
	min-width: 90px;
	}
	.bilder li#boxen {
	background-image: url(img/physiotherapie/boxen.jpg);
	background-repeat: no-repeat;
	border: 4px solid #ffffff;
	height: 90px;
	margin: 0 ;
	min-width: 90px;
	}
/********************************************** thema *****************************************/

#thema {
	background: #7EC0F1;
	color: #ffffff;
	display: block;
	float:right;
	font: 120% Verdana;
	height: auto;
	margin: -18px 0 0 0;
	padding: 40px 10px;
	width: auto;
	min-width: 180px;
}
.logo_physio {
	background-image: url(img/physiotherapie/logo.gif);
	background-repeat: no-repeat;
	float:right;
	display: block;
	height: 147px;
	margin: 0;
	padding: 0;
	width: 200px;
}
p.herter {
background-image:url(img/kontakt_anmeldung/herter.jpg);
background-repeat: no-repeat;
border: 14px solid #ffffff;
float:right;
height: 670px;
margin: 0 0 0 0;
padding: 0;
width: 172px;
}
p.logo_herter {
background-image:url(img/kontakt_anmeldung/team_herter.jpg);
background-repeat: no-repeat;
border: 2px solid #ffffff;
float:right;
height: 164px;
margin: 0 0 0 0;
padding: 0;
width: 196px;
}
/***************************************  WELLNESS UND PRIVATE LEISTUNGEN ************************************/
/******************************************** inhalt *******************************************/

li.wellness {
color: #35A5F7;
list-style-type: circle;
margin: 0 0 0 15px;
}
p.kerze {
background-image:url(img/wellness_privat/lampe.jpg);
background-repeat: no-repeat;
border: 2px solid #ffffff;
height: 287px;
margin: 40px 0 20px;
padding: 0;
width: 227px;
}
.bilder_wellness ul{
	display: block;
	float: left;
	height: auto;
	min-height: 450px;
	list-style-type: none;
	margin: 0 0 0 0;
	padding: 0;
	width: 90px;
}
.bilder_wellness li#kerze {
	background-image: url(img/wellness_privat/kerze.jpg);
	background-repeat: no-repeat;
	border: 4px solid #ffffff;
	height: 90px;
	margin: 0 ;
	min-width: 90px;
	}
.bilder_wellness li#kerzen {
	background-image: url(img/wellness_privat/kerzen.jpg);
	background-repeat: no-repeat;
	border: 4px solid #ffffff;
	height: 90px;
	margin: 0 ;
	min-width: 90px;
	}
.bilder_wellness li#rollen {
	background-image: url(img/wellness_privat/rollen.jpg);
	background-repeat: no-repeat;
	border: 4px solid #ffffff;
	height: 90px;
	margin: 0 ;
	min-width: 90px;
	}
.bilder_wellness li#steinbild {
	background-image: url(img/wellness_privat/steinbild.jpg);
	background-repeat: no-repeat;
	border: 4px solid #ffffff;
	height: 90px;
	margin: 0 ;
	min-width: 90px;
	}
.bilder_wellness li#duefte {
	background-image: url(img/wellness_privat/duefte.jpg);
	background-repeat: no-repeat;
	border: 4px solid #ffffff;
	height: 90px;
	margin: 0 ;
	min-width: 90px;
	}
.bilder_wellness li#flaschen {
	background-image: url(img/wellness_privat/flaschen.jpg);
	background-repeat: no-repeat;
	border: 4px solid #ffffff;
	height: 90px;
	margin: 0 ;
	min-width: 90px;
	}
.bilder_wellness li#massage {
	background-image: url(img/wellness_privat/massage.jpg);
	background-repeat: no-repeat;
	border: 4px solid #ffffff;
	height: 90px;
	margin: 0 ;
	min-width: 90px;
	}
.bilder_wellness li#raum {
	background-image: url(img/wellness_privat/raum.jpg);
	background-repeat: no-repeat;
	border: 4px solid #ffffff;
	height: 90px;
	margin: 0 ;
	min-width: 90px;
	}
/*
#thema_wellness {
	background-color: #7EC0F1;
	color: #ffffff;
	display: block;
	float:right;
	font: 120% Verdana, sans-serif;
	height: auto;
	margin: -18px 0 0 0;
	padding: 40px 10px;
	width: 180px;
}
*/
/***************************************  GERÄTE UND GRUPPEN ************************************/
/******************************************** inhalt *******************************************/
/*
.inhalt_geraete {
	background-color: #ADDCED;
	clear:both;
	display: block;
	color: #333;
	float: left;
	font: 90%  Verdana, sans-serif;
	height: 100%;
	margin: 0 0 0 0;
	overflow:hidden;
	padding: 20px;
	width: 440px;
	}*/
li.geraete {
color: #35A5F7;
list-style-type: circle;
margin: 0 0 0 15px;
}
p.kraftraum {
background-image:url(img/geraete_gruppen/kraftraum.jpg);
background-repeat: no-repeat;
border: 2px solid #ffffff;
height: 231px;
margin: 20px 0 25px 0;
width: 238px;
}
.bilder_geraete ul{
	display: block;
	float: left;
	height: auto;
	min-height: 450px;
	list-style-type: none;
	margin: 0 0 0 0;
	padding: 0;
	width: 90px;
}
.bilder_geraete li#baelle {
	background-image: url(img/geraete_gruppen/baelle.jpg);
	background-repeat: no-repeat;
	border: 4px solid #ffffff;
	height: 90px;
	margin: 0 ;
	min-width: 90px;
	}
.bilder_geraete li#baelle_gross {
	background-image: url(img/geraete_gruppen/baelle_gross.jpg);
	background-repeat: no-repeat;
	border: 4px solid #ffffff;
	height: 90px;
	margin: 0 ;
	min-width: 90px;
	}
.bilder_geraete li#geraete {
	background-image: url(img/geraete_gruppen/geraete.jpg);
	background-repeat: no-repeat;
	border: 4px solid #ffffff;
	height: 90px;
	margin: 0 ;
	min-width: 90px;
	}
.bilder_geraete li#gewichte {
	background-image: url(img/geraete_gruppen/gewichte.jpg);
	background-repeat: no-repeat;
	border: 4px solid #ffffff;
	height: 90px;
	margin: 0 ;
	min-width: 90px;
	}
.bilder_geraete li#hanteln {
	background-image: url(img/geraete_gruppen/hanteln.jpg);
	background-repeat: no-repeat;
	border: 4px solid #ffffff;
	height: 90px;
	margin: 0 ;
	min-width: 90px;
	}
.bilder_geraete li#baelle_2 {
	background-image: url(img/geraete_gruppen/baelle_2.jpg);
	background-repeat: no-repeat;
	border: 4px solid #ffffff;
	height: 90px;
	margin: 0 ;
	min-width: 90px;
	}
.bilder_geraete li#pedale{
	background-image: url(img/geraete_gruppen/pedale.jpg);
	background-repeat: no-repeat;
	border: 4px solid #ffffff;
	height: 90px;
	margin: 0 ;
	min-width: 90px;
	}
.bilder_geraete li#kissen{
	background-image: url(img/geraete_gruppen/kissen.jpg);
	background-repeat: no-repeat;
	border: 4px solid #ffffff;
	height: 90px;
	margin: 0 ;
	min-width: 90px;
	}

/***************************************  ANFAHRT UND KONTAKT ************************************/
/******************************************** inhalt *******************************************/
/*
.inhalt_kontakt {
	background-color: #ADDCED;
	clear:both;
	display: block;
	color: #333;
	float: left;
	font: 90%  Verdana, sans-serif;
	height: 100%;
	margin: 0 0 0 0;
	overflow:hidden;
	padding: 20px;
	width: 440px;
	}*/



/*------------------------------------------------- startseite -----------------------------------------*/

.navigation {
	margin: 0 auto;
	padding: 100px 4px 0 4px;
	width:100%;
	min-width: 768px;
}

#physiotherapie, #wellness, #gruppen {
	border-right: 1px solid #000;
	color: #058ADA;
	font: 100%  Verdana, sans-serif;
	height: 100%;
	min-height: 25px;
	float: left;
	margin: 0 auto;
	position: relative;
	text-align: center;
	width: 24%;
	min-width: 150px;
	}
#anmeldung {
	color: #058ADA;
	font: 100%  Verdana, sans-serif;
	height: 100%;
	min-height: 25px;
	float: left;
	margin: 0 auto;
	position: relative;
	text-align: center;
	width: 24%;
	min-width: 150px;
	}	
	
.linie {
	border-bottom: 1px solid #000;
	clear:both;
	height: 1px;
	padding: 0 4px;
	width: 100%;
	}
	
.container {
	margin: 0 auto;
	padding: 0 4px 0 4px;
	width:100%;
	min-width: 768px;
}	
	
.foto {
	border-right: 1px solid #000;
	float: left;
	margin: 0 auto;
	padding: 5px 0 0 0;
	position: relative;
	width: 24%;
	min-width: 100px;
	}
.foto_1 {
	float: left;
	margin: 0 auto;
	padding: 5px 0 0 0;
	position: relative;
	width: 24%;
	min-width: 150px;
	}
#physiotherapie_foto {
	background-image:url(img/physiotherapie.jpg);
	background-repeat: no-repeat;
	height:96px;
	margin: 0 auto;
	width: 128px;
	}
#wellness_foto {
	background-image:url(img/wellness.jpg);
	background-repeat: no-repeat;
	height:96px;
	margin: 0 auto;
	width: 128px;
	}
#gruppen_foto {
	background-image:url(img/gruppen.jpg);
	background-repeat: no-repeat;
	height:96px;
	margin: 0 auto;
	width: 128px;
	}
#anmeldung_foto {
	background-image:url(img/anmeldung.gif);
	background-repeat: no-repeat;
	height:96px;
	margin: 0 auto;
	width: 128px;
	}
a.cursor {
cursor:pointer;
}