html {
 height: 100%;
}

body {
 height: 101%;
}

* { padding: 0; margin: 0; }

/* STANDARDS */

body {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 13px;
 text-align: center;
 color: #333333;
 background-position: center;
 }

a:focus{
 outline: none;
}


a, a:link, a:visited, a:hover {
  text-decoration: none;
  border: 0;
  outline: none;
  color: #3264a0;
  }

p {
 margin-bottom: 6px;
 color: #333;
 line-height: 17px;
 }

h1 {
 color: #3264a0;
 font-size: 18px;
 font-weight: bold;
 padding: 0px 0px 10px 0px;
 }

h2 {}

h3 {}

h4 {
 color: #777;
 font-size: 17px;
 font-weight: bold;
 padding: 0px 0px 10px 0px;
 }

h5 {
 font-size: 18px;
 color: #c95a30
 }

h6 {
 font-size: 14px;
 font-weight: bold;
 }



/* DIVS */

#wrapper {
 margin: 0 auto;
 width: 800px;
 }


#header {
 color: #3264a0;
 width: 800px;
 float: left;
 height: 100px;
 background: #FFFFFF;
 }


#content {
 z-index: 10;
 position: relative;
 float: left;
 color: #333;
 background: url(../images/body_bg.gif) no-repeat;
 background-position: top-left;
 top: -50px;
 left: -10px;
 height: 460px;
 width: 800px;
 }


#navigation {
 z-index: 20;
 position: relative;
 float: left;
 width: 850px;
 height: 130px;
 color: #333;
 /*background: url(../images/menu_bar.jpg) no-repeat ;*/
 text-align: center;
 text-decoration: none;
 border: 0;
 }

#adr {
 float: right;
 width: 0 auto;
 height: auto;
 text-align: right;
 line-height: 18px;
 color: #3264a0;
 padding: 10px 25px 0px 0px;
 position:relative;
 z-index: 1;
 }

#content-left {
 z-index: 10;
 float: left;
 width: 200px;
 height: auto;
 padding: 45px 0px 0px 30px;
 text-align: left;
 }

#content-left img {
 padding-bottom: 10px;
}

#content-right {
 float: left;
 width: 530px;
 height: auto;
 padding-top: 50px;
 padding-left: 10px;
 text-align: left;
 }

#freisteller {
 position: relative;
 top: -250px;
 left: 500px;
 width: 270px;
 height: 393px;
 padding: 0px;
 margin: 0px;

 }

#facebook {
 position: relative;
 top: -678px;
 left: 810px;
 width: 120px;
 height: 173px;
 padding: 0px;
 margin: 0px;

 }


/* Menu Team */

#menu-team {
 width: 170px;
 height: auto;
 padding-top: 45px;
 padding-left: 10px;
 color: #3264a0;
 line-height: 18px;
 }

#menu-team ul {
 list-style: none;
 margin: 0;
 padding: 0;
 border: none;
}

#menu-team a {
 text-decoration: none;
 list-style: none;
 color: #3264a0;
 margin: 0;
 padding: 0;
 border: none;
 }

#menu-team li {
 text-decoration: none;
 list-style: none;
 color: #3264a0;
 margin-bottom: 8px;
 }

#menu-team li.active {
 text-decoration: none;
 font-weight: bold;
 list-style: none;
 color: #3264a0;
 margin-left: -9px;
 padding-left: 6px;
 border-left: 2px dotted;
 }


#menu-team a:hover {
 font-weight: bold;
 text-decoration: none;
 list-style: none;
 color: #3264a0;
 margin-left: -9px;
 padding-left: 9px;
 }


/* Menu-Therapie */

#menu-therapie {
 width: 200px;
 height: auto;
 padding-top: 45px;
 padding-left: 10px;
 color: #3264a0;
 line-height: 16px;
 }

#menu-therapie ul {
 list-style: none;
 margin: 0;
 padding: 0;
 border: none;
}

