body {	margin: 0; color: rgb(0,0,0);    background: rgb(200,255,5); background: linear-gradient( rgb(200,255,5), rgb(200,255,115), rgb(200,255,5) ); background: url(kuvat/tausta.jpg); 
		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;}
img {		border: 0; display: block; }

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-color: rgb(99,99,99);  }
.vaaleaharmaa {	background-color: rgb(222,222,222);  }
.vihreeraskas {	background-color: rgb(144,144,44);  }
.valkea {		color: rgb(255,255,255);  }

.punainen {		color: rgb(199,9,9);  }
.lapinakyva {	color: transparent;   }
.raamit {	border-width: 0 1px 0 0;  border-color: rgb(111,111,111);  border-style: solid;   }
.tekstimalli 	{	font-size: 87%;  margin: 15px 7% 5px 40px; padding: 0 0 0 0;   line-height: 155%;    }








/*    etusivun ja rungon rakenne    30    oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo    */


.ylintaulu {	  width: 100%;    margin: 0 0 0 0;  box-sizing: border-box;  }
.ylinvasen {	width: auto;   background: linear-gradient( rgb(33,33,33) , rgb(144,144,44) );  box-sizing: border-box;  }
.ylinkeski {	width: 1240px; background: linear-gradient( rgb(33,33,33) , rgb(144,144,44) );  box-sizing: border-box;  }
.ylinoikea {	width: auto;   background: linear-gradient( rgb(33,33,33) , rgb(144,144,44) );  box-sizing: border-box;  }




.keskitaulu {	width: 100%;   box-sizing: border-box;  }
.keskivasen {	width: auto;   box-sizing: border-box;  }
.keskikeski {	width: 1240px;  background: rgb(220,220,214);  box-sizing: border-box;  }
.keskioikea {	width: auto;   box-sizing: border-box;  }

.runkotaulu {	 width: 70%;  float: right;    box-sizing: border-box;  }
.runkotaulusolu {	 background:  rgb(251,251,251);  padding-bottom: 44px;    box-sizing: border-box;  }




.alintaulu {	margin-top: 0;  margin-bottom: 55px;  width: 100%;  border-width: 1px 0 0px 0;  border-color: rgb(173,173,159);  border-style: solid;   box-sizing: border-box;   }
.alinvasen  {	background: linear-gradient( rgb(144,144,44) , rgb(33,33,33)  );   box-sizing: border-box;  }
.alinkeski {	 width: 1240px; background: linear-gradient( rgb(144,144,44) , rgb(33,33,33)  );   box-sizing: border-box;  }
.alinoikea {	background: linear-gradient( rgb(144,144,44) , rgb(33,33,33)  );   box-sizing: border-box;  }
.alaslogan {	color: rgb(255,255,255); font-size: 87%;  padding: 22px 22px 25px 22px;  text-align: center;  font-weight: bold;     box-sizing: border-box;  }























/*   80    lohko1    ylin osa    oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo    */


.logotaulu {	width: 100%;  border-width: 0px 0 0px 0;  border-color: rgb(173,173,159);  border-style: solid;   box-sizing: border-box;   }
.logotaulusolu {	  box-sizing: border-box;   }


.logoele {		width: 444px;  margin: 0px 0 0px 0px;  padding: 33px 44px;  background: rgb(144,144,44);  float: left;  box-sizing: border-box;   }
.logokuva {	 	width: 100%;   }
.logoteksti {	font-size: 111%;  word-spacing: 0.2em;  letter-spacing: 0.1em; margin: 9px 0 0 0;   text-align: center;    }


.sloganele {	zzbackground: rgb(222,122,11);  margin: 25px 30px 0 0;  float: right;     	  }
.sloganteksti {	margin: 0px 0px 7px 0;   color: rgb(222,222,216);  font-style: italic;  text-align: right;     	  }











/*   100    lohko2    image    oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo    */

.imagekuva {	width: 100%;  	  }

















/*   120    lohko3    linkkirivi    oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo    */

.navitaulu {	 width: 30%;  float: left;  box-sizing: border-box;  }
.navitaulusolu {	 padding: 0;  box-sizing: border-box;  }

.naviele {	width: 100%;  padding: 20px;    box-sizing: border-box;  }
.navinappula {	  	zzmargin-bottom: 4px;  display: block;  font-size: 99%;   word-spacing: 0.2em;  letter-spacing: 0.17em;  border-width: 0 0 1px 0;  border-color: rgb(200,200,200);  border-style: dotted;    }
.navilinkki:link { 	color: rgb(77,77,77); 		text-decoration: none;    }
.navilinkki:visited { 	color: rgb(99,99,99); 		text-decoration: none;   }
.navilinkki:hover { 	color: rgb(255,255,255); 	background: rgb(144,144,44);   text-decoration: none;   }
.navilinkki {		padding: 1em 1em 1em 2em;    display: block;   }

