body {	margin: 0px;   background-image: url(kuvat/tausta.png);  
		font-family: Kalevala, Verdana, "Liberation Sans", "Bitstream Vera Sans", Arial, Helvetica, "sans-serif";  
		word-spacing: 0.08em;  letter-spacing: 0.05em;  }
td { 		padding: 0px;    }
table { 	border-collapse: collapse; }





/*    taitto    --------------------------------------------------------------------------------------    */

.sivu  { max-width: 900px;  margin: 0 auto 0 auto;  }

.vasenreunus  {  	width: auto;   }
.leveevasen {  	background-color: rgb(200,200,200);   width: 4%;  border-width: 0px 1px 0px 1px;  border-color: rgb(255,255,255);  border-style: solid; }
.kapeevasen{	background-color: rgb(200,200,200);  width: 1%; border-width: 0px 1px 0px 0px;  border-color: rgb(255,255,255);  border-style: solid;  }
.ohutviiva {  	background-color: rgb(200,200,200); width: 1px;  }
.marginaali {  	background-color: rgb(255,255,255);	width: 0;  }
.kapeeoikea  {  	background-color: rgb(200,200,200);  width: 1%; border-width: 0px 0px 0px 1px;  border-color: rgb(255,255,255);  border-style: solid; }
.leveeoikea  {   	background-color: rgb(200,200,200);   width: 4%;  border-width: 0px 1px 0px 1px;  border-color: rgb(255,255,255);  border-style: solid; }
.oikeareunus  {   width: auto;   }









/*    tekstiosa    --------------------------------------------------------------------------------------    */

.tekstiosa  {   	padding: 20px 0 40px 0; background-color: rgb(255,255,255);	  }
.ei {	padding-bottom: 900px; }



h1 { 	font-size: 190%;  color: rgb(0,0,0);   text-align: left;    
	margin: 60px 10px 30px 20px;  padding: 0px;  font-weight: normal;   }
h2 { 	font-size: 130%; color: rgb(0,0,0);  margin: 40px 0px 30px 0px;  padding: 0 6% 0 7%; font-weight: normal; text-shadow: rgb(162,162,162) 0.1em 0.1em 0.2em;  text-align: left;   }


.jaettu1 { 	font-size: 140%; color: rgb(0,0,0);  margin: 20px 0px 0px 0px;  padding: 0px 50px 0px 50px; font-weight: bold; 
		text-align: left;   text-shadow: rgb(255,255,255) 0.1em 0.1em 0.2em;   }
.jaettu2 { 	font-size: 130%; color: rgb(0,0,0);  margin: 30px 50px 20px 50px;  padding: 0px 50px 0px 50px; font-weight: normal; 
		text-align: center; text-shadow: rgb(162,162,162) 0.1em 0.1em 0.2em;   
		border-width: 1px;  border-color: rgb(200,200,200);  border-style: solid; }

.ylarako {	margin-top: 50px; }
.vaakaviiva {	margin: 60px 0px 0px 0px;  padding:  20px 0px 10px 0px; 
			border-width: 1px 0px 0px 0px;  border-color: rgb(200,200,200);  border-style: solid; }
h3  { font-size: 110%; color: rgb(0,0,0);  margin: 60px 0px 0px 0px;  padding: 20px 0px 30px 0px;  
	border-width: 1px 0px 0px 0px;  border-color: rgb(200,200,200);  border-style: solid; text-align: left;  }



p { 	font-size: 94%;  margin: 5px 0px 0px 0px;   padding: 0px;   line-height: 150%;  text-align: left;   }
p.western {	text-indent: 30px;  margin-top: 5px; padding: 0 6% 0 7%; }
.antiikva { font-size: 94%;  margin: 5px 0px 0px 0px;   padding: 0px;   line-height: 150%;  text-align: left;  
		font-family: Georgia, "Bitstream Charter", "Century Schoolbook L", "Liberation Serif", "Times New Roman", serif; }
.tasaleveys{font-size: 94%;  margin: 5px 0px 0px 0px;   padding: 0px;   line-height: 150%;  text-align: left;   
		font-family: "Courier New", Courier, FreeMono, "Nimbus Mono L", "Liberation Mono", monospace; }



.teksti { 	font-size: 97%;  margin: 5px 0px 0px 0px;  padding-right: 50px; padding-left: 50px;   text-indent: 30px;   }
.etusivuteksti { 	font-size: 97%;  margin: 5px 50px 0px 50px;  padding: 0px;  text-indent: 30px;   }
.rako {	margin-bottom: 20px; }
.runo {	font-size: 102%;  margin: 10px 20px 20px 150px;  padding: 0px;  font-style: italic;  line-height: 140%;
	font-family: Georgia,"Bitstream Charter","Century Schoolbook L","Liberation Serif",Times,serif; }
