* 									{ font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; box-sizing: border-box; }
    p									{ margin:0; }

    .panelen, .kopregel, .legenda 		{
      max-width: 1200px;
      margin: 0 auto;
      padding: 10px;
      display: grid;
      grid-template-columns: repeat(5, 1fr);
      gap: 10px;
      grid-auto-flow: dense; 
    }
    .subpanelen 						{ 
	    display: grid; 
	    grid-column: span 2; 
	    grid-row: span 3; 
	    grid-template-columns: 1fr 1fr;
/* 	    gap: 10px; */
	    border: 2px solid #e1f0f8;
	}
	
    .kopregel, legenda					{ padding: 0 10px; }
    .banner 							{ grid-column: span 3; }
    .kaart								{ grid-column-start: 5;}
    .download							{ grid-column: 4 /span 2; }
    .legenda a							{ display: block; text-align: right; }
    .items	 							{ grid-column: span 3; }
    .dot                				{ height: 12px; width: 12px; background-color: #c90c0f; display: inline-block; margin-right: 4px; }
	.dot.lichtblauw          			{ background-color: #1d78af; margin-left: 20px}
	.dot.blauw          				{ background-color: #224271; margin-left: 20px}

	
	
    .paneel_01-1, .paneel_01-2			{ grid-column: span 2; grid-row: span 1; }
    .paneel_01-3, .paneel_01-4			{ grid-column: span 1; grid-row: span 1; }
    
    img 								{ display: block; max-width: 100%; height: auto; }
    
   	@media (max-width: 750px) 			{
		.kopregel, .legenda				{ grid-template-columns: repeat(5, 1fr); max-width: 474px }
		.panelen  						{ grid-template-columns: repeat(2, 1fr); max-width: 474px }
		.dot.lichtblauw          		{ margin-left: 10px; }
		.dot.blauw          			{ margin-left: 10px; }

	}