body {
	font-family: Verdana, Geneva, sans-serif;
  background-color: #000000;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  color: #ffffff;
  font-size: 13px;
  font-weight:100;
letter-spacing: 1px;
  line-height: 21px;
height:100%;
}







/* Ueberschriften ..............................................................*/


h1 {
	color: #ffffff;
  	
  	font-size: 21px;
	text-transform: uppercase;
  	line-height: 28px;		
	margin-top: 10px;
	margin-bottom: 10px;
	}
h2 {
	color: #bbbbbb;
  
  	font-size: 21px;
	text-transform: uppercase;
  	line-height: 28px;		
	margin-top: 10px;
	margin-bottom: 10px;
	}


/* Texte ..................................................................*/



.TextGrau{
	 color: #cccccc;
  font-size: 13px;
  line-height: 21px;
	
	}

ul.ALT{
	list-style-image:url(bilder/Pfeil_Rechts_Orange.png);
		
	color: #FD183A;
	font-size: 13px;
	line-height: 25px;
	margin-left: 10px;
	margin-right:20px;
	margin-bottom: 0px;
	margin-top: 0px;
}





/* Links ..................................................................*/

a:focus { outline: none;}


a:link
		{
			
		color: #6E6D6D;  
  		font-weight: 300;
  		font-size: 13px;
  		line-height: 18px;		
		text-decoration:none;
		}
		
a:visited 
		{
			
		color: #bcbcbc;  
  		font-weight: 300;
  		font-size: 13px;
  		line-height: 18px;			
		text-decoration:none;
		}
		

a:hover
		{
			
		color: #FD183A;  
  		font-weight: 300;
  		font-size: 13px;
  		line-height: 18px;			
		text-decoration:none;
		}
		
a:active 	
		{
				
		color: #bcbcbc;		  
  		font-weight: 300;
  		font-size: 13px;
  		line-height: 18px;			
		text-decoration:none;
		
		}





/* Links Class - Type2 ................................*/



a.type2:link
		{
				
		color: #6E6D6D;
  font-size: 13px;
  line-height: 21px;		
		text-decoration:none;
		}
		
a.type2:visited 
		{
			
	color: #6E6D6D;
  font-size: 13px;
  line-height: 21px;		
		text-decoration:none;
		}

a.type2:hover
		{
			
		color: #FD183A;
  font-size: 13px;
  line-height: 21px;		
		text-decoration:none;
		}
		
a.type2:active 	
		{
			
		color: #6E6D6D;
  font-size: 13px;
  line-height: 21px;	
		text-decoration:none;
		}


/* Links Class - Type3 ................................*/



a.type3:link
		{
				
		color: #FD183A;
  font-size: 13px;
  line-height: 21px;		
		text-decoration:none;
		}
		
a.type3:visited 
		{
			
	color: #FD183A;
  font-size: 13px;
  line-height: 21px;		
		text-decoration:none;
		}

a.type3:hover
		{
			
		color: #cccccc;
  font-size: 13px;
  line-height: 21px;		
		text-decoration:none;
		}
		
a.type3:active 	
		{
			
		color: #FD183A;
  font-size: 13px;
  line-height: 21px;	
		text-decoration:none;
		}





/* Bilder .........................................................*/



img {

  border: none;

}


/* KLASSEN PROJEKTE MATRIX .........................*/


.CorporateEvents, .SportEvents, .MessenFairs, .PublicEvents {
 font-style: italic;
 font-size:10px;
 color: #cccccc;
}


.MusicShows, .AwardShows, .TVShows {
 font-style: italic;
 font-size:10px;
 color: #cccccc;
}

.Tour, .TVConcert, .Specials {
 font-style: italic;
 font-size:10px;
 color: #cccccc;
}

.Theater, .Ausstellungen, .Architektur {
 font-style: italic;
 font-size:10px;
 color: #cccccc;
}






/* INHALT .........................................*/


#Content { 
	position:absolute;
	width: 940px;			
	margin-left: -470px;
	top: 0px;	
	left: 50%;
	z-index:2;	
	}
	
#Logo{
	position:absolute;
	width:100%;
	height:44px;
	top:25px;
	left: 17px;
	text-align: center;	
	align-content: center;
	}
	
	
