BODY
{
background-image: url(img/taus.jpg);
background-color: #E0E0E2;
background-repeat: repeat-x;
margin:0 0 0 0;

}

@font-face {
	font-family: 'frank';
src: url(fonts/LibreFranklin-SemiBold.woff2);

 }

h1{font-family: 'frank', Trebuchet, tahoma, verdana, arial, helvetica;
		
		font-weight: normal;
		font-size: 15pt;
letter-spacing: -1px;
		color:#364F86}

h3{font-family: 'frank', arial, helvetica;
		
		font-weight: normal;
		font-size: 15pt;
letter-spacing: -1px;
		color:#4B4B4B}

h4{font-family: 'frank', arial, helvetica;
		
		font-weight: normal;
		font-size: 11pt;
letter-spacing: -1px;
		color:#4B4B4B}

h2{font-family: 'frank', verdana, arial, helvetica;
		
		font-weight: bold;
		font-size: 16pt;
letter-spacing: -1px;
		color:blue}



h5{font-family: 'frank', arial, helvetica;
		font-weight: normal;
		font-size: 7pt;7
letter-spacing: -1px;
		color:#737373;}


h6{font-family: 'frank', arial, helvetica;
		font-weight: normal;
		font-size: 9pt;
letter-spacing: -1px;
		color:#595959}

table {font-family:'frank', arial, helvetica; 
font-size: 12pt; 
font-weight: normal; 
letter-spacing: -1px;
color:#3D3D3D}

#iframe {
 
width: 470px;
height: 1600px;
    

}

.ylapalkki{
background-image: url(img/ylapalkki2.png);

background-repeat: no-repeat;
margin:0 0 0 0;

}


.tuotelaatikko
 {
 border: 1px solid #364F86;
background-color: #FFFFFF;
margin:3px;

 }

.leipis{font-family: arial, helvetica;
		font-weight: normal;
		font-size: 9pt;
		color:#4B4B4B}

.pikku{font-family: arial, helvetica;
		font-weight: normal;
		font-size: 9pt;
		color:black;}



ul{font-family: arial, helvetica;
		font-weight: normal;
		font-size: 9pt;
		list-style: square
		color:#595959}





// NAVIGOINTI : class="nappi"
// vertikaalinavikoinnin nappien välien säätö: lineheight

#nappi {

}
a.nappi {
	display: inline-table;
	width: ;
	height: 27;
	padding-right: 10;
	padding-left: 10;
	font-family: 'frank', arial, helvetica;

	font-weight: normal;
	font-style: normal;
	font-size: 11pt;
	line-height: 18pt;
	letter-spacing: 1;
	text-align: center;

	text-decoration: none;
     color: #000000;

    	background-repeat: no-repeat;
	background-position: left;
	text-indent: 0 ;
     z-index: 100;
}
	 
a.nappi:hover {
	color: #FFF;    
	 background-color: #364F86;
	font-family: 'frank', arial, helvetica;
letter-spacing: 1px;


}
.nappi2 {
	display: inline-table;
	width: ;
	height: 27;
	padding-right: 10;
	padding-left: 10;
	font-family: 'frank', arial, helvetica;
letter-spacing: 0px;

	font-weight: normal;
	font-style: normal;
	font-size: 11pt;
	line-height: 28pt;
	letter-spacing: 1;
	text-align: center;

	text-decoration: none;
     color: #FFF;
     background-color: #364F86;
    	background-repeat: no-repeat;
	background-position: left;
	text-indent: 0pt;
     z-index: 100;
}


// NAVIGOINTI PÄÄTTYY



#sivunappi {

}
a.sivunappi {
	display: table-cell;

	padding-right: 2;
	padding-left: 2;
	padding-top: 2;
	padding-bottom: 2;
	font-family: arial, helvetica;
	font-weight: normal;
	font-style: normal;
	font-size: 10pt;

	letter-spacing: 0;
	text-align: left;

	text-decoration: none;
     	color: #000000;

    	background-repeat: no-repeat;
	background-position: left;
	text-indent: 0 ;
    	 z-index: 100;
}


	 
a.sivunappi:hover {
	color: #000000;    
	 background-color: #364F86;


}
a.sivunappi:focus {
	display: table-cell;

	padding-right: 2;
	padding-left: 2;
	padding-top: 2;
	padding-bottom: 2;
	font-family: arial, helvetica;
	font-weight: normal;
	font-style: normal;
	font-size: 10pt;

	letter-spacing: 0;
	text-align: left;
	text-decoration: none;
     color: #002056;
     background-color: #97BBE6;

    	background-repeat: no-repeat;
	background-position: left;
	text-indent: 0 ;
     z-index: 100;
}

BODY
{
background-image: url(img/taus.jpg);
background-color: #E0E0E2;
background-repeat: repeat-x;
margin:0 0 0 0;

}

@font-face {
	font-family: 'frank';
src: url(fonts/framd.woff);

 }

h1{font-family: 'frank', Trebuchet, tahoma, verdana, arial, helvetica;
		
		font-weight: normal;
		font-size: 15pt;
letter-spacing: -1px;
		color:#364F86}

h3{font-family: 'frank', arial, helvetica;
		
		font-weight: normal;
		font-size: 15pt;
letter-spacing: -1px;
		color:#4B4B4B}

h4{font-family: 'frank', arial, helvetica;
		
		font-weight: normal;
		font-size: 11pt;
letter-spacing: -1px;
		color:#4B4B4B}

h2{font-family: 'frank', verdana, arial, helvetica;
		
		font-weight: bold;
		font-size: 16pt;
letter-spacing: -1px;
		color:blue}

p{
font-family: 'frank', arial, helvetica; 
font-size: font-weight: normal; 
12pt;
letter-spacing: -1px; 
color:#000}

h5{font-family: 'frank', arial, helvetica;
		font-weight: normal;
		font-size: 7pt;7
letter-spacing: -1px;
		color:#737373;}


h6{font-family: 'frank', arial, helvetica;
		font-weight: normal;
		font-size: 9pt;
letter-spacing: -1px;
		color:#595959}

table {font-family:'frank', arial, helvetica; 
font-size: 12pt; 
font-weight: normal; 
letter-spacing: 0px;
color:#3D3D3D}

#iframe {
 
width: 470px;
height: 1600px;
    

}

.ylapalkki{
background-image: url(img/ylapalkki2.png);

background-repeat: no-repeat;
margin:0 0 0 0;

}


.tuotelaatikko
 {
 border: 1px solid #364F86;
background-color: #FFFFFF;
margin:3px;

 }

.leipis{font-family: arial, helvetica;
		font-weight: normal;
		font-size: 9pt;
		color:#4B4B4B}

.pikku{font-family: arial, helvetica;
		font-weight: normal;
		font-size: 9pt;
		color:black;}



ul{font-family: arial, helvetica;
		font-weight: normal;
		font-size: 9pt;
		list-style: square
		color:#595959}





// NAVIGOINTI : class="nappi"
// vertikaalinavikoinnin nappien välien säätö: lineheight

#nappi {

}
a.nappi {
	display: inline-table;
	width: ;
	height: 27;
	padding-right: 10;
	padding-left: 10;
	font-family: 'frank', arial, helvetica;

	font-weight: normal;
	font-style: normal;
	font-size: 11pt;
	line-height: 18pt;
	letter-spacing: 1;
	text-align: center;

	text-decoration: none;
     color: #000000;

    	background-repeat: no-repeat;
	background-position: left;
	text-indent: 0 ;
     z-index: 100;
}
	 
a.nappi:hover {
	color: #FFF;    
	 background-color: #364F86;
	font-family: 'frank', arial, helvetica;
letter-spacing: 1px;


}
.nappi2 {
	display: inline-table;
	width: ;
	height: 27;
	padding-right: 10;
	padding-left: 10;
	font-family: 'frank', arial, helvetica;
letter-spacing: 0px;

	font-weight: normal;
	font-style: normal;
	font-size: 11pt;
	line-height: 28pt;
	letter-spacing: 1;
	text-align: center;

	text-decoration: none;
     color: #FFF;
     background-color: #364F86;
    	background-repeat: no-repeat;
	background-position: left;
	text-indent: 0pt;
     z-index: 100;
}


// NAVIGOINTI PÄÄTTYY



#sivunappi {

}
a.sivunappi {
	display: table-cell;

	padding-right: 2;
	padding-left: 2;
	padding-top: 2;
	padding-bottom: 2;
	font-family: arial, helvetica;
	font-weight: normal;
	font-style: normal;
	font-size: 10pt;

	letter-spacing: 0;
	text-align: left;

	text-decoration: none;
     	color: #000000;

    	background-repeat: no-repeat;
	background-position: left;
	text-indent: 0 ;
    	 z-index: 100;
}


	 
a.sivunappi:hover {
	color: #000000;    
	 background-color: #364F86;


}
a.sivunappi:focus {
	display: table-cell;

	padding-right: 2;
	padding-left: 2;
	padding-top: 2;
	padding-bottom: 2;
	font-family: arial, helvetica;
	font-weight: normal;
	font-style: normal;
	font-size: 10pt;

	letter-spacing: 0;
	text-align: left;
	text-decoration: none;
     color: #002056;
     background-color: #97BBE6;

    	background-repeat: no-repeat;
	background-position: left;
	text-indent: 0 ;
     z-index: 100;
}

p{
font-family: 'frank', arial, helvetica; 
font-size: 12pt;
font-weight: normal; 
letter-spacing: 0px; 
color:#000}