html {	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 8pt;
}

 p.align-justify { margin: 0 0 1em 0;  text-align: justify;  }

ul, ol {margin-top: 0px;
	padding-top: 0px;}


#col3 h1 {
  	font-size: 10pt;
	font-weight: bold;
	color: #fd0002;
	text-decoration: none;
	background-image: url(images/layout/headerback.gif);
	background-repeat: no-repeat;
	background-position: bottom left;
	margin-bottom: 5px;
}

#col3 h2 {
   font-size: 10pt;
	font-weight: bold;
	border-bottom: 1px solid #fd0002;
	margin-right: 15%;
	color: #fd0002;
	margin-bottom: 5px;
}

h3 {
   font-size: 10pt;
   font-weight: bold;
	margin-bottom: 7px;
}


h4 {
  	font-size: 11pt;
	font-weight: bold;
	}

a:link,
a:visited,
a:hover,
li a:link {
	color: #fd0002;
	text-decoration: none;
	font-weight: bold;
}

#col3_content p a:link,
#col3_content p a:visited,
#col3_content p a:hover {
	color: black;
	font-weight: normal;
	font-style: italic;
	text-decoration: none;
	
	padding-left: 14px;
	
	background-image: url(images/icons/linkarrow_col3.gif);
	background-repeat: no-repeat;
	background-position: left;
}

#col3_content p a:hover {
	text-decoration: underline;
	 }
	 
#col3_content table.contenttable            { background-color: #fff; }
#col3_content table.contenttable tr.tr-even { background-color: #c2c2c2; }
#col3_content table.contenttable tr.tr-odd  { background-color: #e8e8e8; }
#col3_content table.contenttable tr.tr-0    { background-image: url("startpage/backgr_head_press.gif") !important; background-repeat: repeat-x; color: #fff; }
#col3_content table.contenttable td         { padding: 2px; }

/********************************************************/

/*Formatierung Bilduntertext*/
.bildtext {
  	color: #000000;
	font-size: 10px;
	font-weight: normal;
}

