@charset "utf-8";
/* CSS Document */
html * {padding:0;margin:0;}

html {	height:100.05%;}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #3E3D40;
	background: transparent url(../images/hg_verlauf.png) repeat-x;
	text-align:center;
}

hr {display:none;}

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

	Container

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

	#containerMain {
		text-align:left;
		width:984px;
		margin:0 auto;
		padding:0;
	}
	div#containerContent {
		margin-left:20px;
	}
	div#content {
		width:643px;
		min-height:334px;
		height:auto !important;  /* für moderne Browser */
		height:334px;  /*für den IE */
		background:transparent url(../images/bg_dotline-blue.gif) repeat-x;
		padding:0;
		margin:0px;
		float:left;
	}
	
	div#colLeft {
	width:148px;
	padding:20px 0 0 0;
	float:left;
	position:relative;
	 }
	 div#colLeft.vertretungen {
	width:433px;
	padding-top: 50px;
	 }
	 
	div#colMain { 
		 float: right; 
		 display:inline; 
		 position:relative; 
		 width:480px; 
		 padding: 11px 15px 0 0;
	 }
	 body#body00 div#colMain {
	 	float:none;
        padding: 11px 15px 0 0;
	 }
	 div#colMain.vertretungen {
	width:210px;
	padding: 24px 0 0 0;
	 }
	 
	 div#colRight{
		float:left;
		width:210px;
		padding:0;
		/*background:transparent url(../images/bg_dotline-blue.gif) repeat-x;*/
		margin-left:5px;
	}
	div#footer{
		clear:left;
		width:100%;
		background:transparent url(../images/bg_footer.gif) no-repeat 20px 0;
		margin:20px 0;
}
	div#copyright {
		position:absolute;
		bottom:-26px;
		left:11px;
		height:20px;
		width:194px;
		color:#FFFFFF
	}

	 /* *** Float containers fix:
	 http://www.csscreator.com/attributes/containedfloat.php *** */ 
	.clearfix:after {
	 content: "."; 
	 display: block; 
	height: 0; 
	 clear: both; 
	 visibility: hidden;
	 }
	 
	.clearfix{display: inline-block;}
	
	/* Hides from IE-mac \*/
	* html .clearfix{height: 1%;}
	.clearfix{display: block;}
	/* End hide from IE-mac */  
	
	
	 
	 /*printer styles*/ 
	 @media print{ 
	/*hide the left column when printing*/ 
	#leftcol{display:none;} 
	#twocols, #maincol{width:100%; float:none;}
	}


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

	Header - Bereich

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

	#header {
		position:relative;
		width:984px;
		height:262px;
	}
	
	#header h1 span {display:none;}
	
	#header h1 a {
		position:absolute;
		display:block;
		top:33px;
		left:0px;
		width:115px;
		height:29px;
		background:transparent url(../images/logo_centec.gif) no-repeat;
	}

	/* Teaser-Bilder */
	#teaser {
		position:absolute;
		background-color:#EEEEEE;
		top:90px;
		left:20px;
		width:643px;
		height:163px;
		
	}
	body#body00 #teaser {background:#FFFFFF url(../images/01_Home.jpg) no-repeat;}
	body#body01 #teaser {background:#FFFFFF url(../images/02_Produkte.jpg) no-repeat;}
	body#body02 #teaser {background:#FFFFFF url(../images/03_Unternehmen.jpg) no-repeat;}
	body#body03 #teaser {background:#FFFFFF url(../images/08_Aktuelles.jpg) no-repeat;}
	body#body04 #teaser {background:#FFFFFF url(../images/09_Vertretungen.jpg) no-repeat;}
	body#body05 #teaser {background:#FFFFFF url(../images/10_Kontakt.jpg) no-repeat;}
	body#body77 #teaser {background:#FFFFFF url(../images/08_Aktuelles.jpg) no-repeat;}
	
	/* Blaue Box für Suche und Sprachauswahl */
	#blueBox {
		position:absolute;
		background:#005787 url(../images/bg_blueBox.gif) no-repeat;
		top:90px;
		left:668px;
		width:296px;
		height:163px;
	}



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

	Main-Navigation

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

	#navigation {
		position:relative;
		margin-left:20px;
		height:67px;
	}

	#naviMain {
		position:absolute;
		top:0px;
		left:0px;
		width:643px;
		height:17px;
		background-color: #000000;
	}

	#naviMain ul{
		margin:0; padding:0;
	}
	#naviMain li {
		position:absolute;
		top:0px;
		list-style:none;
		padding:0;
		margin:0;
	}
	li#nav00 {left:8px;}
	li#nav01 {left:130px;}
	li#nav02 {left:224px;}
	li#nav03 {left:338px;}
	li#nav04 {left:431px;}
	li#nav05 {left:545px;}
	
	#naviMain li a {
		display:block;
		height:17px;
		font-size:11px;
		line-height:17px;
		text-decoration:none;
		color:#FFFFFF;
		margin:0;
		padding:0 0 0 18px;