.western:hover { 	background-color: rgb(235,235,235);  }
.teksti:hover { 	background-color: rgb(235,235,235);  }
.allekirjoitus {	margin: 50px; font-style: italic;  font-size: 120%; 
			font-family: Georgia,"Bitstream Charter","Century Schoolbook L","Liberation Serif",Times,serif; }

.pvm {	font-size: 77%; margin: 5px 0px 0px 30px;  max-width: 190px; }







.boxi {	text-align: left; margin: 35px 0px 0px 0;  padding: 11px 20px 15px 20px; 
		box-sizing: border-box; font-size: 91%; background-color: rgb(255,255,255);   width: 100%; 
		border-width: 1px 1px 1px 1px;  border-color: rgb(200,200,200);  border-style: dotted;  }
.boxiotsikko { 	font-size: 110%; color: rgb(0,0,0);  margin: 10px 0px 10px 0px;  padding: 0px; font-weight: bold; 			text-align: left;   text-shadow: none; }
.boxiteksti {	margin: 12px 0px 12px 0px; }





.alaboxi {		margin: 0px 50px 30px 50px;  font-style: italic;  background-color: rgb(244,244,244);   
			padding: 9px 0px 9px 0px; 
			font-family: Georgia,"Bitstream Charter","Century Schoolbook L","Liberation Serif",Times,serif;
			border-width: 1px 1px 1px 1px;  border-color: rgb(200,200,200);  border-style: dotted;  }
.alaboxiteksti { 	font-size: 97%;  padding: 5px 20px 10px 20px;  margin: 0px;    }

.alaboxiotsikko{ 	font-weight: bold; font-size: 107%;    }

.alalause {		margin: 0px 50px 30px 50px;  font-size: 88%;  background-color: rgb(244,244,244);   
			text-align: left; padding: 7px 40px 5px 30px;  }




.fb-ele {		margin: 20px 50px 30px 50px;     }
.fbelementti2 {	text-align: center;  background-color: rgb(244,244,244);   
			margin: 20px 1% 30px 1%;  width: 80%; 
			background-image: url(kuvat/kalevala.jpg);  background-position: 60% 30%;  box-sizing: border-box;
			border-radius: 17px;  padding: 7px 16px 7px 16px; 
			border-width: 1px;  border-color: rgb(55,16,0); border-style: solid;	    }	
.fbteksti2 {	font-weight: bold; margin: 20px 0px 10px 0px;  color: rgb(244,244,244); text-shadow: rgb(0,0,0) 0.1em 0.1em 0.2em;    }	
.fb-like {	   	margin: 10px 0px; }
.fbelementti3 {	text-align: center;  background-color: rgb(255,255,255);  margin: 20px 1% 30px 1%;  width: 80%;  float: left;
			border-radius: 17px;  padding: 17px 16px 0px 16px;  vertical-align: center; 
			border-width: 1px;  border-color: rgb(55,16,0); border-style: solid;	 box-sizing: border-box;    }	








.alaotsikko {	margin: 0px 50px 0px 50px;  font-size: 108%;  background-color: rgb(244,244,244);   
			text-align: left; padding: 7px 40px 5px 30px;  }
.alaboxi2 {		text-align: left; margin: 0px 50px 30px 50px;  font-style: italic;  background-color: rgb(244,244,244);   
			padding: 9px 0px 9px 0px; 
			font-family: Georgia,"Bitstream Charter","Century Schoolbook L","Liberation Serif",Times,serif;
			border-width: 1px 1px 1px 1px;  border-color: rgb(200,200,200);  border-style: dotted;  }
.alaboxiteksti2 { font-size: 97%;  padding: 5px 20px 10px 20px;  margin: 0px;    }





/*    kuvat    -------------------------------------------------------------------------------------------    */

.alkukuva {		  }
.pystykuva {	width: 25%; float: right;  margin: 15px 0px 30px 40px; }
.vaakakuva {	width: 100%; margin: 25px 0px 30px 0px; }
.loppukuva {	width: 100%; margin: 30px 0px 10px 0px; }
.oikeakuva {	margin: 5px 5px 5px 30px; }








/*    linkit    ------------------------------------------------------------------------------------------    */

