/* =========================================================================
Sitestorm - 04-2017
Sitestorm een product van Kommotiv ~ creative communicatie
Copyright © 2017 Kommotiv
post@kommotiv.nl
https://www.kommotiv.nl
	 
Sitestorm Template
Ontwikkeld door Kommotiv.nl
========================================================================== */

/* IE10 viewport hack for Surface/desktop Windows 8 bug */
@import url("ie10-viewport-bug-workaround.css");
/* CSS Bootstrap additions */
@import url("vendor/bs-additions.css");
/* CSS Fonts */
@import url("fonts/font-awesome.css");
/* CSS Reset */
@import url("sk/sk_reset.css");
/* Fonts */
@font-face {
	font-family:"Georgia Light";
	src:url("fonts/SD_Georgia_Light.eot?") format("eot"),
	url("fonts/SD_Georgia_Light.woff") format("woff"),
	url("fonts/SD_Georgia_Light.ttf") format("truetype"),
	url("fonts/SD_Georgia_Light.svg#SDGeorgiaLight") format("svg");
}

/* ======================== Algemene Stylen ==============================*/
body {
	font-family: 'Open Sans', Arial; 
	font-size: 15px/* aangepast Dennis. Was 14px */;
	color: #000;
	background-color:#FFF;
	background-position: right top;
    background-repeat: no-repeat;}


p {
	color:#444;
	font-size: 16px /* aangepast Dennis. Was 15px */;
	line-height: 170%;
	font-weight: 300;
	margin-bottom: 20px;}

table {
	color:#444;
	font-size: 15px;}

ol {
	color: #ff0000;
	padding-top:20px;}

h1,h2,h3,h4,h5{
	font-family: 'Open Sans', Serif;
	font-weight: 300;
	color: #444;
	text-transform: uppercase;}

h1 {
	font-size: 36px;
	text-align: center;}

h2 {font-size: 28px;}

h3 {font-size: 24px;}

h4 {font-size: 18px;}

a {
	outline: 0 !important;
	color: #9C9C9C;}
	
a:hover, a:focus {
	color: #000;
	text-decoration: none;}

.item-page a {color: #000;}
	
.item-page a:hover, 
.item-page a:focus {color:#444;}

.sk_mainwrapper {overflow: hidden;}

@media (max-width: 768px){
	h2 {font-size: 22px;}
}


/* ======================== Logo ==============================*/
#logo img {
	margin-top: 12px;
	width: 300px;
	height: 100%;}

#logo {
	z-index: +1000;
	position: absolute;
	top: 5px;
	width: 300px;}

#logo a h1 {
	text-transform: capitalize;
	color: #550e31;}


@media (min-width: 767px) and (max-width: 991px) {
	#logo img {
		margin-top:12px;
		width: 200px;
		height: auto;}
	
	#logo {margin-left:0;}
	
	.navbar-nav {font-size: 18px !important;}
}
@media (max-width: 767px) {
	#logo img { 
		width: 200px;
		height: auto;}

	#logo {margin-left:0;}
}

@media (min-width:1250px) {
	#logo {margin-left:0px;}
}


/* ======================== Header (achter logo) ============== */

header{
	background: #FFF;
	height: 80px;}

.sk_mainheader nav {
	position: relative;
	top: 20px;
	z-index: 7777;}

.review {position: relative;}

.review-star {
    position: absolute;
    left: 60px;
    top: 60px;
    max-width: 20%;
    z-index:1000; }

@media (max-width: 570px) {
	.review-star {right: 10px;}
}

.review-star img {
    width: 100%;
    height: auto;}

}
/* ======================== Navigation ======================== */

.navbar {margin-top: 20px;}

.navbar-nav {
	float: right;
	font-size: 16px;
	color: #444 !important;
}

.navbar-nav a {
	color: #FFF !important;
	font-family: 'Open Sans', serif;
	font-size: 16px;
	line-height: 14px !important;
	text-transform: uppercase;
}

.nav > li > a:hover, 
.nav > li > a:focus, 
.nav > li.active > a {
	background-color: transparent;
	color: #FFF !important;
	border-bottom: 0px;
	opacity: 1;
}

.nav > li > a:hover {
	background-color: #773e5a;
}

.nav > li.active > a {
	background-color: #773e5a;
}

.navbar {
	margin: 0 !important;
	border:0px;
}

.navbar-nav > li > a {
	padding: 12px 18px 12px 35px;
	margin: 0;
	min-width: auto;}

.navbar-nav .dropdown-menu > .active > a {background: transparent;}

.navbar-nav .deeper.dropdown.parent i.fa.fa-chevron-right {
	margin-left: -20px;
	margin-right: 10px;
	color: #FFF;
}
.dropdown-menu .fa.fa-chevron-right {
    display: none;
}

