.tsivu   {height: 100%; background-color: #FFFFFF; margin: 0;}
.ttable  {width: 900px; height: 100%; border: 0; background-color: #FFFFFF;}
.tpalkki {width: 900px; height: 180px;}
.tnavi   {width: 206px; background: #F0F3F7; border-right: solid 4px #FFFFFF; overflow:hidden; white-space: nowrap;}
.tdoku   {width: 640px; background: url(img/dokubg.jpg) top left repeat-y #FFFFFF; padding: 30px 20px 20px 30px;}

.boksit{background: url(img/palaute_tausta.gif) bottom left repeat-x #FFFFFF; font: 11px Verdana; color: #000000; border: solid 1px #000000;}
.otsake{font: bold 13px Verdana; color: #000000;}
.tarea{overflow: auto; width:380px; height:100px; background: url(img/palaute_tausta.gif) bottom left repeat-x #FFFFFF; font: 11px Verdana; color: #000000; border: solid 1px #000000;}
.ltable{font: 11px Verdana; color: #000000; border: 0;}

div#ttnavi {display: block; width: 206px; height: 30px;}
div#ttnavi ul {list-style-type: none; margin: 0; padding: 0; font: 11px Verdana;}
div#ttnavi ul li {display: block; text-align: center;}
div#ttnavi ul li a {display: block; color: #76828A; background: #F0F3F7; text-decoration: none; padding: 5 0 5 0; border-bottom: 4px solid #FFFFFF;}
div#ttnavi ul li a:hover {display: block; color: #76828A; background: #DFE6EE; text-decoration: none; padding: 5 0 5 0; border-bottom: 4px solid #FFFFFF;}