.linkkitaulu {		margin: 20px 0px 20px 0px; width: 100%;  font-size: 90%;	border-width: 1px 0px 1px 0px;  border-color: rgb(200,200,200);  border-style: solid;  }
.vasenlinkkisolu {	padding: 0px 0px 0px 20px;  text-align: left;   }
.keskilinkkisolu {	text-align: right;  padding-right: 20px; 	  }
.oikealinkkisolu {	width: 20%; text-align: right;  padding-right: 20px; 	  }


a:link { 	color: rgb(6,9,125);      text-decoration: underline; }  
a:visited {	color: rgb(153,151,204);  text-decoration: underline; }
a:hover {	color: rgb(222,25,18);	  text-decoration: none; }

.alalinkki { 	text-align: center; font-size: 98%;  margin: 33px 0px 30px 0px;   line-height: 283%; }
.sisaltolinkki{ 	text-align: left;  font-size: 88%;	margin: 5px 0px 5px 30px;   }




.taustalinkki:link { 	color: rgb(0,0,0);       text-decoration: none;  padding: 0.5em 1.2em 0.5em 1.2em;   border-radius: 2em;  background: linear-gradient(rgb(25,171,0), rgb(212,239,207) ); border-width: 1px;  border-color: rgb(55,55,55); border-style: solid;   }  
.taustalinkki:visited{	color: rgb(0,0,0);   	text-decoration: none;  padding: 0.5em 1.2em 0.5em 1.2em;   border-radius: 2em;  background: linear-gradient(rgb(25,171,0), rgb(212,239,207) ); border-width: 1px;  border-color: rgb(55,55,55); border-style: solid;  }
.taustalinkki:hover {	color: rgb(0,0,0);   	text-decoration: none;  padding: 0.5em 1.2em 0.5em 1.2em;   border-radius: 2em;  background: linear-gradient(rgb(255,5,0),  rgb(255,220,221) ); border-width: 1px;  border-color: rgb(55,55,55); border-style: solid;  }
.valkeateksti {		color: rgb(0,0,0);   	text-decoration: none;  padding: 0.5em 1.2em 0.5em 1.2em;    }

.taustalinkki2:link { 	font-size: 155%;  font-weight: bold;  color: rgb(0,0,0);        	text-decoration: none;  padding: 1.2em 1.2em 1.2em 1.2em;   border-radius: 2em;  background: linear-gradient(rgb(25,171,0), rgb(212,239,207) ); background: radial-gradient(circle, rgb(212,239,207) 30%, rgb(25,171,0) );border-width: 1px;  border-color: rgb(55,55,55); border-style: solid;   }  
.taustalinkki2:visited{	font-size: 155%;  font-weight: bold;  color: rgb(111,111,111);  	text-decoration: none;  padding: 1.2em 1.2em 1.2em 1.2em;   border-radius: 2em;  background: linear-gradient(rgb(25,171,0), rgb(212,239,207) ); background: radial-gradient(circle, rgb(212,239,207) 30%, rgb(25,171,0) );border-width: 1px;  border-color: rgb(55,55,55); border-style: solid;  }
.taustalinkki2:hover {	font-size: 155%;  font-weight: bold;  color: rgb(0,0,0);  		text-decoration: none;  padding: 1.2em 1.2em 1.2em 1.2em;   border-radius: 2em;  background: linear-gradient(rgb(255,5,0),  rgb(255,220,221) ); background: radial-gradient(circle, rgb(255,220,221) 30%, rgb(255,5,0) );  border-width: 1px;  border-color: rgb(55,55,55); border-style: solid;  }
.valkeateksti2 {		font-size: 155%;  font-weight: bold;  color: rgb(255,255,255);  	text-decoration: none;  padding: 1.2em 1.2em 1.2em 1.2em;    }


.taustalinkki3:link { 	font-size: 155%;  font-weight: bold;  color: rgb(0,0,0);        	text-decoration: none;  padding: 1.2em 1.5em 1.2em 1.5em;   border-radius: 2em;  background: linear-gradient(rgb(25,171,0), rgb(212,239,207) ); background: radial-gradient(circle, rgb(212,239,207) 30%, rgb(25,171,0) );border-width: 1px;  border-color: rgb(55,55,55); border-style: solid;   }  
.taustalinkki3:visited{	font-size: 155%;  font-weight: bold;  color: rgb(111,111,111);  	text-decoration: none;  padding: 1.2em 1.5em 1.2em 1.5em;   border-radius: 2em;  background: linear-gradient(rgb(25,171,0), rgb(212,239,207) ); background: radial-gradient(circle, rgb(212,239,207) 30%, rgb(25,171,0) );border-width: 1px;  border-color: rgb(55,55,55); border-style: solid;  }
.taustalinkki3:hover {	font-size: 155%;  font-weight: bold;  color: rgb(0,0,0);  		text-decoration: none;  padding: 1.2em 1.5em 1.2em 1.5em;   border-radius: 2em;  background: linear-gradient(rgb(255,5,0),  rgb(255,220,221) ); background: radial-gradient(circle, rgb(255,220,221) 30%, rgb(255,5,0) );  border-width: 1px;  border-color: rgb(55,55,55); border-style: solid;  }
.valkeateksti3 {		font-size: 155%;  font-weight: bold;  color: rgb(255,255,255);  	text-decoration: none;  padding: 1.2em 1.2em 1.2em 1.2em;    }










