@charset "utf-8";

/* erst für den Internet Explorer */
/*@font-face {
font-family: Headline;
src: url(../fonts/kozgopro-light-webfont.eot);
}*/

/* dann für Firefox, Safari, ect. */
/*@font-face {
font-family: Headline;
src: url(../fonts/kozgopro-light-webfont.ttf) format('truetype');
}*/


body {
	background-color: #ffffff;
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-weight: normal;
	margin: 0;
	color:#0033a0;
}

a, a link {
	color:#0033a0;
	text-decoration:none;
	outline:none;
}
a:hover{
	color:#a8a39d;
	text-decoration:none;
}

img{
	border:0px;
}

/*---STARTLINE--------------------------------------------------------------------------------------------------*/

/*.header {
	position:fixed;
	z-index: 1;
	border-bottom: solid 3px #eceae8;
	margin-top: 0px;
	padding-top: 30px;
	padding-bottom: 20px;
	padding-left: 0px;

	width:100%;


	background-color: white;
}*/

.header {
	position:fixed;
	z-index: 1;
	border-bottom: solid 3px #eceae8;
	margin-top: 0px;
/*	padding-top: 3vh;
	padding-bottom: 2vhpx;*/
	padding-left: 0px;
	/*padding: 0px;*/
	width:100%;
	height: 7vh;

	background-color: white;
}
.contactlink {
	color:#000000;
	font-size: 13px;
}
.contactlink a{
	color:#000000;
	font-size: 13px;
	text-decoration: underline;
}
.contactlink a:hover{
	color:#a8a39d;
}
.contactlink-width{
	margin: auto;
	width:350px;
}
.mobilelink a{
	padding-right: 2%; 
	color:#000000;
	font-size: 15px;
}

.mobilelink a:hover{
	color:#a8a39d;
}

.logo{
	padding-left:30px;
	width: 18vh;
	padding-top: 1.5vh; 
}

.navmain{
	display:block;
	float:right;
	text-decoration: none;
	border: 0px;
	font-weight:bold;
	font-size: 1.5vh;
	padding-right:30px; 
	padding-top: 3vh; 
}


/*.content{
	width: 100vw; 
    height: 56.25vw; 
    background: white;
    max-height: 90vh;
    max-width: 160vh; 
    margin: auto;
	margin-top: 0px;
	
    position: absolute;
    top:100px;bottom:0; 
    left:0;right:0; 
}*/

.content{
	width: 100vw; 
    height: 93vh; 
    background: white;
    margin: auto;
	margin-top: 0px;
	
    position: absolute;
    top:7vh;bottom:0; 
    left:0;right:0; 
}

.webgl{
 width: 100%;
 height: 100%;
}


#iFrame{
	width:100%;
	height: 90%;
/*	border-top: solid 3px #eceae8;
	border-bottom: solid 3px #eceae8;
	border-left: none;
	border-right: none;*/
	border: none;
}

.footer{
	position: absolute;
    width: 100%;
	height: 5%;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 100px;
	font-size: 20px;
}

/*@media screen and (max-width: 1024px) {
  	.navmain{font-size: 8px;margin-top: -12px;padding-right: 2%;}
	.logo{width: 100px;padding-left: 15px;}
	.header{padding-top: 15px;padding-bottom: 10px;}
	.content{top:50px;}
	.mobilelink a{font-size: 8px;}
	.contactlink, .contactlink a{font-size: 8px;}
	.contactlink-width {width: 200px;margin: auto;}

  }*/
}