body {
font-family:Arial, Helvetica, sans-serif; 
font-size: 10pt; 
margin:0px 0 0 0;
padding:0 0 0 0;
background: #fffeff url(testitausta.png) center fixed ; // taustatiili.gif fixed no-repeat; #f3f3f3
text-align:center;
}

td {
font-family:Arial, Helvetica, sans-serif; 
font-size: 10pt; 
margin:0px 0 0 0;
padding:0 0 0 0;
background: #84E973 url(kuvat/tausta66.png) fixed ;
border-radius: 3px;
padding: 2px;
border-bottom:1px solid #000000;
}

.pisteviiva {
border: 1px dotted #000;
} 

h3 {
font-family:Arial, Helvetica, sans-serif;
font-size:14pt;
color:#000000;

width:200px;
background: #84E973 url(kuvat/tausta66.png) fixed ;
border-radius: 10px;
padding: 5px;
border-bottom:3px solid #000000;
box-shadow: 0 5px 4px 0 rgba(0,0,0,0.24), 0 15px 20px 0 rgba(0,0,0,0.19);
}

input {
font-family:Arial, Helvetica, sans-serif;
font-size:10pt;
text-align: center;
color:#000000;
background-color: transparent;
border-color:transparent;
border: 1px solid #4CAF50;
-webkit-transition-duration: 0.4s; /* Safari */
transition-duration: 0.4s;
border-radius: 7px;
}

.laske {
font-family:Arial, Helvetica, sans-serif;
font-size:10pt;
font-weight:bold;
border-radius: 12px;
color:#000000;
background-color:#84E973;
border: 2px solid #4CAF50;
-webkit-transition-duration: 0.4s; /* Safari */
transition-duration: 0.4s;
}


img {
border:2px solid #4CAF50;
}


.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.clearfix {display: inline-table;}

/* piilottaa IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}