@charset "utf-8";
body {
	font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif;
	background: black;
	margin: 0;
	padding: 0;
	color: #000000;
}

ul, ol, dl {
	padding: 0;
	margin: 0;
}
h1, h2, h3, h4, h5, h6, p {
	margin-top: 0;	 
	padding-right: 15px;
	padding-left: 15px; 
}
a img {
	border: none;
}

a:link {
	color: #FFFFFF;
	text-decoration:none; 
}
a:visited {
	color: #FFFFFF;
}
a:hover, a:active, a:focus {
	text-decoration: none;
}

.container {
	width: 960px;
	height: 1060px;
	background: black;
	margin: 0 auto; 
}


.content {
	position:relative;
	/*width:inherit;
	height:auto;*/
	height:840px;
	background: #FFFFFF;
	overflow:hidden;
}

.dynrect {
	position:absolute;
	width:60px;
	height:60px;
	background-color: white;
	mix-blend-mode: exclusion;
	overflow: hidden;
	transition: width 5s, height 5s, left 5s, top 5s, background-color 2s, transform 5s;
}

.headercustom {
	height:150px;
	position:relative;
	background-image:url(header.jpg);
	background-size:contain;
	background-repeat:   no-repeat;
    background-position: center center; 		
}

.infoarea {
	position: relative;
	width: 680px;
	height: 150px;
	background-color: rgba(255,255,255,0.9);
	margin:20px;
	margin-bottom:40px;
	z-index:20;
	padding:10px;
	outline: 5px solid black;
}

.inforight {
	left:220px;
}

.infoimage {
	float:left;
}

.infotextfield {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 9pt;
	font-style: normal;
	letter-spacing: 1pt;
	line-height: 16pt;	
	margin-left:10px;
	float:left;
}

.navigationButton {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10pt;
	font-style: normal;
	color: #FFF;
	letter-spacing: 2pt;
	text-align: center;
	vertical-align: middle;
	width:25%;
}

.navigationBar {
	position:relative;
	cursor:pointer;
}