body {
    color: black;
    font-family: Calibri, sans-serif;
    font-size: large;
    background-color: rgb(255, 240, 150);
    margin: 3%;
    display: grid;
    grid-template-columns: 20% 80%;
    align-items: strech;
    
}

nav {
    float: left;
    font-size: large;
    min-height: 100%;
    margin-top: 10px;
    padding: 10px;
}

table {
    border-collapse: collapse;
}

th {
    background-color: rgb(240,200,20);
}

th, td {
    text-align: left;
    padding: 10px;
    border: 1px solid black;
}

tr:nth-child(even) {
    background-color: rgb(255,220,100);
}

.ferie {
    color: darkblue;
    font-family: Calibri, sans-serif;
    font-style: italic;
}

.vurdering {
    color: darkred;
    font-family: Calibri, sans-serif;
    font-weight: bold;
}

.tverrfaglig {
    font-family: Calibri, sans-serif;
    font-style: italic;
}

.kompetanseliste {
    list-style: none;
    counter-reset: kompetanse;
    padding-left: 0;
}

.kompetanseliste li {
    counter-increment: kompetanse;
}

.kompetanseliste li:before {
    content: "K" counter(kompetanse) ". ";
    font-weight: bold;
}

.ferdigheter {
    list-style: none;
    counter-reset: ferdighet;
    padding-left: 0;
}

.ferdigheter li {
    counter-increment: ferdighet;
}

.ferdigheter li:before {
    content: "G" counter(ferdighet) ". ";
    font-weight: bold;
}

.kompetanse_drift {
    list-style: none;
    counter-reset: dkompetanse;
    padding-left: 0;
}

.kompetanse_drift li {
    counter-increment: dkompetanse;
}

.kompetanse_drift li:before {
    content: "D" counter(dkompetanse) ". ";
    font-weight: bold;
}

.kompetanse_utvikling {
    list-style: none;
    counter-reset: ukompetanse;
    padding-left: 0;
}

.kompetanse_utvikling li {
    counter-increment: ukompetanse;
}

.kompetanse_utvikling li:before {
    content: "U" counter(ukompetanse) ". ";
    font-weight: bold;
}