.tsivu   {height: 100%; background: url(img/bg.jpg) top left repeat #53797A; margin: 0;}
.ttable  {width: 901px; height: 100%; border: 0; background-color: #FFFFFF;}
.tpalkki {width: 849px; height: 301px;}
.tdoku   {width: 612px; height: 100%; padding: 20px;}
.oikea	 {width: 26px; background: url(img/oikea.jpg) top left repeat-y #53797A;}
.vasen	 {width: 26px; background: url(img/vasen.jpg) top right repeat-y #53797A;}
.tnavi   {width: 197px; padding: 0px; background: url(img/navi_ala2.jpg) bottom left no-repeat #1C6260;}

.otsake	{font: bold 15px Arial; color: #1F696A;}
.boksit	{font: normal 12px Arial; color: #4B4B4B; border: solid 1px #C8DADA; background: url(img/liuku.jpg) bottom right repeat-y #FFFFFF;}
.tarea	{font: normal 12px Arial; color: #4B4B4B; border: solid 1px #C8DADA; overflow-y: auto; width: 380px; height:100px; background: url(img/liuku.jpg) bottom right repeat-y #FFFFFF;}
.ltable	{font: normal 12px Arial; color: #4B4B4B; border: 0;}

div#ttnavi 							{display: block; width: 197px;}
div#ttnavi ul 					{overflow: hidden; list-style-type: none; margin: 0; padding: 0;}
div#ttnavi ul li 				{display: block; overflow: hidden; height: 30px;  background: url(img/navi_nappula.jpg) bottom right no-repeat #FFFFFF;}
div#ttnavi ul li a 			{font: normal 12px Arial; width: 197px; color: #4B4B4B; display: block; text-decoration: none; padding: 7 0 0 20;}
div#ttnavi ul li a:hover{font: normal 12px Arial; width: 197px; color: #1F696A; display: block; text-decoration: none; padding: 7 0 0 20;}