body {
	background-color: #fff;
	font-family: 'Nunito Sans', sans-serif;
	font-size: 1.5em;
	line-height:1.5em;
	color:#000;
	margin: 0;
	font-weight: 300;
	-webkit-transform: translateZ(1);
	-ms-transform: translateZ(1);
	-o-transform: translateZ(1);
	transform: translateZ(1);
	-webkit-font-smoothing: subpixel-antialiased;
	-moz-osx-font-smoothing: grayscale;
}
hr {
    border-top: 1px solid #737373;
}

.marg-fixv2 {
	margin-left: -17px;
}

section.default-purple {
	background: rgb(58, 50, 115);
	color: #fff!important;
}

section.default-purple .blogtitel {
	color: #fff;
}


h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
	font-family: 'Nunito Sans', sans-serif;
	font-weight: 400;
}

h1, .h1 {
	font-size: 24px;
	font-weight: 800
}

h2, .h2 {
	font-size: 20px;
	font-weight:700;
}

h3, .h3 {
	font-size: 18px;
}

a, a:visited {
	color: rgba(182, 0, 40, 1);
}

section.purple .well {
    background-color: #3a3273;
    border: 1px solid #3a3273;
    color: #fff;
}

section.purple .vorigepagina {
    border: none;
    background: #777!important;
    text-decoration: none;
}


a:hover {
	color: #CC0713;
	text-decoration: none;
}

.list-inline>li {
	margin-bottom: 10px;
}

.blog2 h2 {
    color: #000;
    font-size: 200%;
}

.hulp {
	position: relative;
    float: right;
    margin-top: 20px;
}

.hulp a {
    color: #fff;
    font-size: 120%;
    text-align: right;
}

.hulp svg {
	position: absolute;
	top: -5px;
	left: -40px;
	width: 30px;
}

.hidden-xs-p p {
 display: none;
}

@media(min-width: 768px) {
    .hidden-xs-p p {
        display:initial;
    }
}

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

.inline {
    display: inline;
}

section.form .fa-times {
    cursor: pointer;
}

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

.navbar-toggle
{
	margin-bottom: 0px;
	margin-top: 4px;
	padding-bottom: 0px;
	color: #fff;
	margin-right: 0px;
	font-size: 12px;
}

.navbar-toggle .icon-bar {
	height: 3px;
	border-radius: 0px;
	background-color:#fff;
}

.relative {
	position: relative;
}

.stripebg {
	padding: 5px;
	float: right;
	margin: -5px;
	/* background-color: #d01f3a; */
}


.over-ons {
	font-size: 4em;
    margin-bottom: 40px;
    font-weight: 400;
	margin-top: 0px;
}


textarea {
	color: #000;
}

section.hometop {
	-webkit-transition: height 400ms ease-out;
	-moz-transition: height 400ms ease-out;
	-ms-transition: height 400ms ease-out;
	-o-transition: height 400ms ease-out;
	transition: height 400ms ease-out;
	min-height: 495px;
}

section.hometop .home {
	min-height: 500px;

}

section.hometop  .red {
	background-color: rgba(182, 0, 40, 1);
	height: 100%;
	background-image: url("img/redbg.jpg");
	background-repeat: no-repeat;
	background-size: cover;
}

.nobg {
	background-image: none !important;
}

.jumbotron {
    background: #453e7d;
}

.jumbotron p  {
    margin-bottom: 14px;
    font-size: 20px;
    font-weight: 300;
    line-height: 133%;
}

.jumbotron li  {
    font-size: 22px;
    line-height: 120%;
}


@media screen and (min-width: 768px) {
    .jumbotron .h1, .jumbotron h1 {
        font-size: 38px;
        margin-top: 0px;
    }

    .jumbotron .h2, .jumbotron h2 {
        font-size: 32px;
    }
}

.jumbotron h2 a {
	color: #ffffff;
	font-weight: 800;
	text-decoration: underline;
	line-height:150%
}

.mobielmenu a.active {
    text-decoration: underline;
    background: #342d67;
}

