/*
###########################################################
################### Projektspezifische Applikationen #####################
###########################################################
*/
body
{
	background-color: #ffffff;
}


.videocontainer{
	position:relative; 
	z-index: -99; 
	width:100%; 
	height:100%;
}
.iframe_videocontainer{
	position:relative;
	top:0%;
	left:-10%;
	width:120%;
	height:120%;
}



.projektklammer_3.article_bg_large_bild{
z-index:16;
position:relative;
float:center;
width: 920px;
height: 500px;
background: rgba(255, 255, 255, 0.8); 
margin:5px 5px 5px 5px;
/*border:1px solid #2e2e2e;*/
/*
	-webkit-box-shadow: 5px 5px 5px #000000;
    -moz-box-shadow: 5px 5px 5px #000000;
    box-shadow: 5px 5px 5px #000000;

    -ms-filter:"progid:DXImageTransform.Microsoft.DropShadow(color=#000000, offx=5, offy=5)";
    filter:progid:DXImageTransform.Microsoft.DropShadow(color=#000000, offx=5, offy=5);
*/
}
.projektklammer_3.article_large_bild{
z-index:17;
position:relative;
float:center;
width: 920px;
height: 500px;
margin:10px 10px 10px 10px;
}


.chapter_font h2{
	font-size: 4em;
	/*font-family:'Nothing You Could Do', cursive;*/
	/*color:#2e2e2e;*/
}
.chapter_font p{
	/*font-size: 16px;*/
	/*font-family:'Nothing You Could Do', cursive;*/
	/*color:#2e2e2e;*/
}
#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%;
}
/*helles sceme*/
.menucontainer_oben{
	/*background-color: #dedbd6;*/
	background-color: #ffffff;
}
.header_container_oben a{
	color: #2e2e2e;  	
}
#header_menu a {
	color: #2e2e2e;  
}
/*helles sceme*/
/*dunkles sceme
.menucontainer_oben{
	background-color: #4d6a79;
}
#header_menu_oben a {
	color: #ffffff;  	
}
#header_menu a {
	color: #ffffff;  
}
/*dunkles sceme*/
.link_container_unten a{
	color: #2e2e2e;
	text-transform: uppercase;
	text-decoration:none;
	font-family:'Metrophobic';
	font-size:15px;
}
.textdivSeite 
{ 
	background: rgba(255, 255, 255, 0.8); 
	/*background-color: white;*/
}
.leerzeile{
	background: rgba(255, 255, 255, 0.0); 
}
#frame_unten{
	background: rgba(255, 255, 255, 0.0); 
}
.menuhintergrund
{
	background: rgba(255, 255, 255, 0.8); 
	/*height:205px;*/
}
/*Tranzparenz aller Kacheln*/
.kacheln_kontakt_bg{
	background: rgba(255, 255, 255, 0.0); 
}
.nurText_bg_large{
	background: rgba(255, 255, 255, 0.0); 
}
.nurText_bg_large_auto{
	background: rgba(255, 255, 255, 0.0); 
}
.nurText_bg_large_halbe{
	background: rgba(255, 255, 255, 0.0); 
}
.nurText_bg_medium{
	background: rgba(255, 255, 255, 0.0); 
}
.nurText_bg_medium_auto{
	background: rgba(255, 255, 255, 0.0); 
}
.nurText_bg_medium_halbe{
	background: rgba(255, 255, 255, 0.0); 
}
.nurText_bg_small{
	background: rgba(255, 255, 255, 0.0); 
}
.nurText_bg_small_auto{
	background: rgba(255, 255, 255, 0.0); 
}
.nurText_bg_small_halbe{
	background: rgba(255, 255, 255, 0.0); 
}
.platzhalter_bg_large{
	background: rgba(255, 255, 255, 0.0); 
}
.platzhalter_bg_large_halbe{
	background: rgba(255, 255, 255, 0.0); 
}
.platzhalter_bg_medium{
	background: rgba(255, 255, 255, 0.0); 
}
.platzhalter_bg_small{
	background: rgba(255, 255, 255, 0.0); 
}
.platzhalter_bg_XS{
	background: rgba(255, 255, 255, 0.0); 
}
#copyright a{
	color:#22bfba;
	text-decoration:none;
}
#copyright a:visited{
	color:#22bfba;
	text-decoration:none;
}
#copyright a:hover{
	color:#2e2e2e;
	text-decoration:none;
}

#nav ul li a:hover {
	background-color: #22bfba;
}
#nav ul li .selected
{
    background-color: ##22bfba;
}
#logo{
	width: 200px;
}
#logo_unten{
	width: 200px;
}
#contentWrapper
{	
	background-color:#ffffff;
}
@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;
	}
}

@media only screen and (max-width: 480px)
{
.chapter_font h2{
	font-size: 2em;
}
}