/* Importeer basis stijlen van de bootstrap */

/*------------------------------------------------------------------
[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 paars */
.btn-paars {
	color: #ffffff;
	background-color: #8A2BE2;
	border-color: #8A2BE2;
}
.btn-paars:hover,
.btn-paars:focus,
.btn-paars.focus,
.btn-paars:active,
.btn-paars.active,
.open > .dropdown-toggle.btn-paars,
.btn-paars:active:hover,
.btn-paars.active:hover,
.open > .dropdown-toggle.btn-paars:hover,
.btn-paars:active:focus,
.btn-paars.active:focus,
.open > .dropdown-toggle.btn-paars:focus,
.btn-paars:active.focus,
.btn-paars.active.focus,
.open > .dropdown-toggle.btn-paars.focus {
	color: #ffffff;
	background-color: #8A2BE2;
	border-color: #8A2BE2;
	box-shadow: inset 0 0 0 1000px rgba(0,0,0,.1);
}
.btn-paars:active,
.btn-paars.active,
.open > .dropdown-toggle.btn-paars {
  	background-image: none;
}

/* 1.2 - Custom Alerts */
/* Alert - kleur paars */
.alert-paars {
	background-color: #8A2BE2;
	border-color: #8A2BE2;
	color: #ffffff;
}
.alert-paars hr {
  	border-top-color: #8A2BE2;
}
.alert-paars .alert-link {
  	color: #2b542c;
}

/* 1.2 - Custom Panels */
/* Panel - kleur paars */
.panel-paars {
  	border-color: #8A2BE2;
}
.panel-paars > .panel-heading {
	color: #ffffff;
	background-color: #8A2BE2;
	border-color: #8A2BE2;
}
.panel-paars > .panel-heading + .panel-collapse > .panel-body {
  	border-top-color: #8A2BE2;
}
.panel-paars > .panel-heading .badge {
	color: #8A2BE2;
	background-color: #ffffff;
}
.panel-paars > .panel-footer + .panel-collapse > .panel-body {
  	border-bottom-color: #8A2BE2;
}

/* 1.2 - Custom Labels */
/* Label - kleur paars */
.label-paars {
  	background-color: #8A2BE2;
}
.label-paars[href]:hover,
.label-paars[href]:focus {
  	background-color: #449d44;
}
/* 1.5 - Custom Tables */
.table {
    border-style:solid;
    border-color:transparent;
}


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


/* SNIPPET - FOTO MET 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;
	height:auto;
	padding:1px;
}
/* Einde - Snippets Basis Stijlen */

/* ========================================
	2.1 Extra Bootstrap Snippets Stijlen
   ========================================= */
/* Einde - Extra Bootstrap Snippet Stijlen */