A:link {text-decoration: underline ;}
A:visited {text-decoration: underline ; color: blue}
A:active {text-decoration: underline ;}
A:hover {text-decoration: underline overline; color: red;}


.maintable {
    border-style: groove; 
    border: 2px double;
    border-color: #996600; 
    padding: 0px;
    width: 740px; 
    height: 90%;     
    margin-left: 30px ;
}
.maintd {
    padding-right: 15; 
    padding-left: 15; 
    padding-top: 5;     
    background-color: #CCCCCC; 
    vertical-align: top;
    font-family: Arial;
}

.textpic_l {
    float: left	;
    border: 0;
    margin-left: 0 ;
    margin-right: 10 ;
}

.textpic_r {
    float: right	;
    border: 0;
    margin-left: 10 ;
    margin-right: 20 ;
}

.textpic {
    border: 0;
    margin-left: 10 ;
    margin-right: 10 ;
}

.maintext {
	position:static; 
	width:580px;
        z-index:7; 
        visibility: visible ;
}


.subnote {
	font-size: 10 ;
	color: grey ;
}

<!--jyrki: FFFFFF   CCCCCC    999999   666666    333333  ja 000000   siinä turvalliset vaihto ehot...-->