section.hometop .absolute {
	z-index: -1;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}

section.hometop>.container .col-md-4, section.hometop>.container .col-md-4 .container-flexbox {
	height: 100%;
}

section.hometop h2 {
	color: #fff;
	font-weight: 300;
}
section.twosplit .col-sm-6 .col-xs-12	{
	max-width: 585px
}

section.hometop h1 {
	font-weight: 400;
}

section.footy {
    background: #fff;
    padding: 15px 0;
}

section.gray {
	background-color: #e1e1e1;
	padding: 60px 0;
	text-align: left;
	font-weight: 400;
	font-size: 100%;
	line-height: 160%;
}

section.gray2 {
	background-color: #464646;
	padding: 15px 0;
	color: #fff;
}

section.gray2 a, section.red a, section.purple a, section.purple2 a{
	color:#fff;
	text-decoration: ;
}

#wrap section.blur a:hover {
	text-decoration: underline;
}

.lightgray {
	background-color: #ebebeb;
	padding: 60px 0;
}

.lightgray2 {
	background-color: #ebebeb;
	padding: 30px 0;
}

.lightgray2 hr {
	border-color: #989898;
}


section.gray h1.title {
	/*display: none;*/
	font-size: 29px;
}

section.gray h2 {
	font-size: 24px;
}

section.purple {
    background-color: rgb(58, 50, 115);
    color: #fff;
    padding: 15px 0 60px 0;
    /*background-image: url("img/grid.png");*/
    background-position: 0px calc(100% - 15px);
    background-repeat: repeat-x;
}

section.purple2 {
    background-color: #3a3273;
    color: #fff;
    padding: 15px 0 15px 0;
}


section.red {
    background-color: rgba(182, 0, 40, 1);
    color: #fff;
    padding: 15px 0 60px 0;
   /*background-image: url("img/grid.png");*/
    background-position: 0px calc(100% - 15px);
    background-repeat: repeat-x;
   }
section.red a {
	color: #fff
}

section.red a:hover {
	text-decoration:underline;
}

@media(min-width:768px) {
	section.purple {
		 padding: 90px 0 120px 0;
	}
	section.red {
		 padding: 90px 0 120px 0;
		 min-height: 470px;
	}
}

section.form {
	background-color: #3e3d42;
	position: relative;
	color: #fff;
	display: none;
	padding: 60px 0;
}

.special ul li {
    padding: 7.5px 0;
    line-height: 150%;
    font-size: 100%;
    font-weight: 300;
    position: relative;
    padding-left: 30px;
}

.special h1 {
	display: none;
}

