{
    FONT-SIZE: 10pt;
    FONT-FAMILY: Verdana, arial, sans-serif;	
}
BODY
{
    COLOR: #000;
    BACKGROUND-COLOR: #FFFFFF;
}
FORM
{
    MARGIN: 0px
}
IMG
{
    BORDER-RIGHT: 0px;
    BORDER-TOP: 0px;
    BORDER-LEFT: 0px;
    BORDER-BOTTOM: 0px
}
CAPTION
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 10pt;
    TEXT-ALIGN: left;
}
A
{
    FONT-SIZE: 10pt;
    COLOR: #000;
    BACKGROUND-COLOR: transparent;
}
A:visited
{
    FONT-SIZE: 10pt;
    COLOR: #000;
    BACKGROUND-COLOR: transparent;
}
IMG.Kuvake
{
    MARGIN-TOP: 1px;
    VERTICAL-ALIGN: bottom;
    MARGIN-RIGHT: 2px;
}
#sivualue						/* KAIKKI MITÄ ON KESKELLÄ */
{
    FONT-FAMILY: Verdana, arial, sans-serif;		/* Sivuston fontit */
    BACKGROUND-COLOR: #FFFFFF;				/* Keskelle tausta valkoiseksi */
}
.OtsikkoPaivyri 					/* YLIMMÄINEN PALKKI */
{
    PADDING-RIGHT: 0.2em;
    PADDING-LEFT: 0.2em;
    FONT-SIZE: 10pt;
    PADDING-BOTTOM: 0.2em;
    COLOR: #FFF; 					/* Teksti valkoisella */
    PADDING-TOP: 0.2em;
    FONT-FAMILY: Verdana, arial, sans-serif;
    FONT-STYLE: italic; 				/* Teksti kallellaan */
    HEIGHT: 1.2em;
    BACKGROUND-COLOR: #0099ff; 				/* Sininen palkki */
}
#OtsikkoPalkki 						/* PALKKI YLÄKUVAN ALLA, LINKIT OTB-BSL */
{
    COLOR: #000; 					/* Teksti mustalla */
    BACKGROUND-COLOR: #FFFFFF    			/* Valkoinen palkki */
    FONT-FAMILY: Verdana, arial, sans-serif;
    TEXT-ALIGN: right; 					/* Teksti oikealle */
}
#OtsikkoPalkki A
{
    COLOR: #000;
}
#OtsikkoPalkki A:visited
{
    COLOR: #000;
}
#Sisaltoalue
{
    PADDING-RIGHT: 0.5em;
    PADDING-LEFT: 0.5em;
    PADDING-BOTTOM: 0.5em;
    PADDING-TOP: 0.5em
}
#Sisaltoalue
{
    PADDING-TOP: 0.5em;
}
#Vasenpalkki
{
    PADDING-TOP: 0.5em;
}
#Oikeapalkki
{
    PADDING-TOP: 0.5em;
}
#Vasenpalkki
{
}

#Oikeapalkki
{
}

.LaatikkoKiinteaSivu
{
    MARGIN-BOTTOM: 1em;
}
.LaatikkoTiedote
{
    MARGIN-BOTTOM: 1em;
}
.LaatikkoKalenteri
{
    MARGIN-BOTTOM: 1em;
}

.LaatikkoKuvapankki
{
    MARGIN-BOTTOM: 1em;
}

.LaatikkoNakymaValikko
{
    MARGIN-BOTTOM: 1em;
}

.LaatikkoHaku
{
    MARGIN-BOTTOM: 1em;
}

.LaatikkoOtsikko
{
    PADDING-RIGHT: 0.2em;
    PADDING-LEFT: 0.2em;
    FONT-WEIGHT: bold;
    FONT-SIZE: 10pt;
    PADDING-BOTTOM: 0.2em;
    COLOR: #FFF;				/* Kiinteiden laatikoiden tekstin väri */ 
    PADDING-TOP: 0.2em;
    BACKGROUND-COLOR: #0099FF;			/* Kiinteiden laatikoiden pohjaväri */
}
TABLE.L
{
}

TABLE.LP
{
}

