body {
	background-color: #fff;
	font-family:'Open Sans', Arial, sans-serif;
	font-size: 1.5em;
	line-height:1.5em;
	color:#000;
	margin: 0;
	font-weight: 300;
}

h1 
{
	color:#005faf;
	font-size:24px;
}

h2 
{
	color:#005faf;
	font-size:20px;
}

h3 
{
	color:#005faf;
	font-size:18px;
}

blockquote 
{
	border-color:#005faf;
}

a, .btn-link
{
	color:#e25a17;
}

.carouselcontainer
{
	background:#eeeeee;
}

#ncwebsites
{
	max-width:120px;
}

.btn.btn-custom1 
{
	border-color:#e25a17;
	background:#e25a17;
	color:#FFFFFF;
	border-radius:0px;
}

.btn.btn-custom1:hover 
{
	background:#F38C5A;
}

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

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

.navbar-default
{
	background:#FFFFFF;
	border-color:#FFFFFF;
}

.navbar-default .navbar-nav
{
	float:right;
}

.navbar-default .navbar-nav li a 
{
	position:relative;
	font-weight:400;
	font-size:15px;
	color:#000;
	padding-bottom:5px;
}

.navbar-default .navbar-nav li a:hover 
{
	color:#005faf;
}

.navbar-default .navbar-nav li a.active 
{
	font-weight:bold;
}

.navbar-default .navbar-nav li a::after
{
	padding-top:4px;
	font-size: 22px;
    content: ".";
    position: absolute;
    right: 0px;
    top: 5px;
    font-weight:bold;
    color:#2599f2;
}

.relative
{
	position:relative;
}

.hometitle
{
	color:#005faf;
	background:rgba(255,255,255,0.9);
	padding:8px;
	font-size:20px;
	font-weight:400;
	position:absolute;
	width:100%;
	left:0px;
	top:10px;
	right:0px;
	border:1px silver solid;
	margin-top:0px;
	text-align:center;
	z-index:12;
}

@media(max-width:768px)
{
	.hometitle
	{
		background:rgba(255,255,255,0.75);
	}
}

/* Hoverblocks home */
.hoveritem
{
	position:absolute;
	top:0px;
	left:0px;
	right:0px;
	bottom:0px;
	z-index:10;
	transition:.35s all;
	-moz-transition:.35s all;
	-webkit-transition:.35s all;
}
.hoveritem .content 
{
	position:relative;
	padding-top:55px;
	max-width:100%;
	max-height:100%;
	overflow:hidden;
}

.hoveritem .content ul li
{
	color:#e25c15;
	font-weight: 400;
	font-size:16px;
	line-height:28px;
	width:100%;
}

.hoveritem .content ul li, .hoveritem .content .fadein 
{
	margin-left:150%;
	opacity:0;
}

.hoveritem.admin
{
	background:rgba(0,95,175,0.65) !important;
}

.hoveritem.admin .content ul li, .hoveritem.admin .content .fadein 
{
	margin-left:0px;
	opacity:1;
}

.hoveritem .content ul li a
{
	color:#FFFFFF;
	display:block;
}

.hoveritem .content ul li:hover a
{
	text-decoration: none;
	display:inline;
	border-bottom:3px #e25c15 solid;
}

.hoveritem .content .fadein 
{
	color:#FFFFFF;
	padding:10px;
	max-height:100% !important;
}

.well h1, .well h2, .well h3 
{
	margin-top:0px;
}

/* Blog home */
.nieuwswell
{
	height:100%;
	display:block;
	padding-top:55px;
	border-radius:0px;
}

.nieuwswell ul, .nieuwswell ul li
{
	list-style:none;
	margin:0px;
	padding:0px;
}

.nieuwswell ul li .chevron
{
	color:#e15a16;
	font-size:20px;
}

.nieuwswell ul li .chevron .fa:not(:first-child)
{
	margin-left:-10px;
}


