body {	margin: 0; color: rgb(0,0,0);  background-color: rgb(255,255,255);  word-spacing: 0.1em;  letter-spacing: 0.03em;  font-family: Lato, 'sans-serif';  }
td { 		padding: 0;  vertical-align: top;   }
table { 	border-collapse: collapse;  empty-cells: show;}
img {		display: block;  border: 0; }
.sivu {	width: 100%;  margin: 0 auto 0px auto;  box-sizing: border-box;    }
.sininenotsikko {		color: rgb(11,148,217);	}
.vaaleansininentausta {	background-color: rgb(146,203,246);	}
.likimustatausta {	background-color: rgb(38,38,38);	}
.mustahkotausta	 {	background-color: rgb(76,76,76);	}
.mustatausta	 {	background-color: rgb(0,0,0);		}
.valkeatausta {		background-color: rgb(255,255,255);	}
.vaaleanharmaatausta {	background-color: rgb(244,244,244);	}
.valkoinenteksti {	color: rgb(255,255,255);	}
.mustateksti	 {	color: rgb(0,0,0);		}



/*    vakioteksti    ------------------------------------------------------------------------------------------------------------------------------------    */

h1  {	color: rgb(11,148,217);	font-weight: normal; font-family: 'Lato Light', 'sans-serif';  }
.h1emulaatio  {	color: rgb(11,148,217);  font-weight: normal; font-family: 'Lato Light', 'sans-serif';  }
h2  {	font-size: 144%;  margin: 0;  padding: 33px 22px 0 22px;  color: rgb(11,148,217);	font-family: 'Lato Light', 'sans-serif';  }
h3 {	font-size: 110%;  margin: 0;  padding: 22px 22px 0 22px;  color: rgb(0,0,0);      }
p {	font-size: 90%;   margin: 0;  padding: 15px 22px 0 22px;  line-height: 133%;     box-sizing: border-box;  }

.ingressi{	font-size: 111%;  color: rgb(0,0,0);   padding: 22px 0 0 0;  margin: 0;  text-align: center; line-height: 133%;     }


.paluuele {	margin:11px 33px; width:9em;   }
.paluulinkki:link { 	color: rgb(0,0,0); text-decoration: none;    }
.paluulinkki:visited { 	color: rgb(0,0,0); text-decoration: none;   	    }
.paluulinkki:hover { 	color: rgb(0,0,0);  text-decoration: underline;      }
.paluulinkki {		display: block;  }






/*    logolohko    ------------------------------------------------------------------------------------------------------------------------------------------------------------------------    */

.logolohko {	padding: 22px 0 0 0;  	height: 111px;  width: 100%;  display: table;  box-sizing: border-box;  z-index:222;   	}


.logoele {	width: 300px;  margin: 0 0 22px 55px;   float:left;   box-sizing: border-box;    }
.logokuva {	height:100px;  margin-left:auto;  margin-right:auto;     box-sizing: border-box; }
.logoteksti { text-align:center; 	font-size: 122%;   margin: 0;  padding: 5px 0 0 0;  }


.navilohko{	width:44em;   font-size: 99%;  position: absolute;  top:115px;  right:0px;  display: table;   box-sizing: border-box;   }
ul {		z-index:111; list-style-type:none;  margin:0;  padding:0;  position: absolute;  }
li {		background: rgb(255,255,255);  display:inline-block;  float: left;  padding-left:1px;  box-sizing: border-box;	}
li a {		display:block;  padding: 0 2em;  height: 50px;  line-height: 50px;  color: rgb(0,0,0);  background: transparent; text-decoration: none;  box-sizing: border-box;  }
li:hover {			}
li:hover a {	background: rgb(255,255,255); background: rgb(245,245,245);	color: rgb(0,0,0);  }
li:hover ul a {	background: rgb(255,255,255);   color: rgb(0,0,0);   height: 40px;  line-height: 40px;	}
li:hover ul a:hover {	background: rgb(245,245,245);   	}
li ul {			display: none;  }
li ul li {			display: block;	float: none;  }
li ul li a {		width: auto;	min-width: 100px;	padding: 0 20px;   border-width: 0 0 1px 0; border-color: rgb(111,111,111);  border-style: dotted; }
ul li a:hover + .hidden, .hidden:hover {	display: block; }
.show-menu {		text-decoration: none;  color: rgb(255,255,255); background: rgb(66,66,66); padding: 10px 1em; 	display: none;  }
input[type=checkbox]{	display: none;  -webkit-appearance: none; }
input[type=checkbox]:checked ~ #menu{	display: block;  }



