:root {
	--bgeven:	#E1E1E1EE;
	--bgodd:	#EEEEEEEE;
	--fgeven:	#F1F1F1;
	--fgodd:	#FFFFFF;
	--color1:	#1a3300;
	--color2:	#356a00;
	--color3:	#FFFFFF;
	--color4:	#CCCCCC;
}

html, body {
	width: 100%;
	height: 100%;
	margin: 0;
	font-family: Droid Sans;
}

body * {
  max-height: 1000000pt;
  -moz-text-size-adjust: none;
}

div.background {
	background-image: url("images/bg.jpg");
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	position: fixed;
	top:,0;
	left: 0;
	width:100%;
	height:100%;
	z-index: -1;
}

div.content {
	width: 100%;
	max-width: 800pt;
	margin: 0 auto;
	text-align: justify;
}

div.content table tr td {
	padding-right: 10pt;
}

div.element {
	background: var(--bgeven);
	width: 100%;
}

div.element:nth-child(odd) {
	background: var(--bgodd);
}

div.element div.content {
	background: var(--fgeven);
	width: 800pt;
	padding: 10pt;
	text-align: justify;
}

div.element:nth-child(odd) div.content {
	background: var(--fgodd);
}

div.pictureBG {
	background: var(--color1);
	width: 150pt;
	height: 150pt;
	border: var(--color1) solid 10pt;
	border-radius: 0 0 15% 15%;
	position: absolute;
	margin: 0 auto;
}

img.picture {
	background: url("images/logo/fx_2019.jpg");
	background-repeat: no-repeat;
	background-size: 150pt 200pt;
	background-position: 0pt -40pt;
	box-shadow: inset 5px 5px 2px 0px rgba(0,0,0,0.25);
	width: 150pt;
	height: 150pt;
	border-radius: 10% 10% 15% 15%;
}

div.smalllinks {
	position: relative;
	left: 65pt;
	display: none;
}

div.menu {
	background: var(--color1);
	font-size: 14pt;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 50pt;
}

a, a:visited, a:link {
	color: var(--color1);
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

div.menulinks a, div.menulinks a:visited, div.menulinks a:link {
	color: var(--color3);
	text-decoration: none;
	border: 1px solid var(--color3);
	border-radius: 5pt;
	background: var(--color1);
	position: relative;
	top: 18pt;
	padding: 5pt;
	margin-left: 5pt;
}

div.menulinks a:hover {
	color: var(--color3);
	background: var(--color2);
}

div.footerelement {
	background: var(--bgeven);
	width: 100%;
	min-width: 820pt;
}

div.footer {
	background: var(--color1);
	font-size: 10pt;
	color: var(--color3);
	width: 800pt;
	margin: 0 auto;
	padding: 10pt;
	border-radius: 0 0 15pt 15pt;
}

div.footer i {
	font-size: 15pt;
}

div.footer a, div.footer a:visited, div.footer a:link {
	color: var(--color3);
}

div.copyright {
	color: #777777;
	font-size: 10pt;
	width: 800pt;
	margin: 0 auto;
	padding: 10pt;
}

div.infoBox {
	position: relative;
	top: 50pt;
	left: 182pt;
	width: 618pt;
	text-align: justify;
}

font.headline {
	font-variant: small-caps;
	font-size: 20pt;
	font-weight: bold;
}

div.infoBox i {
	color: var(--color4);
	border: 1px solid var(--color4);
	border-radius: 35pt;
	padding: 12pt;
	font-size: 20pt;
	margin-left: 20pt;
	float: right;
}

div.infoBox i:hover {
	color: var(--color1);
	border: 1px solid var(--color1);
}

img.grey {
	-webkit-filter: grayscale(100%);
    filter: grayscale(100%);
	padding-right: 10pt;
	padding-bottom: 10pt;
}

img.grey:hover {
	-webkit-filter: grayscale(0%);
    filter: grayscale(0%);
}

img.zoom {
  transition: transform 1.0s;
}

img.zoom:hover {
  transform: scale(1.1);
}

div.anchor {
	position: absolute;
	margin-top: -50pt;
}

hr {
	height: 0;
	border-left: none;
	border-bottom: none;
	border-right: none;
	border-top: 1px solid var(--bgodd);
	margin-top: 10pt;
	padding-bottom: 5pt;
}

.collapsible {
	background-color: var(--bgodd);
	color: #000000;
	cursor: pointer;
	padding: 10px;
	width: 100%;
	border: 1px dashed var(--color4);
	text-align: center;
	outline: none;
	font-size: 15px;
}

.collapsible:hover {
	background-color: var(--color2);
	color: var(--color3);
}

.collapsiblecontent {
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.3s ease-out, padding 0.2s ease-out;
	border: 1px solid var(--color4);
	border-top: none;
	padding: 0px;
}