.special ul li:before {
    content:"\f00c";
    display: block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    margin-right: 0px;
    font-size: 150%;
    margin-left: -30px;
    float: left;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.special ul {
    list-style:none;
    padding: 0;
}


.special2 ul li {
    padding: 3.75px 0;
    font-weight: 300;
}

.special2 ul li:before {
    content:"\f00c";
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    margin-right: 15px;
    font-size: 150%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.special2 ul {
    list-style:none;
    padding: 0;
}

.whitetext {
	color: #fff;
}

.whitetext a {
	color: #fff;
}

.whitetext a:hover {
	text-decoration:underline;
}

.exactlogo {
 content: url("img/exact_certified.gif");
 width: 120px;
 position: absolute;
    bottom: 95px;
    left: 14px;
}

.iconholder .item-flexbox {
    max-width: 50%;
    margin: 0 auto;
    text-align: center;
	margin-bottom: 15px;
}

.iconholder {
	position:relative;
	min-height: 120px;
	margin-bottom: 15px;
	cursor: pointer;
}
.iconholder  .item-flexbox:after {
    content: url("img/icons/bar.svg");
    display: inline-block;
    width: 40%;
    position: absolute;
    margin: 0 auto;
    left: 0px;
    right: 0px;
    bottom: -15px;
}

.fixed .iconholder  .item-flexbox:after {
	/*content: url("img/icons/white/bar.svg");*/
	display: none;
}

.icontext {
    padding-top: 15px;
    padding-bottom: 0px;
    text-align: center;
    min-height: inherit;
    font-size: 100%;
    font-weight: 400;
}

.icontext p {
	display: none;
}

@media(min-width:768px) {
	.icontext p {
		display: initial;
	}
}

@media(max-width:768px)
{
	.icontext h3
	{
		font-size:16px !important;
	}
	.icontext {
		font-size:85% !important;
	}
	section.blocksv2 {
		position: relative;
	}
	.purplev3 {
		margin-bottom: 5px;
	}
	.mobile-home-spacer {
		height: 338px;;
	}
}

@media(max-width:400px)
{
	.nopaddingmobile
	{
		padding: 0px !important;
		margin-left: -10px !important;
		margin-right: -10px!important;
	}
}

.menuicons .icontext {
	/*filter: brightness(0) invert(1);*/
	
}

.menuicons .iconholder {
	background: rgba(0, 0, 0, 0.1);
}

.menuicons .iconholder img.img-responsive {
	max-width: 100px;
	margin: 0 auto;
}


.menuhori1 {
    display: table;
    height: 100%;
}

.menuhori2 {
    display: table-cell;
    vertical-align: middle;
}

.menuhori2 a {
	color: #000;
	 line-height: 17px;
}

.whitebg {
	padding: 15px 0px;
	background: #fff;
	margin: 15px 0;
	color: #000;
}

.whitebg  a {
	color: #d01f3a !important;
}

.whitebg  a.btn-custom1 {
	color: #fff !important;
}

.inconform label {
    display: none;
}

.inconform .form-control {
    border-radius: 0px;
    float:right;
    margin: 7.5px 0 7.5px 0;
    width: 85%;
}

.inconform .form-group:before {
    content: " ";
    background: #d21f3c;
    display: block;
    width: 15%;
    height: 34px;
    padding: 6px 12px;
    float:left;
    margin: 7.5px 0 7.5px 0;
    color: #fff;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 28px;
    line-height: 0.8;
    text-align: center;
}


.inconform .form-group:after {
    content: " ";
    display: table;
    height: 0px;
    clear: both;
}

.inconform .col-sm-6:last-child .form-group:last-child:before {
    display:none;
}

.inconform  .form-group:nth-child(1):before {
	content: "\f007";
}

.inconform  .form-group:nth-child(2):before {
	content: "\f1ad";
}

.inconform  .form-group:nth-child(3):before {
	content: "\f0e0";
}

.inconform  .form-group:nth-child(4):before {
	content: "\f095";
}

.inconform  .col-sm-6:last-child .form-group:nth-child(1):before {
	content: "\f075";
}

.inconform .btn-success {
	background-color:transparent;
	border-color: #fff
}

.inconform textarea {
	height: 230px;
}

#wrap { 
	overflow: hidden;
	
 }



	 #wrap section.blur p,  #wrap section.blur h1,  #wrap section.blur h2, #wrap section.blur h4,  #wrap section.blur a,
	  #wrap section.blur img, #wrap section.blur ul,  #wrap section.blur form{
		opacity: 1;	
		-webkit-transition: opacity 600ms ease-out;
		-moz-transition: opacity 600ms ease-out;
		-ms-transition: opacity 600ms ease-out;
		-o-transition: opacity 600ms ease-out;
		transition: opacity 600ms ease-out;
	 }



	 #wrap.open  section.blur p,  #wrap.open  section.blur h1,  #wrap.open  section.blur h2, #wrap.open  section.blur h4,  #wrap.open  section.blur a,
	  #wrap.open  section.blur img, #wrap.open  section.blur ul,  #wrap.open  section.blur form,   #wrap.open  section.blur .blogitem,    #wrap.open  section.blur .iconholder  .item-flexbox:after{
		opacity: 0;	
	 }


.stackmenu {
    padding: 15px 0;
}

.mobielmenu .nav .open>a,.mobielmenu  .nav .open>a:hover,.mobielmenu  .nav .open>a:focus {
	background: #4f4b67;
	color: #a7a3bd;
}

