/* html en body style */

html {
	position: relative;
  	min-height: 100%;
}



body {
font-family: "Open Sans", sans-serif !important;
/* website achtergrondkeur */
background-color: #FFFFFF;/* website tekst kleur */
 overflow-x: hidden;
}

/* einde html en body style */



/* link kleur */
a {
	color:#0E8EAB;
	outline:none;
	text-decoration: none;
}

a:hover,
a:focus {
	color:#0E8EAB;
	outline:none;
	text-decoration: none;
}


/* container header over gehele breedte */
.container-fluid-header {
}


@media (max-width: 767px) {
	.container-fluid-header {
		padding-right: 0px;
		padding-left: 0px;
	}
}



/* website logo en tekst */

.container-fluid-textlogo {
}

@media (max-width: 767px) {
.container-fluid-textlogo {
	padding-right: 0px;
	padding-left: 0px;
}
}

.container-logoentext {
background-color: #FFFFFF;padding-left: 0px;
padding-right: 0px;
}


/* header logo en of titel */

.headerlogo, .menulogo {
	display:inline-block;
	position: relative;
	/*z-index: 1038;
	z-index: 0;*/
height: 76px;	width:auto;
	max-height:100%;
	max-width:100%;
	vertical-align: middle;


margin-left:0px;margin-right:0px;margin-top:200px;margin-bottom:0px;
}

.menulogo {
	float:left;
}

.container-textlogo {
display:inline-block;	margin:0px;
	padding:0px;
	/* left of center */
text-align: left;
float:left;
line-height:75px;	vertical-align:middle;
}


.text-logo {
display:inline-block;
	margin:0px;
	padding:0px;
	vertical-align:middle;
margin-left:16px;margin-right:16px;margin-top:16px;margin-bottom:16px;padding-top:4px;
padding-bottom:4px;
}


.logotitlelesmargin {
	padding-left: 0px;
	margin-left:-10px;
}


@media (min-width: 0px) and (max-width: 991px) {


.headerlogo, .menulogo {
height: 58px;

}


.container-textlogo {
float:left;
line-height:57px;
}

}



@media (min-width: 0px) and (max-width: 1023px) {

	
	.headerlogo, .menulogo {
		height: 58px;			}


	.container-textlogo {
		float:left;		line-height:57px;	}


	
}

/* einde websitetitel als geen header */




/* header afbeelding */


/* padding en margin overides header */

.header-container-above-menu {
	padding:0px !important;
	/* achtergrondkleur achter headerafbeelding */
	}


.header-container-below-menu {
	padding:0px !important;
	/* achtergrondkleur achter headerafbeelding */
	}


/* full inner header afbeelding */
.logofull {
	width:100%;
}


/* normaal logo */
.logo {
	margin: 0 auto;
	overflow-x: hidden;
}

/* einde header afbeelding */





/* slider css */
/* einde slider css */



/* top menu */

.navbar {
    margin-bottom: 0px;
}

/* relatief vanwege modal balk login */
#navbar {
	position: relative;
	z-index: 1039;
}

/* container over gehele breedte */
.navbar-top {
	margin-bottom: 0px;
		/* wel of geen border */
	border-radius: 0px;
	border: none;}

/* inner container achtergrondkleur */

.navbar-top > .container {
	}

@media (min-width: 1024px) {
	.navbar-top > .container {
		padding-left:0px;
		padding-right:0px;
	}
}

@media (min-width: 1024px) {
	.navbar-collapse:not(.navbar-splitted) {
		padding-left: 0px;
		padding-right: 0px;
	}
}

/* website titel in collapsed navbar en in menu links*/
.navbar-default .navbar-brand {
		padding-left: 28px;
}

/* @media (min-width: 0px) and (max-width: 767px) { */
@media (min-width: 0px) and (max-width: 1023px) {
	.navbar-default .navbar-brand {
		padding-left:10px;
	}
}

.navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus {
	}

/* home uitlijning */
@media (min-width: 1024px) {
	.navbar-top .nav-home {
		text-align: center;
	}
}

/* uitklap knopje menu */

/* border color uitklap knopje - gebruik titelkleur als var leeg is */
.navbar-default .navbar-toggle {
	}

/* kleur van de streepjes uitklap knopje */
.navbar-default .navbar-toggle .icon-bar {
	}

/* achtergrondkleur uitklap knopje - gebruik transparent; als var leeg is */
.navbar-toggle {
	}

/* hover achtergrondkleur uitklap knopje */
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
	}

/* einde uitklap knopje menu */


