*          {box-sizing: border-box; -moz-box-sizing: border-box}
body       {margin: 0; background: #FFFFFF url(img/taustaliuku.jpg) top left repeat-x fixed; font-size: 100%; font-weight: normal;
            font-family: "Trebuchet MS", Helvetica, sans-serif; text-align: center; padding: 0}
table      {border-collapse: collapse; margin: 0; padding: 0; border: 0; font-size: 100%}
a          {text-decoration: none; color: #F44D27}
td         {vertical-align: top}
label      {cursor: pointer}
button     {font-family: "Trebuchet MS", Helvetica, sans-serif; font-size: 100%}
input      {font-family: "Trebuchet MS", Helvetica, sans-serif; font-size: 100%}
img        {border: none}
h1         {font-weight: bold; color: #F44D27; font-size: 110%; margin: 0 0 1ex 0; padding: 0}
h2         {font-weight: bold; color: #F44D27; font-size: 110%; margin: 0 0 1ex 0; padding: 0}
p          {line-height: 1.2em}
hr         {clear: both}

#rakenne   {height: 100%; width: 745px; margin: 0 auto 0 auto}
.tyhja     {width: auto}
#kehys     {vertical-align: top; background: #FFFFFF; padding: 10px 10px 10px 20px}
#paasivu   {background: url(img/taustakuva.png) top right no-repeat; width: 715px}
#ylaosa    {height: 300px; width: 715px; position: relative}
#linkit    {float: right; width: 233px; padding-top: 113px}
#linkit a  {color: #FFFFFF; font-size: 100%; font-weight: bold; display: block; width: 213px; line-height: 40px; height: 44px;
            margin: 0 20px 15px 0; padding: 0 0 4px 44px; vertical-align: middle; text-decoration: none; text-transform: uppercase}
#linkit a:hover {background: url(img/navi_hover.png) 11px 0 no-repeat}
#logo      {text-align: left; position: absolute; left: 0; top: 0}
#logo img  {vertical-align: top}
#vuosi     {text-decoration: none; color: #F44D27; font: bold 25px Arial; line-height: 32px; width: 277px;
            position: relative; left: -65px; top: 0; letter-spacing: 1px}
#lappu     {position: absolute; right: 246px; top: 114px; height: 161px; width: 266px; background: url(img/kulmatausta3.png) top left no-repeat}
#lappu td  {padding: 10px 35px 10px 35px; overflow: hidden; vertical-align: middle; text-align: center; font-size: 100%; font-weight: bold; color: #F44D27}

#tulossivu {background: url(img/tausta_pieni.png) top right no-repeat; width: 715px; position: relative}
#pikkuukko {height: 185px; float: right; width: 424px}
#pikkulappu {position: absolute; right: 97px; top: 65px; width: 209px; height: 100px; background: url(img/kulmatausta4.png) top left no-repeat}
#pikkulappu td {padding: 10px 21px 10px 21px; text-align: center}
#ylamarg   {height: 60px}

#etusivu   {font-size: 80%; width: 710px; border: 0; background: #FFFFFF}
.aoreuna   {border-right: 5px solid #FFFFFF; border-bottom: 5px solid #FFFFFF}

.lomake    {font-size: 100%}
.lomake td {vertical-align: middle}
.lomake label {font-weight: bold; color: #666666}
.lomake input {background: #FFFFFF url(img/haku_tausta.png) top left repeat-x; border: 2px inset; border-color: #BBBBBB #DDDDDD #DDDDDD #BBBBBB}
.lomake button {height: 28px; background: transparent; border: 0; padding: 0; margin: 0; color: #FFFFFF; font-weight: bold; vertical-align: middle;
                cursor: pointer; margin: 1ex 1ex 1ex 0; width: 9em}
.oravas    {height: 28px; background: url(img/hae_vasen.png) top left no-repeat; padding-left: 0.5em}
.oraoik    {height: 28px; background: url(img/hae_oikea.png) top right no-repeat; padding-right: 0.5em}
.orakesk   {height: 28px; background: url(img/hae_kesk.png) top left repeat-x; line-height: 28px}

.tulos     {font-size: 75%; width: 715px; border: 3px solid #FFFFFF; background: #FFFFFF; clear: both}
.tulos th  {padding: 0; text-align: left; vertical-align: middle; border: 3px solid #FFFFFF; font-size: 110%; cursor: default}
.tulos td  {background: url(img/haku_tausta.png) top left repeat-x; padding: 0.6ex; border: 3px solid #FFFFFF}
.tulos a   {display: block}
.tulos a:hover {text-decoration: underline}
.harmoik   {height: 44px; background: url(img/hnappula_oikea.png) top right no-repeat; padding-right: 8px}
.harmvas   {height: 44px; background: url(img/hnappula_vasen.png) top left no-repeat; padding-left: 8px}
.harm      {height: 44px; color: #FFFFFF; background: url(img/hnappula_tausta.png) top left repeat-x; line-height: 44px; white-space: nowrap;
            cursor: default}
.harm img  {vertical-align: top}
.harm span {vertical-align: baseline; line-height: 44px}
.harm h1   {color: #FFFFFF}

#tabi      {background: url(img/hnappula.png) top left no-repeat; padding-left: 30px}

.kulma     {background: url(img/kulmatausta.png) 0 2px no-repeat; padding: 15px 15px 0 15px; float: left}
.kulma p   {padding: 0; margin: 0 0 1.5em 0; line-height: 1.2em; clear: both}
.pkulma    {background: url(img/kulmatausta3.png) 0 3px no-repeat; padding: 15px}
.alakulma  {background: url(img/kulmatausta2.png) bottom right no-repeat}
.alakulma center {clear: both}

.aakkoset  {margin: 2em 0 1em 0; line-height: 1.8em; text-align: center; cursor: default}
.aakkoset a {padding: 0 0.4ex 0 0.4ex; color: #000000; background: #DDDDDD; border: 1px solid #EEEEEE}
.aakkoset a:hover {color: #F44D27}

.kolmio    {font-size: 250%; color: #F44D27; padding-bottom: 0.3ex; cursor: default}

.fl        {float: left}
.fr        {float: right}

#tiedot    {width: 715px}

#tietosivu {width: 715px; position: relative; font-size: 85%}
.tietotaulu th {text-align: right; vertical-align: top; padding: 0 20px 5px 40px}
.tietotaulu td {text-align: left vertical-align: top; padding-bottom: 5px}
.tietotaulu th div {position: relative}
.tietotaulu th img {position: absolute; top: 0; left: -40px}

#alalaita  {white-space: nowrap; text-align: left; font-size: 70%; background: #FFFFFF; color: #666666; height: 2em; padding: 0 20px 0 20px;
            vertical-align: middle}

.numerot   {float: right; margin-left: 20px}
.numerot .pkulma {position: relative}
.numerot img {position: absolute; top: 15px; left: 15px}
.numerot p {padding: 0 0 1em 55px; margin: 0}

.dummy     {width: 1px; height: 180px; float: left}

.valikko   {text-align: center; line-height: 2em}