body {
 font-family: Arial, Helvetica, sans-serif;
 background-color: #bbb;
 font-size: 1.1em;
 color: #333;
 margin: 24px;
 max-width: 1280px;
}
table {
 empty-cells: show;
 border-collapse: collapse;
}
table p {
 font-size: 1.1em;
}
td,th {
 padding: .8em;
}
splash img {
  width: 100%;
  height: auto;
}
@media screen and (min-width: 28em) {
  splash img {
    width: 49%;
  }
}
@media screen and (min-width: 50em) {
  splash img {
    width: 32.5%;
  }
}
.box {
  box-sizing: border-box;
}
.clearfix {
   visibility: hidden;
   display: block;
   content: "";
   clear: both;
   height: 0;
}
.fformat td, th {
 empty-cells: show;
 border-collapse: collapse;
 font-size: 1em;
 padding: 0.2em;
 border: 1px solid #333;
}
.close td, th {
 empty-cells: show;
 border-collapse: collapse;
 font-size: 1em;
 padding: 0.2em;
}
.background {
 background-image: url("pictures/godotbright.gif");
 background-size: cover;
 background-position: center center;
 background-repeat: no-repeat;
 padding: 1.1em;
}
h1 {
 font-size: 3em;
 line-height: 1em;
}
h2 {
 font-size: 1.6em;
 line-height: 0.7em;
}
h3 {
 font-size: 1.4em;
 line-height: 0.7em;
}
h4 {
 font-size: 1.2em;
 line-height: 0.5em;
}
a {
 color: #333;
}
a:hover {
 font-style: italic;
}
a.extern:after {
   content: url("pix/exlink1.png");
}
.nodot {
 list-style: none;
}
.amrand {
 margin-top: -1.5em;
 margin-right: 2em;
 float: right;
 line-height: 0.7em;
}
.oberhalb {
 font-size: 1.2em;
 line-height: 0.5em;
 font-weight: bold;
}
.links {
 text-align: left;
}
.mittig {
 text-align: center;
}
.rechts {
 text-align: right;
}
.indent {
 margin-left: 4em;
}
.abstand {
 margin-top: 0.4em;
 margin-bottom: 0.8em;
 text-align: left;
}
.liste {
 float: left;
 margin-right: 0.8em;
}
.bildtext {
 float: right;
 font-size: 0.6em;
 font-style: italic;
 margin-top: 1em;
 margin-left: 0.8em;
 text-align: right;
 overflow: hidden;
}
.bildtextleft {
 float: left;
 font-size: 0.6em;
 font-style: italic;
 margin-top: 1em;
 margin-right: 0.8em;
}
.middle {
/* margin-left: 12.5%; */
 margin-top: 1.1em;
 margin-bottom: 1.1em;
 background-color: #ccf;
 width: auto;
 height: auto;
 opacity: 0.6;
 padding-left: 1em;
}
.next {
 clear: both;
}
.nline {
 clear: left;
}
.narrow {
 width: 15%;
 overflow: hidden;
}
.compact {
 width: 33%;
}
.spread {
 width: 67%;
}
.wide {
 width: 75%;
 margin-left: 2.5%;
 margin-right: 22.5%;
<!-- overflow: hidden; -->
}
.gadget {
 border: 4px ridge #00a;
}
.umriss {
 border: 1px solid #333;
 padding: .3em;
}
.backlink {
 font-size: 0.8em;
}
.footer {
 font-size: 0.8em;
 font-style: italic;
}
.tiny {
 font-size: 0.9em;
 font-style: italic;
}
.sub {
 font-size: 0.9em;
 font-weight: bold;
 font-style: italic;
 margin-top: 0.3em;
}
.verytiny {
 font-size: 0.7em;
}
.wideline {
 line-height: 1.5em;
}
.great {
 font-size: 1.2em;
}
.impress {
 font-size: 1.1em;
}

.lookhere {
 color: #800;
}
.fine {
 color: #080;
}
.cool {
 color: #008;
}
.blue {
 background-color: #00a;
 color: #333;
}
.day {
 color: #fff;
}
.bright {
 color: #ccc;
}
.hazy {
 color: #888;
}
.dark {
 color: #333;
}
.night {
 color: #000;
}
.unseen {
 border-color: transparent;
}