/*
------------------------------------------------------------------------
WWW.COMI.FI-tyylitiedosto
Kalle Jarvenpaa, 12.10.2005
kalle.jarvenpaa@uiah.fi
------------------------------------------------------------------------
*/


/*
------------------------------------------------------------------------
SISALLYSLUETTELO
------------------------------------------------------------------------

------------------------------------------------------------------------
A1. PERUSMAARITYKSET
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 
A1.1 SISALTO-OSUUDEN PERUSMAARITYKSET (KIRJASIN, VARIT JNE.)
A1.2 KAPPALEIDEN YMS. MARGINAALIT
A1.3 TEKSTIKOROSTUKSET
A1.4 OTSIKOT
A1.5 LINKIT
A1.6 LUETTELOT
------------------------------------------------------------------------
A2. YLEISET NIMETYT TYYLIT
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 
A2.1 OTSIKOT
A2.2 LINKIT
A2.3 LUETTELOT
A2.4 INGRESSILAATIKON TYYLIT
A2.5 MUUT TYYLIT
------------------------------------------------------------------------
A3. NOSTOLAATIKON/NOSTOLUETTELON TYYLIT
------------------------------------------------------------------------
A4. LUETTELOSIVUJEN (AJANKOHTAISTA, JULKAISUT, SEMINAARIT) TYYLIT
------------------------------------------------------------------------
B1. ETUSIVUN OMAT TYYLIT
------------------------------------------------------------------------
B2. AJANKOHTAISTA-SIVUN OMAT TYYLIT
------------------------------------------------------------------------
B3. JULKAISUT-SIVUJEN OMAT TYYLIT
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 
B3.1 JULKAISULUETTELOT JA NOSTOLAATIKOT
B3.2 JULKAISUN ESITTELYSIVU
------------------------------------------------------------------------
B4. SEMINAARIT-SIVUJEN OMAT TYYLIT
------------------------------------------------------------------------
B5. TUTKIJAT-SIVUN OMAT TYYLIT
------------------------------------------------------------------------
B6. VALIMIESMENETTELYN SAANNOT -SIVUN OMAT TYYLIT
------------------------------------------------------------------------
C1. SIVURAKENTEEN OSIA SAATELEVAT TYYLIT (YLHAALTA ALAS, VASEMMALTA OIKEALLE)
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 
C1.1 MURUPOLKU
C1.2 COMI-LOGO
C1.3 PAAVALIKKO (VASEMASSA REUNASSA)
C1.4 SISALTOSUUS
C1.5 PIKALINKIT JA KIELIVAIHTOEHDOT (OIKEASSA LAIDASSA)
C1.6 ALAPALKKI (SISALTAA PALUULINKIN YLOS JA MUOKKAUSPVM:N)
------------------------------------------------------------------------
*/






/*
------------------------------------------------------------------------
A1. PERUSMAARITYKSET
------------------------------------------------------------------------
*/

/*
A1.1 SISALTO-OSUUDEN PERUSMAARITYKSET (KIRJASIN, VARIT JNE.)
*/

body {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: small;
	font-size: 75%;
	color: #000000;
	vertical-align: top;
	margin: 2px;
	padding: 0px;
	background-color: #FF7129;
	line-height: 150%;
}



/*
A1.2 KAPPALEIDEN YMS. MARGINAALIT
*/

/* Jotta solun ensimmaisen ja viimeisen elementin ymparille ei jaa tyhjaa tilaa. */
td > p:first-child, td > ul:first-child, td > ol:first-child, td > dl:first-child, td > blockquote:first-child {
	margin-top: 0px;
}
td > p:last-child, td > ul:last-child, td > ol:last-child, td > dl:last-child, td > blockquote:last-child {
	margin-bottom: 0px;
}

