.div {	border:1px red solid; 	}

body {	background-color:hsl(0,0%,77%); margin:0;  word-spacing:0.1em;  letter-spacing:0.07em;  
	font-family: "Lucida Sans", Tahoma, "Palatino Linotype", "Liberation Sans", "DejaVu Sans", "Bitstream Vera Sans", 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;	}

.liukusavypysty { 	background: linear-gradient( hsl(111,80%,40%) , hsl(111,80%,100%) ); }
.zzhaiveviiva { 	height:1px;  width:77%;  margin:33px auto; background: linear-gradient( 90deg, transparent , hsl(0,0%,100%) , transparent );   }
.zztaustakuva {	background-image:url(kuvat/taustakuva.jpg);  background-size:cover;  background-position:0 50%;  }

.perusvari {	background-color:hsl(0,82%,48%);	color:rgb(0, 0, 0); }

.sininen {	background-color:hsl(0,82%,48%);	color:rgb(0, 61, 204); }
.keltainen {	background-color:hsl(60,100%,50%);	color:rgb(255, 255, 0); }
.oranssi {	background-color:hsl(25,100%,50%);	color:rgb(255, 106, 0); }
.vihrea {		background-color:hsl(120,61%,25%);    	}
.zzvihreapamp {	background-color:hsl(120,100%,22%);  }
.punainen {	background-color:hsl(0,82%,48%);	color:rgb(222, 22, 22); }
.valkoinen {	background-color:hsl(0,0%,96%);	color:rgb(255, 255, 255); }
.musta {		background-color:hsl(0,0%,0%);	color:rgb(0, 0, 0); }



.sivualue {	width:100%;  max-width:1500px;  margin: 0 auto; display:table;	}
.alueimage {	border-width: 11px 0 33px 0;  border-color:hsl(120,61%,25%);  border-style:solid; width:100%;  display:table;  }
.leveeimage {	width:100%; 	}
.kapeeimage {	width:100%;  display:none; 	}
.logolohko { 	width:444px;  margin:33px 0 0 11%;  float:left;  display:table;    }
.logokuva { 	width:90%;  margin:55px auto 0 auto;     }
.logoteksti {	padding:11px 3% 33px 3%;  margin:0;  text-align:center; color:hsl(120,100%,30%);  font-size:234%;  line-height:155%;  word-spacing:0.2em;  letter-spacing:0.1em;   }

.sloganlohko {	width:50%;  float:right;  display:table;	}
.slogan {		width:16em;  margin:66px 15% 0 0;  float:right;  text-align:right; color:hsl(0,0%,96%);  font-size:188%;  font-style:italic;     }


.alueingressi {	width:100%;  display:flex;   justify-content:space-between; 	}
.ingrlevee {	width:calc(100% - 444px);  padding:44px 0;  color:hsl(0,0%,96%);  background-color:hsl(120,100%,33%);    	}
.ingrteksti {	width:90%;  max-width:1000px;  margin: 11px auto; text-align:center; font-size:122%;  line-height:166%; 	}
.ingroikea  {	color:hsl(0,0%,96%);  width:444px;  padding:44px 33px; background-color:hsl(120,100%,22%);     }
.ingrpamp {	padding:0px 0px 0px 55px;  margin:3px 3% 3px 7%;  font-size:155%; 
		background-image:url(kuvat/pallovalkea.png);  background-size:0.4em;  background-position: 0 0.56em;  background-repeat: no-repeat;  line-height:155%;   }




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

.tummatausta:link {		color: hsl(0,0%,100%);  text-decoration: underline; }  
.tummatausta:visited {	color: hsl(0,0%,100%);  text-decoration: underline; }
.tummatausta:hover {	color: hsl(0,0%,100%);  text-decoration: none; }

.boxialue2 {	width:100%; display:flex;  justify-content:space-around;  } 
.boxi2 {		width:50%;  padding: 44px 0 22px 0;  background-color:hsl(0,0%,88%);    }
.kb1 {		background-image:url(kuvat/kuva1.jpg);  background-size:cover;  background-position:70% 0; 	}
.kb2 {		background-image:url(kuvat/kuva2.jpg);  background-size:cover;  background-position:70% 0;     	}				
.kb3 {		background-image:url(kuvat/kuva3.jpg);  background-size:cover;  background-position:70% 50%;   	}				
.tekstiboxi {	min-height:222px; 	}
.kuvaboxi {	min-height:333px; 	}


.nurkkaboxi {	width:19em;  margin:0 0 0 0;  background-color:hsl(0,0%,0%);  float:right; display:table; 	}
.nurkkaboxivasen {	float:right;  	}
.nurkkaboxioikea {	float:left; 	}
.nurkkateksti {	font-size:177%;  font-style:italic; text-align:right;  margin:0;  padding:22px 44px; color:hsl(0,0%,96%);  line-height:155%;  }