/*    200 etusivun taitto    --------------------------------------------------------------------------------------    */

.etusivu  { background-color: rgb(55,16,0);   color: rgb(230,230,230); }

.etusivu-vasenreunus   {   width: auto;   }
.etusivu-leveevasen {  	background-color: rgb(55,16,0); width: 4%; border-width: 0px 1px 0px 1px;  border-color: rgb(55,16,0);  border-style: solid; }
.etusivu-kapeevasen{	background-color: rgb(55,16,0); width: 1%; border-width: 0px 1px 0px 0px;  border-color: rgb(55,16,0);  border-style: solid;  }
.etusivu-ohutviiva {  	background-color: rgb(55,16,0); width: 1px;  }
.etusivu-marginaali {  	background-color: rgb(55,16,0); width: 0%;  }
.etusivu-kapeeoikea  {  background-color: rgb(55,16,0); width: 1%; border-width: 0px 0px 0px 1px;  border-color: rgb(55,16,0); border-style: solid; }
.etusivu-leveeoikea  {  background-color: rgb(55,16,0); width: 4%; border-width: 0px 1px 0px 1px;  border-color: rgb(55,16,0);  border-style: solid; }
.etusivu-oikeareunus   {   width: auto;   }




/*    etusivun linkit    ------------------------------------------------------------------------------------------    */

.etusivu-linkkitaulu {	margin: 20px 0px 20px 0px; width: 100%;  font-size: 80%;	
				border-width: 1px 0px 1px 0px;  border-color: rgb(200,200,200);  border-style: solid;  }
.etusivu-alalinkki { 		text-align: right;  font-size: 98%;	 margin: 20px 50px 30px 0px;   }
.etusivu-sisaltolinkki{ 	color: rgb(240,235,230); text-align: center;   margin: 2em 0 0em 0;   }

.vasenlinkkisoluetusivulla {	  } 
.keskilinkkisoluetusivulla {	padding: 10px 0px 10px 20px;  text-align: left;  }
.oikealinkkisoluetusivulla {	text-align: right;  padding-right: 50px; 	  }

.etusivulinkki:link { 		color: rgb(230,230,230); text-decoration: underline;  }  
.etusivulinkki:visited {	color: rgb(208,166,188);  text-decoration: none;       }
.etusivulinkki:hover {		color: rgb(255,255,255);  text-decoration: none;  	 }

.etusivulinkki2:link { 		color: rgb(0,0,0);        	text-decoration: none;  padding: 5px 17px 5px 17px;   border-radius: 17px;  background: linear-gradient(rgb(25,171,0), rgb(255,255,255) 50%, rgb(25,171,0) ); border-width: 1px;  border-color: rgb(111,111,111); border-style: solid;   }  
.etusivulinkki2:visited {	color: rgb(111,111,111);  	text-decoration: none;  padding: 5px 17px 5px 17px;   border-radius: 17px;  background: linear-gradient(rgb(25,171,0), rgb(255,255,255) 50%, rgb(25,171,0) ); border-width: 1px;  border-color: rgb(111,111,111); border-style: solid;  }
.etusivulinkki2:hover {		color: rgb(0,0,0);  		text-decoration: none;  padding: 5px 17px 5px 17px;   border-radius: 17px;  background: linear-gradient(rgb(255,71,0), rgb(255,255,255) 50%, rgb(255,71,0) ); border-width: 1px;  border-color: rgb(111,111,111); border-style: solid;  }




/*   etusivun tekstiosa    --------------------------------------------------------------------------------------    */

.huudahdus {	font-size: 170%;  margin: 0; padding: 30px 50px 0px 10px;  }
.huudahdus2 {	font-size: 190%;  margin: 0px; padding: 5px 0 20px 20%;  }
.huudahdus3 {	font-size: 140%; font-style: italic;  color: rgb(240,15,30);     }
.ingressi 	{	color: rgb(240,235,230); font-size: 130%;  margin: 0.7em 0px 0.7em 0px;  padding: 1em 10px; }

