body {background-color: #480;} /*#af6*/

/* Kiinteä paikka, sopii fixed elementeille.*/
#pohja_kiintea {
    border-color: #060;
    background-color: #808ebd;
    background-image: url(../kuvat/eiran_ranta_10_2011.JPG);
    /*background-repeat: no-repeat;*/
    background-position: top left;
}

/* Kiinteä paikka, sopii fixed elementeille. Mahtuu myäs oikea palkki.*/
#pohja_kiintea_levea {
    border-color: #060;
    background-color: #808ebd;
    background-image: url(../kuvat/eiran_ranta_10_2011.JPG);
    background-position: top left;
}

#pohja_keskitetty {
    border-color: #060;
    background-color: #370;
    background-image: url(../kuvat/eiran_ranta_10_2011.JPG);
    /*background-repeat: no-repeat;*/
    background-position: top left;
}

/* Ylin palkki; sisältää maisemakuvan ja mahdollista tekstiä.*/
#otsikkopalkki {
    border-bottom-color: black;
    color: #0a0;
}
#otsikkopalkki h1 {}
#palkki_vasen {
    color: #0a0;
    
}
#palkki_vasen a{
    background-color: #dde;
}
#palkki_vasen_fixed a{
    background-color: #dde;
}

#palkki_vasen_fixed {
    color: #0a0;
    
}
#sisalto {
    color: #0a0;
    border-left-color: black;
    background-color:transparent;
}

#sisalto_fixed {border-left-color: black;
                color: white;
                border-left-color: black;
                background-color:transparent;}
#palkki_oikea {margin-right: 0px;color: green}
#palkki_pohja {}
#palkki_pohja_teksti {color: black;}
#vaakalinkkipalkki {border-bottom-color: black;}
#vaakalinkkipalkki div {
    color: black;
    border-right-color: black;
}


/******************************************************************************/
/********************** IE6 IE6 IE6 IE6 IE6 IE6 IE6 säädät ********************/

* html #pohja_kiintea {border-color: black;}
* html #pohja_keskitetty {border-color: black; }
* html #sisalto {border-left-color: black;}
* html #sisalto_fixed {}
* html #palkki_vasen {}
* html #palkki_vasen_fixed {}
* html #palkki_oikea {}
* html #palkki_pohja {color : white;}
* html #otsikkopalkki {}

/*****************loppu IE6 IE6 IE6 IE6 IE6 IE6 IE6 säädät loppu **************/


.lukemattomat {
    color: #ffffff;
    font-weight: bold;
    font-size:110%
}

/* Vasemman ja oikean palkin linkkien ja otsikoiden muotoilut: */
#palkki_vasen a:link {text-decoration: none; color: #0a0;}
#palkki_vasen a:visited {text-decoration: none;color: #0a0;}
#palkki_vasen a:hover {}
#palkki_vasen a:active {background-color: gray;}

#palkki_vasen_fixed a:link {text-decoration: none;color: #0a0;}
#palkki_vasen_fixed a:visited {text-decoration: none;color: #0a0}
#palkki_vasen_fixed a:hover {}
#palkki_vasen_fixed a:active {background-color: gray;}

#palkki_oikea a:link {text-decoration: none;}
#palkki_oikea a:visited {text-decoration: none;}
#palkki_oikea a:hover {background-color: #8d4;}
#palkki_oikea a:active {background-color: gray;}

.koodi {
	border-color: #00ffff;
	background-color: #eeffff;
}
.vihje {color: red;}
.vihje:hover {}

/* Tämä antaa muotoilut viestin kirjoitukseen, eli laatikon ulkonäkö */
#viestilaatikko{
    border: 3px solid #0a0;
    background-color: #efe;
}

.viestitaulu {
    background-color: transparent;
}

#ohje{
    background-color: #dfd;
    border-color: #0a0;
    color: #0a0;
}

#ilmoitus2 {
    background-color: #dfd;
    color: green;
}
#ilmoitus {
    background-color: transparent;
    color: orange
}
/* tunnistus.php: kirjautumisruutu:*/
#kirjautuminen {
    color: #fff;
    font-weight: bold;
    font-size: 100%
}

/* index.php: ilmoitus kirjautuneen nimestä */
#kirjautunut {
   color: #0a0;;
}

#bongaukset_kaikki{
    background-color: #ddd;
    opacity:0.7;
}
/* Täällä näytetään kaikkien aikojen tilasto (kaikki havaitut lajit) */
.bongaukset_jakso{
    background-color: #bbb;
    opacity:0.7;
}

#poistotaulu {
    background-color: black;
    border-style:none;
}

.korostus{color: green}

