html, body {background:transparent url("../img/pattern.fa32637e68ce.jpg") scroll repeat;
            font-family:Helvetica,Arial,sans-serif;color:#222;line-height:1.4em;
            margin:0;padding:0;}
body {border-top:2px solid #333;}
#page {margin:0 auto;width:800px;padding-top:50px;padding-bottom:0;
       background:transparent url("../img/blatt.f98eec7427b8.png") scroll no-repeat left top;}
#content {width:600px;float:right;}
#content h1 {margin-top:0;margin-bottom:1em;line-height:1em;}
#content p {line-height:1.5em;}
#content img {line-height:0;}
#content dl.figure dt {margin:0;padding:0;line-height:1px;}
#content dl.figure dt img {line-height:0;padding:0;margin:0;display:block;}
#content dl.figure dd {margin:0;padding:5px 5px 3px 5px;font-style:italic;
                       background-color:#111;color:#eee;}
#content dl.figure dd.copy {float:right;font-style:normal;}
#content dl.figure dd.slideshow {padding-top:8px;line-height:0;}
#content dl.figure dd.slideshow img {border:2px solid #111;}
#content dl.figure dd.slideshow img.current {border:2px solid red;}
#content dl.figure dd.slideshow a {outline:none;}
#side {width:160px;padding-right:40px;float:left;}
#side ul {padding:0;margin:0;text-align:right;}
#side ul li {list-style-type:none;border-bottom:1px solid #999;line-height:2em;}
#side ul li.last {border-bottom:0px solid #999;}
#side ul a {color:#666;text-decoration:none;font-size:0.9em;}
#side ul li.active a {color:#000;}
#side ul li.active {border-left:0px solid #999;}
#side ul li a:hover {color:#000;}
#side ul ul li {border-bottom:none;border-top:1px dashed #999;}
#side ul li.active ul li a {color:#666;}
#side ul li.active ul li.active a {color:#000;}
#footer {clear:both;width:800px;margin:0 auto;font-size:0.9em;color:#333;padding-top:35px;
         background:transparent url("../img/line.b915e6e5638e.jpg") scroll no-repeat top center;}
#footer p {margin:0;padding:0;margin-bottom:3em;}
#content a, #footer a {color:#333;}
.mobile-only {display:none;}
.top-navigation {margin-left:200px;margin-top:-50px;height:50px;}
.top-navigation a {line-height:2em;color:#666;text-decoration:none;padding-right:1em;}
.top-navigation a:hover {color:#111;text-decoration:underline;}

@media (max-width: 800px) {
    #page, #footer {width:97%;margin-right:1%;}
    #side {display:none;}
    #content {float:left;}
    .mobile-only {display:block;}
}
@media (max-width: 614px) {
    #side {display:none;}
    #content {width:100%;margin:0 auto;margin-top:36px;}
    #content img {max-width:100%;}
    .top-navigation {margin-left:0;margin-top:-10px;height:20px;}
    textarea {max-width:90%;}
}
@media (max-width: 500px) {
    #content img {max-width:100%;}
    #content img[width="80"] {width:100% !important;}
    #content dl.figure dd.slideshow {background-color:transparent;padding:0;}
    #content dl.figure dd.slideshow a {cursor:default;}
    #content dl.figure dd.slideshow img {border:none !important;margin-top:4px;}
    #content dl.figure dd.slideshow img.current {display:none;}
    .top-navigation a {padding-right:0.5em;}
}