/*    ALGEMEENHEDEN      */

 body, html {height: 100%; font-family: 'Arial'; font-size:100%;}
 a.geenkleur, a.geenkleur:visited, a.geenkleur:hover {
 text-decoration: none !important;
  }
	
 a:hover  {
cursor: pointer; cursor: hand; 

}
.hand {cursor: pointer; cursor: hand;}
.standaardtekst{font-size:16px;line-height:1.8em}
.verticaltext {
    transform: rotate(-90deg);
    transform-origin: right, top;
    -ms-transform: rotate(-90deg);
    -ms-transform-origin:right, top;
    -webkit-transform: rotate(-90deg);
    -webkit-transform-origin:right, top;
    color: #ffffff;
		background-color: #000000;
}

#header { 
    position: relative; 
}

/*     FONTS             */
.polaroidfont{font-family: 'Permanent Marker', cursive; font-size:16px; color: #2b2b2b;font-display: swap}
.telefoontjegroot{font-size: 1.7em; float:right; margin-right:0px; margin-top:63px}
.telefoontjeklein{font-size: 1.4em;   margin-top:5px; margin-bottom:0px}
.ondertitelklein{font-size: 1em;}
.ondertitelmedium{font-size: 1em; margin-left:115px;}
.ondertitelgroot{font-size: 1em; margin-left:150px;}
.hoofdcategorie{font-family: 'Roboto', sans-serif; text-decoration:none!important; color:#000000;font-display: swap}
.afb_titel1{font-size:18px;font-weight:600;}
.afb_tekst1{font-size:14px;}
.padding-boven-imgcategorien{padding-top:190px;}

.yall-loaded {
  opacity: 1;
	
  -webkit-transition: opacity 4s ease-in-out;
  -moz-transition: opacity 4s ease-in-out;
  -o-transition: opacity 4s ease-in-out;
  transition: opacity 4s ease-in-out;
	}





/*onderstaande zorgt samen met javascript op einde van pagina dat er meer witruimte aan de top is als men bovenaan de pagina staat. bij scrollen wordt witruimte 10px ipv 30px*/
#fixed-top {background-color:white;
border-top:0px solid white;
transition: 0.2s;}

.bedrijfslogoke{
background-image: url(../afbeeldingen/logo400x100.webp); 
 background-position: center;
		    background-size: cover;
  width:430px;
  height:100px;
  background-repeat: no-repeat;
  background-position: 0px 0px;
	position: relative; 

margin-left:50px;
margin-bottom:20px;
}




.categorietje{
margin-top:80px;
border-right:1px solid grey; 
height:180px; 
position:relative;
border-bottom:5px solid transparent;
}

.categorietje:hover  {
   border-color: #fcb71a; 
   border size: 20px;
}

.categorietje_sub{
position:relative;
border-bottom:5px solid transparent;
}

.categorietje_sub:hover  {
   border-color: #fcb71a; 
   border size: 20px;
}

.item{	cursor: pointer; cursor: hand; 
}



.hoofdcategorie:hover{
color:#fcb71a!important;

}
.hoofdcategorie:visited{
color:#000000;
}

.hoofdcategorie_titel{
font-size:24px!important;
color:black!important;}

.conservering_titel{
font-size:24px!important;}

#map {
        height: 400px;  /* Google Map */
        width: 100%; }

.filter {
  position: relative;
  -webkit-filter: contrast(90%) sepia(20%);
  filter: contrast(90%) sepia(20%);
}
.filter::before {
  content: "";
  display: block;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  position: absolute;
  pointer-events: none;
  mix-blend-mode: overlay;
  background: -webkit-radial-gradient(50% 50%, circle closest-corner, rgba(208, 186, 142, 1) 20, rgba(29, 2, 16, 0.2));
  background: radial-gradient(50% 50%, circle closest-corner, rgba(208, 186, 142, 1) 20, rgba(29, 2, 16, 0.2));
}



