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


/*###################################################################
	STARTSEITE
	 - 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: 432px;
		/*header wird um seine Höhe nach unten gesetzt.*/
		margin: 0 auto -432px 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)
	*/
	#teaser
	{
		position: absolute;
		margin: 119px 0 0 0;
	}
	

	.links
	{
		/*IE FEHLER: deshalb zu breit*/
		width: 442px;
		padding: 0 8px 0 8px;
		position: relative;
		padding-top: 432px;
		padding-bottom: 50px;
	}

	.rechts			
	{
		/*IE FEHLER: deshalb zu breit*/
		width: 442px;
		padding: 0 8px 0 0;
		position: relative;
		padding-top: 432px;
		padding-bottom: 50px;
	}
	.links-540
	{
		/*IE FEHLER: deshalb zu breit*/
		width: 552px;
		padding: 0 8px 0 8px;
		position: relative;
		padding-top: 432px;
		padding-bottom: 90px;
	}

	.rechts-320	
	{
		/*IE FEHLER: deshalb zu breit*/
		width: 332px;
		padding: 0 8px 0 0;
		position: relative;
		padding-top: 432px;
		padding-bottom: 90px;
	}
	/*
		Den Inhalt mit entsprechendem Abstand zu Footer und Header versehen.
		Hier muss der Inhalt enthalten sein.
	*/
	.inhalt-links,
	.inhalt-rechts
	{
		padding: 0 0 65px 0;
	}
	.fix-mitte
	{
		/* wird benötigt falls die rechte oder linke spalte leer ist */
		width: 430px;
		height: 1px;
		font-size: 0px;
	}
	.fix-links
	{
		/* wird benötigt falls die rechte oder linke spalte leer ist */
		width: 320px;
		height: 1px;
		font-size: 0px;
	}
	.fix-rechts
	{
		/* wird benötigt falls die rechte oder linke spalte leer ist */
		width: 540px;
		height: 1px;
		font-size: 0px;
	}
	
	
	
	
	
	/*---------------------------------------------*/
	.box-left
	{
		background-repeat: no-repeat;
		background-position: top left;
		width: 430px;
		height: 112px;
		max-height: 112px;
		display: block;
		background-image: url(../pics/bg_box_links.gif);
	}
	.box-right
	{
		background-repeat: no-repeat;
		background-position: top left;
		width: 430px;
		height: 112px;
		max-height: 112px;
		display: block;
		background-image: url(../pics/bg_box_rechts.gif);
	}
	.box-left-540
	{
		background-repeat: no-repeat;
		background-position: top left;
		width: 540px;
		height: 112px;
		max-height: 112px;
		display: block;
		background-image: url(../pics/bg_box_links_540.gif);
	}
	.box-right-320
	{
		background-repeat: no-repeat;
		background-position: top left;
		width: 320px;
		height: 112px;
		max-height: 112px;
		display: block;
		background-image: url(../pics/bg_box_rechts_320.gif);
	}
	
	/*---------------------------------------------*/
	.box-left h2,
	.box-right h2,
	.box-bottom-left h2,
	.box-middle-left h2,
	.box-bottom-middle h2,
	.box-middle-middle h2,
	.box-bottom-right h2,
	.box-middle-right h2
	{
		padding: 6px 0 4px 10px;
		color: rgb(204,210,0);
		text-transform: uppercase;
	}
	.box-left-540 img
	{
		margin: 6px 0 4px 10px;
	}
	.box-right-320 img
	{
		margin: 10px 0 4px 10px;
	}
	.box-left .inner-box
	{
		width: 410px;
		height: 75px;
		max-height: 75px;
		overflow: auto;
		margin: 0 0 0 10px;
	}
	.box-left-540 .inner-box
	{
		width: 520px;
		height: 75px;
		max-height: 75px;
		overflow: auto;
		margin: 0 0 0 10px;
	}
	.box-right .inner-box
	{
		overflow: auto;
	}
	.box-right-320 .inner-box
	{
		margin: 10px 0 0 0;
		overflow: auto;
	}
	.box-bottom-left .inner-box,
	.box-middle-left .inner-box
	{
		width: 250px;
		margin: 0 0 0 10px;
	}
	.box-bottom-middle .inner-box,
	.box-middle-middle .inner-box
	{
		width: 250px;
		margin: 0 0 0 10px;
	}
	.box-bottom-right .inner-box,
	.box-middle-right .inner-box
	{
		width: 300px;
		margin: 0 0 0 10px;
	}
	/*---------------------------------------------*/
	
	.inner-box th
	{
		color: rgb(204,210,0);
		font-size: 11px;
		font-weight: normal;
		background-image: url(../pics/bg_box_th.gif);
		background-repeat: no-repeat;
		background-position: right 3px;
		padding: 0 5px 3px 0;
	}
	.inner-box th a
	{
		color: rgb(204,210,0);
		text-decoration: none;
	}
	.inner-box td
	{
		padding: 0 0 3px 2px;
	}
	.inner-box td,
	.inner-box td a
	{
		color: rgb(75,75,75); 
		font-size: 11px;
		text-decoration: none;
	}
	/*---------------------------------------------*/
	.box-left,
	.box-right,
	.box-left-540,
	.box-right-320
	{
		margin: 0 0 8px 0;
	}
	.box
	{
		margin: 0 0 20px 10px;
		display: block;
	}
	/*---------------------------------------------*/
	.box-bottom-left
	{
		background-image: url(../pics/bg_box_unten_links.gif);
		background-repeat: no-repeat;
		width: 266px;
		height: 122px;
		float: left;
		margin: 0 7px 0 0;
	}
	.box-bottom-middle
	{
		background-image: url(../pics/bg_box_unten_mitte.gif);
		background-repeat: no-repeat;
		width: 267px;
		height: 122px;
		float: left;
	}
	.box-bottom-right
	{
		background-image: url(../pics/bg_box_unten_rechts.gif);
		background-repeat: no-repeat;
		width: 320px;
		height: 122px;
		float: left;
	}
	/*---------------------------------------------*/
	.box-middle-left
	{

		width: 266px;
		height: 170px;
		float: left;
		margin: 0 7px 0 0;
	}
	.box-middle-middle
	{

		width: 267px;
		height: 170px;
		float: left;
	}
	.box-middle-right
	{

		width: 320px;
		height: 170px;
		float: left;
	}
	
	/*---------------------------------------------*/
	
	/*+++++++++++++++++++++++++++++++++++++++++++++++++ 
		SWF
	+++++++++++++++++++++++++++++++++++++++++++++++++*/
	
	/* Rahmen um Flash / SWF entfernen*/
	object
	{ 
		outline:none; 
	}
	.tx-rbflashobject-pi1-swf_altcontent p
	{
		margin: 0 10px 0 10px;
	}
	.tx-rbflashobject-pi1-swf_altcontent p a
	{
		color: rgb(204,210,0);
	}
	
	/* ###########
		AGENTUR FINDER Startseite
	########### */

	.tx-proindustrydb-pi1
	{
		background-image: url(../pics/map_small.gif);
		background-repeat: no-repeat;
		background-position: 170px 0px;
		margin: 8px 0 0 0;
	}
	.tx-proindustrydb-pi1 form input,
	.tx-proindustrydb-pi1 form select
	{
		width: 100%;
		/*if IE*/
		scrollbar-3dlight-color: #fff; 
		scrollbar-arrow-color: #000000; 
		scrollbar-base-color: #fff; 
		scrollbar-darkShadow-color: #fff; 
		scrollbar-face-color: #fff; 
		scrollbar-highlight-color: #fff; 
		scrollbar-shadow-color: #fff; 
		scrollbar-track-color: #fff;
		
		border: 1px solid rgb(180,180,180);
		font-size: 10px;
		color: rgb(75,75,75);
		margin: 0 0 5px 0;
		width: 135px;
	}
	.tx-proindustrydb-pi1 form button
	{
		background-color: transparent;
		background-image: url(../pics/button_finden_start.png);
		background-repeat: no-repeat;
		height: 30px;
		width: 90px;
		padding: 0 0 5px 20px;
		font-size: 10px;
		color: rgb(0,0,0);
		text-transform: uppercase;
		margin: 3px 0 4px 0;
		cursor: pointer;
		display: block;
		clear: both;
	}
	.tx-proindustrydb-pi1 a
	{
		padding: 0 0 0 16px;
		color: rgb(255,255,255);
		background-image: url(../pics/icon_link_gruen.gif);
		background-repeat: no-repeat;
		background-position: left 3px;
		display: block;
		font-size: 10px;
		margin: 5px 0 3px 0;
	}
	
	.news img
	{
		float: left;
		margin: 2px 8px 0 0;
	}
	.news h5
	{
		font-weight: normal;
		color: grey;
		margin: -4px 0 0 0;
	}
	
	
