html {



}

body {
        background-color: #FFF;
        margin:0;

        font-family: 'Crimson Text', sans-serif;

        font-size: 16px;
        color:#333;

}

h1 {
        font-family: 'Crimson Text', sans-serif;
        font-size: 2.7em;
        font-weight: bold;
        margin:0 0 0.3em 0;
    line-height: 1em;

}
.h1Height {
    height:1.0em;
}
#logoarea h1 {
    color:#FFF;
    text-align: center;
    margin-top: 2em;
}
#logoarea h2 {
    color:#FFF;
    text-align: center;
    margin-top: 1em;
}



h2 {
        font-family: 'Crimson Text', sans-serif;
        font-weight: bold;
        font-size: 1.7em;
        font-weight: bold;
        margin:0.8em 0 0.8em 0;
}
.subH {
    margin-top:2em;
}

h3 {
        font-size: 1.15em;
        font-weight: bold;
        margin:0 0 0.4em 0;
}

p {
    font-size: 1.0em;
    margin:0.7em 0 0.5em 0;
    line-height: 1.4em;
}

a {
    color: #235971;
}
img {
        display: block;
        max-width: 100%;
        width: 100%;
}

.icons {
    float:left;
    width: 30%;
    margin-right:3%;
     cursor: pointer;
}
.iconBack {
    background-color: #FFF;
    border-radius: 1em;
    border: solid 0.2em #235973;
    padding:1em;
}
.closeIcon {
    width: 2em;
    height: 2em;
    float: right;
    cursor: pointer;
}
#fullTop {

    width:100%;
    padding:0;
    background-color:#235973;
    min-height:33em;

    background-image: url(images/start.jpg?id=1);
    background-repeat: no-repeat;
    background-position: top center;
}

#fullTopAdmin {

    width:100%;
    padding:0;
    background-color:#235971;
    min-height:5em;

    background-image: url(images/start.jpg?id=1);
    background-repeat: no-repeat;
    background-position: top center;
}


#logoarea {
    max-width:1000px;
    margin:0em auto 0em auto;
    padding:1em 3em 1em 3em;
    overflow: hidden;
    box-sizing: border-box;
}

.whText {
    color:#FFFFFF;
}

#bankIdDoneAnst {
    display: none;
}


.point-down {
    width: 1.4em;
    display: inline-block;
    margin-bottom:-0.5em;
    margin-left:0.5em;
}

.point-up {
    width: 1.4em;
    display: inline-block;
    margin-bottom:-0.5em;
    margin-left:0.5em;
}

.point-right {
    width: 1.6em !important;
    display: inline-block;
    margin-bottom:-0.2em;
    margin-left:0.3em;
    margin-right:0.3em;
}
.point-left {
    width: 1.6em !important;
    display: inline-block;
    margin-bottom:-0.2em;
    margin-left:0.3em;
    margin-right:0.3em;
}


.stepLeft {
        width:100%;
        float:left;
    }
    .stepRight{
        width:100%;
        float:left;
    }

.logoareaImgLeft {
    float:left;
    width:25%;
    text-decoration: none;
    color: #FFF;
    margin-top:0.6em;
}

#theMenu {
    float:right;
    width:75%;
    margin-top:0.3em;
     height:10em;

}


#theMenu a {
    float:right;
    padding:0.5em 0.4em 0.5em 0.4em;
    text-decoration: none;
    color: #FFF;
    margin-left:0.15em;
    margin-top:0.15em;
    font-size:1.2em;
    border-radius:0.2em;
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: 0.05em;

}


#mobMenu {
    display: none;
 }

#theMobMenu {
    position: fixed;
    top:1em;
    right:0em;
    width:15%;
    height:8em;
    background-image: url(images/menu.png);
    background-size: contain;
    background-repeat: no-repeat;
    z-index: 1001;

}

