/* 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:20px;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;	}


	
	.headerlogo {
		margin-left:10px;
	}


	.container-textlogo {
		margin-left:10px;
	}

	
}

/* 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 */
/* fade afbeelding ipv slide - via class carousel-fade */
/* adapten met css animate plugin */
/* Carousel Fade */


/* fade 1 */
/*
.carousel .item {
    -webkit-transition: opacity 1s;
    -moz-transition: opacity 1s;
    -ms-transition: opacity 1s;
    -o-transition: opacity 1s;
    transition: opacity 1s;
}
.carousel .active.left, .carousel .active.right {
    left:0;
    opacity:0;
    z-index:2;
}
.carousel .next, .carousel .prev {
    left:0;
    opacity:1;
    z-index:1;
}
*/






/* kleur navigatie */
.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right {


}

.carousel-indicators li {


}

.carousel-indicators .active {


}
/* einde kleur navigatie */




/* verberg carousel rondjes onder */
@media screen and (max-width: 991px) {

  .carousel-indicators {
    display:none;
  }

}





/* global opmaak */

.carousel-caption {
  margin:0px;
  padding:0px;
  bottom:auto;
  display:block;
}

/* hogere z-index voor links en reachter navigatie knopje */
.carousel-control.left, .carousel-control.right {
z-index: 10;
}

/* pijltjes vanaf rechts en links */
.carousel-control {
/* 10 ipv 15% */
    width: 10%;
}

.slidetitle {
  display:inline-block;
  margin-top:0px;
  width:auto;
  padding:10px;
  vertical-align: middle;
  border-radius: 4px;
  margin-bottom:14px;
}

.slidetext {
display:block;
padding:10px;
vertical-align: middle;
border-radius: 4px;
}

.slidetext p:first {
  margin-top:0px;
}

.slidetext p:last-child {
  margin-bottom:0px;
}

/*
.slidetext:hover {
  opacity:1 !important;
}
*/

.slidebtn {
  margin-top:14px;
}




#slidetitle2 { text-shadow: 0px 1px 2px rgba(0,0,0,); }#slidetext2 { text-shadow: 0px 1px 2px rgba(0,0,0,); }#divslidetitle2 { text-align: center; }#slidetitle2 { text-align: center; }#slidetext2 { text-align: center; }#divslidebtn2 { text-align: center; }#slidebtn2 { text-align: center; }#slidebtn2 { color: #FFFFFF; }#slidebtn2:hover { color: #FFFFFF; }#slidebtn2 { background-color:  #337AB7; }#slidebtn2:hover { background-color:  #286090; }#slidebtn2 { border-color: 1px solid #2E6DA4; }#slidebtn2 { text-shadow: 0px 1px 2px rgba(0,0,0,); }#slidecaption2 { left: 10%; right: 10%; }




/* 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;
	background-color: #fff;	/* wel of geen border */
	border-radius: 0px;
	border: none;}

/* inner container achtergrondkleur */

.navbar-top > .container {
	background-color: #942994;}

@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 {
	color: #fff;	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 {
	color: #fff;}

/* 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 {
	border-color: #942994;}

/* kleur van de streepjes uitklap knopje */
.navbar-default .navbar-toggle .icon-bar {
	background-color: #942994;}

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

/* hover achtergrondkleur uitklap knopje */
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
	background-color: #942994;}

/* einde uitklap knopje menu */


/* hoofdmenu default colors menu items */
.navbar-default .navbar-nav > li > a {
	background-color: #942994;	color: #fff;}

/* 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 {
	background-color: #6e0f6e;	color: #fff;}

/* hoofdmenu active hover colors */
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
	background-color: #6e0f6e;	color: #fff;}

/* hoofdmenu active colors */
.navbar-default .navbar-nav > .active > a {
	background-color: #6e0f6e;	color: #fff;}

/* default submenu achtergrond en kleur */
.dropdown-menu {
	background-color: #6e0f6e;	color: #fff;	border-top:0px;
}

/* default submenu text */
.dropdown-menu > li > a {
	color: #fff;}

.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 {
	color: #fff;  }
}

/* submenu hover */
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus,
.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus {
		background-color: #6e0f6e;	color: #fff;}

/* @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 {
				background-color: #6e0f6e;		color: #fff;	}
}

/* submenu active hover colors */
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
		background-color: #6e0f6e;	color: #fff;}

/* submenu active colors */
.dropdown-menu > .active > a {
		background-color: #6e0f6e;	color: #fff;}

/* 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 {
	background-color: #fff;	/* wel of geen border */
	border-radius: 0px;
	border: none;}

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

.container-mpmenu {
background-color: #942994;	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: #942994;}

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

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

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

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

/* einde uitklap knopje menu */

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

.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: #fff;}

.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;
}



	@media (min-width: 768px) {
	
	.footer .socialmedia {
		padding-left:0px;
		margin: 0px;
		margin-top: 11px;
		text-align:left;
	}

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


	
		.footer .socialmedia .col1, .footer .socialmedia .col2 {
						padding-left:0px;
			padding-right:0px;
		}

		.footer .socialmedia .col2 {
			margin-left:20px;
		}

		.footer .socialmedia a {
			display:block;
						font-weight:bold;
			height:2.5em;
			line-height:2.5em;
			text-decoration:none;
			white-space:nowrap;
					}

		.footer .socialmedia a:last-child {
			border:none;
		}


		.footer .socialmedia a:hover {
								}

		.footer .socialmedia .socialicon {
			width:34px;
			height:30px;
			padding:2px;
			padding-left:6px;
		}


	

} /* einde media query */







@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: #0094d6;}

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

.footer-inner {
	height:100%;
	background-color: #0094d6;	color: #fff;}

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

.footer-inner-content a {
	color: #fff;}

.footer-inner-content a:hover,.footer-inner-content a:active {
	color: #fff;}

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


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


/* 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;
	}

}