html, body {
	font-family: 'Open Sans', sans-serif;	
}

body {
	background: #e6e9ee;
	font-size: 13px;	
}

.alignright {
	float: right; 
	margin: 0 0 1em 1em;
}
.alignleft {
	float: left; 
	margin: 0 1em 1em 0;
}

a:hover {
	text-decoration: none;	
}

#fotoalbums {
	margin-top: 30px;
	margin-bottom: 15px;
}

#fotoalbums .col-sm-6 {
	margin-bottom: 30px;
}

/* Boxed */
#boxed {
	background: #fff;	
	-webkit-box-shadow: 0px 0px 10px rgba(50, 50, 50, 0.4);
	-moz-box-shadow: 0px 0px 10px rgba(50, 50, 50, 0.4);
	box-shadow: 0px 0px 10px rgba(50, 50, 50, 0.4);
}
	#boxed .btn-outline {
		font-size: 13px;
		font-weight: 700;
		padding: 2px 5px;
		background: none;
		border: 1px solid #acacac;
		color: #9b9b9b;	
	}
	
		#boxed .btn-outline:hover {
			border: 1px solid #ff675f;
			color: #ff675f;
		}
 
/* Login-bar */
#login-bar {
	background: #ff675f;	
	padding: 20px 0;
}
	
	#login-bar form {
		text-align: center;	
	}
	
	#login-bar input, #login-bar button { border-radius: 0; }
	
	#login-bar input {
		font-size: 14px;
		border: none;	
		padding: 9px 30px 10px 10px;
	}
	
	#login-bar span {
		font-size: 18px;
		color: #fff;
		line-height: 41px;
	}	
	
	#login-bar .btn {
		font-size: 16px;
		font-weight: 700;
		color: #fff;
		background: #95322e;
		padding: 5px 30px 5px 30px;
	}
/* Top-bar */
#top-bar {
	overflow: hidden;
	background: #454da2;
	border-top: 4px solid #ff675f;
	border-bottom: 4px solid #454da2;	
}
	#top-bar #top-bar-buttons {
		margin: 0;
	}
		
		#top-bar-buttons li {
			float: left;	
		}
		
		#top-bar-buttons li.social-btn a {
			display: block;
			line-height: 42px;
			width: 42px;
			text-align: center;
		}
			#top-bar-buttons li.social-btn.twitter:hover { background: #00aced; }
			#top-bar-buttons li.social-btn.facebook:hover { background: #3b5999; }
			#top-bar-buttons li.social-btn.instagram:hover { background: #003569; }
			#top-bar-buttons li.social-btn.linkedin:hover { background: #0073b1; }
			#top-bar-buttons li.social-btn.youtube:hover { background: #c5302c; }
			#top-bar-buttons li.social-btn.flickr:hover { background: #ff0080; }
		
			#top-bar-buttons li.social-btn a {
				font-size: 18px;
				color: #fff;
			}
		
		#top-bar-buttons li.login-btn {
			padding: 0 20px;
			line-height: 42px;
			background: #ff675f;
		}
			
			#top-bar-buttons li.login-btn a {
				font-size: 12px;
				font-weight: 700;
				text-transform: uppercase;
				color: #fff;
			}
			
