.tsivu   	{height: 100%; background-color: #625449; margin: 0;}
.ttable  	{height: 100%; border-left: solid 6px #986199; border-right: solid 6px #986199; background-color: #E8E0CB;}
.tpalkki 	{width: 782px; height: 217px; padding: 0;}
.tdoku   	{width: 504px; height: 100%; background: url(img/liuku.jpg) top left repeat-x #E8E0CB; padding: 40 20 0 30;}
.tnavi  	{width: 205px; background: url(img/naviliuku.jpg) top left repeat-x #D8CFBB; padding: 40 11 0 12;}
.alareuna	{height: 18px; background-color: #BFA2BE; border-top: solid 4px #FFFFFF;}

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

div#ttnavi 							{width: 205px; display: block; margin: 0;}
div#ttnavi ul 					{list-style-type: none; overflow: hidden; margin: 0; padding: 0; }
div#ttnavi ul li 				{height: 35px; display: block; overflow: hidden; padding: 0;}
div#ttnavi ul li a			{height: 35px; font: bold 11px Verdana; color: #807D6F; display: block; text-decoration: none; padding: 8 5 0 10; background: url(img/navi.jpg) top center no-repeat #D8CFBB;}
div#ttnavi ul li a:hover{height: 35px; font: bold 11px Verdana; color: #807D6F; display: block; text-decoration: none; padding: 8 5 0 10; background: url(img/navi_hover.jpg) top center no-repeat #D8CFBB;}