@charset "UTF-8";


/*nog weghalen:*/
a {outline: 0;}



/* ALL ---------------------------------------------------------------------------------------*/
html { /*altijd een scrollbar ivm centreren formulier*/
	overflow-y: scroll}
	
body {
	font-family: "montserratlight", verdana, arial, sans-serif;
	/*font-family: 'Lato', verdana, arial, sans-serif;*/
	color:#4d4d4d;} /* = label-color >> override #222 van foundation */
	
*::-moz-selection { /*tekst selecteer-kleur*/
    background-color: #ffc740;
    color: #000000;}
	
*::selection { /*tekst muis-selecteer-kleur*/
	background:#ffc740;}
	
h1, h2, h3, h4, h5, h6 { /*size wordt door foundation bepaald: voordeel: wordt verkleind in mobile*/
	padding:1rem 0;
	margin:0;
    font-family: 'Oswald', verdana, arial, sans-serif;
    font-weight: normal;    
    text-transform: uppercase;
	letter-spacing: 1px;
    color:#c1392b;}
	
p {	margin-bottom: 0;
	padding-bottom:0.5rem; padding-top:0.5rem;} /*override*/
	
hr {border: 0;
    height: 1px;
    background: #999;}
	
img { margin:0 0 0 0;}

.txt-klein0688 {font-size:0.688rem;}		
.txt-klein0750 {font-size:0.750rem;}
.txt-klein08125 { font-size:0.8125rem;}



.bord-top {border-top: 1px solid rgba(10, 10, 10, 0.4);}
.bord-bott {border-bottom: 1px solid rgba(10, 10, 10, 0.4);}
.bord-rechts {border-right: 1px solid rgba(10, 10, 10, 0.4);}
.bord-links {border-left: 1px solid rgba(10, 10, 10, 0.4);}

.borderBottomBlack { border-bottom: 1px solid #000;}
.borderRechtsBlack { border-right: 1px solid #000;}

.line15 { line-height:1.5;}

.ean-rel {position:relative;}

.callout { margin-bottom:0.5rem; margin-top:0.5rem;} /*override FD ivm goede uitlijning met <p> die dezelfde marges heeft*/

.callout p {
	padding: 0;
	font-family:Verdana, Geneva, sans-serif;
	line-height:1.4;	
	font-size:0.75rem;
	color:#666;	
}

.callout h5 { padding:0 0 0.5rem 0;}

.img-marge-rechts {margin-right:1.375rem; margin-bottom:0.4rem;}
.img-marge-links {margin-left:1.375rem; margin-bottom:0.4rem;}

.ean-marg-bottom1 {margin-bottom:1rem;}
.ean-marg-top1 {margin-top:1rem;}


.kader { /*kader om img en andere elementen in op main-content-achtergrond*/
	padding:5px;
	border: 1px solid rgba(10, 10, 10, 0.2); /*=lichter dan FD-callout border*/
	background-color: #fff;/*rgba(209, 209, 209, 0.3)*/
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
	border-radius:7px;
	}
.bord-in-kader {/*border van img of ander element (p) (div)*/
	border:1px solid rgba(10, 10, 10, 0.3) ; 
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
}

/* ALL end------------------------------------------------------------------------------------*/







/*afspraakformulier ------*/

/*close button*/
#afspraakPanel .close-button:focus {color:#b2b6f6;}/*c1392b*/
#afspraakPanel .close-button:hover {color:red;}
	
#afspraakPanel .close-button, #afspraakPanel .close-button.medium {
	outline: 0; /*geen stippelborder na klicken*/
    font-size: 4em;
	color:#b2b6f6;/*c1392b*/
    line-height: 1;
    right: 1rem;
    top: 0.5rem;
	/*z-index:999;*/ /*closebutton boven callout*/
}





#afspraakPanel h3 { padding-top:0.375rem;}

#afspraakPanel p {
	padding: 0;
	font-family: "montserratlight", verdana, arial, sans-serif;
	line-height:1.4;	
	font-size:1rem;
	color:#666;}
	
#afspraakPanel p.form-privacy {
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.75rem; line-height:0.75rem;
	padding:1rem 2rem 0 2rem ;
	color:#999;}

#afspraakPanel ul {margin: 0; padding:1rem 0; line-height:1.4}
#afspraakPanel li {white-space: nowrap; color:#666;}
#afspraakPanel li i {font-size:1rem; padding:0; }
#afspraakPanel li i { /*icon uitlijnen*/
  position: relative;
  top: 3px;}/*  left:-2px;*/
  
  
  
  
  

#afspraakPanel form {padding-top: 1rem;}
#afspraakPanel label {font-size:0.75rem; font-family:Verdana, Geneva, sans-serif; color:#666; text-transform:uppercase; cursor:default;}	


#afspraakPanel input::-ms-clear {display: none;} /*brengt input-padding=rechts in IE10 terug*/
#afspraakPanel input[type="text"], #afspraakPanel textarea {
	margin: 0 0 0.5rem; /*FD overrule*/
	box-shadow:none; /*foundation overrule*/
	background-image: none; /*verwijdert de standaard inset-shadow van FF android*/
	/*background-color: #f2fcfc;*/
	font-size:1rem;/*1.125*/
	color: #666;}	
#afspraakPanel input[type="text"]:focus, #afspraakPanel textarea:focus {
	background-color: #dddffc;}	/*d5d7fd d7fdd0*/
#afspraakPanel textarea {min-height: 40px; height:2.4375rem;}


#afspraakPanel .button {	
	background-color: #464873; /*is nu de kleur van de puzzle*/
	margin-top:1rem;
	background-image: none; /*verwijdert de standaard inset-shadow van FF android*/}
#afspraakPanel .button:hover, nav .button:focus {background-color: rgba(193, 57, 43, 1);} 
#afspraakPanel .button:focus {background-color: #464873;} /*na openen weer blauw*/

.submit-melding {	
	padding: 1rem !important;
	border:1px solid #CCC !important;
	background:#efefef !important;}
	
p.submit-melding img { margin-right:1rem !important;}
.submit-melding-onzichtbaar{ display:none;}



/*is alleen foutmelding BOVEN formulier*/
	.contact-form-foutmelding {
		padding-top:1rem !important; 
		/*text-transform:uppercase;*/
		color:red !important;
		/*font-weight:normal;*/		
		/*font-size:1rem !important*/;
		} 

/*is alleen foutmelding IN formulier*/
	.errInput{
		display:block;
		color:red;	
		position: relative;
		top: -7px;/*  left:-2px;*/
		font-size:0.6875rem;
		line-height:0.75rem;}


.reeks {display: none;} /* INPUT maak onzichtbaar voor humans*/

.displ-inbl { /*getallen van captcha*/
    display: inline-block;}







/*BERICHTBEVESTIGING ----------*/
.bericht-bevestiging, .bericht-bevestiging p {
	font-family: "montserratlight", verdana, arial, sans-serif;
	font-size:1rem;	
	color:#4d4d4d;} 

.schreef {font-style:italic; margin-left:2rem; font-size:0.875rem}




/* FOR TESTING ....  grid ---------------------------------------------------------------------*/
/**:not(body):not(html) {box-sizing:border-box;}*/
.rb {border:1px solid red;}
/* end testing ---------------------------------------------------------------------------------*/