/* Header */
header {
	background: #fff;	
	padding: 0 25px;
}	
	header .navbar {
		margin: 0;	
		min-height: 0;
		border: 0;
	}
	
	.navbar .navbar-brand {
		margin: 20px 0;
		padding: 0;	
	}

	.navbar .navbar-brand img {
		max-width: 210px;
	}
	
	.navbar .navbar-toggle {
		height: 34px;
		margin: 54px 15px 0 0;
	}
	
	.navbar .navbar-toggle .icon-bar {
		background: #454da2;	
		float: left;
		clear: left;
	}
	
	.navbar .navbar-toggle .icon-text {
	    font-family: 'Open Sans', sans-serif !important;
		font-size: 16px;
		font-weight: 700;
		color: #454da2;
		float: right;
		padding: 0;
		margin: -1px 0 0 5px;
		line-height: 0px;
		text-transform: uppercase;
	}
	
	.navbar .navbar-toggle:hover .icon-bar, .navbar .navbar-toggle:hover .icon-text {
		background: #ff675f;
		color: #ff675f;	
	}

	@media (max-width: 370px) {
		.navbar .navbar-brand {
			max-width: 170px;	
		}
	}

	/* Topmenu */
	#topmenu {
		float: right;
		clear: right;
		margin: 40px -25px 0 0;
	}
	
		#topmenu > li {
			float: left;
			line-height: 30px;	
		}
		
		#topmenu > li + li {
			border-left: 1px solid #c7c7c7;	
		}
		
		#topmenu > li > a {
			color: #757575;
			padding: 2px 10px;
		}
		
			#topmenu > li > a:hover {
				color: #ff675f;
			}
			
			#topmenu > li.current_page_item a {
				font-weight: bold;
			}
	
	/* Hoofdmenu */
	#hoofdmenu {
		list-style: none;
		border-radius: 0;
		clear: right;
		float: right;	
		margin: 10px -15px 0 0;
	}
	
	#hoofdmenu > li {
		float: left;
		line-height: 140px;
		border-radius: 0;
		border-bottom: 4px solid #fff;
	}
	
		#hoofdmenu > li + li {
			margin: 0 0 0 15px;
		}
	
	#hoofdmenu > li > a {
		margin: 0;
		padding: 0;
		font-size: 15px;	
		font-weight: 600;
		color: #454da2;
	}

	@media (max-width: 1200px) {
		.navbar .navbar-brand img {
            max-width: 180px !important;
        }	
		#hoofdmenu > li > a {
			font-size: 12px;	
		}
	}
	
    #hoofdmenu > li > a:hover {
        color: #ff675f;	
        background: none;
    }
		
	#hoofdmenu > li.current_page_item, #hoofdmenu > li.current-menu-item, #hoofdmenu > li.current_page_parent  {
		border-bottom: 4px solid #ff675f;
	}	
	#hoofdmenu > li.current_page_item > a, #hoofdmenu > li.current-menu-item > a, #hoofdmenu > li.current_page_parent > a {
		font-weight: 600;
		color: #454da2;	
	}
	
	#hoofdmenu li.dropdown .dropdown-menu, #mobilemenu li.dropdown .dropdown-menu { 
		background: #ff675f;	
		border: 0;
		box-shadow: none;
		margin: 10px 0 0 0;
	}
	
		#hoofdmenu li.dropdown .dropdown-menu li, #mobilemenu li.dropdown .dropdown-menu li  {
			background: none;	
		}
		
		#hoofdmenu li.dropdown .dropdown-menu li a, #mobilemenu li.dropdown .dropdown-menu li a {
			color: #fff;
		}
		
		#hoofdmenu li.dropdown .dropdown-menu li:hover, #mobilemenu li.dropdown .dropdown-menu li:hover {
			background: none;
		}
		
		#hoofdmenu li.dropdown .dropdown-menu li:hover a, #mobilemenu li.dropdown .dropdown-menu li:hover a {
			background: #d4453f;
		}
		
	@media (max-width: 768px) {
		/* Mobile menu */
		#mobilemenu {
			float: none;
			list-style: none;	
			margin: 0;
		}
		
		#mobilemenu > li {
			float: none;
			line-height: 30px;
			text-align: center;
		}
			
			#mobilemenu > li + li {
				margin: 10px 0 0 0;
			}
			
			#mobilemenu > li > a {
				font-size: 15px;	
				font-weight: 400;
				line-height: 30px;
				color: #676764;	
			}
			
			#mobilemenu > li > a:hover {
				color: #454da2;	
			}
			
		#mobilemenu > li.current_page_item, #mobilemenu > li.current-menu-item, #mobilemenu > li.current_page_parent  {
			border: none;
		}
		
		.navbar-collapse.in {
			border: none;
			box-shadow: none;
			overflow: hidden;	
		}
		
		.open > .dropdown-menu {
			margin-top: 5px;
		}
	}	
	
.hustle-modal header {
	background: none !important;
}
		
/* Presentation */
#presentation {
	position: relative;
}

.presentation__erepenning {
	height: 125px;
	position: absolute;
	right: 30px;
	top: 0;
	z-index: 9;
}

#presentation .item {
	height: 400px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;	
	position: relative;
}

@media (max-width: 992px) {
	#presentation .item {
		height: 250px;	
	}
}

@media (max-width: 767px) {
	.presentation__erepenning {
		height: 100px;
	}
}

/* page-meta */
#page-meta {
	background: #f3f4f5;
	padding: 10px 25px 0 25px;
}

	#page-meta .breadcrumb {
		font-size: 13px;
		font-weight: 400;
		color: #818181;
		margin: 0 0 10px 0;
		padding: 0;	
	}
	
		#page-meta .breadcrumb .trail-before {
			font-weight: 700;
		}
		
		#page-meta .breadcrumb a {
			color: #454da2;
		}
		
		#page-meta .breadcrumb a:hover {
			color: #ff675f;
		}
	
	#page-meta .leden-nav {
		list-style: none;
		padding: 0;
		margin: 10px 0 0 0;	
	}
	
		#page-meta .leden-nav li {
			float: left;
			border-top: 2px solid #f3f4f5;
			border-left: 2px solid #f3f4f5;
			border-right: 2px solid #f3f4f5;
			
			-webkit-border-top-left-radius: 6px;
			-webkit-border-top-right-radius: 6px;
			-moz-border-radius-topleft: 6px;
			-moz-border-radius-topright: 6px;
			border-top-left-radius: 6px;
			border-top-right-radius: 6px;
		}
		
		#page-meta .leden-nav li a {
			padding: 0 15px;
			line-height: 36px;
			font-size: 14px;
			color: #818181;
		}
		
		#page-meta .leden-nav li a:hover {
			color: #58658b;
		}
		
		#page-meta .leden-nav li.current_page_item {
			background: #fff;
			border-top: 2px solid #dfdfdf;
			border-left: 2px solid #dfdfdf;
			border-right: 2px solid #dfdfdf;
			
			-webkit-border-top-left-radius: 6px;
			-webkit-border-top-right-radius: 6px;
			-moz-border-radius-topleft: 6px;
			-moz-border-radius-topright: 6px;
			border-top-left-radius: 6px;
			border-top-right-radius: 6px;
		}
		
			#page-meta .leden-nav li.current_page_item a {
				font-weight: 700;
				color: #58658b;
			}