/* hoofdmenu default colors menu items */
.navbar-default .navbar-nav > li > a {
		}

/* hoofdmenu hover colors menu items */
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus,
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
		}

/* hoofdmenu active hover colors */
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
		}

/* hoofdmenu active colors */
.navbar-default .navbar-nav > .active > a {
		}

/* default submenu achtergrond en kleur */
.dropdown-menu {
			border-top:0px;
}

/* default submenu text */
.dropdown-menu > li > a {
	}

.dropdown-menu form, .dropdown-menu .col-userlostpw-dropdown {
	color:#000000}

/* @media (max-width: 767px) { */
@media (max-width: 1023px) {
  .navbar-default .navbar-nav .open .dropdown-menu > li > a {
	  }
}

/* submenu hover */
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus,
.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus {
			}

/* @media (max-width: 767px) { */
@media (max-width: 1023px) {
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
							}
}

/* submenu active hover colors */
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
			}

/* submenu active colors */
.dropdown-menu > .active > a {
			}

/* einde topmenu */



/* menu vanuit links */

/* reset font-awesome  - niet meer nodig */
.mainfont {
	font-family: "Open Sans", sans-serif !important;
}

/* buiten en binnencontainer met achtergrondekleur van menu */
.container-fluid-mpmenu {
		/* wel of geen border */
	border-radius: 0px;
	border: none;}

@media (max-width: 767px) {
	.container-fluid-mpmenu {
		padding-right: 0px;
		padding-left: 0px;
	}
}

.container-mpmenu {
	padding-left: 0px;
	padding-right: 0px;
}

.container-mpmenu .text-logo {
	line-height: inherit;
}



/* uitklap knopje menu */

/* het pijltje naar links */
.mp-ltosub .icon {
	line-height:25px;
	padding-top: 10px;
	padding-bottom: 10px;
}

.mp-ltosub .fa-plus {
	line-height:25px;
	padding-top: 10px;
	padding-bottom: 10px;
	font-size:30px;
}

/* border color uitklap knopje - en tekstkleur */
.mpmenu-btnnav .navbar-toggle {
	float:left;
	display:inline-block;
	width: 100px;
	text-align: left;
	padding-left: 15px;
	margin-left:10px;
	border-color: #000000;}

/* kleur van de menutekst */
.mpmenu-btnnav .nav-btn-text {
	position:absolute; 
	top: 10px !important; 
	margin-left:30px;
	color: #000000;}

/* kleur van de streepjes uitklap knopje */
.mpmenu-btnnav .navbar-toggle .icon-bar {
	margin-top:4px !important;
	margin-bottom:4px !important;
	background-color: #000000;	color: #000000;}

/* achtergrondkleur uitklap knopje - gebruik transparent; als var leeg is */
.mpmenu-btnnav .navbar-toggle {
	background-color: transparent;}

/* hover achtergrondkleur uitklap knopje */
.mpmenu-btnnav .navbar-toggle:hover, .mpmenu-btnnav .navbar-toggle:focus {
	background-color: transparent;}

/* einde uitklap knopje menu */

.mp-level,.mp-menu {
	background-color: #F8F8F8;}

.mp-menu {
	min-height: 100vh !important;
	height:auto;
}

.mp-menu h2 {
	font-size:1em !important;
	color: #000000;}

h2.mp-subtitel {
	font-size:0.9em !important;
	vertical-align:middle;
}

.mp-topicon.fa-bars {
	margin-right:10px;
	border-radius: 2px;
	padding:2px;
	padding-left:4px;
	padding-right:4px;
	border: solid #000000 1px;}

.mp-menu a {
	text-decoration: none;
	outline: none;
	color: #000000;}

.mp-menu a:hover, .mp-menu a:focus {
	outline: none;
	color: #000000;}

.mp-link-text {
	padding-left:8px;
}

.parentlink .fa, .directlink .fa {
	display:none;
}

.mp-menu ul li.active {
	background: rgba(0,0,0,0.2);
	box-shadow: inset 0 -1px rgba(0,0,0,0);
}

/* einde menu vanuit links */



/* eventueel andere cursor */
.cursormenu {
	cursor:copy !important
}



/* contactgegevens en socialmedia */

.round {
	padding-left:0px;
}


/* contactgegevens */

#contact {
	margin: 4px 0px 4px 0px;
}

.contactpaddingright {
	margin-top:42px !important;
}


#contact ul {
		border:0px solid #eeeeee;
	overflow:hidden;
}

#contact li {
		display:block;
	overflow:hidden;
	height:40px;
}

#contact li:last-child {
	border:none;
}

#contact li a {
		display:block;
	font-weight:bold;
	height:40px;
	line-height:40px;
	overflow:hidden;
	padding:0 8px 0 42px;
	text-decoration:none;
}

/* correctie voor plaatsnaam over de rand */
@media (max-width: 400px) {
	#contact li a {
		font-weight:normal;
		font-size:12px;
	}
}

#contact li a:hover {
	}

#contact li.phone {
	background: url(assets/img/icon-sprite.png) 5px -1px no-repeat;
}