.plusBox {
    float:left;
    width:1.4em;
    height:1.4em;
    margin-right:0.3em;
    margin-top:-0.1em;
    font-weight: bold;
    cursor: pointer;
    border:solid 0.1em  #006600;
    color:#006600;
    padding:0em;
    border-radius: 1.4em;
    line-height: 1.4em;
    text-align: center;
}
.minusBox {
    display:none;
    float:left;
    width:1.4em;
    height:1.4em;
    margin-right:0.3em;
    margin-top:-0.1em;
    font-weight: bold;
    cursor: pointer;
    border:solid 0.1em  #FF0000;
    color:#FF0000;
    padding:0em;
    border-radius: 1.4em;
    line-height: 1.4em;
    text-align: center;
}


.formBen {
    width:20%;
    float:left;
    line-height: 3.5em;
    text-align: left;
    font-weight: bold;
    overflow: hidden;
}
.formFld {
    width:80%;
     float:left;
}
.formWide {
    width: 100%;
    line-height: 1.4em;
    margin-bottom:0.4em;
}


.myMenuBtn {
    background-color: #FFF;
    color:#333;
    float:left;
    padding:0.5em;
    margin:0.5em 0.5em 0.5em 0em;
    border-radius: 0.2em;
}

.bytnu {
    text-align: center;
    float:right;
    color:#FFF;
    margin-left:0.2em;
    margin-right:0.2em;
    font-size: 1.1em;
    font-weight: bold;
}
.bytnu img {
    width:5em;
    margin-top:-1em;
}

.bytnuPage {
    float:left;
    color:#333;
    margin-right:0.2em;
}





.logOut {
    background-color: #FFD5D5;

}






.theBtn {
    width:100%;
    background-color: #235971;
    color:#FFF;
    padding:1em;
    text-align: center;
    box-sizing: border-box;
    cursor: pointer;
    cursor: hand;
    border-radius: 0.5em;
}

.selBtn {
    width:100%;
    background-color: #FFFAD9;
    color:#000;
    padding:1em;
    text-align: center;
    box-sizing: border-box;
    cursor: pointer;
    cursor: hand;
    border-radius: 0.5em;
    margin-bottom:0.5em;
    border:solid 0.2em #FFFAD9;
}
#showGodMan {
    display: none;
}


.bidLoginTxt {
    width: 96%;
    margin-left:2%;
}
.bidBtn {
    width:100%;
    background-color: #2B6078;
    color:#FFF;
    padding:1em;
    text-align: center;
    box-sizing: border-box;
    cursor: pointer;
    cursor: hand;
    border-radius: 0.4em;
}

.bidBtnHalf {
    width:46%;
    margin:0% 2% 0% 2%;
    background-color: #2B6078;
    color:#FFF;
    padding:1em;
    text-align: center;
    box-sizing: border-box;
    cursor: pointer;
    cursor: hand;
    border-radius: 0.4em;
    float:left;
}




#bankIdImage {
    display: block;
    width: 20%;
    margin-left: 40%;
    text-align: center;
}





.table10 {
    width:10%;
    height: 1.6em;
    float:left;
    margin-bottom:0.4em;
    overflow: hidden;
    padding:0.3em 0.3em 0.3em 0em;
    box-sizing: border-box;
}

.table20 {
    width:20%;
    height: 1.6em;
    float:left;
    margin-bottom:0.4em;
    overflow: hidden;
    padding:0.3em 0.3em 0.3em 0em;
    box-sizing: border-box;
}
.table30 {
    width:30%;
    height: 1.6em;
    float:left;
    margin-bottom:0.4em;
    overflow: hidden;
    padding:0.3em 0.3em 0.3em 0em;
    box-sizing: border-box;
}

.table50 {
    width:50%;
    height: 1.6em;
    float:left;
    margin-bottom:0.4em;
    overflow: hidden;
    padding:0.3em 0.3em 0.3em 0em;
    box-sizing: border-box;
}
.table80 {
    width:80%;
    min-height: 1.6em;
    float:left;
    margin-bottom:0.4em;
    overflow: hidden;
    padding:0.3em 0.3em 0.3em 0em;
    box-sizing: border-box;

    overflow-wrap: normal;
    overflow-wrap: break-word;


}

