/* CSS Document */

html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}nav ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}ins{background-color:#ff9;color:#000;text-decoration:none}mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}input[type=text],input[type=button],input[type=submit],input[type=password],select{vertical-align:middle}

* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-tap-highlight-color: rgba(0,0,0,0);
}

body {
margin:0;
padding:0;
color: #444444;
line-height: 1.450;
}

body, p, td, td p {
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
}

h1, h2, h3, h4, h5, h6, p {
margin-bottom:20px;
}

a:active, a:focus { 
outline: 0; 
} 

input[type=text], input[type=email], input[type=password], input[type=button], input[type=submit] {
-webkit-appearance: none;
height:35px;
line-height:35px;
width:100%;
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
padding:0 7px;
border:solid 1px #CCCCCC;
}

textarea {
border:solid 1px #CCCCCC;
-webkit-appearance: none;
width:100%;
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
padding:0 7px;
}

#search input:focus::placeholder, input:focus::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    opacity: 0; /* Firefox */
}

input:focus:-ms-input-placeholder { /* Internet Explorer 10-11 */
    opacity: 0;
}

input:focus::-ms-input-placeholder { /* Microsoft Edge */
     opacity: 0;
}

#content img[style*="left"], #content img[align="left"] { margin: 5px 20px 0 0; }
#content img[style*="right"], #content img[align="right"] { margin: 5px 0 0 20px; }

#content p[style*="padding-left"]{border-left:solid 4px #CCCCCC; }

#content img {
max-width:100%;
height:auto;
}

a {
color:#BE106E;
text-decoration:none;
}

a:hover {
text-decoration:underline;
}

a.button, input[type=submit] {
color:#FFFFFF;
font-family: 'Coustard', serif;
background-color:#E6204E;
border: solid 2px #E6204E;
display:inline-block;
font-size:22px;
padding:0 20px;
width:auto;
height:47px;
-webkit-transition-duration: 0.4s; /* Safari */
transition-duration: 0.4s;
line-height:45px;
}

input[type=submit] {
cursor:pointer;
}

a.button:hover, input[type=submit]:hover {
background-color:#BE106E;
border: solid 2px #BE106E;
text-decoration:none;
}

.mx_button {
background-color:#0276B3;
padding:7px 20px;
color:#FFFFFF;
font-family: 'Coustard', serif;
display:inline-block;
font-size:22px;
-webkit-transition-duration: 0.4s; /* Safari */
transition-duration: 0.4s;
}

.mx_button:before {
    content: '\f105';
    font-family: 'FontAwesome', cursive;
	  font-weight: bold;
color: #FFFFFF;
font-size:22px;
padding-left:12px;
display:block;
float:right;
line-height:34px;
}

#content a i {
font-weight: bold !important;
font-size:22px !important;
padding-right:3px;
line-height:17px !important;
}

.mx_button:hover {
text-decoration:none;
background-color:#014265;
}

h1 {
font-family: 'Coustard', serif;
color:#BE106E;
font-size:30px;
font-weight:normal;
}

h2 {
font-family: 'Coustard', serif;
color:#E6204E;
font-size:30px;
font-weight:normal;

}

h3 {
font-size:18px;
color:#BE106E;
font-family: 'Lato', sans-serif;
}

#headerwrapper {
width:100%;
height: auto;
top:0;
background-color:#E6204E;
position:relative;
z-index:9999;
}

#header {
width: 100%;
max-width:1200px;
height:auto;
padding:0 20px 0 30px;
margin-left:auto;
margin-right:auto;
position:relative;
}

#logo {
padding:12px 0;
position:absolute;
top:0;
left:15px;
padding:0;
width:auto;
z-index:99991;
}

#logo img{
    max-width:300px;
height:auto;
display:block;
-webkit-transition-duration: 0.2s;
transition-duration: 0.2s;
}

#headerwrapper.stick {
position:fixed;
background: rgb(230, 32, 78) transparent;
background: rgba(230, 32, 78, 0.85);
}

#headerwrapper.stick #logo img {
max-width:160px;
-webkit-transition-duration: 0.1s;
transition-duration: 0.1s;
}

nav {
float:right;
width:83%;
height:auto;
text-align:right;
}

#topwrapper {
width:100%;
height: auto;
background-color:#BE106E;
}

#topwrapper.stick {
padding-top:100px;
}

#top {
width: 100%;
max-width:1200px;
height:auto;
padding:0 30px;
margin-left:auto;
margin-right:auto;
}

#search {
float:left;
width:100%;
height:auto;
padding:6px 0;
text-align:right;
}

#mx_search_form {
position:relative;
z-index:1;
}

#search input {
height:28px;
width:100%;
max-width:275px;
border: solid 1px #FFFFFF;
background-color:#BE106E;
color:#FFFFFF;
}

#search input::placeholder {
color:#FFFFFF;
opacity:0.5;
}

#search input[type=text] {
padding-left:7px;
}