TABLE.L B
{
    FONT-WEIGHT: normal;
    FONT-FAMILY: Verdana, arial, sans-serif;
    FONT-SIZE: 8pt;
}
TABLE.L .Kentta
{
    WIDTH: 100%;
}
.Submit
{
    MARGIN-TOP: 0.5em;
}
.TapahtumaLinkki
{
    FONT-SIZE: 10pt;
    MARGIN-BOTTOM: 0.8em;
    WIDTH: 100%;
}
.TapahtumaLinkki A
{
    PADDING-RIGHT: 2px;
    DISPLAY: block;
    PADDING-LEFT: 2px;
    FONT-SIZE: 10pt;
    PADDING-BOTTOM: 2px;
    WIDTH: 100%;
    COLOR: #FFF;
    PADDING-TOP: 2px;
}
.TapahtumaLinkki A:visited
{
    PADDING-RIGHT: 2px;
    DISPLAY: block;
    PADDING-LEFT: 2px;
    FONT-SIZE: 10pt;
    PADDING-BOTTOM: 2px;
    WIDTH: 100%;
    COLOR: #000;
    PADDING-TOP: 2px;
}
.TapahtumaLinkki A:hover
{
    PADDING-RIGHT: 2px;
    DISPLAY: block;
    PADDING-LEFT: 2px;
    FONT-SIZE: 10pt;
    PADDING-BOTTOM: 2px;
    WIDTH: 100%;
    COLOR: #000;
    PADDING-TOP: 2px;
}
.TapahtumaLinkki A:active
{
    PADDING-RIGHT: 2px;
    DISPLAY: block;
    PADDING-LEFT: 2px;
    FONT-SIZE: 10pt;
    PADDING-BOTTOM: 2px;
    WIDTH: 100%;
    COLOR: #000;
    PADDING-TOP: 2px;
}
.TapahtumaLisaaLinkki A
{
    PADDING-RIGHT: 2px;
    DISPLAY: block;
    PADDING-LEFT: 2px;
    FONT-SIZE: 10pt;
    PADDING-BOTTOM: 2px;
    WIDTH: 100%;
    COLOR: #000;
    PADDING-TOP: 2px;
}
.TapahtumaLisaaLinkki A:visited
{
    PADDING-RIGHT: 2px;
    DISPLAY: block;
    PADDING-LEFT: 2px;
    FONT-SIZE: 10pt;
    PADDING-BOTTOM: 2px;
    WIDTH: 100%;
    COLOR: #000;
    PADDING-TOP: 2px;
}
.TapahtumaLisaaLinkki A:hover
{
    PADDING-RIGHT: 2px;
    DISPLAY: block;
    PADDING-LEFT: 2px;
    FONT-SIZE: 10pt;
    PADDING-BOTTOM: 2px;
    WIDTH: 100%;
    COLOR: #000;
    PADDING-TOP: 2px;
}
.TapahtumaLisaaLinkki A:active
{
    PADDING-RIGHT: 2px;
    DISPLAY: block;
    PADDING-LEFT: 2px;
    FONT-SIZE: 10pt;
    PADDING-BOTTOM: 2px;
    WIDTH: 100%;
    COLOR: #000;
    PADDING-TOP: 2px;
}
.TapahtumaLinkki A:hover
{
    COLOR: #000;
    BACKGROUND-COLOR: #dedfde;
}
.TapahtumaLinkki A:active
{
 
   COLOR: #000;
    BACKGROUND-COLOR: #dedfde;
}
.TapahtumaLisaaLinkki A:hover
{
    COLOR: #000;
    BACKGROUND-COLOR: #dedfde;
}
.TapahtumaLisaaLinkki A:active
{
    COLOR: #000;
    BACKGROUND-COLOR: #dedfde;
}
.LaatikkoLinkki A
{
    PADDING-RIGHT: 2px;
    DISPLAY: block;
    PADDING-LEFT: 2px;
    FONT-SIZE: 10pt;
    MARGIN-BOTTOM: 0.8em;
    PADDING-BOTTOM: 2px;
    WIDTH: 100%;
    COLOR: #000;
    PADDING-TOP: 2px;
}
.Laatikkotiedote A:visited 
{
    PADDING-RIGHT: 2px;
    DISPLAY: block;
    PADDING-LEFT: 2px;
    FONT-SIZE: 10pt;
    MARGIN-BOTTOM: 0.8em;
    PADDING-BOTTOM: 2px;
    WIDTH: 100%;
    COLOR: #000;
    PADDING-TOP: 2px;
}
.LaatikkoLinkki A:hover
{
    PADDING-RIGHT: 2px;
    DISPLAY: block;
    PADDING-LEFT: 2px;
    FONT-SIZE: 10pt;
    MARGIN-BOTTOM: 0.8em;
    PADDING-BOTTOM: 2px;
    WIDTH: 100%;
    COLOR: #000;
    PADDING-TOP: 2px;
}
.LaatikkoLinkki A:active
{
    PADDING-RIGHT: 2px;
    DISPLAY: block;
    PADDING-LEFT: 2px;
    FONT-SIZE: 10pt;
    MARGIN-BOTTOM: 0.8em;
    PADDING-BOTTOM: 2px;
    WIDTH: 100%;
    COLOR: #000;
    PADDING-TOP: 2px;
}
.TiedoteLisaaLinkki A
{
    PADDING-RIGHT: 2px;
    DISPLAY: block;
    PADDING-LEFT: 2px;
    FONT-SIZE: 10pt;
    MARGIN-BOTTOM: 0.8em;
    PADDING-BOTTOM: 2px;
    WIDTH: 100%;
    COLOR: #000;
    PADDING-TOP: 2px;
}
.TiedoteLisaaLinkki A:visited
{
    PADDING-RIGHT: 2px;
    DISPLAY: block;
    PADDING-LEFT: 2px;
    FONT-SIZE: 10pt;
    MARGIN-BOTTOM: 0.8em;
    PADDING-BOTTOM: 2px;
    WIDTH: 100%;
    COLOR: #000;
    PADDING-TOP: 2px;
}
.TiedoteLisaaLinkki A:hover
{
    PADDING-RIGHT: 2px;
    DISPLAY: block;
    PADDING-LEFT: 2px;
    FONT-SIZE: 10pt;
    MARGIN-BOTTOM: 0.8em;
    PADDING-BOTTOM: 2px;
    WIDTH: 100%;
    COLOR: #000;
    PADDING-TOP: 2px
}
.TiedoteLisaaLinkki A:active
{
    PADDING-RIGHT: 2px;
    DISPLAY: block;
    PADDING-LEFT: 2px;
    FONT-SIZE: 10pt;
    MARGIN-BOTTOM: 0.8em;
    PADDING-BOTTOM: 2px;
    WIDTH: 100%;
    COLOR: #000;
    PADDING-TOP: 2px;
}
.TiedoteLinkki A:hover
{
    COLOR: #000;
    BACKGROUND-COLOR: #dedfde;
}
.TiedoteLinkki A:active
{
    COLOR: #000;
    BACKGROUND-COLOR: #dedfde
}
.TiedoteLisaaLinkki A:hover
{
    COLOR: #000;
    BACKGROUND-COLOR: #dedfde;
}
.TiedoteLisaaLinkki A:active
{
    COLOR: #000;
    BACKGROUND-COLOR: #dedfde;
}
.TiedoteOtsikko
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 12pt;
    MARGIN-BOTTOM: 0em;
    COLOR: #000;
}
.KappaleOtsikko
{
    FONT-SIZE: 10pt;
    COLOR: #000;
}
.KuvaTeksti
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 8pt;
}
.TiedoteOtsikkoPaivamaara
{
    FONT-SIZE: 8pt;
    COLOR: #000;
}
.Teksti
{
    FONT-SIZE: 10pt;
    COLOR: #000;
}
.KuvaTaulukko
{
    WIDTH: 170px;
}
.TiedoteKuva
{
    BORDER-RIGHT: #170 1px solid;
    BORDER-TOP: #000 1px solid;
    BORDER-LEFT: #000 1px solid;
    BORDER-BOTTOM: #000 1px solid;
}
.Painike0 A
{
    BORDER-RIGHT: #000 1px solid;
    PADDING-RIGHT: 0.1em;
    BORDER-TOP: #000 1px solid;
    MARGIN-TOP: 0.2em;
    DISPLAY: block;
    PADDING-LEFT: 0.2em;
    PADDING-BOTTOM: 0.1em;
    BORDER-LEFT: #000 1px solid;
    WIDTH: 100%;
    COLOR: #000;
    PADDING-TOP: 0.1em;
    BORDER-BOTTOM: #000 1px solid;
    BACKGROUND-COLOR: #b2b2b2;
    TEXT-DECORATION: none;
}
.Painike0 A:visited
{
    BORDER-RIGHT: #000 1px solid;
    PADDING-RIGHT: 0.1em;
    BORDER-TOP: #000 1px solid;
    MARGIN-TOP: 0.2em;
    DISPLAY: block;
    PADDING-LEFT: 0.2em;
    PADDING-BOTTOM: 0.1em;
    BORDER-LEFT: #000 1px solid;
    WIDTH: 100%;
    COLOR: #000;
    PADDING-TOP: 0.1em;
    BORDER-BOTTOM: #000 1px solid;
    BACKGROUND-COLOR: #b2b2b2;
    TEXT-DECORATION: none;
}
.Painike0 A:hover
{
    BORDER-RIGHT: #000 1px solid;
    PADDING-RIGHT: 0.1em;
    BORDER-TOP: #000 1px solid;
    MARGIN-TOP: 0.2em;
    DISPLAY: block;
    PADDING-LEFT: 0.2em;
    PADDING-BOTTOM: 0.1em;
    BORDER-LEFT: #000 1px solid;
    WIDTH: 100%;
    COLOR: #000;
    PADDING-TOP: 0.1em;
    BORDER-BOTTOM: #000 1px solid;
    BACKGROUND-COLOR: #b2b2b2;
    TEXT-DECORATION: none;
}
.Painike0 A:active
{
    BORDER-RIGHT: #000 1px solid;
    PADDING-RIGHT: 0.1em;
    BORDER-TOP: #000 1px solid;
    MARGIN-TOP: 0.2em;
    DISPLAY: block;
    PADDING-LEFT: 0.2em;
    PADDING-BOTTOM: 0.1em;
    BORDER-LEFT: #000 1px solid;
    WIDTH: 100%;
    COLOR: #000;
    PADDING-TOP: 0.1em;
    BORDER-BOTTOM: #000 1px solid;
    BACKGROUND-COLOR: #b2b2b2;
    TEXT-DECORATION: none;
}
.Painike1 A
{
    BORDER-RIGHT: #000 1px solid;
    PADDING-RIGHT: 0.1em;
    BORDER-TOP: #000 1px solid;
    MARGIN-TOP: 0.2em;
    DISPLAY: block;
    PADDING-LEFT: 0.2em;
    PADDING-BOTTOM: 0.1em;
    BORDER-LEFT: #000 1px solid;
    WIDTH: 100%;
    COLOR: #000;
    PADDING-TOP: 0.1em;
    BORDER-BOTTOM: #000 1px solid;
    BACKGROUND-COLOR: #b2b2b2;
    TEXT-DECORATION: none;
}
.Painike1 A:visited
{
    BORDER-RIGHT: #000 1px solid;
    PADDING-RIGHT: 0.1em;
    BORDER-TOP: #000 1px solid;
    MARGIN-TOP: 0.2em;
    DISPLAY: block;
    PADDING-LEFT: 0.2em;
    PADDING-BOTTOM: 0.1em;
    BORDER-LEFT: #000 1px solid;
    WIDTH: 100%;
    COLOR: #000;
    PADDING-TOP: 0.1em;
    BORDER-BOTTOM: #000 1px solid;
    BACKGROUND-COLOR: #b2b2b2;
    TEXT-DECORATION: none;
}
.Painike1 A:hover
{
    BORDER-RIGHT: #000 1px solid;
    PADDING-RIGHT: 0.1em;
    BORDER-TOP: #000 1px solid;
    MARGIN-TOP: 0.2em;
    DISPLAY: block;
    PADDING-LEFT: 0.2em;
    PADDING-BOTTOM: 0.1em;
    BORDER-LEFT: #000 1px solid;
    WIDTH: 100%;
    COLOR: #000;
    PADDING-TOP: 0.1em;
    BORDER-BOTTOM: #000 1px solid;
    BACKGROUND-COLOR: #b2b2b2;
    TEXT-DECORATION: none;
}
.Painike1 A:active
{
    BORDER-RIGHT: #000 1px solid;
    PADDING-RIGHT: 0.1em;
    BORDER-TOP: #000 1px solid;
    MARGIN-TOP: 0.2em;
    DISPLAY: block;
    PADDING-LEFT: 0.2em;
    PADDING-BOTTOM: 0.1em;
    BORDER-LEFT: #000 1px solid;
    WIDTH: 100%;
    COLOR: #000;
    PADDING-TOP: 0.1em;
    BORDER-BOTTOM: #000 1px solid;
    BACKGROUND-COLOR: #b2b2b2;
    TEXT-DECORATION: none;
}
.Painike2 A
{
    BORDER-RIGHT: #000 1px solid;
    PADDING-RIGHT: 0.1em;
    BORDER-TOP: #000 1px solid;
    MARGIN-TOP: 0.2em;
    DISPLAY: block;
    PADDING-LEFT: 0.2em;
    PADDING-BOTTOM: 0.1em;
    BORDER-LEFT: #000 1px solid;
    WIDTH: 100%;
    COLOR: #000;
    PADDING-TOP: 0.1em;
    BORDER-BOTTOM: #000 1px solid;
    BACKGROUND-COLOR: #b2b2b2;
    TEXT-DECORATION: none;
}
.Painike2 A:visited
{
    BORDER-RIGHT: #000 1px solid;
    PADDING-RIGHT: 0.1em;
    BORDER-TOP: #000 1px solid;
    MARGIN-TOP: 0.2em;
    DISPLAY: block;
    PADDING-LEFT: 0.2em;
    PADDING-BOTTOM: 0.1em;
    BORDER-LEFT: #000 1px solid;
    WIDTH: 100%;
    COLOR: #000;
    PADDING-TOP: 0.1em;
    BORDER-BOTTOM: #000 1px solid;
    BACKGROUND-COLOR: #b2b2b2;
    TEXT-DECORATION: none;
}
.Painike2 A:hover
{
    BORDER-RIGHT: #000 1px solid;
    PADDING-RIGHT: 0.1em;
    BORDER-TOP: #000 1px solid;
    MARGIN-TOP: 0.2em;
    DISPLAY: block;
    PADDING-LEFT: 0.2em;
    PADDING-BOTTOM: 0.1em;
    BORDER-LEFT: #000 1px solid;
    WIDTH: 100%;
    COLOR: #000;
    PADDING-TOP: 0.1em;
    BORDER-BOTTOM: #000 1px solid;
    BACKGROUND-COLOR: #b2b2b2;
    TEXT-DECORATION: none;
}
.Painike2 A:active
{
    BORDER-RIGHT: #000 1px solid;
    PADDING-RIGHT: 0.1em;
    BORDER-TOP: #000 1px solid;
    MARGIN-TOP: 0.2em;
    DISPLAY: block;
    PADDING-LEFT: 0.2em;
    PADDING-BOTTOM: 0.1em;
    BORDER-LEFT: #000 1px solid;
    WIDTH: 100%;
    COLOR: #000;
    PADDING-TOP: 0.1em;
    BORDER-BOTTOM: #000 1px solid;
    BACKGROUND-COLOR: #b2b2b2;
    TEXT-DECORATION: none;
}
.Painike1
{
    PADDING-LEFT: 1.5em;
}
.Painike2
{
    PADDING-LEFT: 3.8em;
}
.Painike0 A
{
    FONT-SIZE: 10pt;
}
.Painike0 A:visited
{
    FONT-SIZE: 10pt;
}
.Painike0 A:hover
{
    FONT-SIZE: 10pt;
}
.Painike0 A:active
{
    FONT-SIZE: 10pt;
}
.Painike1 A
{
    FONT-SIZE: 10pt;
}
.Painike1 A:visited
{
    FONT-SIZE: 10pt;
}
.Painike1 A:hover
{
    FONT-SIZE: 10pt;
}
.Painike1 A:active
{
    FONT-SIZE: 10pt;
}
.Painike2 A
{
    FONT-SIZE: 8pt;
}
.Painike2 A:visited
{
    FONT-SIZE: 8pt;
}
.Painike2 A:hover
{
    FONT-SIZE: 8pt;
}
.Painike2 A:active
{
    FONT-SIZE: 8pt;
}
.Painike0 A:hover
{
    BACKGROUND-COLOR: #FFFFFF; 		/* Valikkopalkin väri, kun hiiri päällä. Nyt valkoinen -> orig. harmaa #e4e4e4 */
}
.Painike0 A:active
{
    BACKGROUND-COLOR: #e4e4e4;
}
.Painike1 A:hover
{
    BACKGROUND-COLOR: #e4e4e4;
}
.Painike1 A:active
{
    BACKGROUND-COLOR: #e4e4e4;
}
.Painike2 A:hover
{
    BACKGROUND-COLOR: #e4e4e4;
}
.Painike2 A:active
{
    BACKGROUND-COLOR: #e4e4e4;
}
.LaatikkoNakymaValikko A
{
    BORDER-RIGHT: #000 1px solid;
    PADDING-RIGHT: 0.1em;
    BORDER-TOP: #000 1px solid;
    MARGIN-TOP: 0.2em;
    DISPLAY: block;
    PADDING-LEFT: 0.2em;
    FONT-SIZE: 10pt;
    PADDING-BOTTOM: 0.1em;
    BORDER-LEFT: #000 1px solid;
    WIDTH: 100%;
    COLOR: #000;
    PADDING-TOP: 0.1em;
    BORDER-BOTTOM: #000 1px solid;
    BACKGROUND-COLOR: #b2b2b2;
    TEXT-DECORATION: none;
}
.LaatikkoNakymaValikko A:visited
{
    BORDER-RIGHT: #000 1px solid;
    PADDING-RIGHT: 0.1em;
    BORDER-TOP: #000 1px solid;
    MARGIN-TOP: 0.2em;
    DISPLAY: block;
    PADDING-LEFT: 0.2em;
    FONT-SIZE: 10pt;
    PADDING-BOTTOM: 0.1em;
    BORDER-LEFT: #000 1px solid;
    WIDTH: 100%;
    COLOR: #000;
    PADDING-TOP: 0.1em;
    BORDER-BOTTOM: #000 1px solid;
    BACKGROUND-COLOR: #b2b2b2;
    TEXT-DECORATION: none;
}
.LaatikkoNakymaValikko A:hover
{
    BORDER-RIGHT: #000 1px solid;
    PADDING-RIGHT: 0.1em;
    BORDER-TOP: #000 1px solid;
    MARGIN-TOP: 0.2em;
    DISPLAY: block;
    PADDING-LEFT: 0.2em;
    FONT-SIZE: 10pt;
    PADDING-BOTTOM: 0.1em;
    BORDER-LEFT: #000 1px solid;
    WIDTH: 100%;
    COLOR: #000;
    PADDING-TOP: 0.1em;
    BORDER-BOTTOM: #000 1px solid;
    BACKGROUND-COLOR: #b2b2b2;
    TEXT-DECORATION: none;
}
.LaatikkoNakymaValikko A:active
{
    BORDER-RIGHT: #000 1px solid;
    PADDING-RIGHT: 0.1em;
    BORDER-TOP: #000 1px solid;
    MARGIN-TOP: 0.2em;
    DISPLAY: block;
    PADDING-LEFT: 0.2em;
    FONT-SIZE: 10pt;
    PADDING-BOTTOM: 0.1em;
    BORDER-LEFT: #000 1px solid;
    WIDTH: 100%;
    COLOR: #000;
    PADDING-TOP: 0.1em;
    BORDER-BOTTOM: #000 1px solid;
    BACKGROUND-COLOR: #b2b2b2;
    TEXT-DECORATION: none;
}
.LaatikkoNakymaValikko A:hover
{
    BACKGROUND-COLOR: #e4e4e4; /#e4e4e4/
}
.LaatikkoNakymaValikko A:active
{
    BACKGROUND-COLOR: #e4e4e4;
}
.kuukausi				/* KALENTERIN KUUKAUSI */
{
    BACKGROUND-COLOR: #b2b2b2;		/* kuukausi kalenterissa ylhäällä, pohja mustalla */
    COLOR: #FFF;    			/* kuukausi kalenterissa ylhäällä, teksti valkoisella */ 
    FONT-SIZE: 8pt;
}

