@charset "utf-8";
/* CSS Document */
*{
	margin:0px;
	padding:0px;
	}

#canvas{}

	
/*============================================= HEAD =============================================== */

#head_holder{
	position:relative;
	width:100%;
}
#head{
	position:relative;
	padding-left:20px;
	max-width:1260px;
	margin:0 auto;
	padding-top:75px;
/*	background-color: #0F0;*/
}

/* Extra small devices (phones, 600px and down) Telefoons 600 en kleiner*/
@media only screen and (max-width: 600px) {
	#head img {
		width:300px;
	}
}
/* Small devices (portrait tablets and large phones, 600px and up) Tablets (portret) 600 en groter*/
@media only screen and (min-width: 600px) {
	#head img {
		width:300px;
	}
}
/* Medium devices (landscape tablets, 768px and up) Tablets (landscape) 768 en groter */
@media only screen and (min-width: 768px) {
	#head img {
		width:300px;
	}
}
/* Large devices (laptops/desktops, 992px and up) Laptop en desktops 992 en groter*/
@media only screen and (min-width: 992px) {
	#head img {
		width:300px;
	}
}
/* Extra large devices (large laptops and desktops, 1200px and up) Grootte schermen 1200 en groter*/
@media only screen and (min-width: 1280px) {
	#head img {
		width:300px;
	}
}

/*============================================= MENU =============================================== */

#menu_holder{
	position:relative;
	width:100%;
}
#menu{
	position:relative;
	top:-50px;
	max-width:1280px;
	margin:0 auto;
}


#menu__toggle {
  opacity: 0;
}
#menu__toggle:checked + .menu__btn > span {
  transform: rotate(45deg);
}
#menu__toggle:checked + .menu__btn > span::before {
  top: 0;
  transform: rotate(0deg);
}
#menu__toggle:checked + .menu__btn > span::after {
  top: 0;
  transform: rotate(90deg);
}
#menu__toggle:checked ~ .menu__box {
  right: 0 !important;
}


/* Extra small devices (phones, 600px and down) Telefoons 600 en kleiner*/
@media only screen and (max-width: 600px) {
.menu__btn {
  /*position: fixed;*/
  position:relative;
  float:right;
  top: 30px;
  right: 20px;
  width: 30px;
  height: 50px;
  cursor: pointer;
  z-index: 200;
}
}
/* Small devices (portrait tablets and large phones, 600px and up) Tablets (portret) 600 en groter*/
@media only screen and (min-width: 600px) {
.menu__btn {
  /*position: fixed;*/
  position:relative;
  float:right;
  top: 30px;
  right: 20px;
  width: 30px; 
  height: 50px;
  cursor: pointer;
  z-index: 200;
}
}
/* Medium devices (landscape tablets, 768px and up) Tablets (landscape) 768 en groter */
@media only screen and (min-width: 768px) {
}
/* Large devices (laptops/desktops, 992px and up) Laptop en desktops 992 en groter*/
@media only screen and (min-width: 992px) {
}
/* Extra large devices (large laptops and desktops, 1200px and up) Grootte schermen 1200 en groter*/
@media only screen and (min-width: 1280px) {
}
.menu__btn > span,
.menu__btn > span::before,
.menu__btn > span::after {
  display: block;
  position: absolute;
  width: 100%;
  height: 5px;
  background-color: #000;
  transition-duration: .50s;
}
.menu__btn > span::before {
  content: '';
  top: -10px;
}
.menu__btn > span::after {
  content: '';
  top: 10px;
}
.menu__box {
	display: block;
	position: fixed;
	top: 0;
	right: -100%;
	width: 300px;
	height: 100%;
	margin: 0;
	padding: 80px 0;
	list-style: none;
	background-color: #FFFFFF;
	box-shadow: 2px 2px 6px rgba(0, 0, 0, .4);
	transition-duration: .25s;
	z-index: 100;
}
.menu__item {
	position:relative;
	top:50px;
  display: block;
  padding: 12px 24px;
  color: #333;
  font-family: 'Roboto', sans-serif;
  font-size: 18px;
  font-weight: 600;
  text-decoration: none;
  transition-duration: .50s;
}
.menu__item:hover {
  background-color: #CFD8DC;
}


/*============================================= MAIN =============================================== */

#main_holder{
	position:relative;
	width:100%;
	padding-top:75px;
	padding-bottom:75px;
	z-index: 1;
}

