@font-face {
    font-family: 'open_sansregular';
    src: url('../fonts/opensans-regular-webfont.eot');
    src: url('../fonts/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/opensans-regular-webfont.woff') format('woff'),
         url('../fonts/opensans-regular-webfont.ttf') format('truetype'),
         url('../fonts/opensans-regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sanssemibold';
    src: url('../fonts/opensans-semibold-webfont.eot');
    src: url('../fonts/opensans-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/opensans-semibold-webfont.woff') format('woff'),
         url('../fonts/opensans-semibold-webfont.ttf') format('truetype'),
         url('../fonts/opensans-semibold-webfont.svg#open_sanssemibold') format('svg');
    font-weight: normal;
    font-style: normal;
}

#colorbox{
	box-sizing:content-box;
}

@font-face {
    font-family: 'open_sanslightitalic';
    src: url('../fonts/opensans-lightitalic-webfont.eot');
    src: url('../fonts/opensans-lightitalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/opensans-lightitalic-webfont.woff') format('woff'),
         url('../fonts/opensans-lightitalic-webfont.ttf') format('truetype'),
         url('../fonts/opensans-lightitalic-webfont.svg#open_sanssemibold') format('svg');
    font-weight: normal;
    font-style: normal;
}


.socialmedia_buttons {
    margin-top: 12px;
}
.socialmedia_buttons a {
    display: inline-block;
    max-width: 30px;
    margin-right: 5px;
}

.socialmedia_buttons img {
    max-width: 100%;
}
#gallery-1 .gallery-item {
width: 153px !important;
margin-right: 85px;
}

#logo{
	float:left;
	position:relative;
	z-index:5000;
	margin: -250px 0 0 -25px;
}

.verborgen {
	display:none !important;
}

#slider {
	width: 100%;
	margin-top: 30px;
	overflow: hidden;
	padding:0;
	border: solid 5px #f1f1f1;
	float: left;
	height: 210px;
}

#slider .slide {
	width:1160px;
	height:210px;
	background-size:cover;
}

.navbar-default {
	background:none;
	border:none;
	margin-top:-5px;
}

.no-padding-left{
	padding-left:0;
}

.no-padding-right{
	padding-right:0;
}

.navbar-default .navbar-collapse{
	background:#171717;
	border:solid 5px #f1f1f1;
	border-top:none;
}

.navbar-nav{
	width:100%;
	padding-left:40px;
	border-top:solid 1px #636363;
}

.alignleft {
	float: left;
margin: 0 20px 20px 0;
}

.alignright {
	float: right;
margin: 0 0 20px 20px;
}

.navbar-default .navbar-nav > li{
	margin:0 30px;
}

.navbar-default .navbar-nav > li > a{
	padding:0 20px;
	color:#f1f1f1;
	text-transform:uppercase;
	font:normal 14px/78px 'open_sansregular', Verdana, Geneva, sans-serif;
}

.navbar-default .navbar-nav > li > a:hover{
	color:#171717;
	background:#f1f1f1;
}

.navbar {
	margin-bottom:0px;
}

.subnav-nav > li{
	list-style:none;
	margin-left:-30px;
}

.subnav-nav > li > a{
	color:#171717;
	padding:5px 20px 5px 20px;
	text-decoration:none;
	font:normal 14px/40px 'open_sansregular', Verdana, Geneva, sans-serif;
}

.subnav-nav > li > a:hover{
	color:#fff;
	background:#171717;
}

#content{
	min-height:475px;
 	background:#f1f1f1 url(../images/shade.png) 815px 20px no-repeat;
	float:left;
	width:100%;
	padding:30px 40px;
}

#content_twee{
	min-height:475px;
 	background:#f1f1f1;
	float:left;
	width:100%;
	padding:30px 40px;
}

