.clearer{clear:both;}
.img100{
	width:100%;
	height:auto;
}
.redtext{
	color: #C8314D; 
}
.red{
	background: #C8314D;
}
body{
	color: #343435;
	text-align: left;
	font-family: Hind;
	font-weight: 400;
	background-color: #fefafa;
}

::-moz-selection { /* Code for Firefox */
  color: #ffffff;
  background: #C8314D;
}

::selection {
  color: #ffffff;
  background: #C8314D;
}
/* Structure */

.center{
	margin: 0 auto;
	width: 96%;
	max-width:1200px;
}
.colcontainer{
	display: table;
	width: 100%;
}
.col12, .col22{
	display: table-cell;
	vertical-align: top;
	width: 49%;
}
.colmar2{
	
	display: table-cell;
	width: 42%;
}

.col3,.col31,.col32,.col33{
	display: table-cell;
	vertical-align: top;
	width: 32.5%;
}
.colmar3{
	
	display: table-cell;
	vertical-align: top;
	width: 1%;
}

.col61,.col62,.col63,.col64,.col65,.col66{
	display: table-cell;
	vertical-align: top;
	width: 16%;
}
.colmar6{
	
	display: table-cell;
	vertical-align: top;
	width: 1%;
}

.col131{
	display: table-cell;
	vertical-align: top;
	width: 33%;
}
.col132{
	display: table-cell;
	vertical-align: top;
	width: 66%;
}

.colmar13{
	display: table-cell;
	vertical-align: top;
	width: 1%;
}
/*header*/

.header{
	position: relative;
	padding: 3% 0 2% 0;
	margin: 0 auto;
	width:96%;
	max-width:1200px;
	font-family: 'Neutraface Text';
}
.logo{
	float: left;
	padding-right:40px;
}
.logo img{
	height:40px;
	width: auto;
}
.search{
	float: left;
	background-image: url('/images/design/schuin.png');
	background-position: 0px 6px;
	background-size: auto 20px;
	background-repeat: no-repeat;
	padding:0 10px 0 15px;
	font-size: 24px;
	line-height: 32px;
}
.search input{
	border:none;
	font-size: 20px;
}
.menu{
	float: right;
	
}

.menu a {
	color: inherit;
	text-decoration: none;
}
.menu .item{
	float: left;
	background-image: url('/images/design/schuin.png');
	background-position: 1px 9px;
	background-size: auto 20px;
	background-repeat: no-repeat;
	padding:5px 10px 0 15px;
	font-size: 18px;
	line-height: 30px;
	text-transform: uppercase;
	
}
.menu .item:hover{
	background-image: url('/images/design/select.png');
	background-position: 0px 0px;
	padding:5px 5px 0 15px;
	margin-right: 5px;
	background-size: auto 100%;
	background-repeat: no-repeat;
	color: #ffffff;
	
}
.menu .selected{
	background-image: url('/images/design/select.png');
	background-position: 0px 0px;
	padding:5px 5px 0 15px;
	margin-right: 5px;
	background-size: auto 100%;
	background-repeat: no-repeat;
	color: #ffffff;
	
}

.mobile {
	display: none;
}
.footermenu{
    text-align: center;
    padding: 2% 0 5px 0;
    border-top: 1px solid #ffffff;
    margin: 5% 0 0 0;
}
.footermenu .item{
	display: inline-block;
	background: none;
	font-size: 17px;
	line-height: 30px;
	
}
.footermenu .item a{
	text-decoration: none;
	padding:0 10px 0 10px;
	margin:0 5px 0 5px;
	
}
.footermenu .item a:hover{
	text-decoration: underline;
	
}
/*end-header*/