.navbar-nav .deeper.dropdown.parent.open i.fa.fa-chevron-right {
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	transform: rotate(90deg);}


.navbar-toggle {display: block;}

.navbar-toggle .menu-toggle {
	height: 50px;
	width: 50px;
	margin-top: 6px;
}

.navbar-toggle {
	background: transparent;
	border: 0;
	border-radius: 0;}

.navbar-toggle:hover, .navbar-toggle:active {
	background: transparent;
	opacity: 0.7;
}

.navbar-nav > li.dropdown {
/*font-size: 16px;
line-height: 23px;
font-weight: 700;*/
}
/* 
.fa {  }
.navbar-inverse .navbar-nav > .active > a, 
.navbar-inverse .navbar-nav > .active > a:hover, 
.navbar-inverse .navbar-nav > .active > a:focus {  } */

.navbar-toggle .icon-bar {background: #444;}

.navbar-collapse.collapse.in .navbar-nav, .navbar-collapse.collapsing .navbar-nav {
	float: none;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
}
.open > .dropdown-menu {
    display: block;
    background: none;
    position: relative;
    border: 0px;
    box-shadow: none;
    width: 100%;
    padding: 0;

}
.dropdown-menu > li > a {
	padding: 12px 18px;
	width: 100%;
	display: block;
	text-transform: lowercase;
	font-size:16px;
	line-height: 14px;
	height: 40px;
}
.dropdown-menu > li > a > span {
	margin-left:1.1em;
}
.nav .open > a, 
.nav .open > a:focus, .nav .open > a:hover {
	background: #773e5a;
}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
	background: #773e5a;
}
/**
* pagination
* --------------------------------------------------
*/
.pagination {
    color: black;
	display: block;
	text-align: center;
	padding: 8px;
	border: 1px solid #DDD;
	height: auto;
}
.pagination > ul {margin-bottom: 0;}

.pagination > ul > li {
	display: inline;
	border: 1px solid #404040;
	padding: 3px 6px;
}
.pagination > ul > li > span:hover {color: red;}

p {height: auto;}

.pagenav > li > a:hover {color: red;}

.pull-right {float: right;}

.pagination > li > a, .pagination > li > span {
	color: #434a54;
	background-color: #FFF;
	border-color: #ccd1d9;
}

.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus {
	color: #FFF;
	background-color: #ccd1d9;
	border-color: #ccd1d9;
}

.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
	color: #FFF;
	background-color: #8cc152;
	border-color: #8cc152;
}

.pagination > .disabled > span, .pagination > .disabled > span:hover, .pagination > .disabled > span:focus, .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus {
	color: #e6e9ed;
	background-color: #FFF;
	border-color: #ccd1d9;
}


/**
* pager
* --------------------------------------------------
*/
.pager {
	background-color: transparent;
	border-radius: 0;
}

.pager li:first-child > a,
.pager li:first-child > span {border-radius: 0;}

.pager li > a, .pager li > span {
	color: white;
	background-color: transparent;
	border: 0;
	color: #CC345B;
	border-radius: 0;
}

.pager li > a:hover, .pager li > a:focus {
	background-color: transparent;
	text-decoration: underline;
}

.pager .disabled > a, .pager .disabled > a:hover, .pager .disabled > a:focus, .pager .disabled > span {
	color: #e6e9ed;
	background-color: #FFF;
	border-color: #e6e9ed;
}

