.div {	border:1px red solid; 	}

body {	margin:0;  word-spacing:0.1em;  letter-spacing:0.07em;  
	background-image:url(kuvat/imagekuva.jpg);  background-size:cover;  background-position: 70% 50%; background-attachment:fixed;  
	font-family: Arial, Helvetica, "sans-serif";   }
.kursiivifonttienvarasto { 	font-family:"Abyssinica SIL", "Liberation Serif", FreeSerif, Serif;	 }

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


.perusvihrea {	background-color:hsl(120,100%,25%);	color:rgb(0,128,0);	}
h2 {		padding:33px 5% 22px 5%;  margin:0;  font-size:133%;  font-weight:normal;  	}
p {		padding:11px 5%;  margin:0;  font-size:111%; line-height:155%;	}
.pampula {	font-size:99%;   padding:0px 0px 0px 33px;  margin:11px 5% 0 5%;  background-image:url(kuvat/pallomusta.png);  background-size:0.5em;  background-position:0 0.55em;  background-repeat:no-repeat;    }



.sivualue {	width:100%;   border-color:hsl(120,100%,25%);  border-width:22px 0 0 0;  border-style:solid;  display:table;  	}
.alueimage {	background-color:hsla(220,100%,50%, 0.4);  background-color:hsla(0,0%,100%, 0.7);    padding-bottom:222px; width:100%;   width:100%;  display:table; 	}
.aluevakio {		}


.ylinalue { 	margin:0;  padding:0;  width:100%;  background-color:hsl(0,0%,100%);  position:relative; display:table;    }
.logolohko {	margin:66px 0 0 5%;  padding:0 0 33px 0;  width:90%;  max-width:444px;  float:left;  display:table; 	}
.logokuva { 	width:100%;    }
.puhelinnumero {	margin:0;  padding:11px 0 0 0;  font-size:155%;  word-spacing:0.13em;  letter-spacing:0.1em;  	}


.kielilinkkilohko {		font-size:99%;  padding:0 1em;  margin:0;  position:absolute;  top:22px;  right:3%;    }
.kielilinkki:link {		text-decoration: none; }  
.kielilinkki:visited {	text-decoration: none; }
.kielilinkki:hover {	text-decoration: underline; }
.kielilinkki {	 	color: hsl(220,100%,20%);  white-space:nowrap; }

.tekstilinkki:link {	color: hsl(222,51%,39%);   text-decoration: underline; }  
.tekstilinkki:visited {	color: hsl(222,51%,39%); text-decoration: underline; }
.tekstilinkki:hover {	color: hsl(0,82%,48%);   text-decoration: none; }


.boxialue4 {	margin:111px 0 0 0;  padding:33px 3%;  background-color:hsla(0,0%,100%,  0.7);  display:flex;  justify-content:space-between;  flex-wrap:wrap;  width:100%;   } 
.boxi4 {		width:24%; margin:0;  padding:2px 2px 22px 2px; background-color:hsl(0,0%,100%);  border-radius:11px;  }
.taustakuva4 {	width:100%;  	}
.boxi41 {	  }
.boxi42 {	  }
.boxi43 {	  }
.boxi44 {	  }

.kuultootsikko {	position:absolute;  bottom:33px;  width:100%;  text-align:center;  padding:1em 2em; margin:0;  font-size:144%;  background-color:hsl(0,0%,100%, 0.8);  font-family: 'Jura', sans-serif;  font-weight:bold; 	}
.taustakuva41 {	border-radius:11px; background-image:url(kuvat/tausta41.jpg);  height:333px;  background-position:50% 50%;  width:100%;  margin-bottom:33px;  position:relative;  background-size:cover; }
.taustakuva42 {	border-radius:11px; background-image:url(kuvat/tausta42.jpg);  height:333px;  background-position:50% 50%;  width:100%;  margin-bottom:33px;  position:relative;  background-size:cover; }
.taustakuva43 {	border-radius:11px; background-image:url(kuvat/tausta43.jpg);  height:333px;  background-position:50% 50%;  width:100%;  margin-bottom:33px;  position:relative;  background-size:cover; }
.taustakuva44 {	border-radius:11px; background-image:url(kuvat/tausta44.jpg);  height:333px;  background-position:50% 50%;  width:100%;  margin-bottom:33px;  position:relative;  background-size:cover; }



