/* Style the body */
	body {
  		font-family: Arial, Helvetica, sans-serif;
  		margin: 0;
		color:#333366;
		}

   p { color:#333366; } 

	/* navigation bar */
		.navbar {
			overflow: hidden;
			background-color: #253062;
 			position: sticky;
  			position: -webkit-sticky;
  			top: 0;
			}

	/* Style the navigation bar links */
		.navbar a {
  		float: left;
  		display: block;
  		color: white;
  		text-align: center;
  		padding: 14px 20px;
  		text-decoration: none;
			}

	/* Right-aligned link */
		.navbar a.right {
  			float: right;
				}

	/* Change color on hover */
		.navbar a:hover {
  			background-color: #ddd;
  			color: #253062;
				}

	/* Active/current link */
		.navbar a.active {
			background-color: #253062;
			color: white;
				}

	/* main */
		.main {
  			background-color: white;
  			padding: 20px;
			}

	/* Footer */
		.footer {
			padding: 200px;
			text-align: right;
			background: #ddd;
			background-image: url("../images/Achtergrond.png");
			background-position-x: left;
			background-position-y: bottom;
			}

	/* links */
		a:link, a:visited {
  			background-color: #253062;
  			color: white;
  			padding: 10px 20px;
  			text-align: center;
  			text-decoration: none;
  			display: inline-block
			}

		a.regulier:link, a.regulier:visited {
			Background-color: white;
			padding: 0px 0px;
			text-decoration: underline;
  			color: 333366;
			}
		
		a.white:link, a.white:visited {
			Background-color: white;
  			color: #333366;
  			padding: 10px 20px;
  			text-align: center;
  			text-decoration: none;
  			display: inline-block
			}

	    /*links hover*/
		a:hover, a:active {
  			background-color: #ddd;
  			color: #253062;
				}

		a.white:hover, a.white:active {
  			background-color: white;
  			color: #333366;
				}

/* change image on hover*/

    .knop {
        position: relative;
        display: inline-block;
    }
    .knop .knop-hover {
        display: none;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 99;
    }
    .knop:hover .knop-hover {
        display: inline;
    }

/* Five image containers (use 25% for four, and 50% for two, etc) */

	.row {
 	 display: flex;
		}

	.column {
		 border: 5px solid white; 
 		 padding: 0px;
		}

/* Responsive layout - when the screen is less than 400px wide, make the navigation links stack on top of each other instead of next to each other */
		@media screen and (max-width: 400px) {
  						.navbar a {
    							float: none;
    							width: 100%;
  							}
						}