html,body{
    height:100%;
}
html
{
    font: 11pt sans-serif;
}

body
{
    margin: 0;
    padding: 0;
    overflow-x:hidden;
/*    color: #151515;
    background-color: floralwhite;*/
}

#wrap:after {
    display: block;
    height: 0px;
    clear: both;
    float: none;
}
#wrap{
    display:flex;
    min-height:100%;
    position:absolute;
    width:100%;
}
/*#wrap div {float: left;}*/
#leftframe {
    width: 15%;
    background-color: #68021B;
    background-image: url('/img/lagers_links.png');
    background-repeat: no-repeat;
    background-position: bottom right;
    background-size:cover;
/*    background-attachment: fixed;
    background-size: cover;    */
}
#centerframe {
    width: 70%;
    background-color:floralwhite;
    position:relative;
    /*background-image: url("img/lager_linksonder.png");*/
    /*background-repeat: no-repeat;*/
    /*background-position: right bottom;*/    
}
#rightframe {
    width: 15%;
    background-color: white;
    background-image: url('/img/bg_rechts.png');
    background-repeat: no-repeat;
    position:relative;
    overflow-x:hidden;
    background-position:bottom left;
    background-size:cover;
}    
#contentpart{
    padding:2em;
}
/*@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    #contentpart{
        display:flex;
        flex-direction:column;
    }
}*/

#bearing_image{
     position: absolute;
     bottom: 0;
     right: -483px;
     z-index: 1;
}

h1, h2, h3, h4, h5
{
    font-weight: normal;
}

input, select
{
    font: inherit;
    margin: 0.10em;
    padding: 0.25em;
    border: 1px solid gray;
    border-radius: 0.25em;
    background-color: white;
    box-sizing: border-box;
}

input[type=checkbox]
{
    vertical-align: middle;
}

input[type=submit], input[type=button]
{
    cursor: pointer;
    background-color: lightgray;
    background-image: linear-gradient(whitesmoke, lightgray);
}

fieldset
{
    border: 1px solid #DDB583;
    border-radius: 0.25em;
    padding: 1.5em;
}

#content .btn
{
    display: inline-block;
    padding: 0.75em;
    border-radius: 0.25em;
    border: 1px solid gray;
    cursor: pointer;
    background-image: linear-gradient(whitesmoke 50%, lightgray 90%);
    text-decoration: none;
    color: black;
}

#content a
{
    text-decoration: none;
    color: #A80532;
    border-bottom: 1px dotted #A80532;
}

#content a:hover
{
    border-bottom-style: solid;
}

#content a.slammer
{
    border: none;
}

#content .in-bestelling{
    background-color: yellowgreen;
}
#content .in-offerte{
    background-color: gold;
}
#content .in-beide{
    background:repeating-linear-gradient(60deg, yellowgreen, yellowgreen 5px, gold 35px, gold 50px);
}

#content hr
{
    border: 0;
    border-bottom: 1px dashed silver;
}

#content table
{
    border-collapse: collapse;
}

.result tr:nth-child(odd)
{
    background-color: linen;
}

.result_manual tr.odd
{
    background-color: linen;
}

.result select
{
    width: 80%;
}

#content th
{
    font-weight: inherit;
    padding: 0 0.5em;
}

#content td
{
    padding: 0 0.5em;
}

#submenu ul
{
    list-style: none;
    padding: 0;
}

#submenu li
{
    padding: 0.25em 1.5em;
}

#submenu li:before
{
    content: "\00bb";
    padding-right: 0.5em;
}

.bestelzoek
{
    display: inline-block;
}

.bol
{
    font-weight: bold;
}

.lagelagers
{
    position: fixed;
    bottom: 0;
    right: 0;
    z-index: 100;
}

@media (max-width: 800px), (max-height: 600px)
{
   .lagelagers 
   {
       display: none;
   }

}

#nav > li > ul{
    /*margin-top:6px;*/
}
#cartwrap_loggedout,#cartwrap_loggedin{
    line-height:30px;
    font-size:15px;
    position:absolute;
}
#cartwrap_loggedout{
    top:12px;
    right:220px;
}    
#cartwrap_loggedin{
    top:77px;
    right:18px;
}
#cartwrap_loggedin span,#cartwrap_loggedout span{
    float:right;
}
#cartwrap_loggedout img,#offerwrap_loggedout img,#cartwrap_loggedin img,#offerwrap_loggedin img{
    vertical-align: middle;
}
#cart_quantity{
    position: absolute;
    top: 1px;
    right: -2px;
    color: black;
    font-weight: bold;
    font-size: 10px;
    text-align:center;
    width:18px;
}
.button {

    background-color: lightgreen;
    background-image: linear-gradient(palegreen, mediumseagreen);
    width: 32px;
    text-align: center;
    border-radius: 5px;
    height: 32px;
    padding: 5px 2px 0 0;
    border: 1px solid mediumseagreen;
    box-sizing: border-box;
    float: right;    
}
.button2{
border-color: mediumseagreen !important;
background-color: lightgreen !important;
background-image: linear-gradient(palegreen, mediumseagreen) !important;    
}
.button3{
border-color: darkorange !important;
background-color: orange !important;
background-image: linear-gradient(gold, darkorange) !important;    
/*margin-left:59px;*/
}