/* Importeer basis stijlen van de bootstrap */
@import url('bootstrap.css');

/*------------------------------------------------------------------
[Inhoudsopgave]

1. Bootstrap addon WYSIWYG Stijlen (bs alerts, panels, knop etc.).
	1.1 Custom Knop.
	1.2 Custom Alert.
	1.2 Custom Panel.
	1.4 Custom Label.
2. Bootstrap Snippets Stijlen, note: voor de voorkant en achterkant.
2.1 Extra Bootstrap Snippets Stijlen
 
 
/* ========================================
	1.  Bootstrap addon WYSIWYG Stijlen
	- Insert custom styles here that override the bootstrap styles
   ========================================= */

/* 1.1 - Custom Knop */
/* Knop - kleur roze */
.btn-roze {
	color: #ffffff;
	background-color: #f29c76;
	border-color: #f29c76;
}
.btn-roze:hover,
.btn-roze:focus,
.btn-roze.focus,
.btn-roze:active,
.btn-roze.active,
.open > .dropdown-toggle.btn-roze,
.btn-roze:active:hover,
.btn-roze.active:hover,
.open > .dropdown-toggle.btn-roze:hover,
.btn-roze:active:focus,
.btn-roze.active:focus,
.open > .dropdown-toggle.btn-roze:focus,
.btn-roze:active.focus,
.btn-roze.active.focus,
.open > .dropdown-toggle.btn-roze.focus {
	color: #ffffff;
	background-color: #f29c76;
	border-color: #f29c76;
	box-shadow: inset 0 0 0 1000px rgba(0,0,0,.1);
}
.btn-roze:active,
.btn-roze.active,
.open > .dropdown-toggle.btn-roze {
  	background-image: none;
}
/* Knop - kleur lichtblauw */
.btn-lichtblauw {
	color: #000000;
	background-color: #d5e5e9;
	border-color: #d5e5e9;
}
.btn-lichtblauw:hover,
.btn-lichtblauw:focus,
.btn-lichtblauw.focus,
.btn-lichtblauw:active,
.btn-lichtblauw.active,
.open > .dropdown-toggle.btn-lichtblauw,
.btn-lichtblauw:active:hover,
.btn-lichtblauw.active:hover,
.open > .dropdown-toggle.btn-lichtblauw:hover,
.btn-lichtblauw:active:focus,
.btn-lichtblauw.active:focus,
.open > .dropdown-toggle.btn-lichtblauw:focus,
.btn-lichtblauw:active.focus,
.btn-lichtblauw.active.focus,
.open > .dropdown-toggle.btn-lichtblauw.focus {
	color: #000000;
	background-color: #d5e5e9;
	border-color: #d5e5e9;
	box-shadow: inset 0 0 0 1000px rgba(0,0,0,.1);
}
.btn-lichtblauw:active,
.btn-lichtblauw.active,
.open > .dropdown-toggle.btn-lichtblauw {
  	background-image: none;
}

/* 1.2 - Custom Alerts */
/* Alert - kleur roze */
.alert-roze {
	background-color: #f29c76;
	border-color: #f29c76;
	color: #ffffff;
}
.alert-roze hr {
  	border-top-color: #f29c76;
}
.alert-roze .alert-link {
  	color: #ffffff;
}
/* Alert - kleur lichtblauw */
.alert-lichtblauw {
	background-color: #d5e5e9;
	border-color: #d5e5e9;
	color: #000000;
}
.alert-lichtblauw hr {
  	border-top-color: #d5e5e9;
}
.alert-lichtblauw .alert-link {
  	color: #000000;
}

/* 1.2 - Custom Panels */
/* Panel - kleur roze */
.panel-roze {
  	border-color: #f29c76;
}
.panel-roze > .panel-heading {
	color: #ffffff;
	background-color: #f29c76;
	border-color: #f29c76;
}
.panel-roze > .panel-heading + .panel-collapse > .panel-body {
  	border-top-color: #f29c76;
}
.panel-roze > .panel-heading .badge {
	color: #f29c76;
	background-color: #ffffff;
}
.panel-roze > .panel-footer + .panel-collapse > .panel-body {
  	border-bottom-color: #f29c76;
}
/* Panel - kleur lichtblauw */
.panel-lichtblauw {
  	border-color: #d5e5e9;
}
.panel-lichtblauw > .panel-heading {
	color: #000000;
	background-color: #d5e5e9;
	border-color: #d5e5e9;
}
.panel-lichtblauw > .panel-heading + .panel-collapse > .panel-body {
  	border-top-color: #d5e5e9;
}
.panel-lichtblauw > .panel-heading .badge {
	color: #d5e5e9;
	background-color: #000000;
}
.panel-lichtblauw > .panel-footer + .panel-collapse > .panel-body {
  	border-bottom-color: #d5e5e9;
}