.mobielmenu .open .dropdown-menu {
	background: #2e275d;
	margin-bottom: 0px;
	padding-bottom:0;
}

.mobielmenu .open .dropdown-menu>li>a {
	border-bottom: 1px solid #5e5882;
	padding: 15px;
	color: #fff;
}

.menuhori2 a:after {
	content: "\f111";
	display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 50%;
    line-height: 17px;
   	padding: 0px 20px;
}

.menuhori2 a:last-child:after {
	content: "";
}

span.toggletxt {
	margin: 5px 0;
	display: block;
	font-weight: 400;
	text-transform: uppercase;
	color: #fff;
	/* float: left; */
}

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

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

.btn-link:hover, .btn-link:focus {
	color: #d01f3a;
}

.menublue {
	background: rgba(58, 50, 115, 1);
	color: #fff;
	overflow-x: hidden;
	overflow-y: hidden;
}

.menublue2 {
	background: #302c51;
	color: #fff;
	overflow-x: hidden;
	overflow-y: hidden;
	height: 0px;
	border: 0;
	-webkit-transition: height 300ms ease-out;
	-moz-transition: height 300ms ease-out;
	-ms-transition: height 300ms ease-out;
	-o-transition: height 300ms ease-out;
	transition: height 300ms ease-out;
}

.menublue a{ 
	color: #fff;
	display: block;
}

.menublue .navbar-toggle {
	background-color: #3a3273;
}

.menublue .navbar-toggle .fa {
	color: #fff;
}

.menublue .navbar-toggle .icon-bar {
	background-color:#3a3273;
}

.menublue .stripebg {
	/* background-color: #fff; */
}

.menublue .nav.nav-stacked>li>a {
	font-weight: 500;
    letter-spacing: 0.08em;
    font-size: 120%;
}

.opacity50 {
	opacity: 0.5;
}

.menublue span.toggletxt {
	color: #fff;
}


.fixed {
    position: absolute;
    right: 0;
    left: 0;
    z-index: 1000;
    top: 0;
    overflow: hidden;
    background: rgba(58, 50, 115, 1);
    box-shadow: 0px 90px 150px -100px;
}

@media(min-width: 768px) {
	.fixed {
		position: fixed;
	}
}

.extracollapse {
	position: absolute;
    top: 0px;
    z-index: -1;
    left: 0px;
    right: 0px;
}

.blueoverlay {
	display: none;
}

@media(min-width: 768px) {
	/*.blueoverlay {
		display: block;
		background: rgba(30,113,165,0.0);
		z-index: 1;
		left: 0;
		top: 0;
		right: 0;
		bottom: 100%;
		position: absolute;
		-webkit-transition: background 200ms ease-out;
		-moz-transition: background 200ms ease-out;
		-ms-transition: background 200ms ease-out;
		-o-transition: background 200ms ease-out;
		transition: background 200ms ease-out;
	}

	.blueoverlay.open {
		bottom: 0%;
		background: rgba(255, 255, 255, 0.5);
	}*/

}

.caret:after {content: "\f078";}

b.caret {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    border: 0;
    height: auto;
}

.fadeholder {
    position: relative;
    background: #fff;
}

.fadebutton {
	position: absolute;
    z-index: 0;
    bottom: 60px;
    left: calc(60% + 80px);
}

.arrowdown {
    position: absolute;
    z-index: 0;
    bottom: 60px;
    left: calc(50% - 40px);
    width: 80px;
    height: 80px;
    text-align: center;
    color: #fff;
    border-radius: 50%;
    border: 1px solid #fff;
    cursor: pointer;
}

.arrowdown .fa {
    line-height: 75px;
}

.navbar-toggle .icon-bar {
	width: 100%;
}

.nav>li>a {
	color: #fff;
}

a.dropdown-toggle {
	padding-right: 22.5px !important;
}

.nav>li>a:hover, .nav>li>a:focus {
	color: #3a3273;
	background-color: #fff
}
.nav-pills>li>a {
padding: 5px 10px;
}

