.grey-bg {
    background: #F2F2F2;
    padding: 100px 0px;
}
.grey-bg h2 {margin-top:0;}
.todo {
    border: 1px solid black;
    padding: 20px 20px;
    min-height: 350px;
    margin-left: 10px;
    margin-right: 10px;
}

.todo-apart {
    border: 1px solid black;
    padding: 20px 20px;
}
/*.btn-special a {
    width: 200px;
    height: 70px;
    font-size: 10px;
    text-align: center;
    line-height: 7rem;
    font-family: sans-serif;
    text-transform: uppercase;
    letter-spacing: 1px;
    position: relative;
    transition: 0.3s;
    margin: 3rem;
}



    .btn-special a::before,
    .btn-special a::after {
        content: '';
        position: absolute;
        width: inherit;
        height: inherit;
        top: 0;
        left: 0;
        transition: 0.3s;
    }



    .btn-special a::before {
        border: 2px solid black;
        z-index: -1;
    }



    .btn-special a::after {
        background-color: #FF0096;
        transform: translate(1.5rem, 1.5rem);
        z-index: -2;
    }



    .btn-special a:hover {
        transform: translate(1.5rem, 1.5rem);
        color: white;
    }



        .btn-special a:hover::before {
            border: 2px solid black;
        }



        .btn-special a:hover::after {
            background-color: #FF0096;
            transform: translate(-1.5rem, -1.5rem);
        }*/

.bg-lightblue {
    background: #A6D7DC;
}

.subscription {
    padding-bottom: 150px;
}
.paddingbtmxl {
    padding-bottom: 150px;
}
.paddingbtml {
    padding-bottom: 100px;
}
.margins{margin-top:50px;margin-bottom:50px;}

.bold {
    font-weight: bold;
}

.end {
    text-align: end;
}

.center {
    text-align: center;
}

.size-font-email {
    font-size: 35px;
}

.btn-special {
    text-align: center;
    border: 1px solid black;
    padding: 10px 40px;
    background: #FF0096;
    color: white;
}

.small-down {
    margin-bottom: 20px;
}

.btn-special:hover {
    text-align: center;
    border: 1px solid #FF0096;
    padding: 10px 40px;
    background: none;
    color: #FF0096;
}

.bg-footer-dark {
    background: #1A1A1A !important;
}

.lijn {
    border-top: 20px solid #FF0096;
    padding-bottom: 100px;
}

nav {
    background: #000;
}

.hottopics {
    text-align: center;
}

    .hottopics > div {
        float: none;
        display: inline-block;
        padding: 5px
    }

.hottopic {text-align: center;margin-top: 20px;display: block;}


h1 {text-align:center;margin-top: 40px;margin-bottom: 80px;}

h2 {
    font-weight: bold;
    font-size: 24px;
    font-family: 'Montserrat';
    margin-top: 100px;
    margin-bottom: 30px;
}

h3 {margin-top: 50px;}

.todo h2 {
    margin-top: 10px;
    margin-bottom: 20px;
    min-height: 60px;
}

.todo img {
    margin-bottom: 10px;
}



.korteinfo {
    max-height: 100px;
    min-height: 100px;
    overflow: hidden;
    display: none;
}

