/*****************************************************
VORSCHLATSEITE  
*****************************************************/
 body.vorschaltseite {
  background-color: #A5A599;
  background-image: url(/kiosk/grafik/vorschaltseite_textur1.png);
  background-repeat: no-repeat;
  background-position: 0 250px;
 }


/*****************************************************
  MENUS
*****************************************************/
/*hotel*/
div#menu1 {
  background-color: #8F826C;
  background-image: url(/kiosk/grafik/vorschaltseite_textur2.png);
  background-repeat: no-repeat;
  background-position: 0 250px;  
  width: 142px;
  height: 100%;
  position: absolute;
  bottom: 0;
  top: 0;
  left: 33px;
  z-index: 5;
}

/*gastro*/
div#menu2 {
  background-color: #7F8FA5;
  background-image: url(/kiosk/grafik/vorschaltseite_textur3.png);
  background-repeat: no-repeat;
  background-position: 0 250px;  
  width: 142px;
  height: 100%;
  position: absolute;
  bottom: 0;
  top: 0;
  left: 175px;
  z-index: 5;
}

/*feiern*/
div#menu3 {
  background-color: #5F5F5C;
  background-image: url(/kiosk/grafik/vorschaltseite_textur4.png);
  background-repeat: no-repeat;
  background-position: 0 250px;  
  width: 142px;
  height: 100%;
  position: absolute;
  bottom: 0;
  top: 0;
  left: 317px;
  z-index: 5;
}

/*tagen*/
div#menu4 {
  background-color: #80967A;
  width: 142px;
  height: 100%;
  position: absolute;
  bottom: 0;
  top: 0;
  left: 459px;
  z-index: 5;
}

/*wellness*/
div#menu5 {
  background-color: #B98680;
  width: 142px;
  height: 100%;
  position: absolute;
  bottom: 0;
  top: 0;
  left: 601px;
  z-index: 5;
}

div#einfuehrung {
  margin: 0 0 0 740px;
  width: 197px;
  padding: 90px 25px 40px 22px;
  text-align: center;
}

/*****************************************************
  MENU:HOVER
*****************************************************/
div#menu1:hover {
  /*background-color: #7C6345;*/
  background-color: transparent;
  background-image: url(/kiosk/grafik/schatten_hotel.png);
  background-repeat: repeat-y;
  padding-left: 24px;
  padding-right: 24px;
  width: 142px;
  z-index: 10;
  position: absolute;
  bottom: 0;
  top: 0;
  left: 9px;  
}

div#menu2:hover {
  /*background-color: #5C7BAF;*/
	background-color: transparent;
  background-image: url(/kiosk/grafik/schatten_gastro.png);
  background-repeat: repeat-y;
  padding-left: 24px;
  padding-right: 24px;
  width: 142px;
  z-index: 10;
  position: absolute;
  bottom: 0;
  top: 0;
  left: 151px;  
}

div#menu3:hover {
  /*background-color: #404040;*/
	background-color: transparent;
  background-image: url(/kiosk/grafik/schatten_feiern.png);
  background-repeat: repeat-y;
  padding-left: 24px;
  padding-right: 24px;
  width: 142px;
  z-index: 10;
  position: absolute;
  bottom: 0;
  top: 0;
  left: 293px;
}

div#menu4:hover {
  /*background-color: #5F895F;*/
	background-color: transparent;
  background-image: url(/kiosk/grafik/schatten_tagen.png);
  background-repeat: repeat-y;
  padding-left: 24px;
  padding-right: 24px;
  width: 142px;
  z-index: 10;
  position: absolute;
  bottom: 0;
  top: 0;
  left: 435px;
}

div#menu5:hover {
  /*background-color: #CC6A6A;*/
	background-color: transparent;
  background-image: url(/kiosk/grafik/schatten_wellness.png);
  background-repeat: repeat-y;
  padding-left: 24px;
  padding-right: 24px;
  width: 142px;
  z-index: 10;
  position: absolute;
  bottom: 0;
  top: 0;
  left: 577px;
}



/*****************************************************
  ALLE GEMEINSAM
*****************************************************/
div.vorschalt_menu {
  padding: 100px 0 0 0;
  text-align: center;
  color: #ffffff;
  font-size: 11px;
}

div.vorschalt_menu img {
  width: 142px;
  height: 103px;
  margin: 0 0 30px 0;
}

div.vorschalt_menu a,
div.vorschalt_menu a:link,
div.vorschalt_menu a:visited,
div.vorschalt_menu a:active {
  text-decoration: none;
  color: #ffffff;
}

div.vorschalt_menu a:hover {
  color: #ffffff;
}

span.verschalt_ueberschrift {
  font-size: 15px;
  text-transform: uppercase;
  letter-spacing: 4px;  
}

span.verschalt_normal{
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 4px;  
}

span.vorschalt_hotel{
  font-size: 12px;
  color: #beb2a3;
  text-transform: uppercase;
  letter-spacing: 4px;  
}

span.vorschalt_gastro{
  font-size: 12px;
  color: #c0c8d3;
  text-transform: uppercase;
  letter-spacing: 4px;  
}

span.vorschalt_feiern{
  font-size: 12px;
  color: #b1b1af;
  text-transform: uppercase;
  letter-spacing: 4px;  
}

span.vorschalt_tagen{
  font-size: 12px;
  color: #c1ccbe;
  text-transform: uppercase;
  letter-spacing: 4px;  
}

span.vorschalt_wellness{
  font-size: 12px;
  color: #ddc4c1;
  text-transform: uppercase;
  letter-spacing: 4px;  
}

span.vorschalt_hotel,
span.vorschalt_gastro,
span.vorschalt_feiern,
span.vorschalt_tagen,
span.vorschalt_wellness {
  display: none;
}

/*****************************************************
  EINFÜHRUNG // RECHTE BOX
*****************************************************/

div#einfuehrung {
  width: 220px;
}
div#einfuehrung img {
  margin: 0 0 50px 0;
}

div#einfuehrung p {
  color: #ffffff;
  margin: 0 0 17px 0;
  line-height: 2.0em;
  font-size: 12px;
}

div#einfuehrung div.adresse {
  line-height: 1.6em;
  text-transform: uppercase;
  color: #ffffff;
  margin: 40px 0 0 0;
  letter-spacing: 2px;
  font-size: 11px;
}

div#einfuehrung div.adresse a,
div#einfuehrung div.adresse a:link,
div#einfuehrung div.adresse a:visited,
div#einfuehrung div.adresse a:active {
  display: block;
  background-color: #ffffff;
  width: 143px;
  margin: 30px auto 0 auto;
  padding: 2px 0 2px 0;
  color: #5E5E5E;
}

/*****************************************************
  UNTERMENU
*****************************************************/

div.untermenu {
  text-align: left;
  margin: 120px 0 0 12px;
}

div#untermenu_1, 
div#untermenu_2,
div#untermenu_3, 
div#untermenu_4, 
div#untermenu_5 {
  display: none;
}