*         {box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box}
body      {margin: 0; padding: 100px 0 20px 0; background: #000000 url(img/liuku.png) bottom left repeat-x fixed; text-align: center; height: 100%}
#logo     {width: 1023px; overflow: hidden; background: transparent; padding: 4px; margin: 0 auto 4px auto; border: 1px solid #2B312C}
#sisalto  {width: 1023px; border: 1px solid #2B312C; padding: 4px; margin: 0 auto; text-align: left}
#tausta   {background: url(img/suikale.gif) top left repeat-y; width: 1013px; overflow: hidden}
#navi     {margin: 0; padding: 15px 44px 15px 10px; width: 234px; overflow: hidden; list-style-type: none; float: left}
#navi li  {padding: 0; margin: 0; text-align: right; font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height: 1.2em}
#navi li.viim a {border: 0}
#navi a   {display: block; padding: 13px 0 13px 0; color: #FFFFFF; text-decoration: none; border-bottom: 1px solid #2B312C}
#navi a:hover {font-weight: bold; color: #676766}
#doku     {float: left; width: 760px; overflow: visible; padding: 20px 0}
#doku .slideshow {position: relative; margin: -20px -19px -20px; -20px; overflow: hidden}
#doku .etusivu {position: relative; margin: -20px -19px -20px; -20px; padding: 0; overflow: hidden; zoom: 1}
.clear    {clear: both}

/* Lomake */
.otsake	{color: #FFFFFF; font-weight: bold; font-size: 14px; font-family: Arial, Helvetica, sans-serif}
.boksit	{color: #000000; border: solid 1px #2B312C; background: #FFFFFF; font-weight: normal; font-size: 12px; font-family: Arial, Helvetica, sans-serif}
.tarea	{color: #000000; border: solid 1px #2B312C; overflow-y: auto; width: 380px; height:100px; background: #FFFFFF; font-weight: normal; font-size: 12px; font-family: Arial, Helvetica, sans-serif}
.ltable	{color: #FFFFFF; border: 0; font-weight: normal; font-size: 12px; font-family: Arial, Helvetica, sans-serif}