body {	margin: 0; color: rgb(0,0,0);   background-color:  rgb(111,111,111);  font-family:Arial, Helvetica, "sans-serif";     }
.linkkisivu {	 background-color: rgb(177,177,177);   }

td { 		padding: 0;  vertical-align: top; word-spacing: 0.1em;  letter-spacing: 0.07em;  }
table { 	border-collapse: collapse;  empty-cells: show;}
img {	display: block;  border: 0; }
* 	{	box-sizing:border-box; 	}

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




.peruspuna {   background-color:  rgb(220,20,10);  }
.viininpuna {   background-color:  rgb(123,14,7);  }
.tummapuna {   background-color:  rgb(143,14,7);  }
.sinappi {   background-color:  rgb(219,126,11);  }
.ruskee {   background-color:  rgb(143,82,7);  }
.likimusta {   background-color:  rgb(36,36,36);  }
.harmaa {   background-color:  rgb(219,219,219);  }


.vaaleapuna {  background-color:  rgb(245,46,36);  }
.peruspuna {   background-color:  rgb(220,20,10);  }
.tummapuna {   background-color:  rgb(172,16,8);   }
.koodimalli {	padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;  background: linear-gradient(rgb(220,20,10), rgb(172,16,8));  background-color: rgb(155,255,149); 
			border-radius: 11px;  border-width: 1px 1px 1px 1px;  border-color: rgb(220,20,10); border-style: solid;   box-sizing: border-box;   }
.pampulamalli {	margin: 5px 5% 9px 5%;  padding: 0px 0px 0px 31px;  font-size: 87%;  background-image: url(kuvat/musta-7.png);  background-position: 0 0.3em;  background-repeat: no-repeat;  }









/*    sivurunko   40     ooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo    */

.sivuosio {			background-color: rgb(219,219,219);  width: 100%;   max-width: 1200px;  margin: 0px auto 0 auto;  border-color:  rgb(233,13,13);   border-width: 0px 3px 0px 3px;   border-style: solid;   box-sizing: border-box;  }
.sivuosiosolu {		   box-sizing: border-box;  }
.sivuosio11 {	  	width: 280px;  float: left;    }
.sivuosiosolu11 {		background-color: rgb(0,0,0);    }
.sivuosio12 {	  	width: calc(100% - 280px);  float: left;   }
.sivuosiosolu12 {		 }



.marginaalit {	padding: 44px 5% 30px 50px;     }
.ingressialue {	background-color: rgb(222,222,222); }
.tekstialue {	background-color: rgb(252,252,252);  }


























/*    logo ja image   80     ooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo    */


.logokuva {		margin: 24px auto 0 auto; width: 113px;       }
.logoteksti1 {	font-weight: bold;  margin: 14px 7px 20px 7px;  font-size: 108%;  color: rgb(255,255,255);  text-align: center;   }

.logotekstikuva {	width: 90%;  margin: 0px auto 0px auto;   }

.vaihtuvataulu {	float: right;  margin: 40px 0 20px 20px;  width: 299px;  }
.vaihtuvasolu0 {	padding-top: 5px; 	  }
.vaihtuvasolu1 {	padding-right: 1px; 	  }
.vaihtuvasolu2 {	padding-right: 1px; 	  }
.vaihtuvasolu3 {		  }







/*    navigointi   100     oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo    */



.navilohko {		width: 260px;  margin: 10px auto 10px auto;   box-sizing: border-box;    }
.naviele {	  	width: 100%;  margin: 0px 0 1px 0;  font-size: 80%; float: left;  text-align: center;  word-spacing: 0.2em;  letter-spacing: 0.17em;      }
.navinappula:link { 	padding: 10px 1em 10px 1em; color: rgb(255,255,255);  background: rgb(88,88,88);   display: block;  text-decoration: none;    }
.navinappula:visited { 	padding: 10px 1em 10px 1em; color: rgb(202,202,202);  background: rgb(88,88,88);   display: block;  text-decoration: none;    }
.navinappula:hover { 	padding: 10px 1em 10px 1em; color: rgb(255,255,255);  background: rgb(143,14,7);   display: block;  text-decoration: none;    }

