/* Tässäpä siistitympi tyylitiedosto. 12.1.2003 klo 18.02 (Vesa) korjattu 14.1. klo 9.16
 	Lisätty kuvateksteille tyylejä 16.1. klo 10.39 (Harri)
	Lisätty H3 tyyliin 16.1. klo 17.39 (Harri)
	Lisätty OL none tyyliin 9.2. (Harri)

Varsinaisessa HTML-teksissä ei käytetä muotoiluelementtejä kuten <b> tai <i>, 
sen sijaan käytetään rakenteellisia elementtejä kuten <em> ja <strong>,
kummatkin ovat korostuksia, mutta strong-elementti on voimakkaampi. 

Mittayksiköistä: Suhteellisia mittayksiköitä kannattaa suosia, koska ne ovat skaalautuvia.
Suhteellisia ovat mm. % ja em (em tarkoittaa suhdetta elementin perusfonttikokoon).
Absoluuttisia ovat taas mm. px (pikseli) ja pt. Ensimmäistä oon käyttänyt marginaaleissa.

Fonteista: 
font-family = käytettävä kirjasin
	Annetaan useampi fontti. Jos selaimella ei ole tiettyä fonttia käytössä,
	poimii se ensimmäisen joka löytyy. Sans-serif tarkoittaa päätteetöntä fonttia. 

font-size = koko
	Olen määritellyt ne prosentteina. Selaimen oletuksena on 100%.

font-weight = paksuus
	Arvot vaihtelevat 100 - 900. 400 vastaa normaalia ja 700 paksua <b>
 */


@media print {
        H1, H2, H3,
        H4, H5, H6    { page-break-after: avoid; page-break-inside: avoid; }
        UL, OL, DL    { page-break-before: avoid; }

#navi, #keskiosa, #polku  {
	display: none;
}
}

body {	font-family:	Verdana, Arial, Helvetica, sans-serif; 
		margin-left: 	6%;  
		margin-right:	6%;
		margin-top: 	10px; 
		color: 		#000000;
		background: 	#white;
}

h1 {		font-family:	Verdana, Arial, Helvetica, sans-serif;
		font-size:		115%;
		font-weight:	700;
		color:		#5D5D5D;
		background:		transparent; 
		margin-top:		3em;
}

h2 {		font-family:	Verdana, Arial, Helvetica, sans-serif;
		font-size:		110%;
		font-weight:	700;
		color:		#5D5D5D;
		background:		transparent;
		margin-top:		2.5em;
}

h3 {		font-family:	Verdana, Arial, Helvetica, sans-serif;
		font-size:		100%;
		font-weight:	700;
		color:		#5D5D5D;
		background:		transparent;
		margin-top:		0.5em;
}


h4 {		font-family:	Verdana, Arial, Helvetica, sans-serif;
		font-size:		80%;
		font-weight:	700;
		color:		#5D5D5D;
		background:		transparent;
		margin-top:		0.5em;
}

p {		font-family:	Verdana, Arial, Helvetica, sans-serif;
		font-size:		100%;
		font-weight:	400;
		color:		#333333;
		background:		transparent;
		line-height:	1.2em;
}


#navi {	background: 	white url(/pic/viiv.gif);
		color:		#1FCDD8;
		border-top: 	4px solid #000000;
		border-bottom: 	4px solid #000000;
		text-align: 	right;
		margin-bottom:	0;
		padding:		0.5em;
		margin-top:		0;
}

#keskiosa {	background: 	#green url(/pic/taus.gif);
		color:		#48A1B7;
		margin-top:	0;
		margin-bottom:	0;
		padding-top: 	0.8em;
		padding-bottom:	0.5em;
		padding-left:	1em;
		padding-right:	2em;
}

#em {		display:		block;
			/* muuttaa elementin määrittelemän tekstin lohkotyyppiseksi */ 
		float:		left;
			/* siirtyy seuraavan lohkoelementin viereen vasemmalle */
		width:		45%;
			/* lohkoelementin viemä leveys */
		font-family:	Arial, Helvetica, Verdana, sans-serif;
		font-size:		130%;
		letter-spacing:	0.1em;
			/* kirjainten välistystä on lisätty */
		font-weight:	700;
		line-height:	130%;
		text-transform:	uppercase;
			/* tekstistä tulee kokonaan isolla kirjoitettu */
		color:		#333333;
		background: 	transparent;
}

