/*** TYYLI.CSS ***/


/*** Perusrakenne ***/
body
{
    margin: 0;
    padding: 0;
    background: #3E4A4F;
    font-family: "Trebuchet MS", sans-serif;
    font-size: 95%;
    text-align: center;
}
#ylaosa
{
    width: 762px;
    height: 266px;
    display: block;
    margin: 0;
    padding: 0;
    background: url(img/ylaosa.jpg) no-repeat top center;
	/*border: 1px solid blue;*/
}
#tausta
{
    position: relative;
    width: 762px;
	margin: 10px auto 0px auto;
	padding: 0;
    background: url(img/tausta.gif) repeat-y center;
	text-align: left;
	/*border: 1px solid green;*/
}
#valikko
{
    position: absolute;
    top: 266px;
    left: 16px;
    width: 172px;
    /*padding: 0 15px;*/
	/*border: 1px solid red;*/
}
#esittely,
#feeditym
{
    width: 160px;
    padding: 15px 0 0 11px;
    font-size: 80%;
    text-align: left;
    line-height: 1.4em;
	border: none;
}
h1#paaotsikko
{
    display: none;
}
#sisalto
{
    margin: 0px 35px 0px 215px;
    padding: 0 0 0 15px;
    height: auto;
    _height: 450px;
    min-height: 450px;
	/*border: 1px solid red;*/
}
#tausta_ala
{
    position: relative;
    width: 762px;
    height: 29px;
	margin: 0;
    padding: 0;
    background: url(img/tausta_ala.gif) no-repeat bottom center;
}
#copy
{
    margin: 5px 0 0 0;
    padding: 0;
    color: #FFFFFF;
    font-size: 70%;
}
/*** Perusrakenne loppuu ***/


/*** Perusmuotoilut ***/
h1
{
    margin: 0 0 0 -10px;
    padding: 0 20px 10px 20px;
    text-align: left;
    font-size: 125%;
    background: url(img/tahti.gif) no-repeat 0% 25%;
    /*border: 1px solid red;*/
}
h2
{
    margin: 0 0 0 -10px;
    padding: 0 0 5px 0;
    text-align: left;
    font-size: 120%;
}
h3
{
    margin: 0;
    padding: 5px 0 0 0;
    font-weight: bold;
    /*border: 1px solid red;*/
}
h4
{
    margin: 0;
    padding: 15px 0 10px 0;
    /*border: 1px solid red;*/
}
p
{
    margin: 0;
    padding: 0 0 10px 0;
}
hr
{
    height: 3px;
    color: white;
    background: white;
    margin: 10px 0 10px 0;    
    border: 1px black solid;
}
.linkit
{
    margin: 0;
    padding: 0 0 10px 0;
}
.merkintapvm
{    
    padding: 0px 0 25px 0;
}
.edellisetvuodet
{
    padding: 10px 0 0 0;
}
/*** Muotoilut loppuu ***/


/*** Linkit ***/
a:link, a:visited
{
    /*color: #004899;
    text-decoration: none;
    background: url(img/linkkiviivav.gif) repeat-x bottom left;
    padding-bottom: 4px;
    white-space: nowrap;*/
    color: #FFFFFF;
    text-decoration: none;
    border-bottom: 2px dotted #FFFFFF;
}
a:hover, a:active
{
    /*color: #FFFFFF;
    text-decoration: none;
    background: url(img/linkkiviivav2.gif) repeat-x bottom left;
    padding-bottom: 4px;
    white-space: nowrap;*/
    color: #000000;
    text-decoration: none;
    border-bottom: 2px dotted #000000;
}
a.merkinnanotsikko:link,
a.merkinnanotsikko:active,
a.merkinnanotsikko:hover,
a.merkinnanotsikko:visited
{
    color: #000000;
    background: none;
    border: none;
}
a.eireunoja:link,
a.eireunoja:active,
a.eireunoja:hover,
a.eireunoja:visited
{
    background: none;
    border: none;
}
/*** Linkit loppuu ***/