.nav-tabs {
	border-bottom: 0;
	color: #4f4f4f;
	font-size: 14px;
	padding: 0 0 20px 20px;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {border: 0;}

/**
* slider
* --------------------------------------------------
*/
.slider {
    position: relative;
    margin-top: 0px;}

.theme-default .nivoSlider {box-shadow: none;}

.nivo-caption {
	background: transparent;
	top: 12%;
	text-align: center;
}
.nivo-heading {
	font-family: 'Georgia Light', serif;
	font-size: 3.2em;
	color: #fff;
	font-style: italic;
	font-weight: 100;
	width: 50%;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}
.slider-wrapper {
	display: flex;
	justify-content: center;
}
.go-down {
    position: absolute;
    width: 70px;
    bottom: 40%;
    display: block
}
.go-down a {
    display: block !important;
    position: relative;
    z-index: +1000;
}
@media (max-width:767px) {
	.nivo-heading {
		font-size:2em;
		width: 80%;
	}
}

/* ===================== Module over slider ====================== */
.button-slider {
    position: absolute;
    bottom: 0;
    right: 10%;
    z-index: 100;
}


/* ======================== Kruimelpad ============================ */
.breadcrumb.kruimelpad {
    background-color: transparent;
    margin-bottom: 0;
}

/* ========================= Homepage Blokken Tijdvakken =================== */
.home-layout .page-header {
	padding-bottom: 0px;
	margin: 30px 0 20px;
}
.home-layout .page-header h2 {
	color: #666666;
	text-transform: uppercase;
}
.home-layout .items-leading .recent-schilderij {
	float: none;
	margin-left: auto;
	margin-right: auto;
	margin-top: 30px;
	overflow: hidden;
}
.home-layout .tijdvakken-schilderij {
	margin: 0 auto;
	overflow: hidden;
}
.home-layout .recent-schilderij .col-inner {
	padding-bottom: 40px;
}
a.regular {
	background: url('../images/button.svg') no-repeat center left;
	color:#666;
	display: inline-block;
	padding: 6px 12px;
	margin-top: 1em;
	margin-bottom: 0;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.42857143;
	text-align: left;
	white-space: nowrap;
	vertical-align: middle;
	-ms-touch-action: manipulation;
	touch-action: manipulation;
	cursor: pointer;
	border: 0px solid transparent;
	border-radius: 0px;
}
a.regular:hover {
	color:#550E31;
	background: url('../images/button-hover.svg') no-repeat center left;
	display: inline-block;
	padding: 6px 12px;
	margin-top: 1em;
	margin-bottom: 0;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.42857143;
	text-align: left;
	white-space: nowrap;
	vertical-align: middle;
	-ms-touch-action: manipulation;
	touch-action: manipulation;
	cursor: pointer;
	border: 0px solid transparent;
	border-radius: 0px;
}

a.regular span {
    text-align: center;
    padding-left: 2.1em;
    font-size: 1.15em;
}
.recent-schilderij .schilderij-block img {
	width: 70%;
	margin:0 auto;
	position: relative;
	display: block
}
.tijdvakken-schilderij .schilderij-block img {
	width: 100%;
	max-height: 250px;
}
#sk_home .tijdvakken-schilderij .schilderij-block {
    height: 250px;
    display: flex;
	justify-content: center;
	align-items: center;
	overflow: hidden;
}


/* ======================== Content Part ========================= */
.page-header {
	border-bottom: 0;
	color: #444;
	text-align: center;
}

.item-page {padding: 0;}