/*    lohko    ------------------------------------------------------------------------------------------------------------------------------------    */

.sisusta {		width: 100%;  	padding: 5% 10%;   box-sizing: border-box;  }
.kapeasisusta {				padding: 5% 20%; }
.videolohko {	height:666px; width: 100%;  	padding: 55px 0;  text-align:center;  background: rgb(0,0,0);   box-sizing: border-box;   }
.leveesisusta {	padding: 5% 0%;  }





/*    imagelohko    ------------------------------------------------------------------------------------------------------------------------------------    */

.imagelohko {	padding: 5% 5%;  border-width: 3px 0 0 0 ;  border-color:rgb(244,244,244);  border-style: solid; width: 100%;  display: table;  box-sizing: border-box;    }
.imagesisusta {	display:flex; justify-content:space-between;   box-sizing: border-box;  }
.imageflex {	background-color: rgba(255,255,255, 0.9);   width: 48%;   box-sizing: border-box;  }
.imagevasen {	padding: 22px 4%;    }
.imageoikea {	padding: 0px 4%;   background-color: rgb(0,0,0);  }
.imageteksti {	margin: 0.5em 0 0 0;  font-size: 177%;  line-height:155%;   }
.imagekuva {	width:100%;    }

.imageominaisuudet {	padding: 33px 5% 0 5%;  width:90%;  	}
.imageominaisuus {	width:33%;  float:left;  text-align: center;  padding: 11px 11px;   box-sizing: border-box;  	}


.imagesininen {	padding: 44px 33px; width:100%;  max-width:999px; background-color:  rgba(11,148,217, 0.8);  box-sizing: border-box;}
.imagesininenotsikko {	margin: 0;  font-size:222%;   color: rgb(255,255,255);     }
.imagesininenteksti {	margin: 1em 0 0 0;  line-height:177%;   font-size: 111%;  color: rgb(255,255,255);  }

.imagealibre {		background-image:url(alibre/kuvat/etu0.jpg);  			background-position: 0px -155px; 	}
.image3dcad {		background-image:url(alibre/kuvat/3dmallinnus0.jpg);  	background-position: 0 0;    		}
.image2dcad {		background-image:url(alibre/kuvat/2dpiirustukset0.jpg);  	background-position: 0 0;   		}
.imageohutlevyt {		background-image:url(alibre/kuvat/ohutlevyt0.jpg);  		background-position: 0 -222px;   	}
.imagefotorealisti{	background-image:url(alibre/kuvat/fotorealisti0.jpg);  	background-position: 0 0px;   	}
.imageskannattudata {	background-image:url(alibre/kuvat/skannattudata0.jpg);  	background-position: 0 0px;   	}
.imageintegrointi {	background-image:url(alibre/kuvat/integrointi0.jpg);  	background-position: 0 0px;   	}
.imagetuki {		background-image:url(alibre/kuvat/tuki0.jpg);  			background-position: 0 0px;   	}
.imagelisensiointi {	background-image:url(alibre/kuvat/lisensiointi0.jpg);  	background-position: 0 0px;   	}

.boxiv22 {	font-size:80%; width:100%;  padding:33px 3%;  margin:88px 0 0 0; display:table; 	 background-color:  rgba(11,148,217, 0.8);  box-sizing: border-box; }