/* The hero image */
.topafbeelding {
    /* Use "linear-gradient" to add a darken background effect to the image (photographer.jpg). This will make the text easier to read */
    /*background-image: url("../afbeeldingen/hero5.jpg");*/
    /* Position and center the image to scale nicely on all screens */
    background-position: 0px 0px;
		    background-size: cover;

    background-repeat: no-repeat;
		min-height:220px!important;
		position: relative;
} 

.homepageafbeelding {
padding-top:10px; 
}

.onsbedrijfafbeelding {
    background-image: url("../afbeeldingen/bureel2.webp");
		height:300px;  
}
.vacatureafbeelding {
    background-image: url("../afbeeldingen/lasser.jpg");
		height:300px;  
}

.vacatureafbeelding_technischmedewerker {
    background-image: url("../afbeeldingen/technischmed.jpg");
		height:300px;  
}
.steelserviceafbeelding{
background-image: url("../afbeeldingen/Nieuwe map/steelservicetop.jpg");
height:100px;
background-position: center top;
}
.staalbouwafbeelding{
background-image: url("../afbeeldingen/hero-staalbouw.jpg");
height:100px;
background-position: center top;
}

.conserveringsafbeelding{
padding-top:50px; 
}

.sp-boven-tussentitel-padding{padding-top:100px;}
.sp-boven-tussentitel-border{border-top:100px solid white;}

.tussentitel, .eerste-tussentitel {
    color: #1b1b1b;
    font-family: Open Sans,sans-serif;
		font-size:30px;
}
.eerste-tussentitel {
    margin-top:10px
}




.infobox {
    color: #1b1b1b;
    font-family: Open Sans,sans-serif;
		font-size:15px;
}

.infobox_bottom {
    height: 200px;
}

 
 
 
 
 /*css voor kukuri mouse over link and menuutje van newsarchive*/
 
 .btn-fotoselectie{

 background-color:#ffffff;
 border:none!important;
 font-family: Open Sans,sans-serif;
 font-size: 19px;
	color: #000000;
	background-color:#fc0;
	margin-bottom:5px;
	padding-right:20px;
	width:90%;
	text-align:right;
	overflow:hidden;
 
 }
 
 .btn-fotoselectie:hover {
	color: #yellow;
	cursor: pointer; cursor: hand; 
	padding-right:40px;

}

.btn-fotoselectie2{
 background-color:white!important; 
 border:0px;

 font-family: Open Sans,sans-serif;
 font-size: 19px;
	color: #000000;
	margin-bottom:5px;
	padding-right:10px;
	text-align:center;
 
 }
 
 .btn-fotoselectie2:hover {
	color: #yellow;
	cursor: pointer; cursor: hand; 

}

.portf{
background: #ECE9E6;  /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #FFFFFF, #ECE9E6);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #FFFFFF, #ECE9E6); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

border:1px solid rgba(0,0,0,0.1); 
-webkit-box-shadow: 13px 18px 49px -16px rgba(0,0,0,1);

-moz-box-shadow: 13px 18px 49px -16px rgba(0,0,0,1);

box-shadow: 13px 18px 49px -16px rgba(0,0,0,1);
}

.fotohoogte{max-height:300px!important}

.polaroid-images
{
 		border: 0px!important;
    background: white;
    margin: 0 0px 0px;
    padding: 10px 10px 25px;
    text-align: center;
    text-decoration: none;
    -webkit-box-shadow: 0 4px 6px rgba(0, 0, 0, .3);
    -moz-box-shadow: 0 4px 6px rgba(0,0,0,.3);
    box-shadow: 0 4px 6px rgba(0,0,0,.3);
    -webkit-transition: all .15s linear;
    -moz-transition: all .15s linear;
    transition: all .15s linear;
}







.hvr-underline-from-center {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  overflow: hidden;
}
.hvr-underline-from-center:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 51%;
  right: 51%;
  bottom: 0;
  background: #fcb71a;
  height: 4px;
  -webkit-transition-property: left, right;
  transition-property: left, right;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-underline-from-center:hover:before, .hvr-underline-from-center:focus:before, .hvr-underline-from-center:active:before {
  left: 0;
  right: 0;
}


