@charset "UTF-8";
/* CSS Document */

html		{ height:100%; } /* html und body brauchen diese Angabe */

body		{ height:100%;
			  text-align:center; color:#BBB;
			  font-family: DroidSerif-Italic, DroidSerif-Italic-IE, cursive;
			  font-size:1.375em;
			  margin:0; padding:0; }
			
@font-face	{ font-family: 'DroidSans-Bold'; src: url('../font/DroidSans-Bold.ttf');}
@font-face	{ font-family: 'DroidSans-Bold-IE'; src: url('../font/DroidSans-Bold.eot');}
@font-face	{ font-family: 'DroidSans'; src: url('../font/DroidSans.ttf');}
@font-face	{ font-family: 'DroidSans-IE'; src: url('../font/DroidSans.eot');}
@font-face	{ font-family: 'DroidSerif-Italic'; src: url('../font/DroidSerif-Italic.ttf');}
@font-face	{ font-family: 'DroidSerif-Italic-IE'; src: url('../font/DroidSerif-Italic.eot');}
@font-face	{ font-family: 'SQUARE-BOLD'; src: url('../font/SQUARE721_BC.TTF');}
@font-face	{ font-family: 'SQUARE-BOLD-IE'; src: url('../font/SQUARE721_BC.eot');}
@font-face	{ font-family: 'Type-Icons'; src:url(../font/Type-Icons.ttf);}
@font-face	{ font-family: 'Type-Icons-IE'; src:url(../font/Type-Icons.eot);}
@font-face	{ font-family: 'MyriadPro-Regular'; src: url('../font/MyriadPro-Regular.otf');}
@font-face	{ font-family: 'MyriadPro-Semibold'; src: url('../font/MyriadPro-Semibold.otf');}


#info		{ max-width:36em;
			  margin:0 auto; margin-bottom:2em; }

#slideshow	{ position:fixed; 
			  top:0; 
			  left:0; 
			  width:100%; 
			  height:100%; }

#space		{ width:1px;
			  height:50%;
			  margin-bottom:-9em; /* die Hälfte der Höhe »inhalt« */
			  float:left;}

#blackbox, 
#sterne,
#inhalt		{ max-width: 36em; padding: 50px 0;
	          height:340px;
	          margin: 0 auto;
	          position:relative; /* hebt den inhalt vor den space  */
			  clear:left; /* hebt das float vom space auf  */ 
			  z-index:1000; }
			  
			  
#blackbox img	{ margin-top: -50px; }
			  
#sterne		{ margin-top: -500px; }

#sub		{ font-family: MyriadPro-Semibold; font-size: 1.11em; color: #FEB;
			  text-align:center; margin: 0 auto; margin-top: -1.5em; }
			  
span		{ font-size: 1.25em; }

#copy_blackbox_small,
#copy_small	{ display:none; }

#copy_blackbox   { font-family:MyriadPro-Regular;
			  text-align:center; line-height: 1.2em;
			  color:#DDD; }
			
#copy_blackbox_small a,
#copy_blackbox a 
			{ font-family:MyriadPro-Regular; 
			  text-decoration:none;
			  text-align:center; line-height: 1.2em;
			  color:#DDD; }

#copy_blackbox_small a:hover,
#copy_blackbox a:hover 
			{ text-decoration:none; color:#FFF; cursor:pointer; }

#copy_small a,
#copy a		{ text-decoration:underline; color:#BBB; }
			
#copy_small a:hover,
#copy a:hover { text-decoration:underline; 
			    color:#FFF; }
			
#imdb a		{ font-family: SQUARE-BOLD, SQUARE-BOLD-IE, sans-serif;
			  font-size:13px; text-decoration:none; color:#FC3; }
			
#imdb a:hover { text-decoration:none; color:#FEB; }
			
#social a	{ font-family: Type-Icons, Type-Icons-IE;
			  font-size:19px; text-decoration:none; color:#BBB; }
			
#social a:hover { text-decoration:none; color:#FFF; }

#datenschutz	{ 								/*noch nicht angelegt im HTML*/
			  font-family:MyriadPro-Semibold; text-decoration:none;
			  font-size:13px; color:#BBB; text-align:center; 
			  position:inherit; margin-top:100px; }

#blackbox_link a { 
			  font-family:MyriadPro-Regular; text-decoration:none;
			  font-size:14px; color:#DDD; text-align:center; 
			  bottom:28px; position:fixed; margin-left:-25px; z-index:1000; }

#blackbox_link a:hover { text-decoration:none; color:#FFF; cursor:pointer; }


			
@media screen and (max-width:900px) {
	body		{ font-size:1.1875em; }
	#inhalt img	{ width:364px; height:auto; }
	#inhalt img	{ width:364px; height:auto; }
	#sterne	img	{ width:594px; height:auto; }
	#sub		{ font-size:1em; margin-top: -4em; }
	span		{ font-size:1.125em; }
}

@media screen and (max-height:600px) {
	body		{ font-size:1.1875em; }
	#inhalt img	{ width:364px; height:auto; }
	#sterne	img	{ width:594px; height:auto; }
	#sub		{ font-size:1em; margin-top: -4em; }
	span		{ font-size:1.125em; }
}

@media screen and (max-width:480px) {
	body		{ font-size:1.1875em; }
	#inhalt img	{ width:364px; height:auto; }
	#copy_blackbox,
	#copy		{ display:none; }
	#copy_blackbox_small
	#copy_small	{ display:inline; }
}