body { background: #FFF; margin: 0; text-align: center; }
img { border: 0; max-width: 100%; }
.pad { max-width: 600px; width: 100%; display: inline-block; }
.top { height: 97px; background: url(img/heft_oben_mark.png) top center; vertical-align: bottom; }
.mid { /*height: 253px;*/ background: url(img/heft_gelb_hintergrund.jpg) center; }
.btm { height: 127px; background: url(img/heft_unten.jpg) bottom center; }
a:link, a:visited { /*text-decoration: none;*/ color: #000; }
a:hover, a:active { text-decoration: none; color: #666; }
p { font-family: "Courier New", Courier, monospace; color: #000; margin: 0 50px; }
a { line-height: 1.5em; }
.s1 { margin-bottom: 2em; }
.s2 { margin-top: -1.5em; }
.s3 { margin-bottom: 1.5em; font-weight: bold; }
.s4 { margin-top: 1.65em; }
.l { text-align: left; }
.r { text-align: right; }
@media (max-width: 320px) { p { margin: 0 25px; } }
@media (max-width: 300px) { p { margin: 0 15px; } }
@media (max-width: 210px) { .s2 { margin-top: 0; } }