.otsikkomustalla{		font-size: 222%;  padding: 1.5em 10% 1em 10%;  margin:0;  color: rgb(255,255,255);  background-color:  rgb(0,0,0);  	width:100%;  font-weight: normal; font-family: 'Lato Light', 'sans-serif';  box-sizing: border-box;  }
.otsikkosinisella {	font-size: 222%;  padding: 1.5em 10% 1em 10%;  margin:0;  color: rgb(255,255,255);  background-color:  rgb(11,148,217); width:100%;  font-weight: normal; font-family: 'Lato Light', 'sans-serif';  box-sizing: border-box;  }
.sininenotsikko {	padding: 1.3em 10% 0.3em 10%;    color: rgb(11,148,217);  font-weight:normal;   }
.teksti {		padding: 0.7em 10% 0.7em 10%;   line-height:199%;   max-width:1222px;    }
.tekstikuvaele {	width:100%;  padding: 55px 20% 55px 10%;  display:table;   box-sizing: border-box;  }
.tekstikuva {	width:100%;  max-width:999px; margin: 0 auto; box-sizing: border-box;  }
.pampula {		margin: 0.7em 10% 0.7em 15%;   padding: 0px 0px 0px 44px; max-width:999px; background-image: url(kuvat/musta-11.png);  background-position: 0 0.3em;  line-height: 122%;   background-repeat: no-repeat;  }

.palstaside {	width: 80%;  margin: 1% 10%;  display:table;  }
.vasenpalsta {	float: left;   width: 48%;  display:table;  box-sizing:border-box;       }
.oikeapalsta {	float: right;  width: 48%;  display:table;  box-sizing:border-box;    }
.palstasininenotsikko  {	padding: 1.3em 0% 0.3em 0%;    color: rgb(11,148,217);  font-weight:normal;   }
.palstateksti{	padding: 0.7em 0% 0.7em 0%;   line-height:199%;       }
.palstapampula {	margin: 5px 0 0 0;  padding: 0px 0px 0px 22px;  background-image: url(kuvat/musta-6.png);  background-position: 0 0.4em;  line-height: 122%;   background-repeat: no-repeat;  }



/*    keskityslohko    ------------------------------------------------------------------------------------------------------------------------------------    */

.keskityslohko {		padding: 55px 33px;  width:100%;  display: table;  box-sizing: border-box;  }
.keskitysotsikko {	text-align:center;   font-weight:normal;  font-size:222%;   }

.pyoreenappi {	  	margin-left: auto;  margin-right: auto;  text-align:center;   display: block;     }
.pyoreelinkki:link { 	padding: 0.5em;   color: rgb(0,0,0); 	  display: block;  background: rgb(25,255,0);   text-decoration: none;   }
.pyoreelinkki:visited { padding: 0.5em;   color: rgb(0,0,0); 	  display: block;  background: rgb(25,255,0);   text-decoration: none;   }
.pyoreelinkki:hover { 	padding: 0.5em;   color: rgb(255,255,255);  display: block;  background: rgb(233,55,55);  text-decoration: none;   }
.pyoreelinkki {		border-radius: 1em;    }
.pyoreenappilataus {	margin-top:55px;   width: 15em;   }
.verkkokauppaele {	width: 15em;  margin:11px 33px;  text-align:center; position:absolute;  top:11px;  right:22px;     }





/*    etuboxilohko    ------------------------------------------------------------------------------------------------------------------------------------    */

.etuboxilohko {	width: 100%;      box-sizing: border-box;  }
.etuboxisisusta {	display:flex; justify-content:space-around;   box-sizing: border-box;   }
.etuboxiflex {	width:222px;   box-sizing: border-box;  }
.etuflexkuva {	width:222px;  border-radius:111px;  margin: 0px auto 0 auto;    }
.etuflexteksti {	font-size: 133%;   margin: 0;  padding: 15px 0 0 0;  text-align:center; color:rgb(244,244,244);  box-sizing: border-box;  }



/*    boririvi3    ------------------------------------------------------------------------------------------------------------------------------------    */

.boxirivi3 {		width: 100%;    box-sizing: border-box;  }
.boxirivisisusta3 {	display:flex; justify-content:space-between;   box-sizing: border-box;    }
.boxi3 {			width:29%;   box-sizing: border-box;   }
.boxikuva3 {		width:122px;  margin: 33px auto 0 auto;   }
.boxiotsikko3{		font-size: 155%;   margin: 0;  padding: 15px 0 0 0; text-align:center; letter-spacing:0.1em;  word-spacing:1em;    }
.boxiteksti3 {		font-size: 122%;   margin: 0;  padding: 15px 0 0 0;  line-height:155%;  letter-spacing:0.07em;  word-spacing:0.3em;    }




/*    boririvi    ------------------------------------------------------------------------------------------------------------------------------------    */

