.huijausraamit {	width: 100%; height: 40px; }

body {	margin: 0px;   background-color: rgb(250,250,250);  color: rgb(0,0,0); 
 		word-spacing: 0.1em;  letter-spacing: 0.07em; 
		font-family: "Bitstream Vera Sans", Arial, Helvetica, "sans-serif";  color: rgb(0,0,0); }
td { 		padding: 0px;  vertical-align: top; }
table { 	border-collapse: collapse; }


.sivu { 		width: 80%;  margin: 10px 0px 10px 0px;  
			border-width: 0px;  border-color: rgb(220,0,0);  border-style: solid; }
.vasensarake {	width: 100px;  padding-bottom: 30px;  }
.keskisarake {	padding: 4px 4px 3px 4px;  background-color: rgb(255,255,255);    
			border-width: 1px 1px 0px 1px;  border-color: rgb(0,0,0);  border-style: solid; }
.oikeasarake {	width: 4em;  padding-left: 40px; }






/*    index-sivu    ooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo    */
.index-sivu { 	margin: 10px 5px 10px 5px;   }
.lohkoylin-index{	background-color: rgb(0,0,170);  height: 80px;  vertical-align: middle;  
			background-image: url(kuvat/tausta-kellanvihree.png);   }
.otsikko-index {	font-size: 120%;  padding: 10px 30px 10px 50px;  margin: 0px 0px 0px 0px; 
			color: rgb(255,255,255);  letter-spacing: 0.1em; }
.pikkulinkkirivi{ font-size: 80%;  margin: 10px 30px 30px 0px;   }
.fontti-index {	margin: 5px 0px 15px 0px;  padding: 0px;   
			font-weight: bold;  font-size: 80%;  letter-spacing: 0.1em; }
.sivusolu-index {		padding: 2px 30px 15px 50px;    }
.lohkoalin-index {	padding: 4px; 
				border-width: 0px 1px 1px 1px;  border-color: rgb(0,0,0);  border-style: solid;  }
.index-vari {	color: rgb(128,128,0); }



.indexboxi {	margin: 0px 5px 5px 0px;  float: left;   width: 20em;   
			font-size: 80%;  display: block;  background-color: rgb(245,245,245); 
			border-width: 1px 1px 1px 1px;  border-color: rgb(128,128,0);  border-style: solid; }
.boxilinkki:link {	color: rgb(128,128,0);   text-decoration: none;  
	  			margin: 0px;  padding: 10px 20px 9px 20px;  display: block; vertical-align: top;}
.boxilinkki:visited { 	color: rgb(153,153,153);    text-decoration: none;  
	  			margin: 0px;  padding: 10px 20px 9px 20px;  display: block; vertical-align: top;}
.boxilinkki:hover { 	color: rgb(255,255,255);    text-decoration: none;  
	  			margin: 0px;  padding: 10px 20px 9px 20px;  display: block;  background-color: rgb(128,128,0);  }
.uusinlinkki {	color: rgb(230,0,0);    }



/*    perusasetukset    ooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo    */

.lohkokeski {	padding-bottom: 15px; }
.vaakaviiva {	margin-top: 2px;  padding-top: 2px;  
			border-width: 1px 0px 0px 0px;  border-color: rgb(0,0,0);   border-style: solid; } 

h1 {			font-size: 120%;  padding: 10px 50px 10px 50px;  margin: 0px 0px 0px 0px;  word-spacing: 0.13em;  letter-spacing: 0.07em; }
h2 { 			font-size: 124%;  padding: 30px 30px 10px 50px;  margin: 0px;  }
h3 { 			font-size: 100%;  padding: 24px 30px 10px 50px;  margin: 0px;  }


.teksti { 		font-size: 90%;  padding: 10px 30px 10px 50px;  margin: 0px;   }
.ingressi { 	font-size: 110%;  padding: 30px 30px 0px 50px;  margin: 0px;  font-style: italic;  
			font-family: "Liberation Serif", "Bitstream Vera Serif", "Times New Roman", serif;   }