.kalenteri				/* KALENTERIN ULKOASU */
{
    BORDER-RIGHT: #000 1px solid;
    PADDING-RIGHT: 0.1em;
    BORDER-TOP: #000 1px solid;
    MARGIN-TOP: 0.2em;
    DISPLAY: block;
    PADDING-LEFT: 0.2em;
    FONT-SIZE: 8pt;
    PADDING-BOTTOM: 0.1em;
    BORDER-LEFT: #000 1px solid;
    WIDTH: 100%;
    COLOR: #000;			/* Fontti mustalla */
    PADDING-TOP: 0.1em;
    BORDER-BOTTOM: #000 1px solid;
    BACKGROUND-COLOR: #b2b2b2;		/* Tausta harmaalla */
    TEXT-DECORATION: none;
}
.paivaotsikko				/* KALENTERIN PÄIVÄT */
{
    BACKGROUND-COLOR: #000000;		/* Päivät kalenterissa (ma...su) ylhäällä, pohja mustalla */
    COLOR: #FFF;    			/* Päivät kalenterissa (ma...su) ylhäällä, teksti valkoisella */ 
}
.paivatanaan				/* KULUVA PÄIVÄ */
{
    BORDER-RIGHT: #000 1px solid;
    PADDING-RIGHT: 0.1em;
    BORDER-TOP: #000 1px solid;
    DISPLAY: block;
    PADDING-LEFT: 0.2em;
    FONT-SIZE: 8pt;
    PADDING-BOTTOM: 0.1em;
    BORDER-LEFT: #000 1px solid;
    COLOR: #000;			/* Fontti mustalla */
    PADDING-TOP: 0.1em;
    BORDER-BOTTOM: #000 1px solid;
    BACKGROUND-COLOR: #b2b2b2;		/* Tausta harmaalla */
    TEXT-DECORATION: none;
}
.paivatapahtuma				/* KALENTERIIN MERKITTY TAPAHTUMA */
{
    BORDER-RIGHT: #000 1px solid;
    PADDING-RIGHT: 0.1em;
    BORDER-TOP: #000 1px solid;
    DISPLAY: block;
    PADDING-LEFT: 0.2em;
    FONT-SIZE: 8pt;
    PADDING-BOTTOM: 0.1em;
    BORDER-LEFT: #000 1px solid;
    COLOR: #000;			/* Fontti mustalla */
    PADDING-TOP: 0.1em;
    BORDER-BOTTOM: #000 1px solid;
    BACKGROUND-COLOR: #FF3333;		/* Tausta punaisella */
    TEXT-DECORATION: none;
}

