/* general tags */
body {
  background: #f9ebe2 url(/images/bg.jpg) repeat-y;
  font: 11px/15px arial,helvetica;
  margin: 0;
  padding: 0;
}

form {
  margin: 0;
  padding:0;
}

p, h1, table, ul {
  margin: 0 0 1em 0;
  padding: 0;
}

img {
  border-style: none;
}

td {
  padding: 0;
}
tr {
  vertical-align: top;
  padding: 0;
  margin: 0;
}

h1 {
  color: #000;
  font: bold 11px/15px arial,helvetica;
}

h3 {
  margin: 0;
  padding: 0;
  color: #000;
  font: bold 11px/15px arial,helvetica;
}

h4 {
  margin: 0;
  padding: 0;
  color: #a1554c;
  font: bold 11px/15px arial,helvetica;
}

/* link */

a {
  font: 11px/15px arial,helvetica;
  color: #a1554c;
  text-decoration: none;
}

a:hover, a.on {
  text-decoration: underline;
}

a.bold {
  font: bold 11px/15px arial,helvetica;
  color: #000;
  text-decoration: none;
}

a.bold:hover {
  color: #a1554c;
}

a.underline {
  text-decoration: underline;
}

a.cloak {
  font: 11px/15px arial,helvetica;
  color: #000;
  text-decoration: none;
}

a.cloak:hover {
  font: 11px/15px arial,helvetica;
  color: #000;
  text-decoration: none;
}

a.boldunterline {
  font: bold 11px/15px arial,helvetica;
  color: #000;
  text-decoration: underline;
}

a.boldunterline:hover {
  font: bold 11px/15px arial,helvetica;
  color: #000;
  text-decoration: underline;
}

/* general class */
.warn {
  color: #ff0000;
}

.eingabe {
  border: 1px solid #a1554c;
  width: 278px;
  height: 14px;
  font: 11px/14px arial,helvetica;
  padding: 2px 0 0 0;
  margin-bottom: 5px;
}

.eingabes {
  border: 1px solid #a1554c;
  width: 278px;
  height: 18px;
  font: 11px/14px arial,helvetica;
  padding: 1px 0 0 0;
  margin: 0 0 5px 0;
}

.small {
  font: 10px/13px arial,helvetica;
}

.wichtig {
  color: #a1554c;
}


/* grid */
#container {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 1024px;
  height: 728px;
  background: url(/images/visual_main.jpg) no-repeat;
  overflow: hidden;
}

#shop {
  position: absolute;
  top: 630px;
  left: 566px;
  width: 130px;
  height: 22px;
}

#visual_mm {
  position: absolute;
  left: 228px;
  top: 418px;
  width: 296px;
  height: 262px;
}

#content {
  position: absolute;
  left: 566px;
  top: 168px;
  width: 416px;
  height: 422px;
  padding: 19px 21px;
  background: url(/images/bg_content.jpg) no-repeat;
}

#content_blank {
  position: absolute;
  left: 566px;
  top: 168px;
  width: 388px;
  height: 460px;
}

#scroller_up {
  position: absolute;
  left: 437px;
  top: 18px;
  width: 15px;
  height: 13px;
  cursor: pointer;
  visibility: hidden;
}

#scroller_track {
  position: absolute;
  left: 443px;
  top: 30px;
  width: 2px;
  height: 371px;
  background-color: #f2d1c2;
  z-index: 100;
  visibility: hidden;
}

#scroller_drag {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 2px;
  height: 15px;
  background-color: #cca097;
  visibility: hidden;
}


#scroller_down {
  position: absolute;
  left: 437px;
  top: 400px;
  width: 15px;
  height: 13px;
  cursor: pointer;
  visibility: hidden;
}

#scroller {
  position: absolute;
  left: 21px;
  top: 19px;
  width: 416px;
  height: 393px;
  overflow: hidden;
  visibility: visible;
}

#scrollernative {
  position: absolute;
  left: 21px;
  top: 19px;
  width: 416px;
  height: 393px;
  overflow: auto;
  visibility: visible;
}



/* navigation main */
#navtop {
  position: absolute;
  top: 83px;
  left: 566px;
  width: 458px;
  height: 41px;
}