/* Jotta saadaan sisallysosioon oikean laidan sisennys leipatekstille */
.tdSisalto p, .tdSisalto ul, .tdSisalto ol, .tdSisalto dl, .tdSisalto blockquote {
	margin-right: 70px;
}
/* Ja jottei sisennys tulisi sisakkaisiin tageihin. */
.tdSisalto li p, .tdSisalto li ul, .tdSisalto li ol, .tdSisalto li dl, .tdSisalto li blockquote,
.tdSisalto blockquote p, .tdSisalto blockquote ul, .tdSisalto blockquote ol, .tdSisalto blockquote dl, .tdSisalto blockquote blockquote {
	margin-right: 0px;
}
/* Ja jottei sisennys tulisi esimerkiksi taulukoiden sisn tulleisiin p-tgeihin. */
.tdSisalto td p, .tdSisalto td ul, .tdSisalto td ol, .tdSisalto td dl, .tdSisalto td blockquote {
	margin-right: 0px;
}



/*
A1.3 TEKSTIKOROSTUKSET
*/

/* Muuten lihavoinnit ovat liian tummia. */
#tdSisaltoSolu b, #tdSisaltoSolu strong {
	color: #444444;
}



/*
A1.4 OTSIKOT
*/

h1 {
	font-weight: normal;
	font-size: 30px;
	font-style: normal;
	line-height: 36px;
	color: #444444;
	margin-bottom: 0px;
	margin-top: 5px;
}

h2 {
	font-weight: bold;
	font-size: 137%;
	margin-top: 54px;
	margin-bottom: 18px;
}

h3 {
	font-weight: bold;
	font-size: 100%;
	margin-top: 36px;
	margin-bottom: 12px;
}



/*
A1.5 LINKIT
*/

a:link, a:active {
	color: #E56525;
	text-decoration: underline;
}
a:visited {
	color: #B24F1D;
	text-decoration: underline;
}
a:hover {
	color: #E56525;
	text-decoration: none;
}

/* Reunaviivat pois linkkeina toimivista kuvista. */
a img, a:link img, a:hover img, a:visited img, a:active img {
	border: 0px;
}



/*
A1.6 LUETTELOT
*/

/* Tama asettaa listojen vasemman sisennyksen sopivaksi. Firefox laskee sen
hieman eri lailla, joten OL korjataan alla IE:ta varten erikseen. */
ul {
	margin-left: 2em;
	margin-right: 0px;
	padding-left: 0px;
	list-style-position: outside;
}
ol {
	margin-left: 2.3em;
	margin-right: 0px;
	padding-left: 0px;
	list-style-position: outside;
}
/* Tama korjaa asettelun IE:ssa, silla expression() ei toimi Firefoxissa. */
ol {
	margin-left: expression(2.6 + "em");
}






/*
------------------------------------------------------------------------
A2. YLEISET NIMETYT TYYLIT
------------------------------------------------------------------------
*/

/*
A2.1 OTSIKOT
*/

/* Otsikko palstan alussa, ei tyhjaa tilaa ylapuolella. */
.hxPalstanAlussa {
	margin-top: 0px;
}

/* Normaalia pienempi paaotsikko pitkille otsikoille. Erityisesti
julkaisujen, seminaarien ja uutisaiheiden nimiin. */
.h1Pienempi {
	font-size: 28px;
	line-height: 31px;
}

/* Tarkenne paaotsikolle (sita ennen). */
.pPaaotsikonTarkenne {
	color: #444444;
	font-style: italic;
	margin-top: 10px;
	margin-bottom: 10px;
	font-size: 18px;
}



/*
A2.2 LINKIT
*/

/* Linkki ilman alleviivausta. Esimerkiksi sellaisiin yhteyksiin, jossa linkkia
edeltava ikoni tekee siita ilmiselvan. */
a.aAlleviivaamaton:link, a.aAlleviivaamaton:visited, a.aAlleviivaamaton:active {
	text-decoration: none;
}
a.aAlleviivaamaton:hover {
	text-decoration: underline;
} 

/* Linkki luetteloissa, joissa useampia linkkeja ja selvaa, etta tekstit toimivat
linkkeina. Toistaiseksi vain ilman alleviivausta. Kaytossa esimerkiksi
nostolaatikoissa seka seminaari-, ajankohtaista- ja julkaisuluetteloissa. */
a.aLuettelo:link, a.aLuettelo:active, a.aLuettelo:visited {
	text-decoration: none;
}
a.aLuettelo:hover {
	text-decoration: underline;
}