.Paatiedote
{
    FONT-SIZE: 10pt;
}

@media print {

  #Ylapalkki, #Otsikkokuva, #Otsikkopalkki, #Vasenpalkki, #Oikeapalkki {
    display:none;
  }
  
  #Sisaltoalue {
    width:100%;
  }
  
}

{
    FONT-SIZE: 10pt;
    FONT-FAMILY: Verdana, arial, sans-serif;	
}
BODY
{
    COLOR: #000;
    BACKGROUND-COLOR: #FFFFFF;
}
FORM
{
    MARGIN: 0px
}
IMG
{
    BORDER-RIGHT: 0px;
    BORDER-TOP: 0px;
    BORDER-LEFT: 0px;
    BORDER-BOTTOM: 0px
}
CAPTION
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 10pt;
    TEXT-ALIGN: left;
}
A
{
    FONT-SIZE: 10pt;
    COLOR: #000;
    BACKGROUND-COLOR: transparent;
}
A:visited
{
    FONT-SIZE: 10pt;
    COLOR: #000;
    BACKGROUND-COLOR: transparent;
}
IMG.Kuvake
{
    MARGIN-TOP: 1px;
    VERTICAL-ALIGN: bottom;
    MARGIN-RIGHT: 2px;
}
#sivualue   						/* KAIKKI MITÄ ON KESKELLÄ */
{
    FONT-FAMILY: Verdana, arial, sans-serif;		/* Sivuston fontit */
    BACKGROUND-COLOR: #FFFFFF;				/* Keskelle tausta valkoiseksi */
}
.OtsikkoPaivyri 					/* YLIMMÄINEN PALKKI */
{
    PADDING-RIGHT: 0.2em;
    PADDING-LEFT: 0.2em;
    FONT-SIZE: 10pt;
    PADDING-BOTTOM: 0.2em;
    COLOR: #000; 					/* Teksti valkoisella */
    PADDING-TOP: 0.2em;
    FONT-FAMILY: Verdana, arial, sans-serif;
    FONT-STYLE: italic; 				/* Teksti kallellaan */
    HEIGHT: 1.2em;
    BACKGROUND-COLOR: #FF9933; 				/* Oranssi palkki */
}
#OtsikkoPalkki 						/* PALKKI YLÄKUVAN ALLA, LINKIT OTB-BSL */
{
    COLOR: #000; 					/* Teksti mustalla */
    BACKGROUND-COLOR: #FFFFFF    			/* Valkoinen palkki */
    FONT-FAMILY: Verdana, arial, sans-serif;
    TEXT-ALIGN: right; 					/* Teksti oikealle */
}
#OtsikkoPalkki A
{
    COLOR: #000;
}
#OtsikkoPalkki A:visited
{
    COLOR: #000;
}
#Sisaltoalue
{
    PADDING-RIGHT: 0.5em;
    PADDING-LEFT: 0.5em;
    PADDING-BOTTOM: 0.5em;
    PADDING-TOP: 0.5em
}
#Sisaltoalue
{
    PADDING-TOP: 0.5em;
}
#Vasenpalkki
{
    PADDING-TOP: 0.5em;
}
#Oikeapalkki
{
    PADDING-TOP: 0.5em;
}
#Vasenpalkki
{
}