#navtop li {
  list-style: none;
  position: absolute;
}

#navtop li, #navtop a {
  height: 41px;
  display: block;
}

#home {
  left: 0;
  width: 55px;
}
#duft {
  left: 55px;
  width: 55px;
}
#sortiment {
  left: 110px;
  width: 100px;
}
#entertainment {
  left: 210px;
  width: 140px;
}
#aktuelles {
  left: 350px;
  width: 100px;
}

#home a:hover, #home a.on {
  background: transparent url(/images/navtop_on.gif) 0px 0px no-repeat;
}
#duft a:hover, #duft a.on {
  background: transparent url(/images/navtop_on.gif) -55px 0px no-repeat;
}
#sortiment a:hover, #sortiment a.on {
  background: transparent url(/images/navtop_on.gif) -110px 0px no-repeat;
}
#entertainment a:hover, #entertainment a.on {
  background: transparent url(/images/navtop_on.gif) -210px 0px no-repeat;
}
#aktuelles a:hover, #aktuelles a.on {
  background: transparent url(/images/navtop_on.gif) -350px 0px no-repeat;
}


/* navigation sub */
#navtop ul {
  width: 458px;
  height: 27px;
  top: 41px;
  position: absolute;
  visibility: hidden;
  z-index: 200;
}

#navtop ul.on {
  z-index: 100;
}

#navtop li li, #navtop li li a {
  display: block;
  height: 27px;
}

#navsub_duft {
  background: url(/images/navsub_duft.gif) no-repeat;
  left: -55px;
}

#navsub_sortiment {
  background: url(/images/navsub_sortiment.gif) no-repeat;
  left: -110px;
}

#navsub_entertainment {
  background: url(/images/navsub_entertainment.gif) no-repeat;
  left: -210px;
}

#navsub_aktuelles {
  background: url(/images/navsub_aktuelles.gif) no-repeat;
  left: -350px;
}

#duft:hover #navsub_duft , #navsub_duft.on {
  visibility: visible;
}

#sortiment:hover #navsub_sortiment , #navsub_sortiment.on {
  visibility: visible;
}

#entertainment:hover #navsub_entertainment , #navsub_entertainment.on {
  visibility: visible;
}

#aktuelles:hover #navsub_aktuelles , #navsub_aktuelles.on {
  visibility: visible;
}

#sub_duftpyramide {
  left: 0px;
  width: 95px;
}

#sub_duftprobe {
  left: 95px;
  width: 160px;
}

#sub_duftpyramide a:hover, #sub_duftpyramide a.on {
  background: transparent url(/images/navsub_duft.gif) -0px -27px no-repeat;
}

#sub_duftprobe a:hover, #sub_duftprobe a.on {
  background: transparent url(/images/navsub_duft.gif) -95px -27px no-repeat;
}

#sub_produkte {
  left: 0px;
  width: 70px;
}

#sub_geschenkset {
  left: 70px;
  width: 100px;
}

#sub_produkte a:hover, #sub_produkte a.on {
  background: transparent url(/images/navsub_sortiment.gif) -0px -27px no-repeat;
}

#sub_geschenkset a:hover, #sub_geschenkset a.on {
  background: transparent url(/images/navsub_sortiment.gif) -70px -27px no-repeat;
}

#sub_stiltest {
  left: 0px;
  width: 65px;
}

#sub_duftlexikon {
  left: 65px;
  width: 95px;
}

#sub_stiltest a:hover, #sub_stiltest a.on {
  background: transparent url(/images/navsub_entertainment.gif) -0px -27px no-repeat;
}

#sub_duftlexikon a:hover, #sub_duftlexikon a.on {
  background: transparent url(/images/navsub_entertainment.gif) -65px -27px no-repeat;
}

#sub_makingof {
  left: 0px;
  width: 75px;
}

#sub_printanzeige {
  left: 75px;
  width: 100px;
}

#sub_stilcheck {
  left: 175px;
  width: 85px;
}

#sub_makingof a:hover, #sub_makingof a.on {
  background: transparent url(/images/navsub_aktuelles.gif) -0px -27px no-repeat;
}

#sub_printanzeige a:hover, #sub_printanzeige a.on {
  background: transparent url(/images/navsub_aktuelles.gif) -75px -27px no-repeat;
}

