/* 5.10.10: Überarbeitung Kontaktseite: eine Zeile eingefügt --> #linie, #telHH  Abstände verkleinert */
/* 15.9.09: geändert: #zko32 {width: 99px; float: left; padding-bottom: 7px;  } wg. Text Maria
   @Anm. 5.10.10 padding-bottom: 7px belassen --> Abstand zu Heilpraktikerin */

/*ALLGEMEIN*/
  html {
    WIDTH: 100%; HEIGHT: 100%;
    scrollbar-base-color:#FFFFFF;
    scrollbar-face-color:#FFFFFF;
    scrollbar-highlight-color:#FFFFFF;
    scrollbar-shadow-color:#6F6F6F;
    scrollbar-3dlight-color:#6F6F6F;
    scrollbar-arrow-color:#6F6F6F;
    scrollbar-track-color:#FFFFFF;
    scrollbar-darkshadow-color:#FFFFFF;  }

  body {min-width: 1000px; height: 450px;      /* width: 100%;  */   /* geht in opera 7.54 nicht */
        background-color:#FFFFFF;
        color: #7F7F7F; font-family:Verdana,Helvetica,Arial,sans-serif; font-size: 100.01%;
        position: absolute; top: 50%;
        margin: -225px 0px 0px 0px; padding: 0px;  }

  #petition {position: absolute; top: -130px; left: 100px;}

  #container {padding:0px;  }

  #kopfzeile {margin: 0px; }

  h1 {display: none;  }

  /* Elementfluß float wird durch clear wieder aufgehoben */
  div#rahmen div {clear: left; }
  #clear {clear: both;}


  /*NAVIGATION */
  div#rahmen {width: 410px;
              position: relative; top: 70px; left: 585px;
              margin: -8px 0px 0px; padding: 0px;
              border: 1px solid transparent;      /* für die richtige position von h2 im mozilla */
              z-index: 4;  }
  * html div#rahmen {border: none;  }

  ul#nav {margin: 0px; padding: 0px;
          background-color: transparent;
          text-align: left;  }

  ul#nav li {position: relative;    /* ohne width - nach CSS 2.1 erlaubt */
             margin: 2px 0px; padding: 1px 5px 1px 5px;
             border-left-width: 2px; border-left-style: solid; border-color: #DBCD7D;
             line-height: 14px;
             list-style-type: none;
             float: left;
             z-index: 3;  }
  * html ul#nav li {     /* Korrektur fuer den IE */
             padding: -1px -5px -1px -5px;
             paddi\ng: 1px 5px 1px 5px;
             line-height: 16px;  }

  ul#nav li ul {position: absolute; top: 16px; left: 0px;
                margin: 0; padding: 3px 0px 0px 0px;
                display: none;                   /* Unternavigation ausblenden */
                z-index: 4;    }
  * html ul#nav li ul {  /* Korrektur fuer IE 5.x */
                padding: -3px 0px 0px 0px;
                paddi\ng: 3px 0px 0px 0px;
                left: -18px;
                lef\t: 0px;  }

  ul#nav li:hover ul {display: block;  }     /* Unternavigation in modernen Browsern einblenden */

  /* Für die Listenpunkte der zweiten Ebene wird über den Nachkommen-Selektor ul#nav li ul li
     die Eigenschaft float aufgehoben  */
  ul#nav li ul li {padding: 0px 5px;
                   float: none;
                   display: block;
                   line-height: 12px;
                   border: none; }
  * html ul#nav li ul li {
                   border: 1px solid white;  /* mit border klappt zeilenhöhe im ie 5.5+6, ohne nicht */
                   line-height: 12px;  }

  ul#nav a {padding: 2px 3px;
            width: auto;        /* Breite den in li enthaltenen Elementen zuweisen */
            color: #FDA803;
            display: block;  }
  * html ul#nav a { padding: -2px -3px;
                    paddi\ng: 2px 3px;  }

  /* aktuelle Rubrik kennzeichnen */
  li a#here, a#here {color: #7f7f7f; }

  li a#end  {width: 40px;  }

  #leer {border: none; }     /*ENDE NAVIGATION*/

  #content {position: relative; top: 10px; left:0px;
            width: 600px; height:338px;
            background: #ebe6d1;
            font-size: 11px;
            z-index: 2;  }

  h2 {background-color: transparent;
      position: relative; top: -32px;
      margin: 0px; padding: 0px;
      color:#FFE199; font-size: 30px; font-weight: bold;
      z-index: 3;  }

  #can  {background-color: transparent;
      position: relative; top: -36px;
      margin: 0px; padding: 0px;
      color:#FFE199; font-size: 28px; font-weight: bold;
      z-index: 3;  }

  #text {position: absolute; top: 10px; left: 15px;
         padding-right: 30px;
         font-family:Verdana,Helvetica,Arial,sans-serif;
         line-height: 16px;
         vertical-align: bottom;
         width: 560px;
         z-index: 99;  }
  * html #text{padding-right: -30px;
               paddi\ng-ri\ght: 30px;  }

  #fusszeile {margin: 36px 0px 0px;     /* Abstand zum content */
              padding: 0px;  width: 1000px;
              font-size: 10px; font-weight: normal; color: #FDA803; }

  #balken {margin: 0px 15px 0px 180px;    /*  180px für Abstand zum logo */
           padding: 0px;
           width: 795px;   }

  #logo {float: left; }
  #oben {background-color: transparent; height: 39px; }
  #unten{background-color: #f4efda; height: 21px; text-align: right; vertical-align: bottom;  }
  #unten a{font-weight: normal;}
  * html #unten {margin-bottom: -2px; }

  /*FORMATIERUNG*/
  #fett {font-weight:bold; color: #7F7F7F;  }

  div#text li {list-style-position:outside; margin-left: 15px;  }

  li#punkt {list-style-type: circle;  }

  li#ohne {list-style-type:none;  }

  a {text-decoration: none;
     font-size: 11px; color: #FDA803; font-weight: bold;  }

  #text a {line-height: 20px;}  /* für Links der Info-Seite - hat auch Einfluß auf Seite Hausgeburt */

  #mail {text-decoration: none; color:#000000; font-weight: normal;}

  img {border: none;  }

  /*STARTSEITE*/
  #start {position: relative; top: 10px; left:0px;
          width: 600px; height:338px;
          background: url(../Grafik/ei.jpg) no-repeat;
          z-index: 2;  }

  #fest { position: relative; top: 10px; left:0px;
          width: 600px; height:338px;
          background: url(../Grafik/3_geburtstag.jpg) no-repeat;
          z-index: 2; }
  #text_start {position: absolute; top: 10px; left: 15px;
         padding-right: 30px;
         font-family:Verdana,Helvetica,Arial,sans-serif; font-size: 11px;
         line-height: 16px; color: #ebe6d1; font-weight: bold;}

  /*TEAM*/
  #imgteam, #imglageplan, #imgkurse {position: absolute; top: 78px; left: -15px;
                                     z-index: 9;  }
  #textteam {position: absolute; top: 100px; left: 450px;
             width: 100px;
             text-align: left;
             z-index: 99;   }

  #namen {font-size: 9px; font-weight: bold; line-height: 10px;
          z-index: 100;  }
  * html #namen {line-height: 10px;}

  .heikeh {position: absolute; top: 131px; left: -5px; width: 70px;
           z-index: 100; text-align: center; color: #ebe6d1;}
  .manu {position: absolute; top: 170px; left: 115px; width: 100px;
         z-index: 100; text-align: center; color: #ebe6d1;}
  .heikee {position: absolute; top: 118px; left: 265px; width: 100px;
           z-index: 100; text-align: center; color: #ebe6d1;}
  .annett {position: absolute; top: 175px; left: 351px; width: 74px;
           z-index: 100; text-align: center; color: #ebe6d1;}
  .carolin {position: absolute; top: 306px; left: -15px; width: 80px;
            z-index: 100; text-align: center; color: #9F9F9F;}
  .steffi {position: absolute; top: 306px; left: 105px; width: 70px;
           z-index: 100; text-align: center; color: #9F9F9F;}
  .maria {position: absolute; top: 306px; left: 245px; width: 112px;
          z-index: 100; text-align: center; color: #9F9F9F;}

  /*WIR FEIERTEN*/
  #textfest {position: absolute; top: 100px; left: 450px;
             width: 100px;   line-height: 16px;
             text-align: left;
             z-index: 99;   }


  /*KURSE*/
  #textkurse {position: absolute; top: 0px; left: 450px;
              width: 100px;
              text-align: left;
              z-index: 99;   }

  /*KONTAKT*/
  #kontakt {width: 585px;  margin: 0px; padding: 0px; height: 303px;  }
  #textlinks {position: relative; top: 20px; left: 0px;
              margin: 0px 0px 0px -15px;  /* weil in #text left: 15px */
              padding: 0px;
              float: left; width: 440px;    }
  #zko10 {width: 98px; float: left;  }
  #zko11 {width: 325px; float: left;  }
  #sprechzeiten {padding-left: 15px; padding-bottom: 28px;}
  #linie {padding: 15px 0px 0px 15px;          /* 2010-10-05: von 15 0 0 15 auf 9 0 5 15 geändert, da 1 Zeile eingefügt */ /* 012-01-29: auf  15 0 0 15 geändert, da Manu raus*/
          border-top: 1px solid #AFAFAF;
          border-right: 1px solid #AFAFAF;
          border-bottom: 1px solid #AFAFAF;   }
/*  * html #linie { padding: 0px 0px 0px 15px;
                  paddi\ng: 0px 0px 0px 15px;   } */
  #zko20 {width: 98px; float: left; }
  #zko21 {width: 225px; float: left;  }
  #telHH {padding-bottom: 12px;}              /* 2010-10-05: von 15 auf 9 geändert, da 1 Zeile eingefügt */  /* 2012-01-29: von 9 auf 12 geändert, da Manu raus */
  #zko30 {width: 98px; float: left;  }        /* 2012-01-29: Zeilen von Manu - noch nicht gelöscht, da Anzeige dann nicht stimmt und aus Zeitmangel noch nicht bereinigt */
  #zko31 {width: 140px; float: left;  }
  #zko32 {width: 169px; float: left; padding-bottom: 5px;  }
  #zko40 {font-size: 9px; }
  #telINDIVIDUELL {padding-bottom: 15px; }

  #textrechts {margin: 0px 0px 0px 440px;
                padding: 120px 0px 0px 0px;
               width: 130px;
               color: #7F7F7F;     }

  #lageplan {position: absolute;
             top: 0px; left: 0px;  }

  /* RAEUMLICHKEITEN */
  #raeume {position: absolute; top: 88px;   }

  #linie2 {padding: 3px 2px 1px 0px;
           border-top: 1px solid #AFAFAF;
           border-right: 1px solid #AFAFAF;
           border-bottom: 1px solid #AFAFAF;   }

  #linie2 {padding: 2px 2px 2px 0px;
           border-top: 1px solid #AFAFAF;
           border-right: 1px solid #AFAFAF;
           border-bottom: 1px solid #AFAFAF;   }

  #galerie {margin: 145px 0px 0px ;    /* position: relative; */
            padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px;
            width: 75px;    /* wg. IE 6 (72px sind zu wenig) */
            float: left;  }

  #galerie a {margin: 0px 3px 3px 0px;
              float: left;
              border-bottom: #ebe6d1 2px solid;     }

  a#bildfrau {width: 9px; margin-left: 24px; }

  #galerie a:hover, #galerie a.active {border-bottom: #fda803 2px solid;   }

 /* br {clear: both;   }  */

  #bild {margin: 0 0 0 104px; height:221px;width: 333px;}     /* wird im Opera sonst unter den kleinen Bildern angezeigt */

  /* KURSTERMINE */
  #nav3 {position: relative; top: 275px;
         margin-right: 20px;
         color: #FDA803; font-weight: bold; font-size: 11px;
         line-height: 11px;
         text-align: right;  }
                                                          /* ergänzt am 30.03.09 - Keine Sprechzeiten - soll kein Link sein */
  #hinweis_startseite {position: relative; top: 275px;                  /* daher Schriftfarbe und -groesse korrigiert */
         margin-right: 20px;                              /* muss irgendwann mal sauber progr. werden */
         color: #ebe6d1; font-weight: bold; font-size: 11px;
         line-height: 11px;
         text-align: right;  }


  td {vertical-align: top; text-align:left;}
  #rechts {text-align: right; }  /* gvtermine, rbtermine1+2 */