/*
A2.3 LUETTELOT
*/

/* Luettelo oikealle osoittavilla nuolilla. */
.ulNuoliluettelo li {
	list-style-image: url(../kuvat/ikonit/nuoli_luet_oik_harmaa.gif);
}

/* Luettelo oikealle osoittavilla oranseilla nuolilla linkkeja varten. */
.ulLinkkiluettelo li {
	list-style-image: url(../kuvat/ikonit/nuoli_luet_oik_oranssi.gif);
}


/*
A2.4 INGRESSILAATIKON TYYLIT
*/

/* Ingressilaatikkoon tulee sivusta riippuen joko sen sisallysluettelo
tai ingressi/johdanto. Sisallysluettelossa kaytetaan eri tyylia kuin
varsinaisessa ingressissa. */


/* Sisallysluettelon otsikko, esim. "Talla sivulla:" */
.pSisallysluettelonOtsikko {
	color: #E56525;
	margin-bottom: 0px;
	margin-right: 0px;
	margin-top: 0px;
}

/* Varsinainen sisallysluettelo */
/* Marginaali pitaa asetta erikseen Firefoxia varten... */
.ulSisallysluettelo {
	margin-left: 20px;
	margin-bottom: 0px;
	margin-top: 0px;
}
/* ...ja korjata oikeaksi IE:ssa. */
.ulSisallysluettelo {
	margin-left: expression(16 + "px");
}
/* Maaritellaan oikea luettelomerkki. */
.ulSisallysluettelo li {
	list-style-image: url(../kuvat/ikonit/nuoli_alas_harmaa.gif);
}
/* Linkit harmaiksi ja alleviivamattomiksi. */
a.aSisallysluettelo:link, a.aSisallysluettelo:visited, a.aSisallysluettelo:active {
	text-decoration: none;
	color: #444444;
}
a.aSisallysluettelo:hover {
	color: #444444;
	text-decoration: underline;
}

/* Sivun ingressi. */
.pIngressi {
	line-height: 160%;
	font-size: 125%;
	color: #444444;
	margin: 0px;
}



/*
A2.5 MUUT TYYLIT
*/

/* IE pienentaa rivivalia riveilla, joilla on kuva, joten tarvitaan
pakotettua tyhjaa tilaa ingressissa olevan ikonikuvan ylapuolelle. */
.imgIkoniIngressissa {
	margin-top: 0.6em;
}


/* Tekstin kirjoittaja sivun lopussa. Ennen nimea olisi hyva
laittaa aina ajatusviiva. */
.pKirjoittaja {
	font-style: italic;
	margin-top: 3em;
}






/*
------------------------------------------------------------------------
A3. NOSTOLAATIKON/NOSTOLUETTELON TYYLIT
------------------------------------------------------------------------
*/

/* Nostoluettelon sisaltavassa solussa on hyva kayttaa .tdSisalto-tyylin
sijaan alla maariteltyja tyyleja sen mukaan, muodostaako solu oikean vai
vasemman palstan. */
.tdNostoluetteloVasen {
	text-align: left;
	vertical-align: top;
	background-color: #EEEEEE;
	padding-bottom: 9px;
	padding-top: 9px;
	padding-left: 9px;
	padding-right: 4px;
}
.tdNostoluetteloOikea {
	text-align: left;
	vertical-align: top;
	background-color: #EEEEEE;
	padding-bottom: 9px;
	padding-top: 9px;
	padding-left: 5px;
	padding-right: 9px;
}

/* Varsinaisen nostolaatikkotaulukon tyyli. */
.tableNostolaatikko {
	margin-bottom: 15px;
}

/* Nostolaatikon otsikon eli th:n tyyli. */
.thNostolaatikkoOtsikko {
	background-color: #FF7129;
	padding: 9px;
	text-align: left;
	color: #FFFFFF;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
}

/* Nostolaatikon sisalto-td:n tyyli. */
.tdNostolaatikkoSisalto {
	background-color: #FFFFFF;
	padding: 9px;
}