a {
    color: #ff0096;
    font-weight: bold;
}
.kot {
    border: 1px solid black;
    padding: 100px 70px;
    margin-top: 135px;
    margin-bottom: 100px;
}
.up{
    margin-top: 100px;
}
.navigatie-space {
    padding-bottom: 10px;
    padding-top: 10px;
}
.slogan a{
    text-align: center;
    border: 1px solid black;
    padding: 10px 40px;
    color: black;
}
#tabs{
    /* margin-bottom: 200px; */
    /* margin-top: 100px; */
}
.srchbox {
    border-radius: 50px 0 0 50px;
    border: none;
    padding: 5px 20px;
    /* margin-right: 20px; */
    border: #ddd 1px solid;
}
.srchbtn {
    text-align: center;
    border: 1px solid black;
    padding: 5px 40px;
    background: #000;
    border-radius: 0 20px 20px 0;
    color: white;
}
.topsearch{
    margin-top: 16px;
    text-align: right;
}
.slogan-btn{
    margin-top: 20px;
    text-align: center;
}
.big-title{
    font-size: 80px;
    margin-bottom: 40px;
}
.tabs-body {
    font-size: 20px;
    padding-bottom: 40px;
}
.nopadding {padding:0 !important;}
#tabs ul {float:right;margin-bottom:30px;}
.ui-tabs-panel {clear:both;}
.topcontent {display:none;}
.aanbod {background:#efefef;margin-top: 20px;margin-bottom: 20px;padding: 0px;min-height: 370px;}
.aanbodtags {padding:10px 10px;min-height: 40px;max-height: 40px;}
.aanbodimg {height:200px;background:#fff;text-align: center;padding:0 !important;}
.aanbodimg img {padding-top: 10px;max-height: 200px;width: auto;text-align: center;padding-bottom: 10px;}
.aanbod h3 {margin:20px;font-size:16px;font-weight:bold;min-height: 36px;text-align: left;}
.aanbod .icons {padding:0 20px;min-height: 165px;text-align: left;max-height: 165px;}
.aanbod .icons img {max-width:30px;}


.blogitem {border-right: #ccc 1px solid;}
.bg-lightblue .blogitem {border:none;margin-top: 30px;}
.blogitem .blogimg {
    padding: 0;
    /* margin: 30px 30px 0 30px; */
}
.blogitem .blogimg img {width:100%}
.blogitem .blogtaxonomy {
    /* margin: 0 0 0 3%; */
    background: #fff;
    padding: 30px 30px 10px 20px;
    color: #ff0096;
    font-weight: bold;
    width: 60%;
    float: left;
}
.blogitem .blogdate {
    padding: 30px 30px 10px 30px;
    background: #fff;
    text-align: right;
    width: 40%;
    float: left;
}
.blogitem .blogtitle {
    background: #fff;
    padding: 0 30px;
    font-size: 20px;
    font-weight: bold;
    min-height: 60px;
    display: flex;
}
.blogitem .blogintro {
    background: #fff;
    padding: 10px 30px 0px 30px;
    max-height: 150px;
    min-height: 150px;
    overflow: hidden;
    font-size: 14px;
}

.blogitem .blogmore {
    background: #fff;
    padding: 0 30px 0px 30px;
    text-align: right;
    padding-bottom: 30px;
    padding-top: 30px;
}

.blogitemdetail {}
.blogitemdetail .blogimg {
    padding: 0;
    /* margin: 30px 30px 0 30px; */
}
.blogitemdetail .blogimg img {width:100%}
.blogitemdetail .blogtaxonomy {
    /* margin: 0 0 0 3%; */
    background: #fff;
    padding: 30px;
    color: #ff0096;
    font-weight: bold;
    width: 60%;
    float: left;
}
.blogitemdetail .blogdate {
    padding: 30px;
    background: #fff;
    text-align: right;
    width: 40%;
    float: left;
}
.blogitemdetail .blogtitle {
    background: #fff;
    padding: 0 30px;
    font-size: 20px;
    font-weight: bold;
    min-height: 50px;
    display: flex;
}
.blogitemdetail .blogintro {
    background: #fff;
    padding: 10px 30px 0px 30px;
    max-height: 150px;
    min-height: 150px;
    overflow: hidden;
}
.blogshare {padding:10px 30px 30px 30px;}
 .blogitemdetail .blogcontent2 {
    background: #fff;
    padding: 10px 30px 0px 30px;
}

.blogitemdetail .blogmore {
    background: #fff;
    padding: 0 30px 30px 30px;
    text-align: right;
    margin-bottom: 50px;
}

.blogitemdetail .blogcontent {
    background: #fff;
    padding: 10px 30px 0px 30px;
    max-height: 150px;
    min-height: 150px;
    overflow: hidden;}

.icons .ui-widget-header {background:none;min-height: 83px;}
.icons .ui-tabs .ui-tabs-nav .ui-tabs-anchor {padding:0;}
.icons .ui-state-active,.icons .ui-widget-content .ui-state-active,.icons .ui-widget-header .ui-state-active {background:transparent;padding-bottom: 2px !important;border-bottom: #ccc 3px solid !important;} 
.icons .ui-tabs .ui-tabs-panel {padding-left:0;padding-right:0;word-break: break-word;min-height: 75px;font-size: 14px;}
.icons .ui-widget-content {color:#000; font-weight:bold;}
.icons .ui-widget-content a {color:#000;}
.icons .ui-tabs .ui-tabs-nav li {margin-right:10px;border-bottom: #efefef 3px solid;padding-bottom: 3px;margin-top: 5px;}

.icons .ui-state-hover, .icons.ui-widget-content .ui-state-hover,.icons .ui-widget-header .ui-state-hover,.icons .ui-state-focus,.icons .ui-widget-content .ui-state-focus,.icons .ui-widget-header .ui-state-focus {
        border-bottom: #44372c 3px solid ;
        background:none;padding-bottom:2px;
        font-weight: bold;
        color: #fff
    }

       .icons .ui-state-hover a,.icons .ui-state-hover a:hover, .icons.ui-state-hover a:link,.icons .ui-state-hover a:visited,.icons .ui-state-focus a,.icons .ui-state-focus a:hover,.icons .ui-state-focus a:link,.icons .ui-state-focus a:visited {
            color: #fff;
            text-decoration: none
        }


.afhaal > div {text-align:center;}
.afhalingtabs {background:none;min-height: 42px;margin-top: 100px !important;margin-left:auto;margin-right:auto;text-align:center;float:none;display:inline-block;}
#afhaal {text-align:left;}
#delivery {text-align:left;}

.paddingtops {padding-top:50px;}
.boxspacer {margin:5px;padding:5px;width:auto;height:auto;
}
.box {cursor: pointer;
				background-color:#fff;
				-moz-border-radius:3px;
				-khtml-border-radius: 3px;
				-webkit-border-radius:3px;
				border-radius:3px;
				text-align:center;
				-webkit-transition: all 300ms cubic-bezier(1.000, 0.000, 0.000, 1.000);
				-moz-transition: all 300ms cubic-bezier(1.000, 0.000, 0.000, 1.000);
				-ms-transition: all 300ms cubic-bezier(1.000, 0.000, 0.000, 1.000);
				-o-transition: all 300ms cubic-bezier(1.000, 0.000, 0.000, 1.000);
				transition: all 300ms cubic-bezier(1.000, 0.000, 0.000, 1.000); /* easeInOutExpo */
				-webkit-transition-property: left, right, top;
				-moz-transition-property: left, right, top;
				-ms-transition-property: left, right, top;
				-o-transition-property: left, right, top;
				transition-property: left, right, top;
				}
.size11{/* color: purple; */background: #fff;}
.size12{background-color:#fff;color:#532681;}
.size13{background-color:#fff;color:#532681;}
.size21{background-color:#fff;color:#532681;}
.size22{ color:#fbb82c; background-color:#fff;}
.black {background-color:#000;}
.coloured {background-color:#ccc;}

.submenu {display:none;}
.box img {
    width: 70%;
    text-align: center;
    height: auto;
    position: absolute;
    vertical-align: middle;
    margin: auto;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
}

.fullimage img {
    width: 100%;
    text-align: center;
    height: auto;
    position: absolute;
    vertical-align: middle;
    margin: auto;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
}

.iconlichtgroen {background: #a6d7dc;color:#000;}
.icondonkergroen {background: #387d85;color:#fff;}
.iconlichtgrijs {background: #ffc2e5;color:#000;}
.icondonkergrijs {background: #ff0096;color:#fff;}
.iconwit {background:#fff;color:#000;}
.fullimagewhite {background:#fff;color:#fff;}
.fullimageblack {background:#000;color:#000;}
.icontitle {font-family:'Oswald';position: absolute;bottom: 10px;left: 15px;font-weight: bold;font-size: 20px;}
.iconcompanyname {font-family:'Oswald';position: absolute;bottom: 10px;/* font-weight: bold; */font-size: 20px;margin-left: auto;margin-right: auto;text-align: center;width: 100%;left: 0;top: 90px;}

.div2 {width:50%;float:left;}
.div4 {width:25%;float:left;}
.groepaanbod {margin-top: 30px;}
.groepaanbodimg {}
.groepimgtitle {position:absolute;bottom:0;left:15px;background:#000;color:#fff;padding:10px 30px;}
.groepimgtitle h3 {padding:0;margin:0;}