/* CSS Document */
/* Style the buttons that are used to open the content */
.button {
	padding: 8px 14px;
	border: 1px solid white;
	border-radius: 5px;
	background: black;
	cursor: pointer;
	color: #49A30A;	 
	font-weight: 400;
	font-size: 20px;
	margin: 2px 0;
}
/* Change background color of buttons on hover */
.button:hover {
	background-color: #ddd;
	color: #2E5F10;
}
/* Create an active/current tablink class */
.button.active {
	background-color: #FFFFFF;
	color: #2E5F10;
}
/*hoogte foto's overzicht*/	
.gallery-grid {
	grid-template-columns: repeat( auto-fill, minmax(150px, 1fr) );
	max-width: inherit;
}
.zoek-container {
	max-width: 1110px;
	margin: 30px auto;
	padding: 0 15px;
	color: white;
}
#zoekveld {
	width: 70%;
	box-sizing: border-box;
	padding: 14px;
	font-size: 20px;
	border: 2px solid #777;
	border-radius: 5px;
	background: #111;
	color: white;
}
#zoekveld:focus {
	outline: none;
	border-color: #31C314;
}
#zoekstatus {
	margin: 15px;
	color: #ccc;
	font-size: 20px;
}
.zoekresultaat {
	border-top: 1px solid #555;
	padding: 18px 0;
}
.zoekresultaat h2 {
	margin: 0 0 8px 0;
}
.zoekresultaat h2 a {
	color: #31C314;
	text-decoration: none;
}
.zoekresultaat h2 a:hover {
	text-decoration: underline;
}
.fragment {
	color: #ddd;
	line-height: 1.6;
}
.fragment mark {
	background: #ffff00;
	color: #000;
	padding: 1px 3px;
}
.geen-resultaat {
	color: #31C314;
	font-size: 18px;
}


@media (max-width:1111px) {

}