/*menu5.css*/
/* vaaka menu */
/* yla oikea ala vasen */
/*-moz-opacity:.6;*/
/*filter:alpha(opacity=60);*/
/* 
/* upotetaan johonkin alueeseen */
.menu, .menu .current   {
  display:block;text-decoration: none;float:left;
  color: #ffffff; 
  font-size: 1.05rem;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  text-align:left;
  white-space:nowrap;
  margin:0; padding:0;
  background: transparent;
  }
    .menu ul, .menu .current ul {display:block;
      margin:0;
      padding:0;
      clear:none;
      list-style:none;
      }
    .menu li, .menu .current li  {float:left;  /* menualkion koko tassa */
      display:block;
      padding:0;
      clear:none;
      color: #000;
      font-size: 1.0rem;
      /*font-size: clamp(1.0rem, 1.5vw, 1.1rem); */
      line-height: 1.1;
      font-family: arial, helvetica, sans-serif;
      background: transparent;
      border: 0px solid #bbb;
      top:0px;
      }
    .menu a , .menu a:link, .menu a:visited {display:block;
      clear:none;
      text-decoration:none;
      font-weight:bold;
      color:#f8f8f8;
      background: #aaa;
      background: transparent;
/* yla oikea ala vasen */
      padding:1px 3px 1px 3px;
      margin:0; 
   
      /*border-top: 1px solid #bbb;
      border-left: 1px solid #bbb;
      border-bottom: 3px solid #266443;
      border-right: 1px solid #888;*/
      }
    .menu a:hover { display:block;position:relative;
      color:#0f0f0f;
      background: #0f0f0f;
      background: transparent;
      /*border-top: 1px solid #eee;
      border-left: 1px solid #eee;
      border-bottom: 1px solid #bbb;
      border-right: 1px solid #bbb;*/
      margin:0;
      }
    /* current pitaa olla ie:nb takia ihan oma juttu ... */
    .menu .current a , .menu .current a:link, .menu .current a:visited  {
      display:block;position:relative;
      float:left;
      clear:none;
      margin:0; padding:0;
      color: #222;
      padding:1px 1px 1px 1px;
      background: #f8f8f8;
      background: transparent;
      border-top: 1px solid #eee;
      border-left: 1px solid #eee;
      border-bottom: 3px solid #f8f8f8;
      border-right: 1px solid #bbb;
      }
    menu .current li  {
      background: #f8f8f8;
      background: transparent;
      }
   .menu a , .menu a:link, .menu a:visited, 
   .menu .current a:link { 
      padding:3px 14px 0px 14px;
      }

/* valikoiden sijainti */
.menu li, .menu .current {
      padding:0px 1px auto 1px;
   }
/* yla oikea ala vasen */
.menu li, .menu .current li  ,
   .menu .current a , .menu .current a:link, .menu .current a:visited {
      margin:2px 0 0 0px ;
   border-left:1px solid #f8f8f8;
   /*border-right:1px solid #0f0f0f;*/
   }

.menu .current li a:hover {
   background: #fff;
   }


/*div,li,ul,a { border:1px solid red! important; }*/