body {	margin: 0; color: rgb(0,0,0);    background: rgb(242,242,242);  font-family: "Lucida Sans", Tahoma, "Palatino Linotype", "Liberation Sans", "DejaVu Sans", "Bitstream Vera Sans", Arial, Helvetica, "sans-serif";   }
td { 	padding: 0;  vertical-align: top; word-spacing: 0.1em;  letter-spacing: 0.07em;  }
table { 	border-collapse: collapse;  empty-cells: show; }

a:link {		color: rgb(10,5,152);   text-decoration: underline; }  
a:visited {	color: rgb(190,51,225); text-decoration: underline; }
a:hover {		color: rgb(230,10,20);  text-decoration: none; }


.tummahrmaa {	background: rgb(99,99,99);  }
.vaaleaharmaa {	background: rgb(222,222,222);  }
.valkea {		color: rgb(255,255,255);  }
.punainen {	color: rgb(230,10,20);  }

.malleja {	
border-width: 11px 11px 11px 11px;  border-color: rgb(111,111,111);  border-style: solid;   	
font-size: 87%;  margin: 15px 7% 5px 40px; padding: 0 0 0 0;   line-height: 155%;   
}
.vaaleakellertavatausta {	background: rgb(255,230,179); 	}
.keskikellertavareuna {  	background: rgb(255,204,128);   	}
.tummanruskea {	 	background: rgb(102,26,0);   		}








/*    sivurakenne    30    oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo    */

.sivualue {	width: 100%; max-width: 1400px;   margin: 10px auto 20px auto;   display: table;  box-sizing: border-box;  }
.ylinalue {	width: 100%;  margin-top: 11px; padding-bottom: 12px; background-image: url(kuvat/logo-tausta.jpg);   border-width: 22px 0 2px 0;  border-color: rgb(102,26,0);   border-style: solid;   	  display: table;  float: left;   box-sizing: border-box;   }
.sidealue {	width: 100%; background: rgb(255,230,179);   border-width: 0px 0 11px 0;  border-color: rgb(102,26,0);   border-style: solid; display: table;  box-sizing: border-box;  }
.vasenalue {	width: 10%;  float: left;   display: table;  box-sizing: border-box;  }
.keskialue {	width: 80%;  padding: 33px 3% 33px 7%;  border-width: 0px 22px;  border-color: rgb(255,204,128);  border-style: solid;   background: rgb(250,250,250);  float: left;  display: table;  box-sizing: border-box; }
.oikeaalue {	width: 10%;  float: left;   display: table;  box-sizing: border-box;  }












/*   perustekstit   50  oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo    */

h1 {		font-size: 188%;  padding: 88px 10px 22px 7%; margin: 0;   color: rgb(0,0,0);    text-shadow: 1px 1px rgb(255,255,255);   color: rgb(255,255,255);   text-shadow: 1px 1px   rgb(0,0,0);   }
h2 {		font-size: 150%;  padding: 40px 0% 25px  0%;  	margin: 0;	color: rgb(0,0,0);     box-sizing: border-box; }
h3 {		font-size: 120%;  padding: 45px 0% 15px  0%; 	margin: 0;	color: rgb(0,0,0);      box-sizing: border-box;  }
h5 {		font-size: 120%;  padding: 0px 0% 15px  0%; 	margin: 0;	color: rgb(0,0,0);   font-variant: small-caps; font-weight: normal;    box-sizing: border-box;  }
.ingressi{	font-size: 117%;  padding: 15px 0% 5px   0%; 	margin: 0;  font-style: italic;  box-sizing: border-box;  }
p {		font-size: 107%;   padding: 15px 0% 5px   0%; 	margin: 0;   box-sizing: border-box;  }
.teksti {	font-size: 102%;   padding: 0px;  			margin: 10px 0px 0px 0px;   line-height: 155%;    }
.pampula {	font-size: 97%;   padding: 0px 0px 0px 31px;  	margin: 15px 0% 5px 0%;  background-image: url(kuvat/musta-8.png);  background-position: 0 0.33em;  background-repeat: no-repeat;   box-sizing: border-box; }










