@import url(https://fonts.googleapis.com/css?family=Lato:300);




* {
	font-family:Lato;
}

.text{
	font-size:19;
	margin-bottom:28;
}

body {	
	margin:0px;
	width:100%;
}

#news{
	font-size:70;
	color:white;
	margin-top:400px;
	text-shadow: 0px 0px 30px rgba(0, 0, 0, 0.56);	
	font-weight:bold;
	letter-spacing:25;
}

#slider_left {
	z-index:1;
	width:50;
	height:50;
	margin-left:50;
	background-image:url("../img/links.png");
	background-size: 50px 50px;
	position:absolute;
	top:500;
	opacity:0.7;
	transition:all .2s;
}

#slider_right {
	z-index:1;
	width:50;
	height:50;
	margin-right:50;
	background-image:url("../img/rechts.png");
	background-size: 50px 50px;
	position:absolute;
	top:500;
	right:0;
	opacity:0.7;
	transition:all .2s;
}

#slider_left:hover{
	opacity:1;
}

#slider_right:hover{
	opacity:1;
}

#quizhead2{
	margin-top:70;
	margin-bottom:0;

	font-size:80;
	color:#006599;
	float:left;
}

#blue{
	margin-top:19;
	margin-bottom:0;

	font-size:80;
	color:#006599;
	float:left;
}

#headline {
	font-size:50;
}

#flagge{
	float:left;
	margin-top:35px;
	margin-right:20px;
}

#kontur {
	float:left;
	margin-top:13;
	margin-right:20;
	transition: margin-top .2s ease, width .2s ease;
}

#Neuseeland{
	font-size:30;
	margin-top:30px;
	float:left;
	transition: margin-top .2s ease, font-size .2s ease;
}

#verdeck{
	position:absolute;
	width:100%;
	height:510;
	
}

#parallax{
	position:fixed;
	background-image:url("../img/background.jpg");	
	background-size: 100% 100%;
	height:100%;
	width:100%;
	z-index:-5;
	transition:background-image 1.0s;
}

#parallaxpic{
	margin-top:580;
	z-index:-3;
	width:100%;
	height:800px;
	position:fixed;
	background:url("../img/panorama.jpg") no-repeat center center;
	background-size: 3000px 1000px;
}

#buttonparallax{
	z-index:2;
	position:fixed;	
	width:100%;
	height:100%;
	text-align:center;
}


#mittelbutton {
	margin-top:10px;
	border: 0;
	background: #0087cc;
	border-radius: 4px;
	box-shadow: 0 5px 0 #006599, 0px 0px 67px -7px rgba(0,0,0,0.75);
	color: #fff;
	cursor: pointer;
	font: inherit;
	outline: 0;
	padding: 12px 20px;
	transition: transform .1s ease, box-shadow .1s ease;
}

#mittelbutton:active {
  box-shadow: 0 2px 0 #006599, 0px 0px 67px -7px rgba(0,0,0,0.40);
  transform: translateY(3px);
}

#quizhead {
	font-size:50;
	padding-top:100;
}

#balken1{
	
	margin-top:965px;
	width:100%;
	height:700;
	z-index:2;
	background-color:white;
	position:relative;
}

#balken2{
	
	margin-top:470px;
	width:100%;
	height:800;
	z-index:2;
	background-color:white;
	position:relative;
}

.inhalt{
	margin-left:auto;
	margin-right:auto;
	width:80%;
	margin-top:85.875px;
	position:relative;
}

.logo {
	float:left;
	color:white;
}

a{
	color:white;
	text-decoration:none;
}

.text1{
	float:left;
	font-size:19;
}


#input1, #input2, #input3, #input4, #input5{
	float:left;
	font-size:19;
	padding:0;
}

#richtig1, #richtig2, #richtig3, #richtig4, #richtig5{
	margin-left:3px;
	margin-right:5px;
	float:left;
}


#frage1{
	position:absolute;
	
}

#frage2{
	position:absolute;
	margin-top:100;
}

#frage3{
	position:absolute;
	margin-top:200;
}

#frage4{
	position:absolute;
	margin-top:300;
}

#frage5{
	position:absolute;
	margin-top:400;
}

#allesinput1{
	margin-top:17px;
	margin-left:10px;
	float:left;
}

#allesinput2{
	margin-top:17px;
	margin-left:10px;
	float:left;
}

#allesinput3{
	margin-top:17px;
	margin-left:10px;
	float:left;
}

#allesinput4{
	margin-top:17px;
	margin-left:10px;
	float:left;
}

#allesinput5{
	margin-top:17px;
	margin-left:10px;
	float:left;
}

#submit{
	cursor:pointer;
	margin-left:950px;
	margin-top:400;
	font-family:Segoe UI;
}

#kopf {
	height:100;
	z-index:3;
	background:rgba(45,45,45,0.5);
	width:100%;
	top:0;
	position:fixed;
	transition: height .2s ease, background .5s ease;
}

#kopf:hover{
	background:rgba(45,45,45,0.7);
}

#nav {
	margin-top:1px;
	font-size:17;
	color:white;
	float: right;
	transition: margin-top .2s ease;
}

#leiste{
	width:92%;
	height:4px;
	margin-left:4%;
	margin-top:95;
	z-index:10;
	transition: background-color .5s ease;
}

.navlist{
	text-shadow: 0px 0px 20px rgba(0, 0, 0, 1);
	float:left;
	margin-left:20px;
	margin-top:30px;
	padding-top:10px;
	padding-bottom:35px;
	padding-left:15px;
	padding-right:15px;
	transition: background-color .2s ease;
	cursor:pointer;
}

#last{
	margin-right:20px;
}

.navlist:hover{

	background-color:#414F64;
	
}

.navlist:active{

	background-color:#414F64;
}

.navlist:hover ~ #leiste {
	background-color:466492;
}

#container{
	width:1400px;
	margin:0 auto;
	transition: width .2s ease;
	opacity:1;
}


#map{
	border:0;
	width:100%;
	height:500;
}

#terms{
	float:right;
	color:#C2C2C2;
	padding-top:12;
	padding-right:60;
}

#privacy{
	float:right;
	color:#C2C2C2;
	padding-top:12;
	padding-right:60;
}

#security{
	float:right;
	color:#C2C2C2;
	padding-top:12;
	padding-right:80;
}

#copyright {
	float:left;
	padding-top:12;
	padding-left:70;
	color:#C2C2C2;
}

#mediaactivity {
	float:left;
	padding-top:12;
	padding-left:2;
	color:#C2C2C2;
}

#zitat {
	float:left;
	color:white;
	font-size:30;
	padding-top:50px;
	margin-left:46%;
	margin-bottom:0;
}

#tardis {
	float:left;
	position:absolute;
	margin-left:5;
}

#doctor{
	color:white;
	font-size:20;
	float:left;
	margin-left:58%;
}

#upfooter{
	height:230px;
	width:100%;
	background-color:#272727;
	
}

#downfooter {
	height:70px;
	width:100%;
	background-color:#145E75;
}

@media only screen and (max-width: 1200px) {
#news{
	font-size:60;

	margin-top:300px;
}



#container{
	width:90%;
}
#balken1{
	
	margin-top:67%;
	height:1150;

}
#slider_left {

	top:340;

}

#submit{
	margin-left:600;
}

#slider_right {

	top:340;

}

#zitat {
	float:left;
	color:white;
	font-size:30;
	padding-top:50px;
	margin-left:300;
	margin-bottom:0;
}

#doctor{
	color:white;
	font-size:20;
	padding-left:300;
	float:left;
	margin-left:215;
}
}