#main, #maincms{
	position:relative;
	max-width:1260px;
	margin:0 auto;
	font-family:Arial, Helvetica, sans-serif;
}
#main.row::after{
	content: "";
	clear: both;
	display: table;
}
#main [class*="col-"]{
	float: left;
	/*padding-bottom:20px;*/
}

/* Extra small devices (phones, 600px and down) Telefoons 600 en kleiner*/
@media only screen and (max-width: 600px) {
	#main .col-xs-1 {width: 8.33%;}
	#main .col-xs-2 {width: 16.66%;}
	#main .col-xs-3 {width: 25%;}
	#main .col-xs-4 {width: 33.33%;}
	#main .col-xs-5 {width: 41.66%;}
	#main .col-xs-6 {width: 50%;}
	#main .col-xs-7 {width: 58.33%;}
	#main .col-xs-8 {width: 66.66%;}
	#main .col-xs-9 {width: 75%;}
	#main .col-xs-10 {width: 83.33%;}
	#main .col-xs-11 {width: 91.66%;}
	#main .col-xs-12 {width: 100%;}
	#main{
		/*background-color: #F0F;*/
	}	
	.vierk img{
		max-width:101.4%;
		min-height: 121px;
		
	}
	
	.langw img{
		max-width:99.9%;
	}

	.marg{
	margin-left:5px;
	margin-right:5px;
/*	margin-bottom:5px;
	margin-top:5px;*/
	}
}
/* Small devices (portrait tablets and large phones, 600px and up) Tablets (portret) 600 en groter*/
@media only screen and (min-width: 600px) {
	#main .col-s-1 {width: 8.33%;}
	#main .col-s-2 {width: 16.66%;}
	#main .col-s-3 {width: 25%;}
	#main .col-s-4 {width: 33.33%;}
	#main .col-s-5 {width: 41.66%;}
	#main .col-s-6 {width: 50%;}
	#main .col-s-7 {width: 58.33%;}
	#main .col-s-8 {width: 66.66%;}
	#main .col-s-9 {width: 75%;}
	#main .col-s-10 {width: 83.33%;}
	#main .col-s-11 {width: 91.66%;}
	#main .col-s-12 {width: 100%;}
	#main{
		/*background-color: #0FF;*/
	}	
	.vierk img{
		max-width:101.5%;
		min-height: 236px;
		
	}
	
	.langw img{
		max-width:99.9%;

		
	}
.marg{
	margin-left:5px;
	margin-right:5px;
	margin-bottom:5px;
	margin-top:5px;
	
	}
	
}
/* Medium devices (landscape tablets, 768px and up) Tablets (landscape) 768 en groter */
@media only screen and (min-width: 768px) {
	#main .col-m-1 {width: 8.33%;}
	#main .col-m-2 {width: 16.66%;}
	#main .col-m-3 {width: 25%;}
	#main .col-m-4 {width: 33.33%;}
	#main .col-m-5 {width: 41.66%;}
	#main .col-m-6 {width: 50%;}
	#main .col-m-7 {width: 58.33%;}
	#main .col-m-8 {width: 66.66%;}
	#main .col-m-9 {width: 75%;}
	#main .col-m-10 {width: 83.33%;}
	#main .col-m-11 {width: 91.66%;}
	#main .col-m-12 {width: 100%;}
	#main{
		/*background-color: #FF0;*/
	}	
	.vierk img{
		max-width:101.5%;
		min-height: 250px;
		
	}
	
	.langw img{
		max-width:99.9%;

		
	}
.marg{
	margin-left:6px;
	margin-right:6px;
	margin-bottom:6px;
	margin-top:6px;
	
	}

}
/* Large devices (laptops/desktops, 992px and up) Laptop en desktops 992 en groter*/
@media only screen and (min-width: 992px) {
	#main .col-l-1 {width: 8.33%;}
	#main .col-l-2 {width: 16.66%;}
	#main .col-l-3 {width: 25%;}
	#main .col-l-4 {width: 33.33%;}
	#main .col-l-5 {width: 41.66%;}
	#main .col-l-6 {width: 50%;}
	#main .col-l-7 {width: 58.33%;}
	#main .col-l-8 {width: 66.66%;}
	#main .col-l-9 {width: 75%;}
	#main .col-l-10 {width: 83.33%;}
	#main .col-l-11 {width: 91.66%;}
	#main .col-l-12 {width: 100%;}
	#main{
		/*background-color: #00F;*/
	}	
	.vierk img{
		max-width:101.5%;
		min-height: 335px;
	}
	
	.langw img{
		max-width:99.9%;

		
	}
