@font-face {
    font-family: 'open_sans_condensedbold';
    src: url('../fonts/OpenSans-CondBold-webfont.eot');
    src: url('../fonts/OpenSans-CondBold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans-CondBold-webfont.woff') format('woff'),
         url('../fonts/OpenSans-CondBold-webfont.ttf') format('truetype'),
         url('../fonts/OpenSans-CondBold-webfont.svg#open_sans_condensedbold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sansregular';
    src: url('../fonts/OpenSans-Regular-webfont.eot');
    src: url('../fonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans-Regular-webfont.woff') format('woff'),
         url('../fonts/OpenSans-Regular-webfont.ttf') format('truetype'),
         url('../fonts/OpenSans-Regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

#content aside img{
	max-width: 150px;
	height: auto;
}

@font-face {
    font-family: 'open_sanssemibold';
    src: url('../fonts/OpenSans-Semibold-webfont.eot');
    src: url('../fonts/OpenSans-Semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans-Semibold-webfont.woff') format('woff'),
         url('../fonts/OpenSans-Semibold-webfont.ttf') format('truetype'),
         url('../fonts/OpenSans-Semibold-webfont.svg#open_sanssemibold') format('svg');
    font-weight: normal;
    font-style: normal;
}

.gallery-item{
	text-align: left !important;
	width: auto !important;
	flex: 1;
    flex-grow: 0;
    margin-right: 15px;
}

.gallery{
	display: flex;
	flex-wrap: wrap;
}

#prev{
	background:url(../images/prev.png);
	text-indent:-9999px;
	width:45px;
	float:left;
	position:absolute;
	margin:0 0 0 1px;
	cursor:pointer;
	z-index:150;
	height:89px;
	left:15px;
top:50%;
}

#next{
	background:url(../images/next.png);
	text-indent:-9999px;
	width:45px;
	position:absolute;
	z-index:150;
	margin:0 1px 0 0;
	cursor:pointer;
	height:89px;
	float:right;
top:50%;
right:15px;
}

a{
	color: #db1e23;
}

#colorbox{
	box-sizing:content-box;
}

.alignleft{
	display:inline;
	float:left;
}

.alignright{
	display:inline;
	float:right;
}

.aligncenter{
	clear:both;
	display:block;
	margin-left:auto;
	margin-right:auto;
}

img.alignleft,
picture.alignleft img,
img.alignright,
picture.alignright img,
img.aligncenter,
picture.aligncenter img{
	margin-bottom:1.625em;
}

img.alignleft,
picture.alignleft img{
	margin-right:20px;
}

img.alignright,
picture.alignright img{
	margin-left:20px;
}

img[class*="align"],
img[class*="wp-image-"],
#content .gallery .gallery-icon img{
	/* Add fancy borders to all WordPress-added images but not things like badges and icons and the like */
	
	padding:6px;
	border: none;
	max-width: 150px !important;
	height: auto !important;
}

.gallery-icon{
	height: 150px;border:1px solid #ddd;
    display: flex;
    align-items: center;
}

.gallery-icon a{
	height: 100%;
    display: flex;
    align-items: center;
}

.wp-caption img{
	border-color:#eee;
}

a:focus img[class*="align"],
a:hover img[class*="align"],
a:active img[class*="align"],
a:focus img[class*="wp-image-"],
a:hover img[class*="wp-image-"],
a:active img[class*="wp-image-"],
#content .gallery .gallery-icon a:focus,
#content .gallery .gallery-icon a:hover,
#content .gallery .gallery-icon a:active{
	/* Add some useful style to those fancy borders for linked images ... */
	background:#eee;
	border-color:#bbb;
}

.wp-caption a:focus img,
.wp-caption a:active img,
.wp-caption a:hover img{
	/* ... including captioned images! */
	background:#fff;
	border-color:#ddd;
}

.home #twitter-widget-0{
	width:100% !important;
}

h1, h2, h3, p, ol, ul{
	margin-top:0;
	margin-bottom:21px;
}

