@charset "utf-8";
/* CSS Document */
:root {
    /* Prod Narhalsan Online. */
    --main_colour: #971B2F;
    --second-colour: #B05262;
    --third-colour: #b25051;
    --fourth-colour: #b25051;
    --fifth-colour: #FFA7AD; 

    /* Test Narhalsan Online. */
/*    --main_colour: #1B2F97;
    --second-colour: #5262B0;
    --third-colour: #5051b2;
    --fourth-colour: #5051b2;
    --fifth-colour: #A7ADFF;*/
    
    /* Dev Narhalsan Online. */
/*    --main_colour: #1B972F;
    --second-colour: #52B062;
    --third-colour: #50b251;
    --fourth-colour: #50b251;
    --fifth-colour: #A7FFAD;*/
}

/*************************** Tabs **************************/
#tabs {
    padding-left: 300px;
    height: auto;
}

#tabsWrapper {
    position: relative;
    height: 24px;
    border-bottom-width: 3px;
    border-bottom: solid #dddddd;
}

#tabs p {
    text-align: center;
    margin-top: 4px;
    font-family: Arial, Tahoma, Verdana;
    font-size: 14px;
    font-weight: bold;
    margin-left: 0px;
}

.normalState {
    position: relative;
    height: 22px;
    width: 145px;
    display: block;
    background-image: url(images/normal.png);
    float: left;
    margin-left: -35px;
    z-index: 1;
    top: 2px;
    cursor: pointer;
    color: #000;
}

    .normalState:hover {
        background-image: url(images/hover.png);
    }

.currentState {
    position: relative;
    height: 23px;
    width: 145px;
    display: block;
    float: left;
    top: 4px;
    margin-left: -35px;
    background-image: url(images/current.png);
    z-index: 10000;
    cursor: default;
}

    .currentState p {
        color: #fff;
    }

    .currentState:hover {
        background-image: url(images/current.png);
        z-index: 10000;
    }

#bottomLine2 {
    position: absolute;
    left: 0px;
    height: 3px;
    width: 100%;
    background-color: #104A90;
    top: 20px;
    z-index: 2;
}
/*************************** Kontakt **************************/
.contactButton {
    background-image: url(images/contact.png);
    /* width:74px; */
    height: 25px;
    display: block;
    cursor: pointer;
}

    .contactButton:hover {
        background-image: url(images/contact_hover.png);
    }

/*************************** Main **************************/
input[type=checkbox] {
    transform: scale(1.9);
}

.sida {
    color: black;
    font-size: 14pt;
    font-family: Arial, Tahoma, Verdana;
}

.sidarubrik {
    background-color: #FFFFFF;
    text-align: left;
    color: black;
    font-size: 16pt;
    font-family: Arial, Tahoma, Verdana;
}

.sidatxt {
    background-color: #FFFFFF;
    color: black;
    font-size: 14pt;
    font-family: Arial, Tahoma, Verdana;
}

.sidatxtb {
    background-color: #CCCCCC;
    color: black;
    font-size: 14pt;
    font-family: Arial, Tahoma, Verdana;
    font-weight: bold;
}

.banner {
    background-color: var(--main_colour);
    position: relative;
    left: -12px;
    top: -12px;
}


.banner_txt {
    font-family: Arial;
    color: white;
    font-size: 36pt;
    position: absolute;
    left: 608px;
    top: 70px;
}

.banner2 {
    background-color: var(--third-colour);
}

.banner3 {
    background-color: var(--fourth-colour);
}

.banner4 {
    background-color: var(--fifth-colour);
}

.banner5 {
    background-color: #FFE7E3;
}


.banner_label {
    font-family: Arial, Tahoma, Verdana;
    font-size: 18pt;
    color: White;
    font-weight: bold;
    text-align: center;
}

.tabell {
    background-color: var(--main_colour);
    border-color: black;
    color: black;
    font-size: 11pt;
    font-family: Arial, Tahoma, Verdana;
}