.marg{
	margin-left:6px;
	margin-right:6px;
	margin-bottom:6px;
	margin-top:6px;
	
	}
	

}
/* Extra large devices (large laptops and desktops, 1200px and up) Grootte schermen 1200 en groter*/
@media only screen and (min-width: 1280px) {
	#main .col-xl-1 {width: 8.33%;}
	#main .col-xl-2 {width: 16.66%;}
	#main .col-xl-3 {width: 25%;}
	#main .col-xl-4 {width: 33.33%;}
	#main .col-xl-5 {width: 41.66%;}
	#main .col-xl-6 {width: 50%;}
	#main .col-xl-7 {width: 58.33%;}
	#main .col-xl-8 {width: 66.66%;}
	#main .col-xl-9 {width: 75%;}
	#main .col-xl-10 {width: 83.33%;}
	#main .col-xl-11 {width: 91.66%;}
	#main .col-xl-12 {width: 100%;}	

	#main{
		/*background-color:#0F0;*/
	}	
	.vierk img{
		max-width:101%;
		min-height: 414px;
	}
	
	.langw img{
		max-width:99.9%;
		
	}
.marg{
	margin-left:6px;
	margin-right:6px;
	margin-bottom:7px;
	margin-top:7px;
	
	}

}
.een{
	float:left;
	}
.twee{
	float:right;}
.drie{
	float:left;}
.vier{
	float:right;}

/*============================================= CMS INLOG BAND =============================================== */

#log{
	position:fixed;
	top:0px;
	background-color:#F00;
	width:100%;
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	border-bottom: dashed #FFFFFF thick;
	padding-top:20px;
	padding-bottom:20px;
	text-align:center;
	z-index:90000;
}
#log a{
	color:#FFFFFF;
	text-decoration:none;
}
#log a:hover{
	text-decoration:underline;
}

/*============================================= rollover =============================================== */
.box {
	background-size: cover;
	color: #fff;
	position: relative;
	text-align: center;
	height: auto;
	width: auto;
}
.box a {
	color:#FFF;
	text-decoration:none;
	
}
.box__text {
	text-align:left;
	/*background-color: rgba(0,0,0,0.5);*/
	opacity: 0;
	left:-10px;
	transition: opacity 0.25s ease-in;
	width: 100%;
	padding-top:0px;
}
.box:hover .box__text {
  opacity: 1;
}
#info{
	position:relative;
	top:-24px;
	left:0px;
	font-size:12px;
	color:#FFFFFF;
	padding:10px;
	margin-bottom:-35px;	
	}
	
/*============================================= FOOTER =============================================== */
#footer_holder{
	position:relative;
	width:100%;
	padding-top:75px;
	color: #000;
	margin-bottom:-100px;
}

#footer{
	position:relative;
	max-width:1260px;
	margin:0 auto;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height:25px;
}

#footer a{
	text-decoration:none;
	color: #000;
}
#footer a:hover{
	text-decoration:underline;
}


#footer.row::after{
	content: "";
	clear: both;
	display: table;
}
#footer [class*="col-"]{
	float: left;
	padding-bottom:20px;
}