/* 1.2 - Custom Labels */
/* Label - kleur roze */
.label-roze {
  	background-color: #f29c76;
}
.label-roze[href]:hover,
.label-roze[href]:focus {
  	background-color: #f29c76;
}
/* Label - kleur lichtblauw */
.label-lichtblauw {
  	background-color: #d5e5e9;
}
.label-lichtblauw[href]:hover,
.label-lichtblauw[href]:focus {
  	background-color: #d5e5e9;
}


/* ========================================
	2. Bootstrap Snippets Stijlen
   ========================================= */
/* Begin - Snippet Basis Stijlen */

/* Snippet algemeen - Fix voor buttons */
span.btn.btn-primary.btn-xs {
	position:relative;
	top:-5px;
}
a.iconbutton:hover {
	text-decoration:none;
}

/* *SNIPPET - FOTO BIJ BIJSCHRIFT */
p.snippet_image_bijschrift {
	display:block;
	padding:4px;
	background-color:#d3d2d2;
	color:#fff;
	line-height:normal;
	font-style:italic;
	border:solid 1px #d3d2d2;
}
p.snippet_image_bijschrift span {
	display:block;
	padding:3px 5px;
	font-size: 1.4rem;
	line-height:1.4rem;
}
p.snippet_image_bijschrift {
	background-color: #0c4da2;
	border:solid 1px #0c4da2;
}
p.snippet_image_bijschrift img {
	display:block;
	width:100%;
	max-width: none;
	height:auto;
	margin: -4px -4px 4px -4px;
	border:solid 4px #fff;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}

/* SNIPPET - FOTOREEKS */
div.snippet_fotoreeks {
	padding-left:15px;
	padding-right:15px;
}
div.snippet_fotoreeks > div,
div.snippet_fotoreeks > div:first-child,
div.snippet_fotoreeks > div:last-child{
	padding-left:0px;
	padding-right:0px;
}
div.snippet_fotoreeks > div img{
	width:100% !important;
	padding:1px;
}

.wysiwyg_template > div:first-child {
	padding-left:0px;
} 
.wysiwyg_template > div:last-child {
	padding-right:0px;
} 
/* Einde - Snippets Basis Stijlen */

   /* ========================================
	2.1 Extra Bootstrap Snippets Stijlen
   ========================================= */
.wysiwyg_template {
	clear: both;
    display: inline-block;
	margin-bottom: 30px;
	width: 100%;
}
.wysiwyg_template h1 {
	font-size: 3rem;
    margin-bottom: 0px;
	/*margin-top: 0px;*/
}
.wysiwyg_template h3 {
	font-weight: normal;
    font-size: 2.8rem;
	margin-top: 0px;
}

.wysiwyg_template .negatieve_margin_links {
	margin-left: -15px;
}
.wysiwyg_template .negatieve_margin_rechts {
	margin-right: -15px;
}

/* WYSIWYG TEMPLATES // Quote */
.wysiwyg_template.quote {
    padding: 85px 130px;
	background-color: #edf7f9;
}
.wysiwyg_template.quote p {
	font-size: 7rem;
	font-weight: bold;
    margin: 0px;
    line-height: 1.24;
}
.wysiwyg_template.quote p::before,
.wysiwyg_template.quote p::after {
	content: '\2019';
}

/* WYSIWYG TEMPLATES // Twee-afbeeldingen */
.wysiwyg_template.twee-afbeeldingen .eerste {
	background-color: #d5e5e9;
	padding-top:40px;
}
.wysiwyg_template.twee-afbeeldingen .tweede {
	background-color: #edf6f8;
	padding-top:40px;
}
.wysiwyg_template.twee-afbeeldingen {
	margin-bottom: 30px;
}
.wysiwyg_template.twee-afbeeldingen .v-center-parent {
	display: table;
}
.wysiwyg_template.twee-afbeeldingen .v-center {
	display: table-cell;
    vertical-align: middle;
    text-align: center;
}
.wysiwyg_template.twee-afbeeldingen .afbeeldingstuk {
	margin-top: 134px;
	margin-bottom: 134px;
}
.wysiwyg_template.twee-afbeeldingen .text h1.titel {
	margin-top: 0;
	margin-bottom: 0;
	font-size: 3.6rem;
	line-height: 3.1rem;
}
.wysiwyg_template.twee-afbeeldingen .text {
    padding-top: 20px;
	padding-bottom: 40px;
	padding-left: 30px;
}
.wysiwyg_template.twee-afbeeldingen .text span.subtekst {
	font-size: 1.6rem;
	color: #999999;
}

.wysiwyg_template.linksboven-titel-afbeelding-rechtsboven-afbeelding-titel .linker .relative {
	display: inline-table;
	position:relative;
	height: auto;
	margin-top: 40px;
}
.wysiwyg_template.linksboven-titel-afbeelding-rechtsboven-afbeelding-titel .rechter .relative {
	display: inline-table;
	position:relative;
	height: auto;
	margin-bottom: 40px;
}
.wysiwyg_template.linksboven-titel-afbeelding-rechtsboven-afbeelding-titel .linker img.absolute {
    position: absolute;
    z-index: 1;
    right: -80px;
    bottom: -143px;
}
.wysiwyg_template.linksboven-titel-afbeelding-rechtsboven-afbeelding-titel .rechter img.absolute {
    position: absolute;
    z-index: 1;
    right: -80px;
    bottom: -143px;
}

/* WYSIWYG TEMPLATES // linksboven-afbeelding-titel-rechtsboven-titel-afbeelding */
.wysiwyg_template.linksboven-afbeelding-titel-rechtsboven-titel-afbeelding .linker img.img_links {
	margin-left: -15px;
}
.wysiwyg_template.linksboven-afbeelding-titel-rechtsboven-titel-afbeelding .rechter img.img_rechts {
	margin-right: -15px;
}

.wysiwyg_template.linksboven-afbeelding-titel-rechtsboven-titel-afbeelding .linker .relative {
	display: inline-table;
	position:relative;
	height: auto;
	margin-bottom: 40px;
}
.wysiwyg_template.linksboven-afbeelding-titel-rechtsboven-titel-afbeelding .rechter .relative {
	display: inline-table;
	position:relative;
	height: auto;
	margin-top: 40px;
}
.wysiwyg_template.linksboven-afbeelding-titel-rechtsboven-titel-afbeelding .linker img.absolute {
    position: absolute;
    z-index: 1;
    right: -80px;
    bottom: -143px;
}
.wysiwyg_template.linksboven-afbeelding-titel-rechtsboven-titel-afbeelding .rechter img.absolute {
    position: absolute;
    z-index: 1;
    right: -80px;
    bottom: -143px;
}

/* WYSIWYG TEMPLATES // Hero */
.wysiwyg_template.hero {
	position: relative;
    padding: 60px 45px;
	min-height: 544px; /* hoogte v/d image */
}
.wysiwyg_template.hero ul {
	padding-left: 17px;
	color:white;
}
.wysiwyg_template.hero ul li {
	margin-bottom: 4px;
}
.wysiwyg_template.hero ul.witte_bolletjes {
    list-style-image: url("../images/ul_witbol.png");
    margin-top: 30px;
}
.wysiwyg_template.hero ul.zwarte_bolletjes {
    list-style-image: url("../images/ul_zwartbol.png");
    margin-top: 30px;
}
.wysiwyg_template.hero.achtergrond_afbeelding {
    background-size: cover;
	background-position: center;
}
.wysiwyg_template.hero h1,
.wysiwyg_template.hero p {
	color: white;
}
.wysiwyg_template.hero.zwart h1,
.wysiwyg_template.hero.zwart p,
.wysiwyg_template.hero.zwart li {
	color: #000;
}
.wysiwyg_template.hero.zwart li strong{
 color: #ff0000;
}
.wysiwyg_template.hero h1 {
	font-size: 4rem;
    font-size: 4rem;
	margin-top: 0;
}
.wysiwyg_template.hero h1.lighter {
	font-weight: lighter;
}
.wysiwyg_template.hero a.btn.schaduw {
	margin-top: 33px;
}
.wysiwyg_template.hero::after {
	display: none;
}

/* WYSIWYG TEMPLATES // hero-label */
.wysiwyg_template.hero-label .eerste {
	background-color: #d5e5e9;
}
.wysiwyg_template.hero-label {
	margin-bottom: 55px;
}
.wysiwyg_template.hero-label .v-center-parent {
	display: table;
}
.wysiwyg_template.hero-label .v-center {
	display: table-cell;
    vertical-align: middle;
    text-align: center;
}
.wysiwyg_template.hero-label .afbeeldingstuk {
	margin-top: 150px;
	margin-bottom: 150px;
}

/* WYSIWYG TEMPLATES // Kwaliteitscheck */
.wysiwyg_template.kwaliteitscheck {
    margin: 0 0 10px;
}
.wysiwyg_template.kwaliteitscheck a {
    color: inherit;
}
.wysiwyg_template.kwaliteitscheck .afbeeldingwrap img {
	float:left
}
.wysiwyg_template.kwaliteitscheck .teksten {
	float:left;
	margin-left: 13px;
}
.wysiwyg_template.kwaliteitscheck .teksten strong {
	float:left;
}
.wysiwyg_template.kwaliteitscheck .teksten span {
	float:left;
	clear:both;
	text-decoration: underline;
}

/* Btn schaduw */


/* Btn schaduw */
.zwart a.btn.schaduw {
	display: inline-block;
	border: 0;
	border-radius: 0;
	padding: 20px 30px;
	font-weight: bold;
	color: white;
	background-color: #f1a784;
	line-height: 1rem;
	font-size: 1.6rem;
	box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.25);
	margin-right:30px;
}
.zwart a.btn.schaduw:hover {
	text-decoration: none;
	box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.45);
	outline: 2px solid #fff;
	color: #f1a784;
	background-color: white;
}
/* Einde - Snippets Extra Stijlen */