.tsivu   {height: 100%; background: url(img/liuku.jpg) top left repeat-x #BED9EC; margin: 0;}
.ttable  {width: 815px; height: 100%; border: 0; background-color: #FFFFFF;}
.tpalkki {width: 765px; height: 290px; padding: 0px;}
.tdoku   {width: 475px; height: 100%; padding: 20 10 20 20;}
.oikea	 {background: url(img/oikea_2.jpg) top left repeat-y #BED9EC;}
.vasen	 {background: url(img/vasen_2.jpg) top right repeat-y #BED9EC;}
.tnavi  {width: 250px; padding: 0px;}

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

div#ttnavi 							{display: block; width: 250px; padding: 0px; margin: 0;}
div#ttnavi ul 					{overflow: hidden; list-style-type: none; margin: 0; padding: 0px;}
div#ttnavi ul li 				{display: block; overflow: hidden; padding: 0px;}
div#ttnavi ul li a 			{display: block; font: normal 13px Arial; color: #4A5561; text-align: center; text-decoration: none; padding: 3 0 3 0; border-bottom: solid 2px #C5DBE9;}
div#ttnavi ul li a:hover{display: block; font: normal 13px Arial; color: #FFFFFF; text-align: center; text-decoration: none; padding: 3 0 3 0; border-bottom: solid 2px #C5DBE9; background-color: #84ACBF;}