/* Extra small devices (phones, 600px and down) Telefoons 600 en kleiner*/
@media only screen and (max-width: 600px) {
	#footer .col-xs-1 {width: 8.33%;}
	#footer .col-xs-2 {width: 16.66%;}
	#footer .col-xs-3 {width: 25%;}
	#footer .col-xs-4 {width: 33.33%;}
	#footer .col-xs-5 {width: 41.66%;}
	#footer .col-xs-6 {width: 50%;}
	#footer .col-xs-7 {width: 58.33%;}
	#footer .col-xs-8 {width: 66.66%;}
	#footer .col-xs-9 {width: 75%;}
	#footer .col-xs-10 {width: 83.33%;}
	#footer .col-xs-11 {width: 91.66%;}
	#footer .col-xs-12 {width: 100%;}
}
/* Small devices (portrait tablets and large phones, 600px and up) Tablets (portret) 600 en groter*/
@media only screen and (min-width: 600px) {
	#footer .col-s-1 {width: 8.33%;}
	#footer .col-s-2 {width: 16.66%;}
	#footer .col-s-3 {width: 25%;}
	#footer .col-s-4 {width: 33.33%;}
	#footer .col-s-5 {width: 41.66%;}
	#footer .col-s-6 {width: 50%;}
	#footer .col-s-7 {width: 58.33%;}
	#footer .col-s-8 {width: 66.66%;}
	#footer .col-s-9 {width: 75%;}
	#footer .col-s-10 {width: 83.33%;}
	#footer .col-s-11 {width: 91.66%;}
	#footer .col-s-12 {width: 100%;}
}
/* Medium devices (landscape tablets, 768px and up) Tablets (landscape) 768 en groter */
@media only screen and (min-width: 768px) {
	#footer .col-m-1 {width: 8.33%;}
	#footer .col-m-2 {width: 16.66%;}
	#footer .col-m-3 {width: 25%;}
	#footer .col-m-4 {width: 33.33%;}
	#footer .col-m-5 {width: 41.66%;}
	#footer .col-m-6 {width: 50%;}
	#footer .col-m-7 {width: 58.33%;}
	#footer .col-m-8 {width: 66.66%;}
	#footer .col-m-9 {width: 75%;}
	#footer .col-m-10 {width: 83.33%;}
	#footer .col-m-11 {width: 91.66%;}
	#footer .col-m-12 {width: 100%;}
}
/* Large devices (laptops/desktops, 992px and up) Laptop en desktops 992 en groter*/
@media only screen and (min-width: 992px) {
	#footer .col-l-1 {width: 8.33%;}
	#footer .col-l-2 {width: 16.66%;}
	#footer .col-l-3 {width: 25%;}
	#footer .col-l-4 {width: 33.33%;}
	#footer .col-l-5 {width: 41.66%;}
	#footer .col-l-6 {width: 50%;}
	#footer .col-l-7 {width: 58.33%;}
	#footer .col-l-8 {width: 66.66%;}
	#footer .col-l-9 {width: 75%;}
	#footer .col-l-10 {width: 83.33%;}
	#footer .col-l-11 {width: 91.66%;}
	#footer .col-l-12 {width: 100%;}
}
/* Extra large devices (large laptops and desktops, 1200px and up) Grootte schermen 1200 en groter*/
@media only screen and (min-width: 1280px) {
	#footer .col-xl-1 {width: 8.33%;}
	#footer .col-xl-2 {width: 16.66%;}
	#footer .col-xl-3 {width: 25%;}
	#footer .col-xl-4 {width: 33.33%;}
	#footer .col-xl-5 {width: 41.66%;}
	#footer .col-xl-6 {width: 50%;}
	#footer .col-xl-7 {width: 58.33%;}
	#footer .col-xl-8 {width: 66.66%;}
	#footer .col-xl-9 {width: 75%;}
	#footer .col-xl-10 {width: 83.33%;}
	#footer .col-xl-11 {width: 91.66%;}
	#footer .col-xl-12 {width: 100%;}	
}

#footer .logo{
	font-family: 'Sedgwick Ave Display', cursive;
	font-size: 15px;
	text-decoration:none;
	color: #FFF;
}
#footer a.logo{
	color: #000;
}

#footer .logo:hover {
	color: #F0F;
	text-decoration:none;
}


.space{ 
	padding:20px;
}

.centre{
	text-align:center;
	font-size:12px;
}

.centre a{
	text-decoration:none;
	color:#000000;
}
.centre a:hover{
	text-decoration:underline;
	color:#000000;
}

.fyrsig{
	position:relative;
	top:2px;
	padding-right:5px;
	font-size: 18px;
	font-weight:bold;
}
/*============================================= CMS =============================================== */
#main_holder_cms{
	position:relative;
	width:100%;
	padding-top:50px;
	padding-bottom:75px;
}

#main_holder_cms form {
	text-align:left;
	padding-bottom:20px;
	min-height:250px;
}

#main_holder_cms form input{
	padding:10px;
	margin-left:0px;
	width:100%;
}
#main_holder_cms form input[type=checkbox]{
	padding:10px;
	margin-left:0px;
	width:auto;
}

#main_holder_cms form textarea{
	padding:10px;
	margin-left:0px;
	width:100%;
	
}	
/*============================================= groepjes cms =============================================== */
#pad{
	padding:25px;
	background-color:#FFFFFF;
	border:1px solid #333;
	margin:20px;
	font-family:Arial, Helvetica, sans-serif;
}
#pad ul{
	position:relative;
	top:10px;
	display:inline;
}
#pad ul li{
	display:block;
	line-height:20px;
}
#pad ul li a{
	text-decoration:none;
	color:#000000;
	font-size:15px;
}
#pad ul li a:hover{
	text-decoration:underline;
}
/*============================================= H1's =============================================== */