/* Forward */
.hvr-forward {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.hvr-forward:hover, .hvr-forward:focus, .hvr-forward:active {
  -webkit-transform: translateX(8px);
  transform: translateX(8px);
}

/* Backward */
.hvr-backward {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.hvr-backward:hover, .hvr-backward:focus, .hvr-backward:active {
  -webkit-transform: translateX(-15px);
  transform: translateX(-15px);
}






 
 .nav > li > a:hover, .nav > li > a:focus {
    text-decoration: none;
    background-color: #ffffff;
}

 
 
 .newsitem-arch-jan2017, .newsitem-arch-feb2017, .newsitem-arch-maart2017, .newsitem-arch-april2017, .newsitem-arch-mei2017, .newsitem-arch-juni2017, 
 .newsitem-arch-juli2017, .newsitem-arch-aug2017, .newsitem-arch-sept2017, .newsitem-arch-okt2017, .newsitem-arch-nov2017, .newsitem-arch-dec2017
 {	display:none;  
}
 
	.newsitemrecent {
	display:block;  
	}
 
 .newsitemold {display:none;  
	}
 
 .archivelink {
 border-bottom: 1px solid #58b4e5!important;
 margin-top:5px;
  -webkit-transition:margin-left 0.5s ease-out;
  -moz-transition:margin-left 0.5s ease-out;
  -ms-transition:margin-left 0.5s ease-out;
  -o-transition:margin-left 0.5s ease-out;
  transition:margin-left 1s ease-out;}

.archivelink:hover  {
cursor: pointer; cursor: hand; 

}
 
 /* AANPASSINGEN OP BOOTSTRAP VOOR ALLE FORMATEN   ALSO PORTRAIT PHONES AND SMALLER*/
 
 a, button {
   outline: 0!important;
	 text-decoration: none!important;
}
button::-moz-focus-inner {
  border: 0!important;
}


 
 .filterknoptitel1{
  -webkit-transition:all .3s ease-out;
  -moz-transition:all .3s ease-out;
  -ms-transition:all .3s ease-out;
  -o-transition:all .3s ease-out;
  transition:all .3s ease-out;

	}

.filteranchor1:hover .filterknoptitel1{
  -webkit-transform:translate(0px,-15px);
  -moz-transform:translate(0px,-15px);
  -ms-transform:translate(0px,-15px);
  -o-transform:translate(0px,-15px);
  transform:translate(0px,-15px);

}

 .filterknoptitel2{
  -webkit-transition:all .3s ease-out;
  -moz-transition:all .3s ease-out;
  -ms-transition:all .3s ease-out;
  -o-transition:all .3s ease-out;
  transition:all .3s ease-out;
	  border-bottom: 3px solid transparent;
		font-size:18px!important;
		color: #000000;

	}

.filteranchor2:hover .filterknoptitel2{
  -webkit-transform:translate(0px,-15px);
  -moz-transform:translate(0px,-15px);
  -ms-transform:translate(0px,-15px);
  -o-transform:translate(0px,-15px);
  transform:translate(0px,-15px);
	  border-bottom: 3px solid #000000;
		

}





 
 .filterknop { 
  color: #000000; 
  background-color: #ffffff; 
  border-color: #ffffff; 
} 
 
.filterknop:hover, 
.filterknop:focus, 
.filterknop:active, 
.filterknop.active, 
.open .dropdown-toggle.filterknop { 
  color: #000000; 
  background-color: #FECB00; 
  border-color: #000000; 
} 
 
.filterknop:active, 
.filterknop.active, 
.open .dropdown-toggle.filterknop { 
  background-image: none; 
} 
 
.filterknop.disabled, 
.filterknop[disabled], 
fieldset[disabled] .filterknop, 
.filterknop.disabled:hover, 
.filterknop[disabled]:hover, 
fieldset[disabled] .filterknop:hover, 
.filterknop.disabled:focus, 
.filterknop[disabled]:focus, 
fieldset[disabled] .filterknop:focus, 
.filterknop.disabled:active, 
.filterknop[disabled]:active, 
fieldset[disabled] .filterknop:active, 
.filterknop.disabled.active, 
.filterknop[disabled].active, 
fieldset[disabled] .filterknop.active { 
  background-color: #FECB00; 
  border-color: #FECB00; 
} 
 
.filterknop .badge { 
  color: #FECB00; 
  background-color: #000000; 
}
 
 a {outline: 0!important;}
 
 @font-face {
     font-family: Montserrat;
     src: url(../fonts/Montserrat-Light.otf);
}
 
 .onderlijnmenu {
  background: url(../afbeeldingen/border.jpg) repeat-x;
	padding-bottom:25px;
	border-bottom:0px;
}


.navbar-default {border-bottom:0px!important;}
 
 
/*   -------------------------------------------------------------------------------- Portrait phones and smaller ---------------------------------------- */
/*  ----------SCALING SIZE I------------*/
@media (max-width: 200px) {	.footer {font-size:11px;}}
/*  ----------SCALING SIZE II------------*/
@media (min-width: 201px) and (max-width: 401px)  {	
.footer {font-size:14px;}
.padding-boven-imgcategorien{padding-top:180px;}
}
/*  ----------SCALING SIZE III------------*/
@media (min-width: 401px) {
.footer {font-size:18px;}}
/*  ----------SCALING SIZE IV------------*/
@media (max-width: 575px) {
.padding-boven-imgcategorien{padding-top:0px;
}

.minwidth380{
min-width:380px;}
 
.categorietje{
border-right:0px!important;}
 
.navbar-fixed-top {
position:static!important;  /*fixed = vaste menu bovenaan, static = menu die wegscrolled*/
}

 
 @import url(http://fonts.googleapis.com/css?family=Open+Sans:400,700);


.navbar {
min-height:40px!important;}
.navbar-default {
border:0px;}


 
 .navbar-nav {float: left;
 width:100%;} /*weg indien menu-items niet links moeten floaten*/

 .contacteerons {
font-size:22px;
text-align:center!important;
margin-top:10px;
margin-bottom:10px;
}

/* 
 .contacteerons-alt {
font-size:15px;
margin-top:2px;
margin-bottom:0px;
}
 */
 
.navbar-brand {
padding: 8px 2px; /*positionering van het bedrijfslogo 0px 0px is in top left hoek eerste parameter is afstand van top collapse menu afstand van top is px */	
width:100%}
 
.bedrijfslogo {
width:90%; /*beste oplossing is te werken via de width */
margin-bottom:20px;
margin-left:auto;
margin-right:auto;
display:block!important;
}
/*
.bedrijfslogo-alt {
display:none!important;
}*/

.bedrijfslogoforphone {
width:90%; /*beste oplossing is te werken via de width */
margin-bottom:20px;
display:block!important;
margin-left:auto;
margin-right:auto;
}
/*
.bedrijfslogoforphone-alt {
display:none!important;
}*/

.bedrijfslogoklein {display: none;
}

.onderlijnmenu {
  background: url(../afbeeldingen/border.jpg) repeat-x;
	padding-bottom:25px;
	border-bottom:0px;
}




.menutitel {
	font-size:26px;
	font-family: 'Roboto', sans-serif;
}

.MR_menu{
height: 60px !important; /*hoogte van klein menu als je dit wil aanpassen normaal geen hoogte als dit te klein is overflowt de volgende div*/
}

/*button voor ingeklapt menu*/
.navbar-toggle {
    position: relative;
    float: none!important;
    padding: 15px 15px;
    background-color: yellow;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
		margin:5px 0px 10px 0px !important;
}

.navbar-nav {
margin: 0px!important;
}



.eerste-sectie {
padding-top: 0px;  /*aanpassen volgens de hoogte van je menu*/
}


 .footer {
 background:#333;
 color: #eee;
 padding: 10px;
 }
 
 
 
}

.homepageafbeelding{
max-height:300px!important;
}

 

/*   ***************************************************************************  ALLES VANAF SCREENSIZE SM  ***************************************************   */
/*  ----------SCALING SIZE V------------*/
 @media all and (min-width:576px){
 
.ce-markering{margin-top:50px;}

.padding-boven-imgcategorien{padding-top:20px;}

.afb_titel1{font-size:18px;font-weight:600;}
.afb_tekst1{font-size:14px;}
 /*.spatie{padding-top:100px;}*/
 
 .homepageafbeelding{
 margin-top:45px;
 max-height:300px!important;
 }
 
 .hoofdcategorie_afbeelding{ max-width:200px;}

 .categorietje{margin-bottom:50px;}
/*Onderstaande css is style voor het binnenvliegen van de div's van op de zijkant. De div die binnen wil vliegen moet een class flowinnbeforeleft OF flowinnbeforeright hebben
en een eigen id zoals flowinn_right_bruut.
Onderaan de pagina staat de javascript
*/
/* positie van de div vooraleer hij binnenvliegt  */

.flowinnbeforeleft{ 
left:-1000px;
}

.flowinnbeforeright{ 
right:-200px;
}

.flowinnbeforetop{ 
top:1200px;
}



/*transitieovergang voor het binnenvliegen van de div*/
#flowinn_left{
  -webkit-transition: left 1s ease;
  transition: left 1s ease;
}

#flowinn_right_bruut, #flowinn_right_gestraald, #flowinn_right_geschilderd, #flowinn_right_galva, #flowinn_right_menie{
  -webkit-transition: left 1s ease;
  transition: left 1s ease;
}
#flowinn_right_ce{
  -webkit-transition: right 2s ease;
  transition: right 2s ease;
}

#webshop, #staalbouw, #steelservice, #betonnetten, #plaatopmaat, #boorzaag, #plooienknip, #laswerk, #conservering, #industrie, #woningen, #utiliteit, #trappen{
  -webkit-transition: top 1s ease;
  transition: top 1s ease;
}
    


