/* bootstrap-overwrites */
.jumbotron p {
	font-size: 16px;
}
.intro h1 {
	font-family: "PT sans";
}
.intro p {
	font-family: "Raleway", sans-serif;
    font-size: 15px;
}
.intro ul {
	font-family: "Raleway", sans-serif;
    font-size: 15px;
}
.btnContact {
	background-color: ;
}
.noPaddingLeft {
	padding-left: 0;
}
.noPaddingRight {
	padding-right: 0;
}
.noPadding {
	padding-left: 0;
	padding-right: 0;
}
/* overwrites */
textarea {
	resize: none;
}
.use {
	font-family: "Raleway", sans-serif;
}
.owl-carousel .owl-stage-outer {
	height: 400px !important;
}

p { 
	font-family: "Raleway", sans-serif; 
	margin-top: 32px;
}


.jumbotron {
	padding-bottom: 0;
	margin-bottom: 0;
}
div.owl-prev {
	position: absolute;
	left: 0;
	top: 40%;
	width: 50px;
	height: 50px;
	background: none !important;
}
div.owl-prev img {
	width: 100%;
	height: auto;
}

div.owl-carousel {
	position: relative !important;
}

div.owl-next {
	position: absolute;
	right: 0;
	top: 40%;
	width: 50px;
	height: 50px;
	background: none !important;
}
div.owl-next img {
	width: 100%;
	height: auto;
}

/* ALGEMEEN */
.actiefPage {
	background: #FFDC30;
	border-radius: 4px;
}
footer { clear:both; }
.productoverzicht {
	margin-bottom: 25px;
	margin-top: 25px;
} 
.productbox:hover > #productbox-overlay-background-color {
	cursor: pointer;
	background-color: yellow;
	width: 262px;
	height: 213px;
	position: absolute;
	margin-top: 50px;
	opacity: .5;
}
.productbox:hover > #productbox-overlay {
	width: 262px;
	height: 50px;
	position: absolute;
	background-color: red;
	opacity: 1;
}
#productbox-overlay {
	width: 262px;
	height: 50px;
	position: absolute;
	background-color: red;
	opacity: .5;
}
#productbox-overlay p {
	color: #fff;
	font-family: inherit;
	opacity: 1;
	display: flex;
	justify-content: center;
	margin-top: 15px;
}
.productbox {
	margin-top: 25px;
}
.productbox img {
	width: 100%;
}

h1 {
	color: red;
	font-family: 'Raleway', sans-serif;
}
h2 {
	font-family: 'Raleway', sans-serif;
	color: red;
	text-transform: uppercase;
	font-size: 16px;
	font-weight: 700;
}

body {
	font-family: 'PT Sans', sans-serif;
}

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

.high-quality p {
	line-height: 20px;
	font-size: 15px;
}
.use {
	font-size: 15px;
}

.jumbotron {
	background: #fff;
}

a:hover { text-decoration:none}

/* HEADER */
div#header-right {
	position: absolute;
	margin-left: 400px;
	margin-top: -55px;
}
div#header-right img {
	width: 250px;
}
div.logo {
	width: 600px;
	position: absolute;
	z-index: 99;
	margin-left: 415px;
	top: 90px;
}
div.logo img {
	width: 100%;
}
div#borders {
	width: 100%;
	height: 20px;
	border-top: 2px solid #FFDC30;
	border-bottom: 2px solid red;
	margin-top: 15px;
}
nav#main-menu {
	display: flex; 
	justify-content: center;
	margin-bottom: 25px;
	border-bottom: 2px solid red;
	padding-bottom: 15px;
}
nav#main-menu ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
}

nav#main-menu ul li {
	float: left;
}
nav#main-menu ul li a {
	display: block;
	text-align: center;
	padding: 14px 16px;
	text-decoration: none;
	color: #000;
}
nav#main-menu ul li a:hover {
	background: #FFDC30;
	border-radius: 4px;
}
/* PAGINA */
div#black-box {
	background-color: #000;
	width: 325px;
	height: 250px;
	position: absolute;
	z-index: 3;
	margin-left: 75px;
	margin-top: 75px;
	color: #fff;
	padding: 15px;
}
div#black-box-light {
	width: 100%;
	height: 300px;
	position: absolute;
	background-color: #000;
	z-index: 2;
	opacity: .5;
	margin-top: 50px;
}
input {
	margin-bottom: 15px;
}

.product-wrapper {
	margin-bottom: 25px;
}
.btn-products  {
	right: 0;
	position: absolute;
	top: 10px;
}
div#section-contact { 
	margin-bottom: 25px;
}
div#section-product-overzicht {
	margin-bottom: 25px;
}
.price {
	color: red;
	font-family: 'Raleway', sans-serif;
}
.productrow {
	border-bottom: 2px dotted red;
	margin-bottom: 25px;
}
.productfoto img{
	width: 100%;
}
.diensten-border {
	border-top: 2px dotted red;
	margin-left: 0;
	margin-right: 0;
}
.diensten-margin-bottom {
	margin-bottom: 25px;
}
.intro {
	border-top: 2px solid red;
}
.logo_small {
	display: none;
}
.intro h1 {
	background: #fff;

	/* 500px grote titel 367px duitse titel */

	width: 500px;
	position: absolute;

	font-size: 36px;
	color: red;

	right: 0;
	left: 0;
	/* margin */
	margin-left: auto;
	margin-right: auto;
	margin-top: -36px;
	
	/* padding */
	padding: 15px;
}
}
.intro p {
	margin-top: 35px !important;
	font-size: 16px !important;
	line-height: 20px !important;
}
.home-page-product-image {
	width: 100%;
}
div#section-home {
	margin-top: 100px;
}
div#section-diensten {
	margin-bottom: 25px;
}
.diensten-foto img {
	width: 100%;
}

/* FOOTER */
footer {
	background: url("../img/ManBullBanner.png");
	background-size: cover;
	height: 75px;
}
footer p {
	display: flex; 
	justify-content: center;
	padding-top: 25px;
}
@media screen and (min-width: 1200px){ 
	aside#languages {
		right: 0;
		position: absolute;
	}
	div.ul-main-menu {
		margin-left: -195px;
	}
}
@media screen and (max-width: 1200px){
	.logo {
		display: none;
	}
	.logo_small {
		display: block;
	}
	.logo_small img {
		width: 100%;
		margin-bottom: 10px;
		margin-top: -25px;
	}
}