/* Viestin muotoilut:*/
.keskustelu{
    border: 5px solid #080;
    color:black;
    background-color: transparent;
}

.viesti{
    background-color: #afa;/*#afa;*/

}
.kommentti{
    background-color: #dfd;
    border-top: 1px dotted green;
}

.viestin_ylaosa{}
.viestin_lahettaja{color: #08a;}
.viestin_aika{color: #171; }
.viestin_alaosa{background-color: #cfc;}/*bbf*/
.viestin_sisalto{}
.viestin_aihe{}

/*Jos kommentteja ei ole*/
.vika_viestin_alaosa{
    background-color: #cfc;
}

.valintaruutu{}

.kommentin_ylaosa{}
.kommentin_lahettaja{color: #08f; }
.kommentin_aika{color: #171; }
.kommentin_alaosa{background-color: #efe; }
.kommentin_sisalto{}
.kommentin_aihe{}

.vika_kommentin_alaosa{
    background-color: #efe;
}
/*********************** alku.pup**********************************************/

#aloitussivu{
    background-color: white;
    background-image: url(../kuvat/vanhan_koski_10_2011.JPG);
}
#aloitussivu a:link {color:#aaf;}      /* unvisited link */
#aloitussivu a:visited {color:#aaa;}  /* visited link */
#aloitussivu a:hover {color:#aaf; font-size: 400%; left: 45%; top: 60%}  /* mouse over link */
#aloitussivu a:active {color:#aaf;}  /* selected link */
#aloitussivu a {
    text-decoration:none;
    position: absolute;
    left: 50%;
    top: 65%;
}

/******************* lomakkeet ************************************************/
#tietolomake, #tietolomake_kapea{
    border-color: #447;
    background-color: #8f8;
}

.tietolomake{
    background-color: #8f8;
}

#albumilomake{
    border-color: green;
    background-color: #8f8;
    color: green;
}

.albumilomakeilmoitus{
    color: green;
    font-weight: bold;
}
.albumipoistovaroitus{
    color: orange;
    /*font-weight: bold;*/
    font-size: 120%;
}

#kuvalomake, #kuvalomake_kapea{
    border-color: green;
    background-color: #8f8;
    color: green;
}
/* Tässä näytetään tiedot albumeista, mutta myös esikatselukuvat! */
#albumitaulu{
   
}

#albumitaulu td, #albumitaulu th {
    padding:5px;
}
#albumitaulu th {
    background-color: #5d5;
}
#albumitaulu td {
    background-color: #beb;
    color: green;
}

#albumitaulu tr{
    
}
#albumitaulu .parillinen_rivi_albumit td {
    background-color: #cfd;
}

#albumitaulu .otsikkorivi {
    border-radius: 10px 10px 0 0;
    color: green;
}
#albumitaulu td.uusia_kuvia{
    border: 1px solid red;
}


#albumi{
    border: 3px solid green;
    background-color: #afa;
    color:green;
}
#kuvaruutu{
    /*background-color: #030;*/
    background-color: black;
}

#kuvan_poistovarmistus{
    background-color: #afa;
}
#poistovarmistus{
    background-color: #afa;
}

.kuvatiedot{
    color:white;
}
.kuva{

}

/************************* Liikuntamuistio ************************************/
#muokkausselitys{
    position: absolute;
    left: 223px;
    top: 93px;
    width: 400px;
    height: 300px;
    overflow: auto;
}
#selityslaatikko{
    background-color:white;
    font-size: 70%;
    border: 2px solid green;
    padding: 3px;
    color: green;
}
#selityslaatikko a{
    color: blue;
}
#selityslaatikko a:hover {background-color: white;}

#tulostaulu td, #tulostaulu th {
   
}
#tulostaulu th {
    background-color:#eef;
}
#tulostaulu td {
    background-color:#ddf;
}
#tulostaulu tr.parillinen_rivi td, .tulostaulu tr.parillinen_rivi td{
    background-color: #e4e4ff;
}

.ylaluokkarivi {
    background-color: #9d9;
}


.havaintotaulu_parillinen_rivi td {
    background-color: #cfb;
    
}
.havaintotaulu th {
    background-color: #af8;
}


.havaintotauluotsikko{
    border-color: green;
    background-color:#ce9;
    color: black;
}

.havaintotaulu{
    color: black;
}


#kuukm {color: red}

#paivitys {
}

#painikerivi {
}
.kommentti td {background-color: white}

.aikasolu {}

.vihje {
    color: red;
}

.vihje:hover {
}
#viesti {
    font-family: Arial,Helvetica,sans-serif;
    color: #0aa;
}
.liikuntamuistio h1 {
}

.nappirivi form{
}
#nappirivi form{
}