:root {
	/* Schema 1 */
	--color1: #B7E1F3; /* lightblue */
	--color2: #1699A7; /* dark blue */
	--color3: #AAD356; /* green */
	--color4: #F9C908; /* yellow */
	--color5: #F25844; /* orange */
}

body {
	/*background-color: var(--color1);*/
	font-family: 'Josefin Sans', sans-serif;
	font-size: 20px;
	color: #524308;
}

h1 {
	text-align: center;
	color: var(--color5);
	font-size: 40pt;
	margin: 5px;
	margin-top: 25px;
}

h3 {
	text-align: center;
	color: var(--color5);
	font-size: 18pt;
	margin-top: -15px;
}

img {
	width: 90%;
	border-color: var(--color2);
	border-style: groove;
	text-align: center;
	margin: 10px;
	float: left;
}

	img.dummy {
		content: url(/images/camera.png);
	}

table.divMenu {
	text-align: center;
	margin: auto;
	width: 80%;
	height: max-content;
}

td {
	text-align: center;
}

div.divImg {
	display: inline-block;
	/*border: 1px solid black;*/
	max-width: 350px;
	min-width: 150px;
}

div.divMenuItem {
	border: 1px solid var(--color4);
	background-color: var(--color2);
	width: 300px;
	/*float: left;*/
	display: inline-block;
	margin: 10px;
	padding: 10px;
	text-align: center;
	font-weight: bold;
	color: var(--color4);
	font-size: 20pt;
	border-radius: 8px;
}

	div.divMenuItem:hover {
		font-style: italic;
		cursor: pointer;
		/*
		border: 1px solid var(--color4);
		background-color: var(--color2);
		width: 300px;
		float: left;
		margin: 10px;
		padding: 10px;
		text-align: center;
		font-weight: bold;
		color: var(--color4);
		font-size: 20pt;
		border-radius: 8px;*/
	}

div.divMenuContent_Hidden {
	display: none;
}

div.divMenuContent_Visible {
	display:;
	padding: 5px;
	border: 1px solid #EEEEEE;
}

img.imgIcon {
	width: 20px;	
}