footer { clear:both; }
@font-face{
    font-family: 'Edwardian';
    src: url('../fonts/EdwardianScriptITC.ttf');
}
.navbar-fixed-top, .navbar-fixed-bottom { position:static;}

.menu ul { position:relative; text-align:justify; text-align-last:justify; height:2.2em; min-width:800px; }
.menu ul li { display:inline-block; padding:.5em 1em; cursor:pointer; text-align:center;  font-family: "Open Sans"; font-weight:normal; font-size:15px;}
.menu ul li.active, .menu ul li:hover { color:#FFF; background-color:#59284b; border-radius:4px;text-decoration:none; font-weight:bold;}
.menu ul li.active a, .menu ul li:hover a { color:#FFF; text-decoration:none }
.menu ul:after { content:""; display:inline-block; width:100%; height:0; overflow:hidden; }

a:hover { text-decoration:none}

/***** CUSTOM responsive *****/

/* Wachtpagina */
#wachtpagina img {width:auto;width:100%;max-width: 100%;}#wachtpagina h1{text-align: center;font-size: 1.2em;}
/* end 'Wachtpagina' */

.indexpage .jumboheader, .indexpage .footerdivider, .indexpage footer, .indexpage .mainnav {
    display: none;
}

.normalpage .jumboheader {
    display: none;
}

.normalpage footer {
    padding-left: 2em;
}

.home-logo {
    display: flex;
    width: 100vw;
    height: 100vh;
    justify-content: center;
    align-items: center;
    flex-flow: column;
}

.home-logo img {
    height: auto;
	width: 300px;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.home-logo h1{
    text-align: center;
    font-size: 1.4em;
    text-shadow: 1px 1px #fff, -1px 1px #fff, -1px -1px #fff, 1px -1px #fff;
    text-transform: capitalize;
}

.home-logo h2 {
  color: #222;
  font-family: "Edwardian";
  font-size: 35px;
  font-weight: 700;
  letter-spacing: 2px;
  text-align: center;
}

.homeclick {
    color: #222222;
}

.homeclick .logo-blok {
  display: flex;
  justify-content: center;
  align-items: center;
}



/************************************ HEADER ************************************/

.mainnav
{
    padding: 0;
    margin-bottom: -1em;
    padding-top: 0em;
}

.navbar-default
{
    background: none;
}

.logo {position:absolute;z-index:9999;cursor:pointer;}
.logo img, .logo p {float:left;}
.logo p {line-height: 39px;color: #fff;margin: 0px;margin-left: 10px;}

.mainnav ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.mainnav li {
    float: left;
    font-size: 1.1em;
}

.mainnav a {
    display: inline-block;
    text-transform: uppercase;
    font-family: "Open Sans";
    font-weight: bold;
    margin-left: 3em;
    /*color: #000000;*/
    color: #fff
    /*text-shadow: 1px 1px #000000;*/
    /*color: #ffffff;*/
}

.navbar-brand
{
    margin: 0px !important;
    padding: 5px;
	height:50px;
	display: block !important;
    width: 100%;
}

.mainnav a li {
    border-bottom: 1px solid transparent;
}

.mainnav a:hover li, .mainnav a:focus li, .mainnav a li.active
{
    /*text-decoration: underline;*/
    color: #222222;
    border-bottom: 1px solid #222222;
}

#navbar_header_collapse
{
    padding-top: 0em;
    /*border-top: 1px solid #4aa49e;*/
    /*margin-top: 1em;*/
    margin-top: 0em; /* Aanpassen bij logo grootte */
}

.footerdivider {
    margin-top: 40px;
}

ul.subnav {display:none;position:absolute;background-color:#b6aba5;padding:10px;z-index:9999;margin-left:-20px;}
ul.subnav li {float:none;display:block;text-align:left;margin:0px;padding:10px;}

li:hover > ul.subnav {display:block;margin-left:-20px;}
li > ul.subnav li {color:#fff !important;border:none !important;}


.mainnav li
{
    padding: 0.3em 0 0.3em 0;
    margin-top: 0.5em;
}

.mainnav ul a:nth-child(1) > li:nth-child(1)
{
    margin-left: 0;
}

.headernav
{
    background:none;
    border: none;
    border-radius: 0;
    box-shadow: none;
}

.navbar-nav-left
{
    float: left;
}

.navbar-nav-right
{
    float: right;
}

.mainnav .navbar-toggle
{
    padding: 1em 1.2em;
    z-index: 999;
}

.mainnav {
    margin-bottom: 0em;
    margin-top: 0px;
}

.navbar-default {
    box-shadow: none;
    border: none;
	background-color: #b6aba5;
    border-radius: 0px;
}

div.taal { position:absolute;right:15px;top:0px;}
div.taal a { margin-left:8px;line-height:50px;}

@media screen and (min-width: 768px) {

    #navbar_header_collapse {
        margin-top: 0em;
    }

    .navbar-nav {
        float: right;
    }

    .nav{
        text-align:center;
    }
    .nav li{
        display:inline;
    }
    .nav a{
        display:inline-block;
    }

    .mobileversion {
        display: none;
    }

    .geenverdeelpunten {
        margin-top: 1em;
    }
}

.paddingfifteen {
    padding-left: 15px;
    padding-right: 15px;
}

@media screen and (max-width: 767px){
    #navbar_header_collapse {
        margin-bottom: 0;
    }
    .mainnav {
        margin-bottom: 5em; /* Aanpassen bij logo grootte */
    }
}


/************************ MEDIA BOXES ******************************/

/* *********** STYLE OF GRID 1 *********** */
#grid .thumbnail-overlay{
    background: #fff;
    padding: 0 15px;
}
.thumbnail-overlay>div.aligment>div.aligment {
    text-align: left; /* FOR HORIZONTAL ALIGN */
}
.media-boxes-drop-down{
    float: right;
    margin-left: 8px;
}

/************************ END - MEDIA BOXES ************************/

.thumbnail-overlay .productnaam {
    font-weight: bold;
    font-size: 1.2em;
    margin-bottom: 0.5em;
}

.grid-container {
    margin-bottom: 1em;
}

.warningcolor {
    color: darkred !important;
}

/**** Productdetails ****/

.productdetails {
    margin-bottom: 1em;
}

.productdetails .producthoofdafbeelding img {
    max-width: 100%;
}

.productdetails .productthumb img {
    max-width: 100%;
    padding: 0.2em;
    border: 1px solid #EEE;
}

.productdetails .productthumb img:hover, .productdetails .productthumb img:focus {
    opacity: 0.8;
}

.productdetails .productomschrijving h1 {
    text-transform: uppercase;
    font-size: 2em;
    margin-bottom: 1em;
}

.productdetails .productomschrijving {
    margin-bottom: 2em;
}

.productdetails .productthumbnails {
    margin-top: 0.5em;
}

.productdetails > hr {
    margin-bottom: 0;
}

@media screen and (max-width: 767px){
    .productdetails .productomschrijving {
        margin-bottom: 1em;
        /*margin-top: 1em;*/
    }

    .displaynoneafterthree {
        display: none;
    }

    .desktopversion {
        display: none;
    }

    .geenverdeelpunten {
        margin-top: 3em;
    }
}

@media screen and (max-width: 991px) {
    .productdetails .productomschrijving h1 {
        font-size: 1.7em;
    }
}

@media screen and (max-width: 1199px) {
    .media-boxes-search {
        font-size: 1.2em !important;
    }
}

.displaynoneaftersix {
    display: none;
}

/***** Verdeelpunten *****/

.verdeelpuntlanden.desktopversion {
    margin-top: 20px;
}

.verdeelpuntlanden ul {
    list-style: none;
    padding-left: 0;
}

.verdeelpuntlanden ul li a {
    border-bottom: 1px solid transparent;
    padding-bottom: 0.2em;
}

.verdeelpuntlanden ul li a:hover, .verdeelpuntlanden ul li a:focus, .verdeelpuntlanden ul li a.active {
    border-bottom: 1px solid #222;
    color: #222;
}

.verdeelpuntlanden ul li a {
    font-size: 1.2em;
    font-weight: bold;
    color: #8A8A8A;
}

.verdeelpuntitems h1 {
    font-size: 1.2em;
    font-weight: bold;
}

.verdeelpuntitems h1, .verdeelpuntitems p {
    line-height: 1;
}

.verdeelpuntitem .adres {
    margin-bottom: 1.5em;
}

.verdeelpuntitem .socialmedialinks {
    margin-top: 1.5em;
}

.verdeelpuntitem {
    margin-bottom: 3em;
}

.otherinfo .openingsuren {
    font-weight: bold;
}

.verdeelpuntlanden.mobileversion select {
    width: 100%;
}

.verdeelpuntitems, .verdeelpuntlanden {
    overflow: auto;
}

@media screen and (max-width: 767px) {
    .verdeelpuntitems, .verdeelpuntlanden {
        /*height: auto !important;*/
    }
}

/******* Contactpagina *******/
/*** Contact form ***/
form input[type=text], form textarea
{
    width: 100%;
    margin-bottom: 0.5em;
    padding: 0.5em 0.5em 0.5em 0;
}

form input[type=submit]
{
    margin-top: 0.3em;
}

form .form-textarea
{
    padding: 0.5em 0.5em 0.5em 0;
    resize: vertical;
}

form .form-control
{
    border: none;
    border-radius: 0;
    box-shadow: none;
    border-bottom: 1px solid #7F7F7F;
    background-color: inherit;
    color: #222;
}

form .form-control:focus
{
    box-shadow: none;
}

form .btn-primary
{
    border-radius: 0;
    background: none;
    background-color: #8A8A8A;/*#31a8e0; /*#7F7F7F;*/
    border-color: #4A4A4A;/*#2378A0; /*#656565;*/
}

form .btn-primary:hover, form .btn-primary:focus
{
    background-color: #979797;/*#38BFFF;*/
    border-color: #4A4A4A;/*#2378A0;*/
}

.form-control:focus {
    border-color: #C6DFEC; /*#66AFE9;*/
}

.captchagebied
{
    background-color: #717171 !important;
}

form select
{
    width: 100%;
    color: #000000;
    padding: 0.4em 0;
    cursor: pointer;
    margin-bottom: 5px;
}

form p
{
    margin: 0;
    margin-bottom: 5px;
    cursor: default;
}

.contactpage h2 {
    margin-top: 0;
}

.contactformzone, .contactmapzone {
    margin-bottom: 1em;
}

/*********/

.media-box-more a, .media-box-view-image a {
    color: #8A8A8A !important;/*#E54E53;*/
    border-bottom: 1px solid transparent !important;
}

.media-box-more a:hover, .media-box-view-image a:hover, .media-box-more a:focus, .media-box-view-image a:focus {
    color: #222 !important;/*#E54E53;*/
    border-bottom: 1px solid #222 !important;
}

.new-collection {
    background: white;
    padding: 3px;
}

.new-collection .col-item {float: left;background-size: cover;background: #999;width: 20%;height: 50%;border: 3px solid white;overflow: hidden;position: relative;cursor: pointer;text-align: center;z-index: 1;display: inline-block;padding: 0;}
.new-collection .col-item-w2 {width: 25%;}
.new-collection .col-item-w3 {width: 20%;}
.new-collection .col-item-w4 {width: 35%;}

.new-collection .col-item figcaption {padding: 10px 20px;font-size: 14px;width: 100%;display: inline;opacity: 0;-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;transition: opacity 0.35s, transform 0.35s;-webkit-transform: translate3d(0, 20px, 0) scale(1.1);transform: translate3d(0, 20px, 0) scale(1.1);position: absolute;top: 0;left: 0;height: 100%;}
.new-collection .col-item:hover figcaption {opacity: 1;}

.new-collection .col-item img {
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	width: 100%;height: 100%;
	position: relative;
	display: block;
	min-height: 100%;
}
.new-collection .col-item:hover img {opacity: 1;-webkit-transform: scale(1);transform: scale(1.1);}
.new-collection .col-item figcaption .figcap-container {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
    padding: 0 30px;
}
new-collection .col-item:hover figcaption .figcap-container {
	-webkit-transform: translateY(50%);-ms-transform: translateY(50%);transform: translateY(50%);
}
.new-collection .col-item figcaption h3 {font-size: 30px;color:#fff;}

@media only screen and (max-width: 1000px){
	.new-collection .col-item, .new-collection .col-item-w2, .new-collection .col-item-w3 {
    	width: 50%;
	}
}
@media only screen and (max-width: 700px){
	.normalpage {width:100%;}

	.new-collection .col-item, .new-collection .col-item-w2, .new-collection .col-item-w3 {
    	width: 100%;
		min-height: 350px !important;
		max-height:350px; !important;
		height:350px !important;
	}
	.new-collection .col-item img {
		display:none;
	}

	.new-collection .col-item figcaption {
		transform: translate3d(0px, 0px, 0px) scale(1);
		opacity: 1;
		height: 75px;
		background: #FFF none repeat scroll 0% 0%;
		color: #727679;
		top: auto;
		bottom: 0px;
	}
	.new-collection .col-item figcaption h3 {
		color:#333;font-size:22px;
		margin-top: 3px;
	}

	.logo {
		float:none;
		position: initial;
		width:150px;
		display:block;
		text-align:center;
		margin:0 auto !important;;
	}

	.logo a {
	    position: initial;
		width:150px;
		display:block;
		text-align:center;
		margin:0 auto !important;
	}

	.nav-bar-brand img {
		float:none;
		width:100px !important;
		height:100px !important;
	}

	.mainnav {
		float:none;
		margin-bottom: 40px;
	}

	.mainnav li {
		float: none;
		font-size: 1.1em;
	}

	.mainnav a {
		display:block;
		float:none;
	}
}

.verdeelpunten,.contactpage {
	margin-top:15px;
}
.logo-blok {background-color:rgba(255,255,255,0.6);height:300px;width:300px;margin:0px auto;border-radius:50%;}