.boxirivi2 {		width: 100%;    box-sizing: border-box;  }
.boxirivisisusta2 {	display:flex; justify-content:space-between;   box-sizing: border-box;    }
.boxi2 {			width:45%;   box-sizing: border-box;   }
.boxikuva2 {		width:100%;    }
.boxiteksti2 {		font-size: 122%;   margin: 0;  padding: 15px 0 0 0;  color:rgb(255,255,255);  color:rgb(0,0,0); line-height:155%;  letter-spacing:0.1em;  word-spacing:1em;    }


.kapeaboxi {		width:100%;  max-width:666px;  margin: 0 auto;  padding:55px 3%;   box-sizing: border-box;  }
.kapeaboxiteksti {		font-size: 122%;   margin: 0;  padding: 15px 0 0 0;  color:rgb(255,255,255);  color:rgb(0,0,0); line-height:155%;  letter-spacing:0.1em;  word-spacing:1em;    }
.kapeapampula {		margin: 0.7em 10% 0.7em 15%;   padding: 0px 0px 0px 44px; max-width:999px; background-image: url(kuvat/musta-11.png);  background-position: 0 0.3em;  line-height: 122%;   background-repeat: no-repeat;  }



/*    taulukot    ------------------------------------------------------------------------------------------------------------------------------------    */

.vertailutaulu {		font-size: 95%;  width:80%;  margin: 0 10% 33px 10%;   border-width: 1px 1px 0 1px;  border-color:rgb(76,76,76); border-style:dotted; 	}
.vertailuylinotsikko {	padding: 0.7em 33px 0.5em 33px;  text-align:center;  color:rgb(255,255,255); background-color: rgb(11,148,217); font-size:155%;		}
.vertailuvasenotsikko {	padding: 1.5em 33px 1.2em 33px; color:rgb(255,255,255); background-color: rgb(76,76,76); font-size:155%;		}
.vertailuapuotsikko {	padding: 1.0em 33px 0.8em 33px;  font-size:111%; color:rgb(0,0,0); background-color: rgb(222,222,222);		}
.vertailuvasensolu {	padding: 1.0em 33px 0.8em 33px; 		}
.vertailutaulu td {	border-width: 0 0 1px 0;  border-color:rgb(76,76,76); border-style:dotted;  }
.vertailusoluplus {	text-align:center;  vertical-align:middle; padding: 0;  font-size: 122%;  font-weight:bold;  color: rgb(25,171,30);   	}
.vertailusolumiinus {	text-align:center;  vertical-align:middle; padding: 0;  font-size: 155%;  font-weight:bold;  color: rgb(233,33,33);	}

.tooltip {	   position: relative;  top:0;     display: inline-block;  border-bottom: 1px dotted black;		}
.tooltip .tooltiptext {    font-size:111%; visibility: hidden;    width: 200px;    background-color: rgb(38,38,38);    color: rgb(255,255,255);    text-align: center;    border-radius: 6px;    padding: 5px;    position: absolute;    z-index: 1;    top: 150%;    left: 50%;    margin-left: -100px;    opacity: 0;    transition: opacity 1s;	}
.tooltip:hover .tooltiptext {    visibility: visible;    opacity: 1;	}





/*    boririvi2    ------------------------------------------------------------------------------------------------------------------------------------    */

.punainenlinkki:link { 		color: rgb(66,66,66);  		text-decoration: none;    }
.punainenlinkki:visited { 	color: rgb(229,100,168);   	text-decoration: none;    }
.punainenlinkki:hover { 	color: rgb(66,66,66);   	text-decoration: underline;    }


.ylospala {	 		bottom:4px;  left:4px;  position:fixed;   box-sizing: border-box;  }
.ylosluokka:link { 	height:50px;  width:50px; color:rgb(255,255,255);  background-color:rgb(66,66,66);     background-image: url(kuvat/pyv.png);  background-repeat: no-repeat;  background-position: 50% 50%;  display: block;  text-decoration: none;    }
.ylosluokka:visited { 	height:50px;  width:50px; color:rgb(202,202,202);  background-color:rgb(66,66,66);     background-image: url(kuvat/pyv.png);  background-repeat: no-repeat;  background-position: 50% 50%;  display: block;  text-decoration: none;    }
.ylosluokka:hover { 	height:50px;  width:50px; color:rgb(255,255,255);  background-color:rgb(233,55,55);  background-image: url(kuvat/pyv.png);  background-repeat: no-repeat;  background-position: 50% 50%;  display: block;  text-decoration: none;    }
.ylosluokka {	 	margin:1px; border-width: 1px 1px 1px 1px;  border-color:rgb(155,155,155);  border-style:solid;  }