/*   ylin reuna ja imageosa   70  oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo    */

.vaakuna {	margin: 11px 30px 11px 10px;  width: 122px;  float: right;    }
.pvm {	margin: 0px 10px; font-size: 85%;  float: right;  }

.paluuelementti { 	margin: 4px 10px;   font-size: 85%;  float: left;  }
.paluulinkki:link { 	color: rgb(102,26,0);    text-decoration: none;  }
.paluulinkki:visited { 	color: rgb(120,140,201); text-decoration: none;  }
.paluulinkki:hover { 	color: rgb(102,26,0);    text-decoration: underline;  }











/*   navigointi   90  oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo    */

.navilohko {	  	width: 736px;  margin: 0 auto 0 auto;  display: table;  box-sizing: border-box;   }
.naviele {	  		width: 180px;  margin-left: 4px; font-size: 111%;  border-radius: 22px;  background: rgb(102,26,0);   text-align: center;  display: table;   float: left;   box-sizing: border-box;   }
.navilinkki:link { 	color: rgb(255,255,255);  border-radius: 22px;  	text-decoration: none;    }
.navilinkki:visited { 	color: rgb(202,202,202);  border-radius: 22px;  	text-decoration: none;   }
.navilinkki:hover { 	color: rgb(0,0,0); 	  border-radius: 22px;   background: rgb(255,204,128);   text-decoration: none;   }
.navilinkki {		padding: 0.5em 1em 0.5em 1em;    display: block;   box-sizing: border-box;   }


.tonttilinkkiele {	margin: 0 0 11px 11%;  }
.tonttilinkki:link { 	color: rgb(102,26,0);   	text-decoration: none;    }
.tonttilinkki:visited { color: rgb(111,111,111);   	text-decoration: none;   }
.tonttilinkki:hover { 	color: rgb(102,26,0); 	     text-decoration: underline;   }


.navinelioylempi {	 display: none;  margin: 3px; position: fixed; font-size: 133%;  top: 0px;  float: left;  max-width: 50px;   }
.navineliolinkki {	 margin: 1px; border-width: 1px;  border-color: rgb(234,234,234); border-style: solid;  }
.navineliolinkki:link { 	width: 1em; padding: 0.1em 0.3em 0.3em 0.3em; text-align: center;  border-radius: 1em;  color: rgb(255,255,255);  background: rgb(102,26,0);    display: block;  text-decoration: none;    }
.navineliolinkki:visited { 	width: 1em; padding: 0.1em 0.3em 0.3em 0.3em; text-align: center;  border-radius: 1em;  color: rgb(202,202,202);  background: rgb(102,26,0);   display: block;  text-decoration: none;    }
.navineliolinkki:hover { 	width: 1em; padding: 0.1em 0.3em 0.3em 0.3em; text-align: center;  border-radius: 1em;  color: rgb(0,0,0);  background: rgb(255,204,128);   display: block;  text-decoration: none;    }
.navinelioalempi {	 position: fixed; margin: 3px;  font-size: 133%;  bottom: 0px;  float: left;    }








/*   kuvat   120  oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo    */

.kellueleingressi {	width: 35%;  margin: 45px 0 11px 33px;    float: right;  box-sizing: border-box;   }
.kelluele {	  		width: 35%;  margin: 55px 0 20px 33px;    float: right;  box-sizing: border-box;   }
.kellueleetusivu {	width: 25%;  margin: 15px 0 20px 33px;     }
.kellukuva { 		display: block;  width: 100%;	  }
.kellukuvateksti {	font-size: 92%;  	 padding: 5px 0px 22px 1px;   margin: 0px;     }
.leveekuva {		width: 100%;  }
.kuvateksti {	font-size: 92%;  	 padding: 5px 0px 22px 1px;   margin: 0px;     }
.kellueleingressi1 {	width: 35%;  margin: 15px 0 0px 33px;     float: right;   border-width: 1px;  border-color: rgb(111,111,111);  border-style: dotted;   	  box-sizing: border-box;   }
.kellueletontit {	 margin: -4px 0 20px 33px;     }









