html, body {
    margin: 0;
    padding: 0;
    height: 100%;
}

#background {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 10;
    background: #bfdbf1 url("/Grafik/LoginBackground.jpg") no-repeat bottom left;
    background-size: 100% 100%;
    max-height: 100%;
    max-width: 100%
}

#main {
    width: 340px;
    height: 313px;
    margin: auto;
    margin-top: 300px;
    border: 1px solid #a6b2c1;
}

#largeContentContainer {
    padding-bottom: 5px;
    display: inline-block;
}

#imgContainer {
    padding-left: 5px;
    display: inline-block;
}

#toplabelright {
    padding-bottom: 5px;
    display: inline-block;
    vertical-align: top;
    padding-top: 36px;
}

#toplabel {
    display: inline-block;
}

.contentContainer {
    height: 25px;
    padding: 5px 0px 5px 0px;
}

.labelContainer {
    padding-left: 5px;
    padding-top: 2px;
    display: inline-block;
}

.textboxContainer {
    padding: 0px 5px;
    display: inline-block;
    float: right;
}

#checkboxContainer {
    padding-left: 5px;
    display: inline-block;
}

#buttonContainer {
    padding: 0px 5px;
    display: inline-block;
    float: right;
}

#footerContainer {
    background-color: black;
    height: 133px;
}

#linkContainer {
    display: inline-block;
    float: right;
    padding: 0px 5px;
}

.mycheckbox input[type="checkbox"] {
    margin-right: 5px;
}
/****************/
/* Text buttons */
/****************/
input.textButtons {
    text-align: center;
    border-width: 0px;
    color: white;
    height: 25px;
    border-radius: 2px;
    cursor: pointer;
}

input.textButtons:hover {
    text-align: center;
    border-width: 0px;
    height: 25px;
    color: white;
    border-radius: 2px;
    background-color: #72bf6c;
    cursor: pointer;
}

input.textButtons:disabled {
    text-align: center;
    border-width: 0px;
    height: 25px;
    color: white;
    border-radius: 2px;
    background-color: #a3d3a0;
    cursor: default;
    
}

input.textButtons:disabled:hover {
    text-align: center;
    border-width: 0px;
    color: white;
    border-radius: 2px;
    background-color: #a3d3a0;
    cursor: default;
    height: 25px
}

/****************/
/* Logo buttons */
/****************/

input.logoButton {
    border: 1px solid white;
    border-radius: 2px;
    height: 20px;
    width: 20px;
    cursor:pointer;
    padding: 5px;   
}

input.logoButton:disabled {
    border: 1px solid white;
    border-radius: 2px;
    height: 20px;
    width: 20px;
    cursor: default;
    padding: 5px;
}
#LogoImage {
    width: 25px;
    height: 25px;
}

.LogoImageOnRow {
    width: 25px;
    height: 25px;
    vertical-align: middle;
    border-radius: 2px;
    border-color: white;
    border-width: 1px;
    border-style: solid;
    padding: 2.5px;
}
.backgroundWhite {
    background-color: white;
}

.backgroundRed {
    background-color: #d12421;
}

.backgroundBlue00 {
    background-color: #00214d;
}

.backgroundBlue01 {
    background-color: #023983;
}

.backgroundBlue02 {
    background-color: #006ec7;
}

.backgroundBlue03 {
    background-color: #7fb6e3;
}

.backgroundBlue04 {
    background-color: #bfdbf1;
}

.backgroundGreen00 {
    background-color: #49a842;
}

.backgroundGreen01 {
    background-color: #a3d3a0;
}

.backgroundYellow00 {
    background-color: #e6b012;
}

.backgroundYellow01 {
    background-color: #f2d788;
}

.backgroundGrey {
    background-color: #dae2e8;
}

.textBlue00 {
    color: #00214d;
}

.textBlue01 {
    color: #023983;
}

.textBlue02 {
    color: #006ec7;
}

.textBlue03 {
    color: #7fb6e3;
}

.textWhite {
    color: white;
}

.textRed {
    color: #d12421;
}

.borderWithColor {
    border: 1px solid #a6b2c1
}
.textMenuItem {
    font-family: Arial;
    font-size: 19px;
    font-weight: bold;
}

.textTopMenu {
    font-family: Arial;
    font-size: 15px;
    font-weight: bold;
}

.textBreadCrumbs {
    font-family: Arial;
    font-size: 14px;
    text-decoration: none;
}

.textSubHeading { /*Underrubrik i topbar*/
    font-family: Arial;
    font-size: 16px;
}

.textBodyText { /*Brødtekst*/
    font-family: Arial;
    font-size: 15px;
    text-overflow: ellipsis;
    overflow: hidden;
    color: azure;
    white-space: nowrap;
}

.textBodyTextDark { /*Brødtekst*/
    font-family: Arial;
    font-size: 15px;
    text-overflow: ellipsis;
    overflow: hidden;
    color: black;
    white-space: nowrap;
}

.textBodyTextMultiLine { /*Brødtekst i multiline tekstbox*/
    font-family: Arial;
    font-size: 14px;
    text-overflow: ellipsis;
    overflow: hidden;
}

.textSize12 {
    font-family: Arial;
    font-size: 12px;
}

.textFooter {
    font-family: Arial;
    font-size: 13px;
    text-align: center;
}

.textButton {
    font-family: Arial;
    font-size: 17px;
}

.textButlerFrontPage {
    font-family: Arial;
    font-size: 30px;
    font-weight: bold;
}