/*sivun tausta*/
.tausta {
        background-color: #ffffff;
        }    

/*sivun otsikko*/
.otsikko {
        background-color: #000000;
        height: 15%;
        font-weight: bold;
        font-size: 14pt;
        font-family: "Verdana", "Arial";
        color: #ffffff;
        
}

/*index-sivu*/
.index {
        background-color: #000000;
        height: 750;
        font-weight: bold;
        font-size: 14pt;
        font-family: "Verdana", "Arial";
        color: #ffffff;
        
}


/*valikko*/
.valikko
        {
        background-color: #cc0000;
        color: #ffffff;
        font-weight: bold;
        font-style: italic;
        }  

/*tekstisivut*/
.sisalto    {
        background-color: #000000;
        border-right: thin solid black;
        border-left: thin solid black;
        border-bottom: thin solid black
        vertical-align: top;
        
        }

.vasen   {
        color: #ffffff;
        vertical-align: text-top;
        background-color: #000000;
        }
        
.oikea  {
        color: #000000;
        vertical-align: text-top;
        background-color: #ffffff;
        }

.kuvat   {
        color: #cc0000;
        background-color: #ffffff;
        vertical-align: top;
            }
 
        
/*kuva teksti*/

.teksti {
        float: right;
        text-align: center;
        }
        
.teksti div {
        font-style: italic;
        font-size: 9 px;
        font-family: Arial
        }
        
/*sivun kuvat*/

.img    {
        float: center;
        text-align: center;
        margin: 1 2 2 1;
        }

.img div    {
        font-style: italic;
        font-size: 9 px;
        font-family: Arial, Verdana;
        color: #cc0000;
        }


/*kuvagalleria*/

.galleria img {
        border: solid #000000 1 px;
        }
        
.galleria div {
        float: left;
        text-align: center;
        margin: 5px 5px 5px 5px;
        font-size: 9pt;
        font-style: italic;
        font-family:  "Arial", "Verdana";
    }
    
a.galleria {
    text-decoration: none;
    color: #ffffff;
    }

a:hover.galleria {
    text-decoration: none;
    color: #cc0000;
    }
    
a:visited.galleria {
    text-decoration: none;
    border-color: #808080;
    }


/*teksti*/
p   {
        font-family: "Arial", "Verdana";
        font-size: 10pt;
        color: #000000;
        text-align: left;
        margin-left: 2px;
    }
    
p.address {
        font-family: "Verdana", "Arial";
        font-size: 9pt;
        color: #ffffff;
        
    }   

/*otsikkoteksti*/
h3  {
        font-family: "Verdana", "Arial";
        font-size: 14pt;
        font-style: italic;
        color: #cc0000;
        text-align: left;
         
         
    }


/*väliotsikot*/
h4  {
        font-family: "Verdana", "Arial";
        font-size: 10pt;
        color: #000000;
        text-align: left
    }


/*kuvatekstit*/
h5  {
        font-family: "Verdana", "Arial";
        font-size: 11pt;
        font-weight: normal;
        color: #808080;
        text-align: left
    }    
    
h6  {
        font-family: "Verdana", "Arial";
        font-size: 10pt;
        font-weight: normal;
        font-style: italic;
        color: #ffffff;
        text-align: left
    }    


/*uutiset päivämäärän teksti*/
div.newsdate {
        font-family: "Verdana", "Arial";
        font-size: 9pt;
        font-weight: normal;
        color: #808080;
        text-align: left
    }
    
    
/*uutiset väliotsikon teksti*/
div.newsotsikko {
        font-family: "Verdana", "Arial";
        font-size: 10pt;
        color: #cc0000;
        font-weight: bold;
        font-style: italic;
        text-align: left
    }
    

/*taulokot ja luottelot*/
li {
    color: #000000;
    font-family: "Verdana", "Arial";
    font-size: 10pt;
    font-style: italic
}

ul {
    color: #cc0000;
    font-family: "Verdana", "Arial";
    font-size: 10pt;
    font-style: italic
    }


tr {
    color: #000000;
    font-family: "Verdana", "Arial";
    font-size: 10pt
}

td {
    font-family: "Verdana", "Arial";
    font-size: 10pt;
    color: #000000   
}


/*käytetään kalenterin värityksessä*/
.harmaa {
    background-color: #c0c0c0;
    font-family: "Verdana", "Arial";
    font-size: 10pt;
    color: #000000
    }
    
/*kuvalinkit*/
a {
    text-decoration: none;
    color: #000000
}

a:hover {
    text-decoration: none;
    color: #808080;
    
}
   
a:active {
    text-decoration: none;
    color: #cc0000
    }
    
a img {
    border-color: #000000
}

a:hover img {
    border-color: #cc0000
}



/*otsikko linkit*/
a.valikko {
    text-decoration: none;
    color: #ffffff;
    font-style; italic
}

a:hover.valikko {
    text-decoration: none;
    color: #000000
    }
 
a:active.o_vasen {
    text-decoration: none
    }    

/*vasen linkit*/
a.o_vasen {
    text-decoration: none;
    color: #ffffff;
    font-style: italic;
    }

a:hover.o_vasen {
    text-decoration: none;
    color: #cc0000;
    font-style: italic;
    }
    
a:active.o_vasen {
    text-decoration: none
    }

/*oikea linkit*/
a.linkit {
    border-color: #000000;
    text-decoration: none;
    color: #ffffff;
    font-style: italic;
}

a:hover.linkit {
    border-color: #000000;
    text-decoration: none;
    color: #ff6699;
    font-style: italic;
}

a:visited.linkit{
    text-decoration: none;
    border-color: #000000;
    color: #808080;
    font-style: italic;   
}


/*linkitys news*/
a.muut {
    text-decoration: none;
    color: #cc0000;
    font-size: 9pt;
    font-weight: normal
    font-style: italic;
    }

a:hover.muut{
    text-decoration: none;
    color: #808080;
    font-size: 9pt;
    font-weight: normal;
    font-style: italic;
    }


/*käytetään kalenterin värityksessä*/
.harmaa {
    background-color: #d8d8d8;
    font-family: "Verdana", "Arial";
    font-size: 10pt;
    color: #000000
    }