@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'); }

BODY { padding: 0px; margin: 0px; z-index: 100; background-color: #ddd; font-family: 'Noto Sans'; font-size: 9pt;  }
#page { display: flex; flex-wrap: wrap; flex-direction: row; justify-content: start; align-items: start; height: 100%; width: 100%; border: solid 0px green; white-space: wrap;}
#logo { background-color: #fff; margin: 0px; padding: 0px; margin-bottom: 0px;}
#infoteksti { width: 186px; padding: 6px 6px 6px 8px; background-color: #fff;}
#main {}
.teos { margin-top: 10px; margin-left: 10px; border: solid 1px #999; text-align: center;}
.teos:hover { border: solid 1px #000; }
a:link, a:visited { text-decoration: none; }
.taulu { width: 180px; /*object-fit: contain;*/ padding-bottom: 0px; }
.nimi { padding-bottom: 2px; }