/*** Kuvien muotoilu ***/
img.reunatvas,
img.reunatoik,
img.reunatkesk
{
    background: #fff;
    padding: 5px;
    border: 1px black solid;
}
img.ohuetreunatvas,
img.ohuetreunatoik
{
    padding: 0px;
    border: 1px black solid;
}
img.eireunojavas,
img.eireunojaoik
{
    padding: 0px;
    border: 0px;
    background: none;
    text-decoration: none;
}
img.reunatvas,
img.ohuetreunatvas,
img.eireunojavas
{
    float: left;
    margin: 5px 5px 0 0;
}
img.reunatoik,
img.ohuetreunatoik,
img.eireunojaoik
{
    float: right;
    margin: 5px 0 0 5px;
}
img.valiviiva
{
}
img#esittelykuva
{
    background: #fff;
    padding: 5px;
    border: 1px black solid;
    float: left;
    margin-right: 5px;
}
/*** Kuvien muotoilut loppuu ***/


/*** Taulukoiden muotoilut ***/
table
{
    width: 100%;
    border-width: 0;
    border-spacing: 0;
    border-collapse: collapse;
}
th
{
    vertical-align: top;
}
td
{
    vertical-align: top;
}
.vaaleatausta
{
    background-color: #ADDAF5;
}
.pienempitekstitaulukossa
{
    font-size: 80%;
}
table#hyvinsanotut,
table#vaahtokarkkitutkimus
{
    font-size: 80%;
    border-collapse: separate;
    border-spacing: 0 2px;
}
table#hyvinsanotut tr,
table#vaahtokarkkitutkimus tr
{
    background-color: #ADDAF5;
}
td.pvm,
td.sanoja
{
    padding: 0 10px 0 5px;
    white-space: nowrap;
}

td.vaahnimi,
td.vaahtulokset
{
    padding: 0 10px 0 5px;
}
td.vaahnimi
{
    width: 120px;
}
td.vaahtulokset ul
{
    margin: 0;
    padding: 0 0 0 20px;
    list-style: circle;
    list-style-position: outside;
}
/*** Taulukoiden muotoilut loppuu ***/


/*** Vieraskirja ***/
table.taulukko
{    
    margin: 5px 0 5px 0;
    width: 100%;
    background-color: #ADDAF5;
    border: 1px solid #004899;
}
td.lahettaja
{
    width: 65%;
    padding: 2px;
    text-align: left;
    font-weight: bold;
    border: 1px solid #004899;
}
td.lisayspvm
{
    width: 35%;
    padding: 2px;
    text-align: right;
    font-weight: bold;
    border: 1px solid #004899;
}
td.sisalto,
td.vastaus,
td.viestilinkit
{
    border: 1px solid #004899;
    padding: 2px;
}
/*** Vieraskirja ***/


/*** Formit ***/
#kommentinlisayslomake th
{
    width: 100px;
    margin: 0px;
    padding: 0px;
    font-weight: normal;
}
/*#kommentinlisayslomake input,
#kommentinlisayslomake textarea,
#kommentinlisayslomake select,
#viestinlisayslomake input,
#viestinlisayslomake textarea,
#viestinlisayslomake select*/
input,
textarea,
select
{
    border: 1px solid #004899;
    background-color: #ADDAF5;
}
#kommentinlisayslomake textarea,
#viestinlisayslomake textarea,
#vastauksenlisayslomake textarea
{
    width: 390px;
    height: 150px;
}
/*** Formit loppuu ***/


/*** Valikko ***/
#blog-a-like
{
    width: 172px;
    height: 39px;
    background: url(img/valikko_blog-a-like.gif) no-repeat;
    display: block;
    border: none;
}
#webmiss
{
    width: 172px;
    height: 35px;
    background: url(img/valikko_webmiss.gif) no-repeat;
    display: block;
    border: none;
}
#hyvin_sanotut
{
    width: 172px;
    height: 34px;
    background: url(img/valikko_hyvin_sanotut.gif) no-repeat;
    display: block;
    border: none;
}
#vieraskirja
{
    width: 172px;
    height: 36px;
    background: url(img/valikko_vieraskirja.gif) no-repeat;
    display: block;
    border: none;
}
#kaikki_muu
{
    width: 172px;
    height: 35px;
    background: url(img/valikko_kaikki_muu.gif) no-repeat;
    display: block;
    border: none;
}

.valikkolinkki
{
    display: none;
}
/*** Valikko loppuu ***/