*{ 
      margin:0;
      padding:0;
      border:0;
}

.clear {
      clear:both;
      }


body{
      font: 16px Arial, Helvetica, sans-serif;
      color:#666;
      border: 0px;
      font-weight: bold;
}


/*  --  komplette Seite -- center  --  */
#page{
      margin:30px auto;
      width: 950px;    
      height: 850px;
      background-image: url(images/page.gif);
      background-repeat: no-repeat;
}
h1{ color:white; font-weight: bold; font-size:16px;}
                                              /*Navigationsbereich*/

#Navigation {
    width: 840px;
    height: 150px;
    margin: 185px 0 0 2px;
    background-image: url(images/navibalken.gif);
    background-repeat:no-repeat;
    position: absolute;
    
}

#Navigation li {
    list-style: none;
    float: left;
    position: relative;
    margin: 8px;
    
}

#Navigation li ul {
    top: 18px;
    position: absolute; 
    left: -0.4em;
    display: none;
    background-color: #000178;
}

#Navigation li ul li {
    float: none;
    display: block;
    margin-top: 1px; 
    margin-bottom: 1px; 
}

#Navigation a{
    display: inline;
    font: 11px Verdana;
    text-decoration: none; 
    color: white;  
}

#Navigation a:hover, li a.aktuell:hover {
    color: red;
}

#Navigation li ul a:hover {
    color: red;
}

#Navigation li a:active, ul.Navigation li:hover a:active {
    color: red; 
}

#Navigation li:hover ul {
    display: block;
}
 

                            /*Ende Navigationsbereich*/

                        

.fotobalken{
      background-repeat: no-repeat;
      margin-left: 832px;
      position: absolute;
}

.inhalt{
      width: 827px;
      height: 100px;
      background-image: url(images/herzlwillkbalken.gif);  
      background-repeat: no-repeat;
      margin: 245px 0 0 2px;
      color:#FFF;
      font: 18px, Verdana;
      font-weight: bold;      
      line-height: 30px; 
      position: absolute;     
}

.inhalt ul{
      padding: 34px 0 0 214px;
}
                          /* Bereich Portrait*/
                       
.inhaltfoto{
      background-repeat: no-repeat;
      margin-top: 265px;
      margin-left: 20px;
      position: absolute;
}

.inhalt2{
      width: 827px;
      height: 474px;
      background-image: url(images/portraitbalken.gif);  
      background-repeat: no-repeat;
      margin: 252px 0 0 2px;
      font: 14px, Verdana;   
      line-height: 18px;   
      float: left;
}

.inhalt2 ul{
      padding: 34px 0 0 314px;
      color:#FFF;
}

                      /* Ende Bereich Portrait*/

                      /* Bereich "Home"-seite*/

.biologo{
      width: 220px;
      height: 50px;
      background-repeat: no-repeat;  
      margin: 670px 0 0 600px;
      position: absolute;
}

.haus{
      background-repeat: no-repeat;
      margin: 350px 0 0 5px; 
      position: absolute;
        
}

.adresse1{
      width: 230px;
      height: 127px;
      margin: 731px 0 0 45px;
      font: 14px Verdana;
      font-weight: bold;
      color: rgb(0,0,0);
      position: absolute;
}

.adresse2{
      width: 240px;
      height: 104px;
      margin: 749px 0 0 550px;
      font: 14px Verdana;
      font-weight: bold;
      color: rgb(0,0,0);
      position: absolute;
}
                  /*Ende Bereich "Home"-seite*/

                     /*Bereich Team*/

.scrollbalken{
      margin-top: 260px;
      margin-left: 10px;
      width: 800px;
      height: 570px;
      overflow: auto;
      position:absolute;
}

.bildergalerieteam{
      width: 825px;
      height: 595px;
      margin: 250px 0 0 2px;
      background-image: url(images/teambalken.gif);
      background-repeat: no-repeat;
      position: absolute;
}