.huomio { 		background-color: rgb(234,234,234);  margin: 15px 30px 15px 80px; padding-left: 20px; 
			border-width: 0px 0px 0px 10px;  border-color: rgb(111,111,111);   border-style: solid;}
.sisennys { 	font-size: 85%;  padding: 10px 60px 10px 100px;  margin: 0px; }
.lainaus { 		font-style: italic;  font-size: 115%;
			font-family: "Liberation Serif", "Bitstream Vera Serif", "Times New Roman", serif; } 
.lainauslohko { 	margin: 0px 30px 3px 50px;  font-style: italic;    
			font-family: "Liberation Serif", "Bitstream Vera Serif", "Times New Roman", serif; }
.alahuomautus {	font-size: 80%;  margin: 20px 30px 0px 50px; 
			border-width: 1px 0px 0px 0px;  border-color: rgb(0,0,0);   border-style: solid; }

ul, ol {		margin: 10px 50px 10px 80px;  font-size: 88%;   }
.vasenluettelo {	margin: 10px 30px 10px 50px;   }
li {  	 	padding-left: 30px;  padding-bottom: 15px;   }
.tiheeteksti { 	font-size: 90%;  padding: 5px 30px 5px 150px;  margin: 0px;   }
.mustapallo { 	font-size: 90%;  margin: 10px 100px 10px 80px; padding: 0px 0px 0px 41px; 
			background-image: url(kuvat/musta-8.png); background-position: 0 0.3em; background-repeat: no-repeat; }
.viivarako {	margin-top: 40px; text-align: center;  width: 50%;    }



/*    elementit   ooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo    */


.kelluva {		float: right;   margin: 10px 40px 20px  30px;  }
.normaalikuva {	margin: 3px 10px 20px 10px;  }					   
.vasen20 {		border-width: 0px 0px 0px 20px;  border-color: rgb(250,250,250);   border-style: solid; }


.kelluvatausta1 {		float: right;  margin: 10px 50px 10px 20px;    }
.kelluvataustasolu1 {	padding-left: 40px;   background-image: url(kuvat/seepra.gif); }


.kelluvatausta2 {		float: right;  margin: 10px 50px 10px 20px;    }
.kelluvataustasolu2 {	padding-left: 60px;   background-image: url(kuvat/peessiroso.gif); }

.pehmopoksi {		float: left;  margin: 10px 20px 10px 50px; width: 200px; }
	.pehmosolu {	text-align: center;  }
	.pehmo {		font-size: 110%;  margin: 0px; padding: 0px; font-style: italic;  
				line-height: 130%;    
				font-family: "Liberation Serif", "Bitstream Vera Serif", "Times New Roman", serif; }
	.viite {		font-variant: small-caps;  text-align: right;  font-size: 70%;  } 
	.kaarisoluylin {	background-image: url(kuvat/suoraby.gif);  width: 90%; }
	.kaarisoluoikea {	background-image: url(kuvat/suorabo.gif); }
	.kaarisolualin {	background-image: url(kuvat/suoraba.gif); }
	.kaarisoluvasen {	background-image: url(kuvat/suorabv.gif); }

.kuvataulukko10 {		margin: 10px 0px 10px 50px;  background-color: rgb(243,243,243);  
				border-width: 0px 50px 0px 0px;  border-color: rgb(250,250,250);   border-style: solid; }
	.kuvasolu11 {	width: 30px;  }
	.kuvasolu12 {	 }
	.kuvasolu13 {	 }
	.kuvateksti10 {	font-size: 80%;  padding: 5px 60px 10px 30px; }

.kuvataulukko20 {		width: 100%; margin: 10px 0px 10px 0px;  background-color: rgb(250,250,250);  
				border-width: 0px 50px 0px 50px;  border-color: rgb(250,250,250);   border-style: solid; }
	.kuvasolu21 {	padding: 0px 0px 0px 0px; 	background-color: rgb(235,235,235);}
	.kuvasolu22 {	padding: 0px 0px 0px 0px; 	background-color: rgb(235,235,235);}
	.kuvasolu23 {	padding: 0px 0px 0px 0px; 	background-color: rgb(235,235,235);}
	.kuvateksti20 {	width: 162px;  font-size: 75%;  padding: 5px 10px 5px 12px;  margin: 0px;  }











