@charset "UTF-8";
/**
* "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
*
* (en) Uniform design of standard content elements
* (de) Einheitliche Standardformatierungen für die wichtigten Inhalts-Elemente
*
* @copyright       Copyright 2005-2007, Dirk Jesse
* @license         CC-A 2.0 (http://creativecommons.org/licenses/by/2.0/),
*                  YAML-C (http://www.yaml.de/en/license/license-conditions.html)
* @link            http://www.yaml.de
* @package         yaml
* @version         3.0.1
* @revision        $Revision: 92 $
* @lastmodified    $Date: 2007-07-15 10:26:40 +0200 (So, 15 Jul 2007) $
* @appdef yaml
*/

@media all
{
  
  /**
  * Fonts
  * (en) font-family and font-size selection for headings and standard text elements
  * (de) Zeichensatz und Schriftgrößen für Überschriften und übliche Text-Elemente
  *
  * @section content-fonts
  */

  /* (en) reset font size for all elements to standard (16 Pixel) */
  /* (de) Alle Schriftgrößen auf Standardgröße (16 Pixel) zurücksetzen */
  html * { font-size: 100.01% }


  /* (en) base layout gets standard font size 12px */
  /* (de) Basis-Layout erhält Standardschriftgröße von 12 Pixeln */
  body 
  {
    font-size: 75.00%; 
    line-height: 150%;
    font-family: Arial, sans-serif, Lucida Sans;
    color: #ccc; 
  }
  
  h1,h3,h4,h5,h6 { font-weight:bold; }
  h1 { font-size: 225% }                        /* 27px Headline */
  h2 { font-size: 133.33% }                     /* 16px Subheadline */
  h3 { font-size: 125% }                        /* 15px Subheading in content column */
  h4 { font-size: 109% }                        /* 13px Headline */
  h5 { font-size: 100% }                        /* 13px Headline */
 
  
  h1
	{
	  color: #FB8D00;
	  margin-bottom: 5px;
	  line-height: 100%;
	}

  h2
	{
		color: #E9E9E9;
		font-weight: normal;
		margin-bottom: 20px;
		line-height: 110%;
	}
	
	h3
	{
		line-height: 120%;
	}


/*ContiTech --> angepasste Styles für bestimmte Texte und Links */

  .bildunterschrift
  {
	 color: #666 !important;
	 line-height: 130%;
	 font-size: 92% !important;  /*11px */
	 margin-top: 5px;
	 width: 245px;
  }
  
  .pfeil_link
	{
		
		padding-left: 10px;
		background: url(../img/links/link.gif) 0px 1px no-repeat;
	}
  
  .link_extern, .link_intern,  .link_download, .link_top, .link_back
  {
	 color: #BC6400;
	 padding-left: 12px;
  }
  

  
  
   /*Linksymbole für hellgrauen Hintergrund*/
  .link_intern, .grey_contentblock .content_linkliste a
  {
	 background: url(../img/links/link_intern.gif) 0px 1px no-repeat;
  }
  
* html .link_intern, .grey_contentblock .content_linkliste a
  {
	 background: url(../img/links/link_intern.gif) 0px 1px no-repeat;
	 display:inline-block;
  }
  
  .link_extern
  {
	 background: url(../img/links/link_extern.gif) 0px 1px no-repeat;
  }
  
  .link_download
  {
	 background: url(../img/links/download.gif) 0px 3px no-repeat;
	 padding-left: 10px;
  }
  
  .link_top
  {
	 background: url(../img/links/top_grau.gif) 0px 8px no-repeat;
	 float: right;
  }
    
  .link_back
  {
     background:url(../img/links/link_back.gif) 0px 1px no-repeat;	
  }
  
  
  
  /*Anpassungen der Links für schwarzen Hintergrund */
  
  .contentblock .link_extern, .contentblock .link_intern, .contentblock .link_download
  {
	color: #FB8D00 !important;
  }
  
    .shortnews .link_extern, .shortnews .link_intern, .shortnews .link_download, .shortnews_ohnebild .link_extern, 
    .shortnews_ohnebild .link_download, .shortnews_ohnebild .link_download
  {
	color: #FB8D00 !important;
  }
  
   .contentblock .link_intern, .shortnews .link_intern, .shortnews_ohnebild .link_intern
  {
	 background: url(../img/links/link.gif) 0px 1px no-repeat;
  }
  
   .contentblock .link_extern, .shortnews .link_extern, .shortnews_ohnebild .link_extern
  {
	 background: url(../img/links/link_extern_H.gif) 0px 1px no-repeat;
  }
  
   .contentblock .link_download, .shortnews .link_download, .shortnews_ohnebild .link_download
  {
	 background: url(../img/links/download_H.gif) 0px 3px no-repeat;
	 padding-left: 10px;
  }
  
  
  
  
  
  
  
  .datum
  { 
	 color: #666666;
	 font-size: 92% !important;  /*11px */
  }
  
  .datum2
  { 
		 
		 background-color: White;
		 font-weight: lighter;
		 padding: 0 5px 0 5px;
		 margin-right: 10px;
   }
   
   .top_margin_null
   {
     margin-top:0 !important;
   }
   
   .top_bottom_null
   {
     margin-bottom:0 !important;
   }
   
   .content_black
   {
	 background-color: #111;
	}
   
   .contigelb
   {
		color: #FB8D00 !important;
	}
	
	.border_top_none
	{
		border-top: none !important;
	}
   
  p { line-height: 1.5em; margin: 0 0 1em 0; }
  
  .fett { font-weight:bold;}

  /* ### Lists | Listen  #### */

  ul, ol, dl { line-height: 1.5em; margin: 0 0 1em 1em }
  li { margin-left: 0; line-height: 1.5em }

  dt { font-weight: bold }
  dd { margin: 0 0 1em 2em }

  /* ### text formatting | Textauszeichnung ### */

  cite, blockquote { font-style:italic }
  blockquote { margin: 0 0 1em 1.5em }

  strong,b { font-weight: bold }
  em,i { font-style:italic }

  pre, code { font-family: monospace; font-size: 1.1em; }

  acronym, abbr {
    letter-spacing: .07em;
    border-bottom: .1em dashed #c00;
    cursor: help;
  }
  
  .h1_hochgestellt
  {
	 font-size: 65% !important;
	 vertical-align: text-top;
  }
  
  .zwoelfpx_hochgestellt
  {
	 font-size: 85% !important;
	 vertical-align:  top !important;
  }
  
  .header_hochgestellt
  {
	 font-size: 75% !important;
	 vertical-align: top !important;
  }
  
  .menue_hochgestellt
  {
	 font-size: 70% !important;
	 vertical-align: top !important;
  }
  
  .h_hochgestellt
  {
	 font-size: 70% !important;
	 vertical-align: top !important;
  }
  
  .text_hochgestellt
  {
	 font-size: 80% !important;
	 vertical-align: top !important;
  }

  /**
  * Generic Content Classes
  * (en) standard classes for positioning and highlighting
  * (de) Standardklassen zur Positionierung und Hervorhebung
  *
  * @section content-generic-classes
  */

  .note {background: #dfd; padding: 1em; border-bottom: 1px #bdb dotted; border-bottom: 1px #dbb dotted;}
  .important {background: #ffd; padding: 1em; border-bottom: 1px #ddb dotted; border-bottom: 1px #dbb dotted;}
  .warning {background: #fdd; padding: 1em; border-bottom: 1px #dbb dotted; border-bottom: 1px #dbb dotted;}

  .float_left { float: left; display:inline; margin-right: 1em; margin-bottom: 0.15em;  }
  .float_right { float: right; display:inline; margin-left: 1em; margin-bottom: 0.15em;  }
  .center { text-align:center; margin: 0.5em auto }

  /**
  * External Links
  *
  * (en) Formatting of hyperlinks
  * (de) Gestaltung von Hyperlinks
  *
	*/

  a { color: #FB8D00; text-decoration: none;}
 
  a:hover{ text-decoration: underline;}
  a:focus,
  a:active { text-decoration: none;}
	
	/**
  * (en) Emphasizing external Hyperlinks via CSS
	* (de) Hervorhebung externer Hyperlinks mit CSS
	*
  * @section             content-external-links
  * @app-yaml-default    disabled
  */

  /*
  #main a[href^="http://www.my-domain.com"],
  #main a[href^="https://www.my-domain.com"]
  {
    padding-left: 12px;
    background-image: url('your_image.gif');
    background-repeat: no-repeat;
    background-position: 0 0.45em;
  }
  */

  /**
  * Tables | Tabellen
  * (en) Generic classes for table-width and design definition
  * (de) Generische Klassen für die Tabellenbreite und Gestaltungsvorschriften für Tabellen
  *
  * @section content-tables
  */

  table { width: auto; border-collapse:collapse; margin-bottom: 0.5em; }
  table.full { width: 100%; }
  table.fixed { table-layout:fixed }

  th,td { padding: 0.4em; }
  thead th { background: #444; color: #fff }
  tbody th { background: #ccc; color: #333 }
  tbody th.sub { background: #ddd; color: #333 }

  /* grey_contentblock Tabelle  */
  
  .grey_contentblock table {width:470px; border-collapse:collapse; margin-bottom: 2em; color:#000; border: 1px solid #000;}
  .grey_contentblock table th,td { padding:0.2em 0.4em 0.2em 0.3em; border:1px solid #000}
  .grey_contentblock table th { background:#FFF; color:#666; font-size:14px; border-bottom: 1px solid #000;}
  .th_subline {font-size:13px; font-weight:normal;}
  .table_first_column { border-right:1px solid #979797;}
  .table_kontur {background: #E9E9E9 !important;}
  .grey_contentblock table tr {background:#D9D9D9;}
  .grey_contentblock table tr:hover { background: #EED2A3 !important;}
  .table_footer { font-size:11px; background:#D9D9D9; line-height:1.2em;}
  .table_footer:hover {background:#D9D9D9 !important;}
  .tbl_legende {background:#FFFFFF !important; font-size:11px;}
  
  * html .grey_contentblock table {width:460px;}
  
  /* contentblock Tabelle  */
  
  .contentblock table {width:450px; border-collapse:collapse; margin-bottom: 2em; margin-top: 2em; color:#000; border: 1px solid #707070;}
  .contentblock table th,td { padding:0.2em 0.4em 0.2em 0.3em; border:1px solid #000} 
  .contentblock table th { background:#707070; color:#ccc; font-size:14px; border-bottom: 1px solid #979797;}
  .contentblock .th_subline {font-size:13px; font-weight:normal;}
  .contentblock .table_first_column { border-right:1px solid #979797;}
  .contentblock .table_kontur {background: #979797 !important;}
  .contentblock table tr {background:#bbb;}
  .contentblock table tr:hover { background: #EED2A3 !important;}
  .contentblock .table_footer { font-size:11px; background:#bbb; line-height:1.2em;}
  .contentblock .table_footer:hover {background:#D9D9D9 !important;}
  .contentblock .tbl_legende {background:#FFFFFF !important; font-size:11px;}
  
  
   /**
  * Feste Höhen für die Contentblöcke:
  *
  */
   
  * html .contentblock
  {
     height: 100px;
  } 
  
  .height_2_fach
  {
		 min-height: 220px !important;
  }
  
  .height_3_fach
  {
		 min-height: 340px !important;
  }
  
   .height_4_fach
  {
		 min-height: 460px !important;
  }
  
  * html .height_2_fach
  {
		 height: 220px !important;
  }
  
   * html .height_3_fach
  {
		 height: 340px !important;
  }
  
    * html .height_4_fach
  {
		 height: 470px !important;
  }
  
  .height_2_fach img
  {
		height: 230px;
  }
  
  
  /**
  * Miscellaneous | Sonstiges
  *
  * @section content-misc
  */

  hr 
  {
    color: #fff;
    background:transparent;
    margin: 0 0 0.5em 0;
    padding: 0 0 0.5em 0;
    border:0;
    border-bottom: 1px #000 solid;
  }
  
#top90	.hochgestellt { font-size:12px; display:inline-block; position:relative; top:-11px;}
#top90	.tiefgestellt {font-size:12px; display:inline-block;}

h1 .hochgestellt {font-size:0.6em; display:inline-block; position:relative; top:-0.5em;}
h1 .tiefgestellt {font-size:0.6em; display:inline-block;}

h3 .hochgestellt {font-size:9px; display:inline-block; position:relative; top:-4px;}
h3 .tiefgestellt {font-size:9px; display:inline-block;}

h4 .hochgestellt {font-size:9px; display:inline-block; position:relative; top:-4px;}
h4 .tiefgestellt {font-size:8px; display:inline-block;}

h5 .hochgestellt {font-size:10px; display:inline-block; position:relative; top:-4px;}
h5 .tiefgestellt {font-size:8px; display:inline-block;}

p .hochgestellt, li .hochgestellt, td .hochgestellt, dd .hochgestellt { font-size:10px; display:inline-block; position:relative; top:-3px;}
p .tiefgestellt, li .tiefgestellt, td .tiefgestellt, a .tiefgestellt, dd .tiefgestellt{font-size:8px; display:inline-block;} 
a .hochgestellt { font-size:10px; display:inline-block; position:relative; top:-3px;}

/*############## NACHHALTIGKEIT ################*/


.green_content h1 { color:#53a502;}

/* ### Lists | Listen  #### */

.green_content li.green_list { padding-left:15px; color: #000; list-style:none;/*url(../img/links/listpoint.gif);*/ 
background: url(../img/links/listpoint.gif) no-repeat scroll left 0.6em transparent;}

/* ### Shortnews  #### */

.green_content .shortnews a	{color:#53a502;}
.green_content .pfeil_link 	{background: url("../img/links/green_link.gif") no-repeat scroll 0 1px transparent;}

/* ### Links  #### */

.green_content .link_extern, 
.green_content .link_intern, 
.green_content .link_download, 
.green_content .link_top, 
.green_content .link_back
  	{
	  color: #53a502;
  	}

   /*Linksymbole für hellgrauen Hintergrund*/
.green_content  .link_intern, 
.green_content .grey_contentblock 
.content_linkliste a 
	{ 
		background: url(../img/links/green_link_intern.gif) 0px 1px no-repeat;
	}
  
* html .green_content .link_intern, 
.green_content .grey_contentblock .content_linkliste a
  	{
 	 background: url(../img/links/green_link_intern.gif) 0px 1px no-repeat;
	 display:inline-block;
  	}
  
.green_content .link_extern 	{ background: url(../img/links/green_link_extern.gif) 0px 1px no-repeat; }
.green_content .link_download 	{ background: url(../img/links/green_download.gif) 0px 3px no-repeat; padding-left: 10px; }
.green_content .link_top 		{ background: url(../img/links/green_top_grau.gif) 0px 8px no-repeat; float: right; }
.green_content .link_back 		{ background: url(../img/links/green_link_back.gif) 0px 1px no-repeat; }

/*Geschäftsbereiche Green Stories*/
.green_content .bildunterschrift { margin-right: 5px; }
.green_content .gb {color: #666 !important; font-size:92% !important; line-height:130%;}

.green_banner { position:absolute; right: 20px; top: 318px;}
.green_banner { top: 334px\0/; } /*IE8*/
.green_banner_werkstoff { position:absolute; right: 20px; top: 113px;}
.green_banner_werkstoff { top: 113px\0/; } /*IE8*/
.mobileOnly{display:none;}
}