.div {	border:1px red solid; 	}

body {	background-color:rgb(255,255,255);  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; 	}


.sininentumma {	color:	rgb(44,166,244);		 }
.sininenkeski {	color:	rgb(177,222,244);		 }
.sininenvaalein {	color:	rgb(232,247,252);		 }

.sinunentummempi{	color:	rgb(37,141,297);		 }
.sininentummin {	color:	rgb(44,166,244);		 }


h1 {			padding:66px 5% 33px 5%; margin:0;  font-size:222%;  color:rgb(0,0,153);  font-weight:normal;  text-align:center;       }
h2 {			padding:1em 0 0.7em 0;  		margin:55px 0 0 0;  font-size:166%; color:rgb(0,0,0);    }
h3 {			padding:44px 0 0 0;  		margin:0 0 22px 0;  font-size:144%; color:rgb(0,0,0);     }
p {			padding:11px 0 0 0;  	margin:0;  font-size:122%;  line-height:155%;   }
.pampula {		padding:0px 0px 0px 7%;  margin:11px 0 0 7%;   font-size: 122%;  background-image:url(kuvat/pallomusta.png);  background-size:0.4em;  background-position: 0 0.56em;  background-repeat: no-repeat;  line-height:155%;   }

.leveeotsikko {	font-size:177%;  color:rgb(234,252,255);  padding: 0.5em 1em;  text-align:center;  margin:77px 0 0 0;  width:100%;  
			background:linear-gradient(rgb(44,166,244) , rgba(44,166,244 , 0.5) ); 
 			font-weight: normal;  word-spacing: 0.14em;  letter-spacing: 0.07em;  display: table; 
			border-width: 4px 0 0 0;  border-color:rgb(255,244,55);  border-style:solid;  }
.leveeotsikkoylin {	margin: 0 0 0 0;  }


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

.sivu {		width:100%;  max-width:1920px;  display:table; 	}
.aluelevee {	width:100%;  display:table; 	}
.aluevakio {	width:95%;  max-width:1500px;  margin: 0 auto; display:table;  }
.alueylareuna{	padding:0 0;  position:relative;  
			background:linear-gradient(rgb(44,166,244) , rgba(44,166,244 , 0.5) ); width:100%;  display:table; 
			border-width: 0 0 11px 0;  border-color:rgb(255,244,55);  border-style:solid;  }
.alueimage {	height:333px; padding: 0 0 33px 0;  width:100%;     display:table;    }


/*    logo   .......................................................................................................................................................        */

.logolohko{		margin:44px 0 33px 11%; width:100%;  max-width:555px;  float:left;  display:table;  }
.logoele {		border:1px rgb(255,255,255) solid;  padding:4px;   	}
.logoelensisus {	background-color:rgb(255,255,255); padding:22px;   	}
.logokuva {		width:80%;  margin-left:5%; 	}
.logonalle {	text-align:center;  padding:11px 0 33px 0;  font-size:144%;  color:rgb(255,255,255);  word-spacing:0.1em;  letter-spacing: 0.1em;      }

.imagesloganlohko {	width:calc(70% - 444px);	margin:77px 5% 0 0; display:table; float:right; }
.imageslogan {		font-style:italic; margin:0 auto;  padding:0 11px; width:12em;  line-height:166%;  color:rgb(232,247,252);  font-size: 177%;  text-align:center;    }

.aluealin 	{	padding: 33px 1%;  margin-top:77px;   width: 100%;  
			background-color:rgb(255,255,255);  background:linear-gradient(rgba(44,166,244 , 0.5) , rgb(44,166,244) );
			font-size:100%;  color:rgb(0,0,0);   display: table;
			border-width: 2px 0 0 0;  border-color:rgb(255,244,55);  border-style:solid;   }
.alin1	{	width:222px;  margin-left:11%; float:left;  display:table; 	}
.alin2	{	width:21em;  margin:11px 0 0 10%;  float:left; display:table; }
.alin3	{	width:25em;  margin:11px 0 0 4%;  float:left;  display:table;	}
.logokuvaalin {	width:100%;  	}
.logoelensisusalin {	width:100%;   background-color:rgb(255,255,255); padding:22px;   	}




/*    boxit    .......................................................................................................................................................        */

