body {
    background: #588527;
    font-size: .80em;
    font-family: "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;
    margin: 0px;
    padding: 0px;
    color: #696969;
    /*margin: 0;
    padding: 0;
    font-family: sans-serif;
    line-height: 1.4em;
    font-size: small;*/
}

img {
    border-style: none;
    border-color: inherit;
    border-width: medium;
}

.kreditt {
    background-color: #FFFF00;
    font-weight: bold;
    font-size: 14px;
}



.page {
    min-width: 900px;
    width: auto;
    /*max-width: 1000px;*/
    /*   width: 1000px;  */
    background-color: #fff; /* background-color: #588527; */
    margin: 20px auto 20px auto;
    border: 1px solid #496077;
}

.startPage {
    /*min-width: 600px;
    max-width: 800px;*/
    width: 700px;
    /*   width: 1000px;  */
    background-color: #fff; /* background-color: #588527; */
    margin: 20px auto 20px auto;
    border: 1px solid #496077;
}

.title {
    display: block;
    float: left;
    text-align: left;
    width: auto;
    font-size: 1.8em;
    height: 25px;
}

.flagDisplay {
    font-size: 1.1em;
    display: block;
    text-align: right;
    color: White;
    margin-top: 10px;
}

.loginDisplay {
    font-size: 1.1em;
    display: block;
    text-align: right;
    color: White;
}

    .loginDisplay a:link {
        color: white;
    }

    .loginDisplay a:visited {
        color: white;
    }

    .loginDisplay a:hover {
        color: white;
    }

.headerSpaceThin {
    position: relative;
    margin: 0px;
    height: 1px;
    background: #588527;
    color: White;
    width: 100%;
}

div.hideSkiplink {
    background-color: #3a4f63;
    width: 100%;
}

.clear {
    clear: both;
}


.litenskrift {
    font-size: 8px;
}

.main {
    padding: 0px 12px; /*   margin: 12px 8px 8px 8px; */
    min-height: 420px;
}

.Avstand {
    margin-top: 15px;
}

.headerSpace {
    position: relative;
    margin: 0px;
    height: 2px;
    background: #588527;
    color: White;
    width: 100%;
    /*top: -5px;*/
    /*left: -2px;*/
}

.tynnlinje {
    position: relative;
    margin: 0px;
    height: 1px;
    background: #588527;
    color: White;
    width: 100%;
    /*left: -2px;*/
}




div#K2 {
    padding: 2%;
    text-align: justify;
    margin-left: 204px;
}


div#K1 {
    padding: 2%;
    float: left;
    text-align: justify;
    font-size: 10px;
    /*width: 200px;*/
}

.K2Dialog {
    padding: 2%;
    text-align: justify;
    /*margin-left: 100px;*/
}

.K1Dialog {
    /*margin: 5px;
    padding: 2%;*/
    padding-right: 2%;
    float: left;
    text-align: justify;
    /*background-color: #BFBFBF;*/
}

.K1Dialogi {
    background-color: #e8e6e6;
}



.dbFelt {
    font-weight: bold;
}

.fontsize10 {
    font-size: 10px;
}


.DatoFelt {
    width: 60px;
}

.TekstFelt {
    width: 160px;
}
.ordDeling
{
    margin-left:5px;
}
.obs{
    color :red;
}

.GreenLine {
    margin-top: 6px;
    margin-bottom: 1px;
    /*border-top: solid 1px #55BA34;*/ 
    border-top: none;
    width: 100%;
}

.ModalBackgroud {
    background-color: Gray;
    filter: alpha(opacity=50);
    opacity: 0.8;
}

.HarIkke {
    font-size: 10px;
    margin-left: -4px;
}

.Avkrysning {
    font-size: 10px;
    margin-left: -4px;
}

.forfall {
    background-color: #ff0000;
    font-weight: bold;
    font-size: 14px;
    color: #fff;
}

.betalt {
    background-color: #588527;
    margin-left: 10px;
    color:#ffffff;
    font-weight:normal;
    padding-left:2px;
    padding-right:2px;
    font-size:12px;

}