.theForm {
    position: relative;

    background-image: url('/images/formback.png'); /* Standard syntax (must be last) */
    width:100%;
    float:left;
    min-height:10em;
    border-radius: 0.7em;
    padding: 1.5em;
    text-align: left;
    box-sizing: border-box;
    /*border:solid 0.1em #F2F2F2;*/
    opacity: 1;
    margin-bottom:2em;

}




.third {

    width:10%;
    float:left;

}
.thirdMid {

    width:70%;
    margin-left:5%;
    margin-right:5%;
    float:left;

}

.refName {
    font-style: italic;
}

.kampanj {
    width: 12em !important;
    position: absolute;
    top:-1.5em;
    right:-4em;
    display: block;
}
.leftP {
    text-align: left;
}


.oneThirdClean {
    width: 30%;
    margin-right:3.3%
}




#footerarea {
    width:100%;
    /* background-color: #235971; */

    margin:0em auto 2em auto;
    min-height:20em;
    /*box-shadow: 0px 1000px 0px 1000px #235971;*/
    text-align: left;
    padding-top:0em;
    color:#FFF;
}
#footerarea p {
   text-align: left;
    padding:0em 2em 1em 0em;

}
.footerBack {
    background-image: url('/images/bottomback_nowhite.jpg');
    background-repeat: repeat-x;
    background-position: top;
    margin-top:0.12em !important;
}

#footerOne {
    box-sizing: border-box;
    float:left;
    width:33%;
    margin-right:3.5%;
    /*border-right:solid 0.1em #FFF;*/
    height: 8em;
}
#footerTwo {
    box-sizing: border-box;
    float:left;
     width:31%;
    margin-right:3.5%;
    /*border-right:solid 0.1em #FFF;*/
    height: 8em;
}
#footerThree {
    box-sizing: border-box;
    float:left;
    width:29%;
    text-align:right;
}

.contactIcons {
    width:20%;
    float:right;
    margin-left:2%;
}
.contactIconsOnContact {
    width:3%;
    float:left;
    margin-left:0%;
    margin-right:0.5%;
}

.footLink {
    display: inline-block;
    margin:0.2em 0 0.2em 0;
    padding:0em 0em 0.2em 0em !important;
}

.footLink>a {
    color: #FFF;
    text-decoration: none;
    margin:0 0 0.5em 0;
}

.fullContainer {

    width:100%;
    margin:0 auto 0 auto;
    background-color: #FFF;
}


.container {
    padding:3em;
    max-width: 1000px;
    margin:0 auto 0 auto;
    box-sizing: border-box;

}


.smallBtn {
    display: inline-block;
    background-color: #235971;
    color:#FFF;
    padding:0.3em 0.5em 0.3em 0.5em;
    text-align: center;
    box-sizing: border-box;
    cursor: pointer;
    cursor: hand;
    border-radius: 0.5em;
}

.subMenuBtn {
    display: inline-block;
    background-color: #C348BD;
    color:#FFF;
    padding:0.3em 0.5em 0.3em 0.5em;
    text-align: center;
    box-sizing: border-box;
    cursor: pointer;
    cursor: hand;
    border-radius: 0.5em;
}





input, select {
    width: 100%;
    padding:1em;
    border:solid 1px #CCC;
    margin:0% 0% 1% 0%;
    font-size:1em;
    color:#333;
    line-height:1.2em;
    box-sizing: border-box;
    background-color: #FFFAD9;
    border-radius: 0.4em;
    font-family: 'Crimson Text', sans-serif;
}

input[type=submit] {
    width:100%;
    background-color: #235971;
    color:#FFF;
    padding:1em;
    text-align: center;
    box-sizing: border-box;
    cursor: pointer;
    cursor: hand;
    border-radius: 0.4em;
}

textarea {
    width: 100%;
    padding:2%;
    border:solid 1px #CCC;
    margin:0% 0% 1% 0%;
    color:#333;
    resize: none;
    line-height:1.2em;
    font-family: 'Crimson Text', sans-serif;
    font-size:1em;
    height:8em;
    box-sizing: border-box;
    background-color: #FFFAD9;
    border-radius:0.4em;
}

