setlocale NOK <hr><style>
* {
  box-sizing: border-box;
}

/*the container must be positioned relative:*/
.autocomplete {
  position: relative;
  display: inline-block;
}
/*
input {
  border: 1px solid transparent;
  background-color: #f1f1f1;
  padding: 10px;
  font-size: 16px;
}

input[type=text] {
  background-color: #f1f1f1;
  width: 100%;
}

input[type=submit] {
  background-color: DodgerBlue;
  color: #fff;
  cursor: pointer;
}
*/
.autocomplete-items {
  position: absolute;
  border: 1px solid #d4d4d4;
  border-bottom: none;
  border-top: none;
  z-index: 99;
  /*position the autocomplete items to be the same width as the container:*/
  top: 100%;
  left: 0;
  right: 0;
  width:500px;
}

.autocomplete-items div {
  padding: 10px;
  cursor: pointer;
  background-color: #fff; 
  border-bottom: 1px solid #d4d4d4;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 black;}

/*when hovering an item:*/
.autocomplete-items div:hover {
  background-color: #e9e9e9; 
}

/*when navigating through the items using the arrow keys:*/
.autocomplete-active {
  background-color: DodgerBlue !important; 
  color: #ffffff; 
}
</style>
<script>
function autocomplete(inp, arr) {

  /*the autocomplete function takes two arguments,
  the text field element and an array of possible autocompleted values:*/
  var currentFocus;
  /*execute a function when someone writes in the text field:*/
  inp.addEventListener("input", function(e) {
      var a, b, i, val = this.value;
      /*close any already open lists of autocompleted values*/
      closeAllLists();
      if (!val) { return false;}
      currentFocus = -1;
      /*create a DIV element that will contain the items (values):*/
      a = document.createElement("DIV");
      a.setAttribute("id", this.id + "autocomplete-list");
      a.setAttribute("class", "autocomplete-items");
      /*append the DIV element as a child of the autocomplete container:*/
      this.parentNode.appendChild(a);
      /*for each item in the array...*/

      for (i = 0; i < arr.length; i++) {

        /* console.log("[" + arr[i] + "]"); */


          upperelement 	= arr[i].toUpperCase();
        	upperval 			= val.toUpperCase();
        	if ( upperelement.includes( upperval ) ) {

          /*create a DIV element for each matching element:*/
          b = document.createElement('DIV');
          b.innerHTML  = '';
        	
        	startpos = upperelement.indexOf( upperval );
        		
          //first part of the string
          if ( startpos > 0 ) {
		         b.innerHTML += arr[i].substr(0, (startpos) );
		       }
		        
	         //middle part of the string, make the matching letters bold and red:
         	 b.innerHTML += '<span style="font-weight:bold; color:red;">' +  arr[i].substr(startpos, val.length) + '</span>';
         	 
					 //last part of the string
	          if ( startpos == 0 ) {
		          	b.innerHTML += arr[i].substr(val.length, arr[i].length );
	          } else {
		          	b.innerHTML += arr[i].substr( ( startpos + val.length ), arr[i].length );
	          }
	          
	          /*insert a input field that will hold the current array item's value:*/
	          b.innerHTML += "<input type='hidden' value='" + arr[i] + "'>";
          
          
          
          /*execute a function when someone clicks on the item value (DIV element):*/
          b.addEventListener("click", function(e) {
              /*insert the value for the autocomplete text field:*/

              inp.value = this.getElementsByTagName("input")[0].value;

              /* inp.value = this.getElementsByTagName("input")[0].value;
              close the list of autocompleted values,
              (or any other open lists of autocompleted values:*/
              document.getElementById("zoeken").submit();
              /*document.getElementById("form1").submit();*/
              closeAllLists();
          });
          a.appendChild(b);
        }
      } // Einde for (i = 0; i < arr.length; i++) {
  });


  /*execute a function presses a key on the keyboard:*/
  inp.addEventListener("keydown", function(e) {
      var x = document.getElementById(this.id + "autocomplete-list");
      if (x) x = x.getElementsByTagName("div");
      if (e.keyCode == 40) {
        /*If the arrow DOWN key is pressed,
        increase the currentFocus variable:*/
        currentFocus++;
        /*and and make the current item more visible:*/
        addActive(x);
      } else if (e.keyCode == 38) { //up
        /*If the arrow UP key is pressed,
        decrease the currentFocus variable:*/
        currentFocus--;
        /*and and make the current item more visible:*/
        addActive(x);
      } else if (e.keyCode == 13) {
        /*If the ENTER key is pressed, prevent the form from being submitted,*/
        e.preventDefault();
        if (currentFocus > -1) {
          /*and simulate a click on the "active" item:*/
          if (x) x[currentFocus].click();
        }
      }
  });


  function addActive(x) {
    /*a function to classify an item as "active":*/
    if (!x) return false;
    /*start by removing the "active" class on all items:*/
    removeActive(x);
    if (currentFocus >= x.length) currentFocus = 0;
    if (currentFocus < 0) currentFocus = (x.length - 1);
    /*add class "autocomplete-active":*/
    x[currentFocus].classList.add("autocomplete-active");
  }


  function removeActive(x) {
    /*a function to remove the "active" class from all autocomplete items:*/
    for (var i = 0; i < x.length; i++) {
      x[i].classList.remove("autocomplete-active");
    }
  }


  function closeAllLists(elmnt) {
    /*close all autocomplete lists in the document,
    except the one passed as an argument:*/
    var x = document.getElementsByClassName("autocomplete-items");
    for (var i = 0; i < x.length; i++) {
      if (elmnt != x[i] && elmnt != inp) {
        x[i].parentNode.removeChild(x[i]);
      }
    }
  }


  /*execute a function when someone clicks in the document:*/
  document.addEventListener("click", function (e) {
      closeAllLists(e.target);
  });

}
</script>

	<!DOCTYPE html>
	<title>Wintercompetitie</title>
	<html>
	<head>
		<link rel='shortcut icon' type='image/x-icon' href=../favicon.ico>
	
		<meta name='viewport' content='width=device-width, initial-scale=1'>
	
		<link rel='stylesheet' href='https://fonts.googleapis.com/icon?family=Material+Icons'>
		<link rel='stylesheet' href='https://use.fontawesome.com/releases/v5.5.0/css/all.css' integrity='sha384-B4dIYHKNBt8Bc12p+WXckhzcICo0wtJAoU8YZTY5qE0Id1GSseTk6S+L3BlXeVIU' crossorigin='anonymous'>
		<link rel='stylesheet' href='https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css'>
				
		<link href='../w3/w3_v4.css?v=15072025225249' rel='stylesheet' type='text/css' />
		<link href='../css/bhwd.css?v=15072025225249' rel='stylesheet' type='text/css' />
		
		<script type='text/javascript' src='../js/functions.js?v=15072025225249'></script>
		<script type='text/javascript' src='../w3/w3.js'></script>

		<style>
		body {
			width				: 100%;
			max-width		: 1300px; 
			margin-right: auto;
			margin-left	: auto;
		}
		</style>
		
	</head>
	<body>
	<div class='w3-center'  > <!-- Einde staat in i_wcm_footer -->
	<i id="myHeader" ></i>

<!-- Kop pagina -->
<div class='w3-container'>
	<img class='w3-image' src="../images/kop_full.png" alt="Kop Wintercompetitie" >
</div>

<div class="w3-container w3-center w3-large"> <!-- Einde staat in i_wcm_footer -->
<div class="w3-container w3-white" > <!-- Einde staat in i_wcm_footer -->
<div class="w3-row"> <!-- Einde staat in i_wcm_footer -->

<!-- Menu pagina --> 
<ul style='position: -webkit-sticky; position: sticky; top: 0; z-index: 10;'><div class='w3-bar w3-indigo w3-animate-zoom'  style='width:100%'>
	    	<a href='https://www.woohwooh.com/wintercompetitie/php/start.php' 				class='w3-bar-item w3-button bh-hover-light-paars'><i class='fa fa-home w3-xlarge'></i></a>
	    	<a href='https://www.woohwooh.com/wintercompetitie/php/qr_deelnemers.php' class='w3-bar-item w3-button bh-hover-light-paars'>QR</a>
	    	
	    	<div class='w3-dropdown-hover'>
	    		<button class='w3-button bh-hover-light-paars'> Info <span class='fa fa-caret-down'></span> </button>
	    		<div class='w3-dropdown-content w3-bar-block w3-card-4 w3-sand'>
					  <a href='https://www.woohwooh.com/wintercompetitie/php/reglement.php' 										class='w3-bar-item w3-button bh-hover-light-paars' > Reglement </a>
						<a href='https://www.woohwooh.com/wintercompetitie/php/punten.php'             						class='w3-bar-item w3-button bh-hover-light-paars' > Puntentelling</a>
						<a href='https://www.woohwooh.com/wintercompetitie/php/uitleg_klassement.php?helepagina' 	class='w3-bar-item w3-button bh-hover-light-paars' > Klassement bepalen</a>
						<a href='https://www.woohwooh.com/wintercompetitie/php/schrapwedstrijden.php?helepagina' 	class='w3-bar-item w3-button bh-hover-light-paars' > Schrapwedstrijden</a>
            <!--<a href='https://www.woohwooh.com/wintercompetitie/php/inschrijven_doc.php'  							class='w3-bar-item w3-button bh-hover-light-paars' > Inschrijven</a>-->
						<a href='https://www.woohwooh.com/wintercompetitie/php/dagindeling.php'        						class='w3-bar-item w3-button bh-hover-light-paars' > Dagindeling</a>
						<a href='https://www.woohwooh.com/wintercompetitie/php/qr_info.php'        						    class='w3-bar-item w3-button bh-hover-light-paars' > Gebruik QR-code</a>
						<a href='https://www.woohwooh.com/wintercompetitie/php/veelgestelde_vragen.php' 					class='w3-bar-item w3-button bh-hover-light-paars' > Veelgestelde vragen</a>
					  <!-- <a href='https://www.woohwooh.com/wintercompetitie/php/tweets.php'             						class='w3-bar-item w3-button bh-hover-light-paars' > Tweets</a> -->
            <!-- <a href='https://www.woohwooh.com/wintercompetitie/php/historie.php'         				class='w3-bar-item w3-button bh-hover-light-paars' > Historie</a> -->
            <!-- <a href='https://www.woohwooh.com/wintercompetitie/php/google_deelnemers.php'				class='w3-bar-item w3-button bh-hover-light-paars' > Deelnemers per woonplaats</a> -->
	      		<a href='https://www.woohwooh.com/wintercompetitie/php/overzicht_deelnemers.php'					class='w3-bar-item w3-button bh-hover-light-paars' > Aantal deelnemers</a>
            <a href='../info/info_avg.php'  										class='w3-bar-item w3-button bh-hover-light-paars' > Privacy verklaring</a>
	     		</div>
	  		</div>
				
	    	<div class='w3-dropdown-hover'>
	    		<button class='w3-button bh-hover-light-paars'> Wedstrijden <span class='fa fa-caret-down'></span> </button>
	    		<div class='w3-dropdown-content w3-bar-block w3-card-4 w3-sand'>
	    			<a href='https://www.woohwooh.com/wintercompetitie/php/wedstrijd_pagina.php?comid=1' class='w3-bar-item w3-button bh-hover-light-paars'>
                  	<div style='width:150px; float:left;'> Tijdrit Biesbosch </div> 11-10-2025 </a><a href='https://www.woohwooh.com/wintercompetitie/php/wedstrijd_pagina.php?comid=2' class='w3-bar-item w3-button bh-hover-light-paars'>
                  	<div style='width:150px; float:left;'> Noordeloos </div> 01-11-2025 </a><a href='https://www.woohwooh.com/wintercompetitie/php/wedstrijd_pagina.php?comid=3' class='w3-bar-item w3-button bh-hover-light-paars'>
                  	<div style='width:150px; float:left;'> Giessenburg </div> 08-11-2025 </a><a href='https://www.woohwooh.com/wintercompetitie/php/wedstrijd_pagina.php?comid=5' class='w3-bar-item w3-button bh-hover-light-paars'>
                  	<div style='width:150px; float:left;'> Nieuwpoort </div> 22-11-2025 </a><a href='https://www.woohwooh.com/wintercompetitie/php/wedstrijd_pagina.php?comid=4' class='w3-bar-item w3-button bh-hover-light-paars'>
                  	<div style='width:150px; float:left;'> Giessen-Oudekerk* </div> 06-12-2025 </a><a href='https://www.woohwooh.com/wintercompetitie/php/wedstrijd_pagina.php?comid=6' class='w3-bar-item w3-button bh-hover-light-paars'>
                  	<div style='width:150px; float:left;'> Hoornaar </div> 20-12-2025 </a><a href='https://www.woohwooh.com/wintercompetitie/php/wedstrijd_pagina.php?comid=7' class='w3-bar-item w3-button bh-hover-light-paars'>
                  	<div style='width:150px; float:left;'> Groot-Ammers </div> 03-01-2026 </a><a href='https://www.woohwooh.com/wintercompetitie/php/wedstrijd_pagina.php?comid=8' class='w3-bar-item w3-button bh-hover-light-paars'>
                  	<div style='width:150px; float:left;'> Ottoland </div> 17-01-2026 </a><a href='https://www.woohwooh.com/wintercompetitie/php/wedstrijd_pagina.php?comid=9' class='w3-bar-item w3-button bh-hover-light-paars'>
                  	<div style='width:150px; float:left;'> Arkel </div> 31-01-2026 </a>
	     		</div>
	  		</div>

        <a href='https://www.woohwooh.com/wintercompetitie/php/klassement.php' 					class='w3-bar-item w3-button bh-hover-light-paars'>Klassement</a>
	    	<a href='https://www.woohwooh.com/wintercompetitie/php/menu_rondetijden.php?k=29i2fEcbndwwRt6iKO9Z7Wg3CTR5iEo10wmi89ikSeuE29M4j5nOFW4GMaXZi90bPLuev42AwwwPl6D3ySEfs1qwbSd55Iyl7ncC' 		class='w3-bar-item w3-button bh-hover-light-paars'>Rondetijden</a>

        

	    	<div class='w3-dropdown-hover'>
	    		<button class='w3-button bh-hover-light-paars'> Contact <span class='fa fa-caret-down'></span> </button>
	    		<div class='w3-dropdown-content w3-bar-block w3-card-4 w3-sand'>
					<a href='https://www.woohwooh.com/wintercompetitie/php/protest.php' 													class='w3-bar-item w3-button bh-hover-light-paars'>Protest </a>
					<a href='https://www.woohwooh.com/wintercompetitie/php/contact.php' 															class='w3-bar-item w3-button bh-hover-light-paars'>Contact </a> 
					<a href='https://www.woohwooh.com/wintercompetitie/php/gevonden.php#TOP' 													class='w3-bar-item w3-button bh-hover-light-paars'>Gevonden voorwerpen </a>
					<a href='http://www.janvanarckel.nl/fotos/' target='_fotos'	class='w3-bar-item w3-button bh-hover-light-paars'>Foto's </a>
					</div>
	  		</div>

	    	<div class='w3-dropdown-hover'>
	    		<button class='w3-button bh-hover-light-paars'> Sponsors <span class='fa fa-caret-down'></span> </button>
	    		<div class='w3-dropdown-content w3-bar-block w3-card-4 w3-sand'>
					<a href='https://www.woohwooh.com/wintercompetitie/php/sponsors_bedankt.php' 										class='w3-bar-item w3-button bh-hover-light-paars'>Bedankt </a>
					</div>
	  		</div>

	    	<!--<a href='https://www.woohwooh.com/wintercompetitie/php/app.php' class='w3-bar-item w3-button bh-hover-light-paars'>App</a>-->
	    	<a href='https://www.woohwooh.com/wintercompetitie/php/maak_kalender.php' class='w3-bar-item w3-button bh-hover-light-paars'>Kalender</a>
	    	<!-- <a href='https://www.woohwooh.com/wintercompetitie/php/mijn_wcm.php' class='w3-bar-item w3-button bh-hover-light-paars'>MijnWCM</a> -->
	    	<!-- <a href='https://www.woohwooh.com/wintercompetitie/php/aanmelden_alternatief_wcm.php' class='w3-bar-item w3-button w3-aqua bh-hover-light-paars'>Aanmelden</a> -->
	    	
    <div class='w3-dropdown-hover'>
        <button class='w3-button bh-hover-light-paars'> Historie <span class='fa fa-caret-down'></span> </button>
        <div class='w3-dropdown-content w3-bar-block w3-card-4 w3-sand'>
        <a href='./seizoen_show_wedstrijden.php' class='w3-bar-item w3-button bh-hover-light-paars' target='_ssw'><span class='w3-large'>Toon wedstrijden</span></a>        
        <a href='./seizoen_show_seizoenen.php' class='w3-bar-item w3-button bh-hover-light-paars' target='_sss'><span class='w3-large'>Toon seizoenen</span></a>        
        <!--<a href='./seizoen_grafiek_wedstrijden.php?k=Aq76wFbHubnd5GP6hCPxeW7Wg3CTo10wmi89ikSeuE2wE466jIk02CcGMaXZi90bPLuev42An0pPl6D3ySEfs1qwbkBBINl12345' class='w3-bar-item w3-button bh-hover-light-paars' target='_grfw'><span class='w3-large'>Grafiek wedstrijden</span></a>  -->      
        <a href='./seizoen_grafiek_seizoenen.php?k=2CcGhCPxend5GP6hCPxeW7Wg3CTR5iEo10wmi89ikSeuE29M4j5nOFW4GMaXZi90bPLuev42An0pPl6D3ySEfs1qwbZi90bPAzz6'   class='w3-bar-item w3-button bh-hover-light-paars' target='_grfs'><span class='w3-large'>Grafiek seizoenen</span></a>        
        </div>
    </div>


	  	</div>
	  		<form autocomplete='off' name='zoeken' id='zoeken' method='post'>
  	    	<div class='autocomplete' >
      			<input class='w3-khaki w3-input' id='zoek' required maxlength='30' size='31'  name='zoek' type='text' value='' placeholder='Zoeken ....' >
			  	</div>
			  	<!-- <i class='w3-large'><i class='fa fa-search'></i></i> -->
				</form>
		</ul>	
<!-- Start linker kolom -->
<div class="w3-threequarter w3-white">
<div class='w3-panel w3-border'>
  <h2>Tweets</h2>
	<div class="w3-justify">
		<br>
		<a class='twitter-follow-button' href='https://twitter.com/JvA_Wintercomp' data-size='large' data-show-count='true'>Volg @JvA_Wintercomp</a><br>    <a class="twitter-timeline" href="https://twitter.com/JvA_Wintercomp" data-widget-id="249407912840151040">Tweets van @JvA_Wintercomp</a>
    <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+"://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
  </div>
</div>

</div>
<!-- Einde Linker kolom -->

<!-- Rechter kolom -->
<div class="w3-quarter w3-white">

	<div class="w3-container">

		
		      <p class='w3-justify w3-center w3-panel w3-border'  >
		      <a href='https://www.pliegersport.nl' target='_blank'>
		      	<img src='../images/sponsor/evenement/plieger-logo.jpg' alt='Plieger Wielersport' class='w3-image'>
		      </a>
	      </p>
		
		      <p class='w3-justify w3-center w3-panel w3-border'  >
		      <a href='https://www.wallaard.nl' target='_blank'>
		      	<img src='../images/sponsor/evenement/wallaard_blauw.jpg' alt='Wallaard Noordeloos' class='w3-image'>
		      </a>
	      </p>
		
		      <p class='w3-justify w3-center w3-panel w3-border'  >
		      <a href='https://www.brouwerbikes.nl' target='_blank'>
		      	<img src='../images/sponsor/evenement/brouwer_2982x490.jpg' alt='Brouwer Bikesport' class='w3-image'>
		      </a>
	      </p>
		
		      <p class='w3-justify w3-center w3-panel w3-border'  >
		      <a href='https://www.acero-verspanen.nl/' target='_blank'>
		      	<img src='../images/sponsor/evenement/acero_logo.png' alt='Acero' class='w3-image'>
		      </a>
	      </p>
		
		      <p class='w3-justify w3-center w3-panel w3-border'  >
		      <a href='https://www.terrasexpert.nl' target='_blank'>
		      	<img src='../images/sponsor/evenement/teraasexpert.jpg' alt='Terras Expert' class='w3-image'>
		      </a>
	      </p>
		
		      <p class='w3-justify w3-center w3-panel w3-border'  >
		      <a href='https://www.abbike.nl' target='_blank'>
		      	<img src='../images/sponsor/evenement/abbike_logo_hr.jpg' alt='A-B Bike' class='w3-image'>
		      </a>
	      </p>
		
		<div class='w3-justify w3-center w3-panel w3-border '  >
			<br>
			<a 	class="weatherwidget-io" 
					href="https://forecast7.com/nl/51d884d94/hoornaar/" 
					data-label_1="Tijdrit Biesbosch" 
					data-label_2="11-10-2025" 
					data-theme="pure" >
			</a>
			<script>
				!function(d,s,id){
						var js,fjs=d.getElementsByTagName(s)[0];
						if(!d.getElementById(id)) {
							js=d.createElement(s);js.id=id;js.src='https://weatherwidget.io/js/widget.min.js';fjs.parentNode.insertBefore(js,fjs);
						}
				}
				(document,'script','weatherwidget-io-js');
			</script>

	    <a href="https://www.buienradar.nl" target="_blank"><img border="0" src="https://api.buienradar.nl/image/1.0/RadarMapNL?w=250&h=255"></a>
      <br>
			<br>
		</div>

		<div class='w3-justify w3-sand w3-center w3-panel w3-border'  >
			<h2>Laatste nieuws</h2>
				<p class="w3-justify"></p>
		</div>

		<!--
		<div class="w3-container w3-justify w3-card-4">
			<a href="https://www.buienradar.nl" target="_blank"><img border="0" src="https://api.buienradar.nl/image/1.0/RadarMapNL"></a>
		</div> -->
		
	</div>
</div> <!-- Einde Rechter kolom -->
&nbsp;
</div> <!-- Einde content uit i_wcm_header -->
</div> <!-- Einde container uit i_wcm_header -->
</div> <!-- Einde row uit i_wcm_header -->

<div class="w3-content w3-blue-gray w3-center" style="100%">
	<p class="far fa-copyright"> Powered by <a href='https://www.woohwooh.com' target='woohwooh'>WoohWooh</a></p>
</div>

<br><br>
<script> 
 var zoeken = ["agenda","kalender","schrapwedstrijden","fotos","gevonden voorwerpen","protest","biesbosch","tijdrit","reglement","aantal deelnemers","rondetijden","klassement","veel gestelde vragen","contact","app","sponsors","QR opvragen","QR info","home","start pagina","punten","dagindeling","programma","tweets","privacy verklaring","avg","faq" , "Giessenburg  08-11-2025", "Giessen-Oudekerk*  06-12-2025", "Noordeloos  01-11-2025", "Nieuwpoort  22-11-2025", "Hoornaar  20-12-2025", "Ottoland  17-01-2026", "Arkel  31-01-2026", "Groot-Ammers  03-01-2026", "Tijdrit Biesbosch  11-10-2025" ];
 
 autocomplete(document.getElementById("zoek"), zoeken); 
</script></body>
</html>