
/*
###########################################################
################### Projektspezifische Applikationen #####################
###########################################################
*/

#applikation_01 { 
   position:absolute;
   opacity:0.2;
   top:0px;
   left:55%;
   z-index:15;
   width: 300px;
   height: 100%;
   background: #e52022; 
}
#applikation_02 { 
   position:absolute;
   opacity:0.2;
   top:0px;
   left:60%;
   z-index:15;
   width: 400px;
   height: 100%;
   background: #e52022; 
}
#applikation_03 { 
   position:absolute;
   opacity:0.2;
   top:0px;
   left:40%;
   z-index:15;
   width: 350px;
   height: 100%;
   background: #e52022; 
}
.side_application { 
   position:fixed;
   opacity:1.0;
   top:0px;
   right:0px;
   z-index:15;
   width: auto;
   height: 100%;
}
.link_container_unten a{
	color: #2e2e2e;
	text-transform: uppercase;
	text-decoration:none;
	font-family:'Metrophobic';
	font-size:15px;
}
#copyright{
	color:#2e2e2e;
}
#copyright a{
	color:#bca42f;
}
#copyright a:visited{
	color:#bca42f;
}
#copyright a:hover{
	color:#2e2e2e;
}
#logo{
	width: 350px;
	height:auto;
}
#logo_unten{
	width: 350px;
	height:auto;
}
@media only screen and (max-width: 1200px)
{
	#applikation_01 { 
		display: none;
	}
	#applikation_02 { 
		display: none;
	}
	#applikation_03 { 
		display: none;
	}
}

@media only screen and (max-width: 1000px) and (orientation : portrait)
{
	.side_application 
	{ 
		display:none;
	}
}











