html, body {
	height: 100%;
	min-width: 500px;
}

body {
	margin-top: 0vw;
	margin-left: 0vw;
	overflow-x: hidden;
}

#all {
	z-index: 0;
	position: relative;
	overflow-x: hidden;
	overflow-y: hidden;
	width: 100%;
}

#all img {
	width: 100%;
}


a {
  color: #a787e8;
}

/* =Preloader */
#preloader {
  position: fixed;
  width: 100%;
  height: 120%;
  z-index: 101;
  background-color: #000000;
  color: #CCCCCC;
  font-family: 'Courier New'; 
}
  
#preloader .txt {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%); 
}
  
#preloader .txt-perc {
  opacity: 1;
  margin: 0 0 6px 0;
  max-width: 400px;
  text-align: center; 
  font-size: 35px;
}

#preloader .txt-info {
  opacity: 1;
  margin: 0 0 6px 0;
  max-width: 400px;
  text-align: center; 
  font-size: 35px;
}

#preloader .progress {
  width: 350px;
  height: 350px;
  background-image: url('scans/nomi.png');
  background-size: 100%;
  background-repeat: no-repeat;
}

#preloader .progress span {
  display: block;
  width: 0;
  height: 100%;
}

#preloader.is-hidden {
  visibility: hidden;
  opacity: 0; 
}

.is-loading {
  overflow: hidden; 
}
  
 
/*****/  


#rocket {
	position: fixed;
	z-index: 10;
	top: 10vw;
	left: 47vw;
	width: 15vw;
}

/*#rocket img {
	width: 15vw;
}*/

#titel {
	z-index: 8;
	position: absolute;
	top: 0vw;
	left: 0vw;
	width: 100vw;
}

#radio {
	position: fixed;
	bottom: 0px;
	left: 0px;
	width: 20%;
	height: 20%;
	background-image: url('scans/radio.gif');
	background-size: 100% auto;
}

#maul {
	position: absolute;
	z-index: 0;
	background-size: contain;
	background-repeat: no-repeat;
	height: 100vw;
	width: 100vw;
	top: 540vw;
	left: 0vw;
}

#maul img {
	width: 100%;
}

#bahnhof {
	position: absolute;
	top: 115vw;
	left: 60vw;
	width: 35vw;
	transform: rotate(5deg);
}

#train {
	position: absolute;
	top: 120vw;
	left: 65vw;
	width: 30vw;
	height: 20px;
}

#olympia {
	z-index: -1;
	position: absolute;
	top: 110vw;
	left: 35vw;
	width: 30vw;
}

#fisch {
	position: absolute;
	z-index: 0;
	top: 193vw;
	width: 150vw;
}

/*** Links ***/

.links {
	position: absolute;
	z-index: 9;
	top: 0px;
	width: 1000px;
	left: 0px;
	height: 1000px;
}

#archiv {
	top: 29.6vw;
	left: 78.3vw;
	width: 18vw;
}

#info {
	width: 9.8vw;
	left: 88.5vw;
	top: 54.5vw;
}

#kontakt {
	width: 11.5vw;
	left: 3.6vw;
	top: 7.5vw;
}

#merci {
	width: 20vw;
	left: 0vw;
	top: 44.5vw;
}

#programm {
	width: 15vw;
	top: 54vw;
	left: 29vw;
}

/*** Wolken ***/
.wolken {
	position: absolute;
	z-index: 1;
}

#wolke1 {
	top: 100vw;
	left: 8vw;
	width: 25vw;
}

#wolke2 {
	top: 100vw;
	left: 8vw;
	width: 25vw;
}

#wolke3 {
	top: 63vw;
	left: 70vw;
	width: 30vw;
}

/*** Bands ***/
.band {
	position: absolute;
	z-index: 1;
}

#apeiron {
	top: 230vw;
	left: 57vw;
	width: 20vw;
}

#bb {
	top: 258vw;
	left: 60vw;
	width: 20vw;
	-webkit-transform: rotate(115deg);
	-moz-transform: rotate(115deg);
	-o-transform: rotate(115deg);
	-ms-transform: rotate(115deg);
	transform: rotate(115deg);
}

#feuer {
	top: 269vw;
	left: 63vw;
	width: 10vw;
}

#bergberg {
	top: 248vw;
	left: 41vw;
	width: 18vw;
}

#dbnb {
	top: 245vw;
	left: 25vw;
	width: 20vw;
}

#cruiseshipmysery {
	top: 218vw;
	left: 29vw;
	width: 25vw;
}

#cryingthunder {
	top: 205vw;
	left: 48vw;
	width: 18vw;
}

#drama {
	top: 225vw;
	left: 60vw;
	width: 17vw;
}

/*
#fhg {
	top: 230vw;
	left: 40vw;
	width: 13vw;
}
*/

#graefin {
	top: 200vw;
	left: 74vw;
	width: 25vw;
	transform: rotate(10deg);
}

#haessig {
	top: 317vw;
	left: 23vw;
	width: 10vw;
}

#haessig img {
	transform: rotate(200deg);
}

#hannibal {
	top: 316vw;
	left: 45vw;
	width: 10vw;
	transform: rotate(60deg);
}

#hhh {
	top: 310vw;
	left: 60vw;
	width: 15vw;
	transform: rotate(120deg);
}

#individual {
	top: 260vw;
	left: 40vw;
	width: 20vw;
}