.huudahdus4 {	font-size: 140%; font-style: italic;  color: rgb(240,15,30);     }
.ingressi:hover { background-color: rgb(0,0,0);  }



.etusivu-tekstiosa  {   padding-bottom: 40px; background-color: rgb(55,16,0);	text-align: left;    }
.etusivu-paaotsikko { 	font-size: 260%;  color: rgb(0,0,0);   text-align: left;    color: rgb(240,235,230);
				margin: 20px 0px 20px 0px;  padding: 30px 0px 0px 0px;  font-weight: normal;   }
.etusivu-apuotsikko { 	font-size: 160%; margin: 60px 10px 30px 10px;  padding: 30px 10px 0px 0px; 
				color: rgb(240,15,30); font-weight: normal; text-shadow: none;  text-align: left; background-color: rgb(55,16,0);	
				border-width: 1px 0px 0px 0px;  border-color: rgb(200,200,200);  border-style: solid; text-align: left;   }

.etusivu-teksti { 	font-size: 117%;  margin: 0.8em 0px 0px 0px;  padding-right: 10px; padding-left: 10px;   
				text-indent: 30px;  background-color: rgb(55,16,0);	  }
.etusivu-teksti:hover { background-color: rgb(0,0,0);  }

.etuboxi {		text-align: left; font-style: italic; margin: 36px 20px 0 30px;   line-height: 145%; 
			color: rgb(255,255,0);  font-size: 151%;  letter-spacing: 0.15em; color: rgb(240,15,30);  }
.etuboxi2 {	margin-top: 5px; color: rgb(255,255,255); font-style: italic;  }
.etuboxi3 {	margin-top: 5px;  margin-bottom: 24px; font-style: italic; }


.etusivuosa {	padding-top: 10px;  font-size: 90%; text-align: left;   }
.etusivu-ylalinkki:link { 	color: rgb(230,230,230);  text-decoration: none;  }  
.etusivu-ylalinkki:visited { 	color: rgb(208,166,188);  text-decoration: none;  }  
.etusivu-ylalinkki:hover { 	color: rgb(255,255,255);  text-decoration: underline;  }  

.etusivu-sisaltoraamit {	margin: 20px 0px 0px 0px; }
.etusivu-sisaltoele {	padding:33px 0; font-size: 111%; margin: 20px 0px 20px 0px;  box-sizing: border-box;  width: 100%;  
			background-image: url(kuvat/kalevala-etusivu3.jpg);   background-repeat: repeat;  }

.etusivu-alaboxi{	margin: 0px 50px 30px 50px;  font-style: italic;  padding: 9px 0px 9px 0px; 
			font-family: Georgia,"Bitstream Charter","Century Schoolbook L","Liberation Serif",Times,serif;
			border-width: 1px 1px 1px 1px;  border-color: rgb(200,200,200);  border-style: dotted;  }
.etusivu-alaboxiteksti { font-size: 97%;  padding: 5px 20px 10px 20px;  margin: 0px;    }
.etusivu-alaboxiotsikko{ font-weight: bold; font-size: 107%;    }


.etusivu-pystykuva {	width: 20%; float: right;  margin: 9px 0px 20px 30px;  border-width:1px;  border-color: rgb(200,200,200);  border-style: solid; }




.ylospala {	 		bottom:4px;  right:4px;  position:fixed;   box-sizing: border-box;  }
.ylosluokka:link { 	height:50px;  width:50px; color:rgb(255,255,255);  background-color:rgb(25,171,0);     background-image: url(kuvat/pyv.png);  background-repeat: no-repeat;  background-position: 50% 50%;  display: block;  text-decoration: none;    }
.ylosluokka:visited { 	height:50px;  width:50px; color:rgb(202,202,202);  background-color:rgb(25,171,0);     background-image: url(kuvat/pyv.png);  background-repeat: no-repeat;  background-position: 50% 50%;  display: block;  text-decoration: none;    }
.ylosluokka:hover { 	height:50px;  width:50px; color:rgb(255,255,255);  background-color:rgb(255,71,0);     background-image: url(kuvat/pyv.png);  background-repeat: no-repeat;  background-position: 50% 50%;  display: block;  text-decoration: none;    }
.ylosluokka {	 	border-radius:25px;  margin:1px; border-width: 1px 0 0 1px;  border-color:rgb(155,155,155);  border-style:solid;  }