/*		background:transparent url(../images/bullet_mainnavi.gif) no-repeat 10px 7px;
*/	}

	#naviMain li#nav00 a {padding:0;}
	#naviMain li#nav00 a:hover  {padding:0 0 0 18px;}

	#naviMain li a.active, #naviMain li a:hover {
	background:#000000 url(../images/arrow_navMain.gif) no-repeat 0px 3px
}

	/* Over-Zustände in jeweiligem Kapitel */
	#body00 li#nav00 a {background:transparent url(../images/arrow_navMain.gif) no-repeat 0px 3px;padding:0 0 0 18px;}
	#body01 li#nav01 a {background:transparent url(../images/arrow_navMain.gif) no-repeat 0px 3px}
	#body02 li#nav02 a {background:transparent url(../images/arrow_navMain.gif) no-repeat 0px 3px}
	#body03 li#nav03 a {background:transparent url(../images/arrow_navMain.gif) no-repeat 0px 3px}
	#body04 li#nav04 a {background:transparent url(../images/arrow_navMain.gif) no-repeat 0px 3px}
	#body05 li#nav05 a {background:transparent url(../images/arrow_navMain.gif) no-repeat 0px 3px}



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

	Produkt-Navigation

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

	ul#naviSub1 {
		position:absolute;
		background-color:#005787;
		left:0px;
		top:20px;
		height:17px;
	}

	ul#naviSub1 li{
		color:#FFFFFF;
		display:inline;
		margin-right:10px;
	}
	ul#naviSub1 li a{
		color:#FFFFFF;
		text-decoration:none;
		line-height:17px;
		padding:0px 8px;
	}

	ul#naviSub2 {
		background-color:#E5E5E5;
		position:absolute;
		left:0px;
		top:40px;
	}

	ul#naviSub2 li{
		color:#5E5E5E;
		display:inline;
		line-height:17px;
		margin-right:10px;
	}
	ul#naviSub2 li a{
		color:#5E5E5E;
		text-decoration:none;
		padding:0px 8px;
	}
	ul#naviSub2 li a:hover{
		color:#005787;
	}
	ul#naviSub2 li a.active{
		color:#005787;
		background:transparent url(../images/arrow_blue-greybg.gif) no-repeat 0 3px;
		padding-left:18px;
	}



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

	Service-Navigation

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

	#naviService ul {
		position:absolute;
		top:0px;
		left: 648px;
		height:17px;
		width:210px;
		background:#FFFFFF url(../images/bg_metaNavi.gif) no-repeat;
	}
	
	#naviService li {
		display:inline;
		color:#1A171B;
		margin-right: 14px;
		margin-left: 8px;
		line-height:16px;
	}
	#naviService li a {
		color:#1A171B;
		text-decoration:none;
		padding:0 1px 1px 1px;
	}
	#naviService li a:hover, #naviService li a.active {
		background-color:#005787;
		color:#FFFFFF;
	}







/*	Untermenüs / Listen in linker Spalte */

	#colLeft ul {
	margin:0 0 0 6px;padding:0;
	}
	#colLeft li {
		list-style:none;
		padding:0 0 6px 0;		
		line-height:120%;
	}
	#colLeft li a {
		padding: 0 2px;
		text-decoration:none;
		color:#000000;
	}
	#colLeft li a:hover, #colLeft li a.active {
		color:#FFFFFF;
		background-color:#005787;
	}