h1{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 22px;
	padding-bottom:10px;
}
h2{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 22px;
	padding-left:20px;
	padding-bottom:10px;
}
h3{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 22px;
	padding-left:20px;
	padding-bottom:0px;
}
h4{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 22px;
	padding-left:0px;
	padding-bottom:10px;
}
/*============================================= LOGIN CMS =============================================== */

form {
	text-align:center;
	padding-bottom:20px;
	min-height:250px;
}

form input{
	padding:10px;
	margin:10px;
}

form textarea{
	padding:10px;
	margin:10px;
}
/*============================================= CMS thumpnails =============================================== */
#fotos{
	float:left;
	width:100px;
	padding-right:10px;
}

#fotos_del{
	padding: 10px;
	font-size:15px;
	margin-bottom:15px;
	text-align:center;
}

/*============================================= MAIN PROJECTEN=============================================== */

#main_projecten{
	position:relative;
	max-width:1230px;
	margin:0 auto;
	font-family:Arial, Helvetica, sans-serif;
}
	
#main_projecten.row::after{
	content: "";
	clear: both;
	display: table;
}
#main_projecten [class*="col-"]{
	float: left;
}

/* Extra small devices (phones, 600px and down) Telefoons 600 en kleiner*/
@media only screen and (max-width: 600px) {
	#main_projecten .col-xs-1 {width: 8.33%;}
	#main_projecten .col-xs-2 {width: 16.66%;}
	#main_projecten .col-xs-3 {width: 25%;}
	#main_projecten .col-xs-4 {width: 33.33%;}
	#main_projecten .col-xs-5 {width: 41.66%;}
	#main_projecten .col-xs-6 {width: 50%;}
	#main_projecten .col-xs-7 {width: 58.33%;}
	#main_projecten .col-xs-8 {width: 66.66%;}
	#main_projecten .col-xs-9 {width: 75%;}
	#main_projecten .col-xs-10 {width: 83.33%;}
	#main_projecten .col-xs-11 {width: 91.66%;}
	#main_projecten .col-xs-12 {width: 100%;}
	#main_projecten{
		/*background-color: #0FF;*/
		}
	#main_projecten img{
		max-width:100%;
	}
	.margp{
		margin-left:5px;
		margin-right:5px;
		margin-bottom:0px;
		margin-top:5px;
	}
}
/* Small devices (portrait tablets and large phones, 600px and up) Tablets (portret) 600 en groter*/
@media only screen and (min-width: 600px) {
	#main_projecten .col-s-1 {width: 8.33%;}
	#main_projecten .col-s-2 {width: 16.66%;}
	#main_projecten .col-s-3 {width: 25%;}
	#main_projecten .col-s-4 {width: 33.33%;}
	#main_projecten .col-s-5 {width: 41.66%;}
	#main_projecten .col-s-6 {width: 50%;}
	#main_projecten .col-s-7 {width: 58.33%;}
	#main_projecten .col-s-8 {width: 66.66%;}
	#main_projecten .col-s-9 {width: 75%;}
	#main_projecten .col-s-10 {width: 83.33%;}
	#main_projecten .col-s-11 {width: 91.66%;}
	#main_projecten .col-s-12 {width: 100%;}
	#main_projecten{
		/*background-color: #FF0;*/
		}
	#main_projecten img{
		max-width:100%;
	}
	.margp{
		margin-left:5px;
		margin-right:5px;
		margin-bottom:0px;
		margin-top:5px;
	}
}
/* Medium devices (landscape tablets, 768px and up) Tablets (landscape) 768 en groter */
@media only screen and (min-width: 768px) {
	#main_projecten .col-m-1 {width: 8.33%;}
	#main_projecten .col-m-2 {width: 16.66%;}
	#main_projecten .col-m-3 {width: 25%;}
	#main_projecten .col-m-4 {width: 33.33%;}
	#main_projecten .col-m-5 {width: 41.66%;}
	#main_projecten .col-m-6 {width: 50%;}
	#main_projecten .col-m-7 {width: 58.33%;}
	#main_projecten .col-m-8 {width: 66.66%;}
	#main_projecten .col-m-9 {width: 75%;}
	#main_projecten .col-m-10 {width: 83.33%;}
	#main_projecten .col-m-11 {width: 91.66%;}
	#main_projecten .col-m-12 {width: 100%;}
	#main_projecten{
		/*background-color: #00F;*/
		}
	#main_projecten img{
		max-width:100%;
	}
	.margp{
		margin-left:5px;
		margin-right:5px;
		margin-bottom:0px;
		margin-top:5px;
	}
}
/* Large devices (laptops/desktops, 992px and up) Laptop en desktops 992 en groter*/
@media only screen and (min-width: 992px) {
	#main_projecten .col-l-1 {width: 8.33%;}
	#main_projecten .col-l-2 {width: 16.66%;}
	#main_projecten .col-l-3 {width: 25%;}
	#main_projecten .col-l-4 {width: 33.33%;}
	#main_projecten .col-l-5 {width: 41.66%;}
	#main_projecten .col-l-6 {width: 50%;}
	#main_projecten .col-l-7 {width: 58.33%;}
	#main_projecten .col-l-8 {width: 66.66%;}
	#main_projecten .col-l-9 {width: 75%;}
	#main_projecten .col-l-10 {width: 83.33%;}
	#main_projecten .col-l-11 {width: 91.66%;}
	#main_projecten .col-l-12 {width: 100%;}
	#main_projecten{
		/*background-color: #0F0;*/
		}
	#main_projecten img{
		max-width:100%;
	}
	.margp{
		margin-left:5px;
		margin-right:5px;
		margin-bottom:0px;
		margin-top:5px;
	}

}
/* Extra large devices (large laptops and desktops, 1200px and up) Grootte schermen 1200 en groter*/
@media only screen and (min-width: 1280px) {
	#main_projecten .col-xl-1 {width: 8.33%;}
	#main_projecten .col-xl-2 {width: 16.66%;}
	#main_projecten .col-xl-3 {width: 25%;}
	#main_projecten .col-xl-4 {width: 33.33%;}
	#main_projecten .col-xl-5 {width: 41.66%;}
	#main_projecten .col-xl-6 {width: 50%;}
	#main_projecten .col-xl-7 {width: 58.33%;}
	#main_projecten .col-xl-8 {width: 66.66%;}
	#main_projecten .col-xl-9 {width: 75%;}
	#main_projecten .col-xl-10 {width: 83.33%;}
	#main_projecten .col-xl-11 {width: 91.66%;}
	#main_projecten .col-xl-12 {width: 100%;}	
	#main_projecten{
		/*background-color:#F00;		*/
		}

	#main_projecten img{
		max-width:100%;
	}
	.margp{
		margin-left:5px;
		margin-right:5px;
		margin-bottom:0px;
		margin-top:5px;
	}
}


