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

}

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

}

* {
	outline:none !important;
}

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

}

#vlag {
	width: 210px;
    float: right;
    height: 20px;
    margin: 31px 0 0 0;
    position: relative;
}

#vlag img {
	margin-left:5px;
}

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

}

#blokken{
	margin-bottom:52px;
}

.keuzeblok{
	margin:9px 0 0;
	width:100%;
	float:left;
	height:200px;
	border-bottom:solid 10px #231f20;
	color:#231f20;
	text-decoration:none !important;
	position:relative;
	overflow:hidden;
	font-family:'diplomaregular';
	
	-webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
	font-size:25px;
}

#blokken>div {
	margin-bottom:25px;
}

.keuzeblok:after{
	content:attr(data-tekst);
	position:absolute;
	left:0;
	top:0;
	padding-top:130px;
	height:200px;
	color:#fff;
	right:0;
	bottom:0;
	background:#231f20;
	
	-webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

article .keuzeblok img{
	margin-bottom:20px;
	position:relative;
	max-width:100%;
	width:auto;
}

.gform_wrapper .gsection .gfield_label, .gform_wrapper h2.gsection_title, .gform_wrapper h3.gform_title {
font-weight: normal !important;
font-size: 1.3em;
}

.gform_wrapper .gfield_time_hour input, .gform_wrapper .gfield_time_minute input, .gform_wrapper .gfield_date_month input, .gform_wrapper .gfield_date_day input, .gform_wrapper .gfield_date_year input {
width: 70% !important;
height: 25px !important;
}


.gform_wrapper .top_label input.medium {
padding-right: 2px;
height: 25px !important;
width: 40% !important;
}

label {
display: inline-block;
margin-bottom: 5px;
font-weight: normal !important;
}

#content article a {
	color:#974b4e;
}
.slide-tekst-links {
padding-left: 0;
padding-top:35px;
}
.category-events h2 {
	font-size: 25px;
margin-bottom: 0;
}

.category-events .button, .category-events .button:hover {
	margin-top: -10px;
}

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

}

body{
	font:normal 14px/24px 'book_antiquaregular', Verdana, Geneva, sans-serif;
	color:#231f20;
}

h1, h2 {
	font:normal 33px/35px 'diplomaregular', Verdana, Geneva, sans-serif;
	color:#974b4e;
}

#talen {
	float:right;
	background:url(../images/bg-top.png);
	font:normal 14px/24px 'book_antiquaregular', Verdana, Geneva, sans-serif;
	color:#fff;
	height: 90px;
padding: 34px 20px;
}

#talen a {
	color:#fff;
	text-decoration:none;
	margin: 0 5px;
}



.first-letter {
	color:#000;
}

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

.instrument img, .education img {
	border:solid 1px #919191;
}

.instrument, .education {
	margin: 0 0 50px 0;
}
	

#slogan {
	font: normal 39px/35px 'tulpen_oneregular', Verdana, Geneva, sans-serif;
color: #fff;
letter-spacing: 6px;
margin: 29px 0 0 20px;
float: left;
}

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

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

.lijn {
	width: 100%;
float: left;
overflow: hidden;
}

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

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

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

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

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

#searchform{
	float:right;
}

.navbar > .container .navbar-brand{
	height:auto;
	padding:0;
	margin:0;
}

.navbar-collapse{
	max-height:none;
}

.navbar-default{
	border:none;
	background:url(../images/top.jpg) no-repeat top center;
	margin:0;
}

.navbar-right {
	float:left !important;
	margin: 28px 0 0 5px;
}

.navbar-right li a {
	color:#fff !important;
	font:normal 14px/18px 'ubunturegular', Verdana, Geneva, sans-serif;
	text-transform:uppercase;
}

#menu-boven-slider{
	clear:both;
}

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

#slider .slide{
	height:350px;
	width:100%;
	position:relative;
}

#slider div{
	height:100%;
}

