/* Original gasa.mer.nu CSS (c. 2001), re-encoded UTF-8 for the 2026 reconstruction. */

A:hover {
    color: #FF0033;
    font-family: Verdana;
    font-size: xx-small;
    text-decoration: none;
}

table {
    background-color: #FFFFFF;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: xx-small;
    border-style: none;
    line-height: normal;
}

body {
    background-color: #003399;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: xx-small;
    scrollbar-base-color: #FFFFFF;
    scrollbar-track-color: #FFFFFF;
    scrollbar-face-color: #FFFFFF;
    scrollbar-highlight-color: #FFFFFF;
    scrollbar-3dlight-color: #003399;
    scrollbar-darkshadow-color: #003399;
    scrollbar-shadow-color: #000000;
    scrollbar-arrow-color: #003399;
}

select, type, textarea {
    font-size: 10px;
    font-family: Verdana, Arial;
    color: #000000;
    background: #FFFFFF;
}

input {
    font-size: 10px;
    font-family: Verdana, Arial;
    color: #003399;
    background: #FFFFFF;
    text-decoration: none;
}

a:link    { text-decoration: none; }
a:visited { text-decoration: none; }
a:active  { text-decoration: none; }

/* --- 2026 reconstruction additions (not in original) --- */

.museum-banner {
    background: #FFEB3B;
    color: #000000;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    text-align: center;
    padding: 6px 12px;
    border-bottom: 2px solid #000000;
    position: sticky;
    top: 0;
    z-index: 999;
}
.museum-banner a { color: #003399; font-size: 11px; text-decoration: underline; }
.museum-banner a:hover { color: #FF0033; font-size: 11px; }

/* Tab menu used on /start.html (recreated from START.php iframe layout) */
.tabmenu { background: #BBBBBB; border-collapse: collapse; }
.tabmenu td { font-size: 11px; }
.tabmenu td.tab {
    background: #90A6D3;
    padding: 2px 8px;
    border-left: 1px solid #000;
    border-right: 1px solid #000;
}
.tabmenu td.tab.active { background: #FFFFFF; }
.tabmenu td.tab a { color: #000000; font-size: 11px; text-decoration: none; }
.tabmenu td.tab a:hover { color: #FF0033; font-size: 11px; }

/* Hoger-sidebar block (recreated from /hoger/hoger.php) */
.hoger-block {
    width: 140px;
    background: #B5C6E9;
    margin-bottom: 10px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
}
.hoger-block .hdr {
    color: #000;
    font-weight: bold;
    text-align: center;
    padding: 3px 0;
    background: #FFFFFF;
    border-bottom: 1px solid #000;
}
.hoger-block .body { padding: 6px 8px; color: #000; }
.hoger-block .body label { display: block; padding: 2px 0; }

/* News card on main feed */
.news {
    background: #FFFFFF;
    color: #000;
    padding: 8px 12px;
    margin-bottom: 8px;
    border: 1px solid #90A6D3;
    font-size: 11px;
}
.news h3 { color: #003399; margin: 0 0 4px 0; font-size: 13px; }
.news .meta { color: #666; font-size: 10px; margin-bottom: 6px; }

/* Gallery */
.galleri { background: #FFFFFF; padding: 12px; }
.galleri .grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
    gap: 6px;
}
.galleri .grid a { display: block; border: 1px solid #003399; }
.galleri .grid img {
    width: 100%;
    height: 110px;
    object-fit: cover;
    display: block;
}