.tabellRubrik_Left {
    background-color: #000000;
    color: #ffffff;
    font-size: 11pt;
    font-family: Arial, Tahoma, Verdana;
    font-weight: bold;
    height: 25px;
    text-align: left;
    padding-left: 2px;
}

.tabellRubrik_Center {
    background-color: #000000;
    color: #ffffff;
    font-size: 11pt;
    font-family: Arial, Tahoma, Verdana;
    font-weight: bold;
    height: 25px;
    text-align: center;
}

.tabellCell_VLS {
    background-color: var(--second-colour);
    color: #FFFFFF;
    font-size: 11pt;
    font-family: Arial, Tahoma, Verdana;
    font-weight: bold;
    height: 25px;
    text-align: left;
    padding-left: 2px;
}

.tabellCell_VLX {
    background-color: #CCCCCC;
    color: black;
    font-size: 11pt;
    font-family: Arial, Tahoma, Verdana;
    font-weight: bold;
    height: 25px;
    text-align: left;
    padding-left: 2px;
}

.tabellCell_VCS {
    background-color: var(--second-colour);
    color: #FFFFFF;
    font-size: 11pt;
    font-family: Arial, Tahoma, Verdana;
    font-weight: bold;
    height: 25px;
    text-align: center;
}

.tabellCell_VCX {
    background-color: #CCCCCC;
    color: black;
    font-size: 11pt;
    font-family: Arial, Tahoma, Verdana;
    font-weight: bold;
    height: 25px;
    text-align: center;
}

.tabellCell_HLS {
    background-color: var(--main_colour);
    color: #FFFFFF;
    font-size: 11pt;
    font-family: Arial, Tahoma, Verdana;
    font-weight: bold;
    height: 25px;
    text-align: left;
    padding-left: 2px;
}

.tabellCell_HLX {
    background-color: #A9A9A9;
    color: black;
    font-size: 11pt;
    font-family: Arial, Tahoma, Verdana;
    font-weight: bold;
    height: 25px;
    text-align: left;
    padding-left: 2px;
}

.tabellCell_HCS {
    background-color: var(--main_colour);
    color: #FFFFFF;
    font-size: 11pt;
    font-family: Arial, Tahoma, Verdana;
    font-weight: bold;
    height: 25px;
    text-align: center;
}

.tabellCell_HCX {
    background-color: #A9A9A9;
    color: black;
    font-size: 11pt;
    font-family: Arial, Tahoma, Verdana;
    font-weight: bold;
    height: 25px;
    text-align: center;
}

.formvit {
    background-color: #104A90;
    text-align: center;
    color: white;
    font-size: 14pt;
    font-family: Arial, Tahoma, Verdana;
}

.form {
    background-color: var(--main_colour);
    text-align: left;
    color: Black;
    font-weight: bold;
    font-size: 12pt;
    font-family: Arial, Tahoma, Verdana;
    border-width: thin;
    border-style: solid;
    border-color: black;
}

.form_area {
    background-color: var(--main_colour);
    text-align: left;
    color: Black;
    font-weight: bold;
    font-size: 12pt;
    font-family: Verdana;
}

.label8 {
    font-family: Arial, Tahoma, Verdana;
    font-size: 8pt;
    color: Black;
}

.label10 {
    font-family: Arial, Tahoma, Verdana;
    font-size: 10pt;
    color: Black;
}

.label10W {
    font-family: Arial, Tahoma, Verdana;
    font-size: 10pt;
    color: White;
    font-weight: bold;
    text-align: left;
}

.label_Ok {
    font-family: Arial, Tahoma, Verdana;
    font-size: 12pt;
    color: black;
    font-weight: bold;
    text-align: left;
}

.label_Error {
    font-family: Arial, Tahoma, Verdana;
    font-size: 12pt;
    color: #000000;
    font-weight: bold;
    text-align: left;
    color: red;
}

.label12 {
    font-family: Arial, Tahoma, Verdana;
    font-size: 12pt;
    color: Black;
}

.label12W {
    font-family: Arial, Tahoma, Verdana;
    font-size: 12pt;
    color: White;
    font-weight: bold;
}