#Oikeapalkki
{
}

.LaatikkoKiinteaSivu
{
    MARGIN-BOTTOM: 1em;
}
.LaatikkoTiedote
{
    MARGIN-BOTTOM: 1em;
}
.LaatikkoKalenteri
{
    MARGIN-BOTTOM: 1em;
}

.LaatikkoKuvapankki
{
    MARGIN-BOTTOM: 1em;
}

.LaatikkoNakymaValikko
{
    MARGIN-BOTTOM: 1em;
}

.LaatikkoHaku
{
    MARGIN-BOTTOM: 1em;
}

.LaatikkoOtsikko
{
    PADDING-RIGHT: 0.2em;
    PADDING-LEFT: 0.2em;
    FONT-WEIGHT: bold;
    FONT-SIZE: 10pt;
    PADDING-BOTTOM: 0.2em;
    COLOR: #000;				/* Kiinteiden laatikoiden tekstin väri */ 
    PADDING-TOP: 0.2em;
    BACKGROUND-COLOR: #FF9933;			/* Kiinteiden laatikoiden pohjaväri */
}
TABLE.L
{
}

table.LP {
width: 100%;
}

TABLE.L B
{
    FONT-WEIGHT: normal;
    FONT-FAMILY: Verdana, arial, sans-serif;
    FONT-SIZE: 8pt;
}
TABLE.L .Kentta
{
    WIDTH: 100%;
}
.Submit
{
    MARGIN-TOP: 0.5em;
}
.TapahtumaLinkki
{
    FONT-SIZE: 10pt;
    MARGIN-BOTTOM: 0.8em;
    WIDTH: 100%;
}
.TapahtumaLinkki A
{
    PADDING-RIGHT: 2px;
    DISPLAY: block;
    PADDING-LEFT: 2px;
    FONT-SIZE: 10pt;
    PADDING-BOTTOM: 2px;
    WIDTH: 100%;
    COLOR: #FFF;
    PADDING-TOP: 2px;
}
.TapahtumaLinkki A:visited
{
    PADDING-RIGHT: 2px;
    DISPLAY: block;
    PADDING-LEFT: 2px;
    FONT-SIZE: 10pt;
    PADDING-BOTTOM: 2px;
    WIDTH: 100%;
    COLOR: #000;
    PADDING-TOP: 2px;
}
.TapahtumaLinkki A:hover
{
    PADDING-RIGHT: 2px;
    DISPLAY: block;
    PADDING-LEFT: 2px;
    FONT-SIZE: 10pt;
    PADDING-BOTTOM: 2px;
    WIDTH: 100%;
    COLOR: #000;
    PADDING-TOP: 2px;
}
.TapahtumaLinkki A:active
{
    PADDING-RIGHT: 2px;
    DISPLAY: block;
    PADDING-LEFT: 2px;
    FONT-SIZE: 10pt;
    PADDING-BOTTOM: 2px;
    WIDTH: 100%;
    COLOR: #000;
    PADDING-TOP: 2px;
}
.TapahtumaLisaaLinkki A
{
    PADDING-RIGHT: 2px;
    DISPLAY: block;
    PADDING-LEFT: 2px;
    FONT-SIZE: 10pt;
    PADDING-BOTTOM: 2px;
    WIDTH: 100%;
    COLOR: #000;
    PADDING-TOP: 2px;
}
.TapahtumaLisaaLinkki A:visited
{
    PADDING-RIGHT: 2px;
    DISPLAY: block;
    PADDING-LEFT: 2px;
    FONT-SIZE: 10pt;
    PADDING-BOTTOM: 2px;
    WIDTH: 100%;
    COLOR: #000;
    PADDING-TOP: 2px;
}
.TapahtumaLisaaLinkki A:hover
{
    PADDING-RIGHT: 2px;
    DISPLAY: block;
    PADDING-LEFT: 2px;
    FONT-SIZE: 10pt;
    PADDING-BOTTOM: 2px;
    WIDTH: 100%;
    COLOR: #000;
    PADDING-TOP: 2px;
}
.TapahtumaLisaaLinkki A:active
{
    PADDING-RIGHT: 2px;
    DISPLAY: block;
    PADDING-LEFT: 2px;
    FONT-SIZE: 10pt;
    PADDING-BOTTOM: 2px;
    WIDTH: 100%;
    COLOR: #000;
    PADDING-TOP: 2px;
}
.TapahtumaLinkki A:hover
{
    COLOR: #000;
    BACKGROUND-COLOR: #dedfde;
}
.TapahtumaLinkki A:active
{
 
   COLOR: #000;
    BACKGROUND-COLOR: #dedfde;
}
.TapahtumaLisaaLinkki A:hover
{
    COLOR: #000;
    BACKGROUND-COLOR: #dedfde;
}
.TapahtumaLisaaLinkki A:active
{
    COLOR: #000;
    BACKGROUND-COLOR: #dedfde;
}
.TiedoteLinkki A
{
    PADDING-RIGHT: 2px;
    DISPLAY: block;
    PADDING-LEFT: 2px;
    FONT-SIZE: 10pt;
    MARGIN-BOTTOM: 0.8em;
    PADDING-BOTTOM: 2px;
    WIDTH: 100%;
    COLOR: #000;
    PADDING-TOP: 2px;
}
.TiedoteLinkki A:visited
{
    PADDING-RIGHT: 2px;
    DISPLAY: block;
    PADDING-LEFT: 2px;
    FONT-SIZE: 10pt;
    MARGIN-BOTTOM: 0.8em;
    PADDING-BOTTOM: 2px;
    WIDTH: 100%;
    COLOR: #000;
    PADDING-TOP: 2px;
}
.TiedoteLinkki A:hover
{
    PADDING-RIGHT: 2px;
    DISPLAY: block;
    PADDING-LEFT: 2px;
    FONT-SIZE: 10pt;
    MARGIN-BOTTOM: 0.8em;
    PADDING-BOTTOM: 2px;
    WIDTH: 100%;
    COLOR: #000;
    PADDING-TOP: 2px;
}
.TiedoteLinkki A:active
{
    PADDING-RIGHT: 2px;
    DISPLAY: block;
    PADDING-LEFT: 2px;
    FONT-SIZE: 10pt;
    MARGIN-BOTTOM: 0.8em;
    PADDING-BOTTOM: 2px;
    WIDTH: 100%;
    COLOR: #000;
    PADDING-TOP: 2px;
}
.TiedoteLisaaLinkki A
{
    PADDING-RIGHT: 2px;
    DISPLAY: block;
    PADDING-LEFT: 2px;
    FONT-SIZE: 10pt;
    MARGIN-BOTTOM: 0.8em;
    PADDING-BOTTOM: 2px;
    WIDTH: 100%;
    COLOR: #000;
    PADDING-TOP: 2px;
}
.TiedoteLisaaLinkki A:visited
{
    PADDING-RIGHT: 2px;
    DISPLAY: block;
    PADDING-LEFT: 2px;
    FONT-SIZE: 10pt;
    MARGIN-BOTTOM: 0.8em;
    PADDING-BOTTOM: 2px;
    WIDTH: 100%;
    COLOR: #000;
    PADDING-TOP: 2px;
}
.TiedoteLisaaLinkki A:hover
{
    PADDING-RIGHT: 2px;
    DISPLAY: block;
    PADDING-LEFT: 2px;
    FONT-SIZE: 10pt;
    MARGIN-BOTTOM: 0.8em;
    PADDING-BOTTOM: 2px;
    WIDTH: 100%;
    COLOR: #000;
    PADDING-TOP: 2px
}
.TiedoteLisaaLinkki A:active
{
    PADDING-RIGHT: 2px;
    DISPLAY: block;
    PADDING-LEFT: 2px;
    FONT-SIZE: 10pt;
    MARGIN-BOTTOM: 0.8em;
    PADDING-BOTTOM: 2px;
    WIDTH: 100%;
    COLOR: #000;
    PADDING-TOP: 2px;
}
.TiedoteLinkki A:hover
{
    COLOR: #000;
    BACKGROUND-COLOR: #dedfde;
}
.TiedoteLinkki A:active
{
    COLOR: #000;
    BACKGROUND-COLOR: #dedfde
}
.TiedoteLisaaLinkki A:hover
{
    COLOR: #000;
    BACKGROUND-COLOR: #dedfde;
}
.TiedoteLisaaLinkki A:active
{
    COLOR: #000;
    BACKGROUND-COLOR: #dedfde;
}
.TiedoteOtsikko
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 12pt;
    MARGIN-BOTTOM: 0em;
    COLOR: #000;
}
.KappaleOtsikko
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 10pt;
    COLOR: #000;
}
.KuvaTeksti
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 8pt;
}
.TiedoteOtsikkoPaivamaara
{
    FONT-SIZE: 8pt;
    COLOR: #000;
}
.Teksti
{
    FONT-SIZE: 10pt;
    COLOR: #000;
}
.KuvaTaulukko
{
    WIDTH: 170px;
}
.TiedoteKuva
{
    BORDER-RIGHT: #170 1px solid;
    BORDER-TOP: #000 1px solid;
    BORDER-LEFT: #000 1px solid;
    BORDER-BOTTOM: #000 1px solid;
}
.Painike0 A
{
    BORDER-RIGHT: #000 1px solid;
    PADDING-RIGHT: 0.1em;
    BORDER-TOP: #000 1px solid;
    MARGIN-TOP: 0.2em;
    DISPLAY: block;
    PADDING-LEFT: 0.2em;
    PADDING-BOTTOM: 0.1em;
    BORDER-LEFT: #000 1px solid;
    WIDTH: 100%;
    COLOR: #000;
    PADDING-TOP: 0.1em;
    BORDER-BOTTOM: #000 1px solid;
    BACKGROUND-COLOR: #b2b2b2;
    TEXT-DECORATION: none;
}
.Painike0 A:visited
{
    BORDER-RIGHT: #000 1px solid;
    PADDING-RIGHT: 0.1em;
    BORDER-TOP: #000 1px solid;
    MARGIN-TOP: 0.2em;
    DISPLAY: block;
    PADDING-LEFT: 0.2em;
    PADDING-BOTTOM: 0.1em;
    BORDER-LEFT: #000 1px solid;
    WIDTH: 100%;
    COLOR: #000;
    PADDING-TOP: 0.1em;
    BORDER-BOTTOM: #000 1px solid;
    BACKGROUND-COLOR: #b2b2b2;
    TEXT-DECORATION: none;
}
.Painike0 A:hover
{
    BORDER-RIGHT: #000 1px solid;
    PADDING-RIGHT: 0.1em;
    BORDER-TOP: #000 1px solid;
    MARGIN-TOP: 0.2em;
    DISPLAY: block;
    PADDING-LEFT: 0.2em;
    PADDING-BOTTOM: 0.1em;
    BORDER-LEFT: #000 1px solid;
    WIDTH: 100%;
    COLOR: #000;
    PADDING-TOP: 0.1em;
    BORDER-BOTTOM: #000 1px solid;
    BACKGROUND-COLOR: #b2b2b2;
    TEXT-DECORATION: none;
}
.Painike0 A:active
{
    BORDER-RIGHT: #000 1px solid;
    PADDING-RIGHT: 0.1em;
    BORDER-TOP: #000 1px solid;
    MARGIN-TOP: 0.2em;
    DISPLAY: block;
    PADDING-LEFT: 0.2em;
    PADDING-BOTTOM: 0.1em;
    BORDER-LEFT: #000 1px solid;
    WIDTH: 100%;
    COLOR: #000;
    PADDING-TOP: 0.1em;
    BORDER-BOTTOM: #000 1px solid;
    BACKGROUND-COLOR: #b2b2b2;
    TEXT-DECORATION: none;
}
.Painike1 A
{
    BORDER-RIGHT: #000 1px solid;
    PADDING-RIGHT: 0.1em;
    BORDER-TOP: #000 1px solid;
    MARGIN-TOP: 0.2em;
    DISPLAY: block;
    PADDING-LEFT: 0.2em;
    PADDING-BOTTOM: 0.1em;
    BORDER-LEFT: #000 1px solid;
    WIDTH: 100%;
    COLOR: #000;
    PADDING-TOP: 0.1em;
    BORDER-BOTTOM: #000 1px solid;
    BACKGROUND-COLOR: #b2b2b2;
    TEXT-DECORATION: none;
}
.Painike1 A:visited
{
    BORDER-RIGHT: #000 1px solid;
    PADDING-RIGHT: 0.1em;
    BORDER-TOP: #000 1px solid;
    MARGIN-TOP: 0.2em;
    DISPLAY: block;
    PADDING-LEFT: 0.2em;
    PADDING-BOTTOM: 0.1em;
    BORDER-LEFT: #000 1px solid;
    WIDTH: 100%;
    COLOR: #000;
    PADDING-TOP: 0.1em;
    BORDER-BOTTOM: #000 1px solid;
    BACKGROUND-COLOR: #b2b2b2;
    TEXT-DECORATION: none;
}
.Painike1 A:hover
{
    BORDER-RIGHT: #000 1px solid;
    PADDING-RIGHT: 0.1em;
    BORDER-TOP: #000 1px solid;
    MARGIN-TOP: 0.2em;
    DISPLAY: block;
    PADDING-LEFT: 0.2em;
    PADDING-BOTTOM: 0.1em;
    BORDER-LEFT: #000 1px solid;
    WIDTH: 100%;
    COLOR: #000;
    PADDING-TOP: 0.1em;
    BORDER-BOTTOM: #000 1px solid;
    BACKGROUND-COLOR: #b2b2b2;
    TEXT-DECORATION: none;
}
.Painike1 A:active
{
    BORDER-RIGHT: #000 1px solid;
    PADDING-RIGHT: 0.1em;
    BORDER-TOP: #000 1px solid;
    MARGIN-TOP: 0.2em;
    DISPLAY: block;
    PADDING-LEFT: 0.2em;
    PADDING-BOTTOM: 0.1em;
    BORDER-LEFT: #000 1px solid;
    WIDTH: 100%;
    COLOR: #000;
    PADDING-TOP: 0.1em;
    BORDER-BOTTOM: #000 1px solid;
    BACKGROUND-COLOR: #b2b2b2;
    TEXT-DECORATION: none;
}
.Painike2 A
{
    BORDER-RIGHT: #000 1px solid;
    PADDING-RIGHT: 0.1em;
    BORDER-TOP: #000 1px solid;
    MARGIN-TOP: 0.2em;
    DISPLAY: block;
    PADDING-LEFT: 0.2em;
    PADDING-BOTTOM: 0.1em;
    BORDER-LEFT: #000 1px solid;
    WIDTH: 100%;
    COLOR: #000;
    PADDING-TOP: 0.1em;
    BORDER-BOTTOM: #000 1px solid;
    BACKGROUND-COLOR: #b2b2b2;
    TEXT-DECORATION: none;
}
.Painike2 A:visited
{
    BORDER-RIGHT: #000 1px solid;
    PADDING-RIGHT: 0.1em;
    BORDER-TOP: #000 1px solid;
    MARGIN-TOP: 0.2em;
    DISPLAY: block;
    PADDING-LEFT: 0.2em;
    PADDING-BOTTOM: 0.1em;
    BORDER-LEFT: #000 1px solid;
    WIDTH: 100%;
    COLOR: #000;
    PADDING-TOP: 0.1em;
    BORDER-BOTTOM: #000 1px solid;
    BACKGROUND-COLOR: #b2b2b2;
    TEXT-DECORATION: none;
}
.Painike2 A:hover
{
    BORDER-RIGHT: #000 1px solid;
    PADDING-RIGHT: 0.1em;
    BORDER-TOP: #000 1px solid;
    MARGIN-TOP: 0.2em;
    DISPLAY: block;
    PADDING-LEFT: 0.2em;
    PADDING-BOTTOM: 0.1em;
    BORDER-LEFT: #000 1px solid;
    WIDTH: 100%;
    COLOR: #000;
    PADDING-TOP: 0.1em;
    BORDER-BOTTOM: #000 1px solid;
    BACKGROUND-COLOR: #b2b2b2;
    TEXT-DECORATION: none;
}
.Painike2 A:active
{
    BORDER-RIGHT: #000 1px solid;
    PADDING-RIGHT: 0.1em;
    BORDER-TOP: #000 1px solid;
    MARGIN-TOP: 0.2em;
    DISPLAY: block;
    PADDING-LEFT: 0.2em;
    PADDING-BOTTOM: 0.1em;
    BORDER-LEFT: #000 1px solid;
    WIDTH: 100%;
    COLOR: #000;
    PADDING-TOP: 0.1em;
    BORDER-BOTTOM: #000 1px solid;
    BACKGROUND-COLOR: #b2b2b2;
    TEXT-DECORATION: none;
}
.Painike1
{
    PADDING-LEFT: 1.5em;
}
.Painike2
{
    PADDING-LEFT: 3.8em;
}
.Painike0 A
{
    FONT-SIZE: 10pt;
}
.Painike0 A:visited
{
    FONT-SIZE: 10pt;
}
.Painike0 A:hover
{
    FONT-SIZE: 10pt;
}
.Painike0 A:active
{
    FONT-SIZE: 10pt;
}
.Painike1 A
{
    FONT-SIZE: 10pt;
}
.Painike1 A:visited
{
    FONT-SIZE: 10pt;
}
.Painike1 A:hover
{
    FONT-SIZE: 10pt;
}
.Painike1 A:active
{
    FONT-SIZE: 10pt;
}
.Painike2 A
{
    FONT-SIZE: 8pt;
}
.Painike2 A:visited
{
    FONT-SIZE: 8pt;
}
.Painike2 A:hover
{
    FONT-SIZE: 8pt;
}
.Painike2 A:active
{
    FONT-SIZE: 8pt;
}
.Painike0 A:hover
{
    BACKGROUND-COLOR: #FFFFFF; 		/* Valikkopalkin väri, kun hiiri päällä. Nyt valkoinen -> orig. harmaa #e4e4e4 */
}
.Painike0 A:active
{
    BACKGROUND-COLOR: #e4e4e4;
}
.Painike1 A:hover
{
    BACKGROUND-COLOR: #e4e4e4;
}
.Painike1 A:active
{
    BACKGROUND-COLOR: #e4e4e4;
}
.Painike2 A:hover
{
    BACKGROUND-COLOR: #e4e4e4;
}
.Painike2 A:active
{
    BACKGROUND-COLOR: #e4e4e4;
}
.LaatikkoNakymaValikko A
{
    BORDER-RIGHT: #000 1px solid;
    PADDING-RIGHT: 0.1em;
    BORDER-TOP: #000 1px solid;
    MARGIN-TOP: 0.2em;
    DISPLAY: block;
    PADDING-LEFT: 0.2em;
    FONT-SIZE: 10pt;
    PADDING-BOTTOM: 0.1em;
    BORDER-LEFT: #000 1px solid;
    WIDTH: 100%;
    COLOR: #000;
    PADDING-TOP: 0.1em;
    BORDER-BOTTOM: #000 1px solid;
    BACKGROUND-COLOR: #b2b2b2;
    TEXT-DECORATION: none;
}
.LaatikkoNakymaValikko A:visited
{
    BORDER-RIGHT: #000 1px solid;
    PADDING-RIGHT: 0.1em;
    BORDER-TOP: #000 1px solid;
    MARGIN-TOP: 0.2em;
    DISPLAY: block;
    PADDING-LEFT: 0.2em;
    FONT-SIZE: 10pt;
    PADDING-BOTTOM: 0.1em;
    BORDER-LEFT: #000 1px solid;
    WIDTH: 100%;
    COLOR: #000;
    PADDING-TOP: 0.1em;
    BORDER-BOTTOM: #000 1px solid;
    BACKGROUND-COLOR: #b2b2b2;
    TEXT-DECORATION: none;
}
.LaatikkoNakymaValikko A:hover
{
    BORDER-RIGHT: #000 1px solid;
    PADDING-RIGHT: 0.1em;
    BORDER-TOP: #000 1px solid;
    MARGIN-TOP: 0.2em;
    DISPLAY: block;
    PADDING-LEFT: 0.2em;
    FONT-SIZE: 10pt;
    PADDING-BOTTOM: 0.1em;
    BORDER-LEFT: #000 1px solid;
    WIDTH: 100%;
    COLOR: #000;
    PADDING-TOP: 0.1em;
    BORDER-BOTTOM: #000 1px solid;
    BACKGROUND-COLOR: #b2b2b2;
    TEXT-DECORATION: none;
}
.LaatikkoNakymaValikko A:active
{
    BORDER-RIGHT: #000 1px solid;
    PADDING-RIGHT: 0.1em;
    BORDER-TOP: #000 1px solid;
    MARGIN-TOP: 0.2em;
    DISPLAY: block;
    PADDING-LEFT: 0.2em;
    FONT-SIZE: 10pt;
    PADDING-BOTTOM: 0.1em;
    BORDER-LEFT: #000 1px solid;
    WIDTH: 100%;
    COLOR: #000;
    PADDING-TOP: 0.1em;
    BORDER-BOTTOM: #000 1px solid;
    BACKGROUND-COLOR: #b2b2b2;
    TEXT-DECORATION: none;
}
.LaatikkoNakymaValikko A:hover
{
    BACKGROUND-COLOR: #e4e4e4; /#e4e4e4/
}
.LaatikkoNakymaValikko A:active
{
    BACKGROUND-COLOR: #e4e4e4;
}
.kuukausi				/* KALENTERIN KUUKAUSI */
{
    BACKGROUND-COLOR: #b2b2b2;		/* kuukausi kalenterissa ylhäällä, pohja mustalla */
    COLOR: #FFF;    			/* kuukausi kalenterissa ylhäällä, teksti valkoisella */ 
    FONT-SIZE: 8pt;
}

