@media print
{
table.runko
 {
 width: 640px;
 height: 99%;
 }
img.head
 {
 width: 640px;
 height: 55px;
 }
.tekstilinkit
 {
 visibility: hidden;
 }
.topmenu
 {
 visibility: hidden;
 }
}

@media screen
{
table.runko
 {
 width: 780px;
 height: 100 %;
 table-layout: auto;
 background-color: #ffffff;
 vertical-align:top;
 }
.laatikko
  {
  border: 1px solid #999999; 
  background: #FFFFF7;
  color: #555599;
  }
img.head
 {
 width: 780px;
 height: 55px;
 }
.tekstilinkit
 {
 font-size: 12px; 
 text-align:center; 
 vertical-align:bottom;
 padding-top: 0px;
 padding-bottom: 5px;
 padding-left: 2px;
 padding-right: 2px;
 visibility: visible;
 }
}

body
 {
 vertical-align:top;
 padding:0;
 margin: 0;
 background-color: #ffffff;
 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: 13px;
 }
a
 {
 color: #000088;
 text-decoration: none;
 }
a.ajankohtaista
 {
 color: #555599;
 text-decoration: none;
 }
a.punainen
 {
 color: #ff0000;
 text-decoration: none;
 }
a.otsikko
 {
 color: #000000;
 text-decoration: none;
 }
a:hover
 {
 color: #AA2222;
 text-decoration: underline;
 }
.lomakenimi
 {
 font-size: 12px; 
 }
.topmenu
 {
 font-size: 12px;
 color: #000000;
 text-decoration: none;
 padding-left: 15px;
 height: 15px;
 }
.sisalto
 {
 padding-left: 20px;
 padding-top: 10px;
 font-size: 12px; 
 vertical-align:top;
 }
.sisennetty
 {
 padding-left: 50px;
 }
.yhteystiedot
 {
 font-size: 11px; 
 vertical-align:top;
 padding-left: 5px;
 marginal-left:5px;
 }
a.topmenu:hover
 {
 color: #555555;
 text-decoration: none;
 }
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: #999999;
 }
.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;
 }
td.info
 {
 border: 1px solid #999999; 
 background-color: #FFFFF7;
 color: #555599;
 }
td.list1
 {
 background-color: #eeeeee;
 }
td.list2
 {
 background-color: #d7d7d7;
 }
td.list_red1
 {
 background-color: #fedede;
 }
td.list_red2
 {
 background-color: #e7c7c7;
 }
td.monthname
 {
 background-color: #ffffff;
 text-align: center;
 }
td.weekday
 {
 background-color: #dddddd;
 font-weight: bold;
 text-align: center;
 }
td.diffmonth
 {
 background-color: #eeeeee;
 font-weight: normal;
 color: #444444;
 text-align: center;
 }
td.currmonth
 {
 background-color: #ffffff;
 font-weight: normal;
 color: #111111;
 text-align: center;
 }
td.etusivu_uutiset_pvm
 {
 background-color: #ffffff;
 font-size: 12px;
 font-weight: bold;
 color: #000000;
 }
td.etusivu_uutiset_list1
 {
 background-color: #dddddd;
 font-size: 12px;
 color: #000000;
 }
td.etusivu_uutiset_list2
 {
 background-color: #ffffff;
 font-size: 12px;
 color: #000000;
 }
td.uutiset_otsikko
 {
 background-color: #dddddd;
 font-weight: bold;
 text-align: left;
 font-size: 12px;
 width: 650px;
 }
td.uutiset_teksti
 {
 background-color: #eeeeee;
 font-weight: normal;
 text-align: left;
 }
td.uutiset_vali
 {
 background-color: #f9f9f9;
 height: 10px;
 }
table
 {
 font-size: 11px;
 }
table.calendar
 {
 background-color: #777777;
 font-size: 11px;
 }
td.reunaviiva
 {
 width: 2px;
 background-color:#222222;
 }
.bold
 {
 font-weight: bold;
 }
.boldvasen
 {
 text-align: left;
 font-weight: bold;
 }
.normal
 {
 font-family: arial, sans-serif;
 font-size: 14px;
 vertical-align:top;
 }
font.otsikkoblue
 {
 font-size: 14px;
 color: #333366;
 }
.cursor
 {
 cursor: hand
 }