img-intro-left.sk_maincontent {background: #FFF none repeat scroll 0 0;}

#sk_home .sk_maincontent{padding-bottom: 0;}

#sk_home .sk_maincontent,
#sk_webshop .sk_maincontent {background: none;}

#sk_home .j2store-product-images,
#sk_home .j2store-product {display: none;}

@media (max-width:768px) {
	.sk_maincontent p,
	.sk_maincontent h2,
	.sk_maincontent h3 {
		padding-left: 15px;
		padding-right: 15px;
	}
}

.mod-articles-category-introtext img {
	width: 40%;
	float: left;
	margin: 7px 10px 15px 0;
}

figure.pull-right {
    padding-left: 20px;
    padding-bottom: 20px;
    float: right;
}

figcaption {
	color: #666;
	font-size: 14px;
	text-align: center;
	font-weight: 500;
}

.blog a.btn {
	font-family: 'Roboto Slab', Arial;
	color: #444;
	font-size: 16px;	
	width: 90%;
	text-align: left; 
	padding: 0;
	/*bottom: 20px;
	left: 5%;
	*/
}

.blog p {color: #4f4f4f;}

.col-md-4 {
    background: #fff;
	padding:3px !important;
}

.col-md-4.leading-0 {margin-right: 10px;}

.col-md-4.leading-1 {
    margin-left: 5px;
    margin-right: 5px;
}

.col-md-4.leading-2 {margin-left: 10px;}

.col-md-4.leading-0, .col-md-4.leading-1, .col-md-4.leading-2 {
    width: 32%;
    background: #FFF;
}

.col-inner {
    height:100% !important;
	padding-bottom: 60px; 
	position: relative;
}

.col-inner .item-image {text-align: center;}

@media (max-width: 991px) {
	.col-md-4.leading-0 {margin-right: 10px;}

	.col-md-4.leading-1 {
	    margin-left: 10px;
	    margin-right: 0;
	}

	.col-md-4.leading-2 {
		margin-top:20px;
	    margin-left: 0;    
	    margin-right: 0;
	}
}

/*.col-inner .item-image img {
    max-width: 100%;
}*/

.item-page .published {text-align: left;}


.col-inner .item-image img,
.catblog-blok img {
	text-align: center;
	width: 65%;
}

.catblog-blok img {padding-bottom: 25px;}

.catblog-blok .col-inner {padding-top: 25px;}

.item-home > .item-image > img{
	height: auto;
	text-align: center;
	width: 65%;
}

img.image_intro{
	width: 100%;
}

@media (max-width:768px) {
	.col-inner .item-image img,
	.catblog-blok img{
		height:auto;
		width: 100%;
	}
}


.col-md-6 .col-inner .item-image {
    float: right !important;
    width: 50%;
}

.col-md-6 .col-inner a.btn {width: 40%;}

.col-md-6 .col-inner p, .col-md-6 .col-inner h2 {width: 50%;}

.blog a.btn {position: absolute;}

@media (max-width: 991px) {
	.col-md-4, .col-md-3 {
		float: left;
	    width: 50% !important;
	}
	
	.col-md-6 .col-inner .item-image {
	    float: right !important;
	    width: 30%;
	}

	.col-md-6 .col-inner a.btn {width: 60%;}

	.col-md-6 .col-inner p, .col-md-6 .col-inner h2 {width: 70%;}
}


@media (max-width: 767px) {
	.col-md-4, .col-md-3 {width: 100% !important;}

	.col-md-4.leading-0, .col-md-4.leading-1, .col-md-4.leading-2 {
    height: auto;
    margin: 0 0 5px;
    width: 100%;
	}
}

/* Blokken onder */
.item-page .col-md-8, .item-page .col-md-4 {
    padding-left: 0;
    padding-right: 0;
}
.moduletable.quotes {
	padding-left: 20px;
}
@media (max-width:991px) {
	.moduletable.quotes {
		padding-left: 0px;
		padding-top: 20px;
	}
}
.pagenavcounter {
    color: #4F4F4F;
    font-size: 14px;
    font-weight: 400;
    line-height: 170%;
}
.nav-tabs > li > a {
	border: 0;
	border-radius: 0;
	line-height: 170%;
	margin-right: 0;
	padding: 5px 10px;
	color: #4F4F4F;
}


/* ======================== PAGE - Nieuw Project ======================== */
#sk_nieuwe-projecten .sk_maincontent {background: #550E31;}
#sk_nieuwe-projecten .sk_maincontent h2 {color: #FFF; text-align: left;}
#sk_nieuwe-projecten .sk_maincontent h2 span {display: inline-block; margin: 19px 0;}
#sk_nieuwe-projecten .sk_maincontent h3,
#sk_nieuwe-projecten .sk_maincontent p,
#sk_nieuwe-projecten .sk_maincontent date {color: #FFF;}

#sk_nieuwe-projecten .sk_maincontent img.afbeelding-schilderij {width: 100%;height: auto;}

#sk_nieuwe-projecten .schilderij-header h2 {margin-top: 25px; font-weight: 400; text-transform: none;}

#sk_nieuwe-projecten .schilderij-header h3 {margin: 0 0 25px 0;font-weight: 100; text-transform: none;}

/* ======================== PAGE - Curricullum ======================== */
#sk_curriculum .sk_maincontent {background: #F3EBDC;}
#sk_curriculum .sk_maincontent h2 {text-align: left;}
#sk_curriculum .sk_maincontent h2 span {display: inline-block; margin: 19px 0;}

.toggle-link.collapsed:before {
	content: "\f054";
	font-family: "FontAwesome";
	color: #bf272d;	
	/* margin-right: 10px; */
	margin-left: -20px;
	}

.toggle-link:before {
	content:"\f078";
	font-family: "FontAwesome";
	color: #bf272d;
	margin-right: 5.5px;
	margin-left: -25px;}

.toggle-link:hover:before {
	content:"\f077";
	font-family: "FontAwesome";
	color: #bf272d;
	margin-right: 5.5px;}

.toggle-link.collapsed:hover:before {
	content:"\f078";
	font-family: "FontAwesome";
	color: #bf272d;
	margin-right: 5.5px;
	margin-left: -25px;}

.toggle-link.collapsed:hover {font-weight: 100;
	margin-right: 5.5px;}

.curriculum-blog .panel-default > .panel-heading {
	color: #666;
	background: #f3ebdc;
	border-color: none;
	border: 0px;
	text-transform: none;
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;}

h3.panel-title {
	text-transform: none;
	margin-left: 20px;}

.panel-default {
	border:0px;
	box-shadow: none;}

.panel {
	margin-bottom: 0;
	border-radius: 0;}

.panel img {width: 100%;}

.panel-heading {padding: 10px 0;}

.panel-group .panel {border-radius: 0;}

.panel-group .panel-heading + .panel-collapse > .list-group, 
.panel-group .panel-heading + .panel-collapse > .panel-body {border: 0;}

.panel-body .readmore{visibility: hidden; display: none;}

.panel-body p {margin-bottom:0;}


/* ======================== PAGE - Ontwikkelingsverhaal ================= */
#sk_ontwikkelingsverhaal .sk_maincontent {background: #EAEFE4;} 
#sk_ontwikkelingsverhaal .sk_maincontent .img-intro-left img {width: 100%;}
#sk_ontwikkelingsverhaal .sk_maincontent h2 {color: #666; text-align: left;}
#sk_ontwikkelingsverhaal .sk_maincontent h3 {color: #550E31; font-weight: 400; text-transform: none;}
#sk_ontwikkelingsverhaal .sk_maincontent p {color: #6C6C6C;}
#sk_ontwikkelingsverhaal .sk_maincontent p:first-of-type {font-weight: bold;}

#sk_ontwikkelingsverhaal .sk_maincontent blockquote {
	background: #FFF;
	display: block;
	padding: 0 35px 35px 35px;
	margin: 40px auto;}

#sk_ontwikkelingsverhaal .sk_maincontent blockquote p {
	font-weight: 400;
	font-size: 1.4em;
	text-align: center;
	padding: 50px 30px 30px 30px;
	border-bottom: 1px solid #c3aa91;}

#sk_ontwikkelingsverhaal .sk_maincontent blockquote i {
	display: block;
	font-family: Arial, Helvetica, sans-serif;;
	font-size: 4em;
	color: #a37c55;
	text-align: center;
	margin: 0 0 -10px -21px;
	padding: 0;}

