body, html {
    font-family: Inter,sans-serif;
    font-size: 15px;
    margin: 0px;
    padding: 0px;
    height: 100%;
    overflow: hidden;
    /*    background-color: #f4f1ef;
    background-color: rgba(244,241,239,1)*/
}

*, *:focus, *:hover {
    outline: none;
    outline-color: yellow;
    box-sizing: border-box;
}

input {
    font-family: Inter,sans-serif;
    font-size: 15px;
}

.form {
    margin: 0;
}

#aspnetForm {
    padding: 0px;
    margin: 0px;
}


.ie6warning {
    border-style: none none solid none;
    border-width: thin;
    border-color: #000000;
    width: 100%;
    height: 24px;
    position: absolute;
    top: 0px;
    left: 0px;
    background-color: #FFFFE1;
    display: table;
    visibility: visible;
    z-index: 100;
}

#ie6warning p {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    font-family: Inter, sans-serif;
    font-size: 15px;
    z-index: 100;
}

input {
    outline: none;
}

.Lbw {
    margin: 0px 0px 0px 0px;
    width: 100%;
    background-color: #FFFFFF;
    padding: 0px;
    min-height: 100%;
}

.logo {
}

    .logo img {
        max-width: 115px;
        position: absolute;
        display: block;
        left: 20px;
        top: 20px;
        width: 115px;
        z-index: 65000;
    }

#HoofdTitel {
    width: 100%;
    height: 21px;
    background-image: url('../images/new/Hoofdtitel.png');
    background-repeat: no-repeat;
}

#foto {
    margin: 3px 0px 3px 0px;
    padding: 0px;
    width: 100%;
    height: 120px;
    background-image: url('../images/new/foto.png');
    background-repeat: no-repeat;
}

#LbwMini {
    margin: 0px auto 0px auto;
    width: 790px;
    background-color: #FFFFFF;
    padding: 0px;
    height: 505px;
}

#MenuName {
    width: 100%;
    height: 35px;
}

#MenuContainer {
    margin: 0px 3px 0px 0px;
    width: 80%;
    background-color: #FFFFFF;
    padding: 0px;
    height: 68px;
    float: left;
    font-family: Inter, sans-serif;
    font-size: 15px;
    line-height: 3em;
    z-index: 7999;
}

#NameContainer {
    width: 356px;
    height: 35px;
    float: left;
    font-family: Inter, sans-serif;
    font-size: 15px;
    line-height: 3em;
    color: #666666;
}

.Header {
    width: 100%;
    height: 96px;
    margin: 0px;
    background-image: url('../images/FlameproHeader.png');
    background-repeat: no-repeat;
    display: none;
}

.NavMenuContainer {
    width: 100%;
    height: 68px;
    border-bottom: 1px solid;
    color: #85878a;
    padding-left: max(10%, 150px);
    padding-right: max(10%, 150px);
}

.BreadCrumb {
    width: 100%;
    height: 25px;
    vertical-align: middle;
    font-size: 14px;
    font-family: Inter, sans-serif;
    font-stretch: condensed;
    letter-spacing: 1px;
    line-height: 1.5em;
    color: #ffffff;
    background-color: #707070;
}

.TussenRuimte {
    width: 100%;
    height: 10px;
    /*   border-top: 1px solid;*/
    color: #85878a;
}


.HeaderBlokL {
    width: 130px;
    height: 100%;
    margin: 0px 3px 0px 0px;
    float: left;
    background-image: url('../images/new/Kis.png');
    background-repeat: no-repeat;
}

.HeaderBlokLi {
    padding: 10px;
    font-family: Inter, sans-serif;
    font-size: 22px;
    color: #FFFFFF;
}

.HeaderBlokLiTekst {
    font-family: Inter, sans-serif;
    font-size: 11px;
    text-decoration: none;
}


.HeaderBlokM {
    width: 508px;
    height: 100%;
    float: left;
    background-image: url('../images/new/PaginatitelM.png');
    background-repeat: no-repeat;
}

.HeaderBlokMi {
    padding: 10px;
    font-family: Inter, sans-serif;
    font-size: 22px;
    color: #FFFFFF;
}

.HeaderBlokR {
    width: 356px;
    height: 100%;
    margin: 0px 0px 0px 3px;
    float: right;
    background-image: url('../images/new/PaginatitelR.png');
    background-repeat: no-repeat;
}

.HeaderBlokRi {
    padding: 12px;
    font-family: Inter, sans-serif;
    font-size: 18px;
    color: #FFFFFF;
    vertical-align: middle;
}




.MainWindow {
    border: none;
    margin: 0 max(10%, 150px) 0 max(10%, 150px);
    width: 80%;
    background-color: #ffffff;
    padding: 0px;
    height: 800px;
    overflow: hidden;
    color: #000000;
}

