/*page {
    background: white;
    color: black;
}*/

#gridContainer {
    position: fixed;
    display: grid;
    top: 0;
    left: 0;
    padding: 0;
    margin: 0;
    width: 100vw;
    height: 100vh;
    grid-template-rows: 50px 50px 42px 30px 50px 1fr 40px;
    grid-template-columns: 3px 75px 1fr 1fr 1fr 3px;
    /*grid-template-columns: 3px 1fr 1fr 1fr 1fr 3px;*/
    gap: 3px;
    background: var(--bakgrunnHele);
}

#rad1 {
    grid-row: 1/2;
    grid-column: 1/8;
    top: 0;
    left: 0;
    height: 50px;
    width: 100%;
    /*background-image: linear-gradient(90deg, var(--topRowBakgrunn) 0%, white 100%);*/
    background-color: var(--bakgrunn);
}

#rad1_Logo {
    grid-row: 1/2;
    grid-column: 2/3;
    top: 0;
    left: 0;
    height: 40px;
    width: 100%;
    background-color: transparent;
    z-index: 13;
}

#rad1_Melding {
    grid-row: 1/2;
    grid-column: 3/5;
    top: 0;
    left: 75px;
    height: 40px;
    width: 100%;
    background-color: transparent;
    color: black;
    z-index: 14;
}

#rad1_Detalj {
    grid-row: 1/2;
    grid-column: 3/5;
    /*top: 10px;*/
    vertical-align: middle;
    left: 0;
    height: 50px;
    width: 100%;
    background-color: transparent;
    color: white;
    text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
    font-size: 30px;
    font-weight: bold;
    z-index: 11;
}
#rad1_Detalj2 {
    position: fixed;
    left: calc(100vw - 300px);
    top: 5px;
    vertical-align: middle;
    height: 50px;
    width: 100%;
    background-color: transparent;
    color: white;
    text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
    /*font-size: 20px;*/
    font-weight: bold;
    z-index: 11;
}
#toppHoyre {
    grid-row: 1/2;
    grid-column: 5/7;
    text-align: right;
    margin-top: 2px;
    /*float: right;*/
    font-weight: bold;
    z-index: 213;
}

#rad1_MenyBar {
    position: absolute;
    grid-row: 1/2;
    grid-column: 5/6;
    border: 1px solid black;
    border-radius: 8px;
    background: green;
    float: right;
    /*right: 2px;*/
    /*    cursor: pointer;
    width: 50px;
    margin-top: 3px;
    height: 45px;
    color: white;
    border: 1px solid lightgreen;
    border-radius: 8px;
    background: green;
    right: 2px;
    line-height: 45px;
    font-weight: bold;
    text-align: center;*/
    z-index: 15;
}

/*.noteAdministrasjon {
    position: fixed;
    top: 1px;
    left: 1px;
    height: 172px;
    width: 100%;
    z-index: 100;
}*/

#innhold1_6_2_6 {
    grid-row: 1/6;
    grid-column: 2/6;
    border: thin solid gray;
    z-index: 36;
}

#rad1AdminBilde {
    grid-row: 1/4;
    grid-column: 2/3;
    top: 0;
    left: 75px;
    z-index: 35;
}

#rad2 {
    grid-row: 2/3;
    grid-column: 2/6;
    vertical-align: middle;
}

#rad3 {
    grid-row: 3/4;
    grid-column: 2/6;
    line-height: 42px;
}

#rad3_7 {
    grid-row: 3/7;
    grid-column: 2/6;
    z-index: 14;
}

#rad4 {
    grid-row: 4/5;
    grid-column: 2/6;
}

#rad5 {
    grid-row: 5/6;
    grid-column: 2/6;
}

#innhold6_8 {
    grid-row: 6/7;
    grid-column: 2/6;
    overflow-y: auto;
    overflow-x: hidden;
    color: black;
}

    #innhold6_8 > div:nth-child(even) {
        background-color: white;
        /*background-color: rgb(51, 146, 214, 0.10);*/
        color: black;
    }

    #innhold6_8 > div:nth-child(odd) {
        background-color: whitesmoke;
        /*background-color: rgb(255, 140, 0, 0.05);*/
        color: black;
    }

a{
    color: black;
}
    a:visited{
        color:black;
    }