#sk_ontwikkelingsverhaal .sk_maincontent .sub {
	background: #FFF;
	padding: 15px;
	margin-top: 21px;}

#sk_ontwikkelingsverhaal .sk_maincontent .sub p {font-weight: normal;}
#sk_ontwikkelingsverhaal .sk_maincontent .sub h3 {margin-top: 0;}

@media(max-width: 768px){
	#sk_ontwikkelingsverhaal .sk_maincontent blockquote {
		margin-left: 10px;
		margin-right: 15px;}

	#sk_ontwikkelingsverhaal .sk_maincontent blockquote p {padding: 50px 10px 10px 10px;}
	#sk_ontwikkelingsverhaal .sk_maincontent .sub {margin: 0 0 -90px -15px;}
}



/* ======================== PAGE - Tijdvakken / Schilderijen ============ */
.sk_schilderijen .pager.pagenav li.next a,
.sk_schilderijen .pager.pagenav li.previous a {
	border-color: transparent #B1B1B1;
	border-style: solid;
	height: 0;
	width: 0;
	padding: 0;
	font-size: 0;}

.sk_schilderijen .pager.pagenav li.next a {border-width: 21px 0 21px 31px;}
.sk_schilderijen .pager.pagenav li.previous a {border-width: 21px 31px 21px 0;}

.sk_schilderijen .pager.pagenav li .icon-chevron-left,
.sk_schilderijen .pager.pagenav li .icon-chevron-right {
	display: block;
	border-color: transparent #FFF;
	border-style: solid;
	height: 0px;
	width: 0px;
	padding: 0;}

.sk_schilderijen .pager.pagenav li .icon-chevron-left {border-width: 20px 30px 20px 0; margin: -21px 0 0 0;}
.sk_schilderijen .pager.pagenav li .icon-chevron-right {border-width: 20px 0 20px 30px; margin: -19px 0 0 -30px;}