/*    harvinaiset    ------------------------------------------------------------------------------------------------------------------------------------    */

.alaslogan {	text-align:center;  color:rgb(255,255,255);    }
.kuvav22 {	margin-top:11px;  width:222px;  border:1px rgb(0,0,0) dotted;  border-radius:22px; 	}
.pampularaolla {	margin:1.7em 10% 0.7em 15%;   padding: 0px 0px 0px 44px; max-width:999px; background-image: url(kuvat/musta-11.png);  background-position: 0 0.3em;  line-height: 155%;   background-repeat: no-repeat;  }
.hipsupampularaolla {	font-size: 111%; margin:1.7em 10% 0.7em 15%;   padding: 0px 0px 0px 44px; max-width:999px;  line-height: 155%;   }



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

/*
.navilohko {	z-index:111;  width: 350px;   margin-right:55px;     }
ul {			list-style-type:none;  margin:0;  padding:0;   position: static;  display: none; }
li {			display:inline-block;  float: left;  	}
li a {		display:block;  padding: 0 1em;  height: 50px;  line-height: 50px;  color: rgb(0,0,0);  background: transparent; text-decoration: none;  box-sizing: border-box; background: rgb(222,222,222); }
li:hover a {	background: rgb(245,245,245);  color: rgb(0,0,0);  }
li:hover ul a {	height: 40px;  line-height: 40px;	color: rgb(0,0,0);  }
li:hover ul a:hover {	color: rgb(0,0,0);   background: rgb(245,245,245);   }
li ul {		display: none;  }
li ul li {		display: block;	float: none;  }
li ul li a {	width: auto;	min-width: 100px;	padding: 0 20px;  }
ul li a:hover + .hidden, .hidden:hover {	display: block;  background: rgb(245,245,245);    }
.show-menu {	text-decoration: none;  color: rgb(255,255,255); background: rgb(76,76,76);  padding: 10px 1em;  display:block; text-align: center;  }
ul li, li a {  	width: 100%;  text-align: center;  }
*/

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








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

.sisusta {		padding: 3% 5%; }
.kapeasisusta {	padding: 3% 10%; }



.imagesisusta {	padding: 3% 0%;  }
.imageteksti {	font-size: 133%;    }
.imagealibre {	padding: 3% 3%;   }

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








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

.logolohko {	height: 255px;  	}
.logoele {		   }
.logokuva {		 }

.navilohko{	position:relative;  top:0px;  display:block;  margin: 155px auto;    }

.imagesisusta {	padding: 2% 2%;  display:block; justify-content:center;    }
.imageflex {	width: 96%;  margin: 2% 2% 0 2%;  display:table;   }
.imagevasen {	padding: 22px 4%;    }
.imageoikea {	padding: 0px 4%;     }

.vasenpalsta {	float: none;   width: 100%;         }
.oikeapalsta {	float: none;   width: 100%;    }




/*    boririvit    ------------------------------------------------------------------------------------------------------------------------------------    */

.etuboxilohko {	width: 100%;  margin-top:66px;   padding: 22px 0 55px 0;  background-color: rgb(88,88,88);    box-sizing: border-box;  }
.etuboxisisusta {	display:block; justify-content:center;     }
.etuboxiflex {	width: 96%;  margin: 33px 2% 0 2%;    }

.boxirivisisusta3 {	display:block; justify-content:center;   }
.boxi3 {			width:80%;  margin:33px auto;    }
.boxikuva3 {		margin: 33px auto 0 auto;   }
.boxiteksti3 {		text-align:center;   }

.boxirivisisusta2 {	display:block; justify-content:center;     }
.boxi2 {			width:80%;  margin:33px auto;    }
.boxiteksti2 {		text-align:center;    }

.tekstikuvaele {		padding: 55px 10% 55px 10%;   }

