@charset "utf-8";
/* CSS Document */

* {font-family:Arial, Helvetica, sans-serif; color:#677789; font-size: 12px;}

body {margin: 0px; background-color:#e8f7fe; font-size: 12px; line-height: 16px;}

.text_small {font-size: 11px;}

#containerTop {position: relative; width:950px; padding-left: 15px; padding-right: 15px; padding-bottom: 150px; margin-left: auto; margin-right: auto; text-align:left; z-index:10;}
	#containerHead {width:950px; top: 0px; z-index: 1000; margin-left: auto; margin-right: auto;  }
		#containerHead img.logo {top: 0px; margin-left: 550px;}
	
	#containerHead #navi {clear:both; margin-top: 10px; margin-bottom: 20px;}
		#navi a {margin-right: 25px; float:left;}
		#navi a.kunden {float: right; margin-right: 0px;}

	#containerHead #navi_sub {clear:both; margin-top: 10px; margin-bottom: 10px;  }
		#navi_sub a {margin-right: 25px; float:left;}
		#navi_sub a.kunden {float: right; margin-right: 0px;}
	
	#navi_trenner, div.trenner {height: 2px; background-image:url(/assets/elements/linie.gif); background-repeat:repeat-x; margin-bottom: 10px; width: 100%; clear:both;}
	hr {height: 2px; border: 0px none; background-image:url(/assets/elements/linie.gif); background-repeat:repeat-x; clear: both; display: block;}

#containerBottom {height: 86px; width: 100%; z-index: 100; padding-top: 50px; position:fixed; bottom:0px; left: 0px; background-image:url(/assets/backgrounds/bottom.png); background-position:top; background-repeat: repeat-x; }
	
	#containerBottom * {color:#FFF; font-size: 11px;}
	
	#containerBottom #contentBottom {width:950px; padding-left: 15px; padding-right: 15px; margin-left: auto; margin-right: auto; }
	
		#containerBottom #contentBottom div.col1 {width: 150px; margin-right: 20px; float:left; }
		#containerBottom #contentBottom div.col2 {width: 150px; margin-right: 20px; margin-top: 12px; float:left;}
		#containerBottom #contentBottom div.col_right {width: 150px; float: right; color:#FFF; text-align:right;}
			#containerBottom #contentBottom div.col_right a {margin-bottom: 6px; float:right; clear:both;}

/*Background-Image*/
img.bgImage {position:fixed; bottom:0; left:0; width:100%; height: auto; z-index: 1;}

/*Content-Elemente*/
#content {clear: both; margin-top: 20px;}
	#content img.headline {margin-bottom: 10px; clear: both;}
	#content img.subheadline {margin-bottom: 10px; clear: both;}
	
	/*Referenzseite*/
	#content.referenz {}
	
		#content.referenz div.back_nav {position: absolute; right: 17px; margin-top: 0px; }
			#content.referenz div.back_nav a {font-size: 12px; text-decoration: none;}
			#content.referenz div.back_nav a:hover {text-decoration: underline;}
	
		#content.referenz div.text {width: 425px; margin-top: 15px; margin-bottom: 20px; line-height: 17px; clear:both;}
		
		#content.referenz div.referenz_container {width: 424px;}
		#content.referenz div.referenz_thumbs_group {padding: 5px; padding-top: 8px; border-top: 1px dotted #828D93; }
			#content.referenz div.referenz_thumbs_group img {border: 0px none;}
			#content.referenz div.referenz_thumbs_group img.arrow {margin-right: 5px; float:left; margin-top: 3px;}
		#content.referenz div.referenz_thumbs_content {padding: 8px 4px 8px 4px; }
			#content.referenz div.referenz_thumbs_content img {padding: 4px; background-color:#FFF; margin-right: 6px; margin-bottom: 5px; float:left; border: 0px;}
			
	/*Referenzseite*/
	#content.referenz2 {}
	
		#content.referenz2 div.back_nav {float: right; clear: both; margin-right: 17px; margin-top: 0px; }
			#content.referenz2 div.back_nav a {font-size: 12px; text-decoration: none;}
			#content.referenz2 div.back_nav a:hover {text-decoration: underline;}
	
		#content.referenz2 div.text {width: 320px; margin-left: 0px; margin-top: 15px; margin-bottom: 20px; line-height: 17px; clear:both;}
		
		#content.referenz2 div.referenz_container {width: 320px; margin-left: 0px;}
		#content.referenz2 div.referenz_thumbs_group {padding: 5px 5px 5px 0px; padding-top: 8px; border-top: 1px dotted #828D93; }
			#content.referenz2 div.referenz_thumbs_group img {border: 0px none;}
			#content.referenz2 div.referenz_thumbs_group img.arrow {margin-right: 5px; float:left; margin-top: 3px;}
		#content.referenz2 div.referenz_thumbs_content {padding: 8px 4px 8px 0px; }
			#content.referenz2 div.referenz_thumbs_content img {padding: 4px; background-color:#FFF; margin-right: 6px; margin-bottom: 5px; float:left; border: 0px;}
		
		#referenzImgZoom {position:fixed; top: 245px; left: 50%; margin-left: -120px; overflow:hidden; width: 600px; height: 500px; z-index: 1000;}
				#referenzImgZoom div.zoomImage {height: 500px; width: 600px; overflow: hidden; overflow: hidden;}
					div.zoomImage img.imgLarge {border: 5px solid #FFFFFF;}
					div.zoomImage div.imgLargeText {padding-left: 5px; padding-right: 5px; margin-top: 10px;}

	/*Referenz Zoomdarstellung*/
	body.referenz_zoom {background-image: none; margin: 0px;}
	
	#zoom_content.referenz_zoom {}		
	
		#referenzThumbsContainer {width: 780px; padding: 10px; margin:0; overflow:hidden; height: 65px; position:relative; clear: both; bottom: 0px; left: 0px; background-image: url(/assets/backgrounds/bottom.png); background-position:bottom;}
			#referenzThumbsContainer * {color: #FFFFFF; font-size: 11px;}
			#referenzText {font-size: 11px; color: #FFF; width: 700px; margin-left: 15px; margin-top: 12px; margin-bottom: 12px; float:left;}
			
				#referenzThumbsContainer #btnNext {float: right; margin-right: 10px; margin-top: 17px;}
				#referenzThumbsContainer #btnPrev {float: left; margin-left: 10px; margin-top: 17px;}
				
			#scrollImages img {float: left; margin: 0px;}
		
	
	/*Kundenseite*/
	#content.kunden {}
		#content.kunden div.text {margin-top: 15px; margin-bottom: 15px; line-height: 17px; clear:both;}
		
		#content.kunden div.containerKunden {width: 995px;}
			div.kunde_box {width: 258px; padding: 20px; height: 230px; margin-right: 25px; margin-bottom: 25px; float: left; border: 1px solid #E1E2E6; }
		
		
	/*Kundenseite Liste*/
	#content.kunden_liste {}
		#content.kunden_liste div.text {margin-top: 15px; margin-bottom: 15px; line-height: 17px; clear:both;}
		
		#content.kunden_liste #kunden_logos {clear: both; width: 100%; margin-top: 0px; margin-bottom: 10px;}
			
			#content.kunden_liste #logoScrollContainer {width: 897px; height: 270px; position:relative; overflow:hidden; float:left; }
				#content.kunden_liste #logoScrollContainer #logoScrollContainerVertical {width: 20000px; position:absolute; }
				#content.kunden_liste #logoScrollContainer #logoScrollContainerVertical div.logo_container {width: 897px; height: 270px; text-align:center; float:left; }
		
			#content.kunden_liste #kunden_logos div.kunde_logo {width: 290px; height: 75px; margin-top:35px; float:left; text-align:center; }
			#content.kunden_liste #kunden_logos div.kunde_logo img {border: 0px none; margin:auto; vertical-align: middle;}
			
			#content.kunden_liste #kunden_logos div.btnPrev {width: 25px; float:left; padding-top: 100px; cursor:pointer;}
			#content.kunden_liste #kunden_logos div.btnNext {width: 25px; float:right; text-align:right; padding-top: 100px; cursor:pointer;}
			
		#content.kunden_liste #kunden_liste {clear: both; width: 100%; font-size: 11px;}
				#content.kunden_liste div.kunde_name {width: 315px; height: 18px; overflow:hidden; float:left; font-size: 11px;} 
				#content.kunden_liste div.kunde_name a {text-decoration: none; font-size: 11px;}
				#content.kunden_liste div.kunde_name a:hover {color:#233C5B; font-size: 11px;}
				#content.kunden_liste div.kunde_name span.full {width: 6px; height: 6px; background-color: #233C5B; margin-right: 6px; float: left; margin-top: 5px;}
				#content.kunden_liste div.kunde_name span.empty {width: 4px; height: 4px; background-color: #FFFFFF; border: 1px solid #CCCCCC; margin-right: 6px; float: left; margin-top: 5px; }


	/*Leistungsseite*/
	#content.leistungen {}
	
		#content.leistungen div.text {width: 370px; margin-top: 15px; margin-bottom: 15px; line-height: 17px; float:left;  }
		
			#content.leistungen #referenzSelector {width: 435px; height: 370px; margin-top: 25px; float:right; margin-right: 30px; }
			
					#referenzSelector #scrollContainer {width: 360px; height: 350px; position:relative; overflow:hidden; float:left; }
						#referenzSelector #scrollContainer #scrollContainerVertical {width: 20000px; position:absolute; }
						#referenzSelector #scrollContainer #scrollContainerVertical div.scrollItem {width: 360px; height: 350px; text-align:center; float:left; }
						
					#referenzSelector #btnNext {float: right; margin-top: 100px; margin-left: 25px; cursor:pointer;}
					#referenzSelector #btnPrev {float: left; margin-top: 100px; margin-right: 25px; cursor:pointer;}
						
			#content.leistungen #kunden_liste {clear: both; width: 100%; font-size: 11px; margin-top: 10px;}
					#content.leistungen span.kunde_name {width: 315px; height: 18px; overflow:hidden; float:left; font-size: 11px;} 
					#content.leistungen span.kunde_name a {text-decoration: none; font-size: 11px;}
					#content.leistungen span.kunde_name a:hover {color:#233C5B; font-size: 11px;}

		img.referenzUebersicht {border: 5px solid #FFFFFF;}
		div.referenzUebersicht {margin-right: 17px; width: 220px; height: 220px; float: left; }
			div.textReferenz {padding: 2px 5px 0px 5px; font-size: 11px;}
			
		img.referenzUebersichtOnline {}
		div.referenzUebersichtOnline {margin-right: 27px; width: 210px; height: 210px; float: left; position: relative; }
			div.referenzUebersichtOnline div.textReferenz {position: absolute; top: 170px; padding-left: 5px; padding-right: 5px; text-align: center; width: 200px;}


	/*Startseite*/
	#content.start {}
		#content.start div.textWelcome {margin-top: 5px; margin-bottom: 15px; line-height: 17px; width: 440px; float: left;  }
		#content.start div.textLastNews {margin-top: 5px; margin-bottom: 0px; line-height: 17px; width: 480px; float: right; text-align: center;}
			#content.start div.textLastNews div.text {}
			#content.start div.textLastNews img.newsImage {}
		
			#content.start div.right img.newsImage { clear: both; }
		
			#content.start #newProjects {position: relative; width: 950px; overflow: hidden; margin-top: 15px; }
								
								div.projectTeaser {width: 300px; height: 330px; float: left; display: block; margin-right: 25px; }
																									
									div.projectTeaser div.imgContainer {width: 290px; height: 130px; overflow: hidden; position: relative; background-position: center; border: 5px solid #FFFFFF;}
										div.imgContainer a {width: 290px; height: 130px; float: left; display: block;}
									div.projectTeaser img.projectHeadline {margin-top: 15px; margin-bottom: 15px; float: left; clear: both; margin-left: 5px;}
									div.projectTeaser div.projectText {padding-left: 5px; padding-right: 5px;}
				
	/*Aktuelles*/
	#content.aktuelles {}
		#content.aktuelles div.text {margin-top: 15px; margin-bottom: 15px; line-height: 17px; width: 380px; float: left; }
		#content.aktuelles div.right {width: 520px; float: right; text-align: center;}
			#content.aktuelles div.right img.newsImage {clear: both; margin-top: 40px; }


	/*Jobs*/
	#content.jobs{}
		#content.jobs div.text {float: left; width: 420px; }
		#content.jobs div.text_right {float: right; width: 349px; margin-right: 50px; }
		
		
	/*Team*/
	#content.team{}
		#content.team div.headline {margin-bottom: 15px;  clear: both;}
		#content.team div.ma_item {float: left; width: 250px; height: 143px; padding: 15px; margin-right: 30px; margin-bottom: 30px; background-repeat: no-repeat; }
			div.ma_item .position {float: left; clear:both; margin-top: 5px; margin-bottom: 5px; }
			div.ma_item .text {font-size: 12px;  width: 145px; margin-top: 10px;}
			div.ma_item img.xing_button {margin-top: 15px;}
			
	/*Impressum*/
	#content.impressum{}
		#content.impressum div.text { }
	
	/*News*/
	table.news {margin-top: 40px;}
	table.news tr td {padding-bottom: 30px;}

	/*Agentur*/
	#content.agentur {}
		#content.agentur div.text {float: left; width: 460px; }
		#content.agentur div.menu_right {float: right; width: 247px; margin-right: 150px; }
			#content.agentur div.menu_right img.headline {margin-bottom: 5px;}
			#content.agentur div.menu_right div.menu_item {clear:both; border: 1px solid #A9BDCE; margin-bottom: 20px; width: 100%; padding: 20px; background-image:url(/assets/backgrounds/bg-box_agentur-teaser.png); background-position:right;  }
			#content.agentur div.menu_right div.menu_item a {text-decoration: none;}
		
	/*New Business*/
	#content.newbusiness {margin-bottom: 150px; float: left; clear: both;}
		#content.newbusiness div.colLeft {width: 550px; float: left;}
		#content.newbusiness div.colRight {width: 350px; float: right; margin-right: 15px; }
		#content.newbusiness div.tabLinks {float: left; clear: both; border-bottom: 1px solid #E0E0E0; width: 950px;}
			#content.newbusiness div.tabLinks a {padding: 5px 15px 5px 15px; margin-right: 15px; border: 1px solid #E0E0E0; background-color: #FFFFFF; border-bottom: 0px none; font-size: 14px; font-weight: bold; text-decoration: none; display:block; float: left;}
			#content.newbusiness div.tabLinks a.active {padding: 5px 15px 5px 15px; margin-right: 15px; border: 1px solid #FFFFFF; background-image: url(/assets/backgrounds/bottom.png); background-position: 40px; color: #FFFFFF; border-bottom: 0px none; font-size: 14px; font-weight: bold; text-decoration: none; display:block; float: left;}
			#content.newbusiness div.tabLinks a:hover {text-decoration: underline;}
			
		#content.newbusiness div.tabTeam {}
		  div.tabTeam div.ma_item {float: left; width: 250px; height: 143px; padding: 15px; margin-right: 30px; margin-bottom: 30px; background-repeat: no-repeat; }
			div.ma_item .position {float: left; clear:both; margin-top: 5px; margin-bottom: 5px; }
			div.ma_item .text {font-size: 12px;  width: 145px; margin-top: 10px;}
			div.ma_item img.xing_button {margin-top: 15px;}
			
		#content.newbusiness div.tabReferenzen {width: 980px;}
		 	div.tabReferenzen div.referenzItem {float: left; width: 220px; height: 200px; margin-right: 25px; margin-bottom: 30px; }
			div.tabReferenzen div.textReferenz {clear: both; font-size: 11px;}

/*Allg. Textelemente*/	
ul li {margin-left: -20px; list-style-type:square;}

/*Links*/
a:hover {text-decoration: none;}

/*Formulare*/
.textinput {padding: 5px; font-size: 15px; border: 0px none; border-right: 2px solid #E0E0E0; border-bottom: 2px solid #E0E0E0; }