@charset "utf-8";
/*###################################################################
	DIESE EINSTELLUNGEN SEHEN ALLE BROWSER
###################################################################*/


/*###################################################################
	FOLGESEITESEITE
	 - screen
	 - print
###################################################################*/
	
/* ###########
	BASIS CSS EINBINDEN
########### */
	@import url(base.css);
	@import url(navigation.css);
	@import url(typo3.css);

/*#################################################################*/
	@media screen {
/*#################################################################*/

	/* ###########
		ELEMENTE
	########### */
	#header		
	{
		clear: both;
		position: relative;
		/*Zentrierung wieder aufheben*/
		text-align: left;
		height: 127px;
		/*header wird um seine Höhe nach unten gesetzt.*/
		margin: 0 auto -127px auto;
		/* width: 910px; MINUS DAS PADDING*/
		width: 868px;
		/*Abstand von links zum Inhalt*/
		background-color: none;
		/*Einrückung von links und Lage von oben*/
		z-index: 2;
	}
	/*
		 alles im header muss absolut positioniert werden
		(FirefoxBug)
	*/
	/*linker Rahmen*/
	.links
	{
		/*IE FEHLER: deshalb zu breit*/
		width: 176px;
		padding: 0 26px 0 8px;
		position: relative;
		padding-top: 150px;
		padding-bottom: 50px;
	}
	/*mittlerer Rahmen*/
	.mitte			
	{
		/*IE FEHLER: deshalb zu breit*/
		width: 484px;
		padding: 0 26px 0 0;
		/*position: relative;*/
		padding-top: 150px;
		padding-bottom: 50px;
	}
	/*rechter Rahmen*/
	.rechts			
	{
		/*IE FEHLER: deshalb zu breit*/
		width: 156px;
		padding: 0 8px 0 0;
		position: relative;
		padding-top: 150px;
		padding-bottom: 50px;
	}
	/*
		Den Inhalt mit entsprechendem Abstand zu Footer und Header versehen.
		Hier muss der Inhalt enthalten sein.
	*/
	.inhalt-links,
	.inhalt-mitte,
	.inhalt-rechts
	{
		padding: 0 0 65px 0;
	}
	.content-mitte
	{
		background-image: url(../pics/bg_content.gif);
		background-position: bottom;
		background-repeat: repeat-x;
		border-top: 1px solid rgb(226,226,226);
		border-right: 1px solid rgb(216,216,216);
		border-left: 1px solid rgb(226,226,226);
		/*IE*/
		width: 482px;
		padding: 0 0 5px 0;
		/*opera*/
		height: auto !important;
		height: 100px;
		min-height: 100px;
	}
	.content-mitte .content
	{
		padding: 50px 30px 30px 30px;
		overflow: hidden;
	}
	.content-mitte .content-breit
	{
		padding: 25px 0px 30px 0px;
	}
	.content-mitte .content-breit h1
	{
		padding: 0 30px 0 30px;
	}
	.content-mitte-footer
	{
		background-image: url(../pics/bg_content_footer.gif);
		background-position: bottom;
		background-repeat: no-repeat;
		height: 23px;
		/*IE*/
		width: 484px;
	}
	.fix-klein
	{
		/* wird benötigt falls die rechte oder linke spalte leer ist */
		width: 176px;
		height: 1px;
		font-size: 0px;
	}
	.fix-mini
	{
		/* wird benötigt falls die rechte oder linke spalte leer ist */
		width: 156px;
		height: 1px;
		font-size: 0px;
	}
	.fix-gross
	{
		/* wird benötigt falls die rechte oder linke spalte leer ist */
		width: 484px;
		height: 1px;
		font-size: 0px;
	}
	
	/*--------------------------- Liste der eingetragenenen Webadressen f�r pro-industry-DB---------------------------*/
	.industrydb-single-container ul.linkList li,
	.industrydb-list-item ul.linkList li {
		list-style: none;
		list-style-type:none;
		list-style-image:none;
		list-style-position:outside;
		margin: 0;
	}
	
	ul.linkList li a {
		text-decoration: none;
	}
	
	.industrydb-list-item ul li {
		margin:0px;
		margin-left:15px;
		margin-bottom:5px;
	}
	
	.industrydb-list-item table ul.linkList li {
		margin-left:3px;		
	}
	
	.industrydb-list-item table {
		margin:0;
	}
	
	
	
	
	#list1 
	{
		border: 1px solid #111; 
	}
	#list1 div.selected .title 
	{
		font-weight: bold; 
	}
	#list1 div div 
	{
		border-left:8px solid #6699CC;
		padding: 5px;
	}
	#list1 div.title 
	{
		border: 1px solid #3366AA;
		background-color: #6699CC;
		padding: 10px;
		cursor: pointer;
	}
	#list1 div.selected 
	{
		border-bottom: none;
	}

	
	
	.logo_url
	{
		margin: 6px 0 0 0;
		width: 80px;
		float: right;
		
		padding: 0 0 0 5px;
	}
	.bild_xing
	{
		float: left;
		margin: 6px 5px 5px 0;
		
	}
	.logo_url a,
	.bild_xing a
	{
		text-decoration: none;
		font-size: 11px;
		color: #4B4B4B;
	}
	.testimonial .wrapper
	{
		float: left;
		width: 320px;
		border-right: 1px solid rgb(226,226,226);
		overflow: hidden;
	}
	.testimonial
	{
		float: left;
		width: 406px;
		margin: 10px 0 10px 0;
		display: block;
		overflow: hidden;
	}
	.ui-accordion-content-active
	{
		display: block;
		clear: both;
	}
	.ui-accordion-content
	{
		clear: both;
		padding: 5px;
	}
	.ui-accordion-header
	{
		background: rgb(205,213,33);
		padding: 5px;
		display: block;
		clear: both;
	}
	a.ui-accordion-content-active
	{
		color: white;
		margin: -1px 0 0 0;
	}
	#accordion
	{
		height: auto !important;
		height: 250px;
		min-height: 250px;
	}
	
	/* CSS für Veranstaltungs Box*/
	.veranstaltung_header{
		background: url(../../sub/pics/veranstaltungs_header.gif) no-repeat 0 0;
		height: 31px;
	}
	.veranstaltung_content{
		background: url(../../sub/pics/bg_veranstaltung.gif) repeat-y 0 0;
	}
	.veranstaltung_text{
		color: #4a4a4a;
		font-size: 12px;
		font-family: Arial;
		width: 120px;
		padding: 5px 0 0 10px;
	}
	.veranstaltung_text a{
		text-decoration: none;
		color: #4a4a4a;
	}
	.veranstaltung_trenner{
		background: url(../../sub/pics/green_dot.gif) repeat-x 0 0;
		width:120px;
		height: 1px;
		margin: 5px 0 0 10px;
	}
	.veranstaltung_footer{
		background: url(../../sub/pics/veranstaltung_bottom.gif) no-repeat 0 0;
		height: 10px;
	}
	
/*#################################################################*/
} /*SCREEN*/
/*#################################################################*/



/*#################################################################*/
	@media print {
/*#################################################################*/

	/* ###########
		ELEMENTE
	########### */
	#header		
	{
		clear: both;
		display: block;
	}
	/*linker Rahmen*/
	.links
	{
		display: none;
	}
	/*mittlerer Rahmen*/
	.mitte			
	{
	}
	/*rechter Rahmen*/
	.rechts			
	{
		display: none;
	}
	.inhalt-links,
	.inhalt-mitte,
	.inhalt-rechts
	{
	}
	.content-mitte
	{
	}
	.content-mitte .csc-textpic
	{
		display: none;
	}
	.content-mitte .content
	{	
		clear: both;
		display: block;
	}
	.content-mitte .content-breit
	{
	}
	.content-mitte .content-breit h1
	{
	}
	.content-mitte-footer,
	.fix-klein,
	.fix-mini,
	.fix-gross
	{
		display: none;
	}
/*#################################################################*/
} /*PRINT*/
/*#################################################################*/