.boxialue2{		width:100%; padding: 0;  display:flex;  justify-content:space-between;  } 
.boxi2 {		width:45%;  margin:66px 0 0 0;  background-color:rgb(255,255,255);  }
.kuultotausta {	margin-bottom:33px; width:100%;  position:relative;   }
.boxiotsikko2 {	position: absolute;  bottom:0px;  width:100%;  text-align:center;  padding:0.5em 5%; margin:0;   
			zzfont-weight:bold;  font-size:144%; background-color:rgba(255,255,255 , 0.8); 	}

.boxialue4{		width:100%;  padding: 0;  display: flex;  flex-wrap:wrap;  justify-content:space-between; 	}
.boxi4 {		margin:66px 0 0 0; width:22%;       }
.boxiotsikko4 {	position: absolute;  bottom:0px;  width:100%;  text-align:center;  padding:0.5em 2%; margin:0;   
		word-spacing: 0.2em;  letter-spacing: 0.1em;  font-weight:bold;  font-size:111%; 
		background-color:rgba(255,255,255 , 0.7); 	}
.yhteen24 {	margin-top:0; 	}
.tuplav {	width:49.8%;  margin: 0 0 33px 0;  float:left; 	}
.tuplao {	width:49.8%;  margin: 0 0 33px 0.4%;  float:left; 	}

.alueingressi {	padding: 33px 0;   width:100%;  display: table   	}
.ingressibxv  {	width:55%;   margin:66px 0 33px 0;  font-size: 166%;   float:left;    }
.ingressiteksti {	padding:0;  margin:11px 0px;   line-height:166%;    }
.ingressibxo {	width:35%;  margin:88px 0 33px 10%;  padding: 22px 44px; border:1px rgb(255,244,55) solid;  background-color: rgb(245,245,245);  border-radius:22px;  float:left;      }
.ingressipampula {	padding:0px 0px 0px 9%;  margin:11px 0px;    font-size: 133%;  
			background-image:url(kuvat/pallomusta.png);  background-size:0.5em;  background-position: 0 0.5em;  background-repeat: no-repeat;  line-height:155%;   }
.luotettavakumppani {	margin:11px 5% 0 0; width:155px; float:right;	}


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





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

.alin1	{	margin-left:4%;   	}
.alin2	{	margin:11px 0 0 4%;  float:left;  }
.alin3	{	margin:11px 0 0 4%;  float:left;  	}

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



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

.sivu {		max-width:1200px; 	}
.logolohko{		margin:55px auto 0 auto; width:100%;  max-width:auto;  float:none;   }
.logokuva {		width:80%; 	}
.logonalle {	text-align:center;  padding:11px 0 33px 0;  font-size:144%;  color:rgb(255,255,255);  word-spacing:0.1em;  letter-spacing: 0.1em;      }


.imagesloganlohko {	width:100%;	margin:33px 0;  float:none; }
.imageslogan {		width:auto;  font-size: 155%;     }


.alueingressi {	padding: 33px 7%;   	}
.ingressibxv  {	width:100%;   margin:66px 0 0 0;  float:none;    }
.ingressiteksti {	  }
.ingressibxo {	width:100%;  margin:33px 0 33px 0;  float:none;    }
.ingressipampula{	margin:11px 0 11px 10%;     }
		
.boxi4 {		width:45%;       }	




.alin1	{	margin-left:10%;  margin-right:none;   float:none;  }
.alin2	{	padding-left:0%; width:40%; margin:33px 0 0 10%;    }
.alin3	{	padding-left:0%; width:40%; margin:33px 0 0 10%;    }	

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





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

.sivu {		max-width:1100px; 	}
.logolohko{		margin:55px auto 0 auto; width:100%;  max-width:auto;  float:none;   }
.logokuva {		width:80%; 	}
.logonalle {	text-align:center;  padding:11px 0 33px 0;  font-size:144%;  color:rgb(255,255,255);  word-spacing:0.1em;  letter-spacing: 0.1em;      }


.imagesloganlohko {	width:100%;	margin:33px 0;  float:none; }
.imageslogan {		width:auto;  font-size: 155%;     }

.alueingressi {	padding: 33px 0;   	}

.ingressipampula {	margin:11px 0 11px 0;     }
.leveeotsikko {	font-size:133%; }
.boxialue2{		flex-direction:column;  	}
.boxi2 {		width:100%;       }
.boxi4 {		width:100%;       }			

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







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