#slider .slide-tekst-rechts{
	height:350px;
	display:table-cell;
	vertical-align:middle;
}

#slider .slide-tekst-onder{
	position:absolute;
	bottom:0;
	left:0;
	height:auto;
}

#slider.boxed{
	padding:0;
	margin:0;
	height:auto;
	overflow:hidden;
	width:100%;
}

#slider.boxed .slide{
	height:auto;
	position:relative;
}

/*#slider div.container {
	position:absolute;
	top:0;
}*/

#content{
	width:100%;
	float:left;
	margin: -65px 0 -40px 0;
padding: 105px 20px 64px 30px;
}

.doorkiesblok{
	margin:0 0 21px;
	width:100%;
	position:relative;
	float:left;
}

#rechts {
	background: url(../images/side-bg.png);
margin: -65px 0 -40px 0;
color: #fff !important;
padding: 65px 20px 20px 30px;
min-height: 1206px;
}

#rechts h1, #rechts h1:first-letter {
	color:#fff !important;
}

#rechts a {
	color:#fff !important;
	text-decoration:none;
}
.doorkiesblok .doorkiesblok-tekst{
	width:100%;
	float:left;
}

.doorkiesblok .doorkiesblok-tekst.absolute{
	position:absolute;
	bottom:0;
	left:0;
	background:#666;
}

.doorkiesblok img{
	float:left;
}

.nieuws{
	margin:0 0 30px;
	width:100%;
	clear:both;
	float:left;
}

.nieuws img{
	float:left;
}

.nieuws .nieuws-tekst{
	margin:0 0 0 165px;
}

.button, .button:hover{
	color: #fff !important;
background: #554f51;
display: inline-block;
padding: 3px 10px 3px 10px;
margin: 0 0 0;
float: left;
border-radius: 5px;
text-decoration:none;
}

.button.inline{
	float:none;
	margin:0 0 21px
}

#footer{
	padding:30px 0;
	margin:0;
	background:#343434;
}

.jumbotron#footer p{
	font:normal 12px/21px Verdana, Geneva, sans-serif;
	color:#ccc;
}

.footer-menu{
	list-style:none;
	padding:0;
	margin:0;
	float:left;
}

#credits{
	padding:15px 0;
	margin:0;
	background:#ccc;
}

#credits-menu{
	padding:0;
	margin:0;
	list-style:none;
	float:left;
}

#credits-menu li{
	float:left;
}

#logoslider{
	width:100%;
	height:65px;
	overflow:hidden;
	float:left;
}

#logoslider div.logo-image{
	text-align:center;
	display:table-cell;
	vertical-align:middle;
	height:190px;
	padding:0 30px 0 0;
}

#footer a {
color: #fff !important;
font: normal 14px/18px 'ubunturegular', Verdana, Geneva, sans-serif;
text-transform: uppercase;
text-decoration:none;
margin: 0 20px 0 0;
}

.pull-right a, #footer p, #footer {
	text-transform:none !important;
	text-decoration:none;
	color: #fff !important;
font: normal 14px/18px 'ubunturegular', Verdana, Geneva, sans-serif;
}

#footer li {
	float:left;
}

.expaned-submenu{
	display:none;
}

body .wpml-ls-legacy-list-horizontal {
    border: none !important;
    padding: 0 !important;
    clear: none !important;
    background: none !important;
	display:none !important;
}



.gform_wrapper .gfield_description {
    font-size: 12px !important;
}


@media (max-width: 767px)
{
	.navbar-collapse{
		max-height:none;
	}
	
	.navbar-nav > li.menu-item-has-children ul,
	.navbar-nav > li.menu-item-has-children:hover ul{
		display:none;
		position:static;
	}
	
	#slider {
		display:none;
	}
	
	#content {
width: 100%;
float: left;
margin: -65px 0 -24px 0;
padding: 105px 20px 64px 30px;
}

.footer-menu {
list-style: none;
padding: 0;
margin: 0 0 20px 0;
float: left;
}