/* Nostolaatikko langettaa varjon.
Tama tyyli saatelee sen oikeaan reunaan tulevaa varjoa. */
.tdSisavarjoOikea {
	background-image: url(../kuvat/pohja/sisavarjo_oik.gif);
	text-align: left;
	vertical-align: top;
}
/* Tama alareunan varjoa. */
.tdSisavarjoAla {
	background-image: url(../kuvat/pohja/sisavarjo_ala.gif);
	text-align: left;
	vertical-align: top;
}
/* Ja tama oikean alakulman varjoa. */
.tdSisavarjoKulma {
	text-align: left;
	vertical-align: top;
}






/*
------------------------------------------------------------------------
A4. LUETTELOSIVUJEN (AJANKOHTAISTA, JULKAISUT, SEMINAARIT) TYYLIT
------------------------------------------------------------------------
*/

/* Ajankohtaista-, julkaisu- ja seminaariluetteloissa (ei siis
nostolaatikoissa) kaytetaan suunnilleen samanlaista muotoilua. Kaikki
luettelot sijoitetaan div.divLuettelon sisaan ja luettelokohdat ovat
kappaleita (p-tageja). Eri tieto-osuudet erotetaan toisistaan
rivinvaihdoin.
   Likkityylina on syyta kayttaa aLuetteloa. Muita tietoja varten on
kullekin osiolle maaritelty omat tyylinsa. */

/* Tama estaa seuraavaa kappaletta juoksemasta edellisessa kappaleessa
mahdollisesti vasemmalle tasatun kuvan ympari. */
.divLuettelo p {
	clear: left;
}

/* Luettelossa olevia pikkukuvia varten. */
.imgPikkukuvaLuettelossa {
	margin-right: 0.7em;
	margin-top: 0.3em;
	margin-bottom: 0.3em;
}






/*
------------------------------------------------------------------------
B1. ETUSIVUN OMAT TYYLIT
------------------------------------------------------------------------
*/

/* Etusivun ingressiteksti. */
.pEtusivuEsittely {
	color: #444444;
	font-size: 125%;
	line-height: 160%;
	margin: 0px;
}






/*
------------------------------------------------------------------------
B2. AJANKOHTAISTA-SIVUN OMAT TYYLIT
------------------------------------------------------------------------
*/

/* Uutisen paivamaara luettelossa. */
.spanUutisenPvm {
	color: #444444;
}

/* Kuvan tyyli uutisen esittavalla sivulla. */
.imgUutisenSuuriKuva {
	margin-right: 15px;
	margin-top: 0.3em;
	margin-bottom: 0.5em;
}







/*
------------------------------------------------------------------------
B3. JULKAISUT-SIVUJEN OMAT TYYLIT
------------------------------------------------------------------------
*/

/*
B3.1 JULKAISULUETTELOT JA NOSTOLAATIKOT
*/

/* Nostolaatikoissa ja varsinaisissa julkaisuluetteloissa ilmoittettavan
kategorian nimilinkki tulee talla tyylilla. */
a.aJulkaisunKategoria:link, a.aJulkaisunKategoria:visited, a.aJulkaisunKategoria:active {
	color: #444444;
	text-decoration: none;
} 
a.aJulkaisunKategoria:hover {
	color: #444444;
	text-decoration: underline;
}
/* Samoissa yhteyksissa julkaisun nimea seuraavat lisatiedot talla tyylilla.
HUOM! Kirjoittajan nimelle ei toistaiseksi ole mitaan erityista tyylia. */
.spanJulkaisunLisatiedot {
	color: #444444;
	font-style: italic;
}



/*
B3.2 JULKAISUN ESITTELYSIVU
*/