.zznurkkaboxi {	width:300px;  margin:11px 0 11px 22px; background-color:hsl(0,0%,22%);  float:right; display:table; 	}
.zznurkkateksti {	text-align:right;  margin:0;  padding:22px 44px; color:hsl(0,0%,96%);  line-height:155%; 	}

h3 {		padding: 0 11% 22px 11%;  margin: 0;  font-size: 155%;    	}
p {		padding: 11px 11%;  margin: 0;  font-size: 122%;    line-height:155%;	}
.pampula {	padding:0 0 0 7%;  margin:11px 2% 11px 11%; font-size:122%;  background-image:url(kuvat/pallomusta.png);  background-size:0.4em;  background-position: 0 0.5em;  background-repeat: no-repeat;  line-height:144%;  }


.aluealin  { 	padding:33px 3%;  width:100%; display:table; 
		background: linear-gradient( hsl(0,0%,0%) , hsl(0,0%,11%) ); }

.yhteysyritys {	width:50%;  float:left;  display:table;	}
.osoiteele {	padding:33px 3% 22px 10%;  width:80%;  display:table; 	}
.osoiteteksti {	margin:11px 0 11px 0;  color:hsl(0,0%,96%);  font-size:144%;  display:table; 	}
.karttaele {	margin:33px 0 0 10%;  width:80%;  display:table; 	}

.alateksti {	padding:11px 3% 11px 10%;  width:90%;  margin:0;  color:hsl(0,0%,96%);  font-size:111%;  	}



.yhteysalue { 	width:50%;  float:right;  display:table;  }
.yhteysele {	width:80%;  margin: 33px 0 0px 10%;  padding:22px 33px;  border-width:1px;  border-color:hsla(0,0%,100%, 0.7);  border-style:dotted;  	}
.yhteysteksti1 {	font-weight:bold;  margin:11px 0 11px 0;  color:hsl(0,0%,96%);  font-size:133%;    }
.yhteysteksti2 {	margin:0 0 11px 0; color:hsl(0,0%,96%);   font-size:111%;    }




.nnkele { 	bottom: 4px; right: 4px; position: fixed; }
.nnk:link { 	background-image: url(kuvat/nnk255.png); }
.nnk:visited { 	background-image: url(kuvat/nnk255.png); }
.nnk:hover { 	background-image: url(kuvat/nnk0.png); }
.nnk { 		background-color:hsl(0,0%,66%); height:40px; width:40px; background-size:30px; background-repeat:no-repeat; background-position:50% 50%; display:block; text-decoration:none; } 



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


.logolohko { 	width:100%;  max-width:444px;  margin:33px auto;  float:none;      }
.logoteksti {	padding:11px 3% 0 3%;  margin:0;  text-align:center;  font-size:155%; }

.sloganlohko {	width:100%;  float:none;   }
.slogan {		width:auto;  margin:33px 3% 33px 3%;  float:none;  text-align:center;     }

.alueingressi {	flex-direction:column;  	}
.ingrlevee {	width:100%; 	}
.ingroikea  {	width:100%;      }
.ingrpamp {	margin:11px 44px;  display:inline-block;   }



.boxialue2{	flex-direction:column; 	}
.oikeaensin { 	flex-direction:column-reverse; }
.boxi2 {		width:100%;   }
.tekstiboxi {		}
.kuvaboxi {		}

.yhteysele {	width:100%;  max-width:666px;  margin:33px auto 11px auto;;    	}



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

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

.yhteysyritys {	width:100%;  	}

.yhteysalue { 	width:100%;  float:left;   }
.yhteysele {	width:80%;  margin:33px 0 33px 10%;  padding:22px 33px;   }

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




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

.leveeimage {	display:none; 	}
.kapeeimage {	width:100%;  display:block; 	}

.nurkkaboxi {	width:100%;  margin:-33px 0 11px 0; float:none; 	}
.ingrpamp {	padding:0px 0px 0px 33px;  margin:11px 3%;  width:94%;   }
h3 {		padding: 0 5% 22px 5%;  font-size: 122%;    	}
p {		padding: 11px 5% 11px 5%;   	}
.pampula {	padding:0 0 0 22px;  margin:11px 5% 11px 5%;   }

.osoiteele {	padding:33px 0% 22px 3%;  width:94%;  	}
.karttaele {	margin:33px 0 0px 1%;  width:98%; 	}
.yhteysele {	width:98%;  margin: 0 0 33px 1%;   padding:11px 3%;  	}

.alateksti {	padding:11px 3% 33px 9%;  width:90%;  margin:0;  color:hsl(0,0%,96%);  font-size:111%;  	}



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





/*	kestotietoa            */

.levee100 {	width:100%;  }
.yhdessa {	white-space: nowrap;   }