@charset "UTF-8";
/*		Boekwinkeltjes.nl				*/
/*		http://www.boekwinkeltjes.nl	*/

*{box-sizing: border-box;}

img {border:none;}

html,
body {
    margin:0;
    padding:0;
    height:100%;
}
.bankicons {
    color: transparent;
    font-size:0;
    background-size:160px 100px !important;
    width:160px;
    height:100px;
}

.dropdown {
     position: relative;
 }
.dropdown:hover {
    background: linear-gradient(to bottom, #FCFCFC 0%, #efefef 30%) repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.dropdown:hover .dropdown-menu {
    display: block;
}
.dropdown-menu {
    width: 211px;
    border-color: #efefef;
    border-width: 3px;
    background-clip: padding-box;
    background-color: #ffffff;
    border-radius: 0 0 7px 7px;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);
    display: none;
    float: left;
    font-size: 12px;
    left: 0;
    list-style: outside none none;
    margin: 0px 0 0;
    min-width: 160px;
    padding: 5px 0;
    position: absolute;
    top: 100%;
    z-index: 1000;
}
.dropdown-verkoperinfo {
    left:auto; 
    padding:0; 
    right:0;
}
body {
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    -ms-font-smoothing: antialiased;
    background: #ffffe8;
    font-family:  Arial, sans-serif;
    font-size: 14px;
    color: #333;
    margin:0 0 0 0;
    overflow:scroll;
    overflow-x:auto;
}
h1,h2,h3,h4,h5,h6, p {
    line-height: 1.3em;
    margin:1.2rem 0 1rem;
}
h1,h2,h3,h4,h5,h6{
    color: #600;}
h1 { font-size: 2em; }
h2 { font-size: 1.75em; }
h3 { font-size: 1.5em; }
h4 { font-size: 1em; }

/* Links */
a {
    color: #0000FF;}
a:visited {
    color: #0000FF;}
a:hover{
    color: #CC0000;
    text-decoration:none;}
a:active {
    color: #CC0000;}

a img {border:none;}


.wrap{
    width:100%;
    min-height:100%;
    position:relative;
    overflow:hidden;
    margin:0 auto;}
.wrap > .content{
    margin-bottom:150px;}
@media (min-width: 426px) {
    .wrap > .content{margin-bottom:120px;}}
@media (min-width: 701px) {
    .wrap > .content{
        margin-bottom:75px;}}
.image-bg-full {
    position: absolute;
    z-index:-1;
    background-size: cover;
    background-position: bottom;
    top:0;
    right:0;
    bottom:0;
    left:0;
}
.image-bg{
    position: relative;
    float:left;
    background-image:url(/images/img_404_book_bg.jpg);
    background-size: cover;
    background-position: bottom;
    width:100%;
    min-height:500px;
    height:80vh;}
.image-bg:after,  .image-bg-full:after{
    z-index:0;
    content:"";
    position: absolute;
    top:0; left:0; right:0; bottom:0;
    background:rgba(0,0,0,.5);}
.image-bg .row{
    z-index:2;
    text-align: center;}
.image-bg h2, .image-bg h3{color:#fff; margin:2em 0 .25em; font-size:2em; text-shadow: 0 2px 2px rgba(0,0,0,.25);}
.image-bg h3{ font-size:1.5em; margin:0 0 1em; color:#fff; font-weight:300; }
@media (min-width: 701px) {.image-bg h2{margin:2em 0 .25em; font-size:4em;} .image-bg h3{font-size:2em;}}

.clear{
    clear:both;}
/****************************************
TXT ALIGN */
.text-left{text-align:left;}
.text-right{text-align:right;}
.text-center{text-align:center;}

.animate{transition:all 0.3s ease;}

/*
BUTTONS */
a.button{color:#333; text-decoration:none;}
.button{	margin:5px 5px 5px 0;
    display:inline-block;
    transition:0.2s all ease-out;
    background:rgba(255,255,255,0.5);
    padding:10px 15px;
    border:1px solid rgba(232,215,157,1);
    position:relative;
    text-align:center;
}
.button .fa{padding-right:.75em;}
.button.fw{width:100%;}
.button.fw.text-left{text-align:left}
.button:hover, .button.active{
    border-color: rgba(0,0,0,0.1);
    background:#ffcc33;}
.button.icon{
    padding-left:2.5em;}
.button.icon:before{
    left:15px;
    position:absolute;
    line-height:1.6em;
    font-family:'FontAwesome';}
.button.icon.plus:before{
    content:"\f067 ";}
.button.icon.minus:before{
    content:"\f068 ";}

/****************************************
HEADER */
.header{
    position:relative;
    padding:10px 0 10px 0;
    background: #FFFFE8;
    overflow-y:hidden;
    z-index: 1;
}
.logo{
    width:100%;
    float:left;}
.headeritem{
    float:left;
    width:100%;}
.logo img{
    width:100%;
    max-width:500px;
    height:auto;}

.banner{
    display:none;
    text-align:center;
    float:left;
    width:25%;}
.banner img{max-width:100%; height:auto;}
.boekwName{
    float:right;
    display:inline-block;
    width:100%;
    text-align:center;
}
.boekwName h2{margin:0 0 .25em 0; font-size:1.25em; }
.boekwName .date{
    display:inline-block;
    padding:1em 1.25em;
    border-radius:3px;
    border:1px solid rgba(0, 0, 0, .075);
    background:rgba(243,234,200,.25);}
.boekwName .date .fa{padding-right:.25em; color:rgba(0,0,0,.5);}

.clock{
    float:right;
    margin:0 15px 0 0;
    max-height:105px;
    display:none;}
.clock img{
    max-height:105px;
    width:auto;}
@media (min-width: 480px) {
    .logo{
        width:50%;}
    .headeritem{
        width:50%;}
    .boekwName{
        margin-right:1em;
        text-align:right;
    }
}
@media (min-width: 730px) {
    .clock{
        display:inline-block;}
    .boekwName{
        width:auto;
        text-align:center;
        margin:.5em 2em 0 0 ;}
}

/****************************************
HEADERSEARCH */
.headerSearch, .singleSearch {
    float:right;
    padding:0 10px 10px;
    width:100%;
}

.singleSearch {
    float:none; padding:0;
}

.headerSearch form, .singleSearch form {
    width:100%;
}

.headerSearch .searchBar, .singleSearch .searchBar{
    position:relative;
}

/*
 * Original :
 * width: 100%
 * border-radius: 5px
 */
.headerSearch input[type="text"], .singleSearch input[type="text"] {
    width:82.5%;
    padding:15px 15px 15px 40px;
    border-radius:5px 0px 0px 5px;
    border:0;
    margin:0;
    border:1px solid rgba(0,0,0,0.25);
}
.loep {
    top: auto !important;
    height: 46px !important;
}

.headerSearch button.zoekensubmit, .singleSearch button.zoekensubmit {
    height:100%;
    padding:0 15px 0;
    position:absolute;
    left:0;
    top:0;
    border:0;
    background:none;
}
.headerSearch button.zoekensubmit_button, .singleSearch button.zoekensubmit_button{position:absolute; right:0; top: 0; font-weight:bold; background:#FC3; color:#000; border:0; padding:1em; border-top-right-radius:5px; border-bottom-right-radius:5px; border:1px solid rgba(0, 0, 0, 0.1);}
.headerSearch button.zoekensubmit_button:hover, .singleSearch button.zoekensubmit_button:hover{border:1px solid rgba(0, 0, 0, 0.4); background:#fff;}
.headerSearch input[type="checkbox"]{}
.headerSearch .searchOptions,.singleSearch .searchOptions{
    padding:5px 0 0 0;}
.headerSearch .searchOptions div, .singleSearch .searchOptions div{
    border-radius:3px; padding:5px 10px; display:inline-block;}

@media (min-width: 1200px) {
    .banner{display:block;}
    .logo{width:33.3%;}
    .headeritem{
        width:66.6%;}
    .headerSearch{
        width:50%;
    }}
@media (min-width: 1400px) {
    .headerSearch{padding:10px;}}


/****************************************
CONTAINER */
.container {
    width: 100%;
    max-width: 1600px;
    overflow-y: visible;
    margin: 0 auto;
}
@media (min-width: 1280px) {.container{	 padding:0 50px;}}
@media (min-width: 1600px) {.container{	 padding:0 75px;}}
@media (min-width: 1800px) {.container{	max-width:1600px;}}

/****************************************
ROUNDED */
.rounded{
    border-radius:50%; max-width:200px; height:auto;}
@media (min-width: 1200px) {
    .rounded{}}

/****************************************
OPACITY */
.o25{opacity:0.25;}
.o50{opacity:0.5;}
.o75{opacity:0.75;}

/****************************************
MENU */
.menubg{
    background:#ffcc33;
}
.menu>ul {
    border:1px solid rgba(0,0,0,0.1);
}
.menubg.fixed{
    left:0; right:0; top:0;
    position:fixed;}
.toggle{
    cursor:pointer;
    display:block; text-align:right;
    font-size:1.4em;
    padding:10px;}
.toggle a{color:#333;}
.menu, .sub-Menu{
    display:none;}
.menu{
    display:none;}
.menu > ul{
    margin:0 auto; padding:0; list-style:none;}
.menu > ul > li{}
.menu > ul > li > a{
    transition:0.2s background;
    text-decoration:none;
    /*font-weight:bold;*/
    color:#333;
    padding:10px;
    display:block;
    border-top:1px solid rgba(0,0,0,0.1);
}
.menu > ul > li > a:hover, .sub-Menu ul > li > a:hover{
    background:rgba(255,255,255,0.5);}
.sub-Menu{
    background:rgba(0,0,0,0.05);
    padding-bottom:10px;}
.sub-Menu h3{
    display:none;
    color:#333;}
.sub-Menu ul{
    list-style:none;
    padding:0;
}
.sub-Menu ul.onderwerpen > li > a, .onderwerpen > li > a{
    float:left;
    width:50%;
    color:#333;
    display:block;
    padding:3px 3px 3px 15px;
    text-decoration:none;
    border-top:1px solid rgba(0,0,0,0.1);}
.check-page{
    margin-top:1em;
    background:#fed046;
    text-align:center;
    width:100%;
    border:1px solid #ecb426;
    display:block;
    padding:1em;
    font-weight:bold;
    float:left;}
.check-page:hover{
    background:rgba(255,255,255,1);}
a.check-page{
    color:#333;
    text-decoration:none;
}
@media (min-width: 500px) {
}
@media (min-width: 730px) {
    .toggle{
        display:none;}
    .menu{
        float:none;
        display:block;
        margin:0 auto;
        text-align:center;
        max-height:100%;
        /*overflow-y:hidden; not needed? */
        position:relative;
    }
    .menu > ul{
        display: table;	/* make it align center horizontal */
    }
    .menu > ul > li{
        border-right:1px solid rgba(0,0,0,0.1);
        display:inline-block;
        float:left;
        padding:0 20px;}
    .menu > ul > li:first-child{
        border-left:1px solid rgba(0,0,0,0.1);} /* first element needs a border left */
    .menu > ul > li.hasSub{
    }
    .menu > ul > li.hasSub:hover .sub-Menu{
        display:block!important;
    }
    .menu > ul > li > a{
        font-size:1.1em;
        color:#000;
        display:inline-block;
        text-shadow:0 1px 0 rgba(255,255,255,0.3);
        padding:25px 0 21px; /* make up for the border */
        border-bottom:4px solid #ffcc33;
        border-top:0;}
    .menu > ul > li > a.active, .menu > ul > li > a:hover{
        border-bottom:4px solid #990000;
        background:inherit;}

    .sub-Menu{
        display:none;
        z-index:10;
        padding:0 20px 20px;
        background:#ffcc33; border-top:1px solid rgba(0,0,0,0.1); border-bottom:1px solid rgba(0,0,0,0.1);
        position:absolute;
        top:100%; left:-1px; right:-1px;
        transition:0.4s all ease-out;}
    .sub-Menu h3{
        display:inline-block;
        border-bottom:2px solid #e5b72e;}
    .sub-Menu ul{
        margin:0 auto; width:100%; text-align:left;}
    .sub-Menu ul > li{
    }
    .sub-Menu ul.onderwerpen > li > a, .onderwerpen > li > a{
        width:50%; float:left;
        border:2px solid #ffcc33;
        border-bottom:2px dotted rgba(0,0,0,0.1);
        color:#333; text-decoration:none; padding:8px;}
    .sub-Menu ul.onderwerpen > li > a i, .onderwerpen > li > a i{padding-right:5px;}
    .sub-Menu ul.onderwerpen > li > a:hover, .onderwerpen > li > a:hover{
        background:#fff;
        border:2px dotted #ffcc33;
    }
}
@media (min-width: 600px) {
    .sub-Menu ul.onderwerpen > li > a, .onderwerpen > li > a{width:33.3%;}}
@media (min-width: 1200px) {
    .sub-Menu ul.onderwerpen, .onderwerpen{width:70%;}
    .check-page{width:23.3%; margin:1em 38.3% 0;}
}


.subMenu{
    background:#f3eac8;
    margin:0 auto;
    margin-bottom:20px;
    text-align:center;
    overflow-y:auto;
    font-size: 0px;
    word-spacing: 0px;
    border-bottom:1px solid rgba(0,0,0,0.1);
}
.subMenu ul{
    display:inline-block;
    overflow-y:hidden;
    font-size:.6rem;
    padding:0;
    list-style:none;
    margin:0 auto; }
.subMenu ul li{
    display:inline;
    float:left;
    width:50%;}
.subMenu ul li a{
    width:100%;
    transition: background 0.2s ease-out;
    float:left;
    border-left:1px solid rgba(255,255,255,0.75);
    border-right:1px solid rgba(0,0,0,0.1);
    border-bottom:3px solid #f3eac8;
    text-decoration:none;
    color:#3e3e33;
    display:inline-block;
    padding:10px 4px 4px;}
.subMenu ul li:first-child a{
    border-left:none;}
.subMenu ul li:last-child a{
    border-right:1px solid #f3eac8;}
.subMenu ul li a.active, .subMenu ul li a:hover{
    background:#ffffe8;
    border-bottom:3px solid #990000;
}
.subMenu ul li:first-child a.active, .subMenu ul li:first-child a:hover{
    border-left:1px solid rgba(0,0,0,0.2);}
.subMenu ul li:last-child a.active, .subMenu ul li:last-child a:hover{
    border-right:1px solid rgba(0,0,0,0.2);}

@media (min-width: 480px) {
    .subMenu ul{
        font-size:.7rem;}
    .subMenu ul li{
        width:auto;}
    .subMenu ul li a{
        width:auto;
        padding:12px 8px 8px;}
}
@media (min-width: 768px) {
    .subMenu ul{
        font-size:.9rem;}
    .subMenu ul li a{
        padding:14px 12px 12px;}
}

/****************************************
FAQ */
#faq{
    width:100%;
    margin:0 auto;
    border:1px solid rgba(0,0,0,.1);
}
.faq-tabs{
    float:left;
    overflow-y:auto;
    margin:0; padding:0;
    width:100%;}
.faq-tabs > li > a {
    transition:all 0.2s ease;
    background:rgba(255,255,255,.2);
    border-right:1px solid rgba(0,0,0,.1);
    border-bottom:1px solid rgba(0,0,0,.1);
    font-weight:bold;
    text-decoration: none;
    color:#333;
    text-align:center;
    float:left;
    padding:1em;
    font-size:120%;
    display: block;
    width:33.33%;
}
.faq-tabs > li:last-child a{border-right:none;}
ul.faq-tabs > li > a:hover, ul.faq-tabs > li.ui-state-active > a{
    background:rgba(255,255,255,1);
}
#tab-kopen, #tab-verkopen, #tab-overig{
    padding:1em;
    float:left;
    width:100%;
}

#faq h4{
    color:#333;
    width:100%;
    cursor:pointer;
    border-bottom:2px dotted rgba(0,0,0,.1);
    display: block;
}
.faq > div{float:left; width:100%;}

.ui-accordion-header{
    text-align: left;
}
.ui-accordion-header{
    text-align:center;
    width:100%;}

.ui-accordion .ui-accordion-content {
    padding: 1em 0 1em 0;
}

.column > .faqPage{
    margin:0 0 2em 0;}
.column > .faqPage h4{
    cursor:pointer;
    position:relative;
    text-align:left; color:#333;
    border-radius:4px;
    background:rgba(232, 215, 157, 0.5);
    border:1px solid rgba(0,0,0,0.1);
    padding:1em;margin:0.5em 0 0;}
.column > .faqPage h4:after{position:absolute; right:1em;  content: "\f107"; font-family:FontAwesome; font-size:200%;}
.column > .fawPage h4.ui-accordion-header-active{border-radius:0; border-top-left-radius:4px; border-top-right-radius:4px;}
.column > .faqPage h4:first-child{margin-top:0;}
.column > .faqPage .ui-accordion-content{
    padding:1em;
    line-height:1.6em;
    text-align:left;
    border:1px solid rgba(0,0,0,0.1); border-top:0;
    margin:0;}

@media (min-width: 1200px) {
    #faq {width:70%;}
}

.tabbed{
    border: none !important;
    background: transparent;
    overflow-y:hidden;
}
.tabbed .ui-tabs-nav{
    position:relative; z-index:1;
    list-style:none; padding:0; margin:0; overflow-y:hidden;}
.tabbed .ui-tabs-nav > li {
    border: none;
    background: transparent;}
.tabbed .ui-tabs-nav > li > a{
    color:rgba(0,0,0,0.4);
    float:left; text-decoration:none;
    font-size:1.5em;
    background:#fff;
    display:inline-block;
    border:1px solid #F3EAC8;
    padding:1em !important;}
.tabbed .ui-tabs-nav > li.ui-tabs-active > a{
    color:rgba(0,0,0,0.75);
    background:#fcfae0;
    padding: 1em;
    border-bottom:1px solid #fcfae0;}

.tabbed .ui-tabs-panel{
    margin-top:-2px;}

/****************************************
user header */
.headerUser{
    overflow-y:auto;
    position:relative;
}
.headerUser h4{
    float:left;
    margin:0;
    line-height:35px;
}
.column .headerUser > img{
    max-width:40px;
    border:1px solid #E8D79D;
    height:auto;
    float:right;}

/****************************************
uitgebreid zoeken form */
.uitgebreidZoeken, form.formStyle{}
.uitgebreidZoeken > div, .meerOpties > div, form.formStyle > div, .meerOpties > div, .formStyle .row .column div, form.formStyle .spacer{
    padding:3px;
    position:relative;
    overflow-y:hidden;}
form.formStyle .spacer{
    padding:1em;}
.uitgebreidZoeken label, .formStyle label{
    float:left;
    display:block;
    width:33.3%;
    padding:5px 0;
}
.formStyle.columns button{
    float:left;}
.formStyle.columns small{
    float:left;
    display:block;
    width:100%; padding:5px;}
.formStyle input[disabled="disabled"]{
    opacity:0.5;}
.uitgebreidZoeken input, .uitgebreidZoeken select, .formStyle input, .formStyle select, .formStyle textarea{
    float:left;
    border-radius:3px;
    padding:3px;
    position:relative;
    border:1px solid rgba(0,0,0,0.25);
    display:inline-block;
    width:66.6%;}


.formStyle.columns input, .formStyle.columns select, .formStyle.columns textarea{
    background:none; border-radius:0;
    border:0; border-bottom:1px solid rgba(0,0,0,0.25);
}
.uitgebreidZoeken input[type="checkbox"], .formStyle input[type="checkbox"]{
    width:auto;
    margin:5px;}
.uitgebreidZoeken button, .button.bright, .formStyle button, .formStyle input[type="button"], .formStyle input[type="submit"]{
    transition:0.2s all ease-out;
    background:#ffcc33;
    padding:10px 15px;
    width:auto;
    border:1px solid rgba(0,0,0,0.1);}
.formStyle button.small{
    padding:3px 5px;}
.uitgebreidZoeken button i, .formStyle button i{
    margin-right:5px;}
.uitgebreidZoeken button:hover, .formStyle button:hover, .formStyle input[type="button"]:hover, .formStyle input[type="submit"]:hover{
    border-color:rgba(0,0,0,0.4);
    background:rgba(255,255,255,0.5);}
.formStyle input[disabled="disabled"]:hover{
    background:#ffcc33;
    border:1px solid rgba(0,0,0,0.1);}
.uitgebreidZoeken .meerOpties{
    padding:0;
    overflow-y:visible;
    display:none;
}
.sliderContainer input{
    width:33.3%;}
.uitgebreidZoeken .sliderContainer{
    overflow:visible;
    width:66.6%; float:right;}
.noUi-connect {
    background: none repeat scroll 0% 0% #ffcc33!important;}
.prijsSlider{
    margin-left:15px;
    margin-right:15px;
    margin-bottom:10px;}
.uitgebreidZoeken .slider-holder input{float:none; width:49%;}

.formStyle label.req:after{
    font-weight:bold;
    content:" *";
    color:#900;
}

.formStyle .date select{
    float:none;
    display: inline-block;
    width:auto;}
#plaats.formStyle label{
    width:35%;}
#plaats.formStyle button{
    width:20%;}
#plaats.formStyle input{
    width:45%;}

@media (min-width: 1200px) {
    .uitgebreidZoeken label, .formStyle label{width:22.5%;}
    .uitgebreidZoeken input, .uitgebreidZoeken select, .formStyle input, .formStyle select, .formStyle textarea, .uitgebreidZoeken .sliderContainer{width:77.5%;}
}

@media (min-width: 1200px) {
    .login-label {
        width: 35% !important;
    }
    .login-input {
        width: 65% !important;
    }
}

/****************************************
nieuwsteBoekwinkels */
.nieuwsteBoekwinkels{
    list-style:none; margin:0; padding:0;}
.nieuwsteBoekwinkels > li{
    position:relative;}
.nieuwsteBoekwinkels > li > a {
    overflow-y:auto; width:100%;
    color:#600; text-decoration:none;
    display:table;

    padding:5px;
    border-top:1px solid rgba(0,0,0,0.05);}
.nieuwsteBoekwinkels > li > a i{
    position:absolute;
    display:table-cell;
    min-height:100%;
    padding-top:1em;
    right:1em; top:50%;
    transform: translateY(-50%);
    display:none;}
.nieuwsteBoekwinkels > li > a:hover{
    background:#FC3;}
.nieuwsteBoekwinkels > li > a:hover i{
    display:inline-block;}
.nieuwsteBoekwinkels .image{
    margin-right:1em;
    overflow:hidden;
    float:left;
    max-width:40px; max-height:40px;}
.nieuwsteBoekwinkels .image img{
    max-width:100%; height:auto;}
.nieuwsteBoekwinkels .content{
    display:table-cell;
    vertical-align:middle;
    float:left;
    width:100%;
    padding:0;}
.nieuwsteBoekwinkels .store{
    display:none;}

img.shopImg, .column .shopImg{
    float:left;
    border:1px solid rgba(232, 215, 157, 0.75);
    margin-right:1em;
    max-width:100px; height:auto;}
/****************************************
TABLES */
table{
    width:100%;
    max-width:100%;
    overflow:scroll;
    text-align:center;
    border-collapse:collapse;
    border:1px solid rgba(232,215,157,.75);
    margin:0 0 10px 0;
    box-shadow:0 3px 0 rgba(232,215,157,.3)}
table td {
    border-right:1px solid rgba(232,215,157,.3);
    border-bottom:1px solid rgba(232,215,157,.3);
}
/*table thead{
    background:#ffcc33;}*/
table h2, table h3, table h4{
    margin:0.25em 0;}
table th {
    background:rgba(232,215,157,.3);
    -webkit-font-smoothing: antialiased;
    padding: 0.75em;
    font-weight:600;
    color:rgba(0,0,0,.8);
    text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.5);
    transition: all 0.5s;
    border-right:1px solid rgba(232,215,157,.3);
    border-bottom:1px solid rgba(232,215,157,.5);
}
table th a, table th a:visited{
    color:rgba(0,0,0,.8);
    text-decoration:none;
}
table th a:hover{
    color: #CC0000;}
table a.active, table a.active .fa{
    color:#C00;}
table a:hover .fa{
    color: #CC0000;}
table thead th:last-child, table tr td:last-child{
    border-right:0;}
table .shop{
    text-align:center;
    color:rgba(0, 0, 0, 0.8);
    text-decoration:none;
    font-weight:bold;
    position:absolute;
    top:0; left:0; right:0; bottom:0;
    line-height:7em;
    vertical-align:middle;
    background:rgba(232, 215, 157, 0.3);
}
.shop.custom{line-height:5em;}
table .shop:hover{
    background:#FC3;}
table td {
    position:relative;
    font-size:0.9em;
    padding: 0.7em 1em 0.7em 1.15em;
    text-shadow: 0 0 1px rgba(255,255,255,0.1);}
table tr {
    background:#FFFFE8;
    -webkit-transition: background 0.3s, box-shadow 0.3s;
    -moz-transition: background 0.3s, box-shadow 0.3s;
    transition: background 0.3s, box-shadow 0.3s;
}
table tr:nth-child(even){
    background:#fdfbe2;}
table tr:hover {
    background:rgba(232,215,157,.4);
    color:#000;
}
table tr:hover th{
    color:#000;}
table input[type="text"]{
    width:100%;
    height:100%;}

.extra, .desktop{
    position: absolute;
    top: -9999px;
    left: -9999px;
}

.cal .nav a{
    padding:5px;
    text-decoration:none;
    color:rgba(0,0,0,.8);}
.cal .nav a:hover{
    color:#fff;
    text-shadow:0 1px 0 rgba(0,0,0,0.1);}

.fav .fa{
    color:#cac29e;
    font-size:150%;
    padding:.5em;
    text-shadow:0 0 0 rgba(0, 0, 0,.5);
}
.fav .fa:hover, .fav.active .fa{color:#ffd351; background:#c3ae7a; border-radius:1em; }
.shipping{
    margin-top:1em;
    padding:0.25em;
    font-size:80%;
    border-radius:1em;
    background:rgba(195,174,122,.3);}
.shipping:hover{background:#fff;}


@media (min-width: 1200px) {
    .extra{position:inherit;}
    .nieuwsteBoekwinkels .store{display:inline;}
}
@media (min-width: 700px) {
    .full .extra{position:inherit;}
    .desktop{position:static;}}


/*table styles for home */


.boekennieuws-link, a.boekennieuws-link{
    display:block;
    text-decoration:none;
    color:#333;}

.row.external{
    background:rgba(232, 215, 157, 0.3);
    padding-bottom:1em; margin:2em 0;
    border-top:5px solid rgba(232, 215, 157, 0.4);}
.external table tr{
    background:#fff;
    border:1px solid rgba(0,0,0,0.1);}

.vP thead th{background:#cdcdff;}
.bZ thead th{background:#dd9b56;}
.bN thead th{background:#ab4c4c; color:#fff; text-shadow:0 1px 0 rgba(0,0,0,0.2);}


/****************************************
LISTS */
.populair{
    padding:0;
    list-style-type: none;
    counter-reset: ol-counter;
}
.populair > li:before{
    position:absolute;
    left:5px; top:6px;
    content: counter(ol-counter);
    counter-increment: ol-counter;
}
.populair li{
    position:relative;
    width:50%;
    float:left;}
.populair li > a{
    color:#600;
    text-decoration:none;
    font-weight:bold;
    padding:5px 0 5px 25px;
    display:block;
    border-top: 1px solid rgba(0, 0, 0, 0.05);}
.populair > li > a:hover{
    background:#FC3;}

/* general list style */
ul.gen{padding:0 0 0 15px;}
ul.gen > li{padding:.3em 0 .3em .5em;}

/* onderwerpen page */
.onderwerpen.page{
    overflow-y:auto;
    border-left:2px dotted rgba(0,0,0,0.1);
    border-top:2px dotted rgba(0,0,0,0.1);
    margin:0 auto;
    padding:0;}
.onderwerpen.page li{display:block;}
.onderwerpen.page > li > a{border:0;border-bottom:2px dotted rgba(0,0,0,0.1); border-right:2px dotted rgba(0,0,0,0.1);}
.onderwerpen.page > li > a:hover{background:#FC3;}

/****************************************
paginanummers */
.paginanummers{
    float:left;
    width:100%;
    text-align:center;
    padding:1em 0;
}
.paginanummers strong{
    padding:.5em 1em;
    font-size:110%;}
.paginanummers a{
    text-decoration:none;
    color:rgba(0,0,0,0.75);
    display:inline-block;
    border: 1px solid #F3EAC8;
    padding:.5em .8em;}
.paginanummers a i{color:rgba(0, 0, 0, 0.8);}
.paginanummers a:hover{
    color:#000;
    background:#FC3;}
/****************************************
KALENDER */
#callback{width:100%!important;}
#kalender{}

#calendar {
    width: 100%;
    height: 100%;}
.cal {
    /*	background: #fff; */
    width: 100%; }
.calhead {
    width: 100%;
    font-weight: bold;
    color: #000;
    font-size: 20px;
    vertical-align:middle;}
.calhead img {
    border: none;}
.dayhead {
    height: 20px;
    background:rgba(243,234,200,0.4);}
.dayhead td {
    font-weight:bold;
    text-align: center;
    color: #000;}

.dayrow td {width: 50px;color: #000;}
.day {float: right;}
.dayover {background: rgba(255,255,255,1);}
.dayout {background: inherit;}

table tr .dayout{background:#FFFFE8;}
table tr:nth-child(even) .dayout{background:#fdfbe2;}
table tr:hover .dayout{
    background:rgba(232,215,157,.4);
    color:#000;}

/****************************************
COLUMN */
.column{width:100%; float:left; padding:0 15px;}
.double.column{width:100%;}
.fourth.column{width:100%;}
.half.column{width:100%;}
.threeFourth.column{width:100%;}

.row .row .column p:first-child{
    margin-top:0;}
.row.fh{
    display: table;
    height:100%;
    overflow-y:auto;
    width:100%;
    margin-bottom:20px;
    margin-top:10px;}
.row.fh > .column{
}
.row.fh > .columnbox, .row.fh  .columnbox.border{
    height: 100%;
    padding-bottom:0;}

.column img{
    max-width:100%;
    height:auto;
    vertical-align: text-top;}

@media (min-width: 700px) {
    .column{width:33.3%; float:left; padding:0 15px;}
    .double.column{width:66.6%;}
    .fourth.column{width:25%;}
    .threeFourth.column{width:75%;}
    .half.column{width:50%;}
    .column.full{width:100%;}

    .row.fh > .column{
        float:none;
        vertical-align: top;
        display: table-cell;
        height:100%;}

}

hr{border-color:rgba(0,0,0,.15)}

/****************************************
COLUMNBOX */
.columnbox{
    width:100%;
    float:left;
    margin-top:10px;
    border-top:1px solid rgba(0,0,0,0.1);
}

.column > .columnbox:first-of-type{
    margin-top:0;
    border-top:0;
}
.column > .columnbox.border:first-of-type{
    border-top:1px solid rgba(243,234,200,1);}
.columnbox.border{
    height:100%; min-height:100%;
    padding:1em;
    border:1px solid rgba(243,234,200,1);}
.columnbox.table-scroll{
    width:95vw;}

.columnbox.border .columnhead h2, .columnbox.border .columnhead h3, .columnbox.border .columnhead h4{margin-top:0; text-align:left;}
.column > .columnbox.border:first-child, .column > .columnbox.noHead:first-child{margin-top:1em;}
.columnbox.bright{
    background:rgba(243,234,200,.25);}
.columnbox.boekfoto img{
    max-height:300px; width:auto;}


.v-align{
    max-width:100%;
    display:table;}
.v-align > *{
    display:table-cell;
    vertical-align:middle;}
.v-align img{
    max-width:100%;}

.boxs{
    margin:0 0 0 0;}
@media (min-width: 700px) {
    .columnbox.doubleBorder{
        padding:0 20px;
        border-right:2px dotted rgba(0,0,0,0.1);
        border-left:2px dotted rgba(0,0,0,0.1);}
    .columnbox.table-scroll{width:100%;}
}
/****************************************
Inloggen */
.signIn{
    max-width:400px;
    border:1px solid rgba(0,0,0,0.1);
    padding:0 2em 2em;
    margin:0 auto;
    margin-top:2em;
    margin-bottom:2em;}
.signIn dl{overflow-y:hidden;}
.signIn dt{
    padding:5px;
    width:33.3%;
    float:left;}
.signIn dd{
    margin:0;
    width:66.6%;
    float:left;}
@media (min-width: 700px) {
}
/****************************************
Inputs */
input{
    padding:8px;
    margin-bottom:3px;
    border: 1px solid rgba(0, 0, 0, 0.25);}

/****************************************
ROW */
.row{
    margin:0 0 10px 0;
    position:relative;}
.row.border{
    border-bottom:2px dotted rgba(0,0,0,0.1);}
.row  .row{
    margin:0 -15px;}

/****************************************
FOOTER */
.footer{
    width:100%;
    position:absolute; bottom:0; left:0;
    border-top:1px solid rgba(0,0,0,0.1);
    font-size:0.8em;
    padding:10px 0 10px 0;
    background:#ffcc33;
    overflow-y:hidden;
}
.footer .row{margin: 0;}
.footer a{color:#333; text-decoration:none; padding:10px 5px ; transition:0.3s all; display:inline-block; }
.footer a:hover{color:#000;	background:#fff;}
.footer .copyright{padding-top:10px;}
.footer-links{
    overflow:hidden;
    display:inline-block;
    background-color:rgba(255,255,255,.0);
}
.footer-links a{border-radius:3px;}
a.lang{
    padding-right:40px;
    position:relative;
}
.lang:after{
    position:absolute;
    top:8px;
    right:10px;
    content:"";
    width:25px; height:17px;
    background-size:contain;
    background-position:center right;}
.lang.uk:after{
    background-image:url(images/lang/uk.png);}
.lang.nl:after{
    background-image:url(images/lang/nl.png);}
a.lang:hover{
    color:#000;
    background:#fff;}


@media (max-width: 700px) {
    .footer .column{margin:5px 0; text-align:center;}}

/****************************************
meldingen */
.msg{
    position:relative;
    padding:1em;
    margin:1em;
    border-radius:5px;
    border:1px solid rgba(0,0,0,.1);
    text-align:center;}
.msg.green{
    background:#e7f4a9;
    border-color:#a8c131;}
.msg.yellow{
    background:#fee495;
    border-color:#eaba2a;}
.msg.red{
    background:rgba(255,0,0,.1);
    border-color:rgba(255,50,50,.25);}
.msg.icon{padding-left:3em;}
.msg > .fa{
    position:absolute;
    left:1em;
    font-size:125%;
    line-height:inherit;}
.captchamsg {
    display: inline-table;
    padding: 5px;
    margin-top: 7px;}
.captchamsg.small {
    right: 10px;
    float: right;
    font-size: 12px;
    box-shadow: 3px 3px 3px #888888;}
.captchamsg.big {box-shadow: 3px 3px 3px #888888;}

/************
/sell/add/ naam bwtje */
@media screen and (max-width: 424px) {
    #meldingFix {
        display: none;
    }
}

/*******************************************
 BOOTSTRAP RESPONSIVE TABLES */
.table-responsive {
    min-height: .01%;
    overflow-x: auto;
}
@media screen and (max-width: 767px) {
    .table-responsive {
        width: 100%;
        margin-bottom: 15px;
        overflow-y: hidden;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        border: 1px solid #ddd;
    }
    .table-responsive > .table {
        margin-bottom: 0;
    }
    .table-responsive > .table > thead > tr > th,
    .table-responsive > .table > tbody > tr > th,
    .table-responsive > .table > tfoot > tr > th,
    .table-responsive > .table > thead > tr > td,
    .table-responsive > .table > tbody > tr > td,
    .table-responsive > .table > tfoot > tr > td {
        white-space: nowrap;
    }
    .table-responsive > .table-bordered {
        border: 0;
    }
    .table-responsive > .table-bordered > thead > tr > th:first-child,
    .table-responsive > .table-bordered > tbody > tr > th:first-child,
    .table-responsive > .table-bordered > tfoot > tr > th:first-child,
    .table-responsive > .table-bordered > thead > tr > td:first-child,
    .table-responsive > .table-bordered > tbody > tr > td:first-child,
    .table-responsive > .table-bordered > tfoot > tr > td:first-child {
        border-left: 0;
    }
    .table-responsive > .table-bordered > thead > tr > th:last-child,
    .table-responsive > .table-bordered > tbody > tr > th:last-child,
    .table-responsive > .table-bordered > tfoot > tr > th:last-child,
    .table-responsive > .table-bordered > thead > tr > td:last-child,
    .table-responsive > .table-bordered > tbody > tr > td:last-child,
    .table-responsive > .table-bordered > tfoot > tr > td:last-child {
        border-right: 0;
    }
    .table-responsive > .table-bordered > tbody > tr:last-child > th,
    .table-responsive > .table-bordered > tfoot > tr:last-child > th,
    .table-responsive > .table-bordered > tbody > tr:last-child > td,
    .table-responsive > .table-bordered > tfoot > tr:last-child > td {
        border-bottom: 0;
    }
}

.advertisement {
    width: 835px;
    height: auto;
}

.no-border-top {
    border-top: 0 !important;
}

@media screen and (min-width: 1500px) {
    .advertisement {
        left: 50px;
        position: relative;
    }
}

/** VIDEOPLAYER **/
.scrollable-div {
    width: 800px;
    overflow-x: auto;
    white-space: nowrap;
    background-color: #FC3;
}

.scrollable-table {
    overflow-x: auto;
}

.videoThumbnailBar {
    width: auto;
    height: 120px;
    padding: 5px 0px 0px 5px;
}

.playerContainer {
    width: 800px;
    margin: auto;
}

.videoContent {
    display: inline-block;
    width: inherit;
    margin-top: 15px;
}

.videoDescription {
    padding-left: 15px;
}

/** Newsletter **/
.newsletter-text-input {
    width: 100%;
}

/** Welcome message **/
#overlayDiv {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 99;
    background-color: rgba(0, 0, 0, 0.6);
}

#overlayDiv > div {
    margin: 20% auto;
    width: 400px;
    background-color: #ffffe8;
    color: black;
    border: 1px solid black;
}

#overlayDiv > div > div {
    padding: 15px;
}

#overlayDiv > div > div > h2 {
    margin-top: 0;
}

#overlayDiv > div > button {
    width: 100%;
    height: 50px;
    background-color: #e5e5d1;
    border: none;
    border-top: 1px solid #373737;
}

@media only screen and (max-width: 500px) {
    #overlayDiv > div {
        margin-top: 0;
        width: 100%;
    }
}

/** Search engine **/
a#resetFilters {
    right: 0;
    position: absolute;
}

@media screen and (max-width: 767px) {
    #clone {
        display: none;
    }

    .filters-button-text {
        display: none;
    }
}

.fa-star-o {
    color: #626262;
}

.hidden-price {
    display: none !important;
}

.postnl-logo{
    height: 100px !important;
}

.shop-label{
    display: inline-table;
    line-height: 20px;
    margin-bottom: 4px;
}

.send-to-shop{
    vertical-align: top;
    margin-top: 23px;
}

.zend_form input{
    padding-right: 1.65rem;
}

/* /login/ */
.show-password{
    right: 28px;
    position: relative;
    cursor: pointer;
    pointer-events: all;
}


/* /mbw/mijngegevens/wachtwoordaanpassen/ */
.show-password-change{
    float: right;
    right: 17px;
    bottom: 19px;
}
/* /sell/add/ */
.add-password{
    bottom: 18px;
    float: right;
    right: 8px;
}


.maxlength {
    position: relative;
}

.maxlength span {
    font-style: italic;
    position: absolute;
    top: 4px;
    right: 23px;
}

#toelichting{
    resize: vertical;
    padding-right: 79px;
}

.postnl-submit{
    margin-right: 19px;
    float: right;
    margin-top: 20px;
}
.background-book{
    background-image: url(/images/img_no_search_results_1.jpg);
}
.newsletter{
    margin-top: 5%;
    background: white;
    padding-top: 10px;
    padding-bottom: 10px;
}

.multi-label {
    width: 23px;
    height: 23px;
    margin-top: 10px;
}

.print-options{
    width: 12%;
}


.country-flag{
    height: 17px!important;
    margin-bottom: 15px;
    margin-left: 6px;
}

.country-flag-search{
    height: 17px!important;
    margin-left: 1px;
    margin-top: 3px;
}

.country-flag-line{
    height: 17px!important;
    margin-left: 1px;
    margin-top: -1px;
}

#print-labels{
    margin-bottom: 15px;
    margin-top: 15px;
}
.star-rating{
    font-size: 1.6em;
}

.seller-average-rating{
    float: right;
}

.seller-average-rating-profile{
    float: right;
    text-align: center;
}
.bookstore-name{
    width: 100%;
    float: left;
}

.star-rating:hover{
    background: transparent !important;
}

@media (max-width: 370px) {
    .star-rating{
        font-size: 1.4em;
    }

    .seller-average-rating{
        float: unset;
    }

    .bookstore-name{
        float: unset;
    }
}

.star-rating-button{
    margin-bottom: 0;
}


@media (max-width: 1315px) {
    .seller-average-rating-profile{
        float: left;
    }
}

.star-rating-em{
    padding-bottom: 5px;
}

.ui-widget-header {
     border: none;
     background: transparent;
}

.delete-book{
    margin-top: 10px;
}

.full-width-div {
    margin-top: 100px;
    position: absolute;
    z-index:-1;
    background-size: cover;
    background-position: top;
    top:0;
    right:0;
    bottom:0;
    left:0;
}

.downloadtekst-svg {
    margin-top: 5%;
    max-width: 430px;
}

.google-svg {
    max-width: 300px;
}

.apple-svg {
    margin-top: -3%;
    max-width: 300px;
}