#search button {
width:30px;
height:26px;
border: none;
position:absolute;
top:0;
right:0;
cursor:pointer;
z-index:2;
background-color:transparent;
color:#FFFFFF;
font-size:15px;
}

#vervolg-sfeer img{
width:100%;
height:auto;
display:block;
}


#contentwrapper {
width:100%;
height: auto;
}

#content {
width: 100%;
max-width:1200px;
height:auto;
padding:60px 30px;
margin-left:auto;
margin-right:auto;
}

#column-content {
float:left;
width:67%;
padding-right:30px;
}

#column-side {
float:left;
width:33%;
overflow:hidden;
}

#column-side h2 {
color:#BE106E;
}

.sideblock {
background-color:#F5F5F5;
margin-top:20px;
padding:15px;
}

#column-side .sideblock  h2{
color:#74BE6F;
}

#column-side .mx_news_block_item {
width:100% !important;
clear:both;
}



#content iframe {
width:50%;
float:left;
padding-left:15px;
}

#breadcrumbs {
width:100%;
height:50px;
line-height:50px;
font-size:12px;
color:#666666;
}

#breadcrumbs ul {
padding: 0;
margin: 0;
float: left;
}

#breadcrumbs ul li { display: inline; }

#breadcrumbs ul li a {
width:auto;
color:#84976C;
text-decoration: none;
float: left;
}

#breadcrumbs ul li a:after {
content:"\f105";
font-family:"FontAwesome";
font-size:20px;
line-height:48px;
padding-left:6px;
padding-right:6px;
display:block;
float:right;
}

#breadcrumbs ul li a:hover, #breadcrumbs ul li a:hover span {
text-decoration:underline;
}

#sfeer-bottomwrapper {
width:100%;
height: auto;
background-image:url(../layout/sfeer-kids-2.jpg);
background-position:center center;
background-size:cover;
}

#sfeer-bottom {
width: 100%;
max-width:1200px;
height:auto;
padding:60px 30px;
margin-left:auto;
margin-right:auto;
}

#bottom-rechts {
float:left;
width:50%;
padding-right:5px;
}

#bottom-links {
float:left;
width:50%;
padding-left:5px;
}

.bottom-header {
text-align:center;
font-family: 'Coustard', serif;
margin-bottom:40px;
color: #FFFFFF;
font-size:34px;
text-shadow: 0px 0px 4px rgba(0, 0, 0, 0.7);
}

.bottom-titel {
color:#D3A01E;
}

#bottom-links, #bottom-rechts {
background: rgb(255, 255, 255) transparent;
background: rgba(255, 255, 255, 0.75);
width:48%;
padding:20px;
}

#bottom-links {
margin-right:4%;
}


#content-bottomwrapper {
width:100%;
height: auto;
background-color:#F5F5F5;
}

#content-bottom {
width: 100%;
max-width:1200px;
height:auto;
padding:0 30px;
margin-left:auto;
margin-right:auto;
}

#mapswrapper {
width:100%;
height: 400px;
overflow:hidden;
position:relative;
}

#mapswrapper iframe {
    margin-top: -150px;
	margin-bottom:;
    pointer-events: none;
}

#mapinfo {
position:absolute;
background-color:#FFFFFF;
padding:10px 15px 0 15px;
text-align:center;
left: 50%;
 -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
	top:15%;
	white-space:nowrap;
-webkit-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.74);
-moz-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.74);
box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.74);
}

#mapinfo:after {
content: "";
    position: absolute;
    width: 0;
    height: 0;
    margin-left: -15px;
    bottom: -20px;
    left: 50%;
    box-sizing: border-box;    
    border: 10px solid black;
    border-color: transparent transparent #FFFFFF #FFFFFF;    
    transform-origin: 0 0;
    transform: rotate(-45deg);   
    box-shadow: -2px 2.5px 2.5px 0 rgba(0, 0, 0, 0.4);
	/*box-shadow: -3px 3px 3px 0 rgba(0, 0, 0, 0.4);*/
  }
#mapinfo h2 {
padding-bottom:0;
font-size:30px;
}

#mapinfo p {
padding-bottom:15px;
}

#bottomwrapper {
width:100%;
height: auto;
background-color:#EFCB12;
}

#bottom {
width: 100%;
max-width:1200px;
height:auto;
padding:15px 30px;
margin-left:auto;
margin-right:auto;
text-align:center;
}

#bottom {
font-family: 'Coustard', serif;
color: #FFFFFF;
font-size: 26px;
margin-bottom:0;

}

#bottom a {
color:#FFFFFF;
text-decoration:none;
}

#bottom i{
padding-right:7px;
padding-left:2px;
}

#footerwrapper {
width:100%;
height: auto;
background-color:#BE106E;
}

#footer {
width: 100%;
max-width:1200px;
height:auto;
padding:0 30px;
margin-left:auto;
margin-right:auto;
color:#FFFFFF;
position:relative;
}

#footer h6 {
font-family: 'Coustard', serif;
color:#FFFFFF;
font-size:26px;
font-weight:normal;
}