.nieuwswell ul li 
{
	border-bottom:1px silver solid;
	padding:8px 5px;
	margin-left:-10px;
	margin-right:-10px;
}

.nieuwswell ul li:last-child 
{
	border-bottom:none;
}

.nieuwswell ul li a
{
	font-weight:400;
	color:#005faf;
}

@media(min-width:992px)
{
	.hoveritem .content ul li
	{
		.hoveritem .content ul li
		{
			font-size:18px;
			line-height:32px;
		}
	}

	.nieuwswell ul li 
	{
		padding-left:40px;
		margin-bottom:2px;
	}
	.nieuwswell ul li .chevron
	{
		margin-left:-20px;
	}	
	.nieuwswell ul li a
	{
		margin-left:40px;
	}
}

/* Other */
.adresbalk
{
	position:absolute;
	left:0px;
	right:0px;
	bottom:0px;
	background:#000;
	color:#FFFFFF; 
	padding:5px;
	padding-left:15px;
}

.adresbalk span
{
	position:relative;
	margin-right:10px;
	padding-right:15px;
}

.adresbalk a 
{
	color:#FFFFFF;
}

.adresbalk span::after
{
	font-size: 22px;
    content: ".";
    position: absolute;
    right: 0px;
    top: -8px;
    font-weight:bold;
    color:#2599f2;
}

@media(max-width:768px)
{
	.navbar-collapse
	{
		background:#005faf;
	}
	.navbar-collapse a 
	{
		color:#FFFFFF;
		border-bottom:1px #287CC3 solid;
	}
	.nav>li>a:focus, .nav>li>a:hover 
	{
		background-color:#287CC3;
	}
	.adresbalk 
	{
		padding-bottom:0px;
	}
}

.adresbalk span:last-child::after
{
	content:"";
	display:none;
}

.nowrap
{
	white-space:no-wrap;
}

@media(max-width:992px)
{
	.adresbalk 
	{
		position:relative;
		font-size:12px;
	}
}

.navbar-toggle
{
	background-color:#e25a17;
	font-size:12px;	
	border:1px #000 solid;
	border-radius:0px;
	color:#FFFFFF;
}

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

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

.carousel 
{
	max-width:1440px;
	margin:auto;
}

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

section.silversection
{
	padding-top:40px;
	padding-bottom:40px;
	background-color:#eeeeee;
}

section.silversection h2 
{
	margin-top:0px;
	color:#005faf;
}

section.bluesection
{
	background-color:#005faf;
}

section.bluesection h2 
{
	margin-top:0px;
	color:#005faf;
}

section.bluesection img 
{
	max-height:90px;
}

.vcaimg 
{
	position:relative;
	width:100%;
	height:100%;
	background-color:#FFFFFF;
	text-align: center;
}

.vcaimg img 
{
	margin:auto;
}

.isoimg 
{
	max-height:90px;
}

.isoimg img 
{
	padding-top:5px;
	padding-bottom:5px;
	margin:auto;
}

section.bluesection h4 
{
	color:#FFFFFF;
	margin-top:35px;
	text-align: center;
}

@media(max-width:768px)
{
	section.bluesection 
	{
		padding-top:20px;
		padding-bottom:20px;
	}
}

/* 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:10px;
  min-height: 150px;
  background:#FFFFFF;
  padding-bottom:10px;
}

.spacer
{
	height:30px;
}

.spacer2 {
	height: 15px;
}

.red
{
	color:red;
}

.homeblog 
{
	font-size:14px;
	text-align: center;
}

.logos img 
{
	border:1px silver solid;
}

.logos div 
{
	margin-bottom:15px;
}

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


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

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

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

	.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%;
	    top: 15%;
	}
	@media (min-width: 768px) {

		.carousel-caption h2 {
		    font-size: 300%;
		    display: inline-block;
		    color:#FFFFFF;
		}

		.carousel-caption p {
			margin-top:10px;
		    font-size: 220%;
		    padding-left:155px;
		}
	}

	/*
	  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 
///////////////////////////////////////
*/