html, body {
        margin: 0;
        padding: 0;
        height: 100%;
}
body {
        font-family: Arial, Helvetica, sans-serif;
        background-color: #ffffff;
        color: #000000;
        display: flex;
        flex-direction: column;
}
#page-wrapper {
        flex: 1;
        padding: 20px;
}

.header-container {
        position: relative;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 18px;
        border-bottom: 2px solid #719395;
        padding-bottom: 15px;
        margin-bottom: 15px;
}
.site-title {
        font-family: 'Brush Script MT', cursive;
        font-size: 44px;
        margin: 0;
        font-weight: normal;
}
.lang-switch {
        position: absolute;
        right: 0;
        top: 50%;
        transform: translateY(-50%);
        font-size: 13px;
}
.lang-switch a {
        color: #555555;
        text-decoration: none;
}
.lang-switch a:hover {
        text-decoration: underline;
}
.menu-container {
        display: flex;
        flex-wrap: wrap;
        gap: 4px;
        list-style: none;
        padding: 0;
        margin: 0 0 30px 0;
        border-bottom: 1px solid #719395;
}
.menu-link {
        display: block;
        padding: 6px 14px;
        background-color: #ffffff;
        color: #000000;
        text-decoration: none;
        font-size: 13px;
        border: 1px solid #719395;
        border-bottom: none;
        border-top-left-radius: 8px;
        border-top-right-radius: 8px;
        position: relative;
        bottom: -1px;
}
.menu-link:hover {
        background-color: #f0f4f4;
}
.menu-link.active {
        background-color: #f0f4f4;
        font-weight: bold;
}
.norsk-link {
        font-family: Arial, Helvetica, sans-serif;
        font-size: medium;
        font-weight: bold;
        white-space: nowrap;
        margin-left: auto;
}
.content h1 {
        font-size: 28px; margin-top: 0; margin-bottom: 20px;
}
.content h3 {
        font-size: 22px;
        margin-top: 0;
        margin-bottom: 16px;
}
.content p {
        line-height: 1.6;
}
.content a {
        color: #006666;
        text-decoration: underline;
}
.content a:hover {
        color: #66CCCC;
}
.info-section h2 {
        font-size: 20px; font-weight: bold; margin-bottom: 15px;
}
.info-list {
        list-style-type: disc; padding-left: 20px;
}
.info-list li {
        margin-bottom: 8px;
}
.info-list li a {
        color: #006666; text-decoration: underline; font-weight: bold; font-size: 14px;
}
.info-list li a:hover {
        color: #66CCCC; 
}

.style1 {
        text-align: center;
}
.style2 {
        font-family: Arial, Helvetica, sans-serif;
}
.style3 {
        font-family: Arial, Helvetica, sans-serif;
        font-weight: bold;
}
.style4 {
        color: rgb(0, 0, 0);
        font-family: Arial, Helvetica, sans-serif;
        font-size: medium;
        font-style: normal;
        font-weight: 400;
        letter-spacing: normal;
        text-align: start;
        text-indent: 0px;
        text-transform: none;
        white-space: normal;
        word-spacing: 0px;
        margin-left: 0.5in;
}
.style5 {
        font-family: Arial, Helvetica, sans-serif;
        font-size: medium;
}
.style6 {
        color: #000000;
        font-weight: bold;
        font-size: medium;
}
.style7 {
        font-family: Arial, Helvetica, sans-serif;
        font-weight: bold;
        font-size: medium;
}
.style8 {
        color: rgb(0, 0, 0);
        font-family: Arial, Helvetica, sans-serif;
        font-size: medium;
        font-style: normal;
        font-weight: 400;
        letter-spacing: normal;
        text-align: start;
        text-indent: 0px;
        text-transform: none;
        white-space: normal;
        word-spacing: 0px;
        margin-left: 0.5in;
}
.style9, .style10, .style11, .style12, .style13, .style14, .style15, .style16, .style17, .style18, .style19, .style20, .style21, .style22, .style23, .style24, .style25, .style26, .style27, .style28, .style29, .style30, .style31, .style32, .style33, .style34, .style35, .style36, .style37, .style38, .style39, .style40, .style41, .style42, .style43, .style44, .style45, .style46, .style47, .style48, .style49, .style50, .style51, .style52, .style53, .style54, .style55, .style56, .style57, .style58, .style59, .style60, .style61, .style62, .style63, .style64, .style65, .style66, .style67, .style68, .style69, .style70, .style71, .style72, .style73, .style74, .style75, .style76, .style77, .style78, .style79, .style80, .style81, .style82, .style83, .style84, .style85, .style86, .style87, .style88, .style89, .style90, .style91, .style92, .style93, .style94, .style95, .style96, .style97, .style98, .style99 {
        font-family: Arial, Helvetica, sans-serif;
        font-size: medium;
}