/* Studio Khimaira - Inka Vilen -tanssisivuston css-tyylitiedot */
/* (c) Inka Vilen 2010 (2006-2009) http://www.inkavilen.fi */
/* testiselaimet FireFox3.6/Win, IE8/Win, Opera10.60/Win, Safari5/Win, Chrome/Win */

/* monitasoinen valikko */
/* linkkien ulkoasumääritykset studio.css:ssä */

/* menu */

#menu ul {
  margin: 0px 0px 0px 150px;
  /*kun muutat marginaalia, myös alavalikot siirtyvät -> siirrä niiden left-asetusta yhtä paljon */
  padding: 1px;
  }

#menu li {
  display: block;
  width: 100px;
  top: -2px;
  /* siirtää kuvapalkkia ylöspäin, täsmää silmämääräisesti paremmin :) */
  height: 30px;
  /* tosi tärkeä! ilman tätä ei näy koko menupalkin korkuisena Operassa, IE:ssä, Safarissa ja Chromessa */
  margin: 0px;
  padding: 4px 0px;
  /* line-height: 30px -> laskee FF:ssä tekstin menupalkin keskelle muttei muissa -> korjattu linkin (menu a) rivikorkeudella */
  vertical-align: middle;
  text-align: center;
  list-style: none;
  background: transparent url(../tausta/menulinkkitausta.gif) top left no-repeat;
  border-top: 1px solid transparent;
  border-bottom: 1px solid #000000;
  }

#menu ul.taso2 li, ul.taso3 li {
  background: #990033 url(../tausta/menulinkkitausta-levea.gif) top left no-repeat;
  border: 2px solid #660033;
  }

#menu ul.taso2 li {
  border-top: none;
  }

#menu ul.taso3 li {
  width: 130px;
  border-left: none;
  }

ul.taso1 {
/*  width: 100%;
*/  height: 40px;
/*  border-top: 1px solid #000000;
*/  z-index: 800;
    }

ul.taso1 li {
  float: left;
  /* tämä float kääntää valikon vaakasuoraan */
  position: relative;
  }

ul.taso1 li.hover, ul.taso1 li:hover {
  z-index: 1000;
  background: transparent url(../tausta/menulinkkitausta-hover.gif) top left no-repeat;
  }

ul.taso1 ul, ul.taso1 ul ul /*ul.taso2, ul.taso3*/ {
  display: none;
/*  visibility: hidden;
*/  position: absolute;
  /* position: absolute kätkee alavalikoiden li-elementtipohjat näkösältä */
  }

ul.taso1 ul /* ul.taso2 */{
  top: 34px;
  /* siirretty menemään 2px päällekkäin ylemmän valikkotason kanssa -> alavalikko ei katoa sen päälle siirryttäessä */
  left: -153px;
  /* korjaa siirtymän oikealle (kehyksen leveys 2px + marginaali 150px)*/
  z-index: 900;
  }

ul.taso1 li:hover > ul {
  display: block;
  visibility: visible;
  /* tämä tuo alavalikon linkkilaatikot näkösälle - on joko tarpeen tai sitten ei */
  background: #990033 url(../tausta/menulinkkitausta-levea-hover.gif) top left no-repeat;
  }

ul.taso2 li {
  float: none;
  /* tämä järjestää alavalikon pystysuoraan */
  }

ul.taso1 ul ul /*ul.taso3 */{
  left: -50px;
  /* vrt. menu-palkin marginaali */
  top: 1px;
  /* tämä laskee alavalikon yläreunan alaspäin */
  }