/* general tags */
* {
  padding: 0;
  margin: 0;
}

html, body {
  background-image: url(/images/bg.jpg);
  background-repeat: repeat-x;
  font-size: 11px;
  font-family: verdana, sans-serif;
  line-height: 14px;
  color: #a5a5a5;
}

body {
  height: 100%;
  behavior: url(/jslib/csshover.htc);
}

h3 {
  font-size: 11px;
  font-family: verdana, sans-serif;
  line-height: 14px;
  font-weight: bold;
  color: #a5a5a5;
}

h4 {
  font-size: 11px;
  font-family: verdana, sans-serif;
  line-height: 14px;
  font-weight: bold;
  color: #d7ac4a;
}

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

img {
  border-style: none;
}

a {
  font-size: 11px;
  font-family: verdana, sans-serif;
  text-decoration: underline;
  color: #ff3300;
}

a:hover {
  font-size: 11px;
  font-family: verdana, sans-serif;
  text-decoration: underline;
  color: #ff3300;
}

td {
  vertical-align: top;
}


/* general class */
.eingabe {
  border: 1px solid #ff3300;
  width: 193px;
  height: 16px;
  margin-bottom: 4px;
}

.eingabe2 {
  border: 1px solid #ff3300;
  width: 268px;
  height: 16px;
  margin-bottom: 4px;
}

.small {
  font-size: 9px;
  font-family: verdana, sans-serif;
  line-height: 11px;
  color: #a5a5a5;
}

.hilite {
  font-size: 11px;
  font-family: verdana, sans-serif;
  line-height: 14px;
  color: #d7ac4a;
}

.warn {
  color: red;
}

.red {
  color: #ff3300;
}

.empfehlen {
  margin-top: 1.5em;
}

.ruler {
  padding-bottom: 1em;
  border-bottom: 1px solid #ff3300; 
  margin-bottom: 1em;
}

a.small, a.small:hover {
  font-size: 9px;
  font-family: verdana, sans-serif;
  line-height: 11px;
  color: #a5a5a5;
  text-decoration: underline;
}

a.navliste, a.navliste:hover {
  font-size: 11px;
  font-family: verdana, sans-serif;
  line-height: 14px;
  color: #d7ac4a;
  text-decoration: none;
}

a.cloak, a.cloak:hover {
  font-size: 11px;
  font-family: verdana, sans-serif;
  line-height: 14px;
  color: #a5a5a5;
  text-decoration: none;
}

a.underline, a.underline:hover {
  font-size: 11px;
  font-family: verdana, sans-serif;
  line-height: 14px;
  color: #a5a5a5;
  text-decoration: underline;
}

/* GRID */
#logo {
  position: absolute;
  top: 59px;
  left: 698px;
  z-index: 500;
}

#content {
  position: absolute;
  background-image: url(/images/bg_content.gif);
  top: 172px;
  left: 20px;
  width: 449px;
  height: 428px;
  overflow: hidden;
  z-index: 300;
}

#schatten_content {
  position: absolute;
  top: 172px;
  left: 469px;
  z-index: 100;
}


/* Navigation Main */
#navmain {
  position: absolute;
  top: 13px;
  left: 12px;
  width: 321px;
  height: 32px;
  background: url(/images/nav_main.gif) no-repeat;
}
#navmain li {
  list-style: none;
  position: absolute;
}
#navmain li, #navmain a {
  height: 32px;
  display: block;
}

#home {
  left: 0px;
  width: 40px;
}
#produkte {
  left: 50px;
  width: 60px;
}
#wissenswertes {
  left: 120px;
  width: 95px;
}
#gewinnspiel {
  left: 230px;
  width: 90px;
}

#home a:hover, #home a.on {
  background: url(/images/nav_main.gif) 0px -32px no-repeat;
}
#produkte a:hover, #produkte a.on, #produkte:hover {
  background: url(/images/nav_main.gif) -50px -32px no-repeat;
}
#wissenswertes a:hover, #wissenswertes a.on, #wissenswertes:hover {
  background: url(/images/nav_main.gif) -120px -32px no-repeat;
}
#gewinnspiel a:hover, #gewinnspiel a.on, #gewinnspiel:hover {
  background: url(/images/nav_main.gif) -230px -32px no-repeat;
}


