*             {box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box}
img,object,embed,td,th {box-sizing: content-box; -moz-box-sizing: content-box; -webkit-box-sizing: border-box}
body          {margin: 0; background: #6B6768 url(img/taustakallio.jpg) top center no-repeat; text-align: center; padding: 0;
               font-family: Verdana,Geneva,sans-serif; font-size: 13px; font-weight: normal}
#rakenne      {width: 613px; margin: 340px auto 0 auto; min-height: 100%; text-align: left; position: relative; background: #FFFFFF}
#logo         {text-align: right; background: #87B4C8}
#navi         {position: absolute; top: 0; left: -38px; width: 142px}
#navi ul      {margin: 0; padding: 6px 8px; width: 142px; list-style-type: none; background: #87B4C8 url(img/vasenkulma.png) top left no-repeat}
#navi li      {border-bottom: 1px solid #B7D4E1}
#navi a       {padding: 4px 0; text-decoration: none; color: #FFFFFF; display: block}
#navi a:hover {color: #000000}
#loppu        {background: url(img/naviala.png) top left no-repeat; height: 6px; overflow: hidden}
#doku         {padding: 30px 30px 30px 130px; background: #FFFFFF}
#doku div     {width: 450px; overflow: hidden}
#paluu        {text-align: center; margin-top: 10px}
#paluu a      {color: #AA3333; text-decoration: none}
#hirvi        {position: absolute; top: 780px; left: 50%; margin-left: -440px}
#nainen       {position: absolute; top: 740px; left: 50%; margin-left: 340px}

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