.alueyhteys {	margin:77px 0 0 0;  padding:22px 11%;  width:100%;   background-color:hsla(0,0%,100%,  0.7);   display: flex;  justify-content:space-between;  flex-wrap:wrap;	}
.yhteysboxi1 {	width:50em;  padding:33px 0 22px 0;  background-color:hsl(120,100%,25%);  border-radius:11px;   }
.yhteysboxi2 {	width:calc(95% - 50em);  height:333px; padding:233px 33px 33px 33px;    }

.yhteysotsikko {	font-size:166%;  padding:11px 5% 11px 11%;  margin:0 0 11px 0;  color:hsl(0,0%,100%);  font-weight:bold; background-color:hsla(0,0%,100%, 0.4);  }
.yhteysteksti {	font-size:133%;  padding:5px 5% 0px 11%;  margin:0;  color:hsl(0,0%,100%);  font-weight:bold;	}
.yhteysrako {	margin-top:1em; 	}

.nnkele {	 	bottom:14px;  right:14px;  position:fixed;   }
.nnk:link { 	background-image:url(kuvat/nnkoy0.png);   }
.nnk:visited { 	background-image:url(kuvat/nnkoy0.png);     }
.nnk:hover { 	background-image:url(kuvat/nnkoy255.png);  background-color:hsl(120,100%,22%);   }
.nnk {	 	background-color:hsl(60,100%,44%);   border:1px hsl(0,0%,100%) solid;  border-radius:7px; 
		height:50px;  width:50px;  background-size:30px;  background-repeat:no-repeat;  background-position:50% 50%;  display:block;  text-decoration:none;  }



.slogan {	color:hsl(0,0%,100%);  margin:77px 0 0 0;  padding:22px 5%;  text-align:center;  font-size: 155%;  font-variant:small-caps;  
background: linear-gradient( hsl(120,100%,25%) , hsl(120,100%,25%) );        }





.irtolinkkinappi {  } 
.linkkiteksti:link { 	color:hsl(0,0%,10%); text-decoration:none; }
.linkkiteksti:visited { 	color:hsl(0,0%,10%);  text-decoration:none; }
.linkkiteksti:hover { 	color:hsl(0,0%,100%); text-decoration:none; background-color:hsl(120,100%,22%);    }
.linkkiteksti { 	width:12em; margin:0px 0 0 0;  border:1px hsl(0,0%,100%) solid;    border-radius:1.5em;  float:left; 
		padding:0.5em 0em; font-size:1em; text-align:center; display:block;  background-color:hsl(60,100%,44%);   } 









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

.aluevakio {	padding: 0 3%; 	}

.boxi4 {		width:48%; margin:22px 0;   }

.yhteysboxi1 {	width:90%;   max-width:666px;  margin-left:auto;  margin-right:auto;     }
.yhteysboxi2 {	width:90%;   max-width:666px;  margin-left:auto;  margin-right:auto;  padding:55px 0 0 55px;    }



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







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

.boxi4 {		width:96%;  max-width:666px;  margin:22px auto;   }

.alueyhteys {	padding:22px 3%;  }
.yhteysboxi1 {	width:96%;   	}
.yhteysboxi2 {	width:96%;   	}



h3 {		padding: 0 5% 22px 5%;  font-size: 122%;    	}
p {		padding: 11px 5% 11px 5%;   	}


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





/*	kestotietoa            */

.levee100 {	width:100%;  }
.yhdessa {	white-space: nowrap;   }
.haiveviiva {	background:linear-gradient( 90deg, hsl(0,100%,100%, 0.1 ) , hsl(0,100%,100%, 1) , hsl(0,100%,100%, 0.1 ) ); 	
		margin:33px auto; height:1px;  width:90%;  max-width:555px; }
.liukusavypysty { 	background: linear-gradient( hsl(111,80%,40%) , hsl(111,80%,100%) ); }