#innhold5_7 {
    grid-row: 5/7;
    grid-column: 2/6;
    overflow-y: auto;
    overflow-x: hidden;
    color: black;
}

    #innhold5_7 > div:nth-child(even) {
        background-color: white;
        /*background-color: rgb(51, 146, 214, 0.10);*/
        color: black;
    }

    #innhold5_7 > div:nth-child(odd) {
        background-color: whitesmoke;
        /*background-color: rgb(255, 140, 0, 0.01);*/
        color: black;
    }

#innhold5_8 {
    grid-row: 5/8;
    grid-column: 2/7;
    overflow-y: auto;
    overflow-x: hidden;
    color: black;
}

    #innhold5_8 > div:nth-child(even) {
        background-color: white;
        /*background-color: rgb(51, 146, 214, 0.10);*/
        color: black;
    }

    #innhold5_8 > div:nth-child(odd) {
        background-color: whitesmoke;
        /*background-color: rgb(255, 140, 0, 0.01);*/
        color: black;
    }

#innhold4_7 {
    grid-row: 4/7;
    grid-column: 2/6;
    overflow-y: auto;
    overflow-x: hidden;
    color: black;
}

    #innhold4_7 > div:nth-child(even) {
        background-color: white;
        /*background-color: rgb(51, 146, 214, 0.10);*/
        color: black;
    }

    #innhold4_7 > div:nth-child(odd) {
        background-color: whitesmoke;
        /*background-color: rgb(255, 140, 0, 0.01);*/
        color: black;
    }

#innhold3_7 {
    grid-row: 3/7;
    grid-column: 2/6;
    overflow-y: auto;
    overflow-x: hidden;
    color: var(--forgrunnText);
}

    #innhold3_7 > div:nth-child(even) {
        background-color: white;
        /*background-color: rgb(51, 146, 214, 0.10);*/
        color: black;
    }

    #innhold3_7 > div:nth-child(odd) {
        background-color: whitesmoke;
        /*background-color: rgb(255, 140, 0, 0.01);*/
        color: black;
    }

#innhold4_8 {
    grid-row: 4/8;
    grid-column: 2/6;
    overflow-y: auto;
    overflow-x: hidden;
    color: black;
}

    #innhold4_8 > div:nth-child(even) {
        background-color: white;
        /*background-color: rgb(51, 146, 214, 0.10);*/
        color: black;
    }

    #innhold4_8 > div:nth-child(odd) {
        background-color: whitesmoke;
        /*background-color: rgb(255, 140, 0, 0.01);*/
        color: black;
    }

#rad1_3 {
    grid-row: 1/3;
    grid-column: 2/6;
    overflow-y: auto;
    overflow-x: hidden;
}

#rad1_4 {
    grid-row: 1/4;
    grid-column: 2/6;
    overflow-y: auto;
    overflow-x: hidden;
}

#rad2_5 {
    grid-row: 2/5;
    grid-column: 2/6;
    overflow-y: auto;
    overflow-x: hidden;
}

#rad2_6 {
    grid-row: 2/6;
    grid-column: 2/6;
    overflow-y: auto;
    overflow-x: hidden;
}

#rad2_7 {
    grid-row: 2/7;
    grid-column: 2/6;
    overflow-y: hidden;
    overflow-x: hidden;
}

#rad2_8 {
    grid-row: 2/8;
    grid-column: 2/6;
    overflow-y: auto;
    overflow-x: hidden;
}
#rad3_7 {
    grid-row: 3/7;
    grid-column: 2/6;
    overflow-y: auto;
    overflow-x: hidden;
}

#rad4_7 {
    grid-row: 4/7;
    grid-column: 2/6;
    overflow-y: auto;
    overflow-x: hidden;
}

#rad5_7 {
    grid-row: 5/7;
    grid-column: 2/6;
    overflow-y: auto;
    overflow-x: hidden;
}
#rad6_7 {
    grid-row: 6/7;
    grid-column: 2/6;
    overflow-y: auto;
    overflow-x: hidden;
}

#rad6_8 {
    grid-row: 6/8;
    grid-column: 2/6;
    overflow-y: auto;
    overflow-x: hidden;
}

#bunnRad {
    grid-row: 7/8;
    grid-column: 2/4;
    background: pink;
    z-index: 100;
}

.flex-container {
    display: flex;
    flex-wrap: nowrap;
    background-color: transparent;
}