/*     erikoisuuksia   140     oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo    */

.yhteystiedot {	padding: 25px 5% 11px 5%;   margin: 33px 0 0 0;   background: rgb(234,234,234);  border-width: 5px 0 0 0;  border-color: rgb(55,55,55);  border-style: solid;   box-sizing: border-box;   }
.teksti-pieni {	font-size: 92%;  	 padding: 5px 0px 12px 1px;   margin: 0px;     }

.kirjalohko {	padding: 33px 9% 44px 9%;   margin: 55px 0;   background: rgba(255,230,179, 0.2);  border-width: 1px;  border-color: rgb(102,26,0);  border-style: solid;   box-sizing: border-box;   }
.kirjalohko2 {	background: rgba(211,233,255, 0.2);     }
.kirja {	 font-size: 107%;   padding: 15px 0% 5px   0%; 	margin: 0;   box-sizing: border-box;  }
.kirja1 {	 font-size: 107%;   padding: 15px 0% 5px   0%; 	margin: 0;   box-sizing: border-box;  }
.kirja2 {	 font-size: 133%;  font-weight: bold;  padding: 15px 0% 5px   0%; 	margin: 0;   box-sizing: border-box;  }
.kirja3 {	 font-size: 122%;   padding: 15px 0% 5px   0%; 	margin: 0;   box-sizing: border-box;  }
.kirja5 {	 font-size: 107%;   padding: 15px 0% 5px   0%; 	margin: 0;   box-sizing: border-box;  }
.kirja6 {	 font-weight: bold;  font-size: 107%;   padding: 45px 0% 5px   0%; 	margin: 0;   box-sizing: border-box;  }
.kirjaele {	 float: right; margin: 15px 0 5px  22px;  width: 33%;   }
.kirjakuva {	width: 100%;	  }









/*       kestotietoa   150      oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo    */

.keskitetty {	text-align: center; }
.keskitettykuva {	margin-left: auto;  margin-right: auto; }
.vasemmalle {	text-align: left; }
.vahvennettu {	font-weight: bold;  }
.erotin {		width: 100%;  height: 1px;  display: block; }
.erotin3 {	display: none;   width: 100%;  height: 1px;  }
.yhdessa {	white-space:nowrap;	}


.rako6000 {	margin-top: 60px; }
.rako5000 {	margin-top: 50px; }
.rako4000 {	margin-top: 40px; }
.rako3000 {	margin-top: 30px; }
.rako2000 {	margin-top: 20px; }
.rako1000 {	margin-top: 10px; }

.rako0020 {	margin-bottom: 20px; }
.rako0030 {	margin-bottom: 30px; }
.rako0040 {	margin-bottom: 40px; }
.rako000300 {	margin-bottom: 300px; }

.sisus5000 {	padding-top: 50px; }
.sisus4000 {	padding-top: 40px; }
.sisus3000 {	padding-top: 30px; }
.sisus2000 {	padding-top: 20px; }

.sisus0040 {	padding-bottom: 40px; }
.sisus0030 {	padding-bottom: 30px; }
.sisus0020 {	padding-bottom: 20px; }

.sisennys4000 { padding-left: 40px;  padding-right: 0;  }
.sisennys2000 { padding-left: 20px;  padding-right: 0;  }