/* Tietyn julkaisun esittelysivulla sisallysluettelolaatikossa olevaa
julkaisun kuvaa ja esittelytekstia varten. Laatikkoon lisataan
yksirivinen taulukko, jossa on kaksi solua: vasemmanpuoleiseen tulee
julkaisun kuva ja tyyliksi tdJulkaisunKuva ja oikeanpuoleiseen
esittelyteksti ja tyyliksi tdJulkaisunIngressi. */
.tdJulkaisunKuva {
	padding-right: 0.75em;
	vertical-align: top;
}
.tdJulkaisunIngressi {
	line-height: 160%;
	font-size: 125%;
	font-style: italic;
	color: #444444;
	vertical-align: top;
}
/* Jos julkaisun ingressiin tulee linkkeja, joita ei haluta korostaa,
esimerkiksi sahkoisten julkaisujen kategorian nimi tai avaamisen
tarvittavan ohjelman latauslinkki, tulevat ne talla tyylilla. */
a.aJulkaisunIngressi:link, a.aJulkaisunIngressi:visited, a.aJulkaisunIngressi:active {
	color: #444444;
	text-decoration: none;
} 
a.aJulkaisunIngressi:hover {
	color: #444444;
	text-decoration: underline;
}






/*
------------------------------------------------------------------------
B4. SEMINAARIT-SIVUJEN OMAT TYYLIT
------------------------------------------------------------------------
*/

/* Seminaariluettelossa seminaarin nimea edeltavaa tyyppi-maaritysta,
kuten "Kurssi", varten. */
.spanSeminaarinTyyppi {
	color: #444444;
}

/* Seminaariluettelossa ja nostolaatikossa olevia seminaarin nimea
seuraavia lisatietoja varten. */
.spanSeminaarinLisatiedot {
	color: #444444;
	font-style: italic;
}






/*
------------------------------------------------------------------------
B5. TUTKIJAT-SIVUN OMAT TYYLIT
------------------------------------------------------------------------
*/

/* Luettelo henkiloista kuvilla. */
.tablePotrettiluettelo td {
	padding-bottom: 1.5em;
	vertical-align: top;
}
/* Luettelossa olevan kuvan tyyliksi. */
.imgPotretti {
	margin-right: 0.8em;
}






/*
------------------------------------------------------------------------
B6. VALIMIESMENETTELYN SAANNOT -SIVUN OMAT TYYLIT
------------------------------------------------------------------------
*/

/* Pykalia varten. Pykalan alkua ennen tulee aina valia. */
.pPykalanAlku {
	margin-bottom: 0px;
	margin-top: 1.5em;
}
/* Pykalan jatkuessa, eri momenttien valiin ei tule valia vain
ensimmaisen rivin sisennys. */
.pPykalanJatko {
	text-indent: 2em;
	margin-bottom: 0px;
	margin-top: 0px;
}

/* Luettelo lakitekstin momentteja varten. */
.divMomenttiluettelo {
	margin-left: 2em;
	margin-bottom: 1.5em;
	margin-top: 1.5em;
}
.divMomenttiluettelo p {
	margin-bottom: 0px;
	margin-top: 0px;
}






/*
------------------------------------------------------------------------
C1. SIVURAKENTEEN OSIA SAATELEVAT TYYLIT (YLHAALTA ALAS, VASEMMALTA OIKEALLE)
------------------------------------------------------------------------
*/

/*
C1.1 MURUPOLKU
*/

/* Murupolun sisaltava td */
#tdMurupolku {
	color: #444444;
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	vertical-align: top;
	font-size: 90%;
}

/* Murupolun linkit */
a.aMurupolku:link, a.aMurupolku:visited, a.aMurupolku:active {
	color: #444444;
	text-decoration: none;
}
a.aMurupolku:hover {
	color: #444444;
	text-decoration: underline;
}



/*
C1.2 COMI-LOGO
*/

/* Logon sisaltava td */
#tdLogoPalkki {
	text-align: right;
	vertical-align: bottom;
}



/*
C1.3 PAAVALIKKO (VASEMASSA REUNASSA)
*/

/* Koko paavalikon sisaltavan td:n tyyli... */
#tdPaavalikkosolu {
	padding-right: 10px;
}
/* ...ja siina sijaitsevan paavalikon sisaltavan tablen tyyli. */
#tablePaavalikko {
	text-align: right;
	vertical-align: top;
	color: #444444;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 120%;
}