.fixed.scrollFixed {
    bottom: 0px;
    overflow-y: scroll;
}

ul.dropdown-menu {
    float: none;
    position: absolute;
    box-shadow: none;
    border: 0;
    margin: 0;
    border-radius: 0px;
}

.nav-pills>li.active>a, .nav-pills>li.active>a:hover, .nav-pills>li.active>a:focus {
	background: none;
	border: 1px solid #fff;
}

.nav .open>a, .nav .open>a:hover, .nav .open>a:focus {
	color: #3a3273;
	background-color: #fff
}

.headerlayer {
	-webkit-transition: all 200ms ease-out;
	-moz-transition: all 200ms ease-out;
	-ms-transition: all 200ms ease-out;
	-o-transition: all 200ms ease-out;
	transition: all 200ms ease-out;
	z-index: 0;
	position: relative;
	overflow: hidden;
}

.headerlayer .navbar-toggle {
	    color: #3a3273;
}

@media(min-width: 768px) {
	.headerlayer {
		background: transparent;
		position: fixed;
	}

	.headerlayer .logowit {
		display:none;
		margin-top:15px;
		margin-bottom:15px;

	}
	.headerlayer .navbar-toggle { 
		color: #fff;
	}
}

.headerlayer.headerbg {
    background: rgb(58, 50, 115);
    position: fixed;
    border-bottom: 1px solid #5c5590;
    box-shadow: 0px 10px 30px -15px rgba(0,0,0,0.5);
    z-index: 10;
}

.headerlayer.headerbg  .navbar-toggle {
	color: #fff;
}

.headerlayer.headerbg .logo {
	display: none;
	height: auto;
}
.headerlayer.headerbg .logowit {
	display: block;
}



.headerlayer.headerblue {
	background: rgba(30,113,165,1);
}

.headerlayer {
    right: 0;
    left: 0;
    z-index: 1;
}

.headerspacer {
	height: 100px !important;
}

.opacity0 {
	opacity: 0;
}

.kaart {
	margin: 30px auto 0px auto;
	-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;
}
.kaart .text {
    background: #fff;
    color: #000;
    border-right: solid 4px;
}

.kaart .text .html {
	padding-top: 15px;
}

.kaart.left .text {
	border-right: solid 4px;
	border-left: 0px

}

.kaart.right .text {
	border-left: solid 4px;
	border-right: 0px;
}

.kaart .text .html {
	overflow: hidden;
	height: 100%;
}

.kaart.left .text:after {
	width: 0; 
	height: 0; 
	border-top: 30px solid transparent;
	border-bottom: 30px solid transparent;
	border-right: 30px solid #fff;
	content:"";
	position: absolute;
	top: 30px;
	left: -30px
}

.kaart.right .text:after {
	width: 0; 
	height: 0; 
	border-top: 30px solid transparent;
	border-bottom: 30px solid transparent;
	border-left: 30px solid #fff;
	content:"";
	position: absolute;
	top: 30px;
	right: -30px
}


.kaart .pic {
    padding: 0;
}

.kaart .title {
    position: absolute;
    z-index: 1;
    top: 20px;
    width: auto;
}

.kaart h2 {
    margin-top: 15px;
    margin-bottom: 15px;
}

.kaart.right .title {
	right: 0px;
}

.kaart {
    position: relative;
}

.kaart.red .title {
	background: #c3000b;
	color: #fff;
}

.kaart.red .text {
	border-color: #c3000b;
}

.kaart.red .text h2, .kaart.red .text h3, .kaart.red .text h4, .kaart.red .text a {
	color: #c3000b;
}

.kaart.green .title {
	background: #669900;
	color: #fff;
}

.kaart.green .text {
	border-color: #669900;
}

.kaart.green .text h2, .kaart.green .text h3, .kaart.green .text h4, .kaart.green .text a {
	color: #669900;
}

.kaart.grey .title {
	background: #666666;
	color: #fff;
}

.kaart.grey .text {
	border-color: #666666;
}