/*============================================= rollover projecten pag =============================================== */
.boxp {
	background-size: cover;
	color: #fff;
	position: relative;
	text-align: center;
	height: auto;
	width: auto;
}
.boxp a {
	color:#FFF;
	text-decoration:none;
	
}
.boxp__text {
	text-align:left;
	opacity: 0;
	left:-10px;
	transition: opacity 0.25s ease-in;
	width: 100%;
	padding-top:0px;
}
.boxp:hover .boxp__text {
  opacity: 1;
}
#infop{
	position:relative;
	top:-34px;
	left:0px;
	font-size:12px;
	color:#FFFFFF;
	padding:10px;
	margin-bottom:-35px;	
}
/*============================================= MAIN PROJECT=============================================== */
#main_project{
	position:relative;
	max-width:1240px;
	margin:0 auto;
	font-family:Arial, Helvetica, sans-serif;
	/*background-color:#FFFF00;*/
}
	
#main_project.row::after{
	content: "";
	clear: both;
	display: table;
}
#main_project [class*="col-"]{
	float: left;
}

/* Extra small devices (phones, 600px and down) Telefoons 600 en kleiner*/
@media only screen and (max-width: 600px) {
	#main_project .col-xs-1 {width: 8.33%;}
	#main_project .col-xs-2 {width: 16.66%;}
	#main_project .col-xs-3 {width: 25%;}
	#main_project .col-xs-4 {width: 33.33%;}
	#main_project .col-xs-5 {width: 41.66%;}
	#main_project .col-xs-6 {width: 50%;}
	#main_project .col-xs-7 {width: 58.33%;}
	#main_project .col-xs-8 {width: 66.66%;}
	#main_project .col-xs-9 {width: 75%;}
	#main_project .col-xs-10 {width: 83.33%;}
	#main_project .col-xs-11 {width: 91.66%;}
	#main_project .col-xs-12 {width: 100%;}
}
/* Small devices (portrait tablets and large phones, 600px and up) Tablets (portret) 600 en groter*/
@media only screen and (min-width: 600px) {
	#main_project .col-s-1 {width: 8.33%;}
	#main_project .col-s-2 {width: 16.66%;}
	#main_project .col-s-3 {width: 25%;}
	#main_project .col-s-4 {width: 33.33%;}
	#main_project .col-s-5 {width: 41.66%;}
	#main_project .col-s-6 {width: 50%;}
	#main_project .col-s-7 {width: 58.33%;}
	#main_project .col-s-8 {width: 66.66%;}
	#main_project .col-s-9 {width: 75%;}
	#main_project .col-s-10 {width: 83.33%;}
	#main_project .col-s-11 {width: 91.66%;}
	#main_project .col-s-12 {width: 100%;}

}
/* Medium devices (landscape tablets, 768px and up) Tablets (landscape) 768 en groter */
@media only screen and (min-width: 768px) {
	#main_project .col-m-1 {width: 8.33%;}
	#main_project .col-m-2 {width: 16.66%;}
	#main_project .col-m-3 {width: 25%;}
	#main_project .col-m-4 {width: 33.33%;}
	#main_project .col-m-5 {width: 41.66%;}
	#main_project .col-m-6 {width: 50%;}
	#main_project .col-m-7 {width: 58.33%;}
	#main_project .col-m-8 {width: 66.66%;}
	#main_project .col-m-9 {width: 75%;}
	#main_project .col-m-10 {width: 83.33%;}
	#main_project .col-m-11 {width: 91.66%;}
	#main_project .col-m-12 {width: 100%;}

}
/* Large devices (laptops/desktops, 992px and up) Laptop en desktops 992 en groter*/
@media only screen and (min-width: 992px) {
	#main_project .col-l-1 {width: 8.33%;}
	#main_project .col-l-2 {width: 16.66%;}
	#main_project .col-l-3 {width: 25%;}
	#main_project .col-l-4 {width: 33.33%;}
	#main_project .col-l-5 {width: 41.66%;}
	#main_project .col-l-6 {width: 50%;}
	#main_project .col-l-7 {width: 58.33%;}
	#main_project .col-l-8 {width: 66.66%;}
	#main_project .col-l-9 {width: 75%;}
	#main_project .col-l-10 {width: 83.33%;}
	#main_project .col-l-11 {width: 91.66%;}
	#main_project .col-l-12 {width: 100%;}


}
/* Extra large devices (large laptops and desktops, 1200px and up) Grootte schermen 1200 en groter*/
@media only screen and (min-width: 1280px) {
	#main_project .col-xl-1 {width: 8.33%;}
	#main_project .col-xl-2 {width: 16.66%;}
	#main_project .col-xl-3 {width: 25%;}
	#main_project .col-xl-4 {width: 33.33%;}
	#main_project .col-xl-5 {width: 41.66%;}
	#main_project .col-xl-6 {width: 50%;}
	#main_project .col-xl-7 {width: 58.33%;}
	#main_project .col-xl-8 {width: 66.66%;}
	#main_project .col-xl-9 {width: 75%;}
	#main_project .col-xl-10 {width: 83.33%;}
	#main_project .col-xl-11 {width: 91.66%;}
	#main_project .col-xl-12 {width: 100%;}	

}
#main_project img{
	max-width:100%;
}

