body p {
  font-size: 16px;
  line-height: 1.9;
  margin: 14px 0 0;
}
h1 {
  font-size: 23px;
}
img {
	max-width:100%;
}
.typewriter {
  display: inline-block;
  overflow: hidden;
  width: auto;
  white-space: nowrap; 
  margin: 0 auto; /* Gives that scrolling effect as the typing happens */
  animation:typing 3.5s steps(40, end);
}

/* The typing effect */
@keyframes typing {
  from { width: 0 }
  to { width: 100% }
}

/* The typewriter cursor effect */
@keyframes blink-caret {
  from, to { border-color: transparent }
  50% { border-color: orange; }
}

nav.menutop {
  box-shadow: 0 2px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06) !important;
}

.menutopactief {
    border-bottom:2px solid #00b1ff;
}

/* menu als actief is */
.dropactive {
	text-decoration: underline #00b1ff !important;
 	 text-underline-offset: 8px;
}

.card:hover{box-shadow: 0px 5px 14px 1px rgba(0,0,0,.3);}
.informatieknop {display:none;}
.dropdown-menu.menutop.show {
  	box-shadow: 0 2px 6px -1px rgba(0,0,0,.3),0 2px 4px -1px rgba(0,0,0,.06) !important;
	background-color: #f2f2f2;
	width:50vw;
}

.AddToCart {
	background-color: #f09609;
	*background-color: #f09609;
	background-image: -moz-linear-gradient(top, #f09609, #e75903);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f09609), to(#e75903));
	background-image: -webkit-linear-gradient(top, #f09609, #e75903);
	background-image: -o-linear-gradient(top, #f09609, #e75903);
	background-image: linear-gradient(to bottom, #f09609, #e75903);
 	 color: #fff;
	border: 1px solid #e75903;
}
.AddToCart:hover {
  	color: #fff;
	background-color: #e75903;
	*background-color: #e75903;
	background-image: -moz-linear-gradient(top, #e75903, #f09609);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#e75903), to(#f09609));
	background-image: -webkit-linear-gradient(top, #e75903, #f09609);
	background-image: -o-linear-gradient(top, #e75903, #f09609);
	background-image: linear-gradient(to bottom, #e75903, #f09609);
	border: 1px solid #f09609;
}

.act-price{
	font-size:1.6em;
}

.product {
  background-color: #f8f8f8;
}

.productfooter{
	background-color: #e1e1e1;
}
.productomschrijving{
	border: 1px solid #e7e7e7;
}

.productomschrijvingheader{
	border-bottom: 1px solid #00b1ff;
	padding-bottom: 5px; 
	font-weight:600;
}

.homeimages {
	width:250px;
}

.categorieimages {
	text-transform:uppercase;
}

.categorieimages > a > .topmenuitem {
  	width: 190px;
	max-width:45% !important;
}

.category-overview ul li {
  border-right: 1px solid grey;
  display: inline;
  list-style: outside none none;
  margin: 0 12px 0 0;
  padding: 0 12px 0 0;
  line-height: 30px;
}

.topmenuitem {
	border: 1px solid #dfdede;
	padding:5px;
	background-color: #fff;
  	margin: 5px;
  	border-radius: 10px;
	font-size: 0.8em;
}

.topmenuitem:hover, .categorieitem:hover {
  border: 1px solid #00b1ff;
	border-radius:10px;
}

.categorieitem {
	border: 1px solid #dfdede;
	padding:5px;
	background-color: #fff;
  	margin: 5px;
  	border-radius: 10px;
	font-size: 0.8em;
	width:200px;
	overflow:hidden;
}
p {
  line-height: 26px;
}

.topbarfixed {
  position: fixed;
  top: 60px;
  width: 100%;
  z-index: 2;
}

.topbarfixedlogo {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 2;
  background-color: #fff;
}

.mobilenavli {
	border-bottom:1px solid #e1e0e0;
}

.winkelwagenaantaltop{
	font-size:1.2em;
}

.container-fluid > .row > .col-lg-12 {
  padding-left: 0px;
  padding-right: 0px;
}

.verbergopdesktop {
	display:none !important;
}

@media (min-width: 992px) {
  .navbar-expand-lg .navbar-nav .nav-link {
    text-transform: uppercase;
    margin-right: 30px;
  }
}

@media (max-width: 992px) {
	.dropdown-menu.menutop.show {
		max-width:100%;
	}

	.verbergopmobiel{
		display:none !important;
	}
	.verbergopdesktop {
		display: inline !Important;
	}

	.fixed-top {
  		margin-top: 33px;
	}
	.usptop {
  		position: fixed;
  		width: 100%;
		top:0;
		z-index:999;
	}
	.tabelmidden {
 		margin-top: 70px;
	}
	.homeimages {
		width:40%;
	}
	
	.smallimageonmobile {
		width:50%;
	}
	
	.categorieitem{
		width:45% !important;
	}
}

@media (min-width: 768px) {
			.hideonmobile {
				display: flex !important;
			}

			.hideondesktop {
				display:none !important;
			}

		}