.tsivu   	{height: 100%; background-color: #6B6C73; margin: 0;}
.ttable  	{width: 910px; height: 100%; background: url(img/dokubg.jpg) bottom left repeat-x #FFFFFF;}
.tpalkki 	{width: 750px; height: 313px; padding: 0px;}
.tdoku   	{width: 468px; height: 100%; padding: 15;}
.oikea	 	{width: 80px; background: url(img/oikea.jpg) top left repeat-y #6B6C73;}
.vasen	 	{width: 80px; background: url(img/vasen.jpg) top right repeat-y #6B6C73;}
.tnavi  	{width: 236px; background-color: #FFFFFF; padding-left: 16px}

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

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