.div {	border:1px red solid; 	}

body {	margin:0;  word-spacing:0.1em;  letter-spacing:0.07em;  background-image:url(kuvat/kuva00.jpg);  background-size:1920px;  background-attachment:fixed;
	font-family: Arial, Helvetica, "sans-serif";   }
/*
	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;	}


.perusvari {	border-color:hsl(60,100%,44%);	color:rgb(224,224,0);	}
.tummataustavari {	background-color:hsl(0,0%,11%); 	}




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



/*    alueet	==============================================================================================================	*/

.sivualue {	padding:0; width:100%;  max-width:1920px;   display:table;  }

/*    logo  	==============================================================================================================	*/

.alueimage {	width:100%;  background-color:hsl(0,0%,100%);   display:flex;  flex-wrap:wrap; 
		background-image:url(kuvat/kuva0.jpg);  background-size:1920px;  background-position:0 0;    }  
.imageboxi1 {	width:30%;  }
.logolohko { 	width:100%;  display:table;    }
.logokuva { 	width:70%;  max-width:333px;  margin:75px auto;     }


.imageboxi2 {	padding:44px 0 0 5%; width:25%;  background-color:hsla(75,100%,60%, 0.1); }
.imageboxi3 {	padding:44px 0 0 5%; width:25%;  background-color:hsla(75,100%,60%, 0.1); }
.yhteysteksti {	padding:7px 0;  margin:0;  color:hsl(0,0%,100%);  font-size:122%;  line-height:144%;  }
.imageboxi4 {	width:20%;   margin:0;   }



/*    navigointi	==============================================================================================================	*/
/*    boxit	==============================================================================================================	*/

.boxialue2 {	margin:99px auto 0 auto;  width:90%;  display:flex;  justify-content:space-between;  flex-wrap:wrap;  	}
.boxi2 {		width:50%;  padding:44px 0;        }
.taustakuva1 {	border-radius:33px;  background-image:url(kuvat/kuva1.jpg);  background-size:cover;  background-position:0 0;   min-height:444px;  }
.tekstiboxi1 {	margin: 0 0 0 -111px;  padding:33px 3% 44px 5%;  border-radius:33px;  background-color:hsl(60,100%,44%);	}
.taustakuva2 {	border-radius:33px;  background-image:url(kuvat/kuva2.jpg);  background-size:cover;  background-position:0 0;   min-height:444px;  }
.tekstiboxi2 {	margin: 0 111px 0 0;  padding:33px 3% 44px 5%;  border-radius:33px;  background-color:hsl(60,100%,44%);	}



/*    yhteydet	==============================================================================================================	*/

.alueyhteys {	margin:77px 0 0 0; 	padding:22px 7%; width:100%;  display:flex;  justify-content:space-between;  flex-wrap:wrap; 
		background-image:url(kuvat/kuva0.jpg);  background-size:1920px;  color:hsl(0,100%,100%);   	}

.yhteysboxi {	   } 
.yhteysboxi1 {	margin-top:22px; width:25%;	}
.yhteysboxi2 {	margin-top:22px; width:25%;	}
.yhteysboxi3 {	margin-top:22px; width:25%;	}
.yhteysboxi4 {	width:25%;     }





/*    harvinaiset	==============================================================================================================	*/



.slogan {		padding: 7px 5%; margin:55px auto; font-size: 133%;   font-style:italic;  text-align:center;   }

.nnkele {	 	bottom:24px;  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/nnk255.png);  background-color:hsl(60,100%,44%);  }
.nnk {	 	background-color:hsl(0,0%,0%);  border:1px hsl(0,0%,55%) solid;  border-radius:11px; height:50px;  width:50px;  background-size:30px;  background-repeat:no-repeat;  background-position:50% 50%;  display:block;  text-decoration:none;  }









/*	========================================================================================================================	*/
/*	========================================================================================================================	*/

@media screen and (max-width : 1500px)	{	

/*    logo  	==============================================================================================================	*/


.alueimage {	 	}
.imageboxi1	 {	width:100%;  	}
.imageboxi2 {		width:35%; 	}
.imageboxi3 {		width:35%;  	}
.imageboxi4 {		width:30%;     }


}	/*	====================	*/	









/*	========================================================================================================================	*/
/*	========================================================================================================================	*/

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

.logoteksti {	margin:11px 3% 0 3%;  }

.imageboxi2 {	width:50%;  padding:33px 0 33px 5%; 	}
.imageboxi3 {	width:50%;  padding:33px 0 33px 5%; 	}
.imageboxi4 {	width:100%;     }


.nnkele {	 	position:fixed;  bottom:4px;  right:4px;    }
.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(0,0%,80%);  }
.nnk {	 	background-color:hsl(0,0%,20%);  border:1px hsl(0,0%,0%) solid;  border-radius:7px; 
		height:50px;  width:50px;  background-size:30px;  background-repeat:no-repeat;  background-position:50% 50%;  display:block;  text-decoration:none;  }

.boxialue2 {	margin:66px auto 0 auto;  }
.boxi2 {		width:100%;    padding:0;     }
.taustakuva1 {	border-radius:33px 33px 0 0;   }
.tekstiboxi1 {	border-radius:0 0 33px 33px;  margin:0px;  }
.taustakuva2 {	width:100%;  border-radius:33px 33px 0 0;  }
.tekstiboxi2 {	border-radius:0 0 33px 33px; 	margin:0;   }

.oikeaensin {	flex-direction:column-reverse; 	}



}	/*	====================	*/	







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

.imageboxi2 {	padding:44px 3% 0 3%;  width:100%;  	}
.imageboxi3 {	padding:22px 3% 44px 3%;  width:100%;  	}
.yhteysteksti {	text-align:center;  }

}	/*	====================	*/	







/*	========================================================================================================================	*/
/*	========================================================================================================================	*/

/*	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/kuva.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%;  }
.eimarginaalia {	margin-right:0;   }










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

@media screen and (max-width :333px)	{	
	}	
/*	========================================================================================================================	*/
/*	========================================================================================================================	*/