.tsivu   {height: 100%; background-color: #8F98A9; margin: 0;}
.ttable  {width: 700px; height: 100%; border-left: solid 7px #CC132B; border-right: solid 7px #CC132B; background-color: #FFFFFF;}
.tpalkki {width: 700px; height: 280px;}
.tdoku   {width: 497px; height: 100%; padding: 10px; border-left: solid 1px #424E61 ;}
.ttnavi  {width: 182px; padding-top: 10px;}

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

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