.nega3000 {	margin-top: -30px; }
.nega2000 {	margin-top: -20px; }
.nega1000 {	margin-top: -10px; }
.nega0500 {	margin-top: -5px; }









						@media only screen and (max-width: 1000px) {	/*	1000   ======================================================================================	*/



/*    sivurakenne    30    oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo    */

.vasenalue {	width: 2%;    }
.keskialue {	width: 96%;  padding: 33px 3% 33px 7%;  border-width: 0px 6px;  }
.oikeaalue {	width: 2%;    }


/*   perustekstit   50  oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo    */
/*   ylin reuna ja imageosa   70  oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo    */
/*   navigointi   90  oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo    */

.navilohko {	width: 608px;    }
.naviele {	  	width: 150px;  margin-left: 2px; font-size: 111%;    }


/*   kuvat   120  oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo    */

.kellueleingressi {	width: 35%;   }
.kelluele {	  		width: 35%;    }
.kellueleetusivu {	width: 30%;    }

/*     erikoisuuksia   140     oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo    */

/*       kestotietoa   150      oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo    */




						}













						@media only screen and (max-width: 700px) {	/*	700   ======================================================================================	*/



/*    sivurakenne    30    oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo    */

.sidealue {		border-width: 0px 0 7px 0;   }
.vasenalue {	width: 0%;    }
.keskialue {	width: 100%;  padding: 33px 3% 33px 7%;  border-width: 0px 12px;  }
.oikeaalue {	width: 0%;    }


/*   perustekstit   50  oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo    */

h1 {		padding: 28px 10px 22px 7%;    }

/*   ylin reuna ja imageosa   70  oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo    */
/*   navigointi   90  oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo    */

.navilohko {	width: 90%;  margin-left: 5%;    }
.naviele {	  	width: 38%;  margin: 11px 6%;    }
.tonttilinkkiele {	width: 95%;  float: left;   margin: 0 0 21px 5%;  }



/*   kuvat   120  oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo    */

.kellueleingressi {	width: 70%;  margin: 45px 18% 0px 12%;    }
.kelluele {	  		width: 70%;  margin: 55px 18% 20px 12%;    }
.kellueleetusivu {	width: 70%;  margin: 15px 18% 20px 12%;    }
.kellueleingressi1 {	display: table;  width: 100%;   }


/*     erikoisuuksia   140     oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo    */

.kirjaele {	 float: none; margin: 25px 0% 15px  0%;  width: 100%;   }

/*       kestotietoa   150      oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo    */

.erotin3 {	width: 100%;  height: 1px;  display: block; }


						}












						@media only screen and (max-width: 500px) {	/*	500   ======================================================================================	*/



/*    sivurakenne    30    oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo    */

.vasenalue {	width: 0%;    }
.keskialue {	width: 100%;  padding: 33px 3% 33px 7%;  border-width: 0px 2px;  }
.oikeaalue {	width: 0%;    }

/*   perustekstit   50  oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo    */

h1 {		padding: 28px 10px 22px 7%;    }

/*   ylin reuna ja imageosa   70  oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo    */
/*   navigointi   90  oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo    */

.navilohko {	width: 98%;  margin-left: 1%;    }
.naviele {	  	width: 46%;  margin: 11px 1%;    }
.navilinkki {	padding: 0.5em 0.5em 0.5em 0.5em;     }
.tonttilinkkiele {	width: 100%;  float: left;   margin: 0 0 31px 0%;  }


/*   kuvat   120  oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo    */

.kellueleingressi {	width: 100%;  margin: 1px 0 0px 0;     }
.kelluele {	  		width: 100%;  margin: 1px 0 20px 0;    }
.kellueleetusivu {	width: 100%;  margin: 15px 0 20px 0;    }
.kellueleingressi1 {	display: table;  width: 100%;   }

/*     erikoisuuksia   140     oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo    */

.kirjaele {	 float: none; margin: 25px 0% 15px  0%;  width: 100%;   }

/*       kestotietoa   150      oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo    */

.erotin3 {	width: 100%;  height: 1px;  display: block; }



						}