.WerkBalk {
    margin: 0px 0px 2px 0px;
    height: 30px;
    padding-top: 6px;
    font-family: Inter, sans-serif;
    font-size: 15px;
    color: #FFFFFF;
    padding-left: 10px;
    background-image: url('../images/new/WerkBalk.png');
    background-repeat: no-repeat;
    background-position: left;
    vertical-align: middle;
}

.footer {
    margin: 0px 0px 0px 0px;
    width: 100%;
    height: 29px;
    background-color: #FF8000;
    /*    background-image: url('../images/Footer.png');
    background-repeat: no-repeat*/;
}

.Watermark {
    color: #808080;
}




.Ophalen {
    height: 31px;
    visibility: hidden;
    z-index: 1000;
    width: 31px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -15px;
    margin-top: -15px;
}


#URL {
    color: #00365c;
    text-decoration: none;
}


#TePrinten {
    overflow-y: scroll;
    height: inherit;
}

#TePrintenZonderVoetregel {
    overflow: auto;
    height: 400px;
}

#VoetRegel {
    overflow: hidden;
    height: 20px;
    margin-top: 5px;
}

.StandaardElement {
    font-size: 11px;
    font-family: Inter, sans-serif;
}

.StandaardTextBox {
    border: 2px solid #f68e1e;
    outline: 0;
    height: 30px;
    /*width: 275px;*/
    font-family: Inter,sans-serif;
    font-size: 18px;
    color: #85878a;
    padding-left: 5px;
}

#WijzigWachtwoord {
    margin: 100px auto auto auto;
    width: 35%;
    padding: 0px;
    height: 125px;
    font-size: 14px;
}








.klantkeuze {
    /*    text-transform: uppercase;  */
    font-weight: bold;
    text-decoration: none;
    color: #6d94bd;
    font-size: 8pt;
    border-color: White;
}


.Tabs .ajax__tab_header {
    border-bottom: 1px solid #ffffff;
    font-family: Inter, sans-serif;
    font-size: 100%;
}

.offertemeldbutton {
    height: 17px;
    width: 90px;
    font-size: 9px;
    font-family: Inter, sans-serif;
}

.huurmeldbutton {
    height: 17px;
    width: 80px;
    font-size: 9px;
    font-family: Inter, sans-serif;
}

.reserveerbutton {
    height: 17px;
    width: 65px;
    font-size: 9px;
    font-family: Inter, sans-serif;
}

.mailbutton {
    height: 17px;
    width: 35px;
    font-size: 9px;
    font-family: Inter, sans-serif;
}

.modal400x350 {
    width: 350px;
    height: 400px;
    background-image: url('../images/new/popup400x350.png');
}

.modalPopupAlgemeen {
    background-color: #ffffff;
    border-width: 3px;
    border-style: solid;
    border-color: #6d94bd;
    padding: 3px;
    color: #000000;
}

.modalPopup {
    background-color: #ffffff;
    border-width: 3px;
    border-style: solid;
    border-color: #6d94bd;
    padding: 3px;
    width: 300px;
    height: 350px;
    color: #000000;
}

.modalPopupReserveer {
    background-color: #ffffff;
    border-width: 3px;
    border-style: solid;
    border-color: #6d94bd;
    padding: 3px;
    width: 800px;
    height: 480px;
    color: #000000;
}

.modalPopupBestelDepot {
    background-color: #ffffff;
    border-width: 3px;
    border-style: solid;
    border-color: #6d94bd;
    padding: 3px;
    width: 330px;
    height: 460px;
    color: #000000;
}

.modalPopupKenmerken {
    background-color: #ffffff;
    border-width: 1px;
    border-style: solid;
    border-color: #000000;
    padding: 0px;
    width: 400px;
    height: 350px;
    color: #000000;
}

.modalPopupPluginDepot {
    background-color: #ffffff;
    border-width: 3px;
    border-style: solid;
    border-color: #6d94bd;
    padding: 3px;
    width: 750px;
    height: 320px;
    color: #000000;
}

.KenmerkTabelKolom1 {
    width: 110px;
}

.modalPopupReserveerStatus {
    background-color: #ffffff;
    border-width: 3px;
    border-style: solid;
    border-color: #6d94bd;
    padding: 3px;
    width: 660px;
    height: 350px;
    color: #000000;
}

.modalPopupHuurStatus {
    background-color: #ffffff;
    border-width: 3px;
    border-style: solid;
    border-color: #6d94bd;
    padding: 3px;
    width: 560px;
    height: 350px;
    color: #000000;
}

.modalBackground {
    background-color: #6d94bd;
    filter: alpha(opacity=20);
    opacity: 0.2;
}

