.slideshow{
	-webkit-transition-property: background-image;
	-webkit-transition-duration: 2.0s;
	-webkit-transition-timing-function: ease-out;
}

.hometitle{
	font: 500 36px/54px 'Bebas Neue';
	text-align:center;
		padding-top:0;	margin-top:50px;	padding-bottom:40px;
}
.backfont{
	background-image:url('/images/font-back.jpg');
	background-repeat:no-repeat;
	background-size:cover;
}
.backfont2{
	background-color:#f4f4f5;	
}
.backfont3{
	background-color:#adc8d6;
}
.page-content a,
.page-content a:visited,
.page-content a:active{
	color:#173857;
	text-decoration:underline;
}
.blue-fixed-top{
	position: fixed;
    top: 0;
    height: 40px;
    background: hsla(200, 38%, 14%, .95);
    z-index: 1031;
    left: 0;
    right: 0;
	-webkit-transition: height 0.2s;
    -moz-transition: height 0.2s;
    -ms-transition: height 0.2s;
    -o-transition: height 0.2s;
    transition: height 0.2s;
}
.page-content a:hover{
	color:#173857;
	text-decoration:none;
}
.articles-home img{
	
}
.articles-home a{
	color:#173857;
    padding-top: 0px;
}
.articles-home h4{
	color:#173857;
    padding-top: 0px;
	margin-top:0px;
}
.articles-home p{margin-bottom:0px;}
.newsletter-home{
	background-color: #3b271d;
	color:#fff;
}
.newsletter-home h2{color:#173857}
.slideshow-overlay h3{
    font-weight: 700;
}
.page-content .divider{
	padding-bottom:60px;
	padding-top:40px;
}
.page-footer{
	background-color:#f4f4f5;
	padding-top:40px;
	padding-bottom:40px;
}
.page-footer h4{
	margin:5px 0 0 0;
}
.page-footer h3{
	text-align:left;
	color:#173857;
	font-size:25px;
	padding-top:0;
	margin-top:0;
	font-family: 'Bebas Neue';
}
.page-footer img{
	margin:20px 0;
}
.page-content .container-fluid.gray{
	padding-top:40px;
	padding-bottom:60px;
    background: #f5f6f6
}
.page-content .container-fluid.gray H2{
	padding-bottom:40px;
}
.page-footer a,
.page-footer a:hover,
.page-footer a:visited,
.page-footer a:active{
	color:#171e3a;
}
.page-tweets{
	background-color:#f5f6f6;
}
.page-partners{
	padding-top:20px;
	padding-bottom:80px;
}
.page-partners h2{
	padding-bottom:40px;
	text-align:center;
}
.caption{	font-style:italic;	text-align:center;}
/* FOOTER */
footer{
	background-color:#173857;
	padding-top:15px;
	padding-bottom:15px;
	color:#fff;
	font-size:13px;
}
footer a,
footer a:hover,
footer a:visited,
footer a:active{
	color:#fff;
}
.page-footer input[type="email"]{
	margin:20px 0;	
}
.footer-nav{
	margin: 0px;
    padding: 0px;
}
.footer-nav li{
	list-style-type: none;
    line-height: 40px;
    border-bottom: 1px solid #4f3528;
}
/* END FOOTER */

/* ARTICLE */
.slideshow-small{
	height:250px;
	margin-bottom:0;
	background-image:url('/images/slider-01.jpg');
	background-repeat: no-repeat;
	background-position:center;
	background-size:cover;
}
.slideshow-small .slideshow-overlay{
	margin-top:150px;
}
.articleExcerpt{
	padding-top:30px;
}
.tagButtons{margin-top:20px;}
.articleCategories{
	color:#fff;
}
.articleCategories .col-md-3{
	min-height: 292.5px;
}
.articleCategories .col-md-3 button{
	bottom:5px;
}
.articleCategories a,
.articleCategories a:hover,
.articleCategories a:active,
.articleCategories a:visited{
	color:#000;
	text-decoration:none;
}
.panel{margin-bottom:60px;}
.green>.panel-heading a, .brown>.panel-heading a, .blue>.panel-heading a, .purple>.panel-heading a, .orange>.panel-heading a{
     font-size:20px;
     line-height: 25px;
     margin:0;
}
.green>.panel-heading h2,.brown>.panel-heading h2,.blue>.panel-heading h2,.purple>.panel-heading h2,.orange>.panel-heading h2{
     font-size:20px;
     line-height: 25px;
     margin:0;
     padding-left: 60px;
     padding-top:5px
}
.green>.panel-footer a,.brown>.panel-footer a,.blue>.panel-footer a,.purple>.panel-footer a,.orange>.panel-footer a{
     font-size:16px;
     font-weight: bold;
     text-align:right;
     line-height: 25px;
     margin:0;
}
 .green{
     background-color: #dde4cc;
     border: 2px solid #173857;
}
.green:before{
     content: '';
     background-image: url('/images/panel-green.png');
     background-size:contain;
     width:60px;
     height:61px;
     display:block;
     top:-30px;
     left:15px;
     position:absolute;
}
.green>.panel-heading h2 a, .green>.panel-footer a{
     color:#173857;
}
.green>.panel-heading, .green>.panel-body, .green>.panel-footer{
     background-color: #dde4cc;
     color:#173857;
     border:0;
}
 .brown{
     background-color: #cec8c6;
     border: 2px solid #3b271d;
}
.brown:before{
     content: '';
     background-image: url('/images/panel-brown.png');
     background-size:contain;
     width:60px;
     height:61px;
     display:block;
     top:-30px;
     left:15px;
     position:absolute;
}
.brown>.panel-heading h2 a, .brown>.panel-footer a{
     color:#3b271d;
}
.brown>.panel-heading, .brown>.panel-body, .brown>.panel-footer{
     background-color: #cec8c6;
     color:#3b271d;
     border:0;
}
 .orange{
     background-color: #f5dfce;
     border: 2px solid #d6823b;
}
.orange:before{
     content: '';
     background-image: url('/images/panel-orange.png');
     background-size:contain;
     width:60px;
     height:61px;
     display:block;
     top:-30px;
     left:15px;
     position:absolute;
}
.orange>.panel-heading h2 a, .orange>.panel-footer a{
     color:#d6823b;
}
.orange>.panel-heading, .orange>.panel-body, .orange>.panel-footer{
     background-color: #f5dfce;
     color:#d6823b;
     border:0;
}
 .purple{
     background-color: #e3dce9;
     border: 2px solid #9173aa;
}
.purple:before{
     content: '';
     background-image: url('/images/panel-purple.png');
     background-size:contain;
     width:60px;
     height:61px;
     display:block;
     top:-30px;
     left:15px;
     position:absolute;
}
.purple>.panel-heading h2 a, .purple>.panel-footer a{
     color:#9173aa;
}
.purple>.panel-heading, .purple>.panel-body, .purple>.panel-footer{
     background-color: #e3dce9;
     color:#9173aa;
     border:0;
}
 .blue{
     background-color: #171e3a;
     color: #adc8d6;
}
.blue h2{color: #adc8d6;}
.blue:before{
     content: '';
     background-image: url('/images/panel-blue.png');
     background-size:contain;
     width:60px;
     height:61px;
     display:block;
     top:-30px;
     left:15px;
     position:absolute;
}
.blue>.panel-heading h2 a, .blue>.panel-footer a{
     color:#4a78b4;
}
.blue>.panel-heading, .blue>.panel-body, .blue>.panel-footer{
     background-color: #d2ddec;
     color:#4a78b4;
     border:0;
}
.articleCategories .panel-body>a,.articleCategories .panel-body>a:active,.articleCategories .panel-body>a:hover,.articleCategories .panel-body>a:visited{
     color:#000;
}

.articleItem h3{
	padding-top:0;
	margin-top:0;
	line-height:38px;
}
.articleItem a{text-decoration:none;}
.articles-detail{margin-top:40px;margin-bottom:40px}
.articles-detail h1{
	
}
.articles-detail .intro{
	display:block;
	margin-bottom:30px;
	font-style:italic;
}
.articles-detail .articleContent{
	display:block;
	margin-bottom:60px;
}

.articles-detail .articleContent p{
	margin: 1em 0;
}
.articles-detail .articleContent p + ul{
	margin: 1em 0;
}

/* END ARTICLE */
.mb-10{margin-bottom:10px;}
.mb-40{margin-bottom:40px;}
.mb-80{margin-bottom:80px;}
.mt-40{margin-top:40px;}
.ellipsis {
  text-overflow: ellipsis;
  /* Required for text-overflow to do anything */
  white-space: nowrap;
  overflow: hidden;
}

.ul-clean{
	margin:0;
	padding:0;
}

@media (max-width:480px) {
	.navbar-collapse{
		background:hsla(0, 0%, 100%, .9);
	}
	.navbar-fixed-top .navbar-nav>li>a{
		line-height: 30px;
	}
	.nav>li, .nav>li>a{
		
	}
	.nav>li{
		border-bottom: 1px solid #000;
	}
	.nav li:last-child{
		text-align:center;
		border-bottom:0;
	}
	.navbar-fixed-top button{
		margin: 25px auto;
	}
	
	.nav li:last-child a{margin:0px auto;}
	.nav li:last-child button{margin:5px; auto;}
	.slideshow{
		height:450px;
		margin-bottom:0px;
	}
	.articles-home img,
	.articles-home button{width:100%}
	.hide-mobile{display:none;}
	.home .slideshow-overlay{
		margin-top:160px;
	}
	.navbar-brand{
		height:90px;
	}
	.hometitle{
		font: 800 25px/32px Montserrat;
	    padding-bottom: 20px;
		text-align:center;
	}
	h3{font: 800 25px/32px Montserrat;}
	.page-content .container-fluid.gray H2{
		padding-bottom:20px;
	}
	h1,h2{
		
	}
	.articles-detail h1{
		
	}
	.articles-detail{
		margin-top:20px;
		margin-bottom:20px;
	}
	.text-sm-center{text-align:center}
	.page-footer{padding-top:0}
	.page-footer h3{margin: 20px 0;}
	.page-footer img{margin: 40px 0 20px 0;}
	.blue-fixed-top{display:none}
	.navbar-fixed-top{top:0px;}
	.navbar-fixed-top.smaller{top:0px !important;}
	.navbar-fixed-top .navbar-brand img{height:60px;}
	.navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse{max-height:385px;}
}
a.bijeenkomst{
	font-weight:bold;
	color:#779637 !important;
}
.etm{margin-top:60px}
.ebm{margin-bottom:60px;}
.etp{padding-top:40px;}
.ebp{padding-bottom:40px;}
.page-content button a, .page-content button a:visited, .page-content button a:active
{color:#fff;font-weight:700;text-decoration:none;padding:5px 15px;}


.page-link span{font-size:12px; max-width:100px;text-align:center; margin:10px auto;display: block;}

.jcarousel-wrapper {
    margin: 20px auto;
    position: relative;
    border: 10px solid #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 0 2px #999;
    -moz-box-shadow: 0 0 2px #999;
    box-shadow: 0 0 2px #999;
}

/** Carousel **/

.jcarousel {
    position: relative;
    overflow: hidden;
    width: 100%;
}

.jcarousel ul {
    width: 20000em;
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0;
}

.jcarousel li {
    width: 100px;
    float: left;
    border: 1px solid #fff;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.jcarousel ul li {
    display:inline-block;
    text-align:center;
}

p + ul{
	margin: 0 0 40px;	
}

#content .jcarousel img {
    display: block;
    max-width: 100%;
    margin:auto;
    height: auto !important;
    float:none;
}

.jcarouselimg{
    margin:0px auto;
    width:100%;
    text-align:center;
    padding: 0 15px;
}

.topblue.smaller{height:10px}
.navbar-fixed-top.smaller{top:10px}
.navbar-fixed-top.smaller .navbar-brand img{height:60px;}
.navbar-fixed-top.smaller .navbar-nav>li>a{line-height:60px;}
.navbar-fixed-top.smaller li>button{margin-top:25px}

.more{margin-top:15px;}


    .event {
        display: inline-block;
        width: 100%;
        min-height: 150px;
        margin-bottom: 20px;
        border: 1px solid #607D8D;
        vertical-align: middle;
    }
	
	.eventborder{
		border: 1px solid #607D8D;
		margin-bottom: 20px;
		padding-left:0px;
		padding-right:0px;
	}

        .date {
            float: left;
            width: 150px;
            height: 150px;
            text-align: center;
            background-color: #173857;
            vertical-align: middle;
            overflow: hidden;
			float:left;
        }

            .date .day {
                font-size: 70px;
                color: #fff;
				line-height: normal;
            }

            .date .month {
                font-size: 30px;
                color: #fff;
				line-height: normal;
            }

        .desc {
            display: inline-block;
            padding-left: 20px;
            line-height:normal;
            vertical-align: middle;
			float:left;
			width:70%;
        }

        .doubledate {width:59%;}

    @media screen and (max-width:640px) {
        .desc h3 {
            font-size: 15px;
        }
		
		.eventborder{display:block}
		.desc{}


            .date {
                width: 100px;
                height: 100px;
            }

                .date .day {
                    font-size: 40px;
                }
				
				.date .month {
                    font-size: 20px;
                }



    }