.vaalealinkki  {	  }
.vaalealinkki:link { 	color: rgb(255,255,255);  text-decoration: underline;    }
.vaalealinkki:visited { 	color: rgb(255,255,255);  text-decoration: underline;     }
.vaalealinkki:hover { 	color: rgb(152,252,102);  text-decoration: none;    }

.linkkilista {	margin-top: 22px;   }

.navisivulinkki {		position: fixed; font-size: 240%;  float: left;  display: none;  max-width: 50px; }
.navinelio:link { 		width: 1em; padding: 0em; text-align: center;  color: rgb(255,255,255);  background: linear-gradient( rgb(177,177,177), rgb(55,55,55) );  display: block;  text-decoration: none;    }
.navinelio:visited { 	width: 1em; padding: 0em; text-align: center;  color: rgb(222,222,222);  background: linear-gradient( rgb(177,177,177), rgb(55,55,55) );  display: block;  text-decoration: none;    }
.navinelio:hover { 		width: 1em; padding: 0em; text-align: center;  color: rgb(0,0,0);  	 background: linear-gradient( rgb(177,177,177), rgb(55,55,55) );  display: block;  text-decoration: none;    }
.navisivuylos {		position: fixed; font-size: 240%;  bottom: 0px;  float: left;   display: none;  max-width: 50px; }


















/*   teksti 140    ooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo    */

.otsikonjohdanto {	font-size: 91%;  color: rgb(0,0,0);   padding: 0px 0 9px 0; margin: 0;    }
h1  {		font-size: 188%;  color:  rgb(143,14,7);  padding: 21px 9px 19px 5%;   margin: 0;  background: rgb(200,200,200);  word-spacing: 0.16em;  letter-spacing: 0.08em;   }
h2 {		font-size: 144%;  color: rgb(143,14,7);   font-weight: normal;  padding: 55px 0 15px 0;  margin: 0;  box-sizing: border-box; }
h3 {		font-size: 111%;  color: rgb(0,0,0);   padding: 35px 0 5px 0;  margin: 0;  font-style: italic;  box-sizing: border-box;  }
p {		font-size: 99%;  	color: rgb(0,0,0);   padding: 15px 0 0 0; margin: 0;  line-height: 145%;    }
.ingressi{	font-style: italic;  font-size: 99%;  color: rgb(0,0,0);   padding: 25px 0 0px 5%; margin: 0;  line-height: 165%;    }
.pampula {	margin: 11px 5% 0 5%;  padding: 0px 0px 0px 31px;  font-size: 95%;  background-image: url(kuvat/musta-7.png);  background-position: 0 0.5em;  background-repeat: no-repeat;  }
.piikki {		margin: 11px 5% 0 5%;  padding: 0px 0px 0px 31px;  background-image: url(kuvat/nuoli2.png);  background-size:1.6em;  background-position: 0 0.4em;  background-repeat: no-repeat;  }




















/*    laatikot ja boxit    170    oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo    */


.lainausele {	margin: 15px 0 0px 0%;  padding: 22px 22px 22px 32px;  background: rgb(219,219,219);   box-sizing: border-box;   }
.lainaus {	font-size: 95%;  	color: rgb(0,0,0);  padding: 8px 22px 12px 12px;      }
.lahde {		text-align: right; margin-top: 7px; margin-left: 12px; font-size:86%;  color: rgb(0,0,0);   font-variant: small-caps;     }
.boxiele {	background: rgb(219,219,219);   margin:10px 0% 10px 20px;  padding:0px;   width: 35%;  float: right;   border-width: 1px 1px 1px 1px;  border-color: rgb(233,13,13); border-style: solid;   box-sizing: border-box;   }
.boxilause {	font-size: 95%;  	color: rgb(0,0,0);   padding: 5px 14px 18px 18px; margin: 0;    }
.raamikappale {	font-size: 90%;  	color: rgb(0,0,0);   padding: 15px 9% 15px 5%;  margin: 20px 0 20px 0;  line-height: 145%;   border-width: 1px 1px 1px 1px;  border-color: rgb(66,66,66); border-style: solid;   box-sizing: border-box;   }
.boxikuva {	width: 100%; }

