/*
gebruikte kleuren: #afd9ea(lichtblauw), #b2c900(groen)
*/

@import url('//fonts.googleapis.com/css?family=Shadows+Into+Light+Two');

@import url('//fonts.googleapis.com/css?family=Raleway:400,700');

@import url('//fonts.googleapis.com/css?family=Oswald');
html, body {

	height:100%;
/*
	margin:0px;
overflow-x:hidden;
*/
}
body {
	margin:0px;
	padding:0px;
	background-color:#FFF;
	font-family:Monda, sans-serif;
	font-family:Arial,"Lucida Sans Unicode","Lucida Grande",sans-serif;
	font-family: 'Raleway', sans-serif;
	font-size: 18px;
	color:#000000;
	line-height: 150%;
	transition: background-color 10s;
	-o-transition: background-color 10s;
	-ms-transition: background-color 10s;
	-moz-transition: background-color 10s;
	-webkit-transition: background-color 10s;
	word-wrap: break-word;      /* IE 5+ */
}
#inhoud .breadcrumbs {
    margin: auto;
    padding-left: 5%;
}
#inhoud .breadcrumbs a{
    color: #004687;
    display: inline-block;
    line-height: 50px;
    padding: 0 3px 0 0px;
    position: relative;
    text-decoration: none;
    vertical-align: top;
    font-style: italic;
}
#inhoud .breadcrumbs a:after {
    height: 100%;
    width: 13px;
    margin-left:5px;
    /* margin-right:5px; */
    font-family: FontAwesome;
    content: "\f0da";
}
div[role=header]{
	/* max-width: 1500px; */
	margin: auto;
}
#inhoud strong,#inhoud b{
	font-weight:700;
	color: #a5dcf4;
}
a[href] > i.fa{
font-size:30px;
color:#a5dbf4;
display:inline-block;
margin-right:0px;
margin-left:10px;
}
div[role=header] a[href] > i.fa{
	
}
div[role=header] a[href] > i.facebookbutton:before{
	content:url(/htmlfiles/logos/facebook-icon.png)
}
div[role=header] a[href] > i.homebutton:before{
	content:url(/htmlfiles/logos/home-icon.png)
}
div[role=header] a[href] > i.contactbutton:before{
	content:url(/htmlfiles/logos/mobiel-icon.png)
}
div[role=header] a[href] > i.mailbutton:before{
	content:url(/htmlfiles/logos/mail-icon.png)
}
div[role=header] a[href] > i.linkedinbutton:before{
	content:url(/htmlfiles/logos/linkedin-icon.png)
}
div[role=header] a[href] > i.youtubebutton:before{
	content:url(/htmlfiles/logos/youtube-icon.png)
}
div[role=header] a[href] > i.twiterbutton:before{
	content:url(/htmlfiles/logos/twitter-icon.png)
}
#to_top {position: fixed;cursor: pointer;width: 40px;height: 40px;background-color: red;bottom: 15px;right: 10px;display: non;filter: alpha(opacity=100);/* opacity: 1!important; */text-align: center;z-index: 5;transition: opacity 0.4s ease-in, transform 0.4s;-moz-transition: opacity 0.4s ease-in, -moz-transform 0.4s;-webkit-transition: opacity 0.4s ease-in, -webkit-transform 0.4s;-o-transition: opacity 0.4s ease-in,-o-transform 0.4s;}
#to_top .arrow {border: 5px solid transparent;border-bottom-color: #fff;width: 0px;height: 0px;margin: 12px auto;}
#to_top .arrow_inner {border: 9px solid transparent;/* border-bottom-color: black; */width: 0px;height: 0px;margin: -17px auto 0 auto;}

button,input[type="button"], input[type="submit"], input[type="reset"]{
    background: #F00;
    padding: 6px;
    border: none;
    color: #fff;
    cursor: pointer;
    -moz-box-shadow: inset 0px 2px 1px 0px #b2c900;
    -webkit-box-shadow: inset 0px 2px 1px 0px #b2c900;
    box-shadow: inset 0px 2px 1px 0px #b2c900;
    background:#b2c900;
    transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
}
label {
    display: inline-block;
    cursor: pointer;
    position: relative;
    padding-left: 25px;
    margin-right: 15px;
    font-size: 14px;
}
textarea{
	border:1px solid silver;
	font-size:14px;
}
#aanmeldennewsletters input[type=radio],#aanmeldennewsletters input[type=checkbox] {
    display: none;
}
label:before {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 10px;
    position: absolute;
    left: 0;
    bottom: 1px;
    box-shadow: inset 0px 2px 3px 0px rgba(0, 0, 0, .3), 0px 1px 0px 0px rgba(255, 255, 255, .8);
}