#menu-therapie a {
 text-decoration: none;
 list-style: none;
 color: #3264a0;
 margin: 0;
 padding: 0;
 border: none;
 }

#menu-therapie li {
 text-decoration: none;
 list-style: none;
 color: #3264a0;
 margin-bottom: 11px;
 }

#menu-therapie li.active {
 text-decoration: none;
 font-weight: bold;
 list-style: none;
 color: #3264a0;
 margin-left: -9px;
 padding-left: 7px;
 border-left: 2px dotted;
 }


#menu-therapie a:hover {
 font-weight: bold;
 text-decoration: none;
 list-style: none;
 color: #3264a0;
 margin-left: -9px;
 padding-left: 9px;
 }

/* CLASSES */

.text-blue {
 color: #3264a0;
 }

.logo {
 position: relative;
 float: left;
 text-align: left;
 width: 363px;
 height: 54px;
 border: 0;
 padding: 3px 0 0 0;
 text-decoration: none;
 border: 0;
 }

a.ind-lnk {
 font-weight: bold;
 color: #3264a0;
 padding: 0;
 background-color: #bbd8dd;
 }

a:hover.ind-lnk {
 font-weight: bold;
 border-bottom: 1px dashed;
 color: #3264a0;
 padding: 0;
 }

.header-lnk {
 font-size: 10px;
 color: #3264a0;
 border: 0;
 text-decoration: none;
 position:relative;
 z-index: 2;
 }


.header-ext {
 font-size: 10px;
 color: #ffffff;
 border: 0;
 text-decoration: none;
 background-color: #fea74b;
 position:relative;
 z-index: 2;
 }

a.header-ext, a:link.header-ext, a:visited.header-ext, a:hover.header-ext {
  text-decoration: none;
  border: 0;
  outline: none;
  color: #ffffff;
  background-color: #fea74b;
  }

.header-img {
 position: relative;
 float: left;
 text-align: left;
 padding: 3px 0 0 0;
 text-decoration: none;
 border: 0;
 }

.std-img {
 padding-top: 10px;
 border-style: none;
 }


.nav {
 text-align: left;
 float: left;
 text-decoration: none;
 border: none;
 }

.therapie {
 float: left;
 text-align: left;
 width: 230px;
 height: 102px;
 background: url(../images/nav_therapien.png) no-repeat;
 text-decoration: none;
 border: none;
 }

 .therapie:hover {
 float: left;
 text-align: left;
 width: 230px;
 height: 102px;
 background: url(../images/hov_therapien.png) no-repeat;
 text-decoration: none;
 border: none;
 }


.team {
 float: left;
 text-align: left;
 width: 170px;
 height: 70px;
 background: url(../images/nav_team.png) no-repeat;
 text-decoration: none;
 border: none;
 }

 .team:hover {
 float: left;
 text-align: left;
 width: 170px;
 height: 70px;
 background: url(../images/hov_team.png) no-repeat;
 text-decoration: none;
 border: none;
 }

.preise {
 float: left;
 text-align: left;
 width: 157px;
 height: 99px;
 background: url(../images/nav_preise.png) no-repeat;
 text-decoration: none;
 border: none;
 }

 .preise:hover {
 float: left;
 text-align: left;
 width: 157px;
 height: 99px;
 background: url(../images/hov_preise.png) no-repeat;
 text-decoration: none;
 border: none;
 }

.kontakt {
 float: left;
 text-align: left;
 width: 241px;
 height: 120px;
 background: url(../images/nav_kontakt.png) no-repeat;
 text-decoration: none;
 border: none;
 }

.kontakt:hover {
 float: left;
 text-align: left;
 width: 241px;
 height: 120px;
 background: url(../images/hov_kontakt.png) no-repeat;
 text-decoration: none;
 border: none;
 }

.left-txt {
 font-size: 12px;
 color: #3264a0;
 }

.big-red {
 line-height: 14px;
 font-size: 18px;
 font-weight: bold;
 color: #c95a30
 }


/* Preistabelle */

