@charset "utf-8";
/* CSS Document */

body					{	font-family:Arial, Helvetica, sans-serif;
								margin:0px;
								background-color:#eceded;}
								
img						{	border:none;}								
											
.wrapper			{	background-color:#FFFFFF;
								width: 1024px;
								margin:auto;
								margin-top:20px;
								border-left:1px solid #58585a;
								border-right:1px solid #58585a;}
								
/*-----------------------------------------------HEADER / NAVIGATION -----------------------------------------------------*/									

.head					{	background-color:#58585a;
								width: 924px;
								height:110px;
								padding:0px 50px;}
								
.head img			{	float:right;
								margin-top:42px;}		
													
/*.head a				{background-color:#CC99FF;
								display:inline-block;
								width:120px;
								height:30px;	
								margin-right:10px;
								font-size:0px;
								margin-top:55px;}		
								
[id="profil"]				{	background-image:url(images/nav_profil.jpg);}
[id="profil"]:hover	{	background-image:url(images/nav_profil_hover.jpg);}	

[id="leistungen"]				{	background-image:url(images/nav_leistungen.jpg);}
[id="leistungen"]:hover	{	background-image:url(images/nav_leistungen_hover.jpg);}

[id="projekte"]				{	background-image:url(images/nav_projekte.jpg);}
[id="projekte"]:hover	{	background-image:url(images/nav_projekte_hover.jpg);}

[id="kunden"]				{	background-image:url(images/nav_kunden.jpg);}
[id="kunden"]:hover	{	background-image:url(images/nav_kunden_hover.jpg);}

[id="kontakt"]				{	background-image:url(images/nav_kontakt.jpg);}
[id="kontakt"]:hover	{	background-image:url(images/nav_kontakt_hover.jpg);}	*/


.leistungen-subnav		{	background-color:#ef7f01;
											opacity:70%;
											width:120px;
											height:100px;
											margin-top:100px;
											margin-left:180px;
											color:#FFFFFF;
											font-size:10px;
											line-height:14px;
											font-weight:bold;}		
											
.projekte-subnav			{	background-color:#ef7f01;
											opacity:70%;
											width:120px;
											height:100px;
											margin-top:100px;
											margin-left:310px;
											color:#FFFFFF;
											font-size:10px;
											line-height:14px;
											font-weight:bold;}																												
								
/*-----------------------------------------------BILDBEREICH  / NIVO -----------------------------------------------------*/									
								
.nivo					{	background-color:#FFFFFF;
								width: 1024px;
								height:250px;
								}
								
.slider-wrapper {	width: 1024px;
								height: 250px;
								
								position:relative;}								
								
/*-----------------------------------------------INFO -----------------------------------------------------*/									
								
.info					{	background-color:#58585a;
								width: 1024px;
								height:120px;}
								
.info img			{	/*background-color:#FF99FF;*/
								width=183px; 
								height=33px;
								margin-top:44px;
								margin-left:50px;
								float:left;}	
								
h1, h2					{	margin:0px;
								padding:0px;
								padding-left:260px;}						
								
h1						{	/*background-color:#3366FF;*/
								font-weight:bold;
								font-size:15px;
								line-height:18px;
								color:#FFFFFF;
								letter-spacing:-0.2px;
								padding-top:27px;}	
								
h2						{	/*background-color:#3366FF;*/
								font-weight:bold;
								font-size:12px;
								line-height:18px;
								color:#FFFFFF;}		
								
.h1-300, .h2-300	{	margin:0px;
									padding:0px;
									padding-left:300px;}	
								
.h1-300					{	/*background-color:#3366FF;*/
									font-weight:bold;
									font-size:15px;
									line-height:18px;
									color:#FFFFFF;
									letter-spacing:-0.2px;
									padding-top:27px;}	
								
.h2-300					{	/*background-color:#3366FF;*/
									font-weight:bold;
									font-size:12px;
									line-height:18px;
									color:#FFFFFF;}															
																													
								
/*-----------------------------------------------CONTENT / INDEX -----------------------------------------------------*/									
								
.content				{	background-color:#FFFFFF;
								width: 924px;
								min-height:270px;
								padding:0px 50px;
								font-size:10px;
								line-height:12px;
								color:#58585a;}
								
.ind-trends, .ind-news, .ind-messen 			
							{	/*background-color:#CC99FF;*/
								width:255px;
								height:205px;
								float:left;
								margin-right:79px;
								margin-top:33px;
								position:relative;}							
								
h3						{	font-size:14px;
								font-weight:bold;
								color:#58585a;
								margin-top:0px;}	
																						
.weiter				{	/*background-color:#00FF00;*/
								width:65px;
								height:15px;
								font-size:0px;
								position:absolute;
								bottom:0px;
								right:5px;}			
								
								
/*-----------------------------------------------CONTENT / UEBER UNS -----------------------------------------------------*/									
								
.ueber-uns					{	/*background-color:#CCFFFF;*/
								width: 924px;
								height:425px;
								padding:0px 0px;
								font-size:12px;
								line-height:18px;
								color:#58585a;}
										
.ueber-uns1			{	/*background-color:#00FF00;*/
								width:924px;
								height:65px;
								margin-top:33px;
								padding:0px 0px;
								font-size:12px;
								line-height:18px;
								color:#58585a;}	
								
.ueber-uns2, .ueber-uns3	{	/*background-color:#00FF00;*/
													width:440px;
													height:230px;
													float:left;
													margin-right:30px;
													margin-top:33px;}																														
								
h3						{	font-size:14px;
								font-weight:bold;
								color:#58585a;
								margin-top:0px;}	
								
								
								
/*-----------------------------------------------CONTENT / UEBER UNS - TEAM -----------------------------------------------------*/									
								
.team				{	background-color:#FFFFFF;
								width: 924px;
								height:680px;
								padding:0px 50px;
								font-size:12px;
								line-height:16px;
								color:#58585a;}
								
.team-fn, .team-mn, .team-dt 			
							{	/*background-color:#CC99FF;*/
								width:255px;
								height:550px;
								float:left;
								margin-right:79px;
								margin-top:33px;
								position:relative;}							
								
h3						{	font-size:14px;
								font-weight:bold;
								color:#58585a;
								margin-top:0px;}	
																						
.weiter				{	/*background-color:#00FF00;*/
								width:65px;
								height:15px;
								font-size:0px;
								position:absolute;
								bottom:0px;
								right:5px;}										
								
								
/*-----------------------------------------------CONTENT / KUENSTLER -----------------------------------------------------*/									
								
.kuenstler			{	/*background-color:#CCFFFF;*/
								width: 924px;
								height:510px;
								padding:0px 0px;
								font-size:10px;
								line-height:12px;
								color:#58585a;}	
								
.kuenstler-fot, .kuenstler-kul, .kuenstler-art			
							{	/*background-color:#99FF00;*/
								width:255px;
								height:120px;
								float:left;
								margin-top:27px;
								margin-right:78px;
								margin-bottom:30px;}			
								
.kuenstler-coll, .kuenstler-sai, .kuenstler-lie, .kuenstler-int, .kuenstler-flo, .kuenstler-kin		
							{	/*background-color:#99FF00;*/
								width:255px;
								height:120px;
								float:left;
								margin-right:78px;
								margin-bottom:30px;}
								
.kuenstler-int, .kuenstler-flo, .kuenstler-kin		
							{	/*background-color:#99FF00;*/
								width:255px;
								height:120px;
								float:left;
								margin-right:78px;}
								
								
								
/*-----------------------------------------------CONTENT / TALENTSUCHE -----------------------------------------------------*/									
								
.suche					{	/*background-color:#CCFFFF;*/
								width: 924px;
								height:270px;
								padding:0px 0px;
								font-size:12px;
								line-height:16.5px;
								color:#58585a;}
										
.suche-bild				{	/*background-color:#00FF00;*/
								background-image:url(../images/kuenstler_suche_schatten.jpg);
								width:223px;
								height:145px;
								float:left;
								margin-right:28px;
								margin-top:62px;}	
								
.suche-text				{	/*background-color:#00FF00;*/
								width:650px;
								height:160px;
								float:left;
								margin-top:61px;}																														
								
h3						{		font-size:14px;
								font-weight:bold;
								color:#58585a;
								margin-top:0px;}
								
								
/*-----------------------------------------------CONTENT / LEISTUNGEN -----------------------------------------------------*/									
								
.leistungen			{	/*background-color:#CCFFFF;*/
								width: 924px;
								height:270px;
								padding:0px 0px;
								font-size:10px;
								line-height:14px;
								color:#58585a;}	
								
.leistungenpraes		{	/*background-color:#00FFFF;*/
								width:210px;
								height:165px;
								float:left;
								margin-top:35px;
								margin-right:25px;}							
								
								
								
/*-----------------------------------------------CONTENT / LEISTUNGEN - ENTWICKLUNG -----------------------------------------------------*/									
								
.leist-entwickl			{	/*background-color:#CCFFFF;*/
								width: 924px;
								height:440px;
								padding:0px 0px;
								font-size:12px;
								line-height:17.8px;
								color:#58585a;}	
								
.leist-entwickl-img		{	/*background-color:#00FF00;*/
								background-image:url(../images/leist_entwicklung_123_schatten.jpg);
								width:223px;
								height:370px;
								float:left;
								margin-right:27px;
								margin-top:33px;}	
								
.leist-entwickl-text	{	/*background-color:#00FF00;*/
								width:660px;
								height:370px;
								float:left;
								margin-top:31px;}
								
h3						{		font-size:14px;
								font-weight:bold;
								color:#58585a;
								margin-top:0px;}	
								
								
								
/*-----------------------------------------------CONTENT / LEISTUNGEN - HANDEL -----------------------------------------------------*/									
								
.leist-handel			{	/*background-color:#CCFFFF;*/
								width: 924px;
								height:300px;
								padding:0px 0px;
								font-size:12px;
								line-height:16.8px;
								color:#58585a;}	
								
.leist-handel-img		{	/*background-color:#00FF00;*/
								background-image:url(../images/leist_handel_12_schatten.jpg);
								width:223px;
								height:232px;
								float:left;
								margin-right:27px;
								margin-top:33px;}	
								
.leist-handel-text	{	/*background-color:#00FF00;*/
								width:660px;
								height:245px;
								float:left;
								margin-top:31px;}
								
								
								
/*-----------------------------------------------CONTENT / LEISTUNGEN - DISTRIBUTION -----------------------------------------------------*/									
								
.leist-distrib			{	/*background-color:#CCFFFF;*/
								width: 924px;
								height:300px;
								padding:0px 0px;
								font-size:12px;
								line-height:17px;
								color:#58585a;}	
								
.leist-distrib-img		{	/*background-color:#00FF00;*/
								background-image:url(../images/leist_distribution_1_schatten.jpg);
								width:223px;
								height:236px;
								float:left;
								margin-right:27px;
								margin-top:33px;}	
								
.leist-distrib-text	{	/*background-color:#00FF00;*/
								width:660px;
								height:245px;
								float:left;
								margin-top:31px;}
								
								
								
/*-----------------------------------------------CONTENT / LEISTUNGEN - VERMARKTUNG -----------------------------------------------------*/									
								
.leist-vermarkt			{	/*background-color:#CCFFFF;*/
								width: 924px;
								height:300px;
								padding:0px 0px;
								font-size:12px;
								line-height:16.8px;
								color:#58585a;}	
								
.leist-vermarkt-img		{	/*background-color:#00FF00;*/
								background-image:url(../images/leist_vermarktung_12_schatten.jpg);
								width:223px;
								height:232px;
								float:left;
								margin-right:27px;
								margin-top:33px;}	
								
.leist-vermarkt-text	{	/*background-color:#00FF00;*/
								width:660px;
								height:245px;
								float:left;
								margin-top:31px;}	
								
								
								
/*-----------------------------------------------CONTENT / PROJEKTE -----------------------------------------------------*/									
								
.projekte			{	/*background-color:#CCFFFF;*/
								width: 924px;
								height:640px;
								padding:0px 0px;
								font-size:10px;
								line-height:14px;
								color:#58585a;}	
								
.projektpraes		{	/*background-color:#00FFFF;*/
								width:210px;
								height:165px;
								float:left;
								margin-top:35px;
								margin-right:25px;}															
								
								
/*-----------------------------------------------CONTENT / KUNDEN -----------------------------------------------------*/									
								
.kunden				{	/*background-color:#CCFFFF;*/
								width: 924px;
								height:450px;
								padding:0px 0px;}		
								
.kundenpräs1, .kundenpräs2, .kundenpräs3	
							{	/*background-color:#FF0000;*/
								width:210px;
								height:100px;
								float:left;
								}
								
.kundenpräs1	{	margin-top:15px;
								margin-bottom:25px;
								margin-right:21px;
								margin-top:20px;}		
								
.kundenpräs2	{	margin-bottom:25px;
								margin-right:21px;}	
								
.kundenpräs3	{	margin-bottom:25px;
								margin-right:21px;}
								
.kunden-head			{		font-size:14px;
								font-weight:bold;
								color:#58585a;
								margin-top:30px;}									
								
h3						{		font-size:14px;
								font-weight:bold;
								color:#58585a;}									
								
h4						{		font-size:10px;
								font-weight:normal;
								color:#58585a;
								margin-top:-10px;}
								
								
/*-----------------------------------------------CONTENT / KONTAKT -----------------------------------------------------*/									
								
.kontakt				{	/*background-color:#CCFFFF;*/
								width: 924px;
								height:460px;
								padding:0px 0px;
								font-size:12px;
								color:#58585a;
								font-weight:bold;}	

/*------------------- CONTENT / KONTAKTFORMULAR ---------------------*/
								
.kontakt-form	{	/*background-color:#CCFF99;*/
							width:550px;
							height:445px;
							float:left;
							margin-top:35px;
							margin-right:50px;}								
								
.form_zeile		{ 	/*background-color:#FFCC99;*/
							line-height:20px;
							margin-bottom:8px;}	
								
[type="text"]			{	padding:0px;
							border:none;
							height:20px;
							width:550px;
							background-color:#d9dadb;}
								
textarea				{	background-color:#d9dadb;
							border:none;
							width:550px;
							height:150px;
							resize:none;  /*deaktiviert die Textarea skalirungsoption im F.F.*/
							overflow:auto;
							margin:0px;
							padding:0px;
							font-family:Arial, Helvetica, sans-serif;
							color:#58585a;
							font-size:12px;}		
								
.pflicht				{	/*background-color:#00FF00;*/
							display:inline-block;
							float:right}
								
#absenden			{ 		font-size:11px;
							color:#CCC;
							background-color:#666;}																						
								
																									
/*------------------- CONTENT / SECURE LOGIN ---------------------*/
								
.kontakt-secure	{	/*background-color:#CCFF99;*/
									width:320px;
									height:445px;
									float:left;
									margin-top:35px;
									font-size:12px;
									line-height:14px;
									font-weight:normal;}
									
.head-secure			{	/*background-color:#66FF00;*/
									width:158px;
									height:26px;
									margin-bottom:15px;}																															
																																																																
.button-login			{	width:63px;
									height:15px;
									margin-top:15px;
									margin-bottom:15px;}
									
.kontakt-unterlagen	{	width:325px;
											height:105px;
											margin-top:15px;
											margin-bottom:55px;}
											
											
/*-----------------------------------------------CONTENT / KONTAKT - TALENTSUCHE -----------------------------------------------------*/									
								
.suche-kont					{	/*background-color:#CCFFFF;*/
								width: 924px;
								height:270px;
								padding:0px 0px;
								font-size:12px;
								line-height:16.5px;
								color:#58585a;}
										
.suche-kont-bild			{	/*background-color:#00FF00;*/
								background-image:url(../images/kuenstler_suche_schatten.jpg);
								width:223px;
								height:145px;
								float:left;
								margin-right:28px;
								margin-top:62px;}	
								
.suche-kont-text			{	/*background-color:#00FF00;*/
								width:650px;
								height:160px;
								float:left;
								margin-top:61px;}																														
								
h3							{	font-size:14px;
								font-weight:bold;
								color:#58585a;
								margin-top:0px;}													
											
											
/*-----------------------------------------------CONTENT / IMPRESSUM -----------------------------------------------------*/									
								
.impressum		{	background-color:#FFFFFF;
								width: 924px;
								height:820px;
								padding:0px 0px;
								font-size:12px;
								line-height:15px;
								color:#58585a;}	
								
.adresse				{	/*background-color:#FF0000;*/
								width:320px;
								height:460px;
								float:left;
								margin-top:35px;
								margin-right:15px;
								font-weight:bold;}
								
.adresse-neu			{		font-size:12px;
								line-height:15px;
								color:#f29400;
								font-weight:bold;}										
								
.haftung				{	/*background-color:#FF0000;*/
								width:565px;
								height:680px;
								float:left;
								margin-top:35px;}	
								
								

/*-----------------------------------------------CONTENT / DATENSCHUTZ -----------------------------------------------------*/									
								
.datenschutz		{	background-color:#FFFFFF;
								width: 924px;
								height:10100px;
								padding:0px 0px;
								font-size:12px;
								line-height:15px;
								color:#58585a;}	
								
.adresse				{	/*background-color:#FF0000;*/
								width:320px;
								height:460px;
								float:left;
								margin-top:35px;
								margin-right:15px;
								font-weight:bold;}
								
.adresse-neu			{		font-size:12px;
								line-height:15px;
								color:#f29400;
								font-weight:bold;}										
								
.haftung-datenschutz				{	/*background-color:#FF0000;*/
								width:565px;
								height:680px;
								float:left;
								margin-top:35px;}									
								
								
/*-----------------------------------------------CONTENT / TRENDS -----------------------------------------------------*/									
								
.trends				{	background-color:#FFFFFF;
								width: 924px;
								min-height:270px;
								padding:0px 0px;
								font-size:12px;
								line-height:14px;
								color:#58585a;}	
								
.trendpräs		{		/*background-color:#00FFFF;*/
								width:215px;
								height:205px;
								float:left;
								margin-top:30px;
								margin-right:20px;}				
								
								
/*-----------------------------------------------CONTENT / NEWS -----------------------------------------------------*/																		
								
.news			{	/*background-color:#CCFFFF;*/
								width: 924px;
								height:335px;
								padding:0px 0px;
								font-size:12px;
								line-height:18px;
								color:#58585a;}	
								
.newspraes		{	/*background-color:#00FFFF;*/
								width:440px;
								height:260px;
								float:left;
								margin-top:35px;
								margin-right:25px;}			
								
								
/*-----------------------------------------------CONTENT / MESSEN -----------------------------------------------------*/									
								
.messen		{	background-color:#FFFFFF;
								width: 924px;
								height:480px;
								padding:0px 0px;
								font-size:13px;
								line-height:17px;
								color:#58585a;}	
								
.messen-monat				{	/*background-color:#FF0000;*/
								width:185px;
								height:430px;
								float:left;
								margin-top:35px;
								margin-right:25px;}										
								
.messen-datum				{	/*background-color:#FF0000;*/
								width:400px;
								height:430px;
								float:left;
								margin-top:35px;}									
								
								
/*-----------------------------------------------CONTENT / DOWNLOAD -----------------------------------------------------*/									
								
.download			{	background-color:#FFFFFF;
								width: 924px;
								min-height:270px;
								padding:0px 50px;
								font-size:10px;
								line-height:12px;
								color:#58585a;}
								
.download_cv, .download_flyer 			
							{	/*background-color:#CC99FF;*/
								width:255px;
								height:205px;
								float:left;
								margin-right:79px;
								margin-top:33px;
								position:relative;}														
																																																											
																																																									
								
/*-----------------------------------------------FOOTER -----------------------------------------------------*/									
								
.footer				{	background-color:#58585a;
								width: 924px;
								padding:15px 50px;
								position:relative;}	
								
.footer a			{	background-color:#4b4b4d;
								display:inline-block;
								width:110px;
								padding-left:10px;
								line-height:30px;
								margin-right:10px;
								color:#FFFFFF;
								font-weight:bold;
								font-size:12px;
								text-decoration:none;}	
								
.footer a:hover	{	background-color:#ef7f01;}								
								
#follow					{	cursor:default;}	
#follow:hover		{	background-color:#4b4b4d;}


#fb, #tw, #xing, #engl {	background-color:#58585a;
											width:auto;
											margin:0px;
											padding:0px;
											display:block;
											float:left;
											padding-top:5px;
											padding-right:10px;}
											
.social						{	/*background-color:#FF9999;*/
									width:530px;
									position:absolute;
									left:440px;}	
									
#engl						{	margin-left:395px;}			
						
						
																												