.kaart.grey .text h2, .kaart.grey .text h3, .kaart.grey .text h4, .kaart.grey .text a {
	color: #666666;
}

.kaart.blue .title {
	background: #3a3273;
	color: #fff;
}

.kaart.blue .text {
	border-color: #3a3273;
}

.kaart.blue .text h2, .kaart.blue .text h3, .kaart.blue .text h4, .kaart.blue .text a {
	color: #3a3273;
}

.kaart.grey2 .title {
	background: #343434;
	color: #fff;
}

.kaart.grey2 .text {
	border-color: #343434;
}

.kaart.grey2 .text h2, .kaart.grey2 .text h3, .kaart.grey2 .text h4, .kaart.grey2 .text a {
	color: #343434;
}

.kaart.orange .title {
	background: #e78e00;
	color: #fff;
}

.kaart.orange .text {
	border-color: #e78e00;
}

.kaart.orange .text h2, .kaart.orange .text h3, .kaart.orange .text h4, .kaart.orange .text a {
	color: #e78e00;
}


.redcolor .contentdiv {
	background: #c3000b;
	color: #fff;
}

.redcolor .title h2 {
	color: #c3000b;
}

.redcolor .overlaytitle h3 {
	position: absolute;
	left: 30px;
	top: 30px;
	background: #c3000b;
	color: #fff;
	padding: 15px;
	z-index: 1
}

.redcolor a {
	color: #d01f3a;
	font-weight: bold;
}

span.tel {
    color: #c3010b;
    font-size: 120%;
}

.greencolor .contentdiv {
	background: #669900;
	color: #fff;
}

.greencolor .title h2 {
	color: #669900;
}

.greencolor .overlaytitle h3 {
	position: absolute;
	left: 30px;
	top: 30px;
	background: #669900;
	color: #fff;
	padding: 15px;
	z-index: 1
}

.greencolor a {
	color: #fff;
	font-weight: bold;
}

.greycolor .contentdiv {
	background: #666666;
	color: #fff;
}

.greycolor .title h2 {
	color: #666666;
}

.greycolor .overlaytitle h3 {
	position: absolute;
	left: 30px;
	top: 30px;
	background: #666666;
	color: #fff;
	padding: 15px;
	z-index: 1
}

.greycolor a {
	color: #fff;
	font-weight: bold;
}

.bluecolor .contentdiv {
	background: #3a3273;
	color: #fff;
}

.bluecolor .title h2 {
	color: #3a3273;
}

.bluecolor .overlaytitle h3 {
	position: absolute;
	left: 30px;
	top: 30px;
	background: #3a3273;
	color: #fff;
	padding: 15px;
	z-index: 1
}

.bluecolor a {
	color: #fff;
	font-weight: bold;
}

.grey2color .contentdiv {
	background: #343434;
	color: #fff;
}

.grey2color .title h2 {
	color: #343434;
}

.grey2color .overlaytitle h3 {
	position: absolute;
	left: 30px;
	top: 30px;
	background: #343434;
	color: #fff;
	padding: 15px;
	z-index: 1
}

.grey2color a {
	color: #fff;
	font-weight: bold;
}

.orangecolor .contentdiv {
	background: #e78e00;
	color: #fff;
}

.orangecolor .title h2 {
	color: #e78e00;
}

.orangecolor .overlaytitle h3 {
	position: absolute;
	left: 30px;
	top: 30px;
	background: #e78e00;
	color: #fff;
	padding: 15px;
	z-index: 1
}

.orangecolor a {
	color: #fff;
	font-weight: bold;
}

.menublue h4 {
	    font-style: italic;
    font-size: 16px;
}

.blogitem a.imagetitle, .blogitem a.imagetitle h3
{
	    margin-top: 0px;
	    color: #ffffff !important;
}

.overlaytitle h3 {
	margin: 0px;
	font-size: 20px;
}

.overlaytitle  {
	position: relative;
}