.tb-preise  {
 margin: 10px 0px 0px 0px;
 padding: 0;
 border: 0;
 border-collapse: collapse;
 }

tr {
 vertical-align: top;
 padding: 0px;
 }

th {
 vertical-align: top;
 padding: 0px;
 }

.thead1 {
 vertical-align: top;
 padding: 10px 10px 10px 10px;
 line-height: 14px;
 font-weight: bold;
 color: #3264a0;
 background: url(../images/tab_button_head1.png) no-repeat;
 }

.thead2 {
 vertical-align: top;
 padding: 10px 10px 10px 10px;
 line-height: 20px;
 font-weight: bold;
 color: #3264a0;
 background: url(../images/tab_button_head2.png) no-repeat;
 }

.tmiddle1 {
 vertical-align: top;
 padding: 10px 10px 10px 10px;
 line-height: 14px;
 font-weight: bold;
 color: #3264a0;
 background: url(../images/tab_button_middle1.png) no-repeat;
 }

.tmiddle2 {
 vertical-align: top;
 padding: 10px 10px 10px 10px;
 line-height: 20px;
 font-weight: bold;
 color: #3264a0;
 background: url(../images/tab_button_middle2.png) no-repeat;

 }

.tfoot1 {
 vertical-align: top;
 padding: 10px 10px 10px 10px;
 line-height: 14px;
 font-weight: bold;
 color: #3264a0;
 background: url(../images/tab_button_foot1.png) no-repeat;
 }

.tfoot2 {
 vertical-align: top;
 padding: 10px 10px 10px 10px;
 line-height: 20px;
 font-weight: bold;
 color: #3264a0;
 background: url(../images/tab_button_foot2.png) no-repeat;
 }

.tab-fn {
 padding-left: 8px;
 }



/* LIGHTBOX  */

#lightbox{
        position: absolute;
         left: 0;
         width: 100%;
         z-index: 100;
         text-align: center;
         line-height: 0;}

#lightbox img{
        width: auto;
         height: auto;}

#lightbox a img{
        border: none; }

#outerImageContainer{
        position: relative;
         background-color: #fff;
         width: auto;
         height: auto;
         margin: 0 auto; }

#imageContainer{
        padding: 10px; }

#loading{
        position: absolute;
         top: 40%;
         left: 0%;
         height: 25%;
         width: 100%;
         text-align: center;
         line-height: 0; }

#hoverNav{
        position: absolute;
         top: 0; left: 0;
         height: 100%;
         width: 100%;
         z-index: 10; }

#imageContainer>#hoverNav{
        left: 0;}

#hoverNav a{
        outline: none;}

#prevLink, #nextLink{
        width: 49%;
         height: 100%;
         background-image: url(data:image/gif;base64,AAAA);
         /* Trick IE into showing hover */
         display: block; }

#prevLink {
        left: 0;
        float: left;}

#nextLink {
        right: 0;
         float: right;}

#prevLink:hover, #prevLink:visited:hover {
        background: url(../images/prevlabel.gif)left 15% no-repeat; }

#nextLink:hover, #nextLink:visited:hover {
        background: url(../images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{
        font: 10px Verdana, Helvetica, sans-serif;
         background-color: #fff;
         margin: 0 auto;
         line-height: 1.4em;
         overflow: auto;
         width: 100%        ; }

#imageData{
        padding:0 10px;
         color: #666; }

#imageData #imageDetails{
        width: 70%;
         float: left;
         text-align: left; }

#imageData #caption{ font-weight: bold;        }

#imageData #numberDisplay{
        display: block;
        clear: left;
         padding-bottom: 1.0em;        }


#imageData #bottomNavClose{
         /* Größe des Close-Buttons - Wichtig! */
         width: 90px;
         float: right;
         padding-bottom: 0.7em;
         outline: none;}

#overlay{
        position: absolute;
         top: 0;
         left: 0;
         z-index: 90;
         width: 100%;
         height: 500px;
         background-color: #000; }