body,html
							/* oude stylesheet wel een nieuw element */
	{
		height:100%;
		margin:4px;
		color:black;
		font-size: 16px;
	}
	
	:root
	{
		--var_height: 30%;
		--var_font: Arial;
	}
	
	.welkom{
		font-family: var(--var_font);
		text-align: center;
	}
	.welkom_tx{
		color: black;
		font-size: 24px;
	}
	
	div .welkom{
		width: auto;
		margin: auto;
	}
	
	.soorten{
		text-align: center;
		height: var(--var_height);
		font-family: var(--var_font);
		width: auto;		
	}
	
	.oneven{
		height: var(--var_height);
		width: auto;
		border-color: black;
		border: solid;
		border-width: 2px;
		margin: 4px;
		text-align: right;
		padding: 4px;
		font-family: var(--var_font);
	}
	
	.oneven_pic{
		float: left;
		height: 100%;
		width: 25%;
	}
	
	.even{
		height: var(--var_height);
		width: auto;
		border-color: black;
		border: solid;
		border-width: 2px;
		margin: 4px;
		text-align: left;
		padding: 4px;
		font-family: var(--var_font);
	}
	
	.even_pic{
		float: right;
		height: 100%;
		width: 25%;
	}
	
	.reload_button{
		font-family: var(--var_font);
		text-align: center;
	}
	.over{
		font-family: var(--var_font);
		text-align: center;
	}
	
	.over_tx{
		color: black;
		font-size: 24px;
	}
	
	div .over{
		width: auto;
		margin: auto;
	}
		
	.bg{
		background-image: url("brood_bg.jpg");
		height: var(--var_height);
		position: relative;
		top: -54px;
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
		}
	
	.weetje{
		height: var(--var_height);
		width: 100%;
		font-family: "Copperplate", "Courier New", "Times New Roman";
		font-size: 72px;
	}
	
	.weetjes{
		font-size: 17px;
		font-family: var(--var_font);
		text-align: center;
	}
	
	.titel{
		text-align: center;
		font-size: 72px;
		font-family: "Copperplate", "Courier New", "Times New Roman";
		color: #76db56;
		text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
	}
	
	.menu {
		background-color: #27511a;
		overflow: hidden;
	}

	.menu a {
		float: left;
		color: #f2f2f2;
		text-align: center;
		color: white;
		padding: 14px 16px;
		text-decoration: none;
		font-size: 17px;
		font-family: var(--var_font);
	}

	.menu a:hover {
		background-color: #21970c;
		color: black;
	}
	
	.menu a.active {
		background-color: #76db56;
		color: white;
	}

	table, th, td {
		border: 2px solid black;
  		border-collapse: collapse;
	}