.navikuvaele {	width: 100%;  padding: 20px;  box-sizing: border-box;  }
.navikuva {		width: 100%;   }



.navisivulinkki {	 position: fixed; font-size: 240%;  top: 0px;  float: left;  display: none;  max-width: 50px;   }
.navinelio {	 margin: 1px; border-width: 1px;  border-color: rgb(144,144,44); border-style: solid;  }
.navinelio:link { 	width: 1em; padding: 0em; text-align: center;  color: rgb(77,77,77);    background: rgb(220,220,214);  display: block;  text-decoration: none;    }
.navinelio:visited { 	width: 1em; padding: 0em; text-align: center;  color: rgb(99,99,99);   background: rgb(220,220,214);  display: block;  text-decoration: none;    }
.navinelio:hover { 	width: 1em; padding: 0em; text-align: center;  color: rgb(255,255,255);   background: rgb(144,144,44);  display: block;  text-decoration: none;    }
.navisivuylos {	 position: fixed; font-size: 240%;  bottom: 0px;  float: left;   zzdisplay: none;  max-width: 50px; }





















/*   teksti 160    oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo    */

h1  {		font-size: 240%; padding: 55px 0% 45px  0%;   	margin: 0;  color: rgb(144,144,44);    text-shadow: 2px 1px rgb(177,177,177);   box-sizing: border-box; }
h2 {		font-size: 140%; padding: 60px 0% 25px  0%;  	margin: 0;	color: rgb(0,0,0);      box-sizing: border-box; }
h3 {		font-size: 110%; padding: 45px 0% 15px  0%; 	margin: 0;	color: rgb(0,0,0);      box-sizing: border-box;  }
.ingressi{	font-size: 107%; padding: 15px 0% 5px   0%; 	margin: 0;  font-style: italic;  line-height: 165%;   box-sizing: border-box;  }
p {	font-size: 97%;  padding: 15px 0% 5px   0%; 		margin: 0;  line-height: 165%;     box-sizing: border-box;  }
.pampula {	font-size: 87%;  padding: 0px 0px 0px 41px;  	margin: 5px 5% 16px 7%; 	background-image: url(kuvat/vihreeraskas-11.png);  background-position: 0 0.2em;  background-repeat: no-repeat;   box-sizing: border-box; }


.yhteysotsikko {	font-size: 107%;  margin: 15px 0% 25px   0%; 	padding: 22px 44px 20px 55px;  width: 80%;  background: rgb(243,243,241);  border-width: 1px;  border-color: rgb(111,111,111);  border-style: dotted; line-height: 165%;     box-sizing: border-box;  }
.yhteystiedot {	font-size: 97%;  padding: 15px 0% 5px   10%; 	margin: 0;  line-height: 165%;     box-sizing: border-box;  }


















/*    kuvat 190    oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo    */

.kelluele {	 	width: 33%;   margin: 15px 0 11px 20px;  padding: 2px; float: right;  box-sizing: border-box;  border-width: 1px;  border-color: rgb(111,111,111);  border-style: dotted;   }
.kellukuva {	width: 100%;    }
.kelluteksti {	font-size: 77%;  margin: 0 5px 0 11px;  padding: 9px 0 11px 0px;    box-sizing: border-box;  }


.kelluelepilari {	 	width: 33%;   margin: 15px 0 11px 20px;  padding: 2px; float: right;  box-sizing: border-box;  border-width: 1px;  border-color: rgb(111,111,111);  border-style: dotted;   }

.karttaele {	 	margin: 15px 0% 25px   0%; 	padding: 22px 44px 20px 55px;  width: 80%;  background: rgb(243,243,241);  border-width: 1px;  border-color: rgb(111,111,111);  border-style: dotted;  box-sizing: border-box;   }
.kartta {	width: 266px;   }



















/*    220    alin lohko ja erikoiset    oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo    */





.galleriakuva {	margin-top: 55px;  width: 100%;  padding-top: 22px;   border-width: 1px 0 0 0;  border-color: rgb(111,111,111);  border-style: dotted;    }
.galleriaotsikko {	font-size: 110%; padding: 11px 10% 0px  1%;  	margin: 0;	color: rgb(0,0,0);      box-sizing: border-box; }
.galleriateksti {		font-size: 97%;  padding: 11px 10% 0px  1%; 	margin: 0;  line-height: normal;     box-sizing: border-box;  } 











































/*   270    kestotietoa        oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo    */


.marginaaliele {	padding: 0 8% 0 11%;  width: 100%;   box-sizing: border-box; }
.eimarginaalia {	margin-right: 0;   }




.keskitetty {	text-align: center; }
.vasemmalle {	text-align: left; }
.vahvennettu {	font-weight: bold;  }




.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; }

.marginaali4000 { margin-left: 40px;  margin-right: 0;  }
.marginaali2000 { margin-left: 20px;  margin-right: 0;  }

.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; }