@charset "utf-8";
/* Aš-Schirnding Unlimited | michafarkas */


html, body {

margin: 0;
padding: 0;

width:19500px;

}

body {
background: #191919;
font-family: helvetica;

}

	body a {
	text-rendering: optimizeLegibility;
	}

#verpackung {
overflow: hidden;
min-height: 400px;
min-width: 600px;
margin: 0;
padding: 0;

}

img {
border: none;
}

article {
position: absolute;
background: #fff;
padding: 30px;
left: 50%;
text-align: center;
z-index: 900;
}

section {
padding: 0px 0px 0px 0px;
margin: 0 0 0 0 ;
}


/* 1. Hintergrund */


section#hintergrund-1 {
background:url(_img/noise.png) ;
height: 680px;
width: 19500px;
padding-top: 0px;
position: absolute; 
z-index:200;
}

	#hintergrund1 {
	position: absolute;
	height: auto;
	top: 0px;
	left: 0px;
	z-index:100;
	}	
		#hintergrund2 {
	position: absolute;
	height: auto;
	top: 0px;
	left: 6200px;
	z-index:100;
	}
	
	
	#trabi_kl {
	position: fixed;
	top: 512px; 
	left: 800px;
	z-index: 300;
	opacity: 0;
	}
	
	#trabi_gr {
	position: fixed;
	top: 446px; 
	left: 800px;
	z-index: 300;
	opacity: 0;
	}
	
	
#back_btn{
	position: absolute;
	top: 20px; 
	left: opx;
	z-index: 401;
	}



#plattenbau {
	position: absolute;
	top: 133px; 
	left: 2440px;
	z-index: 401;
	}


#tunnel {
	position: absolute;
	top: 0px; 
	left: 5982px;
	z-index: 401;
	}

#baeume {
	position: absolute;
	top: 0px; 
	left: 9263px;
	z-index: 401;
	}
	
#sterne {
	position: absolute;
	top: 290px; 
	left: 17100px;
	z-index: 401;
	}

#shadow_1s {top: 512px; 
	left: 2804px;
	position: absolute;
	opacity: 1;
	z-index: 999;
	}	
	
#shadow_2s {top: 215px; 
	left: 3577px;
	position: absolute;
	opacity: 1;
	z-index: 999;
	}


#shadow_2sb {top: 115px; 
	left: 8427px;
	position: absolute;
	opacity: 1;
	z-index: 999;
	}


	
#shadow_4s {top: 177px; 
	left: 11722px;
	position: absolute;
	opacity: 1;
	z-index: 999;
	}

#shadow_5s {top: 172px; 
	left: 15434px;
	position: absolute;
	opacity: 1;
	z-index: 999;
	}
		
#shadow_6s {top: 392px; 
	left: 16115px;
	position: absolute;
	opacity: 1;
	z-index: 999;
	}

/*quickinfo*/
.icon {
position: absolute;
z-index: 1000;
}

.icon_cz {
position: absolute;
z-index: 1000;
}

	#sch_text1 {top: 510px; 
	left: 2807px;
	position: absolute;
	opacity: 1;
	z-index: 1001;
	}
	
	#sch_text1cz {top: 510px; 
	left: 2824px;
	position: absolute;
	opacity: 1;
	z-index: 1002;
	}
	
	#sch_text2 {top: 213px; 
	left: 3580px;
	position: absolute;
	opacity: 1;
	z-index: 1001;
	}
	
	#sch_text2cz {top: 213px; 
	left: 3597px;
	position: absolute;
	opacity: 1;
	z-index: 1002;
	}

	#sch_text2b {top: 113px; 
	left: 8430px;
	position: absolute;
	opacity: 1;
	z-index: 1001;
	}
	
	#sch_text2bcz {top: 113px; 
	left: 8447px;
	position: absolute;
	opacity: 1;
	z-index: 1002;
	}
	
	#sch_text3 {top: 310px; 
	left: 2800px;
	position: absolute;
	opacity: 1;
	z-index: 1001;
	}
	
	#sch_text3cz {top: 310px; 
	left: 2817px;
	position: absolute;
	opacity: 1;
	z-index: 1002;
	}
	
	#sch_text4 {top: 175px; 
	left: 11725px;
	position: absolute;
	opacity: 1;
	z-index: 1001;
	}
	
	#sch_text4cz {top: 175px; 
	left: 11742px;
	position: absolute;
	opacity: 1;
	z-index: 1002;
	}
	
	#sch_text5 {top: 170px; 
	left: 15437px;
	position: absolute;
	opacity: 1;
	z-index: 1001;
	}
	
	#sch_text5cz {top: 170px; 
	left: 15454px;
	position: absolute;
	opacity: 1;
	z-index: 1002;
	}
	
	#sch_text6 {top: 390px; 
	left: 16118px;
	position: absolute;
	opacity: 1;
	z-index: 1001;
	}
	
	#sch_text6cz {top: 390px; 
	left: 16135px;
	position: absolute;
	opacity: 1;
	z-index: 1002;
	}
	
	#zeitung_de {top: 438px; 
	left: 15620px;
	position: absolute;
	opacity: 1;
	z-index: 1001;
	}
	#zeitung_cz {top: 445px; 
	left: 15638px;
	position: absolute;
	opacity: 1;
	z-index: 1002;
	}
	
	#zeitung_shadow {top: 445px; 
	left: 15620px;
	position: absolute;
	opacity: 1;
	z-index: 1000;
	}
	
	/*Flucht 1*/	
	#film1 
	{top: 410px; 
	left:180px;
	z-index: 2000;
	position: absolute;}
	
	/*Flucht 2*/	
	#film2 
	{top: 370px; 
	left:500px;
	z-index: 2000;
	position: absolute;}
	
	/*Flucht 3*/	
	#film3 
	{top: 365px; 
	left:700px;
	z-index: 2000;
	position: absolute;}
	
	/*Flucht 4*/	
	#film4 
	{top: 378px; 
	left:900px;
	z-index: 2000;
	position: absolute;}
	
	/*4.November*/	
	#film5 
	{top: 290px; 
	left:3737px;
	z-index: 2000;
	position: absolute;}
	
	/*Rüdiger*/	
	#film6
	{top: 510px; 
	left:5000px;
	z-index: 2000;
	position: absolute;}
	
	/*Picknick*/	
	#film7
	{top: 170px; 
	left:11621px;
	z-index: 2000;
	position: absolute;}

	
