/*

Dunkelbraun Flaechen/Schrift: #44302A
Dunkelorange Flaechen/Links: #EB8300
Hellorange: #FEE1BC
Hellbraun: #C0A0A0
*/




/* Allgemeine Elementformatierungen
 * * * * * * * * * * * * * * * * * * * * * * * * * */

body {
  background: #ffffff url(../grafic/kachel2.gif) 0px 0px repeat;
  color: #44302A; 
  font-family: Arial, "Myriad Pro", "Myriad", Verdana, sans-serif;
  font-size: 100.00%;
  padding: 0px;
  margin: 0px;
}


h1, h2, h3, h4, h5, h6, p, ul, ol, li, form, fieldset, legend {
  padding: 0px;
  margin: 0px;
}

ul { 
list-style: none; 
}

li li { 
font-size: 0.9em !important; 
}

a { 
text-decoration: none; 
}

a img { 
  border: 0; 
}

fieldset {
  border: 0;
  border-style: solid; /* fuer opera 7 */
}

input, textarea, select { 
  font-size: 100%;
}



/* Allgemeine Klassen
 * * * * * * * * * * * * * * * * * * * * * * * * * */

.stopFloat {
  display: block;
  clear: both;
  float: none;
  height: 1px;
  font-size: 1px;
  line-height: 1px;
  overflow: hidden;
}

.unsichtbar,
#menue span {
  position: absolute !important;
  top: -6000px !important;
  left: -6000px !important;
  height: 1px !important;
  width: 1px !important;
}



/* Sprunglinks
 * * * * * * * * * * * * * * * * * * * * * * * * * */

#sprunglinks {
  position: absolute;
  width: 100%;
  top: -2000px;
  left: -2000px;
  z-index: 20;
  width: 100%;
}

#sprunglinks a {
  position: absolute;
  top: 0;
  left: 0;
  font-size: 70%;
  font-weight: bold;
  text-decoration: underline;
}

#sprunglinks a:focus,
#sprunglinks a:active {
  position: absolute;
  z-index: 20;
  top: 2007px;
  left: 2068px;
  color: #FEE1BC;
  background: #ffffff;
  width: 15em;
}



/* Kopfbereich
 * * * * * * * * * * * * * * * * * * * * * * * * * */

#kopf {
  position: relative;
  z-index: 1;
  padding-bottom: 58px;
  margin-right: 0px; 
}

* html #kopf { height: 1em; }



/* Picturehome */

#home {
  position: absolute;
  background: #b6b987 url(../grafic/back.gif) 0px 0px repeat;
  z-index: 10;
  width: 100%;
  float: left;
  align: left;
  top: 0px;
  padding-bottom: 1px;
}

#home img { display: block; float: left; align: left; }


/* Logo */

#logo {
  position: relative;
  background: none;
  z-index: 20;
  float: right;
  align: right;
  width: 398px;
  top: 429px;
  padding-bottom: 10px;
}

#logo img { display: block; float: right; align: right; }


/* Servicemenue */

#servicemenue {
  position: absolute;
  top: 33px;
  z-index: 30;
  width: 100%;
  height: 1.8em;
}

#servicemenue ul {
  float: left;
  padding-top: 0px;
  padding-left: 316px;
  margin: 1px 1px 1px 1px;
}

/* Fuer Opera (bis 7.5): */
#servicemenue ul { width: 22.5em; }
head:first-child+body #servicemenue ul { width: auto; }
* html #servicemenue ul { width: auto; }

/* Fuer IE: */
* html #servicemenue ul { display: inline; }

#servicemenue li {
  float: left;
  font-size: 0.9em;
  font-weight: normal;
  line-height: 1.8em;
} 

#servicemenue h3 {
  float: left;
  color: #ffffff;
  background: #b6b987 url(../grafic/back.gif) 0px 0px repeat;
  font-size: 0.9em;
   font-weight: normal;
  line-height: 1.8em;
}

#servicemenue a,
#servicemenue strong {
  padding: 5px 25px 5px 25px;
  background: #b6b987 url(../grafic/back.gif) 0px 0px repeat;
  font-size: 0.9em;
  font-weight: normal;
  line-height: 1.8em;
}