.label12Error {
    font-family: Arial, Tahoma, Verdana;
    font-size: 12pt;
    color: #000000;
    font-weight: bold;
    text-align: left;
}

.label14 {
    font-family: Arial, Tahoma, Verdana;
    font-size: 14pt;
    color: Black;
}

.label12B {
    font-family: Arial, Tahoma, Verdana;
    font-size: 12pt;
    color: Black;
    font-weight: bold;
}

.label12BW {
    font-family: Arial, Tahoma, Verdana;
    font-size: 12pt;
    color: white;
    font-weight: bold;
}

.label14B {
    font-family: Arial, Tahoma, Verdana;
    font-size: 14pt;
    color: Black;
    font-weight: bold;
}

.label14Error {
    font-family: Arial, Tahoma, Verdana;
    font-size: 14pt;
    color: red;
    font-weight: bold;
    text-align: left;
}

.label16 {
    font-family: Arial, Tahoma, Verdana;
    font-size: 16pt;
    color: Black;
}

.label18 {
    font-family: Arial, Tahoma, Verdana;
    font-size: 18pt;
    color: Black;
}

.label18B {
    font-family: Arial, Tahoma, Verdana;
    font-size: 18pt;
    color: Black;
    font-weight: bold;
}

.label18B_Ok {
    font-family: Arial, Tahoma, Verdana;
    font-size: 18pt;
    color: forestgreen;
    font-weight: bold;
}

.label18B_Error {
    font-family: Arial, Tahoma, Verdana;
    font-size: 18pt;
    color: red;
    font-weight: bold;
}

.label14R {
    font-family: Arial, Tahoma, Verdana;
    font-size: 14pt;
    color: Red;
}

.label18R {
    font-family: Arial, Tahoma, Verdana;
    font-size: 18pt;
    color: Red;
}

.selectbox {
    font-family: Arial, Tahoma, Verdana;
    font-size: 12pt;
    color: Black;
}

.print10 {
    font-family: Arial, Tahoma, Verdana;
    font-size: 10pt;
    color: Black;
    background-color: white;
}

.print10_C {
    font-family: Arial, Tahoma, Verdana;
    font-size: 10pt;
    color: Black;
    background-color: white;
    text-align: center;
}

.print11 {
    font-family: Arial, Tahoma, Verdana;
    font-size: 11pt;
    color: Black;
    background-color: white;
}

.print12 {
    font-family: Arial, Tahoma, Verdana;
    font-size: 12pt;
    color: Black;
    background-color: white;
}

.print10B {
    font-family: Arial, Tahoma, Verdana;
    font-size: 10pt;
    color: Black;
    font-weight: bold;
    background-color: white;
}

.print11B {
    font-family: Arial, Tahoma, Verdana;
    font-size: 11pt;
    color: Black;
    font-weight: bold;
    background-color: white;
}

.print12B {
    font-family: Arial, Tahoma, Verdana;
    font-size: 12pt;
    color: Black;
    font-weight: bold;
    background-color: white;
}

.submit25 {
    width: 140px;
}

.meny {
    background-color: var(--main_colour);
    border-color: #000000;
    border-width: thin;
}

.menyrubrik {
    background-color: var(--main_colour);
    font-weight: bold;
    text-align: center;
    color: white;
    font-size: 12pt;
    font-family: Arial, Tahoma, Verdana;
    height: 22px;
    letter-spacing: 1pt;
}

.menyrad {
    background-color: var(--main_colour);
    vertical-align: middle;
    font-size: 10pt;
    color: white;
    text-align: left;
    border-color: black;
}

    .menyrad:hover {
        background-color: var(--second-colour);
        vertical-align: middle;
        font-size: 10pt;
        color: white;
        text-align: left;
    }


    .menyrad a {
        text-decoration: none;
        color: white;
        font-weight: bold;
    }

img {
    background-image: images/email.png;
    border: 0;
    display: block;
}



.menytxt {
    text-align: left;
    font-family: Arial, Tahoma, Verdana;
    font-size: 10pt;
    color: white;
}

/*********** Kontakter ****************************/

.kontakt_txt {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 20px;
    color: #104A90;
}