@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Finger+Paint");

/*--------------------------------------RESET---------------------------------------------*/
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strike,strong,sub,sup,tt,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,section, article, aside, footer, header, hgroup, nav{ margin:0; padding:0; border:0; outline:0; font-size:100%; font:inherit; vertical-align:baseline; -moz-box-sizing:border-box; /* Firefox 28 and earlier*/ box-sizing:border-box;}
/*ol,ul{list-style:none;}*/
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
ins{text-decoration:none;}
del{text-decoration:line-through;}
table{border-collapse:collapse;border-spacing:0;}
body{position:relative;	-webkit-font-kerning: auto;	-webkit-font-smoothing: antialiased;}
.floatleft { float:left;}
.floatright { float:right;}
.clear { clear:both; }
strong { font-weight:700; }

a { color:#005e78;}
a:hover { color:#773c10;}

h1   { font-size:25px; color:#005e78; font-weight:700; margin:0px 0px 25px 0px; max-width:450px;}
h2   { font-size:20px; color:#005e78; font-weight:700; margin:0px 0px 12px 0px;}
h3   { font-size:29px; color:#005e78; font-weight:700; margin:0px 0px 12px 0px;}
h4   { font-size:18px; color:#005e78; font-weight:700; margin:0px 0px 12px 0px;}

i { font-style:italic;}





/*--------------------------------------header en nav styling---------------------------------------------*/
body {font-family: Gotham, Helvetica, Arial, sans-serif; font-size:14px; color:#777777; font-weight:400; background-color:white; }
.topbalk { width:100%; background-color:#45c0f0; height:32px; color:#FFFFFF; font-size:11px; text-align:right; }
.topbalk a { color:#FFFFFF; } 
.topbalk-container { width:1024px; margin:0 auto; padding:8px 25px 0px 25px;  }
.facebook { width:18px; height:18px; vertical-align:middle; margin:-5px 0px 0px 10px; -webkit-transition: 350ms; -moz-transition: 350ms; transition:350ms; }
.facebook:hover { -webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.5); -moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.5); -o-box-shadow: 0px 0px 5px rgba(0,0,0,0.5); box-shadow: 0px 0px 5px rgba(0,0,0,0.5);  }

header { width:100%; margin:0px 0px 0px 0px; height:100px; background-color: rgba(255,255,255,0.8); z-index:1100; position: absolute; -webkit-transition: 350ms; -moz-transition: 350ms; transition:350ms;}
.navigatie {width:1024px; margin:0 auto; padding:0px 25px 0px 25px;  }
.toplogo { float:left; display:block; width:175px; height:75px; margin:10px 35px 0px 0px; -webkit-transition: 350ms; -moz-transition: 350ms; transition:350ms; }

.submenu { display:none;}
.menu-item:hover > ul{
    display:block;
}

/*--------------------------------------classie---------------------------------------------*/
header.smaller { position:fixed; top:0px; height:65px; background-color: rgba(255,255,255,0.9); }
.smaller nav#nav-main { 	margin:7px 0px 30px 0px;}
.smaller .toplogo {  width:100px; height:50px;  }




/*--------------------------------------flexslider CSS---------------------------------------------*/
.topslider { height:500px;  }
.slide { background-position:center center; }
.slidetekst-container {margin:0 auto; height:500px; width:850px; text-align:center; padding:0px 25px 0px 25px;  display:block; font-size:40px; color:#FFFFFF; }



/*--------------------------------------section styling---------------------------------------------*/
article { max-width:1024px; margin:0 auto; padding:125px 25px 125px 25px; line-height:30px;  }
article ul { list-style-type:disc; margin:0px 0px 0px 10px; }
.picture { max-width:250px; height:auto; float:left; margin:25px 25px 0px 0px; -webkit-transition: 350ms; -moz-transition: 350ms; transition:350ms; }
.picture-last { margin:25px 0px 0px 0px; }
.picture:hover {-webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.5); -moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.5); -o-box-shadow: 0px 0px 5px rgba(0,0,0,0.5); box-shadow: 0px 0px 5px rgba(0,0,0,0.5); }

.bcg { background-position: center center; background-repeat: no-repeat; background-attachment:fixed; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover;  min-height:100%; min-width:100%; height:500px; text-align:center; padding:0px 25px 0px 25px; }
.bcg p { position: relative;  top: 50%;  -webkit-transform: translateY(-50%);  -ms-transform: translateY(-50%);  transform: translateY(-50%); font-size:39px; font-weight:100; color:#FFFFFF; max-width:850px; margin:0 auto;  }
.bcg span { font-size:20px; font-weight:400; font-style:italic; display:block; margin:25px 0px 0px 0px; line-height:30px; }

.bcg-top-vervolgpaginas { background-position: center center; background-repeat: no-repeat; background-attachment:fixed; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover;  min-height:100%; min-width:100%; height:500px; text-align:center; padding:0px 25px 0px 25px; }

.tekst-left {max-width: 50%; float: left;}
.tekst-right {max-width: 50%; float: right; padding: 0px,25px,25px,25px; text-align: center; min-width: 40%;}


/*--------------------------------------footer ---------------------------------------------*/
#map-canvas { margin: 0 auto; padding: 0; height:280px;	width:100%;	position:relative; z-index:2;}
.shadow { height:0px; background-image: url(../images/shadow.png); position:relative; background-repeat:repeat-x; background-position: center; z-index:1000; margin-bottom:-20px;}

footer { background-color:#005e78; border-top:#005e78 0px solid; }
footer a { color:#ffffff;}
footer a:hover { color:#ffffff; }
footer h2 { color:#ffffff; }

.contactgegevens {  width:auto; text-align: center; font-size:16px; color:#FFFFFF; }