body {
	background-color: #fefefe;
	font-family:'Open Sans', Arial, sans-serif;
	font-size: 1.5em;
	line-height:1.5em;
	color:#000;
	margin: 0;
	
	-webkit-font-smoothing: antialiased;
}

section#navvie{
	border-top:3px solid #2d4c8a;
	background:#fff;
}

section#fade{
	background:#333;
}

section#fade .carousel{
	max-width: 1440px;
	margin:0 auto;
}

h1{
	color:#1c3974;
}

h2,h3,h4{
	color:#2d4c8a;
}

.nieuwsalert{
	background:#25d366;
	padding:10px;
	position: fixed;
	right:0px;
	bottom:150px;
	z-index:999;
	color:#fff;
	font-size:260%;
}

.nieuwsalert:hover{
	color:#FFF;
	background:#128c7e;
}

section#infoform h2{
	color:#fff;
}

.logo{
	margin-top:15px;	
	margin-bottom:15px;	
}

.bluebg{
	background:#2d4c8a;
	color:#fff;
	padding:15px;
	font-size:120%;
	line-height: 150%;
	font-weight: 600
}

.lightgray{
	padding:15px;
	background:#e1e1e1;
}


.lightgray h2, .bluebg h2{
	margin-top:0px;
}

.navbar{
	margin-bottom:15px;	
	margin-top:36px;
	background:#fff;	
	border:0;
}

.logos a:first-child{
	float:left;
}

.logos a:last-child{
	float:right;
}

.logos a{
	width:45%;
	margin-top:10px;
}

.navbar-toggle
{
	background-color:#FFFFFF;
	font-size:12px;	
}

.navbar-toggle span
{
	background-color:#000;
}

.navbar-collapse
{
	max-height:none !important;	
}

.navbar-default .navbar-nav>li>a{
	font-weight:600;
	color:#333;
	font-size:125%;
}

.carousel-inner>.item>img, .carousel-inner>.item>a>img
{
	margin:auto;
}

/* Wrapper for page content to push down footer */
#wrap {
	min-height: 100%;
	height: auto !important;
}

/* Set the fixed height of the footer here */
#footer {
  padding-top:30px;
  min-height: 150px;
  background:#2d4c8a;
  padding-bottom:30px;
  color:#fff;

  border-bottom: 10px solid #1c3974;
}

#footer h4{
	font-weight: 600;
}

#footer a{
	color:#fff;
}

.spacer
{
	height:30px;
}

.spacer2 {
	height: 15px;
}

.spacert-30{
	height:30px;
}

.red
{
	color:red;
}


section#contents{
	padding:30px 0px;
}

section#contents h1, section#contents h2{
	margin-top:0px;
}
.carousel-caption {
  left: 0;
  right: auto;
  padding-bottom: 0;
  bottom: 5%;
  right:40%;
  text-align: left;
}

.carousel-caption .btn{
	float: right;
}

.carousel-caption h2{
	background:rgba(144, 173, 193, 0.6);
	color:#fff;
	padding:10px;
	padding-left:150px;
	text-align: left;
	font-size:32px;
	font-weight:500;

}
.carousel-caption p{
	background:rgba(131, 175, 199, 0.62);
	color:#fff;
	padding:10px;
	padding-left:150px;
	text-align: right;
	font-size:25px;
	font-weight:500;
}

section#projects{
	background:#e1e1e1;
	padding:30px 0;
	border-top:1px solid #cdcdcd;
	border-bottom:1px solid #cdcdcd;
	z-index:1;
	position: relative;
}



section#projects .col-sm-4{
		visibility: hidden;
}

.bloghoritem{
	text-align: left;

}

div.bloghortitles {
  background: #fff;
  color: #333;
  padding: 10px;
}

.bloghoritem a.btn {
  position: relative;
  top: -50px;
  left: 20px;
  text-align: left;
}

 section#infoform label{
 	font-weight: bold;
 	font-size:12px;
 }

 section#infoform{
	z-index:1;
	
	padding:100px 0px;
	background:url(img/backform.jpg?234) no-repeat;
	background-size: cover;
	color:#fff;
}

.modal{
	color:#000;
}

.lightgray h2{
	font-size:160%;
}

