.tsivu   {height: 100%; background-color: #5D081D; margin: 0;}
.ttable  {width: 950px; height: 100%; border: 0; background-color: #EAEAE7;}
.tpalkki {width: 800px; height: 350px;}
.tdoku   {width: 890px; height: 100%; padding: 10px; border-left: solid 1px #B8B8B5}
.oikea	 {background: url(img/oikea.jpg) top left repeat-y #5D081D;}
.vasen	 {background: url(img/vasen.jpg) top right repeat-y #5D081D;}
.ttnavi  {width: 152px; padding-top: 10px;}

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

div#ttnavi               {display: block; width: 182px;}
div#ttnavi ul            {overflow: hidden; list-style-type: none; margin: 0; padding: 0;}
div#ttnavi ul li         {display: block; overflow: hidden; margin-bottom: 3px; }
div#ttnavi ul li a       {font: normal 15px Arial; color: #353435; text-align: left; display: block; text-decoration: none; padding: 0 0 5 20;}
div#ttnavi ul li a:hover {font: bold 15px Arial; color: #5D081D; display: block; text-decoration: none; padding: 0 0 5 20;}