/* page-container */
#page-container {
	padding: 50px 25px;	
}
	#page-container .title {
		background: url( '../images/title-bg.png' ) no-repeat bottom left;
		padding: 0 0 10px 0;
		margin: 0 0 20px 0;
	}
	
	#primary {}
	
		#primary h1 { font-size: 26px; font-weight: 400; color: #4b4b4b; }
		#primary h2 { font-size: 24px; font-weight: 400; color: #4b4b4b; }
		#primary h3 { font-size: 23px; font-weight: 400; color: #4b4b4b; }
		#primary h4 { font-size: 22px; font-weight: 400; color: #4b4b4b; }
		#primary h5 { font-size: 20px; font-weight: 400; color: #4b4b4b; }
		#primary p { font-size: 13px; font-weight: 400; color: #4b4b4b; }
			#primary h1 a, #primary h2 a, #primary h3 a, #primary h4 a, #primary h5 a {
				font-size: 13px;
				line-height: 22px;	
				color: #9b9b9b;
			}
				
				#primary h1 a:hover, #primary h2 a:hover, #primary h3 a:hover, #primary h4 a:hover, #primary h5 a:hover {
					color: #ff675f;
					text-decoration: none;
				}


/* Pagina: Dirigenten */
	#dirigenten-overzicht h4 {
		margin: 0 0 20px 0;
	}
	
	#dirigenten-overzicht .item {
		margin-bottom:20px;	
	}
	
	#dirigenten-overzicht .item img {
		margin: 80px 0 0 0;
	}

/* Pagina: Bestuur */
	#bestuursoverzicht {
		margin-top: 15px;
		margin-bottom: 30px;
	}
	
	#bestuursoverzicht .details p {
		display: inline-block;
		width: 45%;
		float: left;
	}

/* Pagina: Oud Papier Overzicht */
	#oud-papier-overzicht {
		margin-top: 30px;
	}

/* Pagina: Foto albums */
	#galerij-overzicht .item a.title-album {
		font-size: 15px;
		font-weight: 600;
		color: #454da2;
		height: 45px;
	}

	#galerij-overzicht .item {
		margin-bottom: 30px;
		min-height: 195px;
	}

	#primary .gallery .gallery-item {
		margin-bottom: 30px;
	}

/* Pagina: Bladmuziek */
	#bladmuziek-overzicht {
		margin: 30px 0;
	}

	#bladmuziek-overzicht .item {
		border-bottom: 1px solid #818181;
	}

	#bladmuziek-overzicht .item a {
		font-size: 16px;
		line-height: 50px;
		font-weight: 700;
		color: #454da2;
		display: block;
	}

	#bladmuziek-overzicht .item a:hover {
		color: #ff675f;
	}

	#bladmuziek-overzicht .item a i {
		line-height: 50px;
		float: right;
	}

	#bladmuziek-overzicht .lessenaar {
		margin-top: 40px;
	}

	#documenten {
		margin-bottom: 30px;
	}

	#documenten .item {
		border-bottom: 1px solid #818181;
	}

	#documenten .item a span {
		font-size: 16px;
		font-weight: 700;
		color: #454da2;
		line-height: 60px;
		display: inline-block;
		text-decoration: none !important;
	}

	#documenten .item:hover span ,
	#documenten .item:hover .btn {
		color: #ff675f;
	}

	#documenten .item .btn {
		height: 30px;
		float: right;
		margin-top: 15px;
	}

/* Nieuws overzicht */
	#nieuws-overzicht {
		margin: 30px 0 0 0;	
	}
		
	.nieuws-item + .nieuws-item {
		margin-top: 30px;	
	}
			
	.nieuws-item span {
		display: block;	
	}
			
	.nieuws-item .nieuws-title {
		font-size: 16px;
		font-weight: 700;
		color: #454da2;
		margin: 0 0 5px 0;
	}
			
	.nieuws-item .nieuws-meta {
		font-size: 13px;
		font-weight: 400;
		color: #818181;
		margin: 0 0 10px 0;
	}
			
	/* form */