/* Ylimman tason otsikon sisaltavan td:n tyyli... */
.tdPaavalikkoTaso1 {
	padding-bottom: 6px;
	padding-top: 6px;
}
/* ...ja ylimman tason otsikon linkin tyyli... */
a.aPaavalikkoTaso1:link, a.aPaavalikkoTaso1:visited, a.aPaavalikkoTaso1:active {
	color: #FFFFFF;
	text-decoration: none;
}
a.aPaavalikkoTaso1:hover {
	color: #FFFFFF;
	text-decoration: none;
	border-bottom: 1px #FFFFFF solid;
}
/* ...seka linkin tyyli sen osoittaman sivun ollessa avoinna. */
a.aPaavalikkoTaso1Avoin:link, a.aPaavalikkoTaso1Avoin:visited, a.aPaavalikkoTaso1Avoin:active, a.aPaavalikkoTaso1Avoin:hover {
	color: #FFFFFF;
	text-decoration: none;
	border-bottom: 1px #FFFFFF solid;
}

/* Toisen tason otsikon sisaltavan td:n tyyli... */
.tdPaavalikkoTaso2 {
	padding-bottom: 2px;
	padding-top: 2px;
	padding-right: 0px;
}
/* ...ja toisen tason otsikon linkin tyyli... */
a.aPaavalikkoTaso2:link, a.aPaavalikkoTaso2:visited, a.aPaavalikkoTaso2:active {
	color: #444444;
	text-decoration: none;
}
a.aPaavalikkoTaso2:hover {
	color: #444444;
	text-decoration: underline;
}
/* ...seka linkin tyyli sen osoittaman sivun ollessa avoinna. */
a.aPaavalikkoTaso2Avoin:link, a.aPaavalikkoTaso2Avoin:visited, a.aPaavalikkoTaso2Avoin:active, a.aPaavalikkoTaso2Avoin:hover {
	color: #444444;
	text-decoration: underline;
}

/* Kolmannen tason otsikon sisaltavan td:n tyyli... */
.tdPaavalikkoTaso3 {
	padding-bottom: 2px;
	padding-top: 2px;
	padding-right: 10px;
}
/* ...ja kolmannen tason otsikon linkin tyyli... */
a.aPaavalikkoTaso3:link, a.aPaavalikkoTaso3:visited, a.aPaavalikkoTaso3:active {
	color: #444444;
	text-decoration: none;
}
a.aPaavalikkoTaso3:hover {
	color: #444444;
	text-decoration: underline;
}
/* ...seka linkin tyyli sen osoittaman sivun ollessa avoinna. */
a.aPaavalikkoTaso3Avoin:link, a.aPaavalikkoTaso3Avoin:visited, a.aPaavalikkoTaso3Avoin:active, a.aPaavalikkoTaso3Avoin:hover {
	color: #444444;
	text-decoration: underline;
}



/*
C1.4 SISALTOSUUS
*/

/* Sisaltaa sisalto-osuuden eli paaotsikon, sisallysluettelon/ingressin
ja varsinaisen leipatekstin. */
#tdSisaltoSolu {
	text-align: left;
	vertical-align: top;
}
/* Sisaltaa paaotsikon. */
#tdPaaotsikko {
	text-align: left;
	vertical-align: bottom;
	background-color: #FFFFFF;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 30px;
	padding-bottom: 15px;
}
/* Paaotsikon oikealla puolella oleva solu, jossa oleva tyhja-giffi
maarittaa otsikkolaatikon minimikorkeuden. */
#tdPaaotsikkoVenytin {
	background-color: #FFFFFF;
}
/* Sisallysluettelon ja/tai ingressin sisaltava laatikko... */
#tdIngressi {
	color: #444444;
	text-align: left;
	vertical-align: top;
	background-color: #F6F6F6;
	padding: 15px;
}
/* ...ja sen minimikorkeuden maaraava solu. */
#tdIngressiVenytin {
	background-color: #F6F6F6;
}
/* Leipatekstin sisaltava laatikko.
.tdSisaltoIlmanMarginaalia on sama kuin .tdSisalto mutta ilman oikean reunan
marginaalia tekstille, joka on itse asiassa maaritelty ihan ylhaalla
".tdSisalto p"- yms. maaritteissa. .tdSisaltoKaksipalstainen-tyylit on
tarkoitettu siihen tilanteeseen, etta sisalto on jaettu kahteen palstaan -
ei kuitenkaan nostoluetteloissa: ks. A3. NOSTOLAATIKON/NOSTOLUETTELON
TYYLIT, missa on maaritelty tyylit tdNostoluetteloVasen ja -Oikea, jotka
korvaavat tdSisallon. */
.tdSisalto, .tdSisaltoIlmanMarginaalia, .tdSisaltoKaksipalstainenVasen, .tdSisaltoKaksipalstainenOikea {
	text-align: left;
	vertical-align: top;
	background-color: #EEEEEE;
	padding-top: 15px;
	padding-bottom: 30px;
	padding-left: 15px;
	padding-right: 15px;
}
/* Korjataan tassa viela kaksipalstaisten valinen marginaali. */
.tdSisaltoKaksipalstainenVasen {
	padding-right: 8px;
}
.tdSisaltoKaksipalstainenOikea {
	padding-left: 7px;
}
/* Sisaltosolun minimikorkeuden maaraava solu. */
#tdSisaltoVenytin {
	background-color: #EEEEEE;
}