/*titles*/
h1{    
	background-image: url(/images/design/schuin.png);
    background-position: 0px 28px;
    background-size: auto 30px;
    background-repeat: no-repeat;
    padding: 25px 10px 10px 20px;
    font-size: 30px;
    line-height: 44px;
    text-transform: uppercase;
    font-weight: 400;
}
h2{
	background-image: url(/images/design/schuin.png);
    background-position: 0px 28px;
    background-size: auto 30px;
    background-repeat: no-repeat;
    padding: 25px 10px 10px 20px;
    font-size: 30px;
    line-height: 44px;
    text-transform: uppercase;
    font-weight: 400;
}
h3{
	background:none;
    padding: 10px 10px 10px 0px;
    font-size: 24px;
    line-height: 28px;
    text-transform: uppercase;
    font-weight: 600;
	color: #C8314D;
}
/*end titles*/

/*home*/
.homevideo{
	margin:0 0 10px 0;
}
.showreal {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	height: 0;
}
.showreal iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.homehero{
	position: relative;
	padding: 0 0 10px 0;
}

.homehero .hero{
	border-bottom: 10px solid #C8314D;
}


.slidecontainer{
	position: relative;
}
.slidecontainer img{
	width: 100%;
	height: auto;
	display: block;
}
.slidecontainer .over{
    position: absolute;
    bottom: 0;
    top: 0;
    right: 0;
    width: 70%;
    height: 100%;
    background-image: url(/images/design/home/overlay.png);
    background-position: 0px 0px;
	background-size: cover;
    /* padding: 0 10px 0 24px; */
    background-repeat: no-repeat;
    font-size: 15px;
    line-height: 24px;
    color: #ffffff;
    text-align: right;
}
.slidecontainer .title{
	position: absolute;
	bottom:25%;
	right:5%;
    width: 80%;
}
.slidecontainer .title h1{
	background: none;
	font-size: 40px;
	line-height: 45px;
	color: #ffffff;
	font-weight: 600;
}
.slidecontainer .title h2{
	background: none;
	font-size: 20px;
	line-height: 20px;
	color: #ffffff;
	font-weight: 600;
}

.projectitemssmall{
	position: relative;
	margin: 0 0 3% 0;
}
.projectitemssmall:hover img{
	
   /* filter: grayscale(70%)  blur(3px);*/
    filter: grayscale(90%) opacity(0.8);
	/*
	opacity:0.5;
	*/
}
.projectitemssmall img{
	width: 100%;
	height: auto;
	display: block;
}
.projectitemssmall .title{
	position: absolute;
	bottom:25%;
	left:5%;
}
.projectitemssmall .title p{
	font-size: 20px;
	line-height: 25px;
	color: #ffffff;
	font-weight: 600;
}
.projectitemssmall .title p.sub{
	font-size: 15px;
	line-height: 15px;
	color: #ffffff;
	font-weight: 400;
}
.projectitemssmall .cat{
	position: absolute;
	bottom:0;
	right:0;	
	background-image: url('/images/design/home/event/line.png');
	background-position: 0px 0px;
    padding: 0 10px 0 24px;
	background-repeat: no-repeat;
	font-size: 15px;
	line-height: 24px;
	color: #ffffff;
	text-align: right;
	
}


/*end home*/
/* projectsen */



.projectcategorie a {
	color: inherit;
	text-decoration: none;
}
.all{
    padding: 25px 0 0 0;
	float: right;
}
.all .item{
	float: right;
	background-image: url('/images/design/schuin.png');
	background-position: 1px 9px;
	background-size: auto 20px;
    background-repeat: no-repeat;
    padding: 5px 3px 0 14px;
    font-size: 18px;
    line-height: 30px;
    text-transform: uppercase;
}

