/* instellingen Website, mediaweergave in % */
			  
		@media (min-width: 1200px) {  
  		table {
    		width: 66%;
  		}
		}
		
		td {
		height: 100%;
		vertical-align: top;
		}

		@media (max-width: 1200px) {
  		table {
    		width: 100%;
  		}
		}
		 
		td {
		height: 910px;
		vertical-align: top;
		}
		 
		 
		/* instellingen Website, opmaak */
			  
		body {
		margin: 0;
		background-color: #D9D9D9;
		font-family: "Times New Roman", Times, serif;
		color: #000099;  
		}

		body {  
		font-size: 100%;
		}

		h1 {
		font-size: 2.2em;
		}

		h2 {
		font-size: 1.875em;
		}

		h3 {
		font-size: 1.3em;
		}

		p {
		font-size: 1.05em;
		} 
		
		div {
		background-color: purple;
		color: white;
		}
		
		.titel {
		background-color: #4151A9;
		color: white;
		text-align: left;
		}
		
		.hoofdstuk {
		background-color: #5362BD;
		color: white;
		}
			
		.paragraaf {
		background-color: #CBE5FE;
		color: #000099;
		}

			
		/* instellingen kleuren links */
		
		a:link {color: #0000CD;}
		a:visited {color: #0000CD;}
		a:hover {color: purple;}
				  
		/* instellingen lay-out */
				  
		* {
		box-sizing: border-box;
		}	
	
		/* instellingen header */
	
		header {
		background-color: #4151A9;
		position: -webkit-sticky;
		position: sticky;
		top: 0;
		color: white;
		padding: 0.2em;
		width: 100%;
		text-align: center;
		}
	 
		/* instellingen footer */
		  
		footer {
		background-color: #4151A9;
		position: -webkit-sticky;
		position: sticky;
		bottom: 0;
		color: white;
		padding: 1px;
		text-align: center;
		}
		
		/* instellingen contact-formulier mail */

		input[type=text], select { 
  		width: 100%;
  		padding: 12px 20px;
  		margin: 8px 0;
  		display: 1px inline-block;
  		border: 1px solid #ccc;
  		border-radius: 4px;
  		box-sizing: border-box;
		}

		textarea {
  		width: 100%;
  		height: 150px;
  		padding: 12px 20px;
  		margin: 8px 0;
  		display: inline-block;
  		border: 1px solid #ccc;
  		border-radius: 4px;
  		box-sizing: border-box;
		resize: none;
		}

		input[type=submit] {
  		width: 100%;
  		background-color: purple;
  		color: white;
  		padding: 14px 20px;
  		margin: 8px 0px;
  		border: 1px;
		border-radius: 4px;
		cursor: pointer;
		}

		input[type=submit]:hover {
  		background-color: #CBE5FE;
		border: 1px;
		color: #000099;
		}

		.mail {
  		border-radius: 5px;
		border: 1px solid #ccc;
  		background-color: purple;
		color: white;
  		padding: 20px;
		}

		/* instellingen navigatie-taalmenu */
		
		ul.taalnav {
		right: 0px;
		list-style-type: none;
		margin: 0;
		padding: 0;
		width: 17%;
		background-color: #5362BD;
		position: fixed;
		height: auto;
		overflow: auto;
		}
 
		ul.taalnav li a {
		display: block;
		color: white;
		padding: 8px 16px;
		text-decoration: none;
		}
 
		ul.taalnav li a.active {
		background-color: #CBE5FE;
		color: #000099;
		}
   
		ul.taalnav li a:hover:not(.active) {
		background-color: #CBE5FE;
		color: #000099;
		}
		
		/* instellingen navigatie-website-menu */
					   
		ul.sidenav {
		list-style-type: none;
		margin: 0;
		padding: 0;
		width: 17%;
		background-color: #5362BD;
		position: fixed;
		height: auto;
		overflow: auto;
		}
 
		ul.sidenav li a {
		display: block;
		color: white;
		padding: 8px 16px;
		text-decoration: none;
		}
 
		ul.sidenav li a.active {
		background-color: #CBE5FE;
		color: #000099;
		}
   
		ul.sidenav li a:hover:not(.active) {
		background-color: #CBE5FE;
		color: #000099;
		}
		
		/* instellingen media-beeldschermen-header */
				
		@media screen and (max-width: 1200px) {
		header {
		width: 100%;
		height: auto;
		position: relative;
		}
   
		header {
		float: none;
		padding: 15px;
		}
    				
		/* instellingen media-beeldschermen-footer */
				  
		@media screen and (max-width: 1200px) {
		footer {
		width: 100%;
		height: auto;
		position: relative;
		}
   
		footer {
		float: none;
		padding: 15px;
		}		
		
		/* instellingen media-beeldschermen-taalmenu */
				
		@media screen and (max-width: 1200px) {
		ul.taalnav {
		width: 100%;
		height: auto;
		position: relative;
		}
   
		ul.taalnav li a {
		float: right;
		padding: 10px;
		}
    
		@media screen and (max-width: 480px) {
		ul.taalnav li a {
		text-align: center;
		float: none;
		}
		}	
		
		/* instellingen media-beeldschermen-website-menu */
		   
		@media screen and (max-width: 1200px) {
		ul.sidenav {
		width: 100%;
		height: auto;
		position: relative;
		}
   
		ul.sidenav li a {
		float: left;
		padding: 10px;
		}
    
		@media screen and (max-width: 480px) {
		ul.sidenav li a {
		text-align: center;
		float: none;
		}
		}