/* QB additional styles */

* {  
	/*...*/
}

body { 
	margin-top: 0px;
	background-color: #FFF; 
	/* Google font: Open Sans */
	font-family: 'Open Sans', Verdana, sans-serif;
	font-size: 16px; 	
	color:#333; 	/*color: #6a747c;*/	
	
	overflow-y:scroll; /* altijd een scrollbalk forceren, ook al is het niet nodig, voorkomt verspringen pagina */


	/* volgende regel uit foundation.css eventueel overrulen
	line-height: 1.5; -> bijv 1.2
	*/
}

a:link,a:visited {
	text-decoration: none;
	color: #0090b2; /*logoblauw*/
	/*#eee; /*bijna wit*/
	
}
a:hover {
	text-decoration: underline;
	/*color: #0099cc; /* blauwtint */
}
a:active {
	text-decoration: none;
	/*color: #000; /* zwart */
}


p,td {color: #333; /*#6a747c;*/}

h1 { 
	font-family: 'Open Sans', Verdana, sans-serif;
	font-size:24px; 
	font-weight: bold;
}
h2 { 
	font-family: 'Open Sans', Verdana, sans-serif;
	font-size:18px; 
	font-weight: bold;
}
h3 { 
	font-family: 'Open Sans', Verdana, sans-serif;
	font-size:17px; 
	font-weight: bold;
}
/*overrules Foundation */
button{ color: #FFF;} 

.button.alert {
    background-color: #0090b2; /* #ec5840*/;
    color: #fefefe; }
    .button.alert:hover, .button.alert:focus {
      background-color: #da3116;
      color: #fefefe; }

/* ---------- CLASSES EN DIV ---------- */
.centreren {text-align:center;}
/* top menu desktop hyperlinks */
.topmenu a:link,.topmenu a:visited {
	text-decoration: none;
	color: #FFF; /*wit*/
}
.topmenu a:hover {
	text-decoration: none;
	color: #fdbf4a;  soort oranje  */
}

/* top menu mobiel hyperlinks */
.topmenu-mobiel a:link,.topmenu-mobiel a:visited {
	text-decoration: none;
	color: #000; /*zwart*/
}
.topmenu-mobiel a:hover {
	text-decoration: none;
	color: #FFF; /*wit */
}


/* links in de copyright sectie */
.copylinks a:link, .copylinks a:visited {
	color: #000; /* zwart */ 
}
.copylinks a:hover {
	text-decoration: underline;
}
.copyinks a:active {
	text-decoration: none;
}


/* bijv. div of andere elementen via PHP coded mv classes verbergen  */
.verberg-deze-div{ display:none;}

/* kleuren */
.kleur-wit {color:#fff;}
.kleur-logo-blauw {color:#0090b2; /*#166fb8;*/}
.kleur-logo-grijs {color:#cbcdcf;}

/*
.kleur-lichtblauw {color:#edf0fb;}
.kleur-donkerblauw {color:#2b3f98;}
.kleur-paars {color:#7f3f98;}
.kleur-oranje {color: #da8d1b;}
.kleur-groen {color:#006633;}
*/

/* fontsize */
.font24{ font-size:24px;}
.font22{ font-size:22px;}
.font20{ font-size:20px;}
.font18{ font-size:18px;}
.font17{ font-size:17px;}
.font15{ font-size:15px;}
.font14{ font-size:14px; line-height:18px;}
.font13{ font-size:13px;}
.font12{ font-size:12px;}
.font11{ font-size:11px;}
.font10{ font-size:10px;}

.pagina-header{ color:#0090b2; padding:40px 0 10px 0; } /* in combo met h1 tag */
.alinea-header{ font-weight:bold; padding:20px 0 4px 0; /*color:#0090b2;*/}  /* in combi met p h2 of h3 tag */

.bodemruimte {padding-bottom:10px;} /* afbeeldingen */


/* button MAAK UW AFSPRAAK */
.letterspatiering3{ letter-spacing:3px;}
.regelhoogte2{ line-height:2em;}
.regelhoogte1-5{ line-height:1.5em;}
.regelhoogte1-3{ line-height:1.3em;}

.ruimte30{ padding:0 30px 0 30px;}
.roteren-10 {
    -ms-transform: rotate(-10deg); /* IE 9 */
    -webkit-transform: rotate(-10deg); /* Safari */
    transform: rotate(-10deg); /* Standard syntax */
}
.ronde-hoeken10 {border-radius: 10px;}

/* tekst in topbanners */
.topbannertekst{font-size:36px;}

/* ivm foutmeldingen formulier*/ 
.attentie{ color:#F00;}
 /* rode Attentie */
.rood { 
	color: #F00;
}
/* rode lijntje input velden */
input.error {
	border: 1px solid #FF0000;
}

.blauwelijn { 
	/* max-width: 98%; /* overrules Foundation 75 rem */
	border: none; 
	border-top: 1px solid #0090b2;
  /* margin: 0.25rem auto;	/* overruling foundation hr css 1.25rem auto */
}

.shadow {
	-moz-box-shadow: 3px 3px 20px #222;
	-webkit-box-shadow: 3px 3px 20px #222;
	box-shadow: 3px 3px 20px #222;
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#222222')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#222222');
}

.shadow-light {
	-moz-box-shadow: 1px 1px 10px #222;
	-webkit-box-shadow: 1px 1px 10px #222;
	box-shadow: 1px 1px 10px #222;
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#222222')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#222222');
}

/* marges bij losse elementen */
.marges{
	margin: 0 0 1rem 0;
  padding: 1rem;
  border: 1px solid rgba(10, 10, 10, 0.25);
  border-radius: 0;
  
	/*
	position: relative;
  color: #0a0a0a;
  background-color: white;
	*/
}

/* overruled foundation css voor ontwikkelomgeving */
.callout.primary {
	background-color: #c6cde6 ;
} 


/*  DIV */
/*------------------------------------------------- algemeen --------------------------*/

#paginacontainer { 
	margin: 0 auto;	/* is centreren */
	
	width:100%; 
	/* breedte fixeren
	/* min-width:960px;*/
	
	/* breedte fluid maken*/
	/* max-width:960px; */

	height:auto;  
	
}
/* geen div maar class van gemaakt dd 23-11-2017*/  
.container-max-breedte{ 
	margin: 0 auto;	/* is centreren */
	/* OPTIONEEL overrulen van de .row waarde van Foundation*/ 
	/* maximale breedte instellen voor rijen welke niet over de volle breedte van het scherm gaan*/
	/* Foundation hanteert een relatieve default bij '.row' van 75rem */
	max-width: 1200px;
	
}

/* class om div's te verbergen via PHP  */
.verberg-deze-div{ display:none;}


/*------------------------------------------------- einde algemeen ---------------------*/


/*------------------------------------------------- topsectie --------------------------*/
#top-sectie{ background-color:#FFF; padding: 10px 0 10px 0; }
#top-sectie-links{ text-align:right; padding-top:40px;}
#top-sectie-midden{ padding-top:10px; text-align:center;}
#top-sectie-rechts{ text-align:left; padding-top:40px;}
#top-menu-sectie{	background-color:#0090b2; border-top:#FFF solid 1px; border-bottom:#FFF solid 1px;}

#top-menu{ text-align:right; line-height:46px; }
#top-menu-mobiel{}
#example-menu{ background-color: #CCC; } /* TODO menu mobiel */ 


#top-banner{ 
	margin:0px 0px;  
	padding:0px 0px 0px 0px;
	background-color:#333;
	border-top:#0090b2 solid 1px;

	/*dd 27-1-2017 nieuwe methode om te schalen */	  
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
	background-position:center;
}


/* optioneel */
/*
#top-banner-mobiel{
	display:none;
}
*/

/* -- media queries topsectie -- */
@media screen and (min-width: 40em) {
	#top-menu{display:inline;}
/*	#top-sectie-links{display:inline;}
	#top-sectie-rechts{display:inline;} */
	#top-menu-mobiel {display:none;}
	#top-sectie-links-home{ text-align:center;}
	#top-sectie-rechts-home{ text-align:center;}

}
@media screen and (max-width: 39.9375em) {
	#top-sectie{	padding:0px 0px 0px 0px;}
	#top-menu{display:none;}
	#top-menu-mobiel {display:inline;}

}

@media screen and (max-width: 63.9375em) {
	#top-sectie-links-home{display:none;}
	#top-sectie-rechts-home{display:none;}

	#top-banner{display:none;}

}
@media screen and (min-width: 64em) {
	#top-sectie-links-home{display:inline;}		/* biek zie hide-for-portrait class in foundation */
	#top-sectie-rechts-home{display:inline;}		/* biek zie hide-for-portrait class in foundation */

	#top-sectie-links-home{ text-align:right;}
	#top-sectie-rechts-home{ text-align:left;}

}

/*------------------------------------------------- einde topsectie --------------------------*/

/*------------------------------------------------- middensectie -----------------------------*/

#content-enkele-sectie{	padding:20px 0px 20px 0px;} 	
#content-eerste-sectie{	padding:20px 0px 10px 0px;}
#content-overige-sectie{ padding:0px 0px 10px 0px;}
#content-laatste-sectie{ padding:0px 0px 20px 0px;}

#team-fotos{text-align:center;}

#contentfotogalerij{}

#nieuwsartikel,#formulier,#berichtenbord {
	width: auto;
	margin: 10px 0px 10px 0px; 
	padding: 10px;
	border: 1px solid #ccc;
	display: block;	
}




/* -- media queries contentsecties -- */
@media screen and (max-width: 39.9375em) {
	#content-enkele-sectie { background-image:url(../afbeeldingen/00-empty.gif);}
}

@media screen and (max-width: 63.9375em) {
	#content-enkele-sectie{	padding:20px 0px 20px 0px;}
	#content-eerste-sectie{	padding:20px 0px 10px 0px;}
	#fotogalerij-facebook-link{ padding-top:10px;}
	#contentfotogalerij{ padding-bottom:10px;}
}

/*------------------------------------------------- einde middensectie -----------------------*/

/*------------------------------------------------- footersectie -----------------------------*/

#footer-sectie{
	padding:20px 0px 40px 0px;
	background-color: #DDD; /* grijs*/
	color: #000; /*zwart*/
}	

#footerbutton{ text-align:center;}


/* -- media queries contentsecties -- */
@media screen and (max-width: 63.9375em) {
	
	#footerbutton{ text-align:left;}
	
}

/*------------------------------------------------- einde footersectie -----------------------*/

/*------------------------------------------------- copyrightsectie -----------------------------*/

#copyright-sectie{
	padding:10px 0px 20px 0px;
	text-align:center;
}	
/*------------------------------------------------- einde copyright -----------------------*/