@font-face {
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: normal;
  src: url('../notosans.eot');
  src: local('Noto Sans'), local('NotoSans'), url('../notosans.ttf') format('truetype');
}

HTML { width: 100%; height: 100%; background-color: #fff;}
BODY { font-family: 'Noto Sans'; padding: 0px; margin: 0px; width: 100%; height: 99%; color: #000;  }

.kehys { width: 80%; text-align: center; border: 0px; margin-left: auto; margin-right: auto; margin-bottom: 60px; }
.vaihtoalue { padding: 4px 16px 4px 16px; margin-bottom: 12px; background-color: #fc0;}
A.vaihto, A:visited.vaihto, A:hover.vaihto { text-decoration: none; font-weight: bold; font-size: 25pt; }

TABLE { border-collapse: collapse; width: 100%; }
TD { border-bottom: solid 1px #666; border-left: solid 1px #666; padding-right: 12px; padding-left: 12px; width: 50% }

}

.otsikko { font-size: 20pt; font-weight: bold; color: #fff; text-shadow: 0 0 4px #fff, 0 0 8px #888, 0 0 12px #555; }