.div {	border:1px red solid; 	}

body {	margin:0;  word-spacing:0.1em;  letter-spacing:0.07em;  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;	}
body, html {	height:100%;  margin:0;  }


.perussininen {	background-color:hsl(220,100%,31%);	}

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



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


body {		position:relative;  background-image:url(kuvat/imagekuva.jpg);  background-size:cover;  background-position:70% 0; background-attachment:fixed;  }
.sivualue {	width:100%;  max-width:1920px; display:table;   border-width:55px 0 0 0;  border-color:hsl(220,100%,31%);  border-style:solid;  }

.boxialue123 {	width:90%;  margin:111px auto 77px auto;  display:flex;  justify-content:space-around;  flex-wrap:wrap;  } 
.boxi123 {	padding:2em 0 2em 0;  background-color:hsla(220,100%,31%, 0.8);  }
.boxi1231 {	width:30%; padding:0 0 33px 0;    }
.boxi1232 {	width:50%; padding:33px 0;     }


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

.yhteysele { 	margin:0 auto; text-align:center; padding:22px 5% 0 5%;   }
.yteksti {	padding:1px 5%; margin: 0;  font-size: 111%;      }
.yhteysrako {	margin-top:0.9em; 	}
.ytunnus {	color:hsl(0,0%,77%);  padding:22px 0 0 0;  margin:0;  font-size: 88%;  text-align:center;   }

.slogan {		color:hsl(0,0%,100%);  text-shadow:2px 1px hsl(0,0%,0%);  padding:33px 5% 0 5%;  font-size:144%;  text-align:center;    }

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

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




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

.boxi1231 {	width:100%; padding:0 0 33px 0;    }
.boxi1232 {	width:100%; padding:33px 0;     }
.boxi3 {		width:90%;  max-width:800px;  margin:22px auto;   }

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




/*	kestotietoa            */

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