/*    LINKIT    ooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo    */


a:link {	color: rgb(0,0,102);      text-decoration: underline; }  
a:visited {	color: rgb(164,113,195);  text-decoration: underline; }
a:hover {	color: rgb(244,128,38);   text-decoration: none; }

 


.pvm {		text-align: right;  font-size: 70%;  padding: 10px 2px 40px 0px;; }

.linkkilohko-1 { 		letter-spacing: 0.07em;   width: 150px;  }
.linkkireuna {		margin: 0px 0px 1px 0px;  }
.nappula-0 {		padding: 0px;  margin: 0px; }

.nappula-1 {		font-size: 74%;  margin-bottom: 1px;  width: 100%; }
.linkki-1 { 		padding: 6px 2px 5px 22px;  	display: block;  
				background-color: rgb(240,240,240); }
.linkki-1:link { 		color: rgb(55,55,55);    	text-decoration: none;  }
.linkki-1:visited { 	color: rgb(55,55,55);    	text-decoration: none;  }
.linkki-1:hover { 	color: rgb(255,255,255);  	background-color: rgb(244,128,38);  text-decoration: none;  }

.nappula-2 {		font-size: 74%;    width: 100%;   font-variant: small-caps;    margin-bottom: 1px;   
				background-color: rgb(220,220,220);  }
.linkki-2 { 		padding: 6px 2px 5px 22px;  	display: block;  }
.linkki-2:link { 		color: rgb(55,55,55);    	text-decoration: none; }
.linkki-2:visited { 	color: rgb(204,153,255);    	text-decoration: none; }
.linkki-2:hover { 	color: rgb(255,255,255);  	background-color: rgb(244,128,38);   text-decoration: none;  }



.kuvalinkki:link { 	color: rgb(0,55,128);    	text-decoration: none;   }
.kuvalinkki:visited { 	color: rgb(204,153,255);    	text-decoration: none;   }
.kuvalinkki:hover { 	color: rgb(244,8,8);  		text-decoration: none;   }









/*    HISTORIA - sisällysluettelo   oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo    */


.historiarivi {	margin: 0px 5px 0px 50px;  padding: 7px 10px 5px 5px;  font-size: 80%;   line-height: 140%;  }
.historialinkki:link {		color: rgb(20,5,128);     display: block;  text-decoration: none;  }
.historialinkki:visited {	color: rgb(111,111,111);  display: block;  text-decoration: none;   }
.historialinkki:hover { 	color: rgb(20,5,128);     display: block;  text-decoration: underline;    }




/*    HISTORIA - sivu   oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo    */

.sivutaulukko-historia {	margin: 0px;  width: 100%; }

.lohkoylin-historia {	background-color: rgb(128,0,0);  height: 80px;  vertical-align: middle;  
				background-image: url(kuvat/tausta-tummanharmaa.png);  }
.otsikko-historia {	color: rgb(255,255,255);  }
.ingressi-historia { 	background-color: rgb(240,250,230);     
				padding: 30px 30px 20px 50px;  margin: 0px 0px 20px 0px;   text-align: center;   }
.lohkoalin-historia {	padding: 4px; 
				border-width: 0px 1px 1px 1px;  border-color: rgb(0,0,0);  border-style: solid;  }
.historia-vari {		color: rgb(128,0,0); }




.taulukko {		font-size: 80%;  margin: 10px 30px 10px 50px;  
			border-width: 1px 0px 0px 1px;  border-color: rgb(0,0,0);  border-style: solid;  }
.taulukko td {	border-width: 0px 1px 1px 1px;  border-color: rgb(0,0,0);  border-style: solid;  }
.otsikko1 {	color: rgb(0,0,0);  padding: 5px 20px 3px 10px;  background-color: rgb(228,228,228);    }
.otsikko {	color: rgb(0,0,0);  padding: 5px 10px 3px 10px;  background-color: rgb(228,228,228);   text-align: center;  }
.sarake1 {	padding: 5px 20px 3px 10px;   }
.sarake {	padding: 5px 10px 3px 20px;  text-align: right;  }
.oikealle {	text-align: right;  }