.wpcf7-form {
	font-size: 15px;
	margin: 2em 0 0 0;
}

	.wpcf7-form .form-group {			
		margin-bottom: 10px;	
	}
	
	.wpcf7-list-item {
		display: block;	
	}

	.wpcf7-not-valid-tip {
		position: relative !important;
		top: -24px !important;
		border: 2px solid #ff7d98 !important;
		background: #fbe3e8 url('../images/error.png') 15px 50% no-repeat !important;
		color: #ee5674;
		padding: 5px 30px 5px 40px !important;
		border-radius: 6px; 
		-o-border-radius: 6px;
		-moz-border-radius: 6px;
		-webkit-border-radius: 6px;
	}
	
	.wpcf7-validation-errors {
		border: 2px solid #ffd400 !important;
		background: #fffdcc url('../images/note.png') 15px 50% no-repeat !important;
		color: #e3ac00;
		padding: 15px 15px 15px 40px !important;
		margin: 20px 0 !important;
		border-radius: 6px;
		-o-border-radius: 6px;
		-moz-border-radius: 6px;
		-webkit-border-radius: 6px;
	}
	
	.wpcf7-mail-sent-ok {
		border: 2px solid #9fde23 !important;
		color: #76ac00;
		background: #eafdcf url('../images/tip.png') 15px 50% no-repeat !important;
		padding: 15px 15px 15px 40px !important;
		margin: 20px 0 !important;
		border-radius: 6px;
		-o-border-radius: 6px;
		-moz-border-radius: 6px;
		-webkit-border-radius: 6px;
	}
	
	#secondary{}
		
		#secondary .widget {
		}
		
			#secondary .widget + .widget {
				margin: 40px 0 0 0;
			}
		
		#secondary .widget h4 {
			font-size: 22px;
			font-weight: 400;
			color: #4b4b4b;
		}
		
			#secondary .widget h4 a {
				font-size: 13px;
				line-height: 22px;	
				color: #9b9b9b;
			}
				
				#secondary .widget h4 a:hover {
					color: #ff675f;
					text-decoration: none;
				}
				
		#secondary .widget p {
			font-size: 13px;
			color: #4b4b4b;	
		}
		
		/* Agenda widget */		
		#agenda-items {}
		
		#agenda-items li {
			overflow: hidden;	
		}
		
		#agenda-items li + li {
			margin: 20px 0 0 0;
		}
				
			#agenda-items li .agenda-date {
				float: left;
				width: 50px;
				margin: 0 10px 10px 0;
				text-align: center;
			}
	
				#agenda-items li .agenda-date .day {
					color: #4b4b4b;
					display: block;
					font-size: 22px;
					font-weight: 700;					
					border: 1px solid #dfdfdf;
				}
				
				#agenda-items li .agenda-date .month {
					font-size: 14px;
					font-weight: 400;
					color: #fff;
					background: #ff675f;
					text-transform: uppercase;					
					display: block;
				}
		
			#agenda-items li .agenda-meta {
			}
				
				#agenda-items li .agenda-meta a, #agenda-items li .agenda-meta span {
					display: block;
				}
				
				#agenda-items li .agenda-meta a {
					font-size: 15px;
					font-weight: 600;
					color: #454da2;	
					margin: 0 0 8px 0;
				}
				
					#agenda-items li .agenda-meta a:hover {
						color: #ff675f;
					}
				
				#agenda-items li .agenda-meta span {
					color: #5b5b5b;
					line-height: 18px;
					margin: 0 0 3px 0;
				}
				
					#agenda-items li .agenda-meta span strong {
						color: #4b4b4b;
					}
					
/* Footer */
footer {
	background: #454da2;
	overflow: hidden;
	padding: 0 25px;
}

.footer__erepenning {
	height: 125px;
	margin: 0 0 15px 0;
}
	
	footer span {
		color: #dddfe6;
		line-height: 70px;	
	}
	
	footer span a {
		text-decoration: underline;
		color: #dddfe6;	
	}	
		footer span a:hover { color: #fff; }
	
	footer .design {
		float: right;	
	}
	
	@media (max-width: 992px) {
		footer {
			text-align: center;	
		}	
		footer .design {
			float: none;
			text-align: center;
		}	
		footer span {	
			text-align: center;
			display: block;
		}	
	}
	
	@media (max-width: 767px) {
		footer {
			padding: 0 0 20px 0;
			text-align: center;	
		}
		.footer__erepenning {
			height: 100px;
			margin: 0 auto 15px auto;
		}
		footer span {
			line-height: 20px;	
			margin-bottom: 10px;
		}
	}
	
	.grecaptcha-badge {
		display: none !important;
		visibility: hidden !important;
	}