/* Navigation Subs */
#navsubprodukte {
  position: absolute;
  top: 32px;
  left: -50px;
  width: 480px;
  height: 39px;
  background: url(/images/nav_sub_produkte2.gif) no-repeat;
  overflow: hidden;
  visibility: hidden;
}

#produkte:hover #navsubprodukte, #navsubprodukte.on {
  visibility: visible;
}

#navsubprodukte li {
  list-style: none;
  position: absolute;
}
#navsubprodukte li, #navsubprodukte a {
  height: 39px;
  display: block;
}

#muskoil {
  left: 0px;
  width: 105px;
}
#whitesilk {
  left: 115px;
  width: 120px;
}
#blackmusk {
  left: 240px;
  width: 130px;
}
#geschenksets {
  left: 376px;
  width: 100px;
}

#muskoil a:hover, #muskoil a.on {
  background: url(/images/nav_sub_produkte2.gif) 0px -39px no-repeat;
}
#whitesilk a:hover, #whitesilk a.on {
  background: url(/images/nav_sub_produkte2.gif) -115px -39px no-repeat;
}
#blackmusk a:hover, #blackmusk a.on {
  background: url(/images/nav_sub_produkte2.gif) -240px -39px no-repeat;
}
#geschenksets a:hover, #geschenksets a.on {
  background: url(/images/nav_sub_produkte2.gif) -376px -39px no-repeat;
}


#navsubwissenswertes {
  position: absolute;
  top: 32px;
  left: -120px;
  width: 244px;
  height: 39px;
  background: url(/images/nav_sub_wissen.gif) no-repeat;
  overflow: hidden;
  visibility: hidden;
}
#wissenswertes:hover #navsubwissenswertes, #navsubwissenswertes.on {
  visibility: visible;
}

#navsubwissenswertes li {
  list-style: none;
  position: absolute;
}
#navsubwissenswertes li, #navsubwissenswertes a {
  height: 39px;
  display: block;
}

#duftlexikon {
  left: 0px;
  width: 80px;
}

#duftlexikon a:hover, #duftlexikon a.on {
  background: url(/images/nav_sub_wissen.gif) 0px -39px no-repeat;
}

#faq {
  left: 90px;
  width: 150px;
}

#faq a:hover, #faq a.on {
  background: url(/images/nav_sub_wissen.gif) -90px -39px no-repeat;
}

#navsubgewinnspiel {
  position: absolute;
  top: 32px;
  left: -230px;
  width: 305px;
  height: 32px;
  background: url(/images/nav_sub_gewinnspiel.gif) no-repeat;
  overflow: hidden;
  visibility: hidden;
}
#gewinnspiel:hover #navsubgewinnspiel, #navsubgewinnspiel.on {
  visibility: visible;
}
#navsubgewinnspiel li {
  list-style: none;
  position: absolute;
}
#navsubgewinnspiel li, #navsubgewinnspiel a {
  height: 39px;
  display: block;
}

#sogehts {
  left: 0px;
  width: 60px;
}
#tnb {
  left: 75px;
  width: 150px;
}
#gewinner {
  left: 235px;
  width: 70px;
}

#sogehts a:hover, #sogehts a.on {
  background: url(/images/nav_sub_gewinnspiel.gif) 0px -39px no-repeat;
}
#tnb a:hover, #tnb a.on {
  background: url(/images/nav_sub_gewinnspiel.gif) -75px -39px no-repeat;
}
#gewinner a:hover, #gewinner a.on {
  background: url(/images/nav_sub_gewinnspiel.gif) -235px -39px no-repeat;
}

/* Navigation SubSub */
#navsubsubmuskoil {
  position: absolute;
  top: 80px;
  left: 12px;
  width: 514px;
  height: 22px;
  background: url(/images/nav_subsub_muskoil.gif) no-repeat;
  overflow: hidden;
}
#navsubsubmuskoil li {
  list-style: none;
  position: absolute;
}
#navsubsubmuskoil li, #navsubsubmuskoil a {
  height: 22px;
  display: block;
}

#moperfumeoil {
  left: 0px;
  width: 70px;
}
#moeaudeparfum {
  left: 75px;
  width: 85px;
}
#moeaudetoilette {
  left: 165px;
  width: 90px;
}
#modeodorantspray {
  left: 260px;
  width: 95px;
}
#moshowergel {
  left: 365px;
  width: 70px;
}
#mobodylotion {
  left: 445px;
  width: 65px;
}

