.tsivu   {height: 100%; background-color: #C2E2FF; margin: 0;}
.ttable  {width: 824px; height: 100%; border: 0; background-color: #FFFFFF;}
.tpalkki {width: 720px; height: 295px;}
.tdoku   {width: 479px; height: 100%; padding: 0 10 10 20; border-left: solid 1px #2B5487;}
.oikea	 {background: url(img/oikea.jpg) top left repeat-y #C2E2FF;}
.vasen	 {background: url(img/vasen.jpg) top right repeat-y #C2E2FF;}

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

div#ttnavi 							{display: block; width: 210px;}
div#ttnavi ul 					{overflow: hidden; list-style-type: none; margin: 0; padding: 0;}
div#ttnavi ul li 				{display: block; overflow: hidden;}
div#ttnavi ul li a 			{font: normal 12px Arial; color: #313B4B; display: block; text-decoration: none; padding: 0 0 15 50;}
div#ttnavi ul li a:hover{font: bold 12px Arial; color: #1E75BA; display: block; text-decoration: none; padding: 0 0 15 50;}