.bild1{
      margin: 30px 0 0 20px;
      position: absolute;
}

.bild2{
      margin: 170px 0 0 20px;
      position: absolute;
}

.bild3{
      margin: 310px 0 0 20px;
      position: absolute;
}

.bild4{
      margin: 450px 0 0 20px;
      position: absolute;
}

.bild5{
      margin: 590px 0 0 20px;
      position: absolute;
}

.bild6{
      margin: 730px 0 0 20px;
      position: absolute;
}

.bildinhalt1{
      width: 400px;
      height: 635px;
      margin: 30px 0 0 100px;
      position: absolute;
      font: 16px Verdana;
      text-align: center;
}

.bild7{
      margin: 30px 0 0 400px;
      position: absolute;
}

.bild8{
      margin: 170px 0 0 400px;
      position:absolute;
}

.bild9{
      margin: 310px 0 0 400px;
      position: absolute;
}

.bild10{
      margin: 450px 0 0 400px;
      position: absolute;
}

.bild11{
      margin: 590px 0 0 400px;
      position: absolute;
}

.bild12{
      margin: 730px 0 0 400px;
      position: absolute;
}

.bildinhalt2{
      width: 200px;
      height: 635px;
      margin: 30px 0 0 580px;
      position: absolute;
      font: 16px Verdana;
      text-align: center;
}

                      /*Ende Bereich Team*/
                     /*Bereich Damen*/

.Dameninhalt1{
      width: 50px;
      height: 20px;
      margin: 30px 0 0 150px;
      color: white;
      font: 14px Verdana;
      position: absolute;
}

.Dameninhalt2{
      width: 50px;
      height: 20px;
      margin: 40px 0 0 150px;
      font: 14px Verdana;
      position: absolute;
}
.Dameninhalt2 a{
      color: white;
}

.Dameninhalt3{
      width: 150px;
      height: 50px;
      margin: 430px 0 0 55px;
      font: 14px Verdana;
      color: white;
      position: absolute;
}

.Dameninhalt4{
      width: 135px;
      height: 50px;
      margin: 430px 0 0 600px;
      font: 14px Verdana;
      color: white;
      position: absolute;
}

.Dameninhalt5{
      width: 150px;
      height: 50px;
      margin: 1058px 0 0 55px;
      font: 14px Verdana;
      color: white;
      position: absolute;
}

.Dameninhalt6{
      width: 215px;
      height: 50px;
      margin: 1058px 0 0 565px;
      font: 14px Verdana;
      color: white;
      position: absolute;
}

.Dameninhalt7{
      width: 300px;
      height: 300px;
      margin: 200px 0 0 245px;
      font: 14px Verdana;
      color: white;
      position: absolute;
      text-align: center;
}

.Dameninhalt7 a{
      color: white;
}

.Zentrallogo{
      width: 140px;
      height: 48px;
      margin: 20px 0 0 300px;
      background-repeat: no-repeat;
      position: absolute;
}

.Damenbild1{
      margin: 100px 0 0 20px;
      background-repeat: no-repeat;
      position: absolute;
}

.Damenbild2{
      margin: 100px 0 0 565px;
      background-repeat: no-repeat;
      position: absolute;
}

.Damenbild3{
      margin: 380px 0 0 300px;
      background-repeat: no-repeat;
      position: absolute;      
}

.Damenbild4{
      margin: 550px 0 0 20px;
      background-repeat: no-repeat;
      position: absolute;
}

.Damenbild5{
      margin: 550px 0 0 565px;
      background-repeat: no-repeat;
      position: absolute;
}

                            /*Ende Bereich Damen*/
                            /*Bereich Herren*/
                            
.Herrenbild1{
      margin: 100px 0 0 20px;
      background-repeat: no-repeat;
      position: absolute;
}

.Herrenbild2{
      margin: 100px 0 0 565px;
      background-repeat: no-repeat;
      position: absolute;
}