.bgholder {
    position: absolute;
    top: 0px;
    right: 0;
    left: 0;
    bottom: 0;
    background-image:url("img/bgdealer.jpg");
    background-size: cover;
    background-position:right top;
    z-index: 0;
}

@media(min-width: 768px) {
	.bgholder {
		right: 50%;
	}
}

.zindex {
	z-index: 1;
	position: relative;
}

@media(min-width: 768px) {
	.graypull {
		top: -60px;
	}

	.graypull:after {
		content: "";
		display: block;
		height: 120px;
		background: #ebebeb;
		clear:both;
		float:left;
		width:100%;
		bottom: -120px;
		position: absolute;
	}
}

a.btn-pill {
	border-radius: 50%;
	background-color: #fff;
	box-shadow: 0px 2px 4px -1px rgba(0,0,0,0.45);
	margin: 0 auto;
	display: table;
	position: relative;
	top: -20px;
	margin-bottom: -20px;
	color: #5b5b5b;
	padding: 0px;
	border: 0px;
	line-height: 40px;
	width: 40px;
	font-size: 22px;
}

a.btn-pill:hover, .blogitem:hover a.btn-pill {
	cursor: pointer;
	color: #d01f3a;
}

a.btn-pill2 {
	border-radius: 50%;
	background-color: #fff;
	box-shadow: 0px 2px 4px -1px rgba(0,0,0,0.45);
	margin: 0 auto;
	display: table;
	position: relative;
	margin-top: 15px;
	margin-bottom: 15px;
	color: #5b5b5b;
	margin-left: 15px;
	padding: 0px;
	border: 0px;
	line-height: 30px;
	width: 30px;
	font-size: 16px;
}


a.btn-pill2:hover, .kaart:hover a.btn-pill2 {
	cursor: pointer;
	color: #d01f3a;
}

.blogitem:hover {
	cursor: pointer;
}

.blogitem .content {
	padding: 0px;
}

/* 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: #fff;
  padding-bottom:10px;
  color: #000;
}

#footer a {
	color: #000;
}

.spacer
{
	height:30px;
}

.spacer2 {
	height: 15px;
}

.red
{
	color:red;
}
@media (min-width: 768px)
{
    .navbar-header
    {
        float: none;
    }

    .navbar-toggle
    {
        display: block;
    }

    .navbar-collapse.collapse
    {
        display: none !important;
    }

    .navbar-collapse.collapse.in
    {
        display: block !important;
    }
}

@media (max-width: 414px) {
	.contentarea table tr td {
  		display: block;
  		clear: both;
		height: 26px !important;
		empty-cells: hidden !important; 
	}
	.contentarea table tr td ul {
		height: 100% !important;
	}
	.contentarea table tr td ul li {
		height: 26px !important;
	}
}

.blogmenu {background: #C3000B;padding: 15px 0;margin-top:30px;}
.blogmenu h2 { margin-top:0px}
.blogmenu a {color: #fff;padding: 5px 15px;line-height: 200%;display: block;}
.blogmenu ul li a:hover { background-color: #9E1118 }
ul.blogmenulist {
    list-style: none;
    padding-left: 0px;
}
/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
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;
		z-index: 0;
	}

	.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: 160%;
    line-height: 150%;
		}
	}

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

/* Edits */
.purplev3 {
    background: rgba(58, 50, 115, 1);
    color: #fff;
    padding: 3px 24px;
	position: relative;
	min-height: 150px;
}

section.blocksv2 {
	position: absolute;
    left: 0;
    right: 0;
    margin-top: -80px;
	z-index:1;
}

.float-right {
	position: absolute;
	right: 5px;
	bottom:	10px;
}

.usual--v2 {
    position: relative;
    margin-top: -190px!important;
    margin: 0 auto;
    padding-top: 28px!important;
    margin: 0px 0px;
    padding-left: 40px!important;
    padding-right: 40px!important;
}

.purple2 .jumbotron {
	background: #3a3273;
}

@media (max-width: 767px) {
	section .blocksv2 {
		margin-top: -30px;
	}
	.marg-fixv2 {
    margin-left: -3px;
}
}