.navbar-fixed-top {
position:static!important;
}


 .footer {
 background:#333;
 color: #eee;
 padding: 10px;
 }




.bedrijfslogoklein {display: block;
}


.MR_menu{
height: 0px !important; /*hoogte van klein menu als je dit wil aanpassen normaal geen hoogte*/

}

 .contacteerons {
text-align:right!important;
padding-right:80px;
}

.navbar-brand {
padding: 8px 20px; /*positionering van het bedrijfslogo 0px 0px is in top left hoek eerste parameter is afstand van top collapse menu afstand van top is px */	
}

.bedrijfslogo{
width:100%!important; /*beste oplossing is te werken via de width */
margin-bottom:0px;
}

.bedrijfslogo-alt {
/*width:250px!important;*/
}
.bedrijfslogocontainer {

}

.eerste-sectie {
    padding-top: 0px;  /*aanpassen volgens de hoogte van je menu*/ 
}

.navbar-nav > li > a {
    padding-top: 30px;
    padding-bottom: 0px;
   
		color:#000000!important;
		font-size:15px!important;
}

.menutitel{}

.menutiteloud{
  -webkit-transition:all .3s ease-out;
  -moz-transition:all .3s ease-out;
  -ms-transition:all .3s ease-out;
  -o-transition:all .3s ease-out;
  transition:all .3s ease-out;
	font-size:15px;
  border-bottom: 3px solid yellow;

	
}