body{
	font:normal 14px/21px 'open_sansregular', Verdana, Geneva, sans-serif;
	color:#000;
}

.navbar-default{
	border:none;
	background:none;
	margin:0;
}

.navbar-default .navbar-brand{
	margin:-28px 0 -15px 0;
	height:auto;
	padding:0;
}

.navbar-default .navbar-brand img{
	margin:0;
	position: relative;
	z-index: 1500;
}

.navbar-default .navbar-toggle{
	position:relative;
	z-index:3000;	
}

.navbar-right{
	margin-top:5px;
}

.navbar-nav.navbar-right:last-child{
	margin-right:0;
}

#jumbomenu{
	background:#fff;
	border-bottom:solid 1px #545454;
	padding:0;
	margin:0;
}

.navbar-default .navbar-nav > li > a{
	padding:0;
	margin:0 0 0 20px;
	font:normal 16px/normal 'open_sans_condensedbold', Verdana, Geneva, sans-serif;
	color:#545454;
}

#oranje-top{
	padding:0;
	margin:0;
	height:46px;
	color:#fff;
	background:#fff;
	font:normal 16px/46px 'open_sans_condensedbold', Verdana, Geneva, sans-serif;
}

#oranje-top a{
	color:#fff;
	font:normal 16px/46px 'open_sans_condensedbold', Verdana, Geneva, sans-serif;
	background:url(../images/extern.png) right 10px no-repeat;
	padding:0 27px 0 0;
	float:left;
	text-decoration:none;
	margin:0;
}

#slider{
	width:100%;
	height:352px;
	padding:0;
	overflow:hidden;
	margin:0;
}

#slider .slide{
	width:100%;
	overflow:hidden;
	height:352px;
    background-size: cover !important;
}

#intro{
	background:#eeeeee;
	padding:55px 0;
	margin:0;
}

#intro p{
	font:normal 14px/21px 'open_sansregular', Verdana, Geneva, sans-serif;
	color:#000;
}

#intro h1{
	font:normal 24px/21px 'open_sans_condensedbold', Verdana, Geneva, sans-serif;
	color:#545454;
}

#laatstefotos{
	color:#fff;
	margin:0;
	padding:15px 15px;
	font:normal 24px/normal 'open_sans_condensedbold', Verdana, Geneva, sans-serif;
	background:#db1e23;
	border:solid 1px #dee9ef;
}

#laatstefotos a, .button{
	color:#fff;
	background:#db1e23;
	border-radius:8px;
	float:right;
	margin:2px 0 0;
	padding:0 10px;
	font:normal 18px/28px 'open_sans_condensedbold', Verdana, Geneva, sans-serif;
	text-decoration:none;
}

.button, .button:hover{
	float:none;
	margin:0 0 35px;
	display:inline-block;
	text-decoration:none;
	color:#fff;
}

#fotoslider img{
	border:solid 1px #dee9ef;
}

#content{
	margin:50px 0 0;
	width:100%;
	float:left;
}

#content h1{
	background:url(../images/lijn.png) right center repeat-x;
	font:normal 21px/28px 'open_sans_condensedbold', Verdana, Geneva, sans-serif;
	color:#545454;
	text-transform:uppercase;
}

#content h2{
	font:normal 18px/24px 'open_sans_condensedbold', Verdana, Geneva, sans-serif;
	color:#000;
	margin-bottom:24px;
}

#content h1 span{
	background:#fff;
	padding:0 10px 0 0;
}

#content .agenda h2{
	margin:0;
}

.datum{
	background:url(../images/agenda.png);
	width:48px;
	height:56px;
	float:left;
}

.maand{
	height:29px;
	width:48px;
	text-align:center;
	color:#fff;
	float:left;
	font:normal 12px/34px 'open_sansregular', Verdana, Geneva, sans-serif;
}

.agendaitem{
	float:left;
	margin:0 0 10px;
	clear:both;
}

.dag{
	height: 27px;
	width: 48px;
	text-align: center;
	color: #000;
	float: left;
	font: normal 18px/24px 'open_sanssemibold', Verdana, Geneva, sans-serif;
}

