body                     { font-family: Arial, Verdana, Helvetica; font-size: medium; color: #333000; margin: 0px; background-color: #ffffff; text-align: center; }
h2                       { font-size: 120%; font-weight: bold; }

#div_header              { padding: 10px; font-size: 120%; background-color: #f1f1f1; font-weight: bold; overflow: hidden; }
#div_navbar              { padding: 0px; font-size: 120%; color: #ffffff; background-color: #000fb1; overflow: hidden; z-index: 1; }
#div_content             { padding: 15px 10px; }

#homesection             { max-width: 350px; padding: 10px; margin: auto; margin-bottom: 10px; border: 2px solid #000fb1; background: #fafaff; }
#homesection_red         { max-width: 350px; padding: 10px; margin: auto; margin-bottom: 10px; border: 2px solid #fe0000; background: #fffafa; }
#termin                  { max-width: 350px; padding: 10px; margin: auto; margin-bottom: 10px; border: 2px solid #000fb1; background: #fafaff; }
#topicsection            { max-width: 350px; padding: 10px 10px 1px 10px; margin: auto; margin-bottom: 10px; font-size: 80%; border-top: 2px solid #000fb1; }
#topicsection_content    { width: 193px; padding: 0px; margin-left: auto; margin-right: auto; }

#gallery                 { position: relative; left: -25px; list-style-type: none; }
#gallery li              { display: inline; }
#gallery img             { border:3px solid #EFEFEF; margin-bottom:4px; }
#gallery a:hover img     { border:3px solid #D0D0D0; margin-bottom:4px; }

.sticky                  { position: fixed; top: 0px; width: 100%; }
.sticky + #div_content   { padding-top: 57px; }

.header_table            { display: inline-block; border: none; border-spacing: 0px; }
.header_td               { padding: 0px 3px 0px 3px; text-align: left; }

.navbar_menu             { display: flex; padding: 0px 5px; float: left; }
.navbar_menu a           { display: flex; height: 32px; padding: 5px; text-decoration: none; color: #ffffff; align-items: center; float: left; }
.navbar_menu a:hover     { background-color: #d0d0d0; color: #000000; }
.navbar_menu a:active    { background-color: #fe0000; color: #ffffff; }
.navbar_button           { position: absolute; right: 5px; padding: 5px;}

.popup_menu              { display: none; position: absolute; top: 126px; right: 0px; min-width: 250px; background-color: #f1f1f1; color: #333000; text-align: left; }
.popup_menu a            { display: block; font-size: 120%; text-decoration: none; color: #333000; padding: 12px 16px; border-bottom: 1px solid #d2d2d2; }
.popup_menu a:hover      { background-color: #000fb1; color: #ffffff; }
.popup_menu a:active     { background-color: #fe0000; color: #ffffff; }
.popup_menu_close        { display: block; font-size: 100%; text-decoration: none; color: #333000; padding: 8px 16px; border-bottom: 1px solid #d2d2d2; text-align: right; }
.menu_close_button       { background-color: #fe0000; color: #ffffff; font-weight: bold; padding: 2px 10px; border: none; }

.popup_show              { display: block; }
.sticky_popup            { position: fixed; top: 42px; }

.bf_schild               { width: 127px; padding: 15px 0px; margin: auto; color: #ffffff; font-size: 75%; font-weight: bold; background-image: url("https://www.mec-mar.at/images/buttom.jpg"); }
.bf_schild a             { text-decoration: none; color: #ffffff; }

.left                    { text-align: left; }
.bold                    { font-weight: bold; }
.jubilaeum               { font-weight: bold; color: #800000; }