#rechts {
background: url(../images/side-bg.png);
margin: 0 0 -40px 0;
color: #fff !important;
padding: 27px 20px 40px 18px;
min-height: 20px;
height: auto !important;
}

.navbar-default .navbar-toggle .icon-bar {
background-color: #231f20;
}

.navbar-default .navbar-toggle {
border-color: #231f20;
}

.navbar > .container .navbar-brand {
height: auto;
padding: 0;
margin: 0;
width: 75%;
}

.navbar-brand img {
max-width: 100%;
}

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

.nav>li>a {
position: relative;
display: block;
padding: 10px 30px;
}

.instrument img, .education img {
border: solid 1px #919191;
margin: 0 0 20px 0;
}
	
	#slogan {
		display:none;
	}
	
	.navbar-right {
float: left !important;
margin: 0 0 20px 0;
width: 100%;
}

.navbar-right li a {
color: #231f20 !important;
font: normal 14px/18px 'ubunturegular', Verdana, Geneva, sans-serif;
text-transform: uppercase;
}
	
	.expaned-submenu{
		width:20px;
		font:normal 24px/20px Verdana, Geneva, sans-serif;
		height:20px;
		color:#019a4a;
		text-align:center;
		float:right;
		position:absolute;
		display:block;
		top:50%;
		cursor:pointer;
		z-index:2000;
		margin:-10px 0 0 15px;
		right:0;
	}
	
	.navbar-nav > li{
		clear:both;
	}
	
	.navbar-nav > li ul{
		position:static;
		width:100%;
		float:left;
	}
	
	#talen {
float: right;
background: url(../images/bg-top.png);
font: normal 14px/24px 'book_antiquaregular', Verdana, Geneva, sans-serif;
color: #fff;
height: 65px;
padding: 20px 20px;
width: 100%;
}
	
	.nieuws img{
		display:none !important;
	}
	
	.nieuws .nieuws-tekst{
		margin:0 !important;
	}
	
	#credits,
	#footer{
		text-align:center;
	}
	
	#credits ul,
	#credits li,
	#footer .pull-right,
	#footer ul,
	#footer li{
		width:100%;
	}
	
	#credits ul{
		margin:0 0 21px;
	}
	
	#footer a {
    margin: 0;
}

.button, .button:hover {
    margin: 0 0 20px;
}
}

@media (min-width: 768px) and (max-width: 991px)
{
	
	.navbar-right li a {
color: #fff !important;
font: normal 9px/18px 'ubunturegular', Verdana, Geneva, sans-serif;
text-transform: uppercase;
}

.nav>li>a {
position: relative;
display: block;
padding: 10px 2px;
}


.slide-tekst-rechts img {
	width:100%;
	height:auto;
}

#rechts {
background: url(../images/side-bg.png);
margin: -65px 0 -40px 0;
color: #fff !important;
padding: 65px 12px 20px 12px;
min-height: 1206px;
}

#slogan {
	display:none;
}

.navbar-brand img{
	height: auto;
	width: 188px;
}

.navbar-right {
    float: left !important;
    margin: 0;
    clear: both;
}

.nav>li>a {
    position: relative;
    display: block;
    padding: 10px 2px;
    font-size: 12px;
}

.navbar-nav>li {
    float: left;
    margin: 0 10px;
}

}

@media (min-width: 992px) and (max-width: 1199px)
{
	
	.nav>li>a {
position: relative;
display: block;
padding: 10px 7px;
}

.navbar-right li a {
    font: normal 12px/18px 'ubunturegular', Verdana, Geneva, sans-serif;
}

.slide-tekst-rechts img {
	width:100%;
	height:auto;
}

#content {
width: 100%;
float: left;
margin: -65px 0 -47px 0;
padding: 105px 20px 64px 30px;
}

.navbar-right {
float: left !important;
margin: 31px 0 0 5px;
}
}

@media(min-width:1200px)
{
}