.kalenteri				/* KALENTERIN ULKOASU */
{
    BORDER-RIGHT: #000 1px solid;
    PADDING-RIGHT: 0.1em;
    BORDER-TOP: #000 1px solid;
    MARGIN-TOP: 0.2em;
    DISPLAY: block;
    PADDING-LEFT: 0.2em;
    FONT-SIZE: 8pt;
    PADDING-BOTTOM: 0.1em;
    BORDER-LEFT: #000 1px solid;
    WIDTH: 100%;
    COLOR: #000;			/* Fontti mustalla */
    PADDING-TOP: 0.1em;
    BORDER-BOTTOM: #000 1px solid;
    BACKGROUND-COLOR: #b2b2b2;		/* Tausta harmaalla */
    TEXT-DECORATION: none;
}
.paivaotsikko				/* KALENTERIN PÄIVÄT */
{
    BACKGROUND-COLOR: #000000;		/* Päivät kalenterissa (ma...su) ylhäällä, pohja mustalla */
    COLOR: #FFF;    			/* Päivät kalenterissa (ma...su) ylhäällä, teksti valkoisella */ 
}
.paivatanaan				/* KULUVA PÄIVÄ */
{
    BORDER-RIGHT: #000 1px solid;
    PADDING-RIGHT: 0.1em;
    BORDER-TOP: #000 1px solid;
    DISPLAY: block;
    PADDING-LEFT: 0.2em;
    FONT-SIZE: 8pt;
    PADDING-BOTTOM: 0.1em;
    BORDER-LEFT: #000 1px solid;
    COLOR: #000;			/* Fontti mustalla */
    PADDING-TOP: 0.1em;
    BORDER-BOTTOM: #000 1px solid;
    BACKGROUND-COLOR: #b2b2b2;		/* Tausta harmaalla */
    TEXT-DECORATION: none;
}
.paivatapahtuma				/* KALENTERIIN MERKITTY TAPAHTUMA */
{
    BORDER-RIGHT: #000 1px solid;
    PADDING-RIGHT: 0.1em;
    BORDER-TOP: #000 1px solid;
    DISPLAY: block;
    PADDING-LEFT: 0.2em;
    FONT-SIZE: 8pt;
    PADDING-BOTTOM: 0.1em;
    BORDER-LEFT: #000 1px solid;
    COLOR: #000;			/* Fontti mustalla */
    PADDING-TOP: 0.1em;
    BORDER-BOTTOM: #000 1px solid;
    BACKGROUND-COLOR: #FF3333;		/* Tausta punaisella */
    TEXT-DECORATION: none;
}

@media print {

  #Ylapalkki, #Otsikkokuva, #Otsikkopalkki, #Vasenpalkki, #Oikeapalkki {
    display:none;
  }
  
  #Sisaltoalue {
    width:100%;
  }
  
}