.div {	border:1px red solid; 	}

body {	margin:0;  word-spacing:0.1em;  letter-spacing:0.07em;  
	background-image:url(kuvat/kuva00.jpg);  background-size:cover;  background-position: 70% 50%; background-attachment:fixed; 
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;	}

.keltainen {	background-color:hsl(60,100%,50%);  	color:rgb(255,255,0);	}
.vihrea {		background-color:hsl(75,100%,60%);  	color:rgb(204,255,51);	}
.perusvari {	color:hsl(60,100%,50%);	}



p {		padding:11px 7%;  margin:0;  font-size:111%; line-height:155%;	}
.puhelinnumero {	padding:0;  margin:0;  font-size:155%;  position:absolute;  top:22px;  right:6%;  word-spacing:0.13em;  letter-spacing:0.1em;  	}
.pampula {	font-size:99%;   padding:0px 0px 0px 33px;  margin:9px 7% 0 7%;  background-image:url(kuvat/pallomusta.png);  background-size:0.5em;  background-position:0 0.55em;  background-repeat:no-repeat;    }
.copyright {	margin:33px auto;  padding:0; text-align:center;  background-color:hsl(0,0%,88%);  width:15em;  font-size:88%;	}


.sivualue {	width:100%;  max-width:1920px;  border-color:hsl(60,100%,50%);  border-width:22px 0 0 0;  border-style:solid;  display:table;  	}
.alueimage {	background-color:hsl(75,100%,44%);    padding-bottom:222px; width:100%;   width:100%;  display:table; 	}
.aluevakio {		}
.aluealin {	margin:77px 0 0 0;  padding:33px 7%;  font-size:144%;  text-align:center;  width:100%;  background-color:hsl(75,100%,60%);  display:table;  }


.logolohko { 	margin:0 auto;  width:100%;  display:table;    }
.logokuva { 	width:90%;  max-width:444px;  margin:44px auto 0 auto;     }
.logonalle {	padding:22px 3%;  margin:0;  text-align:center; font-size:133%;  font-weight:normal;  	}



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

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


.boxialue3 {	margin-top:-188px;  display:flex;  justify-content:space-between;   padding: 0 7%;  width:100%;   } 
.boxi3 {		margin:0;  padding:0px 0px 22px 0px; background-color:hsl(0,0%,100%);  }
.boxikuva3 {	width:100%;  margin-bottom:22px; 	}
.boxivasen {	width:33.33%;  border-radius:33px 0 0 33px;   }
.boxikeski {	width:33.33%;   }
.boxioikea {	width:33.33%;  border-radius:0 33px 33px 0;  }

h2 {		padding:22px 3%;  margin:0;  text-align:center; font-size:144%;  font-weight:normal;  	}
.otsikkovasen {	background-color:hsl(60,100%,50%);  border-radius:33px 0 0 0;	}
.otsikkokeski {	background-color:hsl(60,100%,50%); 	}
.otsikkooikea {	background-color:hsl(60,100%,50%);  border-radius:0 33px 0 0;  	}

.alueyhteys { 	width:100%; margin:66px 0 0 0;  padding:0 7%;   display:flex;  justify-content:space-between;  flex-wrap:wrap;  }
.yhteysboxi1 {	width:33.3333%;  background-color:hsl(0,0%,100%); border-radius:33px 0 0 33px; 	}
.yhteysboxi2 {	width:33.3333%;  background-color:hsl(0,0%,100%);   }
.yhteysboxi3 {	width:33.3333%;  padding:0 33px 0 0;   background-color:hsl(0,0%,100%);  border-radius:0 33px 33px 0;   }

.yhteysotsikko {	border-radius:33px 0 0 0; padding:22px 3% 20px 11%;  margin-bottom:22px; color:hsl(0,0%,0%);  font-size:144%;  font-weight:bold;  line-height:144%;   background-color:hsl(60,100%,50%);  }
.yhteysotsikko2 {	border-radius:0; background-color:hsl(60,100%,50%); }
.yhteysteksti {	padding:11px 3% 0px 11%; color:hsl(0,0%,0%);  font-size:111%;  line-height:144%;  }









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

.aluevakio {	padding: 0 3%; 	}

.boxialue3 {	flex-direction:column;  	}
.boxi3 {		width:100%;   	}
.boxivasen {	border-radius:33px 33px 0 0;   }
.boxioikea {	border-radius:0 0 33px 33px;  }
.otsikkovasen {	border-radius:33px 33px 0 0;	}
.otsikkooikea {	border-radius:0;  	}


.yhteysboxi1 {	width:50%;  padding-bottom:33px;  border-radius:33px 0 0 0;	}
.yhteysboxi2 {	width:50%;  padding-bottom:33px;  border-radius:0 33px 0 0;  	 	}
.yhteysboxi3 {	width:100%;  padding:0 33px;    border-radius:0 0 33px 33px; }


.yhteysotsikko2 {	border-radius:0 33px 0 0; }
.yhteysteksti {	padding:5px 5% 9px 17%; color:hsl(0,0%,0%);  font-size:111%;  line-height:144%;  }

	}	/*	oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo	*/	









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

.boxialue3 {	padding: 0 3%;    } 
.alueyhteys {	padding: 0 3%; 	}
.yhteysboxi1 {	width:100%;  border-radius:33px 33px 0 0;  	}
.yhteysboxi2 {	width:100%;  border-radius: 0;  	 	}
.yhteysotsikko {	border-radius:33px 33px 0 0; }
.yhteysotsikko2 {	display:none;  }

	}	/*	oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo	*/	










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

.yhteysteksti {	padding:5px 5% 9px 5%;  }

	}	/*	oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo	*/	





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

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

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

.ymargiso { 	margin-top:66px; }
.ymargpieni { 	margin-top:33px; }
.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; }

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

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








/*	oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo	*/
/*	======================================================================	*/
/*	========================================================================================================================	*/
/*	========================================================================================================================	*/
/*    perustekstit	==============================================================================================================	*/
/*    alueet	==============================================================================================================	*/
/*    logo ingressi	==============================================================================================================	*/
/*    navigointi	==============================================================================================================	*/
/*    boxit	==============================================================================================================	*/
/*    erikoisboxit	==============================================================================================================	*/
/*    capi	==============================================================================================================	*/
/*    yhteydet	==============================================================================================================	*/
/*    harvinaiset	==============================================================================================================	*/

@media screen and (max-width :111px)	{	/*	oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo	*/
	}	/*	oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo	*/	
/*	CSS: portaat 1480, 1230, 900, 700, 500-300, FF sallii tarkistuksen 450px näytöllä 	*/

/*	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++	*/
/*	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++	*/