body {margin:0; padding:0; font-family:'Trebuchet MS', Verdana, sans-serif; color:#333; background-color:#D79C2C; background-image:url(../img/wand.jpg); background-size:100% auto; background-position:center bottom; background-attachment:fixed;}
#pIndex {color:#fff; background-color:#764615; background-image:url(../img/start.jpg); background-size:cover; background-position:center top; background-repeat:no-repeat;}

#topnavOuter {position:fixed; top:0; left:0; width:100%; background-image:url(../img/bg_topnav.png); z-index:20;}
#topnav {position:relative; width:1000px; margin:0 auto; font-family:'Trebuchet MS', Verdana, sans-serif;}

#btnHome {position:absolute; top:0; left:0;}
#btnHome a, #btnHome img {display:block;}
#btnHome a:hover, #btnHome a.act {background-color:#56270B;}
#topnav ul {margin:0; padding:0; height:44px; /*background-image:url(../img/demo_nav.jpg);*/}
#topnav li {list-style-type:none; float:left; width:19.8%; overflow:hidden; margin:0 0.2% 0 0; padding:0;}
#topnav li a {display:block; color:#fff; height:44px; text-align:center; text-transform:uppercase; text-decoration:none; line-height:42px; white-space:nowrap;}
#topnav li.first a {margin-left:46px;}
#topnav li a:hover, #topnav li a.act {background-color:#56270B;}

#startBoxesOuter {position:absolute; left:0; top:44px; height:100%; width:100%; overflow:hidden; z-index:10;} 
#startBoxes {position:relative; width:1000px; height:100%; margin:0 auto;}
.startbox {position:absolute; top:100%; height:100%; width:19.8%; background-position:0 -150px; background-size:100% auto; background-repeat:no-repeat;}
/*.startbox {top:0px; background-position:0 -150px; }*/
.startbox a {display:block; height:100%; width:100%; background-image:url(../img/Pfeil.png); background-position:50% 10%; background-repeat:no-repeat; opacity:0.75;}
.startbox a:hover {opacity:1.0;}
#startbox_p1 {left:0; background-image:url(../fotos/Mass.trans.png);}
#startbox_p2 {left:20%; background-image:url(../fotos/Ric.trans.png);}
#startbox_p3 {left:40%; background-image:url(../fotos/Kont.trans.png);}
#startbox_p4 {left:60%; background-image:url(../fotos/Impr.trans.png);}
#headerOuter {position:relative; top:0; left:0; width:100%; padding:44px 0 0; background-image:url(../img/bg_header.jpg); background-size:cover; background-position:center top; background-repeat:no-repeat;}
#headerPic {position:relative; width:1000px; height:auto; margin:0 auto; overflow:hidden;}
#headerSpacer {display:block; width:100%; height:auto;}

#mainOuter {width:1000px; margin:0 auto; background-image:url(../img/bg_main.png);}
#main {padding:20px 0; margin:0 20px;}
#main h1 {padding:10px 0 0; margin:0px 0 16px; font-size:18px; font-weight:normal; text-transform:uppercase; letter-spacing:1px; color:#933;}
#main p {font-size:16px; line-height:24px; margin:0 0 16px;}
#main a {color:#333; text-decoration:none;}
#main a:hover {text-decoration:underline;}
table.indent {margin:0 0 16px 80px;}
table.indent td {padding:0 25px 5px 0;}
#main p.indent {margin-left:30px;}
ul.indent {margin:0 0 12px; padding:0 0 0 45px;}
ul.indent li {margin: 0 0 4px; padding:0 0 0 10px;}
.fotoRight {float:right; margin:5px 15px 15px 0;}
.lesmassages {display:block; margin-bottom:-2px;}

/* Header-Slider */
.gallery {position:absolute; top:0; left:0; width:100%; height:100%;}
.slidePic {position:absolute; top:0; left:0; width:100%; height:100%; display:none; z-index:1; background-position:center top;}
.slidePic img {width:100%; height:auto;}
.slidePic.act {z-index:2}
.slidePic.active {display:block;}
.topPicNavOuter {position:absolute; top:0; left:0px; height:100%; width:100%; text-align:center; z-index:9;}
.topPicNav {position:relative; margin:0 auto; z-index:40;}
.slidePagPrev {position:absolute; top:0px; left:0px; height:100%; width:80px; background-image:url(../img/arrow_prev.png); background-position:center center; background-repeat:no-repeat; opacity:0.6; z-index:30;}
.slidePagNext {position:absolute; top:0px; right:0px; height:100%; width:80px; background-image:url(../img/arrow_next.png); background-position:center center; background-repeat:no-repeat; opacity:0.6; z-index:30;}
.slidePagPrev:hover, .slidePagNext:hover {opacity:1;}
.slideBtn {float:left; height:20px; width:20px; background-image:url(../img/btn_slide.png); background-position:center center; background-repeat:no-repeat; opacity:0.5; cursor:pointer;}
.slideBtn.act {background-image:url(../img/btn_slideact.png); opacity:0.7;}
.slideBtn:hover {opacity:1;}

/* Media Queries */
@media screen and (orientation: portrait) {
  .startbox {background-position:0 0px;}
  .startbox a {background-position:50% 10%;}
}

@media screen and (min-height: 800px){
  .startbox {background-position:0 0px;}
  .startbox a {background-position:50% 10%;}
}

@media screen and (min-width: 1280px) {
  #topnav,#startBoxes,#headerPic,#mainOuter {width:1200px;}
  #main {padding:40px 0; margin:0 100px;}
}

@media screen and (max-width: 1000px) {
  #topnav,#startBoxes {width:750px;}
  #topnav li a {font-size:14px;}
  #headerPic {width:100%;}
  #mainOuter {width:auto;}
  .indent {margin-left:0;}
}

@media screen and (max-width: 750px) {
  #topnav,#startBoxes {width:600px;}
  #topnav li a {font-size:12px;}
  .slidePagPrev, .slidePagNext {width:10%; background-size:60% auto;}
  .indent {margin-left:0px;}
  .indent td {padding:0 15px 5px 0;}
}

@media screen and (max-width: 600px) {
  #topnavOuter {height:44px;}
  #topnav {width:auto;}
  #btnHome {position:relative; width:44px;}
  #btnHome img {margin:0 auto;}
  #topnav ul {height:1px; overflow:hidden; background-image:url(../img/bg_topnav.png);}
  /*#pIndex #topnav ul {height:auto;}*/
  #topnav li {float:none; width:auto;}
  #topnav li a {font-size:14px;}
  #topnav li.first a {margin-left:0;}
  #startBoxesOuter {display:none;}
  #topnavBtn {position:absolute; top:0; right:0; height:44px; width:44px; background-image:url(../img/btn_topnav.png); cursor:pointer;}
  #topnavBtn:hover {background-color:#56270B;}
  .fotoRight {float:none; margin:0 0 16px;}
}