body { font-family:'Spectral',serif; font-size:16px; color: #333; line-height:1.33 }
@media screen and (min-width:680px) { body { font-size:2.35vw } }
@media screen and (min-width:978px) { body { font-size:23px } }

body { background-color:#eee; margin:1em auto; max-width: 36em }
.header { background-color:#333; position:fixed; top:0; z-index:1; margin:auto; width:36em }
body>.header { position: fixed; padding-left:0.3em }
.header p { display:inline; color: #eee }
.tekst { padding:1em }
h1 { display:inline; color:#eee; font-weight:normal; font-size:100% }
h2 { font-size:125%; font-weight:normal }
h3 { font-size:100%; font-weight:bold; margin-top:2em }
p.sc { font-variant:small-caps }
p.error { color: #a00; background-color:#edd; padding:0.5em }
li p { padding:0; margin:0; font-size:	93.75% }
blockquote p { font-style:italic }
blockquote p.bron { font-variant:small-caps; font-style:normal }
blockquote p.bron:before {	content:'— ' }
a{text-decoration:none;background-color:inherit;color:#00c}
a:visited{color:#008}
a:active{color:#00f}
a:hover{text-decoration:underline}
.header a, .header a:visited {color: #eee}
h1 a {text-decoration:none;background-color:inherit;color:#360000}
h1 a:visited{color:#360000}
h1 a:active{color:#500}
h1 a:hover{text-decoration:none}