@charset "uft-8";




body {
    color : #555;
    font-family : "helvetica neue", "Lucida sans Unicode",sans-serif, Arial, "Dejavu Sans", Verdana;
   /* font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;*/
    background-color: #eeeeff;
  }

h1, h2, h3, h4 {
 font-family : "helvetica neue", "Lucida sans Unicode",sans-serif, Arial, "Dejavu Sans", Verdana;
 color:#555;
 font-weight:bold;
}

h5 {
 font-family : "helvetica neue", "Lucida sans Unicode",sans-serif, Arial, "Dejavu Sans", Verdana;
 color:#555;
 font-weight:bold;
  font-size:14px;
}


h1 {
 font-size:18px;
}

h2 {
 font-size:16px;
 color:#032;
}

#ilmoitustaulu {
  color:#333;
}

.kappale, .koli24 {
    color : #313131;
    font-size : 13px;
    font-weight : bold;
  }

.koli24 {
    font-size : 14px;
}

.hiddenPic {
    display:none;
  }


img {
    border-color: black;
  }


.valikko {
    font-family : Arial, "Lucida sans Unicode", "Dejavu Sans", sans-serif,Verdana;
    color : #efe;
    font-size : 12px;
 /*  font-weight : lighter;*/
  }


.ali_valikko {
    color : #202020;
    font-family : Arial, "Lucida sans Unicode", "Dejavu Sans", sans-serif,Verdana;
    font-size : 12px;
  }


a:hover {
    text-decoration: overline underline;
    color: #2222dd;
  }


a:link, a:visited {
    text-decoration: none;
    color: #2222dd;
  }


.tekstit {
    color : #020202;
    font-size : 13px;
  }


.kuvateksti {
    color : #525252;
    font-size : 12px;
    font-style: italic;
    margin-left: 0px;
    margin-right: 0px;
  }


.yl {
    color : #020202;
    font-size : 12px;
    valign : top;
  }


.otsikko {
    color : #020202;
    font-size : 14px;
    font-weight : bold;
  }


.yhteystiedot {
    color : #323232;
    font-size : 12px;
  }


.hrv {
    background-color: #fff5d2;
    border-bottom-style: solid;
    border-bottom: 1px;
    border-bottom-color: #000000;
    opacity: 0.8;
  }


.ilmotaulu {
    border: 1px #999999 solid;
  }


.lopputekstit {
    color : #9F9F9F;
    font-size : 11px;
  }


.ateria {
    padding : 6px;
    width : 400px;
  }

.ateriaryhma {
    border-color : #EA9227;
    border-style : solid;
    border-right-width : 1px;
    border-left-width : 0px;
    border-top-width : 1px;
    border-bottom-width : 0px;
    padding : 6px;
    width : 400px;
  }

.ruokalajit {
    padding-left: 20px;
  }


.submenu {
    border-top: 1px #333333 solid;
    border-bottom: 1px #333333 solid;
    padding:2px;
  }


#dropmenudiv {
    background-image : url('../img/drop-menu-bg-1.jpg');
    background-repeat : repeat-y;
    border-bottom-color : #0e2e0a;
    border-bottom-style : solid;
    border-bottom-width : 4;
    border-left-color : #0e2e0a;
    border-left-style : solid;
    border-left-width : 1px;
    border-right-color : #0e2e0a;
    border-right-style : solid;
    border-right-width : 4px;
    border-top-color : #0e2e0a;
    border-top-style : solid;
    border-top-width : 1px;
    font-family : Verdana;
    font-size : 12px;
    font-style : normal;
    line-height : 18px;
    position : absolute;
    z-index : 100;
    filter : alpha(opacity=90);
    opacity : .9;
    -moz-opacity : .9;
  }


#dropmenudiv a {
    width: 100%;
    display: block;
    text-indent: 7px;
    border-bottom: 0px solid black;
    padding: 1px 0;
    text-decoration: none;
    font-weight: bold;
    color: #ffffff;
  }


#dropmenudiv a:hover {
    /*hover background color*/ background-color: #587c58;
  }

#kalenteri {
   width:700px;
   border:#a99 1px solid;
   text-align:left;
   vertical-align:top;
}

.hinnasto, #palveluhinnasto {
   border:#a99 1px solid;
   text-align: left;
   width:700px;
   margin-top:15px;

}

.hinnasto td { padding:6px;}

.solu { width:60px; }

.kausi { padding: 0px 5px 0px 5px;}

.valkovuokko, .sinivuokko, .metsapirtti, .mummon, .pielinen { padding: 5px 0px 5px 2px;}

.valkovuokko { background: #ddd;}

.sinivuokko { background: #D1DCFF;}

.metsapirtti { background: #D4FFD2;}

.mummon { background: #Fdd; }

.pielinen { background: #fca; }

#palveluhinnasto { width:700px; text-align:left; }
#palveluhinnasto td { vertical-align:top; }

#sisus_tausta {
    background-image : url('../img/tausta-profiili-21.png');
    background-repeat: no-repeat;
    background-position: bottom;
}

.esite {
   margin-left:40px;
   width:80%;
}