#contact li.phone a:hover {
		}

#contact li.skype {
	background: url(assets/img/icon-sprite.png) 5px -120px no-repeat;
}

#contact li.skype a:hover {
		}

#contact li.address {
		background: url(assets/img/icon-sprite.png) 5px -41px no-repeat;
}

#contact li.address a:hover {


}

#contact li.address a {
	letter-spacing:-1px;
}

#contact li.email {
	background: url(assets/img/icon-sprite.png) 5px -80px no-repeat;
}

#contact li.email a:hover {
}


/* einde contactgegevens */



/* social media */

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

.socialicon {
	width:35px;
	height:35px;
	padding:2px;
	margin-left: 2px;
	margin-right: 2px;
}



.footer .socialmedia a span {
	display:none !important;
}


.footer .socialmedia {
	margin-top:0px;
}




@media (max-width: 767px) {
	.footer .socialmedia a span {
		display:none;
	}
}


/* einde social media */




/* footer */
.footer {
	position: relative;
	width: 100%;
	bottom: 0;
	height: auto;
	background-color: transparent;}

.footer > .container {
	padding-right: 15px;
  	padding-left: 15px;
}

.footer-inner {
	height:100%;
		}

.footer-inner-content {
	margin: 20px 0;
}

.footer-inner-content a {
	}

.footer-inner-content a:hover,.footer-inner-content a:active {
	}

.realisatie {
	display:block;
	margin-top: 10px;
	padding-left:0px; /* stond 25 */
}


@media (max-width: 767px) {
	.realisatie {
		margin-top: 30px;
	}
}


/* app styles */

@media screen and (max-width: 991px) {

	p,
	.btn,
	input,
	div,
	span:not(.btn-memberpage-account-txt):not(span button span#shop-page-postal-search-form-input-btn-span):not(.cart-btn-amount),
	h4 {
		font-size: 95%;
		font-size: 12px;
	}

	h1 {
		font-size: 24px;  
	}

	h2:not(#shop-page-postal-title):not(.shop-products-category-title):not(.product-title) {
		font-size: 22px;  
	}

	h3,legend {
		font-size: 18px;  
	}

	#navbar {
		font-size: 13px;
	}

}


@media screen and (max-width: 767px) {

	p,.btn,input,div,span:not(.btn-memberpage-account-txt):not(span button span#shop-page-postal-search-form-input-btn-span),
	,h4 {
		font-size: 90%;
		font-size: 12px;
	}

	h1 {
		font-size: 20px;  
	}

	h2:not(#shop-page-postal-title):not(.shop-products-category-title):not(.product-title) {
		font-size: 18px;  
	}

	h3,legend {
		font-size: 16px;  
	}

	#navbar {
		font-size: 13px;
	}

}


/* einde app styles */



/* correcties mp menu - overige css staat in aangepaste components css */


/* hier stond 992 */
@media screen and (max-width: 1023px) {

	#mp-menu * {
		font-size:16px;
	}

	.directlink {
		margin-left: 12px;
	}

	.mp-back {
		font-size:14px !important;
	}

	.mp-menu .arrow {
		margin-left:-22px;
	}

	.mpmenu-btnnav .nav-btn-text {
	    top: 11px !important;
	}

	.mp-ltosub .fa-plus {
		font-size:26px !important;
		vertical-align:middle;
		padding-right:10px;
		padding-left:10px;
		position:relative !important;
	}

	.mp-ltosub .plus {
		font-size:40px !important;
		vertical-align:middle;
		padding-right:10px;
		padding-left:10px;
		line-height:40px;
		display:inline-block;
		margin-top:-4px;
		font-weight:normal;
	}

	#container-fluid-mpmenu #top-menu-right,
	#container-fluid-mpmenu #top-menu-right-cart {
		font-size:18px;
		font-weight:bold;
	}

	.shop-category-menuitem-mp .directlink {
		margin-left: 22px !important;
	}

}