.tsivu   {height: 100%; background-color: #04674B; margin: 0;}
.ttable  {width: 906px; height: 100%; border: 0; background: url(img/dokubg.jpg) bottom left repeat-x #FFFFFF;}
.tpalkki {width: 750px; height: 313px; padding: 0px;}
.tdoku   {width: 478px; height: 100%; padding: 0 10 10 10;}
.oikea	 {background: url(img/oikea.jpg) top left repeat-y #04674B;}
.vasen	 {background: url(img/vasen.jpg) top right repeat-y #04674B;}
.ttnavi  {width: 236px; background-color: #FFFFFF;}

.boksit{background: url(img/palaute_varjostus.gif) bottom left repeat-x #FFFFFF; font: 13px Arial; color: #26333F; border: solid 1px #04674B;}
.otsake{font: bold 15px Arial; color: #04674B;}
.tarea{overflow-y: auto; width: 380px; height:100px; background: url(img/palaute_varjostus.gif) bottom left repeat-x #FFFFFF; font: 13px Arial; color: #26333F; border: solid 1px #04674B;}
.ltable{font: 13px Arial; color: #26333F; border:0;}

div#ttnavi {display: block; width: 236px; padding: 0px; margin: 0;}
div#ttnavi ul {overflow: hidden; list-style-type: none; margin: 0; padding: 0px; font: normal 13px Arial; color: #03513B;}
div#ttnavi ul li {display: block; overflow: hidden; text-align: left; padding: 0px;}
div#ttnavi ul li a {display: block; color: #03513B; text-decoration: none; padding: 3 0 3 30; border-bottom: solid 3px #DDDEE2;}
div#ttnavi ul li a:hover {display: block; text-align: left; color: #FFFFFF; text-decoration: none; padding: 3 0 3 30; background-color: #67AB54; border-bottom: solid 3px #DDDEE2;}