.vertailutaulu {		font-size: 95%;  width:100%; margin: 0 0%;  	}


/*    taulukot    ------------------------------------------------------------------------------------------------------------------------------------    */

.vertailuylinotsikko {	padding: 0.3em 22px;  font-size:122%;		}
.vertailuvasenotsikko {	padding: 1em 22px; font-size:122%;		}
.vertailuapuotsikko {	padding: 0.7em 22px;  font-size:111%; 		}
.vertailuvasensolu {	padding: 0.5em 22px; 		}
.vertailusoluplus {	padding: 0;  font-size: 100%;    	}
.vertailusolumiinus {	padding: 0;  font-size: 111%;  	}




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








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

.verkkokauppaele {	margin-top:28px;     }

.logolohko { 	height: 300px;    z-index:auto;   	}

.logoele {		width: 100%;  margin: 22px 0 0 0;   float:none;     }
.logokuva {		margin-left:auto;  margin-right:auto;   }
.logoteksti {	text-align:center;   padding: 5px 0 0 0;  }


.navilohko {	margin: 22px 1% 0 1%; width: 98%;  position:relative;  padding: 0;   }

li:hover ul a {	background: rgb(255,255,255);   color: rgb(0,0,0);   height: 5em;  line-height: 5em;	}
li ul li a {	width: auto;	min-width: 500px;	 padding: 0 20px;    }


.imagelohko {	padding: 0px; width:100%;  }
.imagesininen {	padding: 44px 33px; width:100%;    }
.imagesisusta {	padding: 0;     }
.imagealibre {	padding: 0;   }	
.imageflex {	width: 100%;  margin:0;     }

.sisusta {		padding: 3% 3%; }
.kapeasisusta {	padding: 3% 3%; }


.boxi3 {			width:96%;  margin:33px auto;    }
.boxi2 {			width:96%;  margin:33px auto;    }


.vertailuylinotsikko {	padding: 0.3em 11px;  font-size:100%;		}
.vertailuvasenotsikko {	padding: 0.7em 11px; font-size:100%;		}
.vertailuapuotsikko {	padding: 0.5em 11px;  font-size:100%; 		}
.vertailuvasensolu {	padding: 0.5em 11px; 		}
.vertailusoluplus {	padding: 0;  font-size: 100%;    	}
.vertailusolumiinus {	padding: 0;  font-size: 111%;  	}

.pampularaolla {	margin:1.7em 10% 0.7em 5%;     }
.hipsupampularaolla {	margin:1.7em 10% 0.7em 5%;     }


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









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

.logolohko { 	height: 300px;     	}

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





/*   vakioelementtejä       ooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo    */

.erotin {	width: 100%;  height: 1px;  display: block;  }
.eimarginaalia {	margin-right: 0;   }
.vahvennettu {	font-weight: bold;  }
.yhdessa {	white-space: nowrap;   }

.vasemmalle {	text-align: left; }
.keskelle {		text-align: center; }
.oikealle {		text-align: right; }
.keskitettykuva {	margin-left: auto;  margin-right: auto; }
.keskitetty {	text-align: center;  }
.levee100 {	width:100%;  }

.rako8000 {	margin-top: 80px; }
.rako7000 {	margin-top: 70px; }
.rako6000 {	margin-top: 60px; }
.rako5000 {	margin-top: 50px; }
.rako4000 {	margin-top: 40px; }
.rako3000 {	margin-top: 30px; }
.rako2000 {	margin-top: 20px; }
.rako1000 {	margin-top: 10px; }
.rako0000 {	margin-top: 0px; }

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

.sisus4000 {	padding-top: 40px; }
.sisus3000 {	padding-top: 30px; }
.sisus2000 {	padding-top: 20px; }

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

.sisennys4000 { padding-left: 40px;  padding-right: 0;  }
.sisennys2000 { padding-left: 20px;  padding-right: 0;  }

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

.leveys100 {	width: 100%;  }
.leveys80 {		width: 80%;  }
.leveys60 {		width: 60%;  }
.leveys50 {		width: 50%;  }
.leveys40 {		width: 40%;  }
.leveys20 {		width: 20%;  }
.leveys457 {	width: 100%;  max-width: 457px;  }