.div {	border:1px red solid; 	}

body {	margin:0;  word-spacing:0.1em;  letter-spacing:0.07em;  
font-family: Arial, Helvetica, Tahoma, "Liberation Sans", "DejaVu Sans", "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 );   }

.perusvari {	color:hsl(75,100%,60%);	}

.keltainen {	background-color:hsl(60,100%,50%);	color:rgb(255, 255, 0); }
.oranssi {	background-color:hsl(25,100%,50%);	color:rgb(255, 106, 0); }
.vihree {		background-color:hsl(120,100%,33%);	color:rgb(0, 166, 0); }
.punainen {	background-color:hsl(0,82%,48);	color:rgb(222, 22, 22); }
.valkoinen {	background-color:hsl(0,100%,100%);	color:rgb(255, 255, 255); }
.musta {		background-color:hsl(0,100%,0%);	color:rgb(0, 0, 0); }




body {		background-image:url(kuvat/imagekuva.jpg);  background-size:1920px;  background-position:40% 80%; background-attachment:fixed;  }
.sivu {		width:100%;  max-width:1920px;  display:table;	}
.alueimage {	padding-bottom:222px; width:100%;  display:table; 	}
.ylaviiva {	border-color:hsl(75,100%,60%);  border-width: 22px 0 0 0;  border-style:solid;  width:100%;  }
.alaviiva { 	border-color:hsl(75,100%,60%);  border-width: 22px 0 0 0;  border-style:solid;  position: fixed;  bottom: 0;  width:100%;  }


.logontausta {	width:100%; 	}
.logolohko { 	margin:0 auto;  background-color:hsl(0,0%,0%);  width:100%;  display:table;    }
.logokuva { 	width:70%;  max-width:444px;  margin:44px auto;     }

.yhteyslohko { 	background-color:hsla(75,100%,60%, 0.4);  margin:0 auto; text-align:center; padding: 33px 5%;   }
.yhteysele1 {	width:100%;  margin: 11px auto;  display:table;	}
.yhteysele2 {	width:100%;  margin: 11px auto;  display:table;	}
.yhteys0 {	color:hsl(0,0%,0%);  display:inline-block; font-size:133%;  line-height:144%;  }
.yhteys1 {	padding:0 3ex 0 0;  background-image:url(kuvat/pallomusta.png);  background-size:0.2em;  background-position: 95% 0.5em;  background-repeat: no-repeat;   }
.yhteys2 {	padding:0 0 0 0;    }

.yhteys9 {	color:hsl(0,0%,0%); padding: 7px 5%; margin: 0;  font-size: 155%;   font-style:italic;     }


.haiveviiva {	background:linear-gradient( 90deg, hsla(0,100%,100%, 0.1 ) , hsl(0,0%,0%) , hsla(0,100%,100%, 0.1 ) ); 	
		margin:33px auto; height:1px;  width:90%;  max-width:555px; }


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



.boxialue2 {	width:100%; display:flex;  justify-content:space-around;  } 
.boxi2 {		margin-top:111px;  width:45%; border:7px hsl(0,100%,100%) solid;   }
.boxiohje1 {	background-image:url(kuvat/kuva21.jpg);  background-size:cover;  background-position: 70% 50%; 	}
.boxiohje2 {	padding: 3em 0 2em 0;  background-color:hsl(0,100%,100%, 0.8);    	}				
.boxiohje3 {	padding: 3em 0 2em 0;  background-color:hsl(0,100%,100%, 0.8);  	}				
.boxiohje4 {	background-image:url(kuvat/kuva22.jpg);  background-size:cover;  background-position: 20% 50%; 	}
h3 {		padding: 0 11% 22px 11%;  margin: 0;  font-size: 133%;    	}
p {		padding: 11px 11%;  margin: 0;  font-size: 111%;    line-height:155%;	}
.pampula {	padding:0 0 0 7%;  margin:11px 2% 11px 11%; font-size:99%;  background-image:url(kuvat/pallomusta.png);  background-size:0.4em;  background-position: 0 0.5em;  background-repeat: no-repeat;  line-height:144%;  }








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

.yhteysele1 {	width:100%;  margin: 22px auto;  display:table;	}
.yhteysele2 {	width:100%;  margin: 22px auto;  display:table;	}
.yhteys1 {	display:block;  padding:4px 0;  background-image:none;   }
.yhteys2 {	display:block;  padding:4px 0;     }

.boxialue2{	flex-direction:column;  margin-top:111px; 	}
.oikeaensin { 	flex-direction:column-reverse; }
.boxi2 {		width:100%;   min-height:444px;   	}				
.boxiohje1 {	margin-top:111px; 	}
.boxiohje2 {	margin-top:-7px;  	}				
.boxiohje3 {	margin-top:-7px;  	}				
.boxiohje4 {	margin-top:111px;    }
						 	}	/*	----------    */







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

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

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





/*	kestotietoa            */

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