.radio label:before {
    border-radius: 8px;
}
.radio label:hover{
	
}
.checkbox label {
    margin-bottom:10px;
}

.checkbox label:before {
    border-radius: 3px;
}

input[type=radio]:checked + label:before {
    content: "\2022";
    color: #b2c900;
    font-size: 30px;
    text-align: center;
    line-height: 14px;
	background-color: #b2c900;
}

input[type=checkbox]:checked + label:before {
    content: "\2713";
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .2);
    font-size: 15px;
    color: #ec1d23;
    text-align: center;
    line-height: 15px;
}


input[type="button"]:hover, input[type="submit"]:hover, input[type="reset"]:hover{
    background:#900;
    color: #FFF;
}

input[type="text"] {
    padding: 10px;
    border: 1px solid silver;
	font-size:14px;
    -webkit-transition: box-shadow 0.3s, border 0.3s;
    -moz-transition: box-shadow 0.3s, border 0.3s;
    -o-transition: box-shadow 0.3s, border 0.3s;
    transition: box-shadow 0.3s, border 0.3s;
-webkit-appearance: none;

}

table tr td {
	/* font-size:14px; */
	text-align:left;
	vertical-align:top;
}
form#mailform{
text-align:left;
}

form#mailform input[type=text],form#mailform textarea{
	text-align:left;
	background:none;
	
}
form#mailform .nobackground{
	background:none;
}
form#mailform table{
	text-align:center;
	margin-left:auto;
	width:100%;
	margin-right:auto;
}
form#mailform table tr td, form#aanmeldform table tr td{
	text-align:left;
	border:none;
	
}
form#mailform table tr td p{
	display:inline;
}
#mailform #vsecc{
	float:none;
	font-size:14px;
	border:1px solid silver;
	width: 130px;
}
input.verstuur{
	width:150px;
}
h1, h2, h3, h4, h5 {
	margin:0px;
	padding:0px;
	margin-bottom:10px;
	font-weight:normal;
	color: #afd9ea;
}
h1{font-family: 'Amatic SC', cursive;font-family: 'Shadows Into Light Two', cursive;font-weight:bold;font-size: 35px;line-height: 45px;}
h2{
font-family: 'Shadows Into Light Two', cursive;
font-weight:bold;
}
p, ol, ul {
	margin-top:0px;
}
#wrapper img{
	border:none;
	max-width: 100%;
	height: auto!important;
}
a.first,a[href],a[onclick],a[ontouchstart]{
	color: #afd9ea;
	text-decoration:none;
	cursor:pointer;
	font-weight:bold;
}
a.first:hover,a[href]:hover,a[onclick]:hover,a[ontouchstart]:hover {
	text-decoration:underline;
}
a img {
	border:none;
}
#wrap {
	margin-top:0px;
	position:relative;
	z-index:3;
	margin-left:auto;
	margin-right:auto;
	margin-top:20px;
}
#image_hider_holder{
	display:none;
	position: fixed;
left: 0px;
top: 0px;
height: 100%;
width: 100%;
}
#wrapperpage{/* max-width:1500px; */margin-left:auto;margin-right:auto;position:relative;margin-top:0px;}
#wrapper {
	background:none repeat scroll 0 0 transparent;
	overflow:hidden;
	padding:0px;
	position:relative;
	padding-top:50px;
}
.container {
	margin-left:auto;
	margin-right:auto;
	padding:0px;
	width:100%;
}
.heading-title {
	border-bottom:1px solid #E5E5E6;
	display:block;
	font-weight:600;
	margin-bottom:4px;
	padding-bottom:12px;
}
#header {
	margin-bottom:20px;
	padding-top:10px;
}
#page {
	overflow:hidden;
}
#page .heading-title {
	margin-bottom:6px !important;
}

#footer {
	text-align:center;
	padding:10px;
}
#footer img{
	width:60%;
	max-width:700px;
}
#footer p {
	font-size:11px;
	text-transform:uppercase;
}
#footer a {
	
}
#banner h2 {
	font-weight:400;
	letter-spacing:-1px;
	padding-bottom:20px;
}
#banner h2 span {
	font-weight:700;
}
#banner p {
	color:#fff999;
	font-size:14px;
}
#banner a {
	color:#FFFFFF;
	display:block;
	height:100%;
	overflow:hidden;
	position:relative;
}
.button-style {
	background:none repeat scroll 0 0 #AF2C54;
	border-radius:5px 5px 5px 5px;
	clear:both;
	color:#FFFFFF;
	display:inline-block;
	font-size:14px;
	margin-top:30px;
	padding:10px 20px;
	text-decoration:none;
}
.button-style:hover {
	background:none repeat scroll 0 0 #982648;
}
#main_menu {
	background:none;
	height:40px;
	width:100%;
	margin-bottom:20px;
}
#agenda{
height:auto;
}

