html {
			position: relative;
			min-height: 100%;
		}
		
		BODY {

			margin: 0;
			padding:0;
			color: #AAA;
			font-family: "Times New Roman", Times, serif;
			-webkit-text-size-adjust: none;
			
		}
		
		

		SVG {
			margin:0;
			padding:0;
			overflow:hidden;
		}
		
		.footer  
		{
			cursor:hand;
			cursor:pointer;
		}
		
		#player {
			z-index:50;
			position:absolute;
			bottom:0;
			left:0;
			z-index:1000;
			width:100%;
			display:none;
		}
		
		
		audio {
			width:100%;
			display:block;
			z-index:100;
		}

		#output {
			margin:0;
			padding:0;
			position:absolute;
			margin-top: 96px;
			margin-left: 34px;
			margin-right: 42px;
			text-align: left;
			z-index:1200;
			display:none;
		}
		
		#interview {
			margin:0;
			padding:0;
			position:absolute;
			margin-top: 96px;
			margin-left: 34px;
			margin-right: 42px;
			text-align: left;
			z-index:1200;
			display:none;
		}
		
		
		#output A,
		#output A:hover,
		#output A:visited
		{
			color: #111;
			text-decoration:underline;
			font-family: "Times New Roman", Times, serif;
			font-weight: bold;
			
		}
		
		.sub {
			background-color: rgba(250,250,250,0.5); 
			padding: 4px;
			margin:0;
			margin:2px;
			width: 100%;
			text-align: left;
			font-family: "Times New Roman", Times, serif;
			font-weight: normal;
			font-size:32px; 
			color: #111;
			z-index:1200;
			letter-spacing: 1px;
			
		}
		.page {
				display:none;
				text-color:#000;
		}
		
		.intro-text {
			background-color: rgba(250,250,250,0.5); 
			padding: 4px;
			margin:0;
			margin:2px;
			width: 100%;
			text-align: left;
			font-family: "Times New Roman", Times, serif;
			font-weight: normal;
			font-size:17px; 
			color: #111;
			z-index:1000;
			line-height: 32px;
			border-radius: 6px;
			padding:16px;
		}
		
		#impressum {
			line-height: 20px; 
			z-index: 1500;
			position:fixed;
			top: 64px;
			left: 50%;
			font-family: "Times New Roman", Times, serif;
			font-weight: normal;
			font-size:17px; 
			color: #111;
			text-align:center;
			float: right;
			border-radius: 6px;
			padding: 16px;
			display:none;
			background-color: rgba(255, 255, 255, 0.75);
			background-image: url(/imgs/photocopy.jpg);
			background-position: cover;
			opacity: 0.95;
			height: 82%;
			width: 26%;
			margin-left: -13%;
			overflow: auto;
		}
		
		#impressum A {
			font-weight:bold;
			color: #333;
			text-decoration: underline;
			padding: 2px;
		}
		
		.boxTitle {
			
			text-align: center;
			font-size: 21px;
		}
		
		.button {
			
			background-color: rgba(255,255,255,0.25);
			text-color: #EFEFEF;
			
		}
		A.button {
			
			background-color: #aaa;
			text-color: #EFEFEF;
			
		}
		
		#about {
			line-height: 24px; 
			z-index: 1500;
			position:fixed;
			top: 54px;
			margin-left: 42px;
			min-height: 35%;
			height: 37%;
			width: 44%;
			font-family: "Times New Roman", Times, serif;
			font-weight: normal;
			font-size:14px; 
			color: #000;
			text-align:center;
			float: right;
			display:none;
			background-color: rgba(255, 255, 255, 0.75);
			border-radius: 6px;
			padding: 21px;
			text-align:justify;
			background-image: url(/imgs/photocopy.jpg);
			background-position: cover;
			overflow: auto;
			opacity: 0.95;
		}
		
		.bigsubpage {
			line-height: 24px; 
			z-index: 1500;
			position:fixed;
			top: 64px;
			min-height: 74%;
			width:40%;
			height:74%;
			margin-left: -21.5%;
			left: 50%;
			font-family: "Times New Roman", Times, serif;
			font-weight: normal;
			font-size:17px; 
			color: #000;
			text-align:center;
			float: right;
			display:none;
			background-color: rgba(255, 255, 255, 0.75);
			border-radius: 6px;
			padding: 24px;
			text-align:justify;
			background-image: url(/imgs/photocopy.jpg);
			background-position: cover;
			overflow: auto;
			opacity: 0.95;
		}
		
		.bigsubpage A {
			
			color: #333;
			text-decoration: underline;
			padding: 2px;
			font-weight:bold;
		}
		
		
		.subpage {
			line-height: 24px; 
			z-index: 1500;
			position:fixed;
			top: 64px;
			min-height: 77%;
			height: 77%;
			width: 25%;
			margin-left: -14.4%;
			left: 50%;
			font-family: "Times New Roman", Times, serif;
			font-weight: normal;
			font-size:17px; 
			color: #000;
			text-align:center;
			float: right;
			display:none;
			background-color: rgba(255, 255, 255, 0.75);
			border-radius: 6px;
			padding: 24px;
			text-align:justify;
			background-image: url(/imgs/photocopy.jpg);
			background-position: cover;
			overflow: auto;
			opacity: 0.95;
		}
		.subpage A {
			font-weight:bold;
			color: #333;
			text-decoration: underline;
			padding: 2px;
		}
		
		#about A {
			font-weight:bold;
			color: #333;
			text-decoration: underline;
			padding: 2px;
		}
		
		.t {
			
			font-size: 11px;
			color: #777;
		}
		
		#main-title {
			position: fixed;
			left: 50%;
			z-index: 500;
			
			text-align:center;
			Font-size: 18px;
			letter-spacing: 4px;
			padding-left: 4px;
			padding-right:4px;
			padding-bottom: 0px;
			
			margin-left: -160px;	
			margin-top: 0;
			color: #AAA;
			font-family: "Times New Roman", Times, serif;
			/*position: fixed;*/
			
			cursor: pointer;
			pointer-events: auto;
			height:32px;
			width: 320px;
			text-wrap: nowrap;
			text-decoration: none;
			
			padding-top: 4px;
			border-bottom: 1px solid #666;
			background-color: #333;
		}
		
		
		a.intro-text :link,
		a.intro-text :visited,
		a.intro-text :active
		{
			font-family: "Times New Roman", Times, serif;
			font-weight: normal;
			font-size:21px; 
			color: black;
		}
	
		#info {
			position:relative;
			float:right;
			width: 190px;
			height: 30px;
			margin-top: 24px;
			overflow:hidden;
			font-size: 9px;
			color: #777;
			word-spacing: 12px;
			z-index:50;
			opacity:0.75;
			line-height: 12px;
		}
		
		#info blockquote {
			
			margin:0;
			padding 2px;
		}
		
		
		
		.b {
			font-size: 22px;
			color: #CCC;
		}
		
		
		#pos {
			position: absolute;
			left: 0;
			top: 0;
			width: 127px;
			height: 127px;
			background-color: red;
			z-index: 100;
		}
		
		#hotspots {
			position: absolute;
			z-index: 50;
		}
		IMG#roof {
			width:100%;
			height:100%;
			z-index:50;
			overflow: hidden;
			position:absolute;
		}
		
		.enter {
			/*
			cursor:hand;
			cursor:pointer;
			
			border: 1px solid red;
			*/
		}
		
		.flag3D {
			border: none;
			outline: 1px solid transparent;
			z-index:100;
			
			-webkit-transition: -webkit-transform 2.9s;
			-moz-transition: -moz-transform 2.9s;
			-o-transition: -o-transform 2.9s;
			-ms-transition: -o-transform 2.9s;
            transition: transform 2.9s;
			  
			-webkit-perspective: 450px;
			-moz-perspective: 0px;
			-o-perspective: 450px;
			-ms-perspective: 450px;
            perspective: 450px;
			 
			-webkit-perspective-origin:50% 0%;
			-moz-perspective-origin: 78% 50%;
			-o-perspective-origin: 50% 0%;
			-ms-perspective-origin: 50% 0%;
			perspective-origin: 50% 0%;
			
			transform-style: preserve-3d;
			-webkit-transform-style: preserve-3d;
			-moz-transform-style: preserve-3d;
			-o-transform-style: preserve-3d;
			-ms-transform-style: preserve-3d;
			
			-webkit-transform-origin: center center 0;
			-moz-transform-origin: center center 100;
			-o-transform-origin: center center 0;
			-ms-transform-origin: 50%;
			transform-origin: center center 0;
			
			-ms-transform:rotateY(50degree);
			
			-webkit-backface-visibility: display;
			-moz-backface-visibility: display;
			-o-backface-visibility: display;
			-ms-backface-visibility: display;
            backface-visibility: display;
			
		
		}
		
		image#sky  {
			opacity:0;
		}
		
		#overlay {
			opacity:0.70;
		}