.all .item:hover{
	background-image: url('/images/design/select.png');
	background-position: 0px 0px;
	padding:5px 5px 0 15px;
	margin-right: 5px;
	background-size: auto 100%;
	background-repeat: no-repeat;
	color: #ffffff;
	
}
.all .item a{
	color:#343435;
	text-decoration: none;
	
}
.all .item:hover a{color:#ffffff;}
.projectcategorie .item{
	float: left;
	background-image: url('/images/design/schuin.png');
	background-position: 1px 9px;
	background-size: auto 20px;
    background-repeat: no-repeat;
    padding: 5px 3px 0 14px;
    font-size: 18px;
    line-height: 30px;
    text-transform: uppercase;
	
}
.projectcategorie .item:hover{
	float: left;
	background-image: url('/images/design/select.png');
	background-position: 0px 0px;
	background-size: auto 100%;
	color: #ffffff;
	background-repeat: no-repeat;
	padding:5px 3px 0 14px;
    font-size: 18px;
    line-height: 30px;
    text-transform: uppercase;
	display: inline-block;
	
}
.projectcategorie .selected{
	float: left;
	background-image: url('/images/design/select.png');
	background-position: 0px 0px;
	margin-right: 5px;
	background-size: auto 100%;
	color: #ffffff;
	background-repeat: no-repeat;
	padding:5px 3px 0 14px;
    font-size: 18px;
    line-height: 30px;
    text-transform: uppercase;
	display: inline-block
}
.projectitem{
	padding:1% 0 2% 0;
	
	
}
.projectitem .item{
	position: relative;
}
.projectitem .item img{
	width: 100%;
	height: auto;
	display: block;
}
.projectitem .item .over{
    position: absolute;
    bottom: 15%;
    left: 10%;
    width: 90%;
    font-size: 15px;
    line-height: 24px;
    color: #ffffff;
    text-align: left;
}
.projectitem .item .title{
}
.projectitem .item .title p{
	font-size: 40px;
	line-height: 45px;
	color: #ffffff;
	font-weight: 600;
}
.projectitem .item .title p.sub{
	font-size: 20px;
	line-height: 20px;
	color: #ffffff;
	font-weight: 600;
}


.projectitem  .item .cat{
	position: absolute;
	bottom:0;
	right:0;	
	background-image: url('/images/design/home/event/line.png');
	background-position: 0px 0px;
    padding: 0 10px 0 24px;
	background-repeat: no-repeat;
	font-size: 15px;
	line-height: 24px;
	color: #ffffff;
	text-align: right;
	
}
.projectdetail{padding-top:15px;}

.projectdetail .hero{
	position: relative;
}
.projectdetail .hero img{
	width: 100%;
	height: auto;
	display: block;
}
.projectdetail .hero .over{
    position: absolute;
    bottom: 15%;
    left: 10%;
    width: 90%;
    font-size: 15px;
    line-height: 24px;
    color: #ffffff;
    text-align: left;
}
.projectdetail .hero .title{
}
.projectdetail .hero .title h1{
	font-size: 40px;
	line-height: 45px;
	color: #ffffff;
	font-weight: 600;
	
	background:none;
    padding: 0;
    text-transform: none;
}
.projectdetail .hero .title h2{
	font-size: 20px;
	line-height: 20px;
	color: #ffffff;
	font-weight: 600;
	
	background:none;
    padding: 0;
    text-transform: none;
}


.projectdetail .hero .cat{
	position: absolute;
	bottom:0;
	right:0;	
	background-image: url('/images/design/home/event/line.png');
	background-position: 0px 0px;
    padding: 0 10px 0 24px;
	background-repeat: no-repeat;
	font-size: 15px;
	line-height: 24px;
	color: #ffffff;
	text-align: right;
	
}

.projectdetail .detail {
	padding:30px 0px;
	
}
.projectdetail .detail .videotitle{
	background: none;
	padding:0px 0px;
	font-size: 25px;
	line-height: 30px;
	font-weight: 600;
    color: #C8314D;
	
}
.projectdetail .detail .videosub {
	background: none;
	padding:0px 0px;
	font-size: 20px;
	line-height: 25px;
	font-weight: 400;
    color: #C8314D;
	
}
.projectdetail .detail p{
	padding:5px 0px 10px 0;
	font-size: 15px;
	line-height: 20px;
	font-weight: 400;
	
}

.projectdetail .detail a, .detail a {
    color: #C8314D;
	text-decoration: underline;
}

.projectdetail .detail h1{    
	background-image: url(/images/design/schuin.png);
    background-position: 0px 28px;
    background-size: auto 30px;
    background-repeat: no-repeat;
    padding: 25px 10px 10px 20px;
    font-size: 30px;
    line-height: 44px;
    text-transform: uppercase;
    font-weight: 400;
}
.projectdetail .detail h2{
	background:none;
    padding: 10px 10px 10px 0px;
    font-size: 24px;
    line-height: 28px;
    text-transform: uppercase;
    font-weight: 600;
	color: #C8314D;
}
.projectdetail .detail h3{
	background:none;
    padding: 10px 10px 10px 0px;
    font-size: 24px;
    line-height: 28px;
    text-transform: uppercase;
    font-weight: 600;
}

.projectdetail .properties{
	
	padding:5px 0px;
	
}
.projectdetail .properties p{
	margin: 0;
	padding:0;
	font-size: 16px;
	line-height: 20px;
	text-transform: uppercase;
	font-weight: 400;
	color: #C8314D;
	
}

.detailgallery {
 	display: grid;
	grid-template-columns: repeat(8, 1fr);
	grid-template-rows: repeat(8, 5vw);
	grid-gap: 10px; 
}

 .gallery__item {
	position:relative;
	grid-column: span 2; 
	grid-row: span 2; 
}

.gallery__item:hover .tooltip{
	visibility: visible;
}

.gallery__item .tooltip{
	visibility: hidden;
	position: absolute;
	bottom:0;
	right:0;	
	background-image: url('/images/design/home/event/line.png');
	background-position: 0px 0px;
    padding: 0 10px 0 24px;
	background-repeat: no-repeat;
	font-size: 15px;
	line-height: 24px;
	color: #ffffff;
	text-align: right;
	
}
/*
.gallery__item .tooltip{
	visibility: hidden;
	background-color: #C8314D;
	color: #ffffff;
	font-size:12px;
	text-align: center;
	padding: 3px 0;
	position: absolute;
	left:0;
	right:0;
	bottom:0;
	z-index: 1;
}*/


.detailgallery .gallery__img {
    width: 100%;
    height: 100%;
    object-fit: cover;
	object-position: center top;
}

/*Gal A*/

.detailgallerya {
 	display: grid;
	grid-template-columns: repeat(8, 1fr);
	grid-template-rows: repeat(12, 5vw);
	grid-gap: 10px; 
}

.detailgallerya .gallery__item {
  grid-column: span 2; 
  grid-row: span 2; 
}
.detailgallerya .gallery__item--1 {
  grid-column: 1 / span 4; 
  grid-row: 1 / span 6; 
}

.detailgallerya .gallery__item--2 {
	
  grid-column: 5 / span 4; 
  grid-row: 1 / span 2; 
}

.detailgallerya .gallery__item--3 {
  grid-column: 5 / span 4; 
  grid-row: 3 / span 2; 
}

.detailgallerya .gallery__item--4 {
  grid-column: 5 / span 4; 
  grid-row: 5 / span 2; 
}

.detailgallerya .gallery__item--5 {
    grid-column: 1 / span 4;
    grid-row: 7 / span 2;
}

.detailgallerya .gallery__item--6 {
    grid-column: 5 / span 4;
    grid-row: 7 / span 6;
}
.detailgallerya .gallery__item--7 {
    grid-column: 1 / span 4;
    grid-row:  9 / span 2;
}

.detailgallerya .gallery__item--8 {
    grid-column: 1 / span 4;
    grid-row: 11 / span 2;
}

/*Gal B*/

.detailgalleryb {
 	display: grid;
	grid-template-columns: repeat(8, 1fr);
	grid-template-rows: repeat(4, 5vw);
	grid-gap: 10px; 
}

.detailgalleryb .gallery__item {
  grid-column: span 2; 
  grid-row: span 2; 
}
.detailgalleryb .gallery__item--1 {
  grid-column: 1 / span 2; 
  grid-row: 1 / span 2; 
}

.detailgalleryb .gallery__item--2 {	
  grid-column: 3 / span 2; 
  grid-row: 1 / span 2; 
}

.detailgalleryb .gallery__item--3 {
    grid-column: 5 / span 4;
    grid-row: 1 / span 4;
}

.detailgalleryb .gallery__item--4 {
    grid-column: 1 / span 4;
    grid-row: 3 / span 2;
}

.detailgalleryc {
 	display: grid;
	grid-template-columns: repeat(8, 1fr);
	grid-template-rows: repeat(2, 5vw);
	grid-gap: 10px; 
}

.diensten a {
	color: inherit;
	text-decoration: none;
}
.diensten .item{
	float: left;
/*	background-image: url('/images/design/schuin.png');
	background-position: 1px 5px;
	background-size: auto 20px;
	background-repeat: no-repeat;*/
	padding:5px 10px 0 10px;
	font-size: 16px;
	line-height: 25px;
	/*text-transform: uppercase;¨*/
	
}
.diensten .item:hover{
/*	background-image: url('/images/design/select.png');
	background-position: 0px 0px;
	padding:5px 5px 0 15px;
	margin-right: 5px;
	background-size: auto 100%;
	background-repeat: no-repeat;*/
	
	background: #C8314D;
	color: #ffffff;
	text-decoration: none;
	
}

.relatedproject{
	position: relative;
	margin: 0 0 10px 0;
}
.relatedproject:hover img{opacity:0.6;}
.relatedproject img{
	width: 100%;
	height: auto;
	display: block;
}
.relatedproject .title{
	position: absolute;
	bottom:25%;
	left:5%;
}
.relatedproject .title p{
	font-size: 20px;
	line-height: 25px;
	color: #ffffff;
	font-weight: 600;
}
.relatedproject .title p.sub{
	font-size: 15px;
	line-height: 15px;
	color: #ffffff;
	font-weight: 400;
}
.relatedproject .cat{
	position: absolute;
	bottom:0;
	right:0;	
	background-image: url('/images/design/home/event/line.png');
	background-position: 0px 0px;
    padding: 0 10px 0 24px;
	background-repeat: no-repeat;
	font-size: 15px;
	line-height: 24px;
	color: #ffffff;
	text-align: right;
	
}

/* end projecten */

/* diensten */
.dienstenoverzicht li{
	padding:1% 0;
}
.dienstenoverzicht h2{
	background:none;
    padding: 10px 10px 10px 0px;
    font-size: 24px;
    line-height: 28px;
    text-transform: uppercase;
    font-weight: 600;
	color: #C8314D;
}
.dienstenoverzicht h3{
	background:none;
    padding: 10px 10px 10px 0px;
    font-size: 24px;
    line-height: 28px;
    text-transform: uppercase;
    font-weight: 600;
}

.dienstenoverzicht p{
	margin: 0;
	padding:0 0 10px 0;
	font-size: 16px;
	line-height: 20px;
	font-weight: 400;
	
}
/* Klanten*/
.klantoverzicht{
	position: relative;
}

.klantoverzicht .klant{
	float: left;
	width:16.6%;
	opacity:0.6;
	padding:15px 0;
}
.klantoverzicht .klant:hover{opacity:1;}

.klantoverzicht .klant img{
	width:70%;
	height: auto;
	margin:0 auto;
	display: block;
}
/* paginas */

.detail h2{
	background:none;
    padding: 10px 10px 10px 0px;
    font-size: 24px;
    line-height: 28px;
    text-transform: uppercase;
    font-weight: 600;
	color: #C8314D;
}
.detail h3{
	background:none;
    padding: 10px 10px 10px 0px;
    font-size: 24px;
    line-height: 28px;
    text-transform: uppercase;
    font-weight: 600;
}

.detail p{
	margin: 0;
	padding: 5px 0 10px 0;
	font-size: 16px;
	line-height: 20px;
	font-weight: 400;
	
}
.detail ul{
	padding: 0 0 15px 0;
	font-size: 16px;
	line-height: 20px;
	font-weight: 400;
}

.detail li{
	list-style-type: disc;
	padding:5px 0 0 5px;
	margin:0 0 0 20px;
}


.detail .maps{
	position: relative;
	padding-bottom: 50%; /* 16:9 */
	height: 0;
}
.detail .maps iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
/* Over Ons */
.hidden{
	display: none;
}
.over_ons{
	
}
.over_ons .intro p{
	padding:5px 0px 10px 0;
	font-size: 15px;
	line-height: 20px;
	font-weight: 400;	
}
.over_ons .memberlist {
	position: relative;
	padding-bottom:30px; 
}
.over_ons .memberlist .col12, .over_ons .memberlist .col22{
	padding:0 0 10px 0;
}

.over_ons .memberlist .memberthumb{
	float: left;
	width:33%;
	padding:0 2% 0 0;
}
.over_ons .memberlist .introthumb{
	float: left;
	width:33%;
	padding:0 2% 0 0;
}
.over_ons .memberlist .right{
	float: right;
	padding:0 0 0 2%;
}
.over_ons .memberlist .introdesc {
	float: right;
	padding:0 0 15px 2%;
	width:62%;
}

.over_ons .memberlist .memberdescright {margin-left:35%;}
.over_ons .memberlist  h2{
	background:none;
    padding: 10px 0px 0px 0px;
    font-size: 20px;
    line-height: 24px;
    text-transform: none;
    font-weight: 400;
	color: #C8314D;
}
.over_ons .memberlist  h3{
	background:none;
    padding: 0 ;
	font-size: 16px;
	line-height: 20px;
    text-transform: none;
    font-weight: 600;
	color: #343435;
}

.over_ons .memberlist p{
	margin: 0;
	padding: 5px 0 10px 0;
	font-size: 16px;
	line-height: 20px;
	font-weight: 400;
	
	
}

.over_ons .memberlist a{color:#C8314D;}
.over_ons .memberlist ul{
	padding: 0 0 15px 0;
	font-size: 16px;
	line-height: 20px;
	font-weight: 400;
}

.over_ons .memberlist li{
	list-style-type: disc;
	padding:5px 0 0 5px;
	margin:0 0 0 20px;
}
.over_ons .memberlist .memberthumb img{
	width: 95%;
	height: auto;
	margin: 0 auto 0 0;
	
}
.over_ons .memberlist .introthumb img{
	width: 100%;
	height: auto;
	margin: 0 auto 0 0;
	
}
.over_ons .memberdetail {
	position: relative;
	float: left;
	width:40%;
}

.lb-data .lb-caption {
	
	padding:5px 0px 10px 0;
	font-size: 15px;
	line-height: 20px;
	font-weight: 400;	
}

.lb-data .lb-caption span{
	padding: 0;
	font-size: 12px;
	line-height: 20px;
	font-weight: 400;	
}

/*cookie*/

 .cookie{
	position: fixed;
	bottom:0;
	left:0;
	right: 0;
	background: #C8314D;
	border-top: 1px solid #ffffff;
	padding: 1% 2%;
	z-index:99;
	display: none;
}
.cookie h3{
	background:none;
    padding: 10px 10px 10px 0px;
    font-size: 24px;
    line-height: 28px;
    text-transform: uppercase;
    font-weight: 600;
	color: #ffffff;
	
}
 .cookie p{
	padding:5px 0 10px 0;
	color: #ffffff;
	width:90%;
}

 .cookie a{
	text-decoration: underline;
	color: #ffffff;
}
.cookie .button{
	border:1px solid #ffffff;
	background: #ffffff;
	border-radius: 5px;
	display:inline-block;
	cursor: pointer;
	position: absolute;
	bottom: 15px;
	right: 15px;
}
.cookie .button p{
	text-align: left;
    font-size: 16px;
    line-height: 16px;
	color: #C8314D;
	margin:2px 5px 0 5px;
	padding:5px;
	width:100%;
	font-weight: 600;
}

/* footer */

.footer{
	position: relative;
	margin: 30px auto 0 auto;
	width:100%;
	background: #C8314D;
    padding: 15px 0 30px 0;
	color: #ffffff;
	font-family: 'Neutraface Text';
}

::-moz-selection { /* Code for Firefox */
  color: #C8314D;
  background: #ffffff;
}

::selection {
  color: #C8314D;
  background: #ffffff;
}
.footer h1{
	background-image: url('/images/design/schuin_w.png');
	color: #ffffff;
	padding-top:10px;
	background-position: 0 14px;
}
.footer .mar{
	margin:0 10%;
}
.footer .socials img{
	width:auto;
	height: 30px;
}
.footer .socials {
	color: #fefefe;
	padding-top:11px;
	margin-left:-1.3%;
}
.footer a {
	color: inherit;
	text-decoration: underline;
}
.footer p{
	line-height: 20px;
	padding: 10px 0;
	
}
/* end-footer */

@media only screen and (max-width: 775px) {
	
	
	.logo{
		float: left;
		padding:5px 0;
	}
	.logo img{
		height:40px;
		width: auto;
	}
	.mobile{
		display: block;	
		float:right;
		width: 50%;
		padding:5px 0;
		background-color: #fefafa;
	}
	.mobile ul{
		list-style-type: none;
		text-align: left;
		display: none;
	}
	.mobile li{
		display: block;

		/*border-top:1px solid #E3E4EA;*/
	}
	.mobile li.item a{
		padding:5px 10px;
	}
	.mobile .active{
		font-size: 18px;
		height:18px;
		color:#C8314D;
		padding:11px 10px;
		text-transform: uppercase;
		background-image: url("/images/design/ham.svg");
		background-position: right 10px top ;
		background-repeat: no-repeat;
		background-color: none!important;
	}
	
	.mobile a{
		font-size: 18px;
		color:#C8314D;
		padding:3px 5px;
		text-transform: uppercase;
		display: block;
		text-align: left;
	}
	.mobile a:hover{
		background-color: #C8314D !important;
		color:#FFFFFF;
	}

	.menu{display:none;}
	
	.col12, .col22{
		display: block;
		vertical-align: top;
		width: 100%;
	}
	.footer .col22{float:left;}
	.col3,.col31,.col32,.col33{
		display: block;
		vertical-align: top;
		width: 100%;
	}
	.colmar3{
		display: none;
	}
	
	/*klanten*/
	.klantoverzicht .klant{width:33.3%;}
}


@media only screen and (max-width: 675px) {
	
	.center{
		margin: 0 auto;
		width: 90%;
		max-width:1200px;
	}
	.slidecontainer .title{
		bottom: 15%;
	}
	.slidecontainer .title h1{
		font-size: 30px;
		line-height: 34px;
   		padding: 15px 10px 0px 20px;
	}
	.slidecontainer .title h2{
		background: none;
		font-size: 20px;
		line-height: 20px;
   		padding: 15px 10px 0px 20px;
	}
	
	.over_ons .memberlist .introthumb{
		float: none;
		width:100%;
		padding:0 ;
	}
	.over_ons .memberlist .introdesc {
		float: none;
		width:100%;
		padding:0 ;
	}
}
@media only screen and (max-width: 480px) {
	
	.mobile{
		display: block;	
		position: relative;
		padding:5px 0;
		width: 100%;
	}
	.mobile .active{
		text-align: right;
		background-image: url("/images/design/ham.svg");
		background-position: left 10px top ;
		background-repeat: no-repeat;
		background-color: none!important;
	}
	.mobile a{
		text-align: right;
	}
/* Home */

	.projectitemssmall .title{
		position: absolute;
		bottom:35%;
		left:5%;
	}
	
	.projectitem .item .title p{
		font-size: 25px;
		line-height: 30px;
		color: #ffffff;
		font-weight: 600;
	}
	.projectitem .item .title p.sub{
		font-size: 18px;
		line-height: 22px;
		color: #ffffff;
		font-weight: 600;
	}
	.projectitemssmall .title p{
		font-size: 15px;
		line-height: 20px;
		color: #ffffff;
		font-weight: 600;
	}
	.projectitemssmall .title p.sub{
		font-size: 12px;
		line-height: 15px;
		color: #ffffff;
		font-weight: 400;
	}


	/*categoriepagina	*/
	.all{
		padding: 0 0 0 0;
		float: none;
	}
	
	
	.over_ons .memberlist .introthumb, .over_ons .memberlist .right, .over_ons .memberlist .left{
		float: none;
		width:70%;
		padding:0;
		display: block;
		margin: 0 auto;
	}

	.over_ons .memberlist .memberdescright {margin-left:0;}

}