.div {	border:1px red solid; 	}

body {	margin:0;  color:rgb(0,0,0);  word-spacing:0.1em;  letter-spacing:0.07em;  
	background-image:url(kuvat/kuva00.jpg);  background-position:30% 33px;  background-size:1920px;  background-attachment: fixed;   
	font-family: "Lucida Sans", Tahoma, "Palatino Linotype", "Liberation Sans", "DejaVu Sans", "Bitstream Vera Sans", Arial, Helvetica, "sans-serif";   }

td { 	padding:0;  vertical-align:top;  }
table { 	border-collapse:collapse;  empty-cells:show;}
img {		border:0;  display:block; }
* 	{	box-sizing:border-box; 	}

.perusvari {	background-color:hsl(231, 39%, 30%);	color:rgb(47, 56, 106);	color:#2f386a; }
.kultavari {	background-color:hsl(51,39%,50%);	color:rgb(177,162,78);  }
.kultakeltainen {	background-color:hsl(51,100%,50%);	color:rgb(255,215,0);  }



h3 {		padding:22px 5% 0 5%;   margin:0;  font-size: 155%;  line-height:166%;   font-weight:normal;  }
p {		padding:11px 5% 0 5%;   margin:0;  font-size: 111%;  line-height:166%;    }
.pampula {	padding:0px 0px 0px 7%;  margin:7px 5% 0 15%;   font-size: 100%;  background-image:url(kuvat/pallomusta.png);  background-size:0.4em;  
		background-position: 0 0.56em;  background-repeat: no-repeat;  line-height:155%;   }



/*    alueet    .......................................................................................................................................................        */

.sivualue {	width:100%;  height:100%;  border-color:hsl(231, 39%, 30%);  border-width:33px 0 0 0;  border-style:solid;  	}

.boxialue2 {	margin:111px 0 55px 0;  padding:0 7%; width:100%;  display:flex;  justify-content:space-between;  flex-wrap:wrap;  	}
.boxi2 {		background-color:hsla(0,0%,100%, 0.9); width:48%;  	}
.boxi21 {		padding:33px 33px 44px 33px; 	}
.boxi22 {		padding:33px 33px 44px 33px; 	}




/*    logo   .......................................................................................................................................................        */

.logolohko { 	width:100%;  margin:0;  padding:33px 55px;  display:table;  background-color:hsl(231, 39%, 30%);  border-radius:11px; 	 }
.logokulta {	width:80%;  margin:11px 0 0 0; float:left;    }
.pykala {		width:7%;  margin:-11px -11px 0 0; float:right;    }
.haiveviiva {	width:100%;  max-width:333px;  margin:33px auto 22px auto;  padding:0 5%; height:1px;  background: linear-gradient( 90deg, transparent , hsl(0,0%,0%) , transparent ); 	}
.haiveviiva2 {	width:40%;  max-width:333px;  margin:33px 0 22px 10%;  padding:0 5%; height:1px;  background: linear-gradient( 90deg, transparent , hsl(0,0%,0%) , transparent ); 	}

.kuva2 {	float:right;  width:177px;  height:177px;  margin: 0px 0 22px 33px; border-radius:11px;	
 	background-size:cover; background-position:90% 50%;  background-image:url(kuvat/kuva4.jpg);  background-repeat:no-repeat;   }

.tekstilinkki:link {	color: rgb(49,79,149);   text-decoration: underline; }  
.tekstilinkki:visited {	color: rgb(155,155,155); text-decoration: underline; }
.tekstilinkki:hover {	color: rgb(255,145,0);   text-decoration: none; }

/*
.nnkele {	 	bottom:24px;  right:4px;  position:fixed;   }
.nnk:link { 	background-image:url(kuvat/nnkkulta.png);   }
.nnk:visited { 	background-image:url(kuvat/nnkkulta.png);     }
.nnk:hover { 	background-image:url(kuvat/nnkoy255.png);  background-color:hsl(0,0%,0%);  }
.nnk {	 	border-radius:11px; background-color:hsl(231,39%,30%);  border:1px hsl(0,0%,55%) solid;  height:50px;  width:50px;  background-size:30px;  background-repeat:no-repeat;  background-position:50% 50%;  display:block;  text-decoration:none;  }
*/





.aluealin {	background-color:rgb(22,22,22); width:100%;  display:flex;  flex-wrap:wrap;    }
.yhteyslohko1 {	width:100%;    	}	
.yhteyslohko2 {	width:100%;    	}	
.yhteyslohko3 {	margin-top:44px;  background-image:url(kuvat/kartta1200.png);  height:222px;  width:100%;  background-size:1200px;  background-position:center; 	}

.yhteystieto {	text-align:center; font-size:122%;  margin:0;  padding:1px 0;   line-height:144%;  }
.ytunnus {	text-align:center; font-size:99%;  margin:0;  color:hsl(0,0%,55%);  padding:1.2em 0 0 0; }
.yhteysotsikko {	font-size:155%;      }
.yhteysrako {	padding-top:15px;   }
.yhteystieto3 {	    }





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


.boxialue2{	margin:55px 0 55px 0;  padding:0 7%;   	}
.boxi2 {		width:100%; max-width:800px;  margin:0 auto;        }
.boxi22 {		margin-top:44px;        }
						 	}	/*	--------------------    */


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

body, html {	height:auto;  }

.pampula {	padding:0px 0px 0px 33px;  margin:11px 5% 0 7%;   }

.alueimage {	padding: 55px 0 0 0; }

.logolohko { 	margin:0 auto;  padding:22px 33px;  }
.boxialue2 {	padding:0 3%;   	}
.boxi21 {		padding:22px 22px 44px 22px;	}
.boxi22 {		padding:22px 22px 44px 22px;	}
.kuva2 {	float:none;  width:100%;  height:222px;  margin:0 0 33px 0;  background-position:0 100%;   }


						 	}	/*	--------------------    */












/*	kestotietoa 	*/
/*	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++	*/
/*	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++	*/

.vaaleaotsikko {	color:hsl(0,0%,100%);    }

.ypadiso { 	padding-top:66px; }
.ypadpieni { 	padding-top:33px; }
.ypadmini { 	padding-top:11px; }
.ypadnolla { 	padding-top:0; }
.apadiso { 	padding-bottom:66px; }
.apadpieni { 	padding-bottom:33px; }
.apadnolla { 	padding-bottom:0; }

.ymargiso { 	margin-top:66px; }
.ymargpieni { 	margin-top:33px; }
.ymargmini { 	padding-top:11px; }
.ymargnolla { 	margin-top:0; }
.amargiso { 	margin-bottom:66px; }
.amargpieni { 	margin-bottom:33px; }
.amargnolla { 	margin-bottom:0; }

.vasemmalle {	text-align:left; }
.keskelle {	text-align:center; }
.oikealle {	text-align:right; }
.kuvakeskelle {	margin-left:auto;  margin-right:auto; }

.levee100 {	width:100%; }
.yhdessa {	white-space: nowrap;   }
.fontti {    	font-family:'Alfa Slab One'; 	}
.levee100 {	width:100%;  }
.erotin {		width:100%;  height:1px;  display:block;  }
.eimarginaalia {	margin-right:0;   }