/*	Untermenüs / listen in rechter Spalte */

	/* ProduktNavigation */


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

		Produktliste // Drop-Down

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

		#produktNavi {
		}

		#produktNavi .CollapsiblePanel {
			background:transparent url(../images/bg_dotline-blue.gif) repeat-x left top;
			margin: 0 0 34px 0;
			padding:1px 0 0 0;
		}
		
		#produktNavi .CollapsiblePanelTab {
			background:transparent url(../images/bg_tabProductNavi.gif) no-repeat left top;
			margin: 0px;
			color:#000000;
			padding: 1px 4px 3px 8px;
			cursor: pointer;
			-moz-user-select: none;
			-khtml-user-select: none;
			height:14px;
		}
		
		#produktNavi .CollapsiblePanelContent {
			margin: 0;
			padding: 0;
		}
		#produktNavi .CollapsiblePanelContent ul {
			padding:0;
			margin:0;
			list-style:none;
		}
		#produktNavi .CollapsiblePanelContent li {
			color:#909090;
			font-weight:normal;
			padding:0!important;
			margin:0!important;
			background:transparent url(../images/bg_dotline-blue.gif) repeat-x left bottom;

		}
		#produktNavi .CollapsiblePanelContent li a {
			text-decoration:none;
			display:block;
			width:202px;
			line-height:12px;
			color:#909090;
			font-weight:normal;
			padding:4px 0 4px 8px;	
			margin:0!important;
		}

		#produktNavi .CollapsiblePanelContent li a.active {
			background:transparent url(../images/arrow_grey-right.gif) no-repeat 8px 5px;
			padding-left:22px;
			width:188px;
		}

		#produktNavi .CollapsiblePanelContent a:hover {
			color:#000000;
		}	
		
		#produktNavi .CollapsiblePanelTab a {
			color:#D5E5EC;
			text-decoration: none;
			display:block;
			width:210px;
			height:17px;
		}
		#produktNavi .CollapsiblePanelTab a:hover {
			color:#005787	
		}
		
		#produktNavi .CollapsiblePanelOpen .CollapsiblePanelTab, #produktNavi #CollapsiblePanelTabOpenID {
			background:transparent url(../images/bg_tabProductNaviDown.gif) no-repeat left top;
			font-weight:bold!important;
			color: #005787;
		}
		
		#produktNavi .CollapsiblePanelTabHover,  #produktNavi .CollapsiblePanelOpen .CollapsiblePanelTabHover {
			
			color: #005787;
		}
		#produktNavi .CollapsiblePanelTabHover{
		background:transparent url(../images/bg_tabProductNaviOver.gif) no-repeat left top;
		}
		
		#produktNavi .CollapsiblePanelFocused .CollapsiblePanelTab {
			background-color: transparent;
		}





	/* Branchen-Teaser */
	
	#colRight ul#teaserBranchen {
		position:relative;
		margin:0 0 0 0;
		padding:0;
	}

	#colRight ul#teaserBranchen li {
		padding:0;
		margin:0 0 17px 0;
		list-style:none;
		padding:0;	
	}
	#colRight ul#teaserBranchen li a{
		display:block;
		width:209px;
		background:transparent url(../images/teaser_bg.gif) no-repeat 0 0;
		padding:58px 0 0 0;
		text-decoration:none;
		color:#1A171B;
	}

	#colRight #liBranche1 {background:transparent url(../images/teaser_getraenke.jpg) no-repeat 0 4px;}
	#colRight #liBranche2 {background:transparent url(../images/teaser_chemie.jpg) no-repeat 0 4px;}
	#colRight #liBranche3 {background:transparent url(../images/teaser_pharmaindustrie.jpg) no-repeat 0 4px;}
	#colRight #liBranche4 {background:transparent url(../images/teaser_energie.jpg) no-repeat 0 4px;}

	#colRight ul#teaserBranchen li a:hover{
		display:block;
		width:209px;
		background:transparent url(../images/teaser_bg.gif) no-repeat 0 0;
		padding:58px 0 0 0;
		text-decoration:none;
		color:#1A171B;
	}


	#content ul#teaserBranchen {
		position:relative;
		margin:0;
		padding:0;
	}

	#content ul#teaserBranchen li {
		position:relative;
		padding:0;
		margin:0 0 17px 0;
		list-style:none;
		padding:0;	
		width:643px;
		height:58px;
		background:transparent url(../images/teaser_bg-Content.gif) repeat-x 0 0;
	}
	#content ul#teaserBranchen li a{
		position:absolute;
		top:0;left:0;
		display:block;
		height:58px;
		width:643px;
		text-decoration:none;
	}
	#content ul#teaserBranchen li a span{
		display:none;
	}
	#content ul#teaserBranchen li h2 {
		padding:2px 0 0 146px;
		z-index:0;
		font-size:11px;
		color:#000000;
	}
	#content ul#teaserBranchen li p {
		padding-left:146px;
		z-index:0;
		font-size:11px;
	}

	#content #liBranche1 a {background:transparent url(../images/teaser_cgetraenke.jpg) no-repeat 0 4px;}
	#content #liBranche2 a {background:transparent url(../images/teaser_cchemie.jpg) no-repeat 0 4px;}
	#content #liBranche3 a {background:transparent url(../images/teaser_cpharmaindustrie.jpg) no-repeat 0 4px;}
	#content #liBranche4 a {background:transparent url(../images/teaser_cenergie.jpg) no-repeat 0 4px;}

	#content ul#teaserBranchen li a:hover{
	}


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

	Schriften, Inhaltselemente

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

	h1, h2, h3, h4, h5 {
		padding:0;
		margin:0;
		font-size:11px;
	}
	
	h1 {
		color:#000000;
		font-size:20px;
		line-height:121%;
		font-weight:normal;
		padding-bottom:1em;
	}

	body#body00 div#colMain h1 {
	 	font-size:26px;
		color:#000000;
	 }
	body#body00 div#colMain p {
	 	font-size:15px;
	 }
	body#body00 div#colMain a {
	 	font-size:11px;
	 }
	
	div#newsLinks {
		margin-top:10px;
	}
	div#newsLinks a {
		color:#FFFFFF;
		padding:1px 15px 1px 25px;
		background:#005787 url(../images/arrow_lightblue-right.gif) no-repeat 5px 4px;
		line-height:17px!important;
		text-decoration:none;
	}
	div#newsLinks a:hover {
		color:#FFFFFF;
		background-color:#000000;
	}
	div#newsLinks p{
		font-size:11px;
		padding:0;
		margin:0 0 12px 0;
	}
	
	h2 {
		color:#005787;
		font-size:12px;
		line-height:150%;
		font-weight:bold;
		padding-bottom:1em;
	}
	#colRight h2 {
		padding-bottom:12px;
	}
	
	h3 {
	color:#3E3D40;
	font-weight:bold;
	font-size: 12px;
	}
	

	