/*TipTip*/

#tiptip_holder {
	width: 100px;
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2000;
}

#tiptip_holder.tip_top {
	padding-bottom: 5px;
}

#tiptip_holder.tip_bottom {
	padding-top: 5px;
}

#tiptip_holder.tip_right {
	padding-left: 5px;
}

#tiptip_holder.tip_left {
	padding-right: 5px;
}

#tiptip_content {
	font-size: 11.5px;
	/*text-align: justify;*/
	line-height: 1.4;
	white-space: normal;
	color: #2B4C61;
	
	padding: 4px 8px;
	border: 3px solid rgba(195,190,178,0.90);
	border-radius: 9px;
	-webkit-border-radius: 9px;
	-moz-border-radius: 9px;
	background-color: rgb(209,214,218);
	background-color: rgba(209,214,218,1);
	
	
	box-shadow: 0 0 12px #555;
	-webkit-box-shadow: 0 0 12px #555;
	-moz-box-shadow: 0 0 12px #555;
	
}

#tiptip_arrow, #tiptip_arrow_inner {
	position: absolute;
	border-color: transparent;
	border-style: solid;
	border-width: 6px;
	height: 0;
	width: 0;
}

#tiptip_holder.tip_top #tiptip_arrow {
	border-top-color: #c35a4e;
	border-top-color: rgba(195,190,178,0.90);
}

#tiptip_holder.tip_bottom #tiptip_arrow {
	border-bottom-color: #c35a4e;
	border-bottom-color: rgba(195,190,178,0.90);
}

#tiptip_holder.tip_right #tiptip_arrow {
	border-right-color: #c35a4e;
	border-right-color: rgba(195,190,178,0.90);
}

#tiptip_holder.tip_left #tiptip_arrow {
	
	
	border-left-color: #c35a4e;
	border-left-color: rgba(195,190,178,0.90);
}

#tiptip_holder.tip_top #tiptip_arrow_inner {
	margin-top: -7px;
	margin-left: -6px;
	border-top-color: rgb(195,190,178);
	border-top-color: rgba(195,190,178,0.90);
}

#tiptip_holder.tip_bottom #tiptip_arrow_inner {
	margin-top: -5px;
	margin-left: -6px;
	border-bottom-color: rgb(195,190,178);
	border-bottom-color: rgba(195,190,178,0.90);
}

#tiptip_holder.tip_right #tiptip_arrow_inner {
	margin-top: -6px;
	margin-left: -5px;
	border-right-color: rgb(195,190,178);
	border-right-color: rgba(195,190,178,0.90);
}

#tiptip_holder.tip_left #tiptip_arrow_inner {
	margin-top: -6px;
	margin-left: -7px;
	border-left-color: rgb(195,190,178);
	border-left-color: rgba(195,190,178,0.90);
}

/* Webkit Hacks  */
@media screen and (-webkit-min-device-pixel-ratio:0) {	
	#tiptip_content {
		padding: 10px 16px 12px 16px;
		background-color: rgba(209,214,218,1);
	}
	#tiptip_holder.tip_bottom #tiptip_arrow_inner { 
		border-bottom-color: rgba(195,190,178,0.90);
	}
	#tiptip_holder.tip_top #tiptip_arrow_inner { 
		border-top-color: rgba(195,190,178,0.90);
	}
}