#kuhnfu {
	top: 305vw;
	left: 75vw;
	width: 20vw;
	transform: rotate(-5deg);
}

#lenix {
	top: 306vw;
	left: 51vw;
	width: 13vw;
	transform: rotate(20deg);
}

#markkelly {
	top: 216vw;
	left: 57vw;
	width: 17vw;
	transform: rotate(-30deg);
}

#morysamb {
	z-index: 20;
	top: 328vw;
	left: 43vw;
	width: 25vw;
}

#peacocksmith {
	top: 230vw;
	left: 69vw;
	width: 20vw;
	-webkit-transform: rotate(115deg);
	-moz-transform: rotate(115deg);
	-o-transform: rotate(115deg);
	-ms-transform: rotate(115deg);
	transform: rotate(115deg);
}

#regime {
	top: 257vw;
	left: 13vw;
	width: 18vw;
	transform: rotate(-70deg);
}

#saraka {
	top: 243vw;
	left: 61vw;
	width: 20vw;
	-webkit-transform: rotate(-20deg);
}

#sebass {
	top: 239vw;
	left: 38vw;
	width: 20vw;
}

#spielberatung {
	top: 235vw;
	left: 80vw;
	width: 15vw;
	transform: rotate(-80deg);
}

#swatkacity {
	top: 250vw;
	left: 35vw;
	width: 11vw;
	transform: rotate(-10deg);
}

#uktrio {
	top: 200vw;
	left: 25vw;
	width: 17vw;
	transform: rotate(-20deg);
}


/*** Köpfe ***/
.koepfe {
	position: absolute;
	z-index: 2;
}

#kopf1 {
	top: 400vw;
	left: 50vw;
	width: 30vw;
}

#kopf2 {
	top: 440vw;
	left: 10vw;
	width: 10vw;
}

#kopf3 {
	top: 420vw;
	left: 80vw;
	width: 15vw;
}

#kopf4 {
	z-index: 20;
	top: 340vw;
	left: 90vw;
	width: 20vw;
}

#kopf5 {
	top: 360vw;
	left: 60vw;
	width: 15vw;
}

#kopf6 {
	top: 350vw;
	left: 26vw;
	width: 8vw;
	opacity: .5;
}

#kopf7 {
	top: 15vw;
	left: 0vw;
	width: 50vw;
}

#kopf8 {
	z-index: 20;
	top: 370vw;
	left: -5vw;
	width: 20vw;
	transform: rotate(180deg);
}

#kopf9 {
	top: 410vw;
	left: 20vw;
	width: 15vw;
}

#kopf10 {
	top: 350vw;
	left: 50vw;
	width: 25vw;
}

#kopf11 {
	top: 345vw;
	left: 90vw;
	width: 15vw;
}

#kopf13 {
	top: 420vw;
	left: 40vw;
	width: 20vw;
}

#kopf14 {
	top: 400vw;
	left: 5vw;
	width: 15vw;
	transform: rotate(15deg);
}

#kopf15 {
	top: 355vw;
	left: 5vw;
	width: 15vw;
}

#kopf16 {
	top: 360vw;
	left: 80vw;
	width: 40vw;
}


/*** Space ***/

.space {
	position: absolute;
	z-index: 3;
}

#datum {
	top: 500vw;
	left: 55vw;
	width: 35vw;
	transform: rotate(20deg);
}

#galaxie {
	top: 450vw;
	left: 41vw;
	width: 8vw;
	transform: rotate(90deg);
}

#komet {
	top: 440vw;
	left: -10vw;
	width: 15vw;
	transform: rotate(60deg);
}

#ausserirdischer {
	position: fixed;
	z-index: 0;
	bottom: -2vw;
	left: -20vw;
	width: 20vw;
}

#starship {
	top: 460vw;
	left: -80vw;
	width: 80vw;
	transform: rotate(180deg);
}

#wesen {
	top: 466vw;
	left: 15vw;
	width: 20vw;
}

#shuttle {
	z-index: 0;
	top: 540vw;
	left: 30vw;
	width: 10vw;
	transform: rotate(20deg);
}

#rad {
	top: 390vw;
	left: 60vw;
	width: 20vw;
}

#ufo {
	top: 400vw;
	left: -90vw;
	width: 90vw;
}

#rakete2 {
	z-index: 30;
	top: 390vw;
	left: 80vw;
	width: 15vw;
}

#planet {
	top: 320vw;
	left: 75vw;
	width: 20vw;
}

#sonne {
	top: 180vw;
	left: 93vw;
	width: 10vw;
	transform: rotate(20deg);
}

#astronaut {
	top: 330vw;
	left: -2vw;
	width: 15vw;
}

/*** LINES ***/
.line {
	position: absolute;
	width: 100%;
	opacity: 0;
}

#rocket1 {
	top: 130vw;
}

#train2 {
	top: 110vw;
}

#regime2 {
	top: 200vw;
}

#rocket2 {
	top: 310vw;
}

#rocket3 {
	bottom: 70vw;
}

#haessig1 {
	top: 300vw;
}

#kopf4l {
	top: 330vw;
}

#kometl {
	top: 440vw;
}

#starshipl {
	top: 450vw;
}

#shuttlel {
	top: 520vw;
}

#ufol {
	top: 420vw;
}

#rakete2l {
	top: 400vw;
}

#rakete2l2 {
	top: 380vw;
}