#newsletters{
height:76px;
}
#twitter iframe#twitter-widget-0{
	width:100%!important;
	height:300px;
	min-width:0px!important;
}
#content {
	background:none;
	margin:0px;
	padding:0px;
	width:100%;
	margin-top:0px;
}
#agenda .date {
	font-size: 14px;
	font-style:italic;
	border-top:#fff 1px dotted;
	font-weight: normal;
	padding-top: 5px;
	padding-bottom: 5px;
}

.agenda_items {
	margin-bottom:3px;
	overflow:auto;
}

#search {
	height:auto;
	z-index:1;
	margin-top: 10px;
	position:relative;
	margin-bottom: 9px;
}
#search >div{
	padding:10px;
	background-color:white;
}
#search #search_results {
	border-bottom:1px solid silver;
	border-top:1px solid silver;
	background-color:#0CC;
	display:none;
	padding:0px;
	position:absolute;
	z-index:2;
	width:95%;
	color:#000;
}
#search #search_results #search_results_ol ._hide {
	display:none;
}
#search #search_results #search_results_ol {
	margin-left:0px;
	padding-left:26px;
}
#search_results li a{
	cursor:pointer;
}
#search input {
	background:none repeat-x scroll 0 0 transparent;
	border:0 none;
	margin:0px;
	margin-left:0px;
	padding:0px;
}
#search input[type="text"] {
	background: #fff;
	color: #000;
	font-size:14px;
	height:18px;
	line-height:13px;
	margin-top:0px;
	text-decoration:underline;
	-webkit-transition: padding-left 0.2s;
	-o-transition: padding-left 0.2s;
	-moz-transition: padding-left 0.2s;
	-ms-transition: padding-left 0.2s;
}
input, textarea {
	outline:medium none;
}
.replaced {
	background-color:#fff;
	color:#900;
	font-style:italic;
	font-weight:bold;
}

#side_content {
	position:absolute;
	width:100%;
	overflow:hidden;
}
#inhoud {
	padding:20px;
	padding-top:0px;
	color:#000000;
}
div.floater #inhoud{
	padding: 0px;
	float: left;
	width: 70%;
	text-align: left;
	position: relative;
	overflow: auto;
}
div.floater #inhoud .content{
	padding:5%;
}
div.floater #sidebar{
	width: 24%;
}
#ft-title-slideshowHolder {
	padding:10px;
}
#show_case div {
	color:#fff999;
}
#show_case {
	box-shadow:0 5px 5px rgb(0, 0, 0);
	box-shadow:0 5px 5px rgba(0, 0, 0, 0.3);
	overflow:hidden;
	transition:width 0.4s ease-in, height 0.4s ease-out, transform 0.4s;
	-moz-transition:width 0.4s ease-in, height 0.4s ease-out, -moz-transform 0.4s;
	-webkit-transition:width 0.4s ease-in, height 0.4s ease-out, -webkit-transform 0.4s;
	-o-transition:width 0.4s ease-in, height 0.4s ease-out,-o-transform 0.4s;
}
#show_case #show_image1 {
	filter:alpha(opacity=100);
	opacity:1;
	transition:opacity 0.4s ease-in transform 0.4s;
	-moz-transition:opacity 0.4s ease-in, -moz-transform 0.4s;
	-webkit-transition:opacity 0.4s ease-in, -webkit-transform 0.4s;
	-o-transition:opacity 0.4s ease-in,-o-transform 0.4s;
}
#show_case .over {
	background-color:#000;
	color:#ffffff;
	float:left;
	font-size:12px;
	padding:5px;
}
#show_case .over:hover {
	color:#ec1d23;
}
.diashow {
	background-color:#fff;
	float:left;
	height:90px;
	overflow:hidden;
	width:100px;
	border:1px solid #fff;
	transition:all 0.5s;
	-o-transition:all 0.5s;
	-ms-transition:all 0.5s;
	-webkit-transition:all 0.5s;
}
.diashow img {
	border:none;
	cursor:pointer;
	margin:0px;
	padding:0px;
}
.diashow:hover {
	border:1px solid #fff999;
}
#sidebar{
	width:100%;
	position:relative;
}
#twitter_follow {
	position:fixed;
	top:0px;
	left:140px;
	z-index:3;
}
.fb_edge_widget_with_comment {
	position:relative;
}
fb_iframe_widget {
max-width:90%;
}
div[role=header] .fb_iframe_widget {
margin-left:20px;	
}
#website_switch,#logo{
	height:auto;	
