* {
	box-sizing:border-box;
}
body {
	text-align:center;
	margin:10px 0px 10px 0px;
	padding:0px;
	border:0px;
	background-color:white;
}
#container {
	margin:0 auto;
	width:100%;
	max-width:990px;
	text-align:left;
	background:#ffffff url('graphics/bgr.jpg') no-repeat scroll top left;
	min-height:650px;
	border:1px solid #dcdcdc;
	overflow:hidden;
}
#content {
	margin-top:115px;
	width:100%;
	padding:10px 20px 10px 20px;
}
#content table {
	width:100%;
	border-collapse:collapse;
}
#content img {
	max-width:100%;
	height:auto;
	object-fit: scale-down;
}
div,p,span,a {
	color:#7f7f7f;
	text-align:left;
}

#menu {
  width: 100%;
  border-top: 1px solid #e0e0e0;
  display:flex;
  align-items:center;
  justify-content:center;
  max-width:100vw;
  flex-wrap:wrap;
  padding-top:1rem;
}

#menu a {
  text-decoration: none;
	display:block;
	padding:7px 13px;
	color:#7f7f7f;
}

#menu a:hover {
  text-decoration: underline;
}

h1 {
	font-size:13pt;
}
h2 {
	font-size:11pt;
}
img {
	border:0px;
}
.cursiv {
	font-style:italic;
}
.orange {
	color:#FF6600;
}
.blue {
	color:#3366FF;
}

@media (max-width:900px) {
	#container {
		min-height:0;
	}
	#content {
		margin-top:115px;
	}
}

@media (max-width:600px) {
	body {
		margin:0px;
	}
	#container {
		border-left:0;
		border-right:0;
	}
	#content {
		margin-top:115px;
		padding:10px 12px;
	}
	#content table, #content tbody, #content tr, #content td {
		display:block;
		width:100% !important;
	}
	#content td {
		padding:0 0 20px 0 !important;
		text-align:center;
	}
	#content table img {
		max-width:200px;
	}
	#menu {
		min-height:0;
	}
	#menu a {
		float:none;
		display:inline-block;
		padding:4px 10px;
	}
}