#em2 {	display:		block;
			/* muuttaa elementin määrittelemän tekstin lohkotyyppiseksi */ 
		float:		left;
			/* siirtyy seuraavan lohkoelementin viereen vasemmalle */
		width:		45%;
			/* lohkoelementin viemä leveys */
		font-family:	Arial, Helvetica, Verdana, sans-serif;
		font-size:		100%;
		letter-spacing:	0.1em;
			/* kirjainten välistystä on lisätty */
		font-weight:	700;
		line-height:	130%;
		text-transform:	uppercase;
			/* tekstistä tulee kokonaan isolla kirjoitettu */
		text-align: 	left;
		color:		#333333;
		background: 	transparent;
}

#em3 {		display:	block;
			/* muuttaa elementin määrittelemän tekstin lohkotyyppiseksi */ 
		float:		left;
			/* siirtyy seuraavan lohkoelementin viereen vasemmalle */
		width:		30%;
			/* lohkoelementin viemä leveys */
		font-family:	Arial, Helvetica, Verdana, sans-serif;
		font-size:		100%;
		letter-spacing:	0.1em;
			/* kirjainten välistystä on lisätty */
		font-weight:	700;
		line-height:	130%;
		text-transform:	uppercase;
			/* tekstistä tulee kokonaan isolla kirjoitettu */
		color:		#333333;
		background: 	transparent;
}

#ks {		display:		block;
		text-align:		right;
		font-family:	Arial, Helvetica, Verdana, sans-serif;
		font-size:		100%;
		font-weight:	900;
		text-transform:	uppercase;
		color:		#000000;	
		background: 	transparent;
}


#polku {	background:		#blue url(/pic/viiv.gif);
		color:		#000000;
		border-top: 	4px solid #C0C0C0; 
		border-bottom: 	4px solid #C0C0C0;
		text-align: 	left;
		margin-top:		0;
		padding:		0.5em;
		padding-left:	1em;
		margin-bottom:	0;
}

#polkue {	background:		#blue url(/pic/viiv.gif);
		color:		#000000;
		border-top: 	4px solid #C0C0C0; 
		border-bottom: 	4px solid #C0C0C0;
		text-align: 	center;
		margin-top:		0;
		padding:		0.5em;
		padding-left:	1em;
		margin-bottom:	0;
}

#teksti {	margin-top:		0;
		background:		#white;
		padding-top:	0,5em;
		padding-left:	1em;
}

#sisteksti {			margin-top:	0;
		margin-left:	200;
		background:		#white;
		padding-top:	1em;
		padding-left:	1em;
}

#kuva-em {	display:		block;
			/* muuttaa elementin määrittelemän tekstin lohkotyyppiseksi */ 
		float:		left;
			/* siirtyy seuraavan lohkoelementin viereen vasemmalle */
		width:		30%;
			/* lohkoelementin viemä leveys */
		font-family:	Arial, Helvetica, Verdana, sans-serif;
		font-size:		100%;
		color:		#333333;
		background:		transparent;
		padding-left:	1em;
}

#online {	display:		block;
			/* muuttaa elementin määrittelemän tekstin lohkotyyppiseksi */ 
		float:		left;
			/* siirtyy seuraavan lohkoelementin viereen vasemmalle */
		width:		45%;
			/* lohkoelementin viemä leveys */
		font-family:	Arial, Helvetica, Verdana, sans-serif;
		font-size:		100%;
		color:		#333333;
		padding-top:	1em;
		padding-left:	1em;
		background:		#FFFFFF;
}

#alaviite { text-align:		right;
		margin-top:		0.2em;
}


A:link { 	color:		#000080;
		background:	transparent;
}

A:active { 	color:		#FF0000;
		background: 	transparent;
}

A:visited { color:		#6A006A;
		background: 	transparent;
}

A:hover { 	color:		#0000FF;
		background:	transparent;
}

em {		font-style: 	italic;
}

strong {	font-weight: 	700;
}

ul	{	list-style-type: circle;
}

ol {		list-style-type: none;
}

hr { 		background:	transparent;
		color:		#999999;
}

.taso1 {	font-weight:	400;
		font-size:		115%;
}

.taso2 {	font-weight:	700;
		font-size:		100%;
}


.taso3 {	font-weight:	400;
		font-size:		100%;
}

.pallot { 	list-style-type: disc;
}

.ympyrat {	list-style-type: circle;
		padding-bottom:	1.5em;
}

.alkuun {	margin-top:		2em;
		margin-bottom:	3em;
}

.sijaintiurl { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8px; font-style: normal; font-weight: normal; color: #333333; 
}