/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
Carousel aanpassingen
///////////////////////////////////////
*/


	.carousel-inner>.item>img, .carousel-inner>.item>a>img
	{
		margin:auto;
	}

	.carousel-indicators {
		bottom: -10%;
	}

	.carousel:hover .carousel-indicators {
		bottom: 2%;
		display: none
	}

	.carousel-control, .carousel-indicators {
		-webkit-transition: all 300ms ease-out;
		-moz-transition: all 300ms ease-out;
		-ms-transition: all 300ms ease-out;
		-o-transition: all 300ms ease-out;
		transition: all 300ms ease-out;
	}

	.carousel-control.left {
		left: -10%;
		opacity: 0;
	}

	.carousel:hover  .carousel-control.left {
		left: 0%;
		opacity: 0.5;
	}

	.carousel-control.right {
		right: -10%;
		opacity: 0;
	}

	.carousel:hover  .carousel-control.right {
		right: 0%;
		opacity: 0.5;
	}

	.carousel {
		overflow: hidden;
	}

	.carousel-caption {
	    left: 10%;
	    right: 10%;
	    bottom: 20%;
	}
	@media (min-width: 768px) {

		.carousel-caption h2 {
		    font-size: 350%;
		    display: inline-block;
		}

		.carousel-caption p {
		    font-size: 250%;
		}
	}

	/*
	  Bootstrap Carousel Fade Transition (for Bootstrap 3.3.x)
	  CSS from:       http://codepen.io/transportedman/pen/NPWRGq
	  and:            http://stackoverflow.com/questions/18548731/bootstrap-3-carousel-fading-to-new-slide-instead-of-sliding-to-new-slide
	  Inspired from:  http://codepen.io/Rowno/pen/Afykb 
	*/
	.carousel-fade .carousel-inner .item {
	  opacity: 0;
	  transition-property: opacity;
	}

	.carousel-fade .carousel-inner .active {
	  opacity: 1;
	}

	.carousel-fade .carousel-inner .active.left,
	.carousel-fade .carousel-inner .active.right {
	  left: 0;
	  opacity: 0;
	  z-index: 1;
	}

	.carousel-fade .carousel-inner .next.left,
	.carousel-fade .carousel-inner .prev.right {
	  opacity: 1;
	}

	.carousel-fade .carousel-control {
	  z-index: 2;
	}

	/*
	  WHAT IS NEW IN 3.3: "Added transforms to improve carousel performance in modern browsers."
	  Need to override the 3.3 new styles for modern browsers & apply opacity
	*/
	@media all and (transform-3d), (-webkit-transform-3d) {
	    .carousel-fade .carousel-inner > .item.next,
	    .carousel-fade .carousel-inner > .item.active.right {
	      opacity: 0;
	      -webkit-transform: translate3d(0, 0, 0);
	              transform: translate3d(0, 0, 0);
	    }
	    .carousel-fade .carousel-inner > .item.prev,
	    .carousel-fade .carousel-inner > .item.active.left {
	      opacity: 0;
	      -webkit-transform: translate3d(0, 0, 0);
	              transform: translate3d(0, 0, 0);
	    }
	    .carousel-fade .carousel-inner > .item.next.left,
	    .carousel-fade .carousel-inner > .item.prev.right,
	    .carousel-fade .carousel-inner > .item.active {
	      opacity: 1;
	      -webkit-transform: translate3d(0, 0, 0);
	              transform: translate3d(0, 0, 0);
	    }
	}

	/* Chrome, Safari, Opera */
	@-webkit-keyframes entrance
	{
	from {
		opacity: 0;
		margin-left: -10px;
		}
	to {opacity: 1;
		margin-left: 0px;}
	}

	/* Standard syntax */
	@keyframes entrance
	{
	from {
		opacity: 0;
		margin-left: -10px;
		}
	to {opacity: 1;
		margin-left: 0px;}
	}

/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! 
EINDE carousel aanpassingen 
///////////////////////////////////////
*/

.carousel-caption {
  left: 0;
  right: auto;
  padding-bottom: 0;
  bottom: 5%;
  right:40%;
  text-align: left;
}

.carousel-caption .btn{
	float: right;
}

.carousel-caption h2{
	background:rgba(45, 76, 138, 0.6);
	color:#fff;
	padding:10px;
	padding-left:150px;
	text-align: left;
	font-size:52px;
	font-weight:500;

}
.carousel-caption p{
	background:rgba(45, 76, 138, 0.6);
	color:#fff;
	padding:10px;
	padding-left:150px;
	text-align: right;
	font-size:32px;
	font-weight:500;
}

@media(max-width: 991px){
	.navbar-default .navbar-nav>li>a {
	    font-weight: 600;
	    color: #333;
	    font-size: 100%;
	}
	.navbar{
	margin-bottom:15px;	
	margin-top:0px;
	background:#fff;	
	border:0;
}
}

@media (max-width: 767px){
	.navbar-toggle{
		background:#E74C3C;
		color:#fff;
		font-size:110%;
		font-weight: 600;
		margin-top: 20px
	}

	.mobmenu{
		background:#2d4c8a;
		color:#fff;
	}
	.mobmenu a{
		color:#fff;
		font-weight:600;
	}

	.telrow{
		background:#eee;
		padding: 5px 0px;
	}

	.bluebg a{
		color:#fff;
	}
	
	.carousel-indicators{
		display: none;
	}

	.tel a{
	color:#000;
	font-size:150%;
	padding:5px 0px;
}

	.mobmenu li{
		border-bottom:2px solid #1c3974;
	}
	.mobmenu li:last-child{
		border-bottom:0px;
	}
}