#LogoKreis{
	position:absolute;
	width:90px;
	height:90px;
	top:7px;
	left: 850px;
	
	}	
	
	
#Xing_Facebook_Logo{
	position:absolute;
	width: 70px;
	height:44px;
	top:0px;
	left:850px;
	
	}
	
	
#Hintergrundbild { 
	position:absolute;
	width: 1400px;			
	margin-left: -700px;
	top: 0px;	
	left: 50%;
	overflow:hidden;
	z-index:1;	
	}





/* MENUE UND IMPRESSUM IM KOPF ......................................*/




#Impressum {
	text-align: right;
	margin: -360px 44px 0px 0px;
}


	
#Menue {
	background-color:transparent;
	border-top:solid 1px #ffffff;
	border-bottom:solid 0px #ffffff;
	position:relative;
	margin-top: 215px;
	left: 50%;
	margin-left: -450px;
	width: 900px;	
	height:30px;
	z-index:3;
	text-align: center;
	padding-top: 10px;
		}
		
		
#MenueX {
	
	margin-top: 165px;
	margin-left: -140px;
	width: 1240px;	
	height:180px;
	z-index:3;
		}		
		
		
		#Menue2 {
			background-image:url(bilder/MenueSchimmer.png);
			background-position: center top;
			background-repeat:no-repeat;
		border-top:solid 0px #fff;
	border-bottom:solid 0px #fff;
	position:relative;
	margin-top: 75px;
	margin-left: 0px;
	width: 940px;	
	height:60px;
	z-index:3;
		}


#ProjekteMenue
		{
			position: fixed;
			top: 160px;
			left: 50%;
			margin-left: -445px;
			width:150px;
			z-index: 45;
			
			
			
		}
		
#Projekte
		{
	position: absolute;
	top:20px;
	left: 160px;
	width: 760px;
	height: 1000px;
	overflow: visible;
		}




/* TEXTBEREICHE WEISSE FLAECHE........................*/

#Inhalt {
	position:relative;
	
	margin:20px 0px 20px 0px;
	width:900px;
	height:auto;
	z-index:4;
	padding: 20px;
	
}

#InhaltX {
	position:relative;
	
	margin:0px 0px 20px 0px;
	width:900px;
	height:auto;
	z-index:4;
	padding: 20px;
	
}


#Fusszeile{	
position:relative;
	margin-top: 150px;
	min-width:100%;
	height: auto;
	z-index: 17;
	background-color:#363636;
   color:#ffffff;
   font-size:12px; 
}

#Infos{
	position:relative;
	width: 850px;			
	margin-left: -425px;
	top: 0px;	
	left: 50%;
	z-index:40;

	
	}


/* Konzeption & Gestaltung: www.brockfeld-design.com ................................*/


span.BrockfeldKursiv {
 font-style: italic;
 color: #7d7d7d;
}



a.Brockfeld:link
		{		
 font-size: 12px;
 font-style: italic;
 color: #7d7d7d;
 text-decoration:none;
		}
		
a.Brockfeld:visited 
		{
 font-size: 12px;
 font-style: italic;
 color: #7d7d7d;
 text-decoration:none;
		}
		

a.Brockfeld:hover
		{
 font-size: 12px;
 font-style: italic;
 color: #7d7d7d;
 text-decoration:none;
 		}
		
a.Brockfeld:active 	
		{
 font-size: 12px;
 font-style: italic;
 color: #7d7d7d;
 text-decoration:none;
		}	


/*Infos unten .........................*/


	
#Kontaktdaten{
	position:relative;
	width: 160px;
	margin: -20px 0px 0px 60px;
	float:left;	
	z-index:20;
	}	

span.TextFett {
  
	 
  font-size: 44px;  
  line-height:32px;  
  font-weight: 800;
  color: #3a3a3a;  
  text-transform:uppercase;

}

.Adresse {
	margin-top: 30px;
	border-top: solid 1px #fff;
	border-bottom: solid 1px #fff;
	padding-top: 15px;
	padding-bottom: 15px;
}



.fusszeile {
	text-align: right;
	margin-top: 40px;
}

.underconstruction {
	text-align: center;
	margin-top: 40px;
	color: #fd183a;
}