#button{
	border-radius:5px;
	background:#171717;
	color:#f1f1f1;
	margin-bottom:30px;
	font:normal 13px/35px 'open_sansregular', Verdana, Geneva, sans-serif;
	text-decoration:none;
	text-transform:uppercase;
	display:block;
	float:left;
	padding:0 15px;
}

#slogan{
	background:#a5a5a5;
	width:100%;
	font:normal 17px/normal 'open_sansregular', Verdana, Geneva, sans-serif;
	padding:0;
	text-align:center;
}

#slogan span{
	font:normal 31px/80px 'open_sanslightitalic', Verdana, Geneva, sans-serif;
	color:#757575;
	margin:0 70px;
}

#footer{
	background:#171717;
	width:100%;
	color:#f1f1f1;
	font:normal 13px/normal 'open_sansregular', Verdana, Geneva, sans-serif;
	float:left;
	padding:30px 45px;
	margin-bottom:30px;
}

#footer ul{
	list-style:none;
	margin:0;
	text-decoration:none;
	padding:0;
}

#footer a{
	list-style:none;
	color:#f1f1f1;
	margin:0;
	text-decoration:none;
	padding:0;
}

.blok{
	border:1px solid #171717;
	position:relative;
	margin-bottom:27px;
	float:left;
}

.blok span{
	background:#171717;
	width:100%;
	color:#f1f1f1;
	text-align:center;
	text-transform:uppercase;
	font:normal 13px/38px 'open_sansregular', Verdana, Geneva, sans-serif;
	display:block;
	position:absolute;
	bottom:0;
}

.collectie_blok{
	border:1px solid #171717;
	position:relative;
	margin-bottom:30px;
}

.collectie_blok img{
	width:100%;
}

.collectie_blok span{
	background:url(../images/overlay.png);
	width:100%;
	color:#f1f1f1;
	text-align:center;
	font:normal 16px/60px 'open_sanssemibold', Verdana, Geneva, sans-serif;
	display:block;
	position:absolute;
	bottom:0;
}

.stoffen{
	width:100%;
	background:#e6e6e6;
	border:1px solid #cccccc;
	padding:10px;
	margin-bottom:30px;
	float:left;
}

.stof_tekst{
    margin-left: 275px;
}

h1{
	font:bold 17px/21px 'open_sansregular', Verdana, Geneva, sans-serif;
	color:#3d3d3d;
}

h2{
	font:bold 17px/21px 'open_sansregular', Verdana, Geneva, sans-serif;
	color:#171717;
	text-transform:uppercase;
	margin-bottom:10px !important;
}

p{
	font:normal 13px/21px 'open_sansregular', Verdana, Geneva, sans-serif;
	color:#171717;
}

h1, h2, h3, h4, h5, h6, p, ul, ol, table{
	margin-top:0;
	margin-bottom:30px;
}

#collectiefotos{
	 width: 466px;
	 margin: 0 0 0 261px;
}

.fotootje{
	margin:0 -15px 0 0;
}


@media (max-width: 767px){


.gallery-item{
	clear:both;
}
	.padding-mobiel{
		padding-left:15px !important;
		padding-right:15px !important;
	}

	.blok{
		clear:both;
		float:left;
	}

	#logo img {
		width:100%;
		padding:0 10px 0 0;
		margin-left:-10px;
	}

	.navbar-default .navbar-toggle:hover,
	.navbar-default .navbar-toggle:focus {
		background-color:#3d3d3d;
	}


	.navbar-default .navbar-nav > li > a {
		font: normal 14px/28px 'open_sansregular', Verdana, Geneva, sans-serif;
	}

	.navbar-default .navbar-toggle {
		border-color: #f1f1f1;
	}

	.navbar-default .navbar-toggle .icon-bar {
		background-color: #f1f1f1;
	}

	.navbar-default {
		margin-top: 0px;
		background:#a5a5a5;
	}

	#button {
width: 100%;
}

.alignright {
float: right;
margin: 0 0 20px 20px;
width: 100%;
height: auto;
}

