@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-image: url('talvitie.jpg'); background-repeat: no-repeat; background-position: center bottom; background-color: #000; background-attachment: fixed;}
BODY { font-family: 'Noto Sans'; padding: 0px; margin: 0px; width: 100%; height: 99%; color: #878;  }

.kehys { width: auto; text-align: center; border: 0px; margin-left: 10%; margin-right: 10%; margin-bottom: 60px; }

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

/*A:link, A:visited { color: #ddd; text-decoration: none; }
A:hover { color: #fff; text-decoration: none; }*/

A.tekstilinkki:link, A.tekstilinkki:visited { display: inline-block; padding: 10px; margin: 10px; color: #8a8a8a; text-decoration: none;
 border-bottom: solid 1px transparent; background-color: rgba(0, 0, 0, 0.5);  }
A.tekstilinkki:hover { color: #fff; text-decoration: none; border-bottom: dashed 1px #aaa; }

/* HAKU */
#hakupalkki { display: block; width: 100vw; text-align: center; position: fixed; bottom: 20px;}
#hakukentta { background-color: #ddd; border: solid 1px #666; color: #000; width: 300px;}
#hakunappi { border: solid 1px #999; background-color: #ddd; color: #000;}

.siirtonappi { border: solid 1px #aaa; background-color: #ccc; color: #000; padding: 6px 12px 6px 12px; cursor: pointer; }