.Herrenbild3{
      margin: 350px 0 0 300px;
      background-repeat: no-repeat;
      position: absolute;  
}

.Herrenbild4{
      margin: 450px 0 0 20px;
      background-repeat: no-repeat;
      position: absolute;  
}

.Herrenbild5{
      margin: 450px 0 0 565px;
      background-repeat: no-repeat;
      position: absolute;  
}

.Herreninhalt3{
      width: 200px;
      height: 50px;
      margin: 780px 0 0 335px;
      font: 14px Verdana;
      color: white;
      position: absolute;
}

.Herreninhalt4{
      width: 200px;
      height: 50px;
      margin: 1130px 0 0 30px;
      font: 14px Verdana;
      color: white;
      position: absolute;
}

.Herreninhalt5{
      width: 200px;
      height: 50px;
      margin: 1130px 0 0 575px;
      font: 14px Verdana;
      color: white;
      position: absolute;
}
                                /*Ende Bereich Herren*/
                                /*Bereich Hochzeit*/

.Hochzeitinhalt{
      width: 600px;
      height: 1000px;
      position: absolute;
      font: 16px Verdana;
      color: white;
      margin-top: 50px;
}

.Hochzeitbild1{
      background-repeat: no-repeat;
      position: absolute;
      margin: 100px 0 0 20px;
}
.Hochzeitbild2{
      background-repeat: no-repeat;
      position: absolute;
      margin: 100px 0 0 280px;
}
.Hochzeitbild3{
      background-repeat: no-repeat;
      position: absolute;
      margin: 100px 0 0 540px;
}
.Hochzeitbild4{
      background-repeat: no-repeat;
      position: absolute;
      margin: 300px 0 0 20px;
}

.Hochzeitbild5{
      background-repeat: no-repeat;
      position: absolute;
      margin: 300px 0 0 280px;
}
.Hochzeitbild6{
      background-repeat: no-repeat;
      position: absolute;
      margin: 300px 0 0 540px;
}
.Hochzeitbild7{
      background-repeat: no-repeat;
      position: absolute;
      margin: 500px 0 0 20px;
}
.Hochzeitbild8{
      background-repeat: no-repeat;
      position: absolute;
      margin: 500px 0 0 280px;
}
.Hochzeitbild9{
      background-repeat: no-repeat;
      position: absolute;
      margin: 500px 0 0 540px;
}
.Hochzeitbild10{
      background-repeat: no-repeat;
      position: absolute;
      margin: 700px 0 0 20px;
}
.Hochzeitbild11{
      background-repeat: no-repeat;
      position: absolute;
      margin: 700px 0 0 280px;
}
.Hochzeitbild12{
      background-repeat: no-repeat;
      position: absolute;
      margin: 700px 0 0 540px;
}
.Hochzeitbild13{
      background-repeat: no-repeat;
      position: absolute;
      margin: 900px 0 0 20px;
}
.Hochzeitbild14{
      background-repeat: no-repeat;
      position: absolute;
      margin: 900px 0 0 280px;
}
.Hochzeitbild15{
      background-repeat: no-repeat;
      position: absolute;
      margin: 900px 0 0 540px;
}

                                /* Ende Bereich Hochzeit*/
                                /* Bereich Biosthetik*/

.Biobackground1{
      width: 823px;
      height: 170px;
      background-color: white;
      margin: 300px 0 0 4px;
      position: absolute;
}     

.Biobackground2{
      width: 823px;
      height: 170px;
      background-color: white;
      margin: 600px 0 0 4px;
      position: absolute;
} 
                          
.Biologo1{
      background-repeat: no-repeat;
      margin: 305px 0 0 100px;
      position: absolute;
}

.Biologo2{
      background-repeat: no-repeat;
      margin: 305px 0 0 550px;
      position: absolute;
}

.Biologo3{
      background-repeat: no-repeat;
      margin: 605px 0 0 100px;
      position: absolute;
}