.margeproj{
	margin-left:5px;
	margin-right:5px;
	margin-bottom:10px;
}

.margeproject{
	padding-left:20px;
	padding-right:20px;
	padding-bottom:20px;
}
	
.link{
	padding-right: 10px;
	text-decoration:none;
}
.link a{
	color:#000000;
}

.fobo{
	position:relative;
	left:-5px;
		margin-left:5px;
	margin-right:5px;
	margin-bottom:10px;

	}
/*============================================= MAIN CONTACT=============================================== */
.margecontact{
	padding-left:20px;
	padding-right:20px;
	padding-bottom:20px;
	padding-top:20px;
	/*background-color:#F00;*/
}
#main_contact img{
	max-width:100%;
}
#main_contact{
	position:relative;
	max-width:1260px;
	margin:0 auto;
	font-family:Arial, Helvetica, sans-serif;
}
	
#main_contact.row::after{
	content: "";
	clear: both;
	display: table;
}
#main_contact [class*="col-"]{
	float: left;
}

/* Extra small devices (phones, 600px and down) Telefoons 600 en kleiner*/
@media only screen and (max-width: 600px) {
	#main_contact .col-xs-1 {width: 8.33%;}
	#main_contact .col-xs-2 {width: 16.66%;}
	#main_contact .col-xs-3 {width: 25%;}
	#main_contact .col-xs-4 {width: 33.33%;}
	#main_contact .col-xs-5 {width: 41.66%;}
	#main_contact .col-xs-6 {width: 50%;}
	#main_contact .col-xs-7 {width: 58.33%;}
	#main_contact .col-xs-8 {width: 66.66%;}
	#main_contact .col-xs-9 {width: 75%;}
	#main_contact .col-xs-10 {width: 83.33%;}
	#main_contact .col-xs-11 {width: 91.66%;}
	#main_contact .col-xs-12 {width: 100%;}
}
/* Small devices (portrait tablets and large phones, 600px and up) Tablets (portret) 600 en groter*/
@media only screen and (min-width: 600px) {
	#main_contact .col-s-1 {width: 8.33%;}
	#main_contact .col-s-2 {width: 16.66%;}
	#main_contact .col-s-3 {width: 25%;}
	#main_contact .col-s-4 {width: 33.33%;}
	#main_contact .col-s-5 {width: 41.66%;}
	#main_contact .col-s-6 {width: 50%;}
	#main_contact .col-s-7 {width: 58.33%;}
	#main_contact .col-s-8 {width: 66.66%;}
	#main_contact .col-s-9 {width: 75%;}
	#main_contact .col-s-10 {width: 83.33%;}
	#main_contact .col-s-11 {width: 91.66%;}
	#main_contact .col-s-12 {width: 100%;}
}
/* Medium devices (landscape tablets, 768px and up) Tablets (landscape) 768 en groter */
@media only screen and (min-width: 768px) {
	#main_contact .col-m-1 {width: 8.33%;}
	#main_contact .col-m-2 {width: 16.66%;}
	#main_contact .col-m-3 {width: 25%;}
	#main_contact .col-m-4 {width: 33.33%;}
	#main_contact .col-m-5 {width: 41.66%;}
	#main_contact .col-m-6 {width: 50%;}
	#main_contact .col-m-7 {width: 58.33%;}
	#main_contact .col-m-8 {width: 66.66%;}
	#main_contact .col-m-9 {width: 75%;}
	#main_contact .col-m-10 {width: 83.33%;}
	#main_contact .col-m-11 {width: 91.66%;}
	#main_contact .col-m-12 {width: 100%;}
}
/* Large devices (laptops/desktops, 992px and up) Laptop en desktops 992 en groter*/
@media only screen and (min-width: 992px) {
	#main_contact .col-l-1 {width: 8.33%;}
	#main_contact .col-l-2 {width: 16.66%;}
	#main_contact .col-l-3 {width: 25%;}
	#main_contact .col-l-4 {width: 33.33%;}
	#main_contact .col-l-5 {width: 41.66%;}
	#main_contact .col-l-6 {width: 50%;}
	#main_contact .col-l-7 {width: 58.33%;}
	#main_contact .col-l-8 {width: 66.66%;}
	#main_contact .col-l-9 {width: 75%;}
	#main_contact .col-l-10 {width: 83.33%;}
	#main_contact .col-l-11 {width: 91.66%;}
	#main_contact .col-l-12 {width: 100%;}

}
/* Extra large devices (large laptops and desktops, 1200px and up) Grootte schermen 1200 en groter*/
@media only screen and (min-width: 1280px) {
	#main_contact .col-xl-1 {width: 8.33%;}
	#main_contact .col-xl-2 {width: 16.66%;}
	#main_contact .col-xl-3 {width: 25%;}
	#main_contact .col-xl-4 {width: 33.33%;}
	#main_contact .col-xl-5 {width: 41.66%;}
	#main_contact .col-xl-6 {width: 50%;}
	#main_contact .col-xl-7 {width: 58.33%;}
	#main_contact .col-xl-8 {width: 66.66%;}
	#main_contact .col-xl-9 {width: 75%;}
	#main_contact .col-xl-10 {width: 83.33%;}
	#main_contact .col-xl-11 {width: 91.66%;}
	#main_contact .col-xl-12 {width: 100%;}	

}

#fotoinfo { float:left;
padding-right:20px;
padding-bottom:20px;
}