.contacteerons-alt {
font-size:20px;
position: relative;
top: 60px;
  }
	
.navbar {
min-height:40px!important;}
	
}

/*   *************************************************  ONLY SCREENSIZE SM  *****************************************************************************   */
 /*  ----------SCALING SIZE VI------------*/
@media (min-width: 576px) and (max-width: 767px) {
/*.spatie{padding-top:190px;}*/
.telefoontjeklein{background-color:green}

.navbar-fixed-top {
position:static!important;  /*fixed = vaste menu bovenaan, static = menu die wegscrolled*/
}

.homepageafbeelding{ margin-top:40px!important;}
}

.hoofdcategorie_afbeelding{ max-width:150px;
}




/* ---------------------------------------------------- ONLY SCREENSIZE MD -----------------------------------------------  */
/* Portrait tablets and small desktops */
/*  ----------SCALING SIZE VII------------*/
@media (min-width: 768px) and (max-width: 991px) {
.padding-boven-imgcategorien{padding-top:70px;}


.afb_titel1{font-size:16px;font-weight:600;}
.afb_tekst1{font-size:12px;}

.navbar-fixed-top {
position:static!important;  /*fixed = vaste menu bovenaan, static = menu die wegscrolled*/
}

.hoofdcategorie_afbeelding{ max-width:140px;
}
.conservering_afbeelding{ max-width:140px;
}

.navbar-nav > li > a {
   background:pink;
}

.eerste-sectie {
    padding-top: 100px;  /*aanpassen volgens de hoogte van je menu*/ 
}

.floatrightforsmalltablet {
float:right;
margin-right:50px!important;
}

.bedrijfslogoklein {
float:left; 
position:relative;
margin-left:5%}

.categorietje{
height:150px; 
}

}