.boxitettulause {	font-size:99%;  background: rgb(219,219,219);   margin:15px 0 10px 20px;  padding:15px 16px;   width:35%;  float: right;   border:1px rgb(233,13,13) dotted; line-height:166%;   box-sizing: border-box;   }

.kelluele {	width: 90%; max-width: 444px; margin: 33px 0 22px 0;  background: rgb(242,242,242);  border-width: 1px 1px 1px 1px;  border-color: rgb(111,111,111); border-style: dotted;  }
.kellukuva {	width: 100%;   }
.kelluteksti {	font-size: 90%;  	color: rgb(0,0,0);   padding: 15px 33px 11px 44px; margin: 0;  line-height: 145%;    }

.tekstikelluva {		margin: 15px 0% 9px 22px;  width: 33%;  float: right; border-width: 11px;  border-color: rgb(255,255,255); border-style: solid;    box-sizing: border-box;   } 
.tekstikelluvakuva {	width: 100%;     } 
.boxilause2 {		font-size: 95%;  	color: rgb(0,0,0);   padding: 0px 14px 8px 18px; margin: 0;    }

.boxieleiso {	background: rgb(219,219,219);   margin:10px 0 10px 20px;  padding:0px;   width:50%;  max-width:444px;  float: right;   border-width: 1px 1px 1px 1px;  border-color: rgb(233,13,13); border-style: solid;   box-sizing: border-box;   }

.boxialue2 {	margin:99px 0 0 0;  width:100%;  display:flex;  justify-content:space-between;  flex-wrap:wrap;  } 
.boxi2 {		width:48%;     }
.boxi21  {	padding:11px 3% 22px 3%;  border-width: 1px 1px 1px 1px;  border-color: rgb(233,13,13); border-style: solid;   box-sizing: border-box;   }  }
.boxi22 {		padding:22px 3% 33px 3%;     }
.boxiotsikko {	font-size: 144%;  color: rgb(143,14,7);   font-weight: normal;  padding: 23px 14px 11px 18px;  margin: 0;  box-sizing: border-box; }
















/*    vapaat kuvat   210    oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo    */

.ingressikelluva {	margin: 29px 0% 9px 22px;  padding: 9px; width: 28%;  float: right;  background-color: rgb(255,255,255); border-width:1px;  border-color: rgb(122,122,122); border-style: dotted;    box-sizing: border-box;   } 
.ingressikelluvakuva {	width: 100%;     } 
.ingressikelluvalevee {	margin: 29px 0 9px 0;  padding: 9px; width:100%;  background-color: rgb(255,255,255); border-width:1px;  border-color: rgb(122,122,122); border-style: dotted;    box-sizing: border-box;   } 
.ingressikelluvaharmaaraami {	margin: 29px 0% 9px 22px;  padding: 9px; width: 28%;  float: right;  background-color: rgb(255,255,255); border-width:9px;  border-color: rgb(200,200,200); border-style:solid;    box-sizing: border-box;   } 
.erotin2 {	display: none; }
.erotin {		width: 100%;  height: 1px;  }

.leveekuvaele {	margin: 29px 0 9px 0;  width:100%;   max-width:999px;  padding: 9px; background-color: rgb(255,255,255); border-width:4px;  border-color:  rgb(200,200,200);  border-style:solid;    box-sizing: border-box;   } 
.levee100 {	width:100%;  box-sizing: border-box;   } 
.mustalevee100 {	background-color:hsl(0,0%,0%);  width:100%;  box-sizing: border-box;   } 
.taustamusta {	background-color:hsl(0,0%,0%); 	}

















/*   alareuna    240    ooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo    */

.viiva {	margin: 60px 20% 40px 20%;  height: 0px;  border-width: 1px 0px 0px 0px;  border-color: rgb(233,13,13); border-style: solid;   }
.alinboxi {	margin: 35px 0 0px 50%;  padding: 22px 22px 22px 32px;  background: rgb(219,219,219);   border-radius: 11px;  border-width: 1px;  border-color: rgb(188,188,188); border-style: solid; float: right;  box-sizing: border-box;   }
.alinotsikko {	font-weight: bold;  font-size: 88%;  	color: rgb(0,0,0);   padding: 0px 0 0px 0; margin: 0;  text-align: right;    }
.alinteksti {	font-size: 88%;  	color: rgb(0,0,0);   padding: 7px 0 0 0; margin: 0;  text-align: right;  }



