@charset 'utf-8';
@import url(reset.css);

body,
input,
textarea {
  background-color: white; /* Zum Drucken besser als #fff3e7;*/
  font:             12pt Calibri,Arial,sans-serif; /* 10pt; */
  /* Die Font-Größe wird nur hier auf einen (Pixel-)Wert eingestellt. bei
   * den anderen Größenangaben dürfen ausschließlich relative Angaben (%)
   * gemacht werden, damit die Größenumschaltung bei Calibri funktioniert. */
}

body {
  padding:          0.5em;
  width:            210mm;
}

strong {
  font-weight:      bold;
}

em {
  font-style:       italic;
}
em.ul { /* Ersatz für <u> */
  font-style:       normal;
  text-decoration:  underline;
}

a {
  color:            black; /* Zum Drucken besser als #993366; */
  text-decoration:  none;  /* Wenn der Link wichtig ist, wird mit print_link die URL angehängt, s.u.) */
}

#logo {
  position:         absolute;
  top:              0.5em;  /* body padding */
  left:             0px;
  z-index:          1;
}

/* das gesunde Lebenskonzept */
#head .headline {
  position:         absolute;
  top:              70px;
  left:             270px;
  z-index:          3;
}

#container {
  padding-top:      200px; /* Platz für Logo */
}

#menuebar {
  display:          none;
}

#footer {
  padding:          5px 0;
  width:            100%;
  clear:            both;
  text-align:       center;
  font-size:        9pt;
  font-weight:      bold;
  border-top:       1pt solid black;
  margin-top:       2em;
}
#footer img {
  vertical-align:   text-bottom;
}
#footer a {
  text-decoration:  none;
}

/* content - Bereich -------------------------------------------------------- */
#content {
  width:            100%;
  color:            black; /* Zum Drucken besser als #663300;*/
}
#content h1 {
  margin-bottom:    1em;
  font-size:        160%; /*16pt;*/
  font-weight:      bold;
  line-height:      1.5;
}
#content h2 {
  margin:           1.5em 0 1em 0;
  font-size:        120%; /*12pt;*/
  font-weight:      bold;
  line-height:      1.5;
}
#content p {
  margin-bottom:    1em;
/*   font-size:        10pt; jetzt durch body definiert */
  line-height:      1.5;
}
#content p.weiter,
#content p.zurueck {
  display:          none;
}
#content ul {
  margin-bottom:    1em;
}
#content ul li {
  list-style:       outside url(img/ul-bullet.gif); /* siehe auch unten bei .ie6 */
  margin-left:      20px;
  line-height:      1.5;
}

#contentbox .jScrollPaneContainer {
  height:           auto !important;
}

.scroll-pane {
  overflow:         visible !important;  /* sonst wird beim FF der Inhalt des DIV nach der ersten Seite abgeschnitten */
}

/* diese teile werden von .jScrollPane eingefügt und dürfen beim Drucken nicht
 * angezeigt werden. */
.jScrollArrowUp,
.jScrollArrowDown,
.jScrollPaneTrack {
  display:          none;
}

/* Spezielle Formatieungen für spezielle Seiten Inhalte ----------------------- */

#saeulen {
  width:            100%;
  margin-bottom:    1em;
}
#saeulen td {
  text-align:       center;
  width:            20%;
  font-weight:      bold;
}

/* Team -------------------------------- */
#portrait {
  width:            370px; /* 400px - padding */
  float:            right;
  padding:          25px 15px 10px 15px;
  text-align:       center;
}
.mini_portrait {
  float:            left;
/*   width:            125px; dreispaltig */
  width:            140px;
  height:           210px;
  margin:           0 5px 20px 5px;
  text-align:       center;
}
.mini_portrait a {
  line-height:      1.2;
}
.jennifer {
  float:none !important;
}
/* Personal-Training ------------------- */
.ptIcon {
  float:            right;
  margin:           0 0 10px 10px;
}
.defListPT dt {
  font-weight:      bold;
  margin-top:       1em;
}
.defListPT dd {
  margin-left:      2em;
}

/* Gutschein --------------------------- */
table.kontaktdaten {
  margin-left:      1em;
}
table.kontaktdaten th,
table.kontaktdaten td {
  padding:          0.2em 1em 0.2em 0;
}

/* Referenzen -------------------------- */
.referenzen li {
  font-weight:      bold;
}
.referenzen p {
  font-weight:      normal;
  line-height:      normal;
}

/* Kooperationspartner ----------------- */
div.partner {
  margin-bottom:    1.5em;
}
.partner h2,
.partner p {
  margin-bottom:    0 !important;
}
.partner img {
  float:            right;
}

/* Aktuelles --------------------------- */
div.aktuelles {
  margin-bottom:    1.5em;
  clear:            both;
}
.aktuelles img {
  float:            left;
  margin-right:     15px;
}
.aktuelles p {
  margin-left:     165px;
}

.break {
  page-break-before:always;
}
#fett_tabelle {
  border-collapse:  collapse;
  width:            80%;
  margin-left:      5px; /* sonst fehlt beim FF der Rand */
  margin-top:       5px; /* sonst fehlt beim FF der Rand */
  page-break-before:always;
}
#fett_tabelle td,
#fett_tabelle th {
  border:           1px solid black;
  padding:          5px;
  vertical-align:   top;
}
#fett_tabelle th {
  font-weight:      bold;
}
#fett_tabelle .links {
  border-right:     none;
}
#fett_tabelle .rechts {
  border-left:      none;
}

/* Jobs -------------------------------- */
p.anschrift {
  margin-left:      2em;
  text-indent:      -2em;
}
p.anschrift:first-line {
  font-weight:      bold;
}

/* Kontakt ----------------------------- */
#kontaktAdresse td {
  padding-right:    1em;
  line-height:      1.5;
}

#impressum {
  font-style:       italic;
}

.kontaktformular {
  display:          none;
}

/* ----------------------------------------------------- Allgemeine Klassen  */
.marginL1 {
  margin-left:      1em;
}

.small {
  font-size:        9pt !important;
}

.clear {
  clear:            both;
}

.rahmen {
  float:            left; /* siehe auch .ie6 .rahmen */
  border:           1px solid black;
  padding:          0.2em;
}
.rahmen + p {
  clear:            both;
}

.autor {
  font-size:        80%;
  line-height:      normal;
  font-weight:      normal;
}

/* hängt die URL an den Link an.
 * Damit das mit dem IE funktionieren würde siehe
 * http://beckelman.net/post/2009/02/16/Use-jQuery-to-Show-a-Linke28099s-Address-After-its-Text-When-Printing-In-IE6-and-IE7.aspx */
.print_link:after {
  content: " [" attr(href) "]";
}
.print_link {
  text-decoration:  none;
}