.Biologo4{
      background-repeat: no-repeat;
      margin: 605px 0 0 550px;
      position: absolute;
}

.Biologo5{
      background-repeat: no-repeat;
      margin: 500px 0 0 150px;
      position: absolute;
}

.Biologo6{
      background-repeat: no-repeat;
      margin: 500px 0 0 500px;
      position: absolute;
}

                                    /*Ende Bereich Biosthetik*/
                                    /*Bereich Langhaarspezialist*/

/*.inhalt2*/
.bildband1{
      background-repeat: no-repeat;
      margin: 290px;
      margin-left: 20px;
      position: absolute;
}
                                        /*Ende Bereich Langhaarspezialist*/
                                        /*Bereich Problemfälle*/
                                        
.inhalt3{
      width: 830px;
      height: 490px;
      background-image: url(images/problembalken.gif);  
      background-repeat: no-repeat;
      margin: 252px 0 0 2px;
      font: 14px, Verdana; 
      color: white;  
      line-height: 18px;  
      float: left;
      text-align: center;
}                                      
.inhalt3 ul{
      padding-top: 10px;
      padding-left: 150px;
}

.bildband2{
      background-repeat: no-repeat;
      margin: 258px;
      margin-left: 30px;
      position: absolute;
}
                                        /*Ende Bereich Problemfälle*/
                                        /*Bereich Veranstaltungen*/

.inhalt4{
      width: 750px;
      height: 595px;
      margin: 10px 0 0 20px;
      position: absolute;
}
.inhalt4 ul{
      font: 14px Verdana;
      color: white;
}
.inhalt4 ul a{
      color: white;
}

.veranstaltungbild1{
      margin: 60px 0 0 20px;
      background-repeat: no-repeat;
      position: absolute;
}

.veranstaltungbild2{
      margin: 250px 0 0 500px;
      background-repeat: no-repeat;
      position: absolute;
}

.veranstaltungbild3{
      margin: 470px 0 0 20px;
      background-repeat: no-repeat;
      position: absolute;
}

                                      /*Ende Bereich Veranstaltungen*/
                                      /* Bereich Kontakt*/
/*inhalt4*/
/*bildergalerieteam*/
/*scrollbalken*/

.kontaktformular{
      width: 400px;
      height: 500px;
      margin: 360px 0 0 60px;
      position: absolute;
}
.kontaktformular label{
      color: white;
      font: 14px Verdana;
      cursor: pointer;
      display: block;
}
.kontaktformular input{
      width: 180px;
      height: 20px;
      border: 2px solid #8c8c8c;
}
.kontaktformular textarea{
      height: 7em;
      margin-top: 10px;
      border: 2px solid #8c8c8c;
}
.kontaktbild{
      background-repeat: no-repeat;
      margin: 400px 0 0 400px;
      position: absolute;
}

                                    /*Ende Bereich Kontaktformular*/
                                    /*Bereich Wegbeschreibung*/
                                    
.weginhalt{
      width: 827px;
      height: 474px;
      background-image: url(images/portraitbalken.gif);  
      background-repeat: no-repeat;
      margin: 252px 0 0 2px;
      font: 14px, Verdana;   
      line-height: 18px;   
      position: absolute;
}

.weginhalt ul{
      padding: 400px 0 0 314px;
      color:#FFF;
}

.karte{
      background-repeat: no-repeat;
      margin: 260px 0 0 100px;
      position: absolute;
}

.parkschild{
      background-repeat: no-repeat;
      margin: 630px 0 0 200px;
      position: absolute;
}

                                  /*Ende Bereich Wegbeschreibung*/
                                  /*Bereich Impressum*/
                                  
.impressuminhalt{
      width: 770px;
      height: 474px;
      margin: 20px 0 0 2px;
      font: 14px, Verdana;   
      line-height: 18px;   
      position: absolute;
}

.impressuminhalt ul{
      padding: 20px 0 0 20px;
      color:#FFF;
}
                                  /*Ende Bereich Impressum*/