position:absolute;
text-align:right;
z-index:40;
right: 0px;
top: 0px;
padding:10px;

}
#website_switch2,#logo_mobiel{
	display:none;
}
#website_switch a,#logo a{
	display:block;
}
#website_switch img,#logo img{
	width:130px;
}
#website_switch img, #website_switch2 img,#logo img{
	border:none;
	opacity: 1;
	filter:alpha(opacity=90);
	transition:opacity 0.5s;
	-moz-transition:opacity 0.5s;
	-o-transition:opacity 0.5s;
	-ms-transition:opacity 0.5s;
	-webkit-transition:opacity 0.5s;
}
#website_switch img:hover, #website_switch2 img:hover,#logo img:hover{
	opacity:1;
	filter:alpha(opacity=100);
opacity:1;
}
.logo_notactiv{

}
.logo_notactiv:hover{
	
}
#social_media{
	min-height:30px;
	position:relative;
	z-index:3;
	margin:10px;
	
}
#social_media a{
	float:left;
	margin-right:4px;
}
#top_balk {
	filter:alpha(opacity=50);
	background:none;
	position:fixed;
	z-index:2;
	width:auto;
}
#top_balk{
	top:0px;
	z-index:4;
}
#footer_holder{
	width:100%;
	position: relative;
z-index: 2
}
#side p{
	
}
#side a{
	
}
#side h1, #side h2, #side h3{
	
}
#history_back{
	height:40px;
	margin-top:10px;
	font-size:11px;
	position:relative;
	z-index:2;
}
#history_back span{
	color:#ec1d23;
}
.image_hider{
	top:0px;
	position:absolute;	
	filter:alpha(opacity=0);
	opacity:0px;
}
#image_hider{
	opacity:1;
	filter:alpha(opacity=100);
}
#aanmelden_div{
height:38px;
}
#aanmelden_nieuwsbrief{
display:block;
width:100%;
color:#fff;
margin-top:10px;
}

#newsletters_hider{
height:0px;
filter:alpha(opacity=0);
opacity:0;
background-color:rgba(0,0,0,0.5);
width:100%;
position:absolute;
z-index:9;
transition:all 1s;
-webkit-transition:all 1s;
-o-transition:all 1s;
-moz-transition:all 0.5s;
top:0px;
}
#aanmeldennewsletters{
height:0px;
filter:alpha(opacity=0);
opacity:0;
position:absolute;
z-index:10;
width:100%;
margin-left:auto;
margin-right:auto;
margin-top:50px;
padding:0px;
transition:top 0.5s, opacity 1s;
-o-transition:top 0.5s, opacity 1s;
-moz-transition:top 0.5s, opacity 1s;
-webkit-transition:top 0.5s, opacity 1s;
top:-1000px;

}
.lb-close {
    display: block;
    float: right;
    width: 30px;
    height: 30px;
    background: url(/admin/images/close.png) top right no-repeat;
    text-align: right;
    outline: none;
    filter: alpha(opacity=40);
    opacity: 0.7;
}

.lb-close:hover {
    cursor: pointer;
    filter: alpha(opacity=100);
    opacity: 1;
}
#aanmeldennewsletters div{
padding:20px;
background-color:#ffffff;
width: 80%;
max-width:500px;
margin-left: auto;
margin-right: auto;
}
#left_content{
	float: left;
	width: 25%;
}
#content_mid {
	padding:0px;
	float:left;
	width:65%;
	text-align:left;
position:relative;
overflow:auto;
}
#sidebar > div{
background-color: #afd9ea;
padding:10px;margin-bottom:10px;font-weight: bold;}
#sidebar{
	background:none;
	float:right;
	margin-left:10px;
	margin-right:0px;
	margin-top:10px;
	margin-bottom:10px;
	padding:0px;
	width:30%;
	color:#fff;
}
#sidebar a{
	color:#fff;
}

