@charset "iso-8859-1";

/* ------------------------------------ ALLGEMEIN ------------------------------------ */

html, body, div, p, h1, h2, h3, h4, h5, ul, ol, span, a, table, td, form, img, li, blockquote {
	margin:0px;
	padding:0px;
	font:normal normal normal 1em/1em tahoma;;
	color:#666;
	text-shadow:3px 3px 2px #000;
	/* -moz-transition:color 0.6s ease-out 0s;
	-webkit-transition:color 0.6s ease-out 0s; */
}

body, html {
	width:100%;
	height:100%;
	overflow:auto;
}

body {
	background-color:#000;
	font-size:100%;
	line-height:100%;
	background-image:url(../img/kometenseife2.jpg);
	background-repeat:no-repeat;
	background-position:top left;
	background-size:cover;
}

div#distance { 
	width:1px;
	height:50%;
	margin-bottom:-20%; /* half of container's height */
	float:left;
	z-index:1;
}

div#container {
	margin:0 auto;
	position:relative; /* puts container in front of distance */
	text-align:left;
	height:55%;
	width:80%;
	clear:left;
	border:0;
	z-index:1;
	padding:5%;
}


video {
	width:300px;
	height:auto;
	
}

#headline {
	display:block;
	position:absolute;
	top:7%;
	right:20%;
	width:40%;
	z-index:10;
	background-color:rgba(255,255,255,0.3);
	box-shadow:1px 1px 1px #000;
	padding: 1em 2em 1.5em 3em;
	}

h1 {font-size: 3em;color:#fff;}
h2 {font-size: 3em;}
h3 {font-size: 1em;}
p {font-size: 0.7em;text-align:right;}