.sivu {		max-width:700px; 	}
.alueylin {		background: rgb(234,252,255);  }
.alueimage {	padding: 0 0 33px 0;      }
.ingressibxv  {	font-size: 133%;     }
.ingressibxo {	padding: 22px 22px;       }
						 	}	/*	--------------------    */






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

.sivu {		max-width:500px; 	}

	
.alin1	{	margin-left:2%;    }
.alin2	{	width:90%; margin:33px 0 0 2%;    }
.alin3	{	width:90%; margin:33px 0 0 2%;    }	


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








/*	kestotietoa           --------------------------------------------------------------------------------------------   */

.levee100 {		width:100%;  }
.erotin {		width: 100%;  height: 1px;  display: block;  }
.eimarginaalia {	margin-right: 0;   }

.vasemmalle {	text-align: left; }
.keskelle {		text-align: center; }
.oikealle {		text-align: right; }
.kuvakeskelle {	margin-left: auto;  margin-right: auto; }

.vahvennettu {	font-weight: bold;  }
.yhdessa {		white-space: nowrap;   }

.punainen { 	color: rgb(200,0,0);  } 

.rako6000 {	margin-top: 60px; }
.rako5000 {	margin-top: 50px; }
.rako4000 {	margin-top: 40px; }
.rako3000 {	margin-top: 30px; }
.rako2000 {	margin-top: 20px; }
.rako1000 {	margin-top: 10px; }

.rako000200  {	margin-bottom: 200px; }
.rako0060 {		margin-bottom: 60px; }
.rako0040 {		margin-bottom: 40px; }
.rako0030 {		margin-bottom: 30px; }
.rako0020 {		margin-bottom: 20px; }

.rako4040 {	margin-top: 40px;  margin-bottom: 40px; }
.rako3030 {	margin-top: 30px;  margin-bottom: 30px; }
.rako2020 {	margin-top: 20px;  margin-bottom: 20px; }

.sisus6000 {	padding-top: 60px; }
.sisus5000 {	padding-top: 50px; }
.sisus4000 {	padding-top: 40px; }
.sisus3000 {	padding-top: 30px; }
.sisus2000 {	padding-top: 20px; }

.sisus0050 {	padding-bottom: 50px; }
.sisus0040 {	padding-bottom: 40px; }
.sisus0030 {	padding-bottom: 30px; }
.sisus0020 {	padding-bottom: 20px; }

.sisus6060 {	padding-top: 60px;  padding-bottom: 60px; }
.sisus5050 {	padding-top: 50px;  padding-bottom: 50px; }
.sisus4040 {	padding-top: 40px;  padding-bottom: 40px; }
.sisus3030 {	padding-top: 30px;  padding-bottom: 30px; }
.sisus2020 {	padding-top: 20px;  padding-bottom: 20px; }

.sisus6040 {	padding-top: 60px;  padding-bottom: 40px; }
.sisus5030 {	padding-top: 50px;  padding-bottom: 30px; }
.sisus4020 {	padding-top: 40px;  padding-bottom: 20px; }
.sisus3010 {	padding-top: 30px;  padding-bottom: 10px; }

.sisus2060 {	padding-top: 20px;  padding-bottom: 60px; }
.sisus2050 {	padding-top: 20px;  padding-bottom: 50px; }
.sisus2040 {	padding-top: 20px;  padding-bottom: 40px; }
.sisus2030 {	padding-top: 20px;  padding-bottom: 30px; }

.sisus6000 {	padding-top: 60px;  }
.sisus5000 {	padding-top: 50px;  }
.sisus4000 {	padding-top: 40px;  }
.sisus3000 {	padding-top: 30px;  }
.sisus2000 {	padding-top: 20px;  }
.sisus1000 {	padding-top: 10px;  }
.sisus0000 {	padding-top: 0;  }

.marginaali8000 { margin-left: 80px;    }
.marginaali4000 { margin-left: 40px;    }
.marginaali3000 { margin-left: 30px;    }
.marginaali2000 { margin-left: 20px;    }

.sisennys8000 { padding-left: 80px;   }
.sisennys4000 { padding-left: 40px;   }
.sisennys3000 { padding-left: 30px;    }
.sisennys2000 { padding-left: 20px;    }

.nega3000 {	margin-top: -30px; }
.nega2000 {	margin-top: -20px; }
.nega1000 {	margin-top: -10px; }
.nega0500 {	margin-top: -5px; }