* html #servicemenue a,
* html #servicemenue strong {
  padding: 5px 25px 5px 25px;
  font-size: 0.9em;
  font-weight: normal;
  line-height: 1.8em;
  background: #b6b987 url(../grafic/back.gif) 0px 0px repeat;
}

#servicemenue a:link, 
#servicemenue a:visited {
  color: #ffffff;
  background: #b6b987 url(../grafic/back.gif) 0px 0px repeat;
  border-top: 1px solid #b6b987;
  border-right: 1px solid #b6b987;
  border-left: 1px solid #b6b987;
}

#servicemenue a:focus, 
#servicemenue a:hover, 
#servicemenue a:active {
  color: #ffffff;
  background: #b6b987 url(../grafic/back.gif) 0px 0px repeat;
  border-top: 1px solid #ffffff;
  border-right: 1px solid #ffffff;
  border-left: 1px solid #ffffff;
}

#servicemenue li.on a,
#servicemenue li.on strong {
  color: #ffffff;
  background: #b6b987 url(../grafic/back.gif) 0px 0px repeat;
  border-top: 1px solid #ffffff;
  border-right: 1px solid #ffffff;
  border-left: 1px solid #ffffff;
}



/* Hauptbereich
 * * * * * * * * * * * * * * * * * * * * * * * * * */

#hauptbereich {
  position: relative;
  background: #b6b987 url(../grafic/back.gif)  0px 0px repeat;
  width: 100%;
  height: 100%;
}

#aussen {
 background: #b6b987 url(../grafic/back.gif) 0px 0px repeat;
 min-height: 750px;
 width: 100%;

}

#innen {
  background: #b6b987 url(../grafic/back.gif) 0px 0px repeat;
  width: 100%;
}

/*Imagefotos‚ 884 x 476 */

.Start #imagefoto {
  position: relative;
  background: #ffffff url(../images/start.jpg) 316px 0px no-repeat;
  max-width: 1200px;
  height: 476px;
 }
 
.Konzept #imagefoto {
  position: relative;
  background: #ffffff url(../images/konzept.jpg) 316px 0px no-repeat;
  max-width: 1200px;
  height: 476px;
 }
 
 .Vita #imagefoto {
  position: relative;
  background: #ffffff url(../images/vita.jpg) 316px 0px no-repeat;
  max-width: 1200px;
  height: 476px;
 }
 
 .Team #imagefoto {
  position: relative;
  background: #ffffff url(../images/team.jpg) 316px 0px no-repeat;
  max-width: 1200px;
  height: 476px;
 }
 
 .Kontakt #imagefoto {
  position: relative;
  background: #ffffff url(../images/kontakt.jpg) 316px 0px no-repeat;
  max-width: 1200px;
  height: 476px;
 }
 
 .Anfahrt #imagefoto {
  position: relative;
  background: #ffffff url(../images/anfahrt.gif) 316px 0px no-repeat;
  max-width: 1200px;
  height: 476px;
 }
 
 .Impressum #imagefoto {
  position: relative;
  background: #ffffff url(../images/impressum.jpg) 316px 0px no-repeat;
  max-width: 1200px;
  height: 476px;
 }
 
 .Gymnastik #imagefoto {
  position: relative;
  background: #ffffff url(../images/gymnastik.jpg) 316px 0px no-repeat;
  max-width: 1200px;
  height: 476px;
 }
 
  .Ruecken #imagefoto {
  position: relative;
  background: #ffffff url(../images/ruecken.jpg) 316px 0px no-repeat;
  max-width: 1200px;
  height: 476px;
 }
 
   .Fitness #imagefoto {
  position: relative;
  background: #ffffff url(../images/fitness.jpg) 316px 0px no-repeat;
  max-width: 1200px;
  height: 476px;
 }
 
   .Pilates #imagefoto {
  position: relative;
  background: #ffffff url(../images/pilates.jpg) 316px 0px no-repeat;
  max-width: 1200px;
  height: 476px;
 }
 
   .Yoga #imagefoto {
  position: relative;
  background: #ffffff url(../images/yoga.jpg) 316px 0px no-repeat;
  max-width: 1200px;
  height: 476px;
 }
 
   .Tanz #imagefoto {
  position: relative;
  background: #ffffff url(../images/tanz.jpg) 316px 0px no-repeat;
  max-width: 1200px;
  height: 476px;
 }
 
   .Kinder #imagefoto {
  position: relative;
  background: #ffffff url(../images/kinder.jpg) 316px 0px no-repeat;
  max-width: 1200px;
  height: 476px;
 }
 
   .Massage #imagefoto {
  position: relative;
  background: #ffffff url(../images/massage.jpg) 316px 0px no-repeat;
  max-width: 1200px;
  height: 476px;
 }
 
    .Danke #imagefoto {
  position: relative;
  background: #ffffff url(../images/danke.jpg) 316px 0px no-repeat;
  max-width: 1200px;
  height: 476px;
 }
 
 