/*   *******************  SCREENSIZE 830  *************************   */
/*  ----------SCALING SIZE VIII------------*/
@media all and (min-width:830px){	
 .spatie{padding-top:150px;}

.telefoontjegroot{
margin-right:20px;
transition: 0.2s;
}
.fixed-toppy{
position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030;
}
}

/*   *******************  SCREENSIZE 900  *************************   */
/*  ----------SCALING SIZE IX------------*/
@media (min-width: 900px) and (orientation: landscape) {	

.afb_titel1{font-size:16px;font-weight:600;}
.afb_tekst1{font-size:12px;}

.navbar-fixed-top {
position:fixed!important;
}

.eerste-sectie {
    padding-top: 100px;  /*aanpassen volgens de hoogte van je menu*/ 
}

.navbar-toggle {
    position: relative;
    float: right;
    padding: 9px 10px;
    margin-top: 8px;
    margin-right: 15px; /*positionering van het collapse menu standaard afsand van rechts 15 vermeerder indien gewenst  */
    margin-bottom: 8px;
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}

.bedrijfslogo {margin-left:20px;}

}


/* ---------------------------------------------------- SCREENSIZE LG -----------------------------------------------  */
/*  ----------SCALING SIZE X------------*/
@media all and (min-width:992px){	

.padding-boven-imgcategorien{padding-top:85px;}

.conservering_afbeelding{ max-width:140px;
}

.conservering_titel{
font-size:26px!important;}

.navbar-fixed-top {
position:fixed!important;
}

.eerste-sectie {
    padding-top: 200px;  /*aanpassen volgens de hoogte van je menu*/ 
}



.navbar-nav > li > a {
	 padding-top:60px!important;
}

.menutitel{
  
	font-size:18px;
	font-family: 'Roboto Condensed', sans-serif;
}




.bedrijfslogoklein {display: none;
}

.bedrijfslogo-alt {
display:block!important;
padding-left:35px!important;
width:350px!important;
}


.menuitemsid-alt > li > a {
padding-top:60px!important;
}

.categorietje{
height:240px; 
}


}




/* ---------------------------------------------------- SCREENSIZE XL -----------------------------------------------  */
/*  ----------SCALING SIZE XI------------*/
@media (min-width: 1200px) and (orientation: landscape) {	

.afb_titel1{font-size:18px;font-weight:600;}
.afb_tekst1{font-size:14px;}

.menuitemsid-alt > li > a {
padding-top:34px!important;
}
.steelserviceafbeelding{
background-image: url("../afbeeldingen/Nieuwe map/steelservicetop.jpg");
height:400px!important;
}
.staalbouwafbeelding{
background-image: url("../afbeeldingen/hero-balken7.jpg");
height:400px!important;
}

.conservering_afbeelding{ max-width:250px;
}

.conservering_titel{
font-size:32px!important;}

.homepafb {
max-height:300px!important;
}

.categorietjes{
margin-top:0px;
}
.categorietje{
height:200px; 
}

.hoofdcategorie_titel{
font-size:24px!important;}

.hoofdcategorie_afbeelding{ max-width:150px;
}

}