.navbar-default {
margin-top: 20px;
}

#logo {
float: left;
position: relative;
z-index: 5000;
margin: 10px 0 0 5%;
}

#slider {
	display:none;
}

.wpcf7-form-control-wrap input, .wpcf7-form-control-wrap button, .wpcf7-form-control-wrap select, .wpcf7-form-control-wrap textarea {
width: 100%;
}

	.navbar-default .navbar-collapse {
		border:none;
	}

	.navbar-nav {
		border:none;
	}

	#slogan span {
		font: normal 13px/60px 'open_sanslightitalic', Verdana, Geneva, sans-serif;
		margin:0 6px 0 6px;
	}

	#footer {
		font: normal 12px/25px 'open_sansregular', Verdana, Geneva, sans-serif;
		padding: 30px 45px;
		text-align:center;
	}

	.text-right {
		margin-top:20px;
		text-align:center;
	}

	.subnav-nav > li > a{
		font:normal 14px/40px 'open_sansregular', Verdana, Geneva, sans-serif;
		text-align:center;
	}

	.subnav-nav > li{
		margin-left:-60px;
	}

	.collectie_blok span{
		font:normal 14px/40px 'open_sanssemibold', Verdana, Geneva, sans-serif;
	}

	.stof_tekst {
		margin-top: 110px;
		margin-left:0px;
	}

	#img_responsive{
		display: block;
		height: auto;
		max-width: 100%;
	}

	#collectiefotos{
		 width: 100%;
		 margin: 0;
		 clear:both;
	}
}

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

	.navbar-default .navbar-nav > li > a {
		padding: 0 5px;
		color: #f1f1f1;
		text-transform: uppercase;
		font: normal 13px/78px 'open_sansregular', Verdana, Geneva, sans-serif;
	}

	#content{
		background:#f1f1f1 url(../images/shade.png) 505px 20px no-repeat;
	}

	#footer {
		font: normal 12px/25px 'open_sansregular', Verdana, Geneva, sans-serif;
		padding: 30px 45px;
	}

	.text-right {
		margin-top:20px;
		text-align:center;
	}

	#slogan span {
		font: normal 24px/60px 'open_sanslightitalic', Verdana, Geneva, sans-serif;
		margin:0 25px 0 25px;
	}

	.subnav-nav > li > a{
		font:normal 13px/40px 'open_sansregular', Verdana, Geneva, sans-serif;
	}

	.subnav-nav > li{
		margin-left:-60px;
	}

	.collectie_blok span{
		font:normal 14px/40px 'open_sanssemibold', Verdana, Geneva, sans-serif;
	}

	.stof_tekst {
		margin-top: 120px;
		margin-left:0px;
	}

	#collectiefotos{
		 width: 294px;
		 margin: 0 0 0 261px;
	}
}

@media (min-width: 992px) and (max-width: 1199px){

	#collectiefotos{
		 width: 466px;
		 margin: 0 0 0 261px;
	}

	#gallery-1 .gallery-item {
width: 153px !important;
margin-right: 35px;
}


		.fotootje{
		margin:0 -90px 0 0;
		}

	.navbar-default .navbar-nav > li > a {
		padding: 0 25px;
		color: #f1f1f1;
		text-transform: uppercase;
		font: normal 13px/78px 'open_sansregular', Verdana, Geneva, sans-serif;
	}

	#content{
		background:#f1f1f1 url(../images/shade.png) 670px 20px no-repeat;
	}

	#footer {
		font: normal 12px/25px 'open_sansregular', Verdana, Geneva, sans-serif;
		padding: 30px 45px;
	}

	.text-right {
		margin-top:20px;
		text-align:center;
	}

	#slogan span {
		font: normal 24px/60px 'open_sanslightitalic', Verdana, Geneva, sans-serif;
		margin:0 65px 0 65px;
	}
}