html {width:100%;}
body,td,select,input {font-family: Tahoma,Arial,Helvetica,sans-serif; font-size:12px; color:#663300;}
body {margin:0px; background-color:#ffffff}
a, .lnk {text-decoration:none;color:#006600;font-weight:bold;}
a:hover {color: #003300;} 
a.duenn {font-weight:normal;}
h1 {font-size: 14px;}
h2 {font-size: 12px;}
.mini {font-size:11px; font-weight:normal;}
.s {font-size:7px; vertical-align: super;}
.hell {background-color:#E4FCDC;}
table.term, table.term td, .rahmen {border: 1px solid #ffe4cc;}
table.term1, table.term1 td {border: none;}
ul {overflow:auto;}
.veranstaltung {padding:8px 0 0 20px;}

#inhalt {width:99.5%;max-width:900px;margin:0 auto; border-right:2px solid #febc80; border-left:2px solid #febc80; border-bottom:4px solid #febc80;}
#banner {position:relative;width:100%;}
 #menu_oben {position:absolute; left:35%; right:0; bottom:0; text-align:right; height:30px; padding:0px 16px 0px 12px;background-image:url(Bilder/trans50.png);line-height:30px;z-index:1;}
  #seite_menu {display:none; float:left; margin-left:-12px; padding-left:12px; cursor:pointer; border:1px solid orange; background-color:#ffe4cc; border-radius:5px; line-height:26px}
 #logo {position:absolute; width:25%; left:30%; bottom:-10px;z-index:2;}
 #anschrift {position:absolute; right:2%; bottom:34px;z-index:3; font-size:.9em;}
 #menu {float:left;margin:-1px 24px 18px 0; background-color:#ffe4cc; width:25%; min-width:140px;}
 #page {margin:25px 25px 35px 28%;}
#footer {position:relative;width:100%; max-width:900px; margin:0 auto;}
 #buecher {position:absolute;left:8%;top:-30px;z-index:4;}
 #footer_i {margin:2% 0 2% 29%;}
  #counter {float:right;margin-right:2%;}

.flexc {display:flex;flex-wrap:wrap;justify-content:center;max-width:900px;border-top:3px solid #febc80;margin:2% auto 0 auto;}
.flex3 {width:46%;min-width:300px;margin:1% .5% .5% 0;padding:1%;color:#444;border:1px solid #ffe4cc;}
 
@media all and (max-width: 540px) {
  #banner {vertical-align:bottom;height:104px;width:100%;}
  #banner_bild {position:absolute;bottom:0;}
  #inhalt {border-right:0;border-left:0;}
  #menu {top:0;left:-172px;margin-left:0px;position:absolute;z-index:20000;width:170px;border:1px solid orange;}
  #menu_oben {left:0;bottom:-28px;right:0;display:relative;}
  #seite_menu {display:block; position:absolute;left:0;}
  #logo {width:160px; left:0;}
  #banner_bild {opacity:.3;}
  #anschrift {bottom:2px;background-color: rgba(255,255,255,0.6); padding:3px;}
  #page {margin:40px 4px 24px 4px}
   #buecher {left:10%;width:110px}
   #footer_i {padding-top:6%;}
  #counter {float:none;margin-top:12px}
  .veranstaltung {padding:4px 0 0 8px;}
}

@media all and (max-width: 320px) {
  #seite_drucken {display:none;}
}