/* Tyylipohja #c0c0c0 vaal.sininen;*/

BODY { font-family: "Arial";
       font-size: 10pt;
       font-weight: normal; 
       line-height: 1.4em;
       background-color: rgb(170,170,192);
       color: black;
       margin: 200px 170px}

A:link    { color: rgb(0,0,192); background: transparent; }
A:visited { color: rgb(255,0,0) }
A:active  { color: rgb(0,255,0) }

:hover { border: solid 1px green; }
       

UL { font-family: "Times New Roman";
     font-size: 11pt;
     font-weight: normal; 
     color: black }

.otsikko { position: absolute;
           top: 85px;
           left: 170px;
           font-family: "Garamond";
           font-size: 22pt;
           font-weight: bold; 
           color: rgb(38,38,140);
          }

.otsikko2 { position: absolute;
           top: 120px;
           left: 194px;
           height: 56px;
           font-family: "Garamond";
           font-size: 22pt;
           font-weight: bold;
           color: rgb(129,39,39);
          }

.otsikko3 { position: absolute;
           top: 120px;
           left: 194px;
           height: 56px;
           font-family: "Garamond";
           font-size: 16pt;
           font-weight: bold;
           color: rgb(129,39,39);
          }

.laatikko { position: absolute;
            top: 170px;
            left: 160px;
            width: 190px;
            height: 480px;
            float: left;
            margin-left: 1px;
            margin-top: 1px;
            padding: 0.5em;
            z-index: 2;
            background-color: rgb(255,225,100);
          }

.kuva { position: absolute;
        top: 160px;
        left: 1010px;
        width: 200px;
        height: 500px;
        margin-left: 1px;
        margin-top: 1px;
        padding: 0.5em;
        z-index: 10;
        background-color: rgb(255,225,100);
      }

.normaali { position: absolute;
            top: 190px;
            left: 360px;
            height: 31.2em;
            width: 44em;
            margin-left: 1px;
            margin-top: 1px;
            border-left: dashed 0.1em purple;
            padding: 1em;
            z-index: 3;
            background-color: rgb(235,205,150);
          }

.taulukko { position: absolute;
            top: 170px;
            left: 360px;
            width: 620px;
            height: 450px;
            margin-left: 2px;
            margin-top: 1px;
            overflow: scroll;
            border-left: dashed 0.1em purple;
            padding: 1em;
            z-index: 3;
            background-color: rgb(254,225,100);
          }

.tausta { position: absolute;
          top: 170px;
          left: 160px;
          width: 880px;
          height: 494px;
          background-color: rgb(255,225,100);
          z-index: 1;
          }

.tekija { position: absolute;
          top: 690px;
          left: 420px;
        }
	      
td.eka { width: 3em;
         color: black;
         text-align: center;
       }	
    
td.toka { width: 7.5em;
          color: black;
        } 

td.toka_n { width: 5.5em;
          color: black;
        } 
td.kolmas { width: 8.5em;
            color: black; 
          }   
   
td.neljas { width: 18em;
            color: black; 
          }

td.viides { width: 9em;
            color: black;
          } 
          

td.kuudes { width: 12em;
            color: black;
          } 
          
td.x { background-color: rgb(255,255,156);
       color: black; 
       font-weight: bold; 
     }	
          
tr.t { background-color: rgb(255,255,156);
       color: black; 
       font-weight: bold; 
     }	
     
table { font-family: "Garamond";
        font-weight: 200; 
        valign: top; 
        background-color: rgb(255,255,204);
        width: 36.5em;
        border-color: black;
        }	
        
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */
/*
.thumbnail img{
border: 10px solid white;
margin: 0 5px 5px 0;
}

.thumbnail:hover{
background-color: transparent;
}

.thumbnail:hover img{
border: 1px solid red;
}
*/
.thumbnail span 
	{ /*CSS for enlarged image*/
	position: absolute;
	background-color: white;
	padding: 2px;
	left: 0px;
	border: 1px dashed gray;
	visibility: hidden;
	color: black;
	text-decoration: none;
	}

.thumbnail span img{ /*CSS for enlarged image*/
	border-width: 0;
	padding: 2px;
	}

.thumbnail:hover span{ /*CSS for enlarged image*/
	visibility: visible;
	top: 10;
	left: 15px; /*position where enlarged image should offset horizontally */
	z-index: 50;
	}

</style>