BODY 
{
SCROLLBAR-FACE-COLOR: #9dc1f5; 
SCROLLBAR-HIGHLIGHT-COLOR: #000000; 
SCROLLBAR-SHADOW-COLOR: #000000; 
SCROLLBAR-3DLIGHT-COLOR: #000000; 
SCROLLBAR-ARROW-COLOR: #000000; 
SCROLLBAR-TRACK-COLOR: #FFFFFF;
SCROLLBAR-DARKSHADOW-COLOR: #000000;
overflow: auto
}

.laatikot		
{	
	color: #000000; 	
	font-family: verdana, arial, helvetica, sans-serif; 	
	font-size: 10px; 	
	font-weight: bold; 	
	background: #ffffff;	
	border: 1px solid #000000;
}
.normal {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}
.reuna_oik {
	border-right-width: 1px;
	border-right-style: dotted;
	border-right-color: #000000;
}
.reuna_ala {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #000000;	
}
.taulukko {
	border: 1px solid #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}
.valiotsikko {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
}
.varoitus {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FF0000;
}
.kuvat {
	border: 1px dotted #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding-left: 30px;
}

.yleista {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
    background-image: url(images/yleista.jpg);
}

.hkunta {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
    background-image: url(images/hkunta.jpg);
}

a.info {
    position:relative; /*this is the key*/
    z-index:24; background-color:#ffffff; /*tää on linkin pohjaväri*/
    color:#000;
    text-decoration:none
}

a.info:hover{z-index:25; background-color:#9dc1f5}

a.info span{display: none}

a.info:hover span
{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:2em; left:2em; width:15em;
    border:1px solid #000000;
    background-color:#ffffff; color:#000000;
    text-align: center
}