/*#################################################################*/
} /*SCREEN*/
/*#################################################################*/



/*#################################################################*/
	@media print {
/*#################################################################*/
	
	/* ###########
		ELEMENTE
	########### */
	#header		
	{
		clear: both;
	}
	/*
		 alles im header muss absolut positioniert werden
		(FirefoxBug)
	*/
	#teaser
	{
		display: none;
	}
	
	/*linker Rahmen*/
	.links
	{
		/*IE FEHLER: deshalb zu breit*/
		width: 50%;
		padding: 0 4px 0 0;
	}
	/*rechter Rahmen*/
	.rechts			
	{
		/*IE FEHLER: deshalb zu breit*/
		width: 50%;
		padding: 0 0 0 4px;
	}

	.inhalt-links,
	.inhalt-rechts
	{

	}
	.fix-mitte
	{
		display: none;
	}
	.box-left,
	.box-right
	{
		display: block;
	}
	.box-right
	{
		display: none;
	}
	
	.box-left h2,
	.box-right h2
	{

	}
	
	.inner-box
	{

	}
	.inner-box th
	{
		color: rgb(204,210,0);
		font-size: 11px;
		font-weight: normal;
		background-image: url(../pics/bg_box_th.gif);
		background-repeat: no-repeat;
		background-position: right 3px;
		padding: 0 5px 3px 0;
	}
	.inner-box th a
	{
		color: rgb(204,210,0);
		text-decoration: none;
	}
	.inner-box td
	{
		padding: 0 0 3px 5px;
	}
	.inner-box td,
	.inner-box td a
	{
		color: rgb(75,75,75); 
		font-size: 11px;
		text-decoration: none;
	}
	
	.box-left,
	.box-right,
	.inner-50,
	.inner-100
	{
	}
	.box
	{
		display: block;
	}
	.inner-50
	{
		float: left;
	}
	.inner-50 img
	{
		display: block;
	}
	.inner-100
	{
	}
	.inner-100 p
	{
		line-height: 150%;
	}
/*#################################################################*/
} /*PRINT*/
/*#################################################################*/