/* Sivun sisalto-osuuden reunat ovat varjostetut.
Tama maaraa oikean reunan varjon. */
#tdUlkovarjoOikea {
	background-image: url(../kuvat/pohja/ulkovarjo_oik.gif);
	text-align: left;
	vertical-align: top;
}
/* Tama alareunan varjon. */
#tdUlkovarjoAla {
	background-image: url(../kuvat/pohja/ulkovarjo_ala.gif);
	text-align: left;
	vertical-align: top;
}
/* Ja tama oikean alakulman varjon. */
#tdUlkovarjoKulma {
	text-align: left;
	vertical-align: top;
}



/*
C1.5 PIKALINKIT JA KIELIVAIHTOEHDOT (OIKEASSA LAIDASSA)
*/

/* Pikalinkkivalikon sisaltavan td:n tyyli... */
#tdPikalinkitSolu {
	padding-left: 7px;
}
/* ...ja siina sijaitsevan pikalinkkivalikon sisaltavan tablen tyyli. */
#tablePikalinkit {
	text-align: left;
	vertical-align: top;
	color: #444444;
	font-family: Arial, Helvetica, sans-serif;
}

/* Pikalinkkirivien td:n tyyli */
.tdPikalinkitTaso1 {
	padding-bottom: 4px;
	padding-top: 4px;
}

/* Pikalinkkien linkkityylit... */
a.aPikalinkit:link, a.aPikalinkit:visited, a.aPikalinkit:active {
	color: #FFFFFF;
	text-decoration: none;
}
a.aPikalinkit:hover {
	color: #FFFFFF;
	text-decoration: underline;
}
/* ...seka tyyli pikalinkille, kun sen osoittama sivu on avoinna. */
a.aPikalinkitAvoin:link, a.aPikalinkitAvoin:visited, a.aPikalinkitAvoin:hover, a.aPikalinkitAvoin:active {
	color: #FFFFFF;
	text-decoration: underline;
}

/* Erillinen linkkityyli kielivaihtoehdoilla, joskin muotoilu on
toistaiseksi sama. */
a.aKielivaihtoehdot:link, a.aKielivaihtoehdot:visited, a.aKielivaihtoehdot:active {
	color: #FFFFFF;
	text-decoration: none;
}
a.aKielivaihtoehdot:hover {
	color: #FFFFFF;
	text-decoration: underline;
}



/*
C1.6 ALAPALKKI (SISALTAA PALUULINKIN YLOS JA MUOKKAUSPVM:N)
*/

/* Alapalkin muodostavan td:n tyyli */
#tdAlapalkki {
	color: #444444;
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	vertical-align: top;
	padding-top: 5px;
	padding-left: 4px;
	font-size: 90%;
}

/* Alapalkin linkkien tyylit */
a.aAlapalkki:link, a.aAlapalkki:visited, a.aAlapalkki:active {
	color: #444444;
	text-decoration: none;
}
a.aAlapalkki:hover {
	color: #444444;
	text-decoration: underline;
}