#moperfumeoil a:hover, #moperfumeoil a.on {
  background: url(/images/nav_subsub_muskoil.gif) 0px -22px no-repeat;
}
#moeaudeparfum a:hover, #moeaudeparfum a.on {
  background: url(/images/nav_subsub_muskoil.gif) -75px -22px no-repeat;
}
#moeaudetoilette a:hover, #moeaudetoilette a.on {
  background: url(/images/nav_subsub_muskoil.gif) -165px -22px no-repeat;
}
#modeodorantspray a:hover, #modeodorantspray a.on {
  background: url(/images/nav_subsub_muskoil.gif) -260px -22px no-repeat;
}
#moshowergel a:hover, #moshowergel a.on {
  background: url(/images/nav_subsub_muskoil.gif) -365px -22px no-repeat;
}
#mobodylotion a:hover, #mobodylotion a.on {
  background: url(/images/nav_subsub_muskoil.gif) -445px -22px no-repeat;
}

#navsubsubwhitesilk {
  position: absolute;
  top: 80px;
  left: 12px;
  width: 269px;
  height: 22px;
  background: url(/images/nav_subsub_whitesilk.gif) no-repeat;
  overflow: hidden;
}
#navsubsubwhitesilk li {
  list-style: none;
  position: absolute;
}
#navsubsubwhitesilk li, #navsubsubwhitesilk a {
  height: 22px;
  display: block;
}

#wseaudeparfum {
  left: 0px;
  width: 80px;
}
#wsdeodorantspray {
  left: 90px;
  width: 95px;
}
#wsshowergel {
  left: 195px;
  width: 70px;
}

#wseaudeparfum a:hover, #wseaudeparfum a.on {
  background: url(/images/nav_subsub_whitesilk.gif) -0px -22px no-repeat;
}
#wsdeodorantspray a:hover, #wsdeodorantspray a.on {
  background: url(/images/nav_subsub_whitesilk.gif) -90px -22px no-repeat;
}
#wsshowergel a:hover, #wsshowergel a.on {
  background: url(/images/nav_subsub_whitesilk.gif) -195px -22px no-repeat;
}

#navsubsubblackmusk {
  position: absolute;
  top: 80px;
  left: 12px;
  width: 83px;
  height: 22px;
  background: url(/images/nav_subsub_blackmusk.gif) no-repeat;
  overflow: hidden;
}
#navsubsubblackmusk li {
  list-style: none;
  position: absolute;
}
#navsubsubblackmusk li, #navsubsubblackmusk a {
  height: 22px;
  display: block;
}

#bmeaudeparfum {
  left: 0px;
  width: 80px;
}

#bmeaudeparfum a:hover, #bmeaudeparfum a.on {
  background: url(/images/nav_subsub_blackmusk.gif) -0px -22px no-repeat;
}

#navsubsubgeschenksets {
  position: absolute;
  top: 80px;
  left: 12px;
  width: 122px;
  height: 22px;
  background: url(/images/nav_subsub_geschenkset.gif) no-repeat;
  overflow: hidden;
}
#navsubsubgeschenksets li {
  list-style: none;
  position: absolute;
}
#navsubsubgeschenksets li, #navsubsubgeschenksets a {
  height: 22px;
  display: block;
}

#gsmuskoil {
  left: 0px;
  width: 50px;
}
#gswhitesilk {
  left: 60px;
  width: 60px;
}

#gsmuskoil a:hover, #gsmuskoil a.on {
  background: url(/images/nav_subsub_geschenkset.gif) -0px -22px no-repeat;
}
#gswhitesilk a:hover, #gswhitesilk a.on {
  background: url(/images/nav_subsub_geschenkset.gif) -60px -22px no-repeat;
}

/* Navigation Legende */
#legende {
  position: absolute;
  top: 13px;
  left: 812px;
  width: 148px;
  height: 22px;
  background: url(/images/nav_kontakt.gif) no-repeat;
  overflow: hidden;
}
#legende li {
  list-style: none;
  position: absolute;
}
#legende li, #legende a {
  height: 22px;
  display: block;
}

#kontakt {
  left: 0px;
  width: 60px;
}
#impressum {
  left: 70px;
  width: 78px;
}