.sk_schilderijen .pager.pagenav li .icon-chevron-left:hover,
.sk_schilderijen .pager.pagenav li .icon-chevron-right:hover {border-color: transparent #EEE;}

.sk_schilderijen .pager.pagenav {
	position: absolute;
	top: 50%;
	left: 10px;
	right: 10px;
	margin: 0;
	margin-top: -21px;}

@media (max-width: 320px){
	.sk_schilderijen .pager.pagenav {margin-top: -21px}
	.sk_schilderijen .pager.pagenav li.next a {border-width: 21px 0 21px 31px;}
	.sk_schilderijen .pager.pagenav li.previous a {border-width: 21px 31px 21px 0;}
	.sk_schilderijen .pager.pagenav li .icon-chevron-left {border-width: 20px 30px 20px 0; margin: -21px 0 0 0;}
	.sk_schilderijen .pager.pagenav li .icon-chevron-right {border-width: 20px 0 20px 30px; margin: -19px 0 0 -30px;}
}


/*------------------------------------------------*/

.sk_schilderijen .schilderij-header h2, .sk_schilderijen .schilderij-header h3 {
	color: #666; 
	text-transform: none; 
	font-weight: 500;
	font-size: 1.6em;
	padding: 0.6em 0;
}
.sk_schilderijen .schilderij-beschrijving {background: #FFF; border-bottom: 1px solid #c3aa91;}
.sk_schilderijen .schilderij-beschrijving p {color: #666;}


/*.sk_schilderijen ul.category-module {
	position: absolute;
	text-align: right;
	bottom: 428px;
	right: 36px;
	z-index: 700;}

.sk_schilderijen ul.category-module li {
	list-style: none;
	display: inline-block;
	padding: 0 3px;}

.sk_schilderijen ul.category-module li:first-child {padding-left: 0;}
.sk_schilderijen ul.category-module li:last-child {padding-right: 0;}
*/
.sk_schilderijen .li-content a {
	display: block;
	width: 12px;
	height: 12px;
	background: transparent;
	border-radius: 100%;
	border: 1px solid #666;}

.sk_schilderijen .li-content h3 {
	font-weight: 400;
	font-size: 22px;
	color: #444;
	display: none;}

.sk_schilderijen .li-content h3:hover {color: #666;}

.sk_schilderijen .li-content .mod-articles-category-title.active {background: #666;}

.sk_schilderijen .afbeelding-schilderij {
	max-width: 100%;
	display: block;
	margin: auto;
}
.schilderijen.blog .afbeelding-schilderij {
	max-width: 100%;
	display: block;
	margin: auto;
}

.sk_schilderijen .afbeelding-panorama, .schilderijen.blog .afbeelding-panorama {
	width: 100%;
	padding: 30px 0;
}

.schilderijen.blog {
	background: #FFF; 
	border-bottom: 1px solid #c3aa91;
}


.con-color {position: relative;}

/* Container-fluid achtergrond kleuren voor de tijd vakken/categorieen */
.category-34 article .con-color {background: #e3e9d4;} /* Recent */
.category-38 article .con-color {background: #dedace;} /* 1999-2013 */
.category-37 article .con-color {background: #bdb7c4;} /* 1992-1999 */
.category-36 article .con-color {background: #dac1bc;} /* 1985-1992 */
.category-35 article .con-color {background: #c6d9dc;} /* 1977-1985 */


.category-34 .schilderijen-category-module .regular.mod-articles-category-title.category-34 span,
.category-35 .schilderijen-category-module .regular.mod-articles-category-title.category-35 span,
.category-36 .schilderijen-category-module .regular.mod-articles-category-title.category-36 span,
.category-37 .schilderijen-category-module .regular.mod-articles-category-title.category-37 span,
.category-38 .schilderijen-category-module .regular.mod-articles-category-title.category-38 span {
	color:#550E31;
	background: url('../images/button-hover.svg') no-repeat;
} 

#sk_recent article .con-color {background: #e3e9d4;} /* Recent */
#sk_1999-2013 article .con-color {background: #f2ebde;} /* 1999-2013 */
#sk_1992-1999 article .con-color {background: #bdb7c4;} /* 1992-1999 */
#sk_1985-1992 article .con-color {background: #dac1bc;} /* 1985-1992 */
#sk_1977-1985 article .con-color {background: #c6d9dc;} /* 1977-1985 */

.bolletjes-blok .category-module {
	margin: 32px 0;
	padding: 0;
}

@media(max-width: 767px){
	.bolletjes-blok .category-module {
		text-align: center;
		margin: -10px 0 10px 0;
	}
}


/* ======================== HOME - Nieuw project ======================== */ 
.wrapper-nieuw-project {background: #550e31;}

.nieuw-project {padding-bottom: 10px;}

.nieuw-project h2,
.nieuw-project h3,
.nieuw-project h4,
.nieuw-project p,
.nieuw-project dl span {color: #FFF;}
.nieuw-project img.afbeelding-schilderij {width: 100%;height: auto;}


.nieuw-project h2 {margin-bottom: 20px;}

.nieuw-project h3,
.nieuw-project h4 {font-size: 28px; text-transform: none;}

.nieuw-project h4 {font-size: 18px;}

/* ======================== HOME - Schilderijen ========================= */ 
.wrapper-schilderijen .moduletable h2:first-child {text-align: center;}

.s1,.s2,.s3,.s4,.s5 {display: inline-block; padding: 0 25px; max-width: 450px; margin: 0 5px;}

/* achtergrond kleuren */
.s1 {background: #e3e9d4;}
.s2 {background: #f2ebde;}
.s3 {background: #550e31;}
.s4 {background: #dac1bc;}
.s5 {background: #c6d9dc;}



@media(max-width: 450px){
	.tijdelijk .row {
		margin-left: -20px;
		margin-right: -20px;}
	.tijdelijk h3 {margin-left: 15px;}
}


/*--------------------------------*/



/* ======================== Below Content ======================== */

.schilderijen-category-module {
	padding-top: 20px;
}
.schilderijen-category-module .inner {
	padding: 0px !important;
	margin-top: 0px;
}
.schilderijen-category-module .inner h3 {
	text-transform: none;
	margin-top: 10px;
}
.schilderijen-category-module .inner a.regular {
	margin-top: 0px;
	padding:0;
	font-size: 16px;
}
.schilderijen-category-module .inner a.regular span {
	font-size: inherit;
}


/* ======================== Under Content ======================== */ 

.wrapper-under-content {
	margin-top: 30px;
	margin-bottom: 30px;}

a.readmore {
	display: inline-block;
	margin-top: 50px;
	margin-bottom: 15px;
	text-transform: uppercase;
	background: url(../images/button-white.svg) no-repeat left 0;
	padding: 0 0 2px 35px;
	font-size: 18px;
	font-weight: 100;}

a.readmore:link, 
a.readmore:visited, 
a.readmore:hover {color: #FFF;}

.ontwikkelingsverhaal .intro-image,
.curriculum .intro-image {
	display: block;
	width: 100%;
	margin: 15px 0 40px 0;}


/*> Ontwikkelingsverhaal / Curriculum blokken <========================= */
.col-md-6.ontwikkelingsverhaal,
.col-md-6.curriculum {padding: 20px;}

.col-md-6.ontwikkelingsverhaal div {background: #a25536; padding: 20px 25px;}
.col-md-6.curriculum div {background: #550e31; padding: 20px 25px;} 

.col-md-6.ontwikkelingsverhaal h4,
.col-md-6.curriculum h4 {margin-bottom: 20px;}

.col-md-6.curriculum h3,
.col-md-6.curriculum h4,
.col-md-6.curriculum p,
.col-md-6.ontwikkelingsverhaal h4,
.col-md-6.ontwikkelingsverhaal p {color: #FFF;}

.col-md-6.ontwikkelingsverhaal h3 {
	font-size: 1.2em;
	font-weight: 400;
	color: #FFF;
	text-transform: none;}

@media (max-width: 920px) {
	.col-md-6.ontwikkelingsverhaal,
	.col-md-6.curriculum  {margin: 0 25px;}
	.col-md-6.ontwikkelingsverhaal div,
	.col-md-6.curriculum div  {padding: 10px 45px;}
}


.wrapper-under-content-top > img {width: 100% !important;}

.wrapper-under-content {padding: 0;}

.wrapper-under-content-2 {padding: 20px 0 150px 0;}

.title-under-content h3 {
	font-weight: 300 !important;
	font-size: 48px !important; 
	padding-left: 25px;
	color: #444 !important;
}

.moduletable.blokkenonder > h3 {color: #555;}

.under-content h3 {font-weight: 300;}

.category-module.blokkenonder {
    padding-left: 10px;
    padding-right: 0;
    position: relative;
}


.blokkenonder li {
    float: left;
    list-style-type: none;
    margin: 14px;
    min-height: 450px;
    width: 22%;
    padding: 4px;
    background: #FFF;
}

.blokkenonder.iconen li {
    float: left;
    list-style-type: none;
    margin: 14px;
    min-height: 250px;
    width: 30%;
    padding: 4px;
    background: none;
}

.blokkenonder.iconen li:hover {opacity: 0.8;}

.category-module .li-inner {
/*	padding: 0;
	padding-bottom: 15px;
	height: 100%;
	position: relative;
*/
}



ul.category-module {margin-top: 10px; text-align: right;}


ul.category-module li {
	list-style: none;
	display: inline-block;
	padding: 0 4px;}

.li-content a {
	display: block;
	width: 12px;
	height: 12px;
	background: transparent;
	border-radius: 100%;
	border: 1px solid #666;}

.li-content h3 {
	font-weight: 400;
	font-size: 22px;
	color: #444;
	display: none;}

.li-content h3:hover {color: #666;}

.li-content .mod-articles-category-title.active {background: #666;}


.blokkenonder li img {width: 100%;}

.blokkenonder .iconen {text-align: center;}

.blokkenonder.iconen li img {
	width: 100px;
	height: 100px;
}

p.mod-articles-category-introtext {
	color: #666;
	font-size: 0.95em;
}

.mod-articles-category-date {
    display: block;
    padding-bottom: 8px;
    position: relative;
    color: #666;
}


/*.mod-articles-category-readmore {
	font-family: 'Open Sans', Arial;
	color: #444;
	font-size: 26px;	
	width: 100%;
	position: absolute;
	bottom: 0;
}*/

.ganaar{
	float: left;
	margin-top: 15px;
}

.ganaar a {
	font-family: 'Open Sans', Arial;
	font-size: 30px !important; 
	padding-left: 30px;
	color: #444 !important;
}

[itemprop="articleBody"] img {
	float: right;
  	margin: 15px -15px 0 25px;
}

.mod-articles-category-readmore a {
	font-weight: 300;
	display: block;
}
@media (min-width: 992px) and (max-width: 1200px) {
	.blokkenonder li {width: 28% !important;}
}

@media (max-width: 991px) {
	.title-under-content h3 {padding-left: 20px;}

	.blokkenonder li,
	.blokkenonder.iconen li {
		width: 46%;
		height: 200px;
	}
	.category-module.blokkenonder {padding-left: 0px;}

	[itemprop="articleBody"] img{
		margin: 0;
		text-align: left !important;
		width: 50%;
	}
}

@media (max-width: 768px) {
	[itemprop="articleBody"] img{
		margin: 0 !important;
		padding-bottom: 25px;
		display: block;
		width: 100%;
	}
	
	.blokkenonder li,
	.blokkenonder .iconen li{
		width: 100%;
		height: auto;
		margin: 0 0 28px 0;
	}

	.mod-articles-category-readmore {position: relative;}
}

.img-intro-left {
	width: 100%;
	margin: 0 auto 20px auto;
	text-align: center;}

@media (max-width: 768px) {
	.item-page > .img-intro-left img {width: 100%;}
}

.mod-articles-category-introtext > strong {
    font-weight: normal;
}

/* ======================== Sidebar ========================= */
#sidebar-left, #sidebar-right {
    width: 25%;
    float: left;
}

#sidebar-left {padding-right: 20px;}

#sidebar-right {padding-left: 20px;}

/* ========================== Form =========================== */
#sk_contact h4 {
	color: #CB355A;
	font-size: 30px;
}

.form-control {
	border-radius: 0;
	box-shadow: none;
}

.form-control:focus {
	border-color: #CB355A;
	box-shadow: none;
}

.btn {border-radius: 0;}

.btn-primary {
	font-family: 'Open Sans', serif;
	font-size: 30px;
	font-weight: 300 !important;
	background-color: #00649D;
	border-color: transparent;
	color: #FFF;
}

.btn-danger {
	background-color: #D7C00E;
	border-color: #D7C00E;
	color: #FFF;
}

.btn-danger:hover, .btn-danger:focus, .btn-danger.focus, .btn-danger:active, .btn-danger.active, .open > .dropdown-toggle.btn-danger {
	background-color: #4692BE;
	border-color: transparent;
	color: #FFF;
}

.btn-primary:hover, .btn-primary:focus, .btn-primary.focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary {
	background-color: #00649D;
	border-color: transparent;
	color: #FFF;
}

.formControlLabel {
	font-weight: 300; 
	font-size: 16px; 
	text-align: left !important;
}

.form-control, .checkbox-inline, .radio-inline {font-weight: 300;}

.formRequired {
	font-size: 50%;
	color: grey;
	vertical-align: super;
}


/* ======================== Footer ======================== */ 
footer {
	background: #f3ebdc;
	position: relative;
	min-height: 320px;}

footer p {color: #666;}

footer a, footer a.visited {color: #666;}

footer a:hover, footer a:active {
	color: #666;
	opacity: 0.7;
	text-decoration: underline;}

footer h3 {
	color: #666;
	font-size: 18px;
	font-weight: 100;
	margin-bottom: 15px;
	padding-bottom: 25px;}

.social .fa {
	background: #666;
	color: #FFF;
	height: 32px;
	width: 32px;
	border-radius: 4px;
	font-size: 18px;
	padding:7.5px 0;
	text-align: center;}

.footernav {
	padding-left: 5px;
	list-style-type: none;
	line-height: 250%;}


.sk_mainfooter .contact-left p {margin-bottom: 5px;}

.sk_mainfooter .contact-right p {margin-top: 18px;}

.sk_mainfooter .contact-right a {
	background: url(../images/button.svg) no-repeat;
	padding: 2px 0 4px 35px;
}


/* ======================== Home Blokken ======================== */ 
.blog.home h2 {
	font-family: 'Open Sans', serif;
	font-size: 22px;
	color: #444;
	text-align: center;
	font-weight: 300;
}

.blog.home p {
	color: #666;
	text-align: center;
}

.blog.home .items-leading .page-header {padding-bottom: 0;}

/* DENNIS 
.blog.home a.button-link {
    position: absolute; border:1px solid red;
    bottom: 10px;
}*/



/* Dennis */
.rsform-submit-button,
.button,
input.button {
    border-radius: 10px;
    color: #FFF;
    display: inline-block;
    font-family: 'Open Sans', serif;
    font-size: 14px;
    font-weight: 300;
    width: 100%;
    padding: 5px 5px 8px 5px;
    text-align: center;
    background: #4B93BC;
    border: none;
}

a.button-link {
    /*border-radius: 10px;
    color: #FFF !important;
    display: inline-block;
    font-family: 'Open Sans', serif;
    font-size: 14px;
    font-weight: 300;
    width: 90%;
    padding: 5px 5px 8px 5px;
    text-align: center;
    background: #444;
    border:none;
    left:12px;
    position: absolute;
	bottom:10px;*/
	color:#9C9C9C;
}

.rsform-submit-button:hover,
.button:hover,
input.button:hover {
	background: #D93600 !important;
	color: #FFF !important;
}
/*
.item-home a.button-link{
	background: #6E9843;
}*/

.mod-articles-category-readmore {
    bottom: 0;
    position: absolute;
    width: 90%;
}





/************* BLOG ***************/
/* STEPHAN: Uitgezet
.blog h2 {
	font-family: 'Open Sans', serif;
    font-size: 22px;
    font-weight: 300;
    text-align: center;
}
*/

.blog p {color: #666;}

.blog .readmore {
    bottom: 0;
    left: -50%;
    position: absolute;
    right: -50%;
}