body {
  font-family: Verdana, Arial; font-size: 10pt;
  overflow-y: scroll;
  text-align: justify;
}

img { padding: 8px; }

nav ul { margin: 0; padding: 0; list-style-type: none; text-align: center; }
nav ul li { margin: 0; padding: 0; display: inline; }
nav ul li a {
  border: 1px solid #000; background-color: #ccc; padding: 2px 5px; }
nav ul li b {
  border: 1px solid #333; background-color: #fff; padding: 2px 5px; }

h1:before { content: "..:: "; }
h2 { color: darkred; }

footer {
  font-style: italic; color: gray; text-align: right;
  border: 1px solid gray;
  background-color: lightgray;
  padding: 4px;
}

@media (min-width: 50em) {
  body { width: 50em; margin: 0 auto; padding: 2em 0; }
  nav { position: fixed; top: 0; width: 50em; }
  footer { position: fixed; bottom: 0; width: 50em; }
}

ul { list-style-type:none; padding:0 }
li {
  text-indent: -2em;
  padding-left: 2em;
  padding-bottom: 0.5em;
}
dd {
  padding-bottom: 0.5em; }

span.pt        { color: blue; }
span.submitted { color: red;  }


a { text-decoration:none; color:blue; }
a:hover { text-decoration:underline; }

a.doi, a.pdf, a.pure { color: #00a000; }
a.doi:before { content:"[DOI]"; }
a.pure:before { content:"[MPG.PuRe]"; }