.agendatekst{
	margin:0 0 0 60px;
}

.col-lg-6 .fb_iframe_widget, 
.col-lg-6 .fb_iframe_widget span, 
.col-lg-6 .fb_iframe_widget span iframe[style] {
	width: 100% !important;
	height:250px;
}

.spacer{
	width:100%;
	height:70px;
	float:left;
}

#jumboshare{
	margin:70px 0 0;
	padding:20px 0;
	border-top:solid 1px #545454;
}

#footer{
	background:#db1e23;
	margin:0;
	padding:50px 0;
	color:#fff;
	font:normal 12px/21px 'open_sanssemibold', Verdana, Geneva, sans-serif;
}

#footer ul{
	margin:0;
	padding:0;
	list-style:none;
}

#footer strong{
	font-size:14px;
	font-style:normal;
}

#footer a, #footer p{
	color:#fff;
	text-decoration:none;
	font:normal 12px/21px 'open_sanssemibold', Verdana, Geneva, sans-serif;
}

.news{
	clear:both;
}

.img-responsive img{
	max-width: 100%;
	height: auto;
}

#fotoslider{
	height: 290px;
}

@media (max-width: 767px)
{
	.news img{
		display:none;
	}
	
	.navbar-default .navbar-brand {
		margin: -30px 0 15px 15px;
		height: auto;
		padding: 0;
	}
	
	#fotoslider{
		clear:both;
    	margin-bottom: 60px;
	}
	
	.gallery-item{
		width:100% !important;
		clear:both;
	}
	
	#laatstefotos{
		width: 100%;
		float:left;
		margin:0;
	}
	
	#slider{
		display:none;
	}
	
	#footer ul{
		margin:0 0 21px;
	}
	
	.volledig{
		margin-bottom:30px;
		float:left;
	}
	
	.spacer{
		display:none;
	}
	
	.navbar-default .navbar-collapse, .navbar-default .navbar-form{
		border-color: #545454;
	}
	
	#prev{
		margin:0 0 0 1px;
	}
	
	#next{
		margin:0 1px 0 0;
	}
}

@media (min-width: 768px) and (max-width: 991px)
{
	
	#laatstefotos span{
		width:50%;
		float:left;
	}
	
	#laatstefotos {
		color: #fff;
		margin:0;
		padding: 15px 15px;
		font: normal 18px/normal 'open_sans_condensedbold', Verdana, Geneva, sans-serif;
		background: #545454;
		border: solid 1px #dee9ef;
		width: 100%;
		float:left;
	}
	
	#laatstefotos a {
		color: #fff;
		background: #db1e23;
		border-radius: 8px;
		float: right;
		margin: 0;
		padding: 0 10px;
		font: normal 18px/28px 'open_sans_condensedbold', Verdana, Geneva, sans-serif;
		text-decoration: none;
	}
	
	.navbar-right{
		margin: 0;
		float: left !important;
		padding: 20px 0 17px;
	}

#fotoslider {
    height: 138px;
}
	
	#footer ul{
		margin:0 0 21px;
	}
	
	#footer{
		padding:50px 0 29px;
	}
	
	#prev{
		margin:0 0 0 1px;
	}
	
	#next{
		margin:0 1px 0 0;
	}
}

@media (min-width: 992px) and (max-width: 1199px)
{
	#prev{
		margin:0 0 0 1px;
	}
	
	#next{
		margin:0 1px 0 0;
	}
	
	.navbar-right{
		margin-top: 10px;
	}
	
	#laatstefotos {
		color: #fff;
		margin: 0;
		padding: 15px 15px;
		font: normal 18px/normal 'open_sans_condensedbold', Verdana, Geneva, sans-serif;
		border: solid 1px #dee9ef;
	}
	
	#laatstefotos a {
		color: #fff;
		background: #db1e23;
		border-radius: 8px;
		float: right;
		margin: -1px 0 0;
		padding: 0 10px;
		font: normal 18px/28px 'open_sans_condensedbold', Verdana, Geneva, sans-serif;
		text-decoration: none;
	}
}