/*    IDEA    oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo    */

.sivutaulukko-idea {	margin: 0px;  width: 100%;	
				border-width: 0px 0px 0px 0px;  border-color: rgb(0,0,0);   border-style: solid;  }
.lohkoylin-idea {	background-color: rgb(0,0,128);  height: 80px;  vertical-align: middle;  
			background-image: url(kuvat/tausta-sininen.png);  }
.otsikko-idea {	text-align: center;  color: rgb(248,250,255); }
.ingressi-idea { 	font-size: 90%;  background-color: rgb(228,245,255);     
			padding: 30px 80px 20px 80px;  margin: 0px 0px 20px 0px;   text-align: center;   }
.lohkoalin-idea {	padding: 4px; 
			border-width: 0px 1px 1px 1px;  border-color: rgb(0,0,0);  border-style: solid; }
.idea-vari {	color: rgb(0,0,128); }





/*    MIELIPIDE    oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo    */

.sivutaulukko-mielipide {	margin: 0px;  width: 100%; 	
					border-width: 0px 0px 0px 0px;  border-color: rgb(0,0,0);  border-style: solid;  }
.lohkoylin-mielipide {	background-color: rgb(128,0,128);  height: 80px;  vertical-align: middle;  
				background-image: url(kuvat/tausta-violetti.png);  }
.otsikko-mielipide {	text-align: center;  color: rgb(255,244,255);   }
.ingressi-mielipide { 	font-size: 90%;  background-color: rgb(245,224,245); 
				padding: 30px 80px 20px 80px;  margin: 0px 0px 20px 0px;   text-align: center;   }

.lohkoalin-mielipide {	padding: 4px; 
				border-width: 0px 1px 1px 1px;  border-color: rgb(0,0,0);  border-style: solid; }
.slogan-mielipide { 	font-size: 80%;  padding: 7px 30px 7px 50px;  margin: 0px;  color: rgb(230,255,200);  }
.mielipide-vari {		color: rgb(128,0,128); }





/*    OIVALLUS    oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo    */

.sivutaulukko-oivallus {	margin: 0px;  width: 100%;	
					border-width: 0px 0px 0px 0px;  border-color: rgb(0,0,0);   border-style: solid;  }
.lohkoylin-oivallus {	background-color: rgb(0,128,0);  height: 80px;  vertical-align: middle;  
				background-image: url(kuvat/tausta-vihree.png);  }
.otsikko-oivallus {	text-align: center;  color: rgb(250,255,240);  }
.ingressi-oivallus { 	font-size: 90%;  background-color: rgb(220,245,160);  
				padding: 30px 80px 20px 80px;  margin: 0px 0px 20px 0px;  text-align: center;   }

.lohkoalin-oivallus {	padding: 4px; 
				border-width: 0px 1px 1px 1px;  border-color: rgb(0,0,0);  border-style: solid; }
.slogan-oivallus { 	font-size: 80%;  padding: 7px 30px 7px 50px;  margin: 0px;  color: rgb(230,255,200);  }
.oivallus-vari {		color: rgb(0,128,0); }









/*    värivarasto    oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo    */

.oooooo { background-color: 	 	}

.tumman-sininen { background-color: 	rgb(0,0,170); 	}
.hover-sininen {  background-color: 	rgb(120,140,201); }
.linkki-sininen { background-color: 	rgb(0,0,105);	}
.vaalean-sininen { background-color: 	rgb(180,210,251);	}

.vahva-oranssi {  background-color: 	rgb(244,128,38); 	}
.haalea-oranssi { background-color: 	rgb(255,208,160); }

.huomautus-fontti {	font-family: "Liberation Serif", "Bitstream Vera Serif", "Times New Roman", serif; } 
.vakio-fontti { 		font-family: "Liberation Sans" "Bitstream Vera Sans", "Arial", sans-serif;  }