/*   *******************  SCREENSIZE VANAF 1500 is groter dan laptop  *************************   */
/*  ----------SCALING SIZE XIbis------------*/
 @media all and (min-width:1500px){	
 
 .homepageafbeelding{
 margin-top:65px;
 }
 .categorietjes{
margin-top:50px;
}
 

.hoofdcategorie_afbeelding{ max-width:200px;
}
}


/*   *******************  SCREENSIZE XLG  *************************   */
/*  ----------SCALING SIZE XII------------*/
@media (min-width: 2200px) and (orientation: landscape) {	

/*FONTS */
.standaardtekst{font-size:25px; line-height:1.8em}
.tussentitel, .eerste-tussentitel{font-size:45px;}

.footer {font-size:25px;}
.form-control {font-size:25px;}
.polaroidfont{font-size:22px;}

.afb_titel1{font-size:32px;font-weight:600;}
.afb_tekst1{font-size:25px;}
.hoofdcategorie_titel{font-size:32px!important;}

.bedrijfslogoke{
background-image: url(../afbeeldingen/logo400x100.jpg); 
width:630px;
height:147px;
}

.telefoontjegroot{
margin-top:120px;
transition: 0.2s;
}

.ondertitelgroot{font-size: 1.5em; margin-left:195px;}

.homepageafbeelding {
padding-top:100px; 
max-height:700px!important;
}

.homepafb {
width:100%;   
max-height:600px!important;
}
.categorietjes{
margin-top:100px;
}

.categorietje{
height:420px; 
}


.hoofdcategorie_afbeelding{
width:90%; 
max-width:350px!important; 
}

.onsbedrijfafbeelding {
height:500px;  
}



.sp-boven-tussentitel-margin{margin-top:150px;}
.sp-boven-tussentitel-border{border-top:150px solid white;}


.eerste-tussentitel{
margin-top:150px;
}

.column{
width:100px;
height:100px;
}



}












.carousel-control .icon-prev, .carousel-control .icon-next, .carousel-control .glyphicon-circle-arrow-left, .carousel-control .glyphicon-circle-arrow-right {
    position: absolute;
    top: 50%;
    margin-top: -10px;
		margin-left:20px;
    z-index: 5;
    display: inline-block;
		color:#000000;
		font-size:55px;
}

.left.carousel-control {
    background-image: none!important;
}



























.navbar-brand {
/*background-color: pink;*/
    display: block;      /*indien geen logo gewenst is display:none*/
		/*    width:100%;   als je geen logo gebruikt maar naam kan je dit op 100% zetten en collapsed menu erboven plaatsen    */  
		/*  margin-left:0px !important;    inschakelen als je de bedrijfsnaam gelijk wil laten beginnen met de inhoud  anders is er 15px padding*/
  }
	











/*contactform*/


	.contact {
  padding: 25px 0 150px 0;  /*Indien je de hele foto achtergrond wil zien na het scrollen moet je voorlaatste getal vergroten naar de gewenste hoogte die zichtbaar is */
  /*background: url(http://cdn.desktopwallpapers4.me/wallpapers/world/1366x768/1/4916-blurred-city-street-1366x768-world-wallpaper.jpg) no-repeat center center fixed;  standaard google map achtergrond 
  background: url(../afbeeldingen/betonijzer.jpg) no-repeat center center fixed;*/
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
	speed:0.1;
}

.contact i {
  padding: 0 20px;
  font-size: 0.8em;
}

.contact h2 {
  font-family: 'Open Sans', sans-serif;
  font-size: 2.5em;
  border: 1px solid #555;
  background-color: rgba(0,0,0,0.6);
  padding-top: 20px;
  height: 75px;
  color: #fff;
  font-weight: 500;
  line-height: 40px;
  padding-left: 50px;
  text-align: center;
	}

	#map-canvas {
  width: 100%;
  height: 235px;
  margin-bottom: 15px;
  border: 2px solid #fff;
}

