/* Sivuston päätekstien fonttimäärittely */
SPAN.etusivuteksti
{
color: #000000;
font-family: verdana;
font-size: 8pt;
font-weight: normal;
}

/* Säästöselvitys taulukon fontti määrittely */
table.saastoselvitys
{
color: #000000;
font-family: verdana;
font-size: 8pt;
font-weight: normal;
}

/* Pikalinkkien välien säätö line-height määreellä */
P.kuvasolu
{
line-height: 30%;
}

/* Sivustoilla käytettyjen listojen etumerkki (none = ei merkkiä, square = neliö, disc = täytetty ympyrä, circle = rengas, decimal = numero, upper-roman = roomalaiset numerot, lisää osoitteessa: http://www.w3schools.com/css/css_list.asp) */
ul
{
list-style-type: square;
}

/* Osoitetietojen fonttimäärittely */
P.address
{
margin-right: 10px;
color: #7A7A7A;
font-family: Arial;
font-size: 8pt;
font-weight: normal;
}

/* Linkki joka vaihtuu mustasta punaiseen hiiren mennessä päälle - perustila määrittely */
A:LINK.mustapunainen
{
color: #000000;
text-decoration: none;
}

/* Linkki joka vaihtuu mustasta punaiseen hiiren mennessä päälle - tekstin väri jos linkissä on jo käyty */
A:VISITED.mustapunainen
{
color: #000000;
text-decoration: none;
}

/* Linkki joka vaihtuu mustasta punaiseen hiiren mennessä päälle - tekstin väri kun linkkiin klikattu/aktiivinen */
A:ACTIVE.mustapunainen
{
color: red;
text-decoration: none;
}

/* Linkki joka vaihtuu mustasta punaiseen hiiren mennessä päälle - tekstin väri osoittimen ollessa päällä */
A:HOVER.mustapunainen
{
color: red;
text-decoration: none;
}

/* Lihavoitulinkki joka vaihtuu mustasta punaiseen hiiren mennessä päälle - perustila määrittely */
A:LINK.mustapunainenlihavoitu
{
font-weight: bold;
color: #000000;
text-decoration: none;
}

/* Lihavoitulinkki joka vaihtuu mustasta punaiseen hiiren mennessä päälle - tekstin väri jos linkissä on jo käyty */
A:VISITED.mustapunainenlihavoitu
{
font-weight: bold;
color: #000000;
text-decoration: none;
}

/* Lihavoitulinkki joka vaihtuu mustasta punaiseen hiiren mennessä päälle - tekstin väri kun linkkiin klikattu/aktiivinen */
A:ACTIVE.mustapunainenlihavoitu
{
font-weight: bold;
color: red;
text-decoration: none;
}

/* Lihavoitulinkki joka vaihtuu mustasta punaiseen hiiren mennessä päälle - tekstin väri osoittimen ollessa päällä */
A:HOVER.mustapunainenlihavoitu
{
font-weight: bold;
color: red;
text-decoration: none;
}

/* Linkki joka vaihtuu harmaasta punaiseen hiiren mennessä päälle - perustila määrittely */
A:LINK.harmaapunainen
{
color: #7A7A7A;
text-decoration: none;
}

/* Linkki joka vaihtuu harmaasta punaiseen hiiren mennessä päälle - tekstin väri jos linkissä on jo käyty */
A:VISITED.harmaapunainen
{
color: #7A7A7A;
text-decoration: none;
}

/* Linkki joka vaihtuu harmaasta punaiseen hiiren mennessä päälle - tekstin väri kun linkkiin klikattu/aktiivinen */
A:ACTIVE.harmaapunainen
{
color: red;
text-decoration: none;
}

/* Linkki joka vaihtuu harmaasta punaiseen hiiren mennessä päälle - tekstin väri osoittimen ollessa päällä */
A:HOVER.harmaapunainen
{
color: red;
text-decoration: none;
}

/* Lihavoitulinkki joka vaihtuu harmaasta punaiseen hiiren mennessä päälle - perustila määrittely */
A:LINK.harmaapunainenlihavoitu
{
font-weight: bold;
color: #7A7A7A;
text-decoration: none;
}

/* Lihavoitulinkki joka vaihtuu harmaasta punaiseen hiiren mennessä päälle - tekstin väri jos linkissä on jo käyty */
A:VISITED.harmaapunainenlihavoitu
{
font-weight: bold;
color: #7A7A7A;
text-decoration: none;
}

/* Lihavoitulinkki joka vaihtuu harmaasta punaiseen hiiren mennessä päälle - tekstin väri kun linkkiin klikattu/aktiivinen */
A:ACTIVE.harmaapunainenlihavoitu
{
font-weight: bold;
color: red;
text-decoration: none;
}

/* Lihavoitulinkki joka vaihtuu harmaasta punaiseen hiiren mennessä päälle - tekstin väri osoittimen ollessa päällä */
A:HOVER.harmaapunainenlihavoitu
{
font-weight: bold;
color: red;
text-decoration: none;
}

/* Käytetään menun paikan määrittelyssä */
SPAN.menulinkki
{
margin-left: 10px;
font-family: Arial;
font-size: 8pt;
font-weight: normal;
}

/* Menun alatekstien tyyli alkutilassa (harmaa) */
.lowText 
{ 
text-decoration: none;
color: #949393; 
font: 12px Arial, Helvetica 
}

/* Menun alatekstien tyyli hiiren mennessä päälle (musta) */
.highText 
{ 
text-decoration: none;
color: #000000; 
font: 12px Arial, Helvetica 
}

/* Menun päätekstien tyyli alkutilassa (harmaa) */
.menuText
{ 
text-decoration: none;
color: #B8B6B6; 
font: bold 13px Arial, Helvetica 
}

/* Menun päätekstien tyyli hiiren mennessä päälle (valkoinen) */
.menuTextHover 
{ 
text-decoration: none;
color: #ECE9E9; 
font: bold 13px Arial, Helvetica 
}

/* reunuksien koko ja väri alavalikossa */
.itemBorder 
{ 
border: 1px solid #CDCDCD 
}

/* reunuksien koko ja väri tyhjässä napissa */
.itemBorderBlank 
{ 
border: 1px solid #000000 
}

/* Tyyliluokat menun painonappien tekoon */
.buttonText 
{ 
text-decoration: none; 
color: #FFCC99; 
font: Bold 12px Arial, Helvetica 
}

/* Tyyliluokat menun painonappien tekoon */
.buttonHover 
{ 
text-decoration: none; 
color: #99CCFF; 
font: Bold 12px Arial, Helvetica; 
padding: 1px 
}

/* Tyyliluokat menun painonappien tekoon */
.buttonBorder 
{ 
border: 1px outset #339966 
}

/* Tyyliluokat menun painonappien tekoon */
.buttonBorderOver 
{ 
border: 1px inset #CC9966 
}