.leveelinkki {	float: left;  padding: 33px 22px 1px 0; }












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

.sivuosio11 {	width:100%;  float: none;    }
.sivuosio12 {	width: 100%;  float: none;   }
.marginaalit {	padding: 44px 3% 30px 30px;     }
.linkkilista {	display: none; }
.navisivulinkki {	 display: inline;   }
.navisivuylos {	 display: inline;   }

.marginaalit {	padding: 44px 3% 30px 30px;     }

h1  {		font-size: 155%;    padding: 21px 0 19px 3%;     }
h2 {		font-size: 144%;  }
h3 {		font-size: 101%;  }
.ingressikelluva {	margin: 29px 0% 9px 22px;  padding:4px; width: 50%;   } 
.lainausele {	margin: 15px 1% 0px 1%;   }

.boxiele {	margin: 15px 0% 7px 11px;  padding: 5px 9px 12px 16px;   width: 50%;   }
.boxitettulause {	margin:15px 0 10px 0;  width:100%;  float:none;   }
.alinboxi {	width: 80%;  margin: 35px 0 0px 0%;     }

.boxieleiso { 	margin:10px 0 20px 0;  padding:0px;   width:100%;  max-width:444px;  float:none;    }

  					}	/*	============================================================	*/







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



.logokuva {		margin: 24px auto 22px auto; width: 20%;       }
.logoteksti1 { margin: 9px 7px 22px 7px;    }
.logotekstikuva {	display: none;   }


h1  {		font-size: 144%;    padding: 21px 0 19px 3%;     }
h2 {		font-size: 133%;  }
h3 {		font-size: 98%;  }

.lainausele {	margin: 15px 0 0px 0;  padding: 22px 22px 22px 32px;   }
.boxiele {	margin: 15px 0% 7px 11px;  padding: 5px 9px 12px 16px;   width: 50%;   }

.erotin2 {	display: inline;   width: 100%;  height: 1px; }


.alinboxi {	margin: 35px 0 0px 0;  padding: 22px 22px 22px 32px;    }


.boxi2 {		width:100%;     }
.boxi21  {	margin:22px 0;   }



  					}	/*	============================================================	*/











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


.sivuosio11 {	  	width:100%;  float: none;    }
.sivuosio12 {	  	width: 100%;  float: none;   }
.marginaalit {	padding: 44px 3% 30px 30px;     }

.logokuva {		margin: 24px auto 22px auto; width: 20%;       }
.logoteksti1 { margin: 9px 7px 22px 7px;    }
.logotekstikuva {	display: none;   }
.linkkilista {	display: none; }
.navisivulinkki {	 display: inline;   }
.navisivuylos {	 display: inline;   }


h1  {		font-size: 133%;    padding: 12px 3% 11px 5%;     }
h2 {		font-size: 122%;  }
h3 {		font-size: 98%;  }
.pampula {	margin: 11px 5% 0 0;  }
.piikki {	margin: 11px 5% 0 0;  }

.lainausele {	margin: 15px 0 0px 0;   padding: 22px 14px 22px 22px;  }
.boxiele {	margin: 15px 0% 7px 0;     width: 100%;   }
.ingressikelluva {	margin: 29px 0 9px 0;  width: 100%;   } 


.erotin2 {	display: none; }


.alinboxi {	margin: 35px 0 0px 0;  width: 100%;    }

  					
  					}	/*	============================================================	*/  					




















/*   valmiselementtejä alinna    ooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo    */

.valkea {		color: rgb(255,255,255);  }
.lapinakyva {	color: transparent;   }
.keskitetty {	text-align: center; }

.rako3000 {	margin-top: 30px; }
.rako2000 {	margin-top: 20px; }
.rako1000 {	margin-top: 10px; }
.rako0020 {	margin-bottom: 20px; }