#kontakt a:hover, #kontakt a.on {
  background: url(/images/nav_kontakt.gif) 0px -22px no-repeat;
}
#impressum a:hover, #impressum a.on {
  background: url(/images/nav_kontakt.gif) -70px -22px no-repeat;
}


/* Content */

/* headline */
#headline {
  position: absolute;
  top: 20px;
  left: 20px;
  z-index: 200;
}

/* Scoller */
#sc_up { 
  position: absolute;
  left: 420px;
  top: 97px;
  z-index: 100px; 
}
#sc_down { 
  position: absolute; 
  left: 420px; 
  top: 392px; 
  z-index:100;
}
#sc_clip {
  position: absolute;
  top: 100px;
  left: 20px;
  width: 400px; 
  height: 307px;
  overflow: hidden;
  clip: rect(0,400,317,0);
  z-index: 1; 
  visibility: visible; 
}
#sc_cont {
  position: absolute; 
  left: 0px;
  top: 0px;
  width: 400px;
}
#sc_track {
  visibility: hidden;
}
#sc_drag {
  visibility: hidden;
}


/* Visual */
.visual {
  position: absolute;
  z-index: 200;
}

#visualhome {
  position: absolute;
  top: 88px;
  left: 0px;
  width: 639px;
  height: 563px;
  background: url(/images/visual_home.jpg) no-repeat;
  overflow: hidden;
  z-index: 200;
}

#visualmuskoil {
  position: absolute;
  top: 155px;
  left: 469px;
  width: 481px;
  height: 494px;
  background: url(/images/visual_muskoil.jpg) no-repeat;
  overflow: hidden;
  z-index: 200;
}

#visualmoperfumeoil {
  position: absolute;
  top: 336px;
  left: 634px;
  width: 215px;
  height: 307px;
  background: url(/images/visual_mo_perfumeoil.jpg) no-repeat;
  overflow: hidden;
  z-index: 200;
}

#visualmoeaudeparfum {
  position: absolute;
  top: 272px;
  left: 633px;
  width: 218px;
  height: 382px;
  background: url(/images/visual_mo_eaudeparfum.jpg) no-repeat;
  overflow: hidden;
  z-index: 200;
}

#visualmoeaudetoilette {
  position: absolute;
  top: 272px;
  left: 638px;
  width: 214px;
  height: 385px;
  background: url(/images/visual_mo_eaudetoilette.jpg) no-repeat;
  overflow: hidden;
  z-index: 200;
}

#visualmodeodorantspray {
  position: absolute;
  top: 193px;
  left: 703px;
  width: 102px;
  height: 465px;
  background: url(/images/visual_mo_deodorantspray.jpg) no-repeat;
  overflow: hidden;
  z-index: 200;
}

#visualmoshowergel {
  position: absolute;
  top: 194px;
  left: 650px;
  width: 183px;
  height: 460px;
  background: url(/images/visual_mo_showergel.jpg) no-repeat;
  overflow: hidden;
  z-index: 200;
}

#visualmobodylotion {
  position: absolute;
  top: 194px;
  left: 650px;
  width: 182px;
  height: 462px;
  background: url(/images/visual_mo_bodylotion.jpg) no-repeat;
  overflow: hidden;
  z-index: 200;
}

#visualwhitesilk {
  position: absolute;
  top: 164px;
  left: 468px;
  width: 563px;
  height: 482px;
  background: url(/images/visual_whitesilk.jpg) no-repeat;
  overflow: hidden;
  z-index: 400;
}

#visualwseaudeparfum {
  position: absolute;
  top: 270px;
  left: 635px;
  width: 198px;
  height: 381px;
  background: url(/images/visual_ws_eaudeparfum.jpg) no-repeat;
  overflow: hidden;
  z-index: 200;
}

#visualwsdeodorantspray {
  position: absolute;
  top: 192px;
  left: 695px;
  width: 114px;
  height: 459px;
  background: url(/images/visual_ws_deodorantspray.jpg) no-repeat;
  overflow: hidden;
  z-index: 200;
}

#visualwsshowergel {
  position: absolute;
  top: 192px;
  left: 655px;
  width: 174px;
  height: 470px;
  background: url(/images/visual_ws_showergel.jpg) no-repeat;
  overflow: hidden;
  z-index: 200;
}