.AddEditUserPopup {
    background-color: #ffffdd;
    border-width: 3px;
    border-style: solid;
    border-color: #6d94bd;
    padding: 3px;
    width: 620px;
    height: 450px;
    color: #000000;
}

.AddEditUserTabs {
    font-family: Inter, sans-serif;
    font-size: 8pt;
}


.NavButton {
    width: 20px;
    height: 20px;
    font-family: Inter, sans-serif;
    font-size: 10px;
    font-weight: bold;
}

.DeleteUserPopup {
    background-color: #ffffdd;
    border-width: 3px;
    border-style: solid;
    border-color: #6d94bd;
    padding: 3px;
    width: 200px;
    height: 100px;
    color: #000000;
}

.FreeTextDesign {
    font-family: Inter, sans-serif;
    font-size: 8pt;
}

.HeaderFreez {
    position: relative;
    top: expression(this.offsetParent.scrollTop);
    z-index: 10;
}

.ReverseHeader {
    background-color: #6d94bd;
    color: #FFFFFF;
    width: 280px;
    font-family: Inter, sans-serif;
    font-size: 8pt;
    font-weight: bold;
}




.LinkButton {
    text-decoration: none;
}

.WordWrap {
    white-space: normal;
    word-wrap: break-word;
}




.textboxinput {
    border-style: none;
    width: 180px;
    font-family: Inter, sans-serif;
    font-size: 14px;
    margin-top: 9px;
    margin-left: 10px;
}

.buttonlarge {
    border-style: none;
    background-position: left top;
    background-image: url('../images/new/btn-118-20.png');
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-color: transparent;
    font-family: Inter, sans-serif;
    font-size: 15px;
    color: #000000;
    height: 20px;
    width: 118px;
}

.buttonmedium {
    border-style: none;
    background-position: left top;
    background-image: url('../images/new/btn-104-20.png');
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-color: transparent;
    font-family: Inter, sans-serif;
    font-size: 15px;
    color: #000000;
    height: 20px;
    width: 104px;
}

.buttonsmall {
    border-style: none;
    background-position: left top;
    background-image: url('../images/new/btn-093-20.png');
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-color: transparent;
    font-family: Inter, sans-serif;
    font-size: 11px;
    color: #000000;
    height: 20px;
    width: 93px;
}


.button93x20 {
    border-style: none;
    background-position: left top;
    background-image: url('../images/new/btn-093-20.png');
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-color: transparent;
    font-family: Inter, sans-serif;
    font-size: 11px;
    color: #000000;
    height: 20px;
    width: 93px;
}

.TimeoutDiv {
    height: 100px;
    z-index: 2000;
    width: 400px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -200px;
    margin-top: -50px;
    background-color: #FF0000;
    color: #FFFFFF;
    font-family: Inter, sans-serif;
}

.ToolBar {
    height: 30px;
    background-color: #eeeeee;
}

.ToolBarCel {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    float: left;
    width: 100px;
}

.infoTD {
    line-height: 16px;
}

.textbox3line {
    height: 44px;
    width: 230px;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 15px;
    overflow: hidden;
}

.PasswordLost {
    margin: 0px auto 0px auto;
    font-size: 14px;
}

/* HEARBEAT */
.heartbeat {
    position: absolute;
    display: none;
    margin: 5px;
    color: red;
    right: 0;
    top: 0;
    z-index: 10000;
}

.edittable {
    border-spacing: 0px;
    border-collapse: separate;
    table-layout: fixed;
}

.chkbx input,
.chkbx label {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle; /* Fixes any weird issues in Firefox and IE */
    padding-top: 10px;
}


.ctct {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    right: 0;
    background: #ff8000;
    height: 68px;
    width: 170px;
    transform: skewX(-16.5deg);
    margin-right: -20px;
    padding-right: 10px;
    font-weight: bold;
    color: #fff;
}

.size-22 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 10%;
    -moz-flex: 0 10%;
    -ms-flex: 0 10%;
    flex: 0 10%;
    width: 10%;
}

.g-block {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 0;
    min-height: 0;
}

.ctct div {
    transform: skewX(16.5deg);
}

    .ctct div a {
        display: block;
        color: #fff;
        margin-top: -7px;
        text-decoration: none;
        font-style: normal;
    }


.RadWindow .rwDialogPopup {
    margin: 16px;
    color: black;
    padding: 1px 0 16px 50px;
    font-family: Inter,sans-serif !important;
    font-size: 15px !important;
    cursor: default;
}
.RadWindow .rwPopupButton, .RadWindow .rwPopupButton span {
    text-decoration: none;
    color: black;
    line-height: 24px !important;
    height: 24px !important;
    cursor: default;
}