/*	Formatierungen in colMain	*/
	
	#colMain {
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		line-height:150%;
	}
	
	/* Links */
	#content a {
		color:#005787;
		text-decoration:underline;
	}
	#content a:hover {
		color:#3E3D40;
	}


	/* Listen */
	#colMain ul {
		position:relative;
		margin:0;padding:0;
	}
	#colMain li {
		padding:0 0 0 7px;
		background:transparent url(../images/bullet.gif) no-repeat left 7px;
		list-style:none;
	}












	/*	leftCol Listenformatierung  */
	
	.leftCol ul {
	}

	.leftCol li {
		list-style:none;
		padding: 0 0 0 0.75em;
		margin:0;
		background:transparent url(../images/bullet_grey.gif) no-repeat;
	}
	
	.downloads {
		margin-top:1.5em;
	}
	.downloads li {
		padding: 0 0 2em 4em;
		background:transparent url(../images/icon_pdf.gif) no-repeat;
	}
	
	
	/* Tabellenformatierung */
	
	.contentTable {
		width:100%;
		margin:1em 0;
		padding:0;
		table-layout:fixed;
		border-collapse:collapse;
		border-spacing:0px;
	}
	.contentTable th {
		text-align:left;
		font-weight:normal;
		color:#269065;
		vertical-align:top;
	}
	.contentTable td,  .contentTable th{
		border-bottom:1px solid #B7C38D;
	}
	.contentTable td, .contentTable th {
		line-height:150%;
		padding:0.1em 0.5em;
	}
	.contentTable th.red {
		/*background-color:#E80023;
		color:white;
		border-right: 2px solid white;
		border-left: 2px solid white;		*/
		font-weight:bold;
	}
	.contentTable td.red {
		color:#E80023;
	}
	
	
	/*	Bildnummern-Navigation*/
	
	#picNr {position:absolute;right:15px;top:20px;height:12px;}
	
	#picNr ul {padding:0;margin:0;}
	#picNr li {list-style:none;padding:0;margin:0;}
	#picNr li a {float:left;padding:0;margin:0;display:block;width:12px;height:12px;margin-left:6px;line-height:12px;text-align:center;color:#B4B4B4;text-decoration:none;background-color:#E9E9E9;font-size:11px;}
	#picNr li a:hover, #picNr li a.active {color:#005787;}
	
	/*	Bildformatierung */
	
	table.tablePics, table.tablePics td, table.tablePics tr {
		padding:0;
		margin:0;
		table-layout:fixed;
		border-collapse:collapse;
		border-spacing:0px;
	}
	table.tablePics td {
		padding:0 12px 11px 0;
		line-height:100%;
	}
	table.tablePics td img {
		margin:0;
		padding:0;
		width:170px;
		height:100px;
		border:none;
	}
	
	/*	Management-Bilder*/
	.clearer {
		clear:left;
		height:0px;
		font-size:0px;
		line-height:0px;
	}
	
	dl.manager {
		margin:0;
		padding:34px 0 0 0;
		clear:both;
	}
	dl.manager dt {
		margin:0;
		padding:0;
		float:left;
		width:180px;
	}
	dl.manager dt img {
		margin-top:4px;
		margin-bottom:6px;
	}
	dl.manager dd {
		margin:0;
		padding:0;
		float:left;
		width:280px;
	}
	
	/* Formulare */
	
	form * {
		margin:0;
	}
	form * * {
		margin:0;
	}
	fieldset {
		position:relative;
		border:0px;
		padding:0;
		margin:0;
	}
	label {
		margin:0 0 0;
		text-align:left;
		display:block;
	}
	input {
		border-top:1px dotted #005787;
		border-bottom:1px dotted #005787;
		border-left:none;
		border-right:none;
		margin:5px 0 10px 0;
		padding:2px 4px;
		width:70%;
	}
	select {
		border-top:1px dotted #005787;
		border-bottom:1px dotted #005787;
		border-left:none;
		border-right:none;
		margin:5px 0 10px 0;
	}
	input#richtig {
		width:1em;
		border:0;
		margin:2px 0 0 0;
	}
	textarea {
		width:70%;
		border-top:1px dotted #005787;
		border-bottom:1px dotted #005787;
		border-left:none;
		border-right:none;
		margin:0.2em 0 ;
		padding:2px 4px;
	}
	button {
		/*border:1px solid #B7C38D*/
		border:none;
		background-color:#005787;
		color:#FFFFFF;
		font-size:11px;
		padding:2px 3px;
	}
	.error {
		color:red!important;
	}
	
	#formSearch{
		margin:15px 4px;
		padding:0px 0px;
		width:206px;
		height:17px;
		background:transparent url(../images/bg_dotline-lightblue.gif) repeat-x;
	}
	#formSearch form {
		position:relative;
		padding:0;
		margin:0;
	}
	#formSearch input {
		position:absolute;
		top:1px;left:4px;
		border:0px solid white;
		margin:0;
		width:170px;
		background-color:#005787;
		color:#D5E5EC;
		font-size:11px;
		line-height:13px;
		height:13px;
		padding:1px 0 0 0;
	}
	#formSearch button {
		position:absolute;
		right:6px;
		top:4px;
		width:10px;
		height:9px;
		background:transparent url(../images/arrow_lightblue-right.gif) no-repeat;
		cursor:pointer;
		padding:0 0 0 0;
	}
	#formSearch button span {
		display:none;
	}
	/*	----------------------------------------------------

		Such-Funktion

	---------------------------------------------------- */
	
		b {color:#005787;}
		.description {color:#909090;}
		.description b {color:#909090;}
	
	/*	----------------------------------------------------

	Footer-Bereich

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

	.footer ul {
		float:right;
	}
	
	.footer li {
		display:inline;
		margin-left:15px;
	}
	.footer li a {
		color:#808080!important;
		text-decoration:none!important;
	}
	.footer li a:hover {
		color:#E80023!important;
	}

	.smallCopy {
		font-size:9px;
	}

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

		Sprachauswahl // Drop-Down

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


		#blueBox .CollapsiblePanel {
			width:206px;
			margin: 4px;
			padding: 0px;
		}
		
		#blueBox .CollapsiblePanelTab {
			background:transparent url(../images/bg_dotline-lightblue.gif) repeat-x;
			margin: 0px;
			padding: 1px 4px;
			cursor: pointer;
			-moz-user-select: none;
			-khtml-user-select: none;
			border-top: dotted 1px #005787;
			color:#D5E5EC;
			height:17px;
		}
		
		#blueBox .CollapsiblePanelContent {
			margin: 0px;
			padding: 0px;
		}
		#blueBox .CollapsiblePanelContent a {
			background:transparent url(../images/bg_dotline-lightblue.gif) repeat-x 0 15px;
			color:#D5E5EC;
			padding-left:64px;
			display:block;
			width:142px;
			height:16px;
			line-height:15px;
			text-decoration:none;
		}
		#blueBox .CollapsiblePanelContent a:hover {
			background:transparent url(../images/bg_dotline-lightblue.gif) repeat-x 0 15px;
			color:#FFFFFF;
		}	
		
		
		#blueBox .CollapsiblePanelTab a {
			color:#D5E5EC;
			text-decoration: none;
			display:block;
			width:210px;
			height:17px;
		}
		#blueBox .CollapsiblePanelTab a:hover {
			color:#FFFFFF	
		}
		
		#blueBox .CollapsiblePanelOpen .CollapsiblePanelTab {
			background-color: transparent;
		}
		
		#blueBox .CollapsiblePanelTabHover,  #blueBox .CollapsiblePanelOpen .CollapsiblePanelTabHover {
			background-color: transparent;
		}
		
		#blueBox .CollapsiblePanelFocused .CollapsiblePanelTab {
			background-color: transparent;
		}


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

		Content // Drop-Down

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

		#content a img {border:none;}

		#content .CollapsiblePanel {
			margin: 0px 0 20px 0;
			padding: 0px;
		}
		
		#content .CollapsiblePanelTab {
			/*background:transparent url(../images/bg_dotline-lightblue.gif) repeat-x;*/
			border-top:1px dotted #005787;
			border-bottom:1px dotted #005787;
			margin: 0px;
			padding: 1px 4px;
			cursor: pointer;
			-moz-user-select: none;
			-khtml-user-select: none;
			color:#005787;
			height:17px;
		}
		
		#content .CollapsiblePanelContent {
			margin: 0px;
			padding: 10px 4px 0px 0px;
		}
		#content .CollapsiblePanelContent a {
			color:#005787;
			text-decoration:underline;
		}
		#content .CollapsiblePanelContent a:hover {
			color:#000000;
		}	
		#content .CollapsiblePanelContent img {margin-bottom:20px;}
		
		#content .CollapsiblePanelTab a {
			color:#D5E5EC;
			text-decoration: none;
			display:block;
			width:210px;
			height:17px;
		}
		#content .CollapsiblePanelTab a:hover {
			color:#FFFFFF	
		}
		
		#content .CollapsiblePanelOpen .CollapsiblePanelTab {
			background-color: transparent;
			background:transparent url(../images/arrow_blue-right.gif) no-repeat 0 4px;
			padding-left:15px;
		}
		
		#content .CollapsiblePanelTabHover,  #content .CollapsiblePanelOpen .CollapsiblePanelTabHover {
			background-color: transparent;
		}
		
		#content .CollapsiblePanelFocused .CollapsiblePanelTab {
			background-color: transparent;
		}