/*
 * rezepte-layer
 */
/* general behavior */
#tvspot_rezept_step1,
#tvspot_rezept_step2,
#tvspot_rezept_step3,
#tvspot_rezept_step4,
#tvspot_rezept_step5,
#tvspot_rezept_step6
{
  background-repeat : no-repeat;
  height   : 548px; 
  /*
  position : absolute;
  top      : 100px;
  left     : 76px;
  */
  left:0;
  position:absolute;
  top:0;
  width    : 722px;
 
}
#tvspot_rezept_step1.invisible,
#tvspot_rezept_step2.invisible,
#tvspot_rezept_step3.invisible,
#tvspot_rezept_step4.invisible,
#tvspot_rezept_step5.invisible,
#tvspot_rezept_step6.invisible
{
  visibility : hidden;
  z-index    : -5;
}
#tvspot_rezept_step1.visible,
#tvspot_rezept_step2.visible,
#tvspot_rezept_step3.visible,
#tvspot_rezept_step4.visible,
#tvspot_rezept_step5.visible,
#tvspot_rezept_step6.visible
{
  visibility : visible;
  z-index    : 10;
}
/* backgroundimages */
.tvspot_rezept_bg{
	background:transparent url(/herzhafteProdukte/saucenbinderimstreuer/layer_art/step_1/bg_step1.png) no-repeat 0 0;
	display:none;
	height: 548px;
	width: 722px;
}
.tvspot_rezept_bg2 {
  background-image  : url('/herzhafteProdukte/saucenbinderimstreuer/layer_art/step_2/bg_step2.png');
}
.tvspot_rezept_bg3 {
  background-image  : url('/herzhafteProdukte/saucenbinderimstreuer/layer_art/step_3/bg_step3.png');
}
.tvspot_rezept_bg4 {
  background-image  : url('/herzhafteProdukte/saucenbinderimstreuer/layer_art/step_4/bg_step4.png');
}
.tvspot_rezept_bg5 {
  background-image  : url('/herzhafteProdukte/saucenbinderimstreuer/layer_art/step_5/bg_step5.png');
}
.tvspot_rezept_bg6 {
  background-image  : url('/herzhafteProdukte/saucenbinderimstreuer/layer_art/step_6/bg_step6.png');
}
.tvspot_rezept{
	display:none;
}





/* "weiter"-button configuration */
.rezept_weiter_step1,
.rezept_weiter_step2,
.rezept_weiter_step3,
.rezept_weiter_step4,
.rezept_weiter_step5,
.rezept_weiter_step6 {
  z-index  : 50;
  position : absolute;
}

.rezept_weiter_step1 {
  cursor   : pointer;
  height   : 45px;
  width    : 240px;
  margin   : 470px auto auto 455px;
}

.rezept_weiter_step2 {
  cursor   : pointer;
  height   : 45px;
  width    : 240px;
  margin   : 495px auto auto 595px;
}

.rezept_weiter_step3 {
  height   : 20px;
  width    : 300px;
  margin   : 400px auto auto 350px;
}
.rezept_weiter_step3 img {
  cursor   : pointer;
}

.rezept_weiter_step4 {
  cursor   : pointer;
  height   : 20px;
  margin   : 300px auto auto 500px;
}

.rezept_weiter_step5 {
  cursor   : pointer;
  height   : 20px;
  margin   : 460px auto auto 575px;
}

.rezept_schliessen {
  cursor   : pointer;
  height   : 20px;
  left:auto;
  position:absolute;
  right:40px;
  top:15px;
  z-index:100;
}





.rezept_navigation {
  z-index  : 20;
  position : absolute;
  margin   : 43px auto auto 577px;
}
.rezept_navigation img {
  cursor : pointer;
}
.rezept_navigation a{display:block;}

.rezept_content {
  z-index  : 20;
  position : absolute;
  width    : 300px; 
  margin   : 185px auto auto 343px;
}

.rezept_empfehlung_main ,
.rezept_empfehlung_salat {
  font-weight : bold;
  z-index     : 20;
  position    : absolute;
  height      : 45px;
  width       : 240px;
}
.rezept_empfehlung_main {
  margin   : 403px auto auto 345px;
}

.rezept_empfehlung_salat {
  margin   : 363px auto auto 345px;
}

.rezept_tipp {
  z-index  : 20;
  position : absolute;
  height   : 45px;
  width    : 280px;
  margin   : 420px auto auto 345px;
}



/* overlay configuration */
#overlay {
  position         : fixed;
  top              : 0px;
  left             : 0px;
  right            : 0px;
  bottom           : 0px;
  background-color : #000000;
  opacity          : 0.3;
}
#overlay.invisible  {
  visibility : hidden;
  z-index    : -10;
}
#overlay.visible  {
  visibility : visible;
  z-index    : 1;
}


/* else */
.tvspot_ptr, a img {
  cursor : pointer;
}
.list_entry {
  float  : left;
  width  : 280px;
  margin : 0 0 15px 5px;
}
.footer_shadow_bg {
  position: relative;
  z-index: -1;
}