.div {	border:1px red solid; 	}

body {	margin:0;  color:rgb(0,0,0);  word-spacing:0.1em;  letter-spacing:0.07em;  
font-family: Arial, Helvetica, Tahoma, "Liberation Sans", "DejaVu Sans", "Bitstream Vera Sans", "sans-serif";   }
body, html {	height:100%;  margin:0;  }
td { 	padding:0;  vertical-align:top;  }
table { 	border-collapse:collapse;  empty-cells:show;}
img {		border:0;  display:block; }
* 	{	box-sizing:border-box; 	}

.taivaansini { 	background-color:hsl(197,100%,78%);	color:rgb(144,224,255);  }



/*    alueet    .......................................................................................................................................................        */

.gal {	width:100%;  height:100%;  position:relative;    }
.gal10 {	background-image:url(galkuvat/gal10.jpg); background-position: 50% 50%;  background-size:cover;  background-position:50% 100%;      }
.gal20 {	background-image:url(galkuvat/gal20.jpg); background-position: 50% 50%;  background-size:cover;  background-position:50% 50%;      }
.gal30 {	background-image:url(galkuvat/gal30.jpg); background-position: 50% 50%;  background-size:cover;  background-position:50% 50%;      }
.gal40 {	background-image:url(galkuvat/gal40.jpg); background-position: 50% 50%;  background-size:cover;  background-position:50% 50%;      }
.gal41 {	background-image:url(galkuvat/gal41.jpg); background-position: 50% 50%;  background-size:cover;  background-position:50% 50%;      }
.gal42 {	background-image:url(galkuvat/gal42.jpg); background-position: 50% 50%;  background-size:cover;  background-position:50% 50%;      }
.gal50 {	background-image:url(galkuvat/gal50.jpg); background-position: 50% 50%;  background-size:cover;  background-position:50% 50%;      }
.gal60 {	background-image:url(galkuvat/gal60.jpg); background-position: 50% 50%;  background-size:cover;  background-position:50% 50%;      }
.gal70 {	background-image:url(galkuvat/gal70.jpg); background-position: 50% 50%;  background-size:cover;  background-position:50% 50%;      }
.gal80 {	background-image:url(galkuvat/gal80.jpg); background-position: 50% 50%;  background-size:cover;  background-position:50% 50%;      }
.gal90 {	background-image:url(galkuvat/gal90.jpg); background-position: 50% 50%;  background-size:cover;  background-position:50% 50%;      }
.gal100 {	background-image:url(galkuvat/gal100.jpg); background-position: 50% 50%;  background-size:cover;  background-position:50% 50%;      }
.gal110 {	background-image:url(galkuvat/gal110.jpg); background-position: 50% 50%;  background-size:cover;  background-position:50% 50%;      }
.gal120 {	background-image:url(galkuvat/gal120.jpg); background-position: 50% 50%;  background-size:cover;  background-position:50% 50%;      }
.gal130 {	background-image:url(galkuvat/gal130.jpg); background-position: 50% 50%;  background-size:cover;  background-position:50% 50%;      }
.gal140 {	background-image:url(galkuvat/gal140.jpg); background-position: 50% 50%;  background-size:cover;  background-position:50% 50%;      }
.gal150 {	background-image:url(galkuvat/gal150.jpg); background-position: 50% 50%;  background-size:cover;  background-position:50% 50%;      }
.gal160 {	background-image:url(galkuvat/gal160.jpg); background-position: 50% 50%;  background-size:cover;  background-position:50% 50%;      }


.ylinalue {	width:100%;  display:flex;  flex-wrap:wrap;	}
.linkkiele1 {	width:5%; background-color:hsl(0,0%,66%); 	}
.linkkiele2 {	width:10%; background-color:hsl(220,0%,66%); 	}
.linkkiele3 {	width:10%; background-color:hsl(110,0%,66%); 	}
.tekstiele {	width:75%;  background-color:hsla(0,0%,33%, 0.7);  color:hsl(0,0%,100%);  
		margin:0;  padding:30px 5%;  font-size:155%;  	}


.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; }
h2, p {	margin:55px; 	}



.linkkinappi {	margin:0 0 0 0px;  width:60px;  height:60px;  float:left;  display:table; 	}
	
.takaisin:link { 	background-image:url(kuvat/nnnv.png);   }
.takaisin:visited { background-image:url(kuvat/nnnv.png);     }
.takaisin:hover { 	background-image:url(kuvat/nnnv.png);  background-color:hsl(0,0%,88%);  }
.takaisin {	height:100%; width:100%;  background-size:33px;  background-position:50% 50%; background-color:hsl(0,0%,66%);   background-repeat:no-repeat;  display:block;  text-decoration:none;  }

.ylos:link { 	background-image:url(kuvat/nnny.png);   }
.ylos:visited { 	background-image:url(kuvat/nnny.png);     }
.ylos:hover { 	background-image:url(kuvat/nnny.png);  background-color:hsl(0,0%,88%);  }
.ylos {	 	height:100%; width:100%;  background-size:44px;  background-position:50%; background-color:hsl(0,0%,44%); background-repeat:no-repeat;  display:block;  text-decoration:none;  }

.alas:link { 	background-image:url(kuvat/nnna.png);   }
.alas:visited { 	background-image:url(kuvat/nnna.png);     }
.alas:hover { 	background-image:url(kuvat/nnna.png);  background-color:hsl(0,0%,88%);  }
.alas {	 	height:100%; width:100%;  background-size:44px;  background-position:50%; background-color:hsl(0,0%,22%); background-repeat:no-repeat;  display:block;  text-decoration:none;  }


	





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

.linkkiele1 {	width:33.3%;  height:50px; 	}
.linkkiele2 {	width:33.3%; 	}
.linkkiele3 {	width:33.3%; 	}
.tekstiele {	width:100%;   	}


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

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