#footer a {
color:#FFFFFF;
}

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

#footer li a{
line-height:24px;
}

#column-1 {
float:left;
width:36%;
padding:30px 50px 15px 0;
}

#column-2 {
float:left;
width:32%;
padding:30px 0;
padding-left:20px;
}

#column-3 {
float:left;
width:32%;
padding:30px 0;
padding-top:0;
}

#column-3 img {
    width: 250px;
    height: auto;
    margin-left: -8px;
padding-right:8px;
}

#copywrapper {
width:100%;
height: auto;
background-color:#E6204E;
}

#copy {
width: 100%;
max-width:1200px;
height:auto;
padding:10px 30px;
margin-left:auto;
margin-right:auto;
font-size:12px;
color:#FFFFFF;
text-align:right;
}

#copy a {
color:#FFFFFF;
}

.clear {
clear:both;
}

.mx_news_item_image {
position:relative;
}

a.fancybox:hover::before {
font-family: FontAwesome;
font-size:20px;
/* Fallback for web browsers that doesn't support RGBa */
background: rgb(0, 0, 0) transparent;
/* RGBa with 0.6 opacity */
background: rgba(0, 0, 0, 0.7);
display:block;
content:"\f002";
position:absolute;
top:40%;
left:40%;
z-index:2;
width:40px;
height:40px;
color:#FFFFFF;
text-align:center;
line-height:38px;
}

a.fancybox::before {

}

.memberdetail .image {
float:left;
width:30%;
border: solid 4px #49A7C1;
-webkit-border-radius:200px;
-moz-border-radius: 200px;
-khtml-border-radius:200px;
border-radius: 200px;
padding:4px;
margin-bottom:20px;
}

.memberdetail .image img {
display:block;
-webkit-border-radius:200px;
-moz-border-radius: 200px;
-khtml-border-radius:200px;
border-radius: 200px;
}

.memberdetail .description {
float:left;
width:70%;
padding:20px 0 0 30px;
height:auto;
}

.memberdetail .mx_pagination ul {
border-color:#3D1B56;
margin-bottom:15px;
}

.memberdetail .mx_pagination li {
padding:5px 8px;
border-color:#3D1B56;
}

.memberdetail .mx_pagination li.ja {
background-color:#6A397A;
color:#FFFFFF;
}

@media screen and (max-width: 1100px) {

#logo img {
max-width:270px;
}

}


@media screen and (max-width: 1023px) {

#headerwrapper.stick {
position:relative;

}

#headerwrapper {
height:65px;
}

#logo img, #headerwrapper.stick #logo img {
max-width:220px;
}

#topwrapper.stick {
    padding-top:0;
}

#column-content {
width:100%;
padding-right:0;
}

#column-side {
display:none;
}

} /* end mediaquery */

@media screen and (max-width: 850px) {

#bottom-links {
width:100%;
margin-bottom:20px;
}

#bottom-rechts {
width:100%;
}

#bottom p {
font-size:22px;
}

#mx_contact_form {
float:left;
width:100%;
padding-right:0;
padding-bottom:20px;
}

#content iframe {
width:100%;
float:left;
padding-left:0;
}

#home-content {
width:100%;
}

#calendar {
width:100%;
}

#column-1, #column-2, #column-3 {
width:50%;
padding-left:0!important;
}

#column-2 {
clear:left;
padding-top:0;
}

#column-3 {
float:right;
clear:right;
padding-top:40px;
}

#column-3 img {
    position:absolute;
	top:0;
	left:50%;
}

} /* end mediaquery */

@media screen and (max-width: 750px) {

h1, h2 {
font-size:26px;
line-height:30px;
}

.bottom-header {
font-size:28px !important;
}

} /* end mediaquery */

@media screen and (max-width: 650px) {

#social {
width:35%;
}

#logo {
left:0;
}

#header, #top, #content, #sfeer-bottom, #content-bottom, #bottom, #footer, #copy {
padding-left:15px;
padding-right:15px;
}

#content img[style*="left"], #content img[align="left"] { margin: 0 auto 15px auto; display:block; float:none !important; }
#content img[style*="right"], #content img[align="right"] { margin: 0 auto 15px auto; display:block; float:none !important; }

#bottom p {
font-size:20px;
}

#column-1, #column-2, #column-3 {
width:100%;
text-align:center;
padding-right:0;
}

#column-1 {
padding-top: 175px;
}

#column-2 {
padding-top:10px;
padding-bottom:0;
}

#column-3 {
padding-top:0;
}

#column-3 br {
display:none;
}

#column-3 img {
    position:absolute;
	top:0;
	left:50%;
	margin-left:-125px;
}

} /* end mediaquery */

@media screen and (max-width: 550px) {

#logo, #headerwrapper.stick #logo {
    max-width: 40%;
}

#logo img, #headerwrapper.stick #logo img {
    width: 100%;
}

#search {
    float: right;
    width: 58%;
}


} /* end mediaquery */