#visualgsmuskoil {
  position: absolute;
  top: 289px;
  left: 590px;
  width: 327px;
  height: 365px;
  background: url(/images/visual_gs_muskoil.jpg) no-repeat;
  overflow: hidden;
  z-index: 200;
}

#visualgswhitesilk {
  position: absolute;
  top: 339px;
  left: 590px;
  width: 320px;
  height: 312px;
  background: url(/images/visual_gs_whitesilk.jpg) no-repeat;
  overflow: hidden;
  z-index: 200;
}

#visualblackmusk {
  position: absolute;
  top: 120px;
  left: 468px;
  width: 450px;
  height: 544px;
  background: url(/images/visual_blackmusk.jpg) no-repeat;
  overflow: hidden;
  z-index: 400;
}

#visualbmeaudeparfum {
  position: absolute;
  top: 271px;
  left: 627px;
  width: 223px;
  height: 393px;
  background: url(/images/visual_bm_eaudeparfum.jpg) no-repeat;
  overflow: hidden;
  z-index: 200;
}

#visualduftlexikon {
  position: absolute;
  top: 386px;
  left: 495px;
  width: 486px;
  height: 271px;
  background: url(/images/visual_duftlexikon.jpg) no-repeat;
  overflow: hidden;
  z-index: 200;
}

#visualfaq {
  position: absolute;
  top: 196px;
  left: 569px;
  width: 381px;
  height: 404px;
  z-index: 200;
}

#visualgewinnspiel {
  position: absolute;
  top: 337px;
  left: 629px;
  width: 226px;
  height: 316px;
  background: url(/images/visual_gewinnspiel.jpg) no-repeat;
  overflow: hidden;
  z-index: 200;
}

#visualkontakt {
  position: absolute;
  top: 157px;
  left: 469px;
  width: 347px;
  height: 477px;
  background: url(/images/visual_kontakt.jpg) no-repeat;
  overflow: hidden;
  z-index: 200;
}

/* Teaser */
#teaser1 {
  position: absolute;
  top: 328px;
  left: 698px;
  width: 268px;
  height: 102px;
  background: url(/images/teaser_bg_1.gif) no-repeat;
  overflow: hidden;
  z-index: 300;
}

#teaser1.umfrage {
  top: 220px;
  background: url(/images/teaser_bg_0.gif) no-repeat;
}

#teaser2 {
  position: absolute;
  top: 440px;
  left: 698px;
  width: 268px;
  height: 102px;
  background: url(/images/teaser_bg_2.gif) no-repeat;
  overflow: hidden;
  z-index: 300;
}

#teaser_umfrage {
  position: absolute;
  top: 330px;
  left: 698px;
  width: 233px;
  height: 146px;
  padding: 40px 25px 25px 10px;
  background: url(/images/teaser_bg_umfrage.gif) no-repeat;
  overflow: hidden;
  z-index: 300;
  line-height: 13px;
  letter-spacing: -1px;
  color: #555;
}

.teaser_umfrage_answer {
  margin-bottom: 8px;
}

* html .teaser_umfrage_answer {
  margin-bottom: 3px;
}

#teaser_umfrage_text {
  width: 228px;
  height: 52px;
  border: 1px solid #bbbbbb;
  margin-top: 5px;
}


.teaserheadline {
  position: absolute;
  top: 7px;
  left: 10px;
}

.teaserimg {
  position: absolute;
  top: 2px;
  left: 169px;
  width: 83px;
  height: 98px;
}


.teasercont {
  position: absolute;
  left: 10px;
  top: 39px;
  width: 150px;
  height: 69px;
  font-size: 11px;
  font-family: verdana, sans-serif;
  line-height: 13px;
  letter-spacing: -1px;
  color: #555;
  margin: 0;
  padding: 0;
}

a.teaserlink {
  background: url(/images/arrow_right.gif) 0px 6px no-repeat;
  padding-left: 18px;
  text-decoration: none;
}


/* popup */
#popupheader {
  position: fixed;
  background-color: #fff;
  background-image:url(/images/bg_popup.jpg);
  background-repeat: repeat-x;
  top: 0;
  left: 0;
  width: 100%;
  height: 110px;
}

/* mixed */


/* Clearfix workaround */
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  line-height: 0;
  clear: both;
  visibility: hidden
}

.clearfix {
  display: inline-block;
}

* html .clearfix {
  height: 1%;
}

.clearfix {
  display: block;
}