html { margin: 0; padding: 0; height: 100%; }
body { margin: 0; padding: 0; font-size: 14px; font-family: "Arial CE"; height: 100%; background-color: #ffe400; color: #000; }
h1, h2, h3, div, p { margin: 0; padding: 0; }
a { text-decoration: underline; }
a:hover { text-decoration: none; }
#container { width: 100%; }
#header { width: 200px; background-color: black; color: #ffe400; padding: 30px 10px; margin: 20px auto 0 auto; font-size: 22px; text-align: center; }
#header a { color: #ffe400; }
#content { width: 220px; margin: 0 auto; font-size: 18px; }
#content h1 { font: bold 22px Arial; margin: 0 0 15px 0; float: left; clear: left; }
#content h2 { font: 18px Arial; margin: 0 0 10px 0; border-bottom: 1px solid #000; float: left; clear: left; }
#content h3 { font: 14px Arial; margin: 7px 0 3px 0; clear: left; }
#content h3 a { color: #000; }
#content div a.filtr { margin-bottom: 10px; width: 105px; height: 35px; background-color: #000; color: #ffe400; display: block; float: left; text-align: center; padding-top: 10px; }
#content div a.filtr.typ { width: 66px; height: 26px; font-size: 12px; }
#content div a.filtr.typ.slc { text-decoration: none; font-weight: bold; }
#content a.up { margin-bottom: 10px; width: 220px; height: 35px; background-color: #000; color: #ffe400; display: block; float: left; text-align: center; padding-top: 10px; }
#content.program p { font: 12px/16px Arial; margin: 0 0 7px 0; float: left; }
#content.program p span { display: block; float: left; width: 140px; }
#content.program p span.date { font-style: italic; color: #655d00; width: 80px; display: block; float: left; clear: left; }
#content.news h3 { font-weight: bold; }
#content.news p.p_datum { font: italic 12px/16px Arial; color: #655d00; margin-bottom: 3px; }
#content.news p { font: 12px/16px Arial; margin: 0 0 15px 0; }
#content .button { display: block; float: left; width: 200px; background-color: #000; color: #ffe400; margin-top: 20px; padding: 30px 10px; text-align: center; }