/* // Kotkanpesän ulkoasumäärittelyt */
/*// (c) 2003 Aatu Komsi, www.kotkanpesa.net */

	@import url("arkisto.css");
/* # BASE # */

	BODY, PRE, P, TD, H1, H2, H3, H4, H5
       		{font-family: arial, helvetica, sans-serif;
	       	text-align: left; }

	BODY	{font-size: 10pt;}

	H1	{font-size: 280%;}

	H2	{font-size: 160%}

	H3	{font-size: 130%}

	H4	{font-size: 120%}

	H5	{font-size: 90%;
		font-weight: bold;}

	HR	{border-style: solid;
		color: #000000;
		border-width: 1px;
		text-align: center;
		width: 80%;}

	TD,TH	{text-align: left;
		vertical-align: top;}

	BLOCKQUOTE
		{margin: 2px 2px 2px 20px;
		padding: 1em;}


/* # TEKNISET VAKIOT # */

	TD.teksti P.leveys
		{width: 34em;}

	TD.block2 P.leveys
		{width: 11em;}

	DIV.info
		{font-size: 90%;
		border-style:solid;
		border-color: #000000;
		border-width: 1px;
		color: #000000;
		background-color: #E3E7F3;
		padding: 1ex;}

	DIV.info * H4
		{font-size: 1em;
		font-weight: bold;
		margin-bottom: 0px;}

	DIV.info P
		{margin-top: 0px;
		margin-bottom: 1em;}

	DIV.kasky
		{width: 80%;
		border-style:solid;
		border-color: #000000;
		border-width: 1px;
		color: #000000;
		background-color: #E2E41C;
		padding: 1em;
		text-align: center;
		margin-bottom: 1em;}

/* # MUOTOILU # */
	/* / PERUS -----------------------------------------------------------------------/*/
	.vasen 	{text-align: left;}

	.keski	{text-align: center;}

	.oikea	{text-align: right;}

	/*/ OIKEA TASAUS -----------------------------------------------------------/*/
	.quote 	{font-style: italic;}

	.lahde	{text-align: right;
		font-style: italic;}

	.aika	{text-align: right;}

	/*/ MUUT KOROSTUKSET JA ARVOMUOTOILUT ---------------/*/
	EM.psivu
		{font-weight: bold;}

	EM.quote, EM.pnimi
		{font-weight: normal;
		font-style: italic;}

	EM.u
		{font-weight: normal;
		font-style: normal;
		text-decoration: underline;}

	EM, EM.b
		{font-weight: bold;
		font-style: normal;}

	EM.qb	{font-weight: bold;
		font-style: italic;}

	.ingressi
		{font-weight: bold;}

	.isolla	{text-transform: uppercase;}

	.korjaus	{text-decoration: line-through;}

	.pieni	{font-size: 90%;}