/* Menue
 * * * * * * * * * * * * * * * * * * * * * * * * * */

#menue {
  float: left;
  position: relative;
  width: 316px;
  height: 476px;
  background: #ffffff url(../grafic/backmenue.gif) 0 0 repeat-x;
  margin-top: 1px;    
}

/* Sprunglink */


#hmenue { width: 100%; }

#menue p.sprung {
  position: absolute;
}

#menue p.sprung a:link,
#menue p.sprung a:visited {
  position: absolute;
  left: -6000px;
  color: #333333;
  font-size: 0.7em;
  line-height: 1.6em;
  font-weight: bold;
  text-decoration: underline;
  text-transform: none;
}

#menue p.sprung a:focus,
#menue p.sprung a:hover,
#menue p.sprung a:active {
  top: -6px;
  left: 0;
  width: 172px;
  background: #FFFFFF;
  padding: 0 4px;
}

/* Hauptmenue Ebene 1
 * * * * * * * * * * * * * * * * * * * * * * * * * */

#menue ul { padding-top: 1px; } /* nicht entfernen */

* html #menue li { display: inline; }

#menue li a,
#menue li strong {
  display: block;
  text-align: right;
  line-height: 58px;
  padding-right: 20px;
}

* html #menue li a,
* html #menue li strong {
  height: 0.9em;
}

#menue li strong a,
#menue li li strong a {
  background-image: none !important;
  font-size: 100% !important;
  padding: 0 !important;
  border: none !important;
  margin-top: 0.6em;
  text-transform: uppercase;
}

#menue a:link,
#menue a:visited,
#menue strong {
  color: #ffffff;
  border-bottom: 1px solid #ffffff; 
  font-size: 0.9em;
  font-weight: normal;
  text-decoration: none;
}

#menue a:link,
#menue a:visited {
   text-decoration: none;
}

#menue a:focus,
#menue a:hover,
#menue a:active {
  color: #ffffff !important;
  background: #C0A0A0;
  text-decoration: none;
}

#menue li.on a,
#menue li.on strong {
  background: #C0A0A0;
  color: #ffffff;
  text-decoration: none;
}

#menue h3 {
  display: block;
  text-align: right;
  color: #ffffff;
  background-image: none !important;
  font-size: 100% !important;
}


/* Inhalt
 * * * * * * * * * * * * * * * * * * * * * * * * * */

#inhalt {
  float: right;
  position: relative;
  width: 100%;
}

* html #inhalt { 
  width: auto; 
}

#inhalt .innen {
  position: relative;
  margin-top: 2px;
  min-height: 250px;
  padding: 0px 0px 0px 0px;
  height: auto !important;
  min-height: 100px !important;
}

* html #inhalt .innen { height: 550px; }


* html #inhalt .innen { height: 550px; }
/* Ueberschriften */

#inhalt h1 {
  color: #ffffff;
  background: #b6b987 url(../grafic/back.gif) 0px 0px repeat;
  font-size: 0.9em;
  line-height: 1.3em;
  padding: 5px 10px 4px 10px;
  margin-bottom: 1em;
}

* html #inhalt h1 {
  height: 0.9em;
}

#inhalt h2 {
  color: #ffffff;
  font-size: 0.9em;
  line-height: 1.5em;
  margin: 15px 25px 20px 20px;
}