#sub_stilcheck a:hover, #sub_stilcheck a.on {
  background: transparent url(/images/navsub_aktuelles.gif) -175px -27px no-repeat;
}


/* navigation legende */
#navbottom {
  position: absolute;
  top: 635px;
  right: 15px;
  color: #ba746a;
  text-align: right;
}

#navbottom a {
  color: #ba746a;
  font: 11px/1.2 arial,helvetica;
  padding: 0 3px;
  text-decoration: none;
}

#navbottom a:hover, #navbottom a.on {
  text-decoration: underline;
}

/* page elements */
#teaser_main {
  position: absolute;
  left: 566px;
  top: 154px;
  width: 446px;
  height: 462px;
  background-image: url(/images/teaser_main.jpg);
}

.teaser_main {
  position: absolute;
  left: 566px;
  width: 272px;
  height: 85px;
  padding: 60px 150px 0px 22px;
  overflow: hidden;
}

#teaser_umfrage {
  position: absolute;
  left: 566px;
  top: 325px;
  width: 272px;
  height: 241px;
  padding: 48px 150px 0px 22px;
  background-image: url(/images/teaser/umfrage.jpg);
}

.teaser_umfrage_answer {
  margin-bottom: 8px;
}

#teaser_umfrage_text {
  border: 1px solid #a1554c;
  width: 298px;
  height: 78px;
  font: 11px/14px arial,helvetica;
}

.duftpyramide {
  position: absolute;
  top: 108px;
  left: 21px;
  width: 194px;
  height: 277px;
  padding: 26px 0 0 244px;
  overflow: hidden;
  visibility: hidden;
}

#dp_off {
  background-image: url(/images/duftpyramide.jpg);
  visibility: visible;
}

#dp_kopfnote {
  background-image: url(/images/duftpyramide_kopfnote.jpg);
  visibility: hidden;
}

#dp_herznote {
  background-image: url(/images/duftpyramide_herznote.jpg);
}

#dp_basisnote {
  background-image: url(/images/duftpyramide_basisnote.jpg);
}

.aktionsflaeche {
  position: absolute;
  top: 0px;
  left: 21px;
  width: 342px;
  height: 80px;
  z-index: 700;
  background-color: #fff;
  cursor: pointer;
  opacity: .0;
  filter: alpha(opacity=0);
}

#teaser_toilette_30 {
  visibility: hidden;
}
#teaser_deo {
  visibility: hidden;
}
#teaser_showergel {
  visibility: hidden;
}
#teaser_bodylotion {
  visibility: hidden;
}
#teaser_parfum {
  visibility: hidden;
}
#teaser_toilette_15 {
  visibility: hidden;
}

.teaser_sortiment {
  position: absolute;
  top: 156px;
  left: 522px;
  width: 501px;
  height: 145px;
  background-image: url(/images/teaser_sortiment.jpg);
  overflow: hidden;
}

.teaser_sortiment_headline {
  position: absolute;
  left: 20px;
  top: 29px;
  width: 120px;
  height: 47px;
}

.teaser_sortiment_text {
  position: absolute;
  left: 144px;
  top: 29px;
  width: 265px;
  height: 71px;
  overflow: hidden;
}

.teaser_sortiment_empfehlen {
  position: absolute;
  left: 144px;
  top: 100px;
  width: 260px;
  height: 20px;
  overflow: hidden;
}

#swf_produkte {
  position: absolute;
  width: 643px;
  height: 327px;
  left: 358px;
  top: 300px;
}

#visual_geschenkset {
  position: absolute;
  left: 605px;
  top: 320px;
  width: 277px
  height: 307px;
}

#visual_printanzeige {
  position: absolute;
  left: 567px;
  top: 168px;
  width: 446px
  height: 447px;
}

#swf_printanzeige {
  position: absolute;
  top: 152px;
  left: 552px;
  width: 358px;
  height: 461px;
}


/* popup */
#popupheader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 115px;
  background-color: #fff;
}

#empfehlen_footer {
  position: absolute;
  left: 15px;
  bottom: 5px;
  overflow: hidden;
  width: 142px;
  height: 139px;
  background: url(/images/empfehlen_ranken.gif) no-repeat;

}