/* # TIETOKANTA-VAKIOT # */

	.error	{color: #FF0000;
		font-weight: bold;}

	.fine	{color: #0000FF;
		font-weight: bold;}

	.error A, .fine A
		{text-decoration: underline;}

	.error A:link
		{color: #FF0000;}

	.error A:visited
		{color: #895757;}

	.fine A:link
		{color: #0000FF;}

	.fine A:visited
		{color: #575889;}


/* ######## ASETUKSET ########### */

/* # LINKIT # */
	/*/ BLOCK.TEKSTI -----------------------------------------------------------/*/

	TD.teksti A:link, TD.teksti A:visited
		{text-decoration: underline;}

	TD.teksti A.v0:link, TD.teksti A.v0:visited
		{text-decoration: none;}

	TD.teksti A:link
		{color: #0000B5;}

	TD.teksti A:visited
		{color: #505390;}

	TD.teksti A:hover, TD.teksti A:active, TD.teksti A.v0:hover, TD.teksti A.v0:active
		{text-decoration: underline;}


	/*/ BLOCK.BLOCK1 -----------------------------------------------------------/*/

	TD.Block1 DIV.valikko1a A:link, TD.Block1 DIV.valikko1a A:visited
		{color: #FFFFFF;
		text-decoration: none; }

	TD.Block1 DIV.valikko1b A:link, TD.Block1 DIV.valikko1b A:visited
		{color: #000000;
		text-decoration: none; }


	/*/ BLOCK.BLOCK2 -----------------------------------------------------------/*/

	TD.block2 A:link, TD.block2 A:visited
		{text-decoration: none;}

	TD.block2 A DIV.hakemisto
		{color: #000000;}

	TD.block2 A DIV.otsikko
		{color: #5E0000;}

	/*/ BLOCK.BLOCK3 -----------------------------------------------------------/*/

	TD.block3 A:link, TD.block3 A:visited
		{color: #FFFFFF;
		text-decoration: underline;}


/* # BLOCKIT # */

	/*/ BLOCK.BLOCK0 ---------------------------------------------------------- /*/

	TD.block0
		{background-image: url("kuvat/banneri1300.jpg");
		border-style: solid;
		border-width: 2px;
		border-color: #000000;
		padding: 0px;
		height: 120px;
		vertical-align: top;
		background-position: right;
		background-repeat: no-repeat;}


	/*/ BLOCK.BLOCK 1 + 2 + 3 ------------------------------------------------/*/

	TD.block1, TD.block2, TD.block3
		{background-image: url("kuvat/tausta1.jpg");
		border-style: solid;
		border-color: #000000;
		border-width: 2px;
		padding: 3px;
		margin: 6px;
		font-family: verdana, arial, helvetica, sans-serif;}


	/*/ BLOCK.BLOCK1 -----------------------------------------------------------/*/

	TD.block1
		{font-family: verdana, arial, helvetica, sans-serif;
		font-size: 10pt;}

	TD.block1 DIV.valikko1a, TD.block1 DIV.valikko1b
		{font-weight: bold;
		text-align: center;
		vertical-align: middle;}

	TD.block1 DIV.valikko1a
		{color: #FFFFFF;
		background-color: transparent;}

	TD.block1 DIV.valikko1b
		{width: 100%;
		font-size: 90%;
		color: #000000;
		background-color: #FFFFFF;}


	/*/ BLOCK.BLOCK2 -----------------------------------------------------------/*/

	TD.block2
		{width: 15%;
		font-size: 10pt;
		font-weight: bolder;
		text-align: left;
		vertical-align: top;
		color: #FFFFFF;
		background-color: transparent;}

	TD.block2 H3
		{font-size: 1em;
		text-transform: uppercase;}

	TD.block2 DIV.hakemisto, TD.block2 DIV.otsikko
		{display: block;
		border-style: solid;
		border-color: #4A2D00;
		border-width: 1px;
		background-color: #FF9B00;
		padding: 0px 1px;
		margin: 2px;
		clear: both;}


	/*/ BLOCK.BLOCK3 -----------------------------------------------------------/*/

	TD.block3
		{width: 20%;
		font-weight: bold;
		font-size: 10pt;
		text-align: left;
		vertical-align: top;
		color: #FFFFFF;
		background-color: transparent;}

	TD.block3 H3
		{font-size: 1,2em;}


	/*/ BLOCK.TEKSTI -----------------------------------------------------------/*/

	TD.teksti
		{width: 65%;
		font-size: 10pt;
		background-color: #EBDEBD;
		border-style: solid;
		border-width: 2px;
		border-color: #000000;
		padding: 10px 10px 20px;
		margin: 6px;
		text-align: left;
		vertical-align: top;}


/* # KUVAT # */

	IMG	{margin: 0px 0px 2px;
		border-style: solid;
		border-color: #000000;
		border-width: 1px;}

	IMG.v0
		{border-style: none;}

	IMG.v2
		{border-width: 2px;}

	IMG.linkki
		{margin: 1em 0px;
		clear: both;}

	IMG.merkki
		{margin: 2px;
		border-style: none;
		display: inline;}

	DIV.kuvav, DIV.kuvao
		{border-style: none;
		margin: 2px 7px 5px;
		padding: 0px;
		text-align: left;}

	DIV.kuvav
		{clear: left;
		float: left;
		margin-left: 0px;}

	DIV.kuvao
		{clear: right;
		float: right;
		margin-right: 0px;}

	DIV.kuvav P, DIV.kuvao P, P.caption
		{border-style: none;
		font-size: 70%;
		color: #404040;
		float: right;
		margin-right: 2px;
		text-align: left;}



/* # LOMAKKEET # */

	TD.Teksti TABLE
		{border-style: none;
		background-color: transparent;}

	TD.Teksti * TD
		{font-size: 10pt;
		border-style: none;
		background-color: transparent;}

	INPUT[type="text"], TEXTAREA
		{font-family: monospace;
		color: #000000;
		background-color: #FFFFFF;}

	OPTION
		{padding: 2px 1em 2px 2px;
		color: #000000;
		background-color: #FFFFFF;}

	TD.ylipitka
		{color: #FF0000;}




/* ###### SIVUT ########## */


/* # UUTISET # */

	TD.uutisia
		{border-style: solid;
		border-width: 1px;
		border-color: #000000;
		font-size: 10pt;
		margin: 0px; }

	TD.uutisia H3
		{font-size: 120%;
		text-transform: uppercase;}

	DIV.uutinen1
		{clear: both;
		padding: 0px 10px 0px 0px;
		margin: 0px 0px 1ex 0px;
		display: block;}

	DIV.uutinen1 H4
		{font-size: 1em;
		font-weight: bold;
		padding: 0px;
		margin: 0px;}

	DIV.uutinen1 BLOCKQUOTE
		{font-size: 90%;
		font-weight: normal;
		padding: 0px;
		margin: 0px 0px 0px 1em;}

	TD.uutisia P
		{font-size: 90%;}

	DIV.kommentoi
		{border-style: none;
		float: right;
		margin: 0px;
		padding: 0px;
		text-align: left;
		vertical-align: middle;
		line-height: 23px;}

	DIV.kommentoi * TD
		{vertical-align: middle;}


/* # ULKOUUTISET # */

	DIV.kirjkentta
		{width: 100%;
		vertical-align: top;
		background-color: transparent;
		padding: 3px;
		margin: 1ex 0px 1em 0px;}

	DIV.kirj, DIV.kirjrek
		{background-color: #CFC2A3;
		border-style:solid;
		border-width: 1px;
		border-color: #000000;
		font-weight: bold;
		padding: 0px 5px;}

	DIV.kirj
		{float: left;
		color: #000000;
		width: 50%;
		margin: 0px 3px 0px 0px;}

	DIV.kirjrek
		{float: left;
		color: #8E0000;
		margin: 0px 0px 0px 3px;}

	BLOCKQUOTE.kommentti
		{background-color: #C3CD9D;
		color: #000000;
		border-style: solid;
		border-color: #000000;
		border-width: 1px;
		padding: 1ex 1em;
		margin: 1ex 15% 2em;}

	BLOCKQUOTE.kommentti H4
		{font-size: 1em;
		font-weight: bold;
		padding: 0px;
		margin: 0px 0px 1ex 0px;}

	BLOCKQUOTE.kommentti P
		{margin: 1ex 0px;}

	H3.ulkootsikko
		{margin-bottom: 1ex;}


/* # GALLUP # */

	DIV.gallup
		{width: 90%;
		text-align: center;
		font-size: 10pt;}

	DIV.gallup H3
		{font-size: 120%;
		text-transform: uppercase;}

	DIV.gallup.2 H3
		{font-size: 110%;}

	DIV.gallup H4
		{font-size: 110%;
		font-weight: bold;}

	DIV.gallup.2 H4
		{font-size: 100%;}



	DIV.gallup * TABLE.vaihtoehdot TD.radio
		{text-align: right;
		vertical-align: middle;
		width: 10%;}

	DIV.gallup * TD.vaihtoehto
		{font-size: 10pt;}


	DIV.gallup * TD.prosentit, DIV.gallup * TD.aania, DIV.gallup * TD.vastaus, DIV.gallup * TD.palkki
		{font-size: 90%;
		vertical-align: middle;}

	TD.prosentit
		{text-align: right;
		width: 10%;
		padding-right: 5px;}

	TD.aania
		{text-align: left;
		width: 10%;
		padding-right: 10px;}

	DIV.gallup * EM
		{font-size: 90%;}



	DIV.gallup TABLE.tulos, DIV.gallup TABLE.kommentit, DIV.gallup TABLE.toimitus
		{font-size: 1em;}

	DIV.gallup * TD.aika, DIV.gallup * TD.kommentti
		{font-size: 90%;
		padding: 5px;
		vertical-align: top;}

	DIV.gallup * TD.kommentti
		{background-color: #C3CD9D;
		color: #000000;
		padding-left: 10px;}

	DIV.gallup TABLE.toimitus TD.toimitus
		{font-size: 90%;
		background-color: #D07887;
		color: #000000;
		padding: 5px 5px 5px 10px;}


	DIV.galluplista A:visited
		{color: #0000B5;}

	DIV.galluplista P
		{margin: 0px 0px 4px;}

/* # TAPAHTUMAKALENTERI # */

	TABLE.kalenteri
		{font-size: 90%;}

	TABLE.kalenteri * TD.otsikko, TABLE.kalenteri * TD.vuosi
		{font-weight: bold;
		text-align: center;
		background-color: #CFC2A3;
		padding: 3px;}

	TABLE.kalenteri * TD.vuosi
		{font-size: 110%;}

	TABLE.kalenteri * TD.ryhma, TABLE.kalenteri * TD.yleis, TABLE.kalenteri * TD.leiri, TABLE.kalenteri * TD.koulutus, TABLE.kalenteri * TD.muu, TABLE.kalenteri * TD.ruutu
		{border-style: solid;
		border-width: 1px;
		border-color: #000000;
		padding: 3px;
		margin: 2px;}

	TABLE.kalenteri * TD.pvm
		{white-space: nowrap;
		vertical-align: middle;}

	TABLE.kalenteri * TD.ryhma
		{background-color: #AF5768;}

	TABLE.kalenteri * TD.yleis
		{background-color: #9D9FFF;}

	TABLE.kalenteri * TD.leiri
		{background-color: #C0A76C;}

	TABLE.kalenteri * TD.koulutus
		{background-color: #94BD5E;}

	TABLE.kalenteri * TD.muu
		{background-color: #D8DA0C;}

	TABLE.kalenteri * TD.plussa
		{font-size: 140%;
		font-weight: bold;
		text-align: center;}

	TABLE.kalenteri * TD.plussa A:link, TABLE.kalenteri * TD.plussa A:visited
		{text-decoration: none;}


/* # KESKUSTELUPALSTA # */

	TABLE.keskustelu
		{table-layout: auto;
		border-collapse: collapse;
		width: 100%;}

	TABLE.keskustelu * TD
		{border-style: solid;
		border-color: #000000;
		border-width: 1px;
		padding: 1ex;}

	TABLE.keskustelu * TD.kesklahettaja
		{background-color: #D76A0F;
		vertical-align: middle;
		font-weight: bold;}

	TABLE.keskustelu * TD.kesklahettaja A
		{color: #000065;}

	TABLE.keskustelu * TD.keskotsikko
		{background-color: #FFC900;}

	TABLE.keskustelu * TD.keskviesti
		{background-color: #FFE5A5;
		padding: 1ex 1ex 1em;}

	TABLE.keskustelu * TD.keskvastaus
		{background-color: #ACD692;}

	TABLE.keskustelu * TD.kesklahettaja DIV.oikea
		{border-style: none;
		padding: 2px;
		margin: 0px;
		float: right;}

	DIV.kesknro
		{font-size: 90%;
		display: inline;
		font-weight: bold;
		border-style: solid;
		border-width: 1px;
		border-color: #000000;
		padding: 1px 2px;
		margin: 0px 0px 0px 1ex;}

	DIV.rek	{color: #8E0000;}



/* # PÄIVITYS # */

	TABLE.paivitys
		{font-size: 90%;
		table-layout: auto;
		margin-bottom: 2em;}

	TABLE.paivitys * TD.otsikko
		{font-weight: bold;
		text-align: center;
		background-color: #CFC2A3;
		padding: 3px;}

	TABLE.paivitys * TD.nakyva
		{background-color: #CED4E8;}

	TABLE.paivitys * TD.fakta
		{background-color: #BED3A1;}

	TABLE.paivitys * TD.kirjoitusvirhe
		{background-color: #D7B988;}

	TABLE.paivitys * TD.nakyva, TABLE.paivitys * TD.fakta, TABLE.paivitys * TD.kirjoitusvirhe, TABLE.paivitys * TD.ruutu
		{padding: 3px 3px 3px 5px;}

	TABLE.selitys * TD.nakyva, TABLE.paivitys.selitys * TD.fakta, TABLE.paivitys.selitys * TD.kirjoitusvirhe
		{border-style: solid;
		border-width: 1px;
		border-color: #000000;
		padding: 3px;}

	TABLE.paivitys * TD.ruutu
		{border-style: solid;
		border-color: #000000;
		border-width: 1px;}

	TABLE.historiikki
		{width: 85%;}

/* # LINKIT # */

	A.hyvaksytty
		{font-weight: bold;
		text-decoration: none;}

	DIV.teemat
		{width: 90%;
		text-align: center;
		margin-top: 2em;}

/* # LASKURI # */

	P.laskuri
		{padding: 2px;
		border-style: solid;
		border-color: #9A5306;
		border-width: 1px;
		font-weight: bold;
		background-color: #FFFFFF;
		text-align: center;}


/* # MAKSAPELI # */

	.hirsipuu
		{border-style: solid;
		border-color: #000000;
		border-width: 2px;
		background-color: transparent;}

	INPUT.kirjain1
		{font-size: 90%;
		text-transform: uppercase;
		border-style: none none solid none;
		border-width: 2px;
		border-color: #000000;
		background-color: transparent;
		margin: 2px;}

	INPUT.kirjain2
		{font-size: 90%;
		border-style: solid;
		border-width: 1px;
		border-color: #000000;
		text-transform: uppercase;}


/* # PROTU-VISA # */

	P.visaing
		{font-weight: bold;
		font-size: 80%;
		text-transform: uppercase;
		color: #92350C;
		text-align: center;
		margin-top: 0px;}

	.visaarvosana
		{font-weight: bold;
		text-transform: uppercase;
		color: #AE0000;}

	DIV.visa
		{float: left;
		margin-right: 10px;}

	TABLE.visa
		{text-align: left;}

	TABLE.visa * TD.radio
		{width: 5%;
		text-align: right;}
	

	TABLE.visatulos
		{border-collapse: collapse;}

	TABLE.visatulos * TD.otsikko
		{font-weight: bold;
		text-align: center;
		background-color: #CFC2A3;
		padding: 3px;}

	TABLE.visatulos * TD
		{padding: 3px 6px;
		border-style: solid;
		border-width: 2px;
		border-color: #000000;}

	TABLE.visatulos * TD.vari1
		{background-color: #D3D3E3;}

	TABLE.visatulos * TD.vari2
		{background-color: #C1C2F1;}

	DIV.visarek
		{display: inline;
		text-align: right;
		background-color: transparent;
		color: #8E0000;
		border-style: solid;
		border-width: 1px;
		border-color: #000000;
		font-weight: bold;
		padding: 1px;
		margin: 2px 0px 2px 8px;}


/* # HALLINTA # */

	DIV.hallinta
		{margin: 1em;
		text-align: left;
		width: 100%;}

	DIV.hallinta H3
		{font-size: 120%;
		background-color: #CFC2A3;
		padding: 2px 1ex;
		width: 50%;
		margin-top: 2em;}

	DIV.hallinta H3.alue
		{font-size: 120%;
		background-color: #EC8A3A;
		padding: 2px 1ex;
		width: 50%;
		margin-top: 2em;}

	DIV.hallinta H4
		{font-size: 100%;
		text-transform: uppercase;}

	DIV.hallinta H5
		{font-size: 100%;
		font-weight: bold;}

	DIV.hallinta BLOCKQUOTE
		{width: 60%;
		border-style: solid;
		border-width: 1px;
		border-color: #000000;
		padding: 1ex;}

	DIV.hallinta BLOCKQUOTE P
		{margin: 1ex;}

	DIV.hallinta * .puna
		{color: #FF0000;}


/* # SATA JA YKSI TAPAA KÄYTTÄÄ PROTU.KORUA # */

	P.viesti
		{color: #008000;
		font-size: 110%;
		font-style: italic;
		text-align: center;}

	SPAN.korurek
		{display: inline;
		background-color: transparent;
		color: #8E0000;
		border-style: solid;
		border-width: 1px;
		border-color: #000000;
		font-weight: bold;
		padding: 1px;}

/* # USEIN KYSYTYT KYSYMYKSET # */

	DIV.ukk
		{text-align: left;}

	TABLE.ukk * TD
		{border-style: solid;
		border-width: 1px;
		border-color: #000000;
		padding: 3px;}

	TABLE.ukk * TD.otsikko
		{font-weight: bold;
		background-color: #CFC2A3;
		text-align: center;}

	TABLE.ukk2 * TD
		{border-style: none;
		padding: 5px 1ex;}

	TABLE.ukk * TD.b
		{font-weight: bold;}

/* # PANDORA # */

	H3.pandora
		{color: #5E0000;}

	TD.pandoraotsikko
		{width: 30%;}

	TD.pandorateksti
		{width: 70%;}

	TD.pandoraotsikko H4
		{font-size: 100%;
		font-weight: bold;
		margin-right: 1em;
		color: #5E0000;
		text-transform: uppercase;}

	P.pandoralista
		{margin: 2px;}

/* # ARTIKKELIT # */

	DIV.arttiivistelma
		{clear: both;
		padding: 0px 10px 0px 0px;
		margin: 0px 0px 1ex 0px;
		display: block;}

	DIV.arttiivistelma H4
		{font-size: 1em;
		font-weight: bold;
		padding: 0px;
		margin: 0px;}

	DIV.arttiivistelma BLOCKQUOTE
		{font-size: 90%;
		font-weight: normal;
		padding: 0px;
		margin: 0px 0px 0px 1em;}

	H3.artpvm
		{font-size: 110%;
		font-weight: bold;
		color: #000000;
		margin-bottom: 1ex;}
	
	H3.artotsikko
		{font-size: 130%;
		font-weight: bold;
		color: #92350C;
		text-transform: uppercase;
		margin-top: 1ex;}

	P.artkirj1
		{font-weight: bold;
		margin-top: 0px;
		margin-bottom: 0px;}

	TABLE.artikkeli
		{width: 90%;}

	TABLE.artikkeli * TD.artviesti
		{background-color: #C3CD9D;
		padding: 5px;
		vertical-align: top;
		color: #000000;
		padding-left: 10px;
		text-align: center;}

	P.artviesti
		{color: #632509;
		font-size: 100%;
		text-align: center;}

	SPAN.artrek
		{display: inline;
		background-color: transparent;
		color: #8E0000;
		border-style: solid;
		border-width: 1px;
		border-color: #000000;
		font-weight: bold;
		padding: 1px;}


/* # MUSIIKKI # */

	TABLE.musiikki
		{border-collapse: collapse;}

	TD.musotsikko, TD.musrivip, TD.musrivi, TD.musmuuta
		{padding: 2, 1ex;}

	TD.musrivip
		{color: #BE0000;}

	TABLE.musiikki * TD.musotsikko
		{font-weight: bold;
		background-color: #C1C2F1;}

	TABLE.musiikki * TD.musrivi, TABLE.musiikki * TD.musrivip
		{background-color: #D3D3E3;}

	TABLE.musiikki * TD.musmuuta
		{background-color: #D3D3E3;
		font-size: 85%;}

	TABLE.musiikki * TD.musmuuta P
		{margin-top: 2px;
		margin-bottom: 2px;}

	TABLE.musiikki *	TD.mustyhja
		{border-style: none;
		background-color: transparent;
		height: 3px;
		margin-top: 0px;
		margin-bottom: 0px;}


/* # ECARD # */

	DIV.ecardviesti
		{width: 400px;
		border-style: solid;
		border-color: #BA7200;
		border-width: 1px;
		background-color: #FFFFFF;
		padding: 0px 1ex 1ex;}

	DIV.ecardviesti H3
		{color: #000000;}

	DIV.ecardtiedot
		{border-style: none;
		background-color: #FF9B00;
		padding: 1ex;
		margin: 5px 0px;}