#inhalt h2.kleiner {
  font-size: 0.8em;
  margin: 1.4em 10px -0.4em 10px;
}

#inhalt h3 {
  color: #ffffff;
  font-size: 0.8em;
  line-height: 1.5em;
  margin: 1.4em 10px -0.4em 10px;
}

#inhalt h4 {
  color: #ffffff;
  font-size: 0.8em;
  line-height: 1.5em;
  margin: 1.4em 10px -0.6em 10px;
}


#inhalt h2.dummy {
  color: #ffffff;
  font-size: 0.9em;
  line-height: 1.5em;
  margin: 1.4em 10px -0.2em 10px;
}

/* Absaetze */

#inhalt p {
  color: #ffffff;
  font-size: 0.9em;
  line-height: 1.9em;
  margin-left: 20px!important;
}

#inhalt h2.info {
  color: #666633;
  font-size: 0.9em;
  margin-right: 20px !important;
}

#inhalt strong { 
  color: #44302A; 
}

abbr { 
border-bottom: none; 
}

acronym { 
border-bottom: none; 
}

/* Listen */

#inhalt ul,
#inhalt li {
  color: #666633;
  margin-right: 10px;
  font-size: 0.9em;
  font-weight: normal;
  line-height: 2.1em;
}

/* Begin Form Elements */

#formular {
  position: absolute;
  left: 320px;
  max-width: 874px !important;
  float: left;
  background: #b6b987 url(../grafic/back.gif) 0px 0px repeat;
}

#formular ul,
#formular li {
  color: #ffffff;
  margin-left: 10px;
  font-size: 0.9em;
  font-weight: normal;
  line-height: 2.1em;
}

#formular input {
  font-family: Verdana, Arial, sans-serif !important;
  font-size: 0.9em;
  font-weight: bold;
  width: 30.5em;
  height: 1.9em;
  color: #666633;
  background: #ffffff;
  vertical-align: middle;
  border: 0px;
}

#formular textarea {
  font-family: Verdana, Arial, sans-serif !important;
  font-size: 0.9em;
  font-weight: bold;
  width: 30.5em;
  height: 9.0em;
  color: #666633;
  background: #ffffff;
  vertical-align: top;
  margin-top: 2px;
    margin-bottom: 12px;
  border: 0px;
}


/* Links */

#inhalt a:link { 
  color: #666633;
  text-decoration: none;
  font-weight: bold;
}

#inhalt a:visited { 
  color: #666633;
  text-decoration: none;
  font-weight: bold; 
}

#inhalt a:focus,
#inhalt a:hover,
#inhalt a:active {
  color: #666633;
  text-decoration: underline;
  font-weight: bold; 
}



/* Seitentypen
 * * * * * * * * * * * * * * * * * * * * * * * * * */


/* Seitentyp: zweispaltig */


#linkespalte {
  margin-top:-2px !important;
  width: 316px;
  float: left;
  text-align: right;
  background: #ffffff;
  border: 0px;
  min-height: 300px !important;
  height: auto;

}

#rechtespalte {
  position: absolute;
  left: 320px;
  max-width: 874px !important;
  float: left;
  background: #b6b987 url(../grafic/back.gif) 0px 0px repeat;
  border: 0px;
  margin-right: 20px;
}

/* Infofotos unterhalb des Hauptmenues */

#infofoto {
  position: relative;
  width: 100%;
  float: bottom;
  vertical-align: bottom;
}

#infofoto img { display: block; float: bottom; vertical-align: bottom; }


/* Fuss
 * * * * * * * * * * * * * * * * * * * * * * * * * */

#fuss {
   background: #44302A;
}

#fuss p {
  color: #ffffff;
  font-size: 0.7em;
  padding: 5px 0px 1.9em 0px;
  text-align: left;
  margin-left: 336px;
  margin-right: 20px;
}

#fuss a,
#fuss strong {
  padding: 0px 0px;
}

#fuss a:link,
#fuss a:visited {
  color: #EB8300;
  text-decoration: none;
}

#fuss a:focus,
#fuss a:hover,
#fuss a:active {
  color: #ffffff;
}