/*einde css contactform*/



/*css voor image slider*/
.content-area {
	position: relative;
	width: 100%; 
	margin: 10px auto;
}
.carousel-indicators li { 
border-radius: 50%; 
height: 20px;
width: 20px;
}
.carousel-indicators .active {
height: 25px;
width: 25px;


}
/*einde css voor image slider*/



 

 
 
 
 
 /*media all*/
 
.home-categorien:hover .home-tekstoverlay-tekst {
	/*border-bottom:5px solid #fcfe00;*/border-bottom:5px solid #ffd018;
}

.home-tekstoverlay{


}

.achtergrcont-tekstoverlay {
 background-color:rgba(0, 0, 0, 0.4);!important;
  width:100%;
 height:70px;
 position: absolute;
  top: 15%;
  left: 0%;

 
}

.home-tekstoverlay-tekst {
    font-family: "proxima-nova","Helvetica Neue",Helvetica,Arial,sans-serif;
    white-space: nowrap; 
	  font-family: Montserrat;
    font-weight: 300;
    font-style: normal;
    font-size: 44px;
    letter-spacing: 0px;
    text-transform: none;
    line-height: 1.1em;
    color: #ffffff;
	  border-bottom:5px solid transparent;
		padding-top:40px;

	
	
}

.desc-wrapper p > strong, .desc-wrapper p > em > strong {
   
    
}


.ovrly11 {
    width: 100%;
    overflow: hidden;
    position: relative;
    -webkit-box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.3);
    box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.3);
}

.ovrly11:hover .ovrly {
    top: 0;
		
}

.ovrly11:hover {
-webkit-box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.5);
    box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.8);
}

.ovrly11 .ovrly {
    position: absolute;
    background: rgba(0, 0, 0, 0.1);
    height: 100%;
    width: 100%;
    left: 0;
    top: -100%;
    -webkit-transition: all 0.3s cubic-bezier(0.815, 1.650, 0.400, 0.680);
    -moz-transition: all 0.3s cubic-bezier(0.815, 1.650, 0.400, 0.680);
    -o-transition: all 0.3s cubic-bezier(0.815, 1.650, 0.400, 0.680);
    transition: all 0.3s cubic-bezier(0.815, 1.650, 0.400, 0.680);
}

.ovrly11 img {
    position: relative;
    width: 100%;
    top: 0;
    left: 0;
}

.about-section:after {
    content:'';
    display: block;
    background-color: white!important;
    width: 100%;
    height: 160px;
    z-index: -2;
    border-radius: 0 50% 0 0 /0px 50% 0px 0px;
		border-bottom:1px solid white!important;  /*anders krijg je nog 1pixzl van de background color van de about section te zien*/

		


}

.about-section{
    display: block;
    width: 100%;
    margin: 10px 0 0 0;
    border-radius: 40px 0% 0% 0% ;
		background-color:#fecb00;
				overflow:hidden;



}


.realisaties-section{
    width: 100%;
    margin: 10px 0 0 0;
		background-color:#ffffff!important;
    border-radius: 0% 0% 10% 0% /10% 0px 100px 0px;
		overflow:hidden;

}

.achtergrondgeel:after {
    content:'';
    display: block;
    background-color: white!important;
    width: 100%;
    height: 160px;
    z-index: -2;
    border-radius: 0 50% 0 0 /0px 50% 0px 0px;
		border-bottom:1px solid white!important;  /*anders krijg je nog 1pixzl van de background color van de about section te zien*/

		


}

.achtergrondgeel{
    display: block;
    width: 100%;
    margin: 10px 0 0 0;
    border-radius: 20% 0% 0% 0% /70% 0px 0px 0px;
		background-color:#fecb00;

}

.witblad {
    padding: 20px;
    background: #fff;
    -moz-box-shadow: 0 0 20px 0 #AAA;
    -webkit-box-shadow: 0 0 20px 0 #AAA;
    box-shadow: 0px 0px 20px 0px #aaa;
}