#anmalanSignerad {
    width: 100%;
    padding:2%;
    border:solid 1px #CCC;
    margin:0% 0% 1% 0%;
    color:#333;
    resize: none;
    line-height:1.2em;
    font-family: 'Crimson Text', sans-serif;
    font-size:1em;

    box-sizing: border-box;
    background-color: #FFFAD9;
    border-radius:0.4em;
}

.messRed {
    color:#FF0000;
    padding:0.5em;
    border:solid 2px #FF0000;
    margin-bottom:0.5em;
    border-radius:0.4em;
    background-color: #FFFFFF;
}
.messGreen {
    color:#006600;
    padding:0.5em;
    border:solid 2px #006600;
    margin-bottom:0.5em;
    border-radius:0.4em;
    background-color: #FFFFFF;

}

.clr {
    clear:both;
    width: 1px;
    height: 0;
}

.clr_one {
    clear:both;
    width: 1px;
    height: 0.8em;
}

.clr_two {
    clear:both;
    width: 1px;
    height: 1.4em;
}

.clr_line {
    clear:both;
    height: 1em;
    margin-top:1em;
    border-top:solid 1px #235971;
}

.contForm {
    height: 30em;
    overflow: hidden;
     position:relative;
}

.verif {
    position:absolute;
    top:-100px;
}


.hideInMob {
    display:block;
}

.hideInComp {
    display:none;
}

.hideInAll {
    display:none;
}


.nodec {
    text-decoration: none;
    color:#333;
}

.checkThisText {
    width: auto;
    float: left;
    padding: 0 0.2em 0 0.2em;
    line-height: 3.5em;
}
.checkThis {
    background-image: url(images/checkbox_0.png);
    background-repeat: no-repeat;
    background-size: cover;
    width:2em;
    height: 2em;
    border: solid 0.15em #CCC;
    float:left;
    margin-right:1.5em;
    margin-top:0.6em;
    border-radius:0.4em;
}

.crsr {
    cursor: pointer;
    cursor: hand;
}


li {
    padding:0.1em;
}

ul {
margin-top:0.2em;
}


#partOne {

}


#partTwo {
    display: none;
}

#partThree {
    display: none;
}

#partFour {
    display: none;
}

#partBankId {
    /*display: none;*/
}

#signeraAnmalan {
    height: 20em;
}

#signWithBankIdLoading {
    display: none;
}

p#bidinfop{
    padding:1em;
    border:1px solid #FF0000;
    color:#FF0000;
    text-align: center;
    margin: 0 auto;
    width: 96%;
    margin-left:2%;
    /* max-width: 500px; */
    display: none;
    box-sizing: border-box;
}

div#bankIdDoneBox{
    padding:1em;
    border:1px solid #006600;
    color:#006600;
    text-align: center;
    margin: 0 auto;
     width: 96%;
    margin-left:2%;
    /* max-width: 500px; */
    display: none;
}

span.bid-fors-igen{
    padding:0.3em;
    text-decoration: none;
    cursor: pointer;
    background-color: #FF0000;
    color:#FFF;
}

.inLink {
    background-color: #2B6078;
    color:#FFF;
    padding:0.4em;
    border-radius:0.5em;
}

#cookieInfo {
    position: fixed;
    bottom:0;
    left:0%;

    width: 100%;
    display: none;
    background-color: #FFFF99;
    color: #000;
    padding:0.5em;
    text-align: center;
    border:solid 0.05em #000;
    border-bottom:none;
    box-sizing: border-box;

}


#infoText {
    position: fixed;
    top:3em;
    left:20%;
    width: 60%;

    background-color: #FFF;
    color: #345679;
    padding:0.5em 1em 1em 1em;
    text-align: center;
    border:solid 0.05em #345679;

    border-radius: 0.5em;

    box-sizing: border-box;
    box-shadow: 2px 2px 5px #000;
    line-height: 1.1em;

}
.closeInfo {
    width: 2em;
    height: 2em;
    border:solid 1px #345679;
    line-height: 2em;
    text-align: center;
    border-radius: 0.2em;
    position: absolute;
    top:0.3em;
    left:0.3em;
}