#agenda {
	max-height:600px;
}
#sidebar #banner-wrapper{
	margin-top:0px;
}
#sidebar #menu{
	display:none;
}
#left_content.one_column{
	width:100%;
}
#left_content.two_column{
	width:24%;
}
#left_content.three_column{
	width:20%;
}
#content_mid.one_column{
	width:100%;
}
#content_mid.two_column{
	width:70%;
}
#content_mid.three_column{
	width:56%;
}
#sidebar.one_column{
	width:100%;
}
#sidebar.two_column{
	width:24%;
}
#sidebar.three_column{
	width:20%;
margin-left:4%;
}
#content #wijzig_element_admin{
	margin-top: 100px!important;
margin-left: 200px!important;
}
.clearfix {
	clear:both!important;
	height:0px!important;
	background:none!important;
	padding:0px!important;
}

@keyframes rotating {
	from {
	transform:rotate(-0deg);
	-ms-transform:rotate(-0deg);
	-moz-transform:rotate(-0deg);
	-webkit-transform:rotate(-0deg);
	-o-transform:rotate(-0deg);
}
 to {
	transform:rotate(-360deg);
	-ms-transform:rotate(-360deg);
	-moz-transform:rotate(-360deg);
	-webkit-transform:rotate(-360deg);
	-o-transform:rotate(-360deg);
}
}
@-webkit-keyframes rotating  {
	from {
	transform:rotate(-0deg);
	-ms-transform:rotate(-0deg);
	-moz-transform:rotate(-0deg);
	-webkit-transform:rotate(-0deg);
	-o-transform:rotate(-0deg);
}
 to {
	transform:rotate(-360deg);
	-ms-transform:rotate(-360deg);
	-moz-transform:rotate(-360deg);
	-webkit-transform:rotate(-360deg);
	-o-transform:rotate(-360deg);
}
}
@media all and (min-width:1000px){
div.floater #inhoud{padding-left:20px;padding-right: 20px;}
}

@media all and (min-width:500px) and (max-width:800px){	
#wrapperpage{
	margin-top:0px;
}
#sidebar,#content_mid{
	
}
#content img{
	max-width:100%!important;
	height:auto!important;
}
.container2{
	width:70%;
}
#left_content.one_column{
	width:100%;
}
#left_content.two_column{
	width:25%;
}
#left_content.three_column{
	width:20%;	
}
#content_mid.one_column{
	width:100%;
}
#content_mid.two_column{
	width:100%;
}
#content_mid.three_column{
	width:68%;
}
#sidebar.one_column{
	width:100%;
}
#sidebar.two_column{
	width:100%;
}

#sidebar.three_column{
	width:98%;
}
#agenda,#newsletters{
overflow:auto;
}
}
@media all and (max-width:1200px){

h1,h2{
	line-height:initial;
	font-size: 28px;
}
div.floater #inhoud{
	padding: 20px;
	float: none;
	width: auto;
}
div.floater #sidebar{
	width: auto;
	float:none;
	margin: 0px;
}
#sidebar > div{
width:100%;
float:none;
display:inline-block;
padding:0px;
margin-left:0px;
margin-right:0px;
background-color:transparent;
vertical-align:top;
}
#sidebar.coll2 >div,#sidebar.coll4 > div,#sidebar.coll5 > div{
width:50%;
}
#sidebar.coll3 >div,#sidebar.coll6 > div{
width:33.333%;
}
#sidebar > div >div{
padding:10px;
background-color:#afd9ea;
}
#sidebar{
background-color:#afd9ea;
}
#sidebar:after{
content:"";
display:block;
float:none;
clear:both;
}
}

@media all and (max-width:800px){
div#sidebar > div{
width:auto!important;
}
#content img{
	float:none!important;
}
h1,h2{
	line-height:initial;
	font-size: 24px;
}

#wrapperpage{
	margin-top:0px;
}
	
#footer img{
	width:90%;
}

#wrap{
margin-top:0px;
}
#sidebar #agenda{
max-height:2000px;
height:auto;
}
#sidebar img{
	max-width:90%;
}
#website_switch,#logo{
display:none;
}
#website_switch2,#logo_mobiel{
	display:block;
	text-align:center;
	margin-bottom:20px;
}
#website_switch2 img,#logo_mobiel img{
	width:60%;
max-width:300px!important;	
}

#left_content.one_column{
	width:100%;
	display:none;
}
#left_content.two_column{
	width:25%;
	display:none;
}
#left_content.three_column{
	width:0%;
	display:none;
}
#content_mid.one_column{
	width:100%;
}
#content_mid.two_column{
	width:100%;
}
#content_mid.three_column{
	width:98%;
}
#sidebar.one_column{
	width:100%;
}
#sidebar.two_column{
	width:100%;
}
#sidebar.three_column{
	width:98%;
}
}