/*Rootline*/
.rootline-menu {font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;  font-size: 10px;}
.rootline-menu a:link, .rootline-menu a:visited {text-decoration: none; color: white; background-color: #6d6d6d;}
.rootline-menu a:hover {text-decoration: none; color: #fd0002; background-color: #6d6d6d;}

/*Zelle mit Druck- und PDF-Icon*/

/* ##### APA Layout #### */
/*xinit_multicolumn*/
.xinit_multicolumn_plastics,
.xinit_multicolumn_nonwovens,
.xinit_multicolumn_packaging {
	width: 100%;
	border-color: #6d6d6d;
	border-style: dotted;
	border-width: 1px;
	background-image: url(images/layout/table_bg.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 8pt;
}

td.multicol_img { padding: 0px; width: 20px;}

.xinit_multicolumn_plastics  td.multicol_img { background-color: #0166ff; }
.xinit_multicolumn_nonwovens td.multicol_img { background-color: #ee1c23; }
.xinit_multicolumn_packaging td.multicol_img { background-color: #00727c; }

td.multicol_one,
td.multicol_two {
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 3px;
	padding-bottom: 3px;
	vertical-align: top;
	text-align: left;
	width: 50%;
}

td.multicol_one { width: 45%; }
td.multicol_two { width: 55%; }

/*************************************************************/

.csc-sitemap li {
	list-style-position: inside;
	list-style-type: square;
	color: #fd0002;
}

.csc-sitemap li li {
	list-style-position: inside;
	list-style-type: square;
	color: #6d6d6d;
}
.csc-sitemap li a          { color: #fd0002; }
.csc-sitemap li a:hover    { color: #6d6d6d; }
.csc-sitemap li li a       { color: #6d6d6d; font-weight:normal;}
.csc-sitemap li li a:hover { color: #fd0002; font-weight:normal;}

/*Content Table Styling for Downloadsection*/
#conttab-download {padding-bottom:2px; padding-right:20px;}

/* ï¿½berschriften fï¿½r Prospekte*/
.user_brochureorder-categoryTitle {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	text-decoration: underline;
	color: #fd0002;
}

.user_brochureorder-categoryTitleCell {
	border-top: 1px dotted #6d6d6d;
}
/******************/
/*Kontaktformular*/
fieldset {margin: 10px; padding: 0; }

.csc-mailform {
	/*vertical-align: center;*/
	padding: 20px;
	width: 490px; 
	border: 1px dashed gray; 
}
 .csc-mailform-field {
 	padding: 3px 0 0 0;
	clear: both;
	/*color: #fd0002;*/
}
/*Feldbeschreiungen (links vor den Feldern)*/
 .csc-mailform-field label {
 	float: left;
	width: 120px;
	margin-top: 3px; 
  	margin-left:5px;;
	/*color: #000;*/
	}

.csc-mailform-field input,
.csc-mailform-field textarea,
.csc-mailform-field select {
	width: 300px;
	/*display: block;*/
	float: right;
	margin-bottom:10px;
	padding-left: 3px;
	padding-right: 3px;
	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	}
.csc-mailform-field select { width: 305px; }
	
span.csc-mailform-radio { background-color: #F5F5F5; }
.csc-mailform-radio legend { display:none; }
.csc-mailform-radio fieldset { float: left; margin-left: 50px; }
.csc-mailform-radio input { width: 30px; clear: right; margin-top: 3px; margin-bottom: -3px; } 
.csc-mailform-radio label { width: 270px; float: right; border-bottom: 1px dashed gray ; }

 .csc-mailform-field input.csc-mailform-check {
	width: 30px;
	margin-right: 286px;
}

span.csc-mailform-label {
	color: #fd0002;
	font-weight: bold;
	border-bottom: 1px solid #fd0002;
	padding-left: 5px;
	display: block;
	margin-bottom: 8px;
}

#mailformformtype_mail {margin:0 2px; width: 150px; }
*+html #mailformformtype_mail {margin-top: 87px;}


/*Rahmen um Contentelemente*/
div.csc-frame-rulerBefore {
	border-top: 1px solid #6d6d6d;
	padding-top: 5px;
}

div.csc-frame-rulerAfter {
	border-bottom: 1px solid #6d6d6d;
	padding-bottom: 5px;
}

div.csc-frame-frame1 {
	border: 1px outset #6d6d6d;
	padding: 5px;
	text-align: center;
	background-color: #fff; 
	margin-bottom:10px;
}

/* Bilder */
div.csc-textpic-border div.csc-textpic-imagewrap .csc-textpic-image img,
div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image img {
	margin: 3px;
}

*html div.csc-textpic-border div.csc-textpic-imagewrap .csc-textpic-image img,
div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image img {
	margin: 3px 0;
}
/****************************************************/
/*Links rechts auf der Startseite*/
.short_link {

  background-image: url(startpage/fullbackgr_short_link.png);
  background-repeat: no-repeat;
  background-position: top left;
  
  font-size: 7.5pt;
  
  height: 25px;
  min-height: 25px;
  max-height: 25px;
  width: 160px;
  min-width: 135px;
  max-width: 135px;
  
  clear:both;
  
  padding-top: 6px;
  padding-left: 25px;
  margin: 0px;
  margin-top: -5px;
  /*margin-left: -20px;*/
}
/* IE6 Hack */
*html .short_link { margin-top: 0px; }
 
.short_link a:link,
.short_link a:visited {
	color: #2C2C2C;;
	text-decoration: none;
	font-weight: normal;
}
.short_link a:hover { color: #fd0002; }

/*Links rechts auf der Startseite*/
.short_link_video {
  background-image: url(startpage/fullbackgr_short_link_video.png);
  background-repeat: no-repeat;
  background-position: top left;
  
  font-size: 7.5pt;
  
  height: 25px;
  min-height: 25px;
  max-height: 25px;
  width: 160px;
  min-width: 135px;
  max-width: 135px;
  
  clear:both;
  
  padding-top: 6px;
  padding-left: 25px;
  margin: 0px;
  margin-top: -5px;
  /*margin-left: -20px;*/
}
/* IE6 Hack */
*html .short_link { margin-top: 0px; }
 
.short_link a:link,
.short_link a:visited {
	color: #2C2C2C;;
	text-decoration: none;
	font-weight: normal;
}
.short_link a:hover { color: #fd0002; }

/*Link-Boxen*/
.link-box {
  background-color: #bbbbbb;
  background-image: url(startpage/backgr_start.png);
  background-repeat: repeat-x;
  background-position: top;
  
  width: 160px;
  min-width: 160px;
  max-width: 160px;
  
  clear: both;
  padding-bottom: 4px;
  margin-top: 20px;
  
  font-size: 7pt;
}
.link-box ul {	margin-top: 3px; }
.link-box li {
	margin-bottom: 5px;
	list-style-image: url(ypMenu_ext/pfeil.gif); 
	}

.link-box a:link,
.link-box a:visited { color: #2C2C2C; }

.link-box a:hover { color: #fd0002; }

.link-box h4 {
	letter-spacing: 1px;
	color: #2C2C2C;
	
	margin-bottom: 1px;
	font-size: 7pt;
	padding-left: 5px;
	background-color: #d6d6d6;
	border-bottom: none;
	height: 15px;
}
/*zusï¿½tzliche Anzeige der wichtigsten Jobangebote*/
h2.jobheadline {
	letter-spacing: 2px;
	font-size: 8pt;
	font-variant: small-caps;
	white-space: nowrap;
	display: block;
	height: 24px;
	width: 155px;
	max-width: 155px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-left: 5px;
	padding-bottom: 0px;
	padding-top: 8px;
	background-color: #6d6d6d;
	background-image: url(startpage/backgr_head_press.gif);
	background-repeat: repeat-x;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ffffff;
}
/*IE6 Hack*/
*html h2.jobheadline {
	width: 160px;
	height: 29px;
	margin-right: -5px;
	margin-top: 6px;
	
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #fd0002;
} 

h2.jobheadline a:link,
h2.jobheadline a:visited {	color: #fff; }
h2.jobheadline a:hover { color: #fd0002; }

/*ï¿½berschift Layout 4 fï¿½r Jobangebote*/
h2.jobs-header {
	color: #fd0002;
	text-align: center;
	font-size: 14pt !important;
	border-bottom: none !important;
}

.jobs {
  background-color: #c3c3c3;
  background-image: url('images/layout/backgr_start.png');
  background-repeat: repeat-x;
  background-position: 0px -50px;
  
  width: 144px;
  min-width: 144px;
  max-width: 144px;
  
  clear:both;
  
  font-size: 7.5pt;

  padding: 7px;
}
/*IE6-Hack*/
*html .jobs {
	margin-top:0px;
	width: 160px;
}

.jobs a:link,
.jobs a:visited,
.jobs a:hover {
	color: #2c2c2c;
	font-weight: normal;
}
.jobs a:hover { color: #fd0002; }

.jobs a#jobslink:link,
.jobs a#jobslink:visited,
.jobs a#jobslink:hover {
	color: #2c2c2c;
	font-weight: bold;
	font-size: 9px;
	
	display: block;
	width: 100px;
	background-image: url(tt_news/press-arrow.gif);
	background-attachment: scroll;
	background-position: right center;
	background-repeat: no-repeat;
}
.jobs a#jobslink:hover { color: #fd0002; }

 
/*Content-Boxen in der rechten Spalte auf den Unterseiten*/
.content-box-right-col { margin-top: 12px; }

/* IE6-Hack */
*html .content-box-right-col { margin-top: 21px; }

/* IE7-Hack */
*+html .content-box-right-col { margin-top: 21px; }

.content-box-right-col h3 {
	letter-spacing: 2px;
	font-size: 8pt;
	color: #fff;
	font-variant: small-caps;
	white-space: nowrap;
	display: block;
	
	height: 24px;
	width: 155px;
	
	margin-bottom: 0px;
	margin-left: -5px;
	padding-left: 5px;
	padding-bottom: 0px;
	padding-top: 8px;
	
	background-color: #6d6d6d;
	background-image: url(startpage/backgr_head_press.gif);
	background-repeat: repeat-x;
	
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ffffff;
}

/* Anpassung für linke Spalte*/
#col1_content .content-box-right-col h3 {
	width: 160px;
}

/* IE6-Hack */
*html .content-box-right-col h3 {
	width: 160px;
	height: 29px;
	margin-right: -5px;
	
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #fd0002;
}

/*.content-box-right-col p.bodytext*/
.content-box-right-col {
	font-family: Verdana,sans-serif;
	font-size: 8pt;
	text-align: left;
	width: 150px;
	max-width: 150px;
	
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 4px;
	padding-top: 4px;
	
	background-color: #c2c2c2;
	background-image: url(startpage/backgr_container_subpages.gif);
	background-repeat: repeat-x;
	background-position: center top;
	
	clear: both;
	/*border: 1px solid silver;*/
}

.content-box-right-col p.bodytext  {
	margin-top: 4px;
}

/* Anpassung für linke Spalte*/
#col1_content .content-box-right-col {
	width: 155px;
	max-width: 155px;
}


/* Philosophy */

.phil-main { width: 798px; height: 566px; margin-left: -10px; }
.phil-main p { font-family: Tahoma; font-size: 10px; line-height: 13px; }
.phil-main h3 { font-family: Tahoma; font-size: 11px; font-weight: bold; margin-bottom: 2px; color: #2773BE; }
#color-bar { position: absolute; top: 10px; left: 5px; width: 800px; height: 9px; background-color: #2773be; z-index: 10; }
#color-bar-2 { position:absolute; top: 0px; left: 266px; width: 268px; height: 9px; background-color: #c31824; z-index: 20; }
#color-bar-3 { position:absolute; top: 0px; left: 534px; width: 266px; height: 9px; background-color: #157281; z-index: 20; }
#unternehmensphilosophie { position: absolute; top: 17px; left: 80px; width: 650px; text-align: center; z-index: 20; margin-top: 7px; }
#unternehmensphilosophie h3 { font-size: 18px; }
#unternehmensphilosophie p { font-weight: bold; }
#phil-bild { position: absolute; top: 10px; width: 798px; z-index: 10; }
#phil-innovation { position: absolute; top: 145px; left: 0px; width: 240px; z-index: 20; padding-left: 15px; }
#phil-partnerschaft { position: absolute; top: 145px; left: 550px; width: 240px; z-index: 20; text-align: right; }
#phil-wandel { position: absolute; top: 280px; left: 0px; width: 175px; z-index: 20; padding-left: 15px; }
#phil-vertrauen { position: absolute; top: 280px; left: 615px; width: 175px; z-index: 20; text-align: right; }
#phil-vorbild { position: absolute; top: 440px; left: 0px; width: 240px; z-index: 20; padding-left: 15px; }
#phil-verantwortung { position: absolute; top: 440px; left: 550px; width: 240px; z-index: 20; text-align: right; }


/* History */

.zeitstrahl { position: relative; width: 547px; min-height: 251px; margin: 0 0 0px 30px; padding: 0px 0px 0px 30px; background: #e8e8e8; }
div.zeitstrahl-header { border-top: 18px solid #fff; width: 547px; margin: -32px 0 0 -30px; padding: 32px 0 0 30px; }
.zeitstrahl-header h3 { font-size: 24px; font-family: 'arial black', impact, Arial, sans-serif; color: #fe0002; width: 200px; margin-left: -50px; margin-top: -24px; padding-left: 50px; background: url(images/layout/h3_border.gif) /* no-repeat */ repeat-x 0 bottom; }
#col3 .zeitstrahl h2 { font-size: 12px; font-weight: bold; font-family: Arial, sans-serif; color: #000; border-bottom: none; }
.zeitstrahl div.csc-textpic-text { height: 237px;  width: 343px; border-right: #fff solid 5px; padding-top: 14px; }
.zeitstrahl dd.csc-textpic-caption { height: 30px; padding-top: 8px; font-size: 10px; font-weight: bold; text-align: center; }

.zeitstrahl div.csc-textpic-border div.csc-textpic-imagewrap .csc-textpic-image img,
div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image img { margin: 0px; }
* html .zeitstrahl div.csc-textpic-border div.csc-textpic-imagewrap .csc-textpic-image img,
div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image img { margin: 0px 0; }

#zeitstrahl-line {  height: 255px; width: 2px; position: absolute; left: -20px; top: 41px; background: #fe0002; }

@media: print {
	#col1 {
		visibility: hidden;
		display: none;
	}
} 
