@media print
{
table.ulvilarunko
 {
 width: 640px;
 height: 99%;
 }
}

@media screen
{
table.ulvilarunko
 {
 width: 780px;
 height: 100 %;
 table-layout: auto;
 background-color: #ffffff;
 vertical-align:top;
 }
img.ulvilahead
 {
 width: 780px;
 height: 55px;
 }
}

body
 {
 vertical-align:top;
 padding:0;
 margin: 0;
 background-color: #90C2C3;
 font-family: arial, sans-serif;
 font-size: 12px;
 height: 100%; 
 }
html
 {
 height: 100%; 
 }

h1
 {
 font-size: 18px;
 text-align:center;
 }
h2
 {
 font-size: 14px;
 }
h3
 {
 font-size: 12px;
 }
a
 {
 color: #024b4c;
 text-decoration: none;
 }
.path
 {
 color: #006666;
 font-size: 9pt;
 font-weight: bold;
 text-decoration: none;
 }
a.path:hover
 {
 color: #000000;
 font-size: 9pt;
 font-weight: bold;
 text-decoration: none;
 }
a.menu1
 {
 color: #006666;
 font-size: 9pt;
 font-weight: bold;
 text-decoration: none;
 }
a.menu1:hover
 {
 color: #000000
 }
a.menu2
 {
 color: #ccffff;
 font-size: 9pt;
 font-weight: bold;
 text-decoration: none;
 }
a.menu2:hover
 {
 color: #000000
 }
a.menu3
 {
 color: #aadddd;
 font-size: 10pt;
 font-weight: bold;
 text-decoration: none;
 }
a.menu3:hover
 {
 color: #000000
 }
a.punainen
 {
 color: #ff0000;
 text-decoration: none;
 }
a.otsikko
 {
 color: #000000;
 text-decoration: none;
 }
a:hover
 {
 color: #ff0000;
 text-decoration: underline;
 }
.sisalto
 {
 padding-left: 20px;
 padding-top: 10px;
 font-size: 12px; 
 vertical-align:top;
 }
img
 {
 border-style: none;
 }
input
 {
 font-size: 8pt;
 }
select
 {
 font-size: 8pt;
 }
textarea
 {
 font-size: 9pt;
 font-family: arial, sans-serif;
 }
.valiviiva
 {
 height: 2px;
 background-color: #688c80;
 }
.lomakekuvaus
 {
 display: none;
 padding-left: 10px;
 padding-bottom: 5px;
 }
table.oikeapalsta
 {
 font-size: 9px;
 font-weight: bold;
 text-align: left;
 width: 220px;
 }
td.palstaotsikko
 {
 font-size: 13px;
 text-align: center;
 font-weight: bold;
 }
td.reunat
 {
 width: 50%;
 background-color: #dddddd;
 }
table
 {
 font-size: 12px;
 }
td.reunaviiva
 {
 width: 2px;
 background-color:#222222;
 }
td.menucell
 {
 height: 20px;
 padding-left: 6px;
 }
td.menucell3rd
 {
 height: 20px;
 padding-left: 16px;
 background: #75a7a8;
 }
td.menucellseparator1
 {
 height: 1px;
 background-color:#999999;
 }
td.menucellseparator2
 {
 height: 1px;
 background-color:#99AAAA;
 }
.bold
 {
 font-weight: bold;
 }
.boldvasen
 {
 text-align: left;
 font-weight: bold;
 }
.normal
 {
 font-family: arial, sans-serif;
 font-size: 14px;
 vertical-align:top;
 }
