.div {	border:1px red solid;	}

body {	margin:0; word-spacing: 0.1em;  letter-spacing: 0.05em;  font-family: Quicksand, "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;	}


.paluulinkkiele2 {	margin: 22px 33px;  }
.paluulinkkiele3 {	position:absolute;  top:22px;  left:11px;  }



/*    alueet ja pilarit   =======================================================================================================	*/

.ppsivu {	width:100%;  max-width:1111px;  padding-bottom:999px; margin: 44px auto 77px auto;  }
.ppsivub {	max-width:777px; 	}

.ppboxi {	margin-bottom:377px;  background-color:transparent;  width:100%;  display:table;  position:relative;		}
.alareunaboxi {	background-color:transparent;  width:100%;  		}

.ppv {	padding:10px; width:90px;  height:270px;  float:left; display:table; 		}
.ppnn0 {	 	border:1px rgb(222,222,222) solid;  background-color:rgb(255,255,255);  height:50px;  width:50px;  background-size:28px;  background-repeat:no-repeat;  background-position:50% 50%;  display:block;  text-decoration:none;  }
.ppnn1:link { 	background-image: url(kuvat/ppnn1.png);   }
.ppnn2:link {	background-image: url(kuvat/ppnn2.png);  	}
.ppnn3:link {	background-image: url(kuvat/ppnn3.png);  	}
.ppnn4:link {	background-image: url(kuvat/ppnn4.png);  	}
.ppnn0:hover { 	background-color:rgb(222,222,222);   }
.ppnappi0 {	margin:10px;  height:50px;  width:50px;   }
.ppnappi1 {	   }
.ppnappi2 {	  }
.ppnappi3 {	  }
.ppnappi4 {	  }

.ppo {	padding-top:20px; width:calc(100% - 140px);  float:right; display:table; 	 	}
.ppkuva {	width:100%;  border:1px rgb(222,222,222) solid; 		}
.ppteksti {	text-align:center; padding:11px;  background-color:transparent;  		}

.nnkele {	 	bottom:10px;  left:11px;  position:fixed;  z-index:222;  }
.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(0,100%,50%);   }
.nnk {	 	background-color:hsl(0,0%,0%); height:40px;  width:40px;  border:2px hsl(0,0%,100%) solid;   border-radius:7px; display:block;  text-decoration:none;
		background-size:15px;  background-repeat:no-repeat;  background-position:50% 50%;    }





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

.ppsivu {	padding-bottom:333px;   }
.ppv {	padding:5px; width:60px;  height:300px;  top:22px; position:absolute; float:none;  z-index:222; 		}
.ppnappi0 {	margin:20px 0;   }
.ppo {	width:100%;  float:none;   	}

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








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

.ppsivu {	padding-bottom:0;   }
.ppboxi {	margin-bottom:0; 	}
.ppv {	display:none; 		}
.ppnappi0 {	margin:5px 10px;  height:50px;  width:50px;  display:inline-block;  }
.ppo {		width:100%;  float:none;  position:relative; 	}

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







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



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










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