body{
	padding:5px;
	font-family: verdana;
	font-size: 1em;
	background-color: #ffffff;
	overflow: hidden; /* Keine Scrollbars anzeigen */
	}
	
/*   Kleine Version: 600x600px */
#container{
	position:absolute;
    left: 50%;
    width: 600px;
    margin-left: -300px;
    top: 50%;
    height: 600px;
    margin-top: -300px;
	border: 0px;
	width: 600px;
	height: 600px;
	font-weight: bold;
	color: black;
	border-color: black;
	background-color: none;
	background-image: url('../img/stars.png'); /* Sternenhimmel: weisse Flecken auf transparenter Ebene */
	background-repeat: no-repeat;
	background-position: 50% 50%;	

}	
	
@font-face{
	font-family: 'Paternoster';
	src: url('../font/PaternosterAH.ttf') format('truetype');
	}

h1{
	font-size: 1.5em;
	}

#welcome{
	position:absolute;
    left: 50%;
    width: 600px;
    margin-left: -300px;
    top: 50%;
    height: 600px;
    margin-top: -300px;
	border: 1px solid #000000 !important;
	width: 600px;
	height: 600px;
	font-weight: bold;
	color: black;
	border-color: black;
	background-color: white;
	opacity: 0.8;
	text-align: center;
	padding: 10px;
	}
	
	/* Start Player Button */
.start-button {
cursor: pointer;
width: 180px;
height: 30px;
text-align: center;
border: 1px solid #C5641D !important;
opacity: 1;
}

.start-button:hover { opacity: 0.5; }
	
.album-title{
	font-family: Paternoster, serif;
	opacity: 0; /* wird später eingeblendet */
	position: absolute;
	top: 345px;
	left: 0px;
	width: 600px;
	height: 60px;
	color: rgba(000, 000, 000, 1.0);			
	text-align: left;											
	font-size: 2.5em;
	font-variant: normal;		
	font-weight: normal;	

	/* Transition Properties */
	transition: transform 1s; /* Ausgangszustand */	
	transform: scale( 1, 1 );	 /* Ausgangszustand */					
	transform-origin: center center;	

	}
	
.hermetic{
	position: absolute;
	top: 0px;
	left: 94px;
	letter-spacing: 0.1em;						
	text-shadow: 
	    2px -2px 0px rgba(255, 255, 255, 1.0),
	   -2px -2px 10px rgba(255, 255, 255, 1.0);			
	}	
	
.room{
	position: absolute;
	top: 0px;
	left: 377px;
	letter-spacing: 0.1em;						
	text-shadow: 
	    -2px -2px 0px rgba(255, 255, 255, 1.0),
	   -2px -2px 10px rgba(255, 255, 255, 1.0);		
}
	   
.logo{
	position: absolute;
	top: 200px;
	left: 100px;
	opacity:0;
	filter: invert(0);
	-webkit-filter: invert(0);		
	/* Transition Properties */
	transition: transform 1s; /* Ausgangszustand */	
	transform: scale( 1, 1 );	 /* Ausgangszustand */					
	transform-origin: center center;	
}