/*
////////////////////////////////////////////////////////////////
//
// design.css Stylesheet fuer die Inhaltsseiten
//
////////////////////////////////////////////////////////////////
*/

/*Standardformatierungen*/

body            {background: white; margin:0px; }
body, th, td, div, a, input, select, textarea, caption { color:#444444; font-family: Arial, Helvetica, sans-serif; font-size:11px; }
table			{border:0px;padding:0px;border-spacing:0px;empty-cells:show;border-collapse:collapse;}
p				{margin:0px;}
ul				{padding:0px;padding-left:15px;list-style-type:disc;}
form            {margin:0px; padding:0px; border: 0;}
input, select, textarea { border: solid 1px #e1e1e1; background-color: white; padding-left:2px; line-height:100%; }

/* Checkboxen */
input.checkbox	{border-width:0px;border-color:#486E8E;background-color:#FFFFFF;padding-left:2px;line-height:100%;}

/*links im fliesstext*/
a       { color:#eb0000; text-decoration:none; }
a:hover { text-decoration: underline; }

img		{border:0px;}

.sub	{font-size:8px;vertical-align:sub;}
.sup	{font-size:8px;vertical-align:super;}

sub		{font-size:8px;vertical-align:sub;}
sup		{font-size:8px;vertical-align:super;}

.blockContent ul
{
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	padding-left: 0;
	margin: 0;
}
.blockContent ul li
{
	background:transparent url(/global/design/img/pi_bullet_me2_02.gif) no-repeat scroll 0pt 0.6em;
	padding-left:8px;
}

/*################ Header ################*/

img.headlogo { border: 0px;	width: 165px; height: 87px; }
.elementTopStandard table { width: 100%; }

td.sublogo { vertical-align: top; text-align: right; }
td.sublogo img { border: 0px; }

/*################ Ueberschriften ################*/

.headline {font-size:14px; font-weight:bold; line-height:120%;}
.subline {font-size:11px; font-weight:bold; line-height:120%;}

/*################ Texte ################*/

.text                { font-weight:normal; line-height:130%;}/*Text*/
.textBold            { font-weight:bold; line-height:130%;}/*Text fett*/
.textSmall           {font-size:11px; font-weight:normal; line-height:160%;}/*Kleiner Text*/
.textMediumBold      {font-size:11px; font-weight:bold;line-height:120%;}
.textMedium     	 {font-size:11px; font-weight:normal;line-height:120%;}


a.infobox		 	 { color: #444444; font-size:11px; text-decoration:none;}
a:hover.infobox		 { color:#eb0000; text-decoration:none;}

a.contactinfoboxmail		{ font-size:11px;}

/*################ Content-Images #############*/

img.onlyvisual { border: 0px; width: 389px; }
img.twovisuals { border: 0px; width: 185px; }
img.threevisuals { border: 0px; width: 120px; }
img.rightcolumn { border: 0px; width: 150px; }
img.partnership { border: 0px; }
img.pfeilInfobox { border: 0px; margin-top: 6px; }
img.pfeilTextlink {	border: 0px; margin-right: 6px; margin-bottom: 1px; }
img.getreader {	border: 0px; width: 88px; height: 31px; }

/*################ Elemente ################*/

/*Contentbereich*/
.elementHeadline         {padding-top:11px;}/*Abstand oben*/
.elementPictureSpace     {padding-top:15px;}/*Abstand nach oben bei Bildern (ergeben effektiv 30px durch leerzeile des vorangestellten textes*/
.elementLegend         	 {margin-top:5px;margin-bottom:12px;margin-left:0px;border-style:none;}
.elementLegendHome     	 {margin-top:5px;margin-bottom:18px;margin-left:10px;border-style:none;}
.elementSpace            {height:12px;}
.elementSpaceHome        {height:18px;}
.elementHeadlineSpace    {height:20px;}
.elementSpaceReferences  {height:22px;}
.elementSpaceEventsTop   {height:30px;}
.elementSpaceEvents      {height:15px;}
.SubheadlineSpace        {height:4px;}

/*Navigation links*/
.elementLeftStandard     {padding:8px;}/*Standard im linken Bereich*/
.elementLeftNavigation   {padding-left:0px;padding-top:8px;padding-bottom:50px; }/*Standard im linken Bereich*/
.elementLeftInclude      {padding:0px;}/*Include im linken Bereich*/
.elementLeftVisual       {padding:0px;}/* Bild im linken Bereich */

/*Navigation top*/
.elementTopStandard      {padding:0px;}/*Standard im oberen Bereich*/
.elementTopInclude       {padding:0px;background-color:#ADBBC6;margin-top:0px;border-style:none;width:100%}/*Include im oberen Bereich*/
.elementTopNavigation    {padding-left:3px;}
.elementTopNavigation table { width: auto; } /* Breite verschmälern */

/*dropdown list*/
.elementLanguageChooser  {padding: 0 0 0 12px; background-color: #e1e1e1; }
/* .elementLanguageChooser table { width: 783px; } */

/*unterer Bereich*/
.elementBottomStandard   {padding-top:4px;padding-bottom:4px;width:100%;text-align:center;background-color:#ADBBC6;}/*Standard im unteren Bereich*/
.elementBottomDelimiterLine {height:1px;margin-top:2px;margin-bottom:2px;background-image:url(/wDeutsch/wLayout/design/img/backgrounds/bg_line_dot.gif)}/*Standard im unteren Bereich*/
.elementBottomInclude    {padding:8px;}/*Include im unteren Bereich*/
.elementBottomLeft   {padding:0px;padding-bottom:8px;padding-left:18px;text-align:left;background-color:#000000;color:#FFFFFF;font-size:9px; font-family:verdana, arial, sans-serif; font-weight:normal;}/*Standard im unteren linken Bereich*/
.elementBottomRight   { padding: 9px 30px 8px 0; text-align:right; }/*Standard im unteren mittleren Bereich*/

.elementInclude		{width:389px;}

.toplink { text-align: right; padding: 0 30px 6px 0; }
.toplink a { padding-left: 11px; background: url(/global/design/img/pfeil_rot_top.gif) no-repeat 0 7px; }

/*################ Bloecke ################*/

.blockMain           {width:783px;border-style:none; } /*Gesamter Bereich*/
.blockTop            {width:783px;border-style:none;}/*Bereich oben*/
.blockLeft           {width:164px;vertical-align:top;background-color: white;height:350px; border-right: solid 1px #e1e1e1; }/*Bereich links*/
.blockContent        {width:619px; vertical-align:top; padding-bottom: 20px; }/*Inhaltsbereich*/
.blockRight          {width:0px;border-style:none;vertical-align:top;}/*Bereich rechts*/
.blockBottom         {width:0px;height:0px;border-style:none;}/*Bereich unten*/

.blockContentMain  	 {width:389px;border-style:none;vertical-align:top; }/*Main-Inhaltsbereich Body*/
.blockContentRight   {width:180px;border-style:none;vertical-align:top;}/*Main-Inhaltsbereich Body*/

.blockBottomLeft	{width:163px;border-style:none;vertical-align:top; border-right: solid 1px #e1e1e1; } /* linker Fusszeilenbereich */
.blockBottomMain	{width:619px;border-style:none;vertical-align:top; border-top: solid 1px #e1e1e1; padding-bottom: 100px;  } /* mittlerer Fuߺeilenbereich */

.blockHomeLeft		{width:265px;border-style:none;vertical-align:top;} /*Linker Inhaltsbereich Body*/
.blockHomeRight		{width:265px;border-style:none;vertical-align:top;} /*Rechter Inhaltsbereich Body*/
.blockHomeFull		{width:560px;border-style:none;vertical-align:top;} /*Unterer Inhaltsbereich Body*/

/*################ Fragmente ################*/

.SpaceHomepage		{width:100px;}/*Layout-Abstand*/

/*Table-Fragmente*/
.fragmentTableContent		{width:599px;border:0px;border-spacing:0px;empty-cells:show;padding:0px;border-collapse:collapse;}
.fragmentTable				{width:100%;border:0px;border-spacing:0px;empty-cells:show;padding:0px;border-collapse:collapse;}
.fragmentTableFree			{border:0px;border-spacing:0px;empty-cells:show;padding:0px;border-collapse:collapse;}

/*Infobox rechte Spalte*/
.fragmentTableInfobox		{width:150px;background-color:#F2F2F2;border:0px;border-spacing:0px;empty-cells:show;padding:0px;border-collapse:collapse;}
.fragmentInfoBoxBorder      {width:12px;height:12px;}
.fragmentInfoBoxListColumn  {width:6px;vertical-align:top;}
.fragmentInfoBoxTextColumn  {width:124px;vertical-align:top;}
.fragmentInfoBoxTextOnlyColumn  {width:130px;vertical-align:top;}
.fragmentInfoBoxListSpace   {height:6px;}
.fragmentInfoBoxListEndSpace {height:3px;}

/* Homepage Breaking News */
.fragmentHighlightBlue	{background-color:#eb0000;width:140px;height:22px;padding-left:10px;vertical-align:middle;font-weight:bold;color:white;}
.fragmentHighlightRed	{background-color:#eb0000;width:140px;height:22px;padding-left:10px;vertical-align:middle;font-weight:bold;color:white;}

/*Contact rechte Spalte*/
.fragmentTableContact		{width:150px;border:0px;border-spacing:0px;empty-cells:show;padding:0px;border-collapse:collapse;}

.fragmentTableSpace		    {width:1px;}/*wenn Breite der Zelle wie Inhalt der Zelle sein soll*/
.fragmentTableSpaceSmall	{width:15px;}/*Layout-Abstand*/
.fragmentTableSpaceBig		{width:30px;}/*Layout-Abstand*/
.fragmentTableSpaceTwoPics	{width:19px;}/*Layout-Abstand*/
.fragmentTableSpaceThreePics {width:14px;}/*Layout-Abstand*/

/*Item Partnership*/
.fragmentTableColumnPartner	{width:220px;}/*Layout-Abstand*/
.fragmentTableSpacePartner	{width:40px;}/*Layout-Abstand*/

/* Events */
.borderEvents	{border-width:1px;border-style:solid;border-color:#e1e1e1;}
.logoEvents		{padding-top:10px;padding-left:5px;}
.fragmentTableSpaceEvents	{width:8px;} /*Layout-Abstand*/
.textEvents     {padding-top:15px;padding-bottom:15px;padding-right:10px;padding-left:10px; line-height:130%;}

/*################ Item Contact-Address ################*/
table.contact			{width:389px;border:0px;border-spacing:0px;empty-cells:show;padding:0px;border-collapse:collapse;}
td.contact1stcolumn		{width:50px;}
td.contact2ndcolumn		{width:5px;}
td.contact3rdcolumn		{width:334px;}

.fragmentWidthMainContent	{width:389px;}/*Breite des Hauptbereiches*/
.fragmentWidthColumn		{width:150px;}/*Breite der rechten Spalte*/

.fragmentPictureFloatLeft   {margin-right:15px;margin-bottom:5px;margin-top:0px;float:left;vertical-align:top;}
.fragmentTop				{vertical-align:top;}/*Ausrichtung oben*/

/* Kontakt-Tablle 2-spaltig */
table.contactimage		{width:214px; }

td.contact1stcolumn		{width:50px;}
td.contact2ndcolumn		{width:5px;}
td.contact3rdcolumn		{width:159px;}
img.contactimage { width: 60px; }

table.contacttable	{width:389px; }
table.contacttable td {padding:0;margin:0;}
.fragmentTableSpaceContact	{width:5px;}/* Layout-Abstand Kontakt-Tabelle*/
.rowspacer {height:10px;}
table.contacttable #description {font-size:11px; color:#444444;line-height:150%; width: 126px; }
table.contacttable #title {font-size:11px; font-weight:bold; color:#444444;line-height:150%;padding-bottom:5px; width: 100px; }


/*################ coatings ################*/
table.coatings { border: solid 1px #e1e1e1; width:389px; padding:4px; }

th.coatings { border: solid 1px #e1e1e1; background-color:#f2f2f2; padding:4px;	text-align:left; vertical-align:top; }

td.coatingName { border: 1px solid #e1e1e1;	background-color:#f2f2f2; padding:4px; }
td.coatingNameTop { vertical-align:top; }

a.coatingName		 { color:#444444; text-decoration:none;}
a.coatingName:hover	 { color:#eb0000; text-decoration:none;}

td.coatingProperty { border: 1px solid #e1e1e1;	background-color:#fcfbfb; padding:4px; }

td.coatings1 { background-color:#fcfbfb; vertical-align:top; padding:7px; border: 1px solid #e1e1e1; }

.horizontalSpacer {	width:25px; }

/*tabelle */
table.color { width:389px; }
th.color { background-color:#f2f2f2; vertical-align:top; padding:4px; border: solid 1px #e1e1e1; }
td.color1, td.color2 { background-color:#fcfbfb; vertical-align:top; padding:7px; border: solid 1px #e1e1e1; }

/*tabelle Anlagen und Verfahren*/

td.anlage { background:#f2f2f2;	vertical-align:top;	font-weight:bold; padding:7px; border:1px solid #e1e1e1; }
td.anlage1a { background-color: #f2f2f2; vertical-align:top; padding:7px 7px 7px 13px; border:1px solid #e1e1e1; }
td.anlage1b { background-color:#f2f2f2; vertical-align:top; padding: 7px; border:1px solid #e1e1e1; }
td.anlage2 { background-color:#fcfbfb; text-align:center; padding:0; vertical-align:middle; border:1px solid #e1e1e1; }

/*
a.anlagewhite		 { color: #444444; font-weight:bold;text-decoration:none; }
a.anlagewhite:hover	 { color: #eb0000; text-decoration:none; }

a.anlageblack	 	 { color:#444444; text-decoration:none;}
a.anlageblack:hover	 { color:#eb0000; text-decoration:none;}
*/

img.anlagenpfeilweiss 	{border:0px;width:3px;height:7px;margin-right:5px;}
img.anlagenpfeilschwarz {border:0px;width:3px;height:7px;margin-right:5px;}
img.anlagensquare 	  	{border:0px;width:48px;height:11px;}

/* Tabelle Pfeile (VST) */
table.color caption { background-color:#f2f2f2; vertical-align:top; padding:4px; border: solid 1px #e1e1e1; font-weight: bold; }
table.color td.footer { background-color:#f2f2f2; border: solid 1px #e1e1e1; vertical-align:top; padding:7px; }
table.arrow td.left { vertical-align: top; padding: 5px 7px 0 0; }
table.arrowlist td.left { vertical-align: top; padding: 0 7px 0 0; }
.spaced p { padding-bottom: 10px; }


/* Presse-Tabelle */
table.press { width:569px; border: solid 1px #e1e1e1; }
th.press { background-color:#f2f2f2; text-align:left; vertical-align:top; padding:4px; border: solid 1px #e1e1e1; }
td.press1 {	background-color:#fcfbfb; vertical-align:top; padding:7px; border: solid 1px #e1e1e1; }

/*################ Formulare ################*/
.inputfield			{ width:250px; margin-bottom:3px; line-height:140%; }
.upload				{ width:389px;}

.textarea			{ width:389px; height:50px; margin-top:6px; margin-bottom:30px; line-height:140%;}
.checkbox			{ margin-right:5px;border:0px;}
.radiobutton		{ margin-right:5px;margin-bottom:0px;border:0px;}
.selectfield		{ margin-top:6px; margin-bottom:30px; }

a.formbuttons			{ padding: 3px 15px 3px 15px; cursor:pointer; background-color: #e1e1e1; color: #eb0000; height: 20px; } /* Hoehe wird durch Padding bestimmt, IE braucht aber eine beliebige (sinnlose) Hoehenangabe dazu */
a.formbuttons:hover		{ color: #e1e1e1; background: #eb0000; font-weight: bold; text-decoration: none; }

.fehlerkasten		{ padding: 15px; background-color: #eb0000; color: white; font-weight: bold; }
.fehlerkastenspace  { height: 20px; }

/*Kontakt-Formular*/
table.contact			{ width:389px; }
td.contactleftColumn	{width:124px;}
td.contactGap			{width:15px;}
td.contactrightColumn	{width:250px;}

td.radiocheck		{width:15px;}
td.textradio		{width:20px;}

.contactSpace	    {height:30px;}
.anredeSpacer		{width:10px;}

.verwerfen			{text-align:right;}

.formtext           { line-height:130%;}
.formtextfehler     { color:#eb0000;line-height:130%;}


/* Job-Suchformular */
td.jobcheck { width:20px; padding:0px; vertical-align:top; }
td.jobsearch { height:30px;	width:160px; padding-left:5px; padding-bottom:2px; vertical-align:top; }

/* Zusatzinfos im Editiermodus (f?ten) */
div.zusatzinfo { background-color:#F2F2F2; padding:10px; }
th.zusatzinfo {	text-align:left; vertical-align:top; font-weight:normal; }
td.zusatzinfo { text-align:left; padding-left:10px; vertical-align:top; }


/* Tabelle 2-spaltig fixe Breite */

table.fixed2 { width:389px;	margin: 0 0 11px 0; }
table.fixed2 caption { background: #f2f2f2;	vertical-align:top;	font-weight:bold; padding:4px; border: solid 1px #e1e1e1; }
table.fixed2 td { width:229px; background:#fcfbfb; vertical-align:top; padding: 5px 7px 5px 7px; border: solid 1px #e1e1e1; }
table.fixed2 td.left { width: 160px; }


/* Homepage: Linke Spalte */
.homeLeftHeader {padding: 0px 4px 6px 9px; border-width:0px; border-top: solid 1px white; font-weight:bold; background: white; }
.homeNews {padding: 12px 4px 13px 15px; border-top: solid 1px white; background: #f2f2f2; }
a.aHomeNews		{ text-decoration:none; color: #444444;}
a.aHomeNews:hover { text-decoration:none;color:#eb0000;}
a.aHomeNews img { margin-right: 6px; margin-bottom: 1px; }

.textEvents a img { margin-right: 6px; margin-bottom: 1px; }

#linkall a img, .sitemapLevel2 img { margin-right: 6px; margin-bottom: 1px; }


/**********************************************
 Sprachwahl-Box
 **********************************************/

#langsel { background-color: #e1e1e1; margin-bottom: 20px; padding-top: 9px; padding-bottom: 10px; }
#langsel ul { margin: 0; padding: 0; list-style: none; }
#langsel li { background: none; margin: 0; color: white; border-color: #e1e1e1; border-style: solid; border-width: 0; border-top-width: 1px; }
#langsel li a {	font-weight: normal; height:15px; display: block; color: #444444; text-decoration: none; padding: 0; background: transparent url(/global/design/img/pfeil_rot.gif) 7px 6px no-repeat; background-color: #f2f2f2; padding-top: 1px; padding-left: 15px; }
#langsel li a:hover { color: #eb0000; background-color: #e1e1e1; }


#topbar { padding-right: 9px; border-right: solid 1px white; width: 412px; }
#corporate { float: left; margin-left: 33px; }
#corporate a { font-weight: bold; color: #8f8f8f; padding: 2px 0 0 8px; background: url(/global/design/img/quadrat_grau.gif) no-repeat 0px 7px; display: block; }
#corporate a:hover { color: #eb0000; text-decoration: none; }
#topsearch { float: right; margin-right: 2px; }
#topsearch table { width: auto; }
#topsearch td.search_label { background: url(/global/design/img/quadrat_grau.gif) no-repeat 0px 7px; padding: 0 8px; }
#topsearch td { font-weight: bold; color: #8f8f8f; padding: 0; }
#topsearch input.search_term { width: 140px; height: 16px; border: 0; }
* html #topsearch input.search_term { padding-top: 3px; }
#topsearch td.search_button { border-left: solid 1px transparent; }
#topsearch input.search_button { padding: 0; border: 0; }

/*################ Language Chooser ################*/

td.rightspace { width: 29px; }
.languageChooserSelect	{ padding: 4px 0 4px 11px; }
#langDropSel { background: white url(/global/design/img/pfeil_runter.gif) no-repeat 147px 7px; padding: 1px 4px 1px 4px; cursor: pointer; width: 150px; }
* html #langDropSel { width: 158px; }
#langDrop { display: none; position: absolute; left: 545px; width: 238px; z-index: 1; }
#langDrop table { margin: 4px 0 0 0; }
#langDrop table td { border: solid 1px #e1e1e1; padding: 1px 10px 1px 8px; background: #fcfbfb; }
#langDrop a { font-weight:normal; text-decoration:none; color:#444444; padding: 0 10px 0 12px; white-space:nowrap; background: url(/global/design/img/pfeil_rot.gif) no-repeat 0px 5px; width: 100%; display: block; }
#langDrop a:hover   { text-decoration: underline; font-weight:normal; }

a.newsover {	background: transparent url(/global/design/img/pfeil_rot.gif) 1px 6px no-repeat; padding-top: 1px; padding-left: 9px; }

