@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;
	}
	
	.flash{
		width:640px;
		height:305px;
		background:#99ac06;
		float:left;
		overflow:hidden;
	}

	.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;
		display: block;
		background:url(../pics/bg_box_rechts_320.gif) no-repeat;
	}
	
	/*---------------------------------------------*/
	.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;
		float:left;
	}
	.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: 540px;
		height: 132px;
		float: left;
		margin: 15px 7px 23px 1px;
		background: url(../pics/bg_points.jpg) repeat-y;;
	}
	.box-middle-middle{

		width: 267px;
		height: 170px;
		float: left;
	}
	.box-middle-right	{
		background: url(../pics/bg_points_small.jpg) repeat-y;
		float: left;
		width: 320px;
		height: 133px;
		margin: 15px 0 22px 0 !important;
		padding: 0 !important;
		
	}
	
	
	.ContainerElement{
	background:url("../pics/bg_points.jpg") repeat-y scroll 0 0 transparent;
	float:left;
	height:133px;
	width:540px;
	padding: 0 0px 0 0px;
	margin:15px 0px 22px 1px;
}
	
	
	
	.box-middle-right h2	{
		padding-top:0px;
		margin-top:0px;
		/*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;
	}
	
		

/* Scrollable

----------------------------------*/

	.scrollable { 
		position:relative; 	
		overflow:hidden; 
		width: 459px; 
		height: 131px; 
	
	}

	.scrollable .items { 
		width: 20000em; 
		position: absolute; 
		clear: both; 
	}

	.scrollable .items p{ 
		float:left; 
	}

	.scrollable img { 
		float: left; 
		cursor: pointer; 
	}

	.scrollable .active { 
		position: relative;
	}

	.scrollable { 
		float: left; 
	}

	a.browse { 
		display: block; 
		width: 16px; 
		height: 21px; 
		float: left; 
		/*margin: 17px 0 0; */
		cursor: pointer; 
		font-size: 10px; 
		color:#ffffff;
	}

/* right */

	a.right { 
		background: url(../pics/arrow_right.jpg) no-repeat; 
		/*background-position: -7px 0; 
		clear:right; 
		margin-right: 0px;*/
		margin:50px 0 0 10px;
		width:20px;
	}


/* left */

	a.left { 
		background: url(../pics/arrow_left.jpg) no-repeat; 
		/*background-position: 7px 0; 
		margin-left: 0px; */
		margin:50px 0 0 10px;
		width:30px;
	} 

	a.disabled { 
		visibility:hidden !important; 
	}

	
	
	table.contenttable{
		font-weight: normal;
		font-size: 11px;
		text-align: left;
		font-style: normal;
		font-variant: normal;
	}
	table.contenttable tr{
		vertical-align:top;
		line-height:25px;
	}
	

.col{
	height:129px;
	width:459px;
	float:left;
	margin: 0px 40px 0px 0px;
	color:#4B4B4B;
	font-size:11px;
}


/* ----------- NEWS Startseite ---------- */
	
.box-middle-right .date, .box-middle-right .date a{
	float:left;
	width:46px;
	background: url(../pics/spacer_news.jpg) no-repeat;
	background-position: center right;
	margin-right:4px;
	color:#4B4B4B;
	font-size:11px;
	text-decoration:none;
}

.box-middle-right P{
	float:left;
	margin-top:4px;
}

.box-middle-right .text, .box-middle-right .text a{
	float:left;
	width:250px;
		color:#4B4B4B;
	font-size:11px;
	text-decoration:none;
}
	
.news {
	float:left;
	width:307px;
	height:128px;
	margin-right:15px;
}

.newsheadline{
	float:left;
	width:90px;
	height:16px;
	color:#CCD200;
	text-transform:uppercase;
	font-weight: bold;
	font-size: 14px;
}

.counter{
	float:left;
	width:47px;
	height:16px;
	background: url(../pics/counter.jpg) no-repeat;
	
}

.col img{
	float:left;
	margin: 8px 0 0 0;
}

.news a{
	color:#CCD200;
	margin:10px 0 0 0;
	text-decoration: none;
	float:left;
}

.counter .act{
	float:left;
	width:auto;
	font-style: italic;
	color:#ffb471;
	font-size:12px;
	padding: 0 3px 0 11px;
}

.counter .notact{
	float:left;
	width:auto;
	font-style: italic;
	color:#d4d4d4;
	font-size:12px;
}

/*--- Infoboxen Header ---- */

.infobox{
	float:left;
	height:305px;
	width:228px;
	background:#9bae07;
}

.infobox h2{
	font-size: 11px;
	color:#d8e09c;
	text-transform: uppercase;
	font-weight: normal;
	margin:11px 0 0 24px;
}

.infobox .box{
	width:215px;
	height:91px;
	background: url(../pics/bg_infobox.gif) no-repeat;
	margin:0px;
	float:left;
}

.infobox .box h3{
	color:#ff7800;
	text-transform: uppercase;
	font-weight:normal;
	font-size:9px;
	margin: 13px 20px 0 18px;
}

.infobox .box .theme{
	font-size:13px;
	height:35px;
	overflow:hidden;
	font-weight: bold;
	margin: 0px 20px 0 18px;
}

.infobox .box .date{
	font-size:13px;
	font-style: italic;
	float:left;
	width:95px;
	margin: 0px 5px 0 18px !important;
}

*html .infobox .box .date{
	font-size:13px;
	font-style: italic;
	float:left;
	width:95px;
	margin: 0px 5px 0 10px;
}


.infobox .box a{
	background: url(../pics/arrow_orange.gif) 0 2px no-repeat;
	float:left;
	padding: 0 0 0 12px;
	text-decoration: none;
	text-transform: uppercase;
	font-size:12px;
	color:#000000;
	font-weight: bold;
	margin: 0px 20px 0 0px;
}

*html .inhalt-rechts .box-middle-right{
	margin:15px 0 22px 0;
	height:133px;
}


/*#################################################################*/
} /*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*/
/*#################################################################*/