.div {	border:1px red solid;	}

body {	background-color:hsl(0,0%,100%);  margin: 0; color: rgb(0,0,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";   }
td { 	padding: 0;  vertical-align: top;  }
table { 	border-collapse: collapse;  empty-cells: show;}
img {	border: 0; display: block; }
* {	box-sizing:border-box; 	}


.valikko .osoitetiedot {	font-family: 'Montserrat', sans-serif; 	}
.osoite .leipateksti {	font-family: 'Nunito Sans', sans-serif; 	}
.taustakuva {		background-image:url(kuvat/taustakuva.jpg);  background-position:50% 0;  background-repeat:no-repeat;  background-size:1920px;  background-attachment:fixed;   	}
.liukuvari {		background:linear-gradient(90deg, rgba(255,255,255,  0.2) ,  rgba(255,255,255,  1) 20% , rgba(255,255,255,  1) 80% , rgba(255,255,255,  0.2)  );  }
.tunnusvari {		background-color:hsl(210,100%,33%); 	}

.oranssitumma	{ background-color:hsl(16, 82%, 57%);		color:rgb(236,104,57); }
.oranssivaalea	{ background-color:hsl(20, 85%, 68%);		color:rgb(243,151,105); }
.turkoositumma	{ background-color:hsl(184, 100%, 26%);		color:rgb(0,123,132); }
.turkoosivaalea	{ background-color:hsl(185, 46%, 42%);		color:rgb(58,148,157); }




h1 {		padding:66px 5% 0 5%;   margin:0;  font-size: 155%;  color:hsl(0,0%,44%);  text-align:center;  	}
h2 {		padding: 17px 5%;  margin:0;  font-size: 133%;  background-color:hsl(16, 82%, 57%); color:hsl(0,0%,100%);  width:100%;   
		border-top-width:0; border-right-width:44px;  border-left-width:0; border-bottom-width:0px;  border-right-color:hsl(184, 100%, 26%); border-style:solid; 	}
h3 {		padding: 17px 0 2px 0;  margin:0;  font-size:122%;    }
p {		padding: 11px 0;  margin: 0;  font-size: 111%;    line-height:155%;	}
.pampula {	padding:0 0 0 7%;  margin:7px 5%; 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%;  }
.slogan {		margin:66px 0 0 0;  padding:1em 5%;  font-size:144%;  text-align:center; font-style:italic; line-height:155%;  
		color:hsl(184,100%,26%); word-spacing: 0.15em;  letter-spacing: 0.12em;  font-family: 'Nunito Sans', sans-serif; 
		border: 3px hsl(184, 100%, 26%) solid;  border-radius: 1em;	}





.sivualue {	width:100%;  max-width:1920px;    display:table;	}
.alueimage {	min-height:888px;  background-image:url(kuvat/kuva0.jpg);  background-size:1920px;  background-position:30% -222px;  position:relative;  width:100%;  display:table;    }
.raita {		border-top-width:16px;  border-bottom-width:8px;   border-left-width:0px; border-right-width:0px;  border-top-color:hsl(16, 82%, 57%);  border-bottom-color:hsl(184, 100%, 26%); border-style:solid; 		}
.raita2 {		border-top-width:6px;  border-bottom-width:3px;  border-left-width:0px; border-right-width:0px; border-top-color:hsl(16, 82%, 57%);  border-bottom-color:hsl(184, 100%, 26%); border-style:solid; 		}
	
.alueingressi {	margin:44px 0 0 0;  padding: 0 13%;  width:100%;  display:flex;  justify-content:space-between;  flex-wrap:wrap;  } 
.ingressivasen {	width:55%;       }
.ingressioikea {	width:40%; 	  }




/*    imageboxit	==============================================================================================================	*/

.tervetuloa  {	padding:0 5%;  margin:0;  font-size:133%;  text-align:center; font-style:italic; 
		color:hsla(0,0%,100% , 0.7);  font-family: 'Nunito Sans', sans-serif; 	}
.logolohko { 	margin:44px 0 0 7%;  width:400px;  max-width:80%;  display:table;   }
.logokuva {	margin-top:21px; width:100%;  border-width:22px 33px;  border-color:hsl(0,0%,100%);  border-style:solid;  border-radius:11px;   }
.haiveviiva { 	height:1px;  width:99%;  margin:22px auto 0 auto;  background:linear-gradient( 90deg, transparent , hsl(0,0%,100%) , transparent );   }
.logonalle {	padding:11px 5%;  margin:0;  font-size:155%;  text-align:center; color:hsl(0,0%,100%); text-shadow: 1px 1px hsl(0,0%,0%);  width:100%;  word-spacing: 0.17em;  letter-spacing: 0.11em;	}

.yhteyslohko {	position:absolute;  top:22px;  right:5%;  padding:11px;  width:22em;  background-color:hsl(0,0%,100%);  display:table; 	}
.yhteysele {	background-color:hsla(185, 46%, 42% , 0.15);  padding:14px 5% 5px 9%;  width:100%;  display:table; 	}
.yhteysteksti {	padding:3px 0;  margin:0;  font-size:99%;  color:hsl(0,0%,0%);   	}
.yhteysrako {	margin-top:0.8em; 	}
.karttaele {	 	}


.tekstilinkki:link {	color: rgb(49,79,149);   text-decoration: underline; }  
.tekstilinkki:visited {	color: rgb(155,155,155); text-decoration: underline; }
.tekstilinkki:hover {	color: rgb(255,145,0);   text-decoration: none; }

.irtonappula:link { 	color:hsl(0,0%,100%); background-color:hsl(16, 82%, 57%);  text-decoration:none; }
.irtonappula:visited { 	color:hsl(0,0%,100%); background-color:hsl(16, 82%, 57%);  text-decoration:none; }
.irtonappula:hover { 	color:hsl(0,0%,100%); background-color:hsl(184, 100%, 26%); text-decoration:none; }
.irtonappula { 		min-width:9em;  height:1.6em;  margin:0 auto; border-radius:0.4em;  padding:0.1em 1em 0.1em 1em;  font-size:1.0em; text-align:center; display:inline-block; } 



.nnkele {	 	bottom:24px;  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);    }
.nnk {	 	background-color:hsl(16, 82%, 57%);  border:0px hsl(0,0%,55%) solid;  height:50px;  width:50px;  background-size:30px;  background-repeat:no-repeat;  
		background-position:50% 50%;  display:block;  text-decoration:none;  }




.boxialue2 {	margin:77px 0 0 0;  padding:0 7%;  width:100%;  display:flex; justify-content:space-between;  flex-wrap:wrap;    	}
.boxi2 {		width:48%;  position:relative;   }
.boxi21 {		   }
.kuvaboxi21 {	padding: 33px 0 0 0; height:888px;  background-image:url(kuvat/kuva21.jpg);  background-size:cover;  background-position:50% 22%;      }
.boxi22 {		   }
.kuvaboxi22 {	padding: 33px 0 0 0;   height:888px;  background-image:url(kuvat/kuva22.jpg);  background-size:cover;  background-position:50% 0;     }
.kuvateksti {	padding:11px 5%;  font-size:99%;  line-height:166%;	 	}

.boxialue3 {	margin:77px 0 0 0;  padding:0 5%;  width:100%;  display:flex; justify-content:space-between;  flex-wrap:wrap;    	}
.boxi3 {		width:30%;  position:relative;  }
.boxi31 {		   }
.kuvaboxi31 {	padding: 0;  margin:0;    }
.boxi32 {		   }
.kuvaboxi32 {	padding:0;     }
.boxi33 {		   }
.kuvaboxi33 {	padding: 0;     }
.kuvaboxiotsikko {	position:absolute;  top:33px;  margin:0;  	}		
.kuvateksti {	margin:0;  padding:22px 4%;  font-size:99%;  line-height:166%;	 	}


.alinalue {	margin-top:55px;  background-color:hsl(185, 46%, 42%); width:100%;  display:table; 	}
.alinalue p {	padding:1em 33px;  margin:0;  font-size:88%;  color:hsl(0,0%,100%);  text-align:center;   }







/*    galleria    .......................................................................................................................................................        */

.gglogolohko { 	margin:4px 7%;  width:300px;  display:table;   }
.gglogonappula {	padding:1px 5% 55px 5%;  margin:0;  font-size:100%;  text-align:center; 	}


.ggtausta {		}
.ggalue2{	margin:0 auto 55px auto;  width:100%;  display:flex;  flex-wrap:wrap;  }
.gg2v {	width:calc(100% - 22em); 	}
.gg2o {	background-color:hsl(0,0%,55%);  width:22em;   padding:55px 3% 11px 3%; 
	font-family: "Liberation Sans", Arial, Helvetica, "sans-serif";   }
.ggp {	padding:19px 0 ;  margin:0;  font-size:122%; color:hsl(0,0%,100%);   line-height:155%;   }











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

.alueimage {	position:static;  min-height:auto;  }
.logolohko { 	margin:77px auto 0 auto;  width:360px; max-width:80%; }

.yhteyslohko {	margin-top:444px; width:100%;  position:static;  display:flex;  flex-wrap:wrap;  	}
.yhteysele {	margin:0; padding:24px 5% 24px 9%;  width:50%;  float:left;	}
.karttaele {	width:50%;  	}


.alueingressi {	width:100%;  margin:44px auto 0 auto;  padding:0 3%;  } 
.ingressivasen {	width:100%;  padding-left:11%;       }
.ingressioikea {	width:100%;   }

h2 {		font-size:122%;	}
.boxialue2 {	max-width:888px;  margin:44px auto 0 auto;  padding:0 3%;	}
.boxi21 {		width:100%;          }
.boxi22 {		width:100%;  margin-top: 44px;       }
.boxi23 {		width:100%;  margin-top: 44px;       }
.boxi24 {		width:100%;  margin-top: 44px;       }



.boxialue3 {	max-width:888px;  margin:44px auto 0 auto;  padding:0 3%;	}
.boxi3 {		width:100%;     margin: 44px 0 0 0;   }
.boxi31 {		width:100%;          }
.boxi32 {		width:100%;  margin-top: 44px;       }
.boxi33 {		width:100%;  margin-top: 44px;       }
.kuvaboxi31 {	background-position:50% 60%;     }
.kuvaboxi32 {	background-position:10% 60%;     }
.kuvaboxi33 {	background-position:50% 60%;    }

.gg2v {	width:100%;  	}
.gg2o {	width:100%;   padding:2px 3% 22px 5%;   }

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




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



.logolohko { 	margin:77px auto 0 auto;  width:360px; max-width:80%; }
.karttaele {	width:100%;  	}
.yhteysele {	margin-top:11px; width:100%; 	}
.yhteysele1 {	margin:0; padding:24px 5% 24px 19%;  width:100%;  float:left;	}
.yhteysele2 {	margin:0; padding:24px 5% 24px 19%;  width:100%;  float:left; 	}


/*    galleria    .......................................................................................................................................................        */







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




/*	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'; 	}
.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ä 	*/

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