body {
background-color: #ffffff;
font-family: sans-serif;
margin: 10px 20px 0 20px;
}

a:link { color: #808080; outline:none; }
a:visited { color: #808080; outline:none; }
a:hover { color: #000000; outline:none; }
a:active { color: #000000; outline:none; }
img { border:0; }
p { margin:0; padding:0; }
hr { color:#808080; background-color:#FFFFFF; border:0; border-top: 1px solid #808080; margin:0; padding:0; }

.mainwrapper { max-width:400px; }

.header { font-family: 'Crimson Text', serif; font-size:43px; line-height:48px; color: #000000; letter-spacing:1px; font-weight:normal; white-space:nowrap; }
@media (min-width: 340px) { .header { font-size:46px; } }
@media (min-width: 360px) { .header { font-size:48px; } }

.titel { font-family: 'Crimson Text', serif; color: #808080; font-size: 36px; font-weight:400; line-height:36px; }
.text { font-family: 'Open Sans', Verdana, sans-serif; font-size: 1em; color: #000000; line-height: 1.4em; }
.text H2 { font-family: 'Open Sans', Verdana, sans-serif; color: #000000; font-size: 24px; font-weight:400; padding:0; margin-top:6px; margin-bottom:0; }

.a10 { font-size: 10px; padding:0; }

.mbild { width:100%; }
.mbild img { max-height:100%; max-width:100%; }