/**
 * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
 *
 * (en) YAML core stylesheet
 * (de) YAML Basis-Stylesheet
 *
 * Don't make any changes in this file!
 * Your changes should be placed in any css-file in your own stylesheet folder.
 *
 * @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.4
 * @revision        $Revision: 135 $
 * @lastmodified    $Date: 2007-10-15 21:34:35 +0200 (Mo, 15 Okt 2007) $
 */

@media all
{

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

 /**
  * @section browser reset
  * @see     http://www.yaml.de/en/documentation/css-components/base-stylesheet.html
  */

  /* (de) Globales Zurücksetzen der Innen- und Außenabstände für alle HTML-Elemente */
  * { margin:0; padding: 0; }

  /* (de) Korrektur: Das Zurücksetzen der Abstände verursacht zu kleine Selectboxen. */
  option { padding-left: 0.4em }

 /**
  * (de) Globale Korrektur des Italics Bugs des IE 5.x und IE 6
  *
  * @bugfix
  * @affected   IE 5.x/Win, IE6
  * @css-for    IE 5.x/Win, IE6
  * @valid      yes
  */
  * html body * { overflow:visible; }
  * html iframe, * html frame { overflow:auto; }
  * html frameset { overflow:hidden; }

  /* (de) Erzwingen vertikaler Scrollbalken in Netscape, Firefox und Safari Browsern */
  html { height: 100%; margin-bottom:1px;}
  /* (de) Alle Schriftgrößen auf Standardgröße (16 Pixel) zurücksetzen */
  html * { font-size: 100.01% }
  body {
	/* (de) Beseitigung von Rundungsfehler beim Skalieren von Schriftgrößen in älteren Opera Versionen */
    font-size: 100.01%;
	/* (de) Vorgabe der Standardfarben und Textausrichtung */
    color: #000;
	background: #dcdedd;
	text-align: left;
	/* (de) Basis-Layout erhält Standardschriftgröße von 12 Pixeln */
    font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size: 77%;
	color: #707173;
	/* (de) Zentrierung des Layouts in alten IE-versionen */
	text-align: center;
	height:100%;
	min-height:100%;
	}

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

 /**
  * @section base layout | Basis Layout
  * @see     http://www.yaml.de/en/documentation/css-components/base-stylesheet.html
  *
  * |-------------------------------|
  * | #header                       |
  * |-------------------------------|
  * | #col1   | #col3     | #col2   |
  * | 225 px  | flexible  | 150px   |
  * |-------------------------------|
  * | #footer                       |
  * |-------------------------------|
  */
  /**
   * (de) Gestaltung des YAML Basis-Layouts
  /* (de) Layout: Breite, Hintergrund, Rahmen */
  #page_margins {
	width: 791px;
	margin:0 auto;
	text-align:left;
	font-size:107%;
	height:100.1%;
	}
	
  #page{
	background-image:url(../media/bg/bg_content.jpg);
	background-repeat:repeat-y;
	border-bottom:2px solid #12a287;
	}

  /* (de) Gestaltung der Hauptelemente des Layouts */
  #header {
	position:relative;
	height:145px;
	overflow:hidden;
  }
  

  /* (de) Absicherung korrekte Positionierung */
  #header, #main, #footer { clear:both; }


  .clear {
	height:5px;
	clear:both;
  }

  #main {
	}

  /* (de) Standard: Flexible mittlere Spalte */
  #col1 { float:left; width: 100px; margin: 0; }
  #col2 { float: left; width: 115px; margin: 0; }
  #col3_2spaltig { margin-left:100px; }
  #col3_3spaltig { margin-left:215px; }
  

  /* (de) Anpassung: #col3 mittels z-index hinter die float-Spalten verschieben */
  #col1 {z-index: 3}
  #col2 {z-index: 5}
  #col3 {z-index: 1}
  #col1_content {z-index: 4}
  #col2_content {z-index: 6}
  #col3_content {z-index: 2}

  #col1_content, #col2_content, #col3_content { position:relative }
  
  #col1_content {
	margin: 25px 0 0 0;
	padding: 0;
}
  #col2_content {
	margin:  0;
	padding: 0;
}

  #col3_content {
	margin:0;
	padding: 0;
}
  
  #col3_innen {
	float:left;
	margin-top: 40px;
	margin-bottom:0;
	margin-left: 25px;
	margin-right: 45px;
}

/************  Inhalte **************/

.bild_rechts {
float:right;
margin-left:10px;
}
.bild_links {
float:left;
margin-right:10px;
}

.text_rechts {
float:right;
}
.text_links {
float:left;
}

  #nav {
	width:100%;
	height:1%;
  }

  #subnav {
	width:100%;
	background-image:url(../media/bg/bg_subnav_top.gif);
	background-repeat:no-repeat;
	padding-top:32px;
  }
  
.aktionen {
	margin-top:50px;
}

.ueber_uns {
	margin-top:125px;
}

.kontakt {
	margin-top:162px;
}

#footer {
	width:100%;
	height:0.1%;
  }

  
/********** Hauptnavigation *************/

  #nav ul {
    /* (en|de) Bugfix: IE - Doubled Float Margin Bug */
    margin: 0;
    padding: 0;
	padding-left:2px;
  }

  #nav ul li {
    /* (en|de) Bugfix: IE - Doubled Float Margin Bug */
	display:block;
    list-style-type: none;
    margin: 0;
    padding: 0;
	margin-bottom:5px;
 }

  #nav ul li a, /* 98px x 32px */
  #nav ul li a:link {
	background-image:url(../media/bg/bg_button.gif);
	color: #cc0033;
	display: block;
	width:81px;
	height:25px;
	margin: 0;
	padding-left:17px;
	padding-top:7px;
	text-decoration: none;
	-moz-outline: none;
  }

  #nav ul li a:focus,
  #nav ul li a:hover,
  #nav ul li a:active,
  #nav ul li a.act {
	background-image:url(../media/bg/bg_button_act.gif);
	color:#FFFFFF;
  }
  
  
/********** Subnavigation *************/

  #subnav ul {
    /* (en|de) Bugfix: IE - Doubled Float Margin Bug */
    margin: 0;
    padding: 0;
	padding-left:2px;
	background-image:url(../media/bg/bg_subnav.gif);
  }

  #subnav ul li {
    /* (en|de) Bugfix: IE - Doubled Float Margin Bug */
	display:block;
    list-style-type: none;
    margin: 0;
    padding: 0;
	margin-bottom:5px;
 }

  #subnav ul li a, /* 98px x 32px */
  #subnav ul li a:link {
	color: #12a287;
	display: block;
	width:81px;
	height:25px;
	margin: 0;
	padding-left:17px;
	padding-top:7px;
	text-decoration: none;
	text-transform:lowercase;
	-moz-outline: none;
  }

  #subnav ul li a:focus,
  #subnav ul li a:hover,
  #subnav ul li a:active,
  #subnav ul li a.act {
	color: #cc0033;
  }
  

 /**
  * @section clearing methods
  * @see     http://yaml.de/en/documentation/basics/general.html
  */

  /* (en) clearfix method for clearing floats */
  /* (de) Clearfix-Methode zum Clearen der Float-Umgebungen */
   .clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
  }

  /* (en) essential for Safari browser !! */
  /* (de) Diese Angabe benötigt der Safari-Browser zwingend !! */
  .clearfix { display: block }

  /* (en) overflow method for clearing floats */
  /* (de) Overflow-Methode zum Clearen der Float-Umgebungen */
  .floatbox { overflow:hidden }

  /* (en) IE-Clearing: Only used in Internet Explorer, switched on in iehacks.css */
  /* (de) IE-Clearing: Benötigt nur der Internet Explorer und über iehacks.css zugeschaltet */
  #ie_clearing { display: none }


 /**
  * @section hidden elements | Versteckte Elemente
  * @see     http://www.yaml.de/en/documentation/basics/skip-links.html
  *
  * (en) skip links and hidden content
  * (de) Skip-Links und versteckte Inhalte
  */


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

  a {color: #cc0033; text-decoration:none; -moz-outline: none;}
  a:focus,
  a:hover,
  a:active {}
  
  /**
   * Inhaltselemente
   */

  fieldset, img { border: 0 solid; }

  /* (de) Schriftgröße von monospaced Elemente auf 16 Pixel setzen */
  textarea, pre, tt, code {
	font-family:"Courier New", Courier, monospace;  	
  }
  
  h1,h2,h3,h4,h5,h6 {
	font-weight:bold;
	color:#cc0033;
	padding: 0 0 20px 0;
  }

  h1 {
	font-size: 150%;
	padding-bottom:1.1em;
	}                       
  h2 { font-size: 140%;}          
  h3 {
	font-size: 140%;
}                        
  h4 { font-size: 120%;}                     
  h5 { font-size: 110%;}                     
  h6 { font-size: 110%;}  

  p {
	line-height: 1.7em;
	margin: 0 0 20px 0;
}

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

  ul, ol, dl {
	line-height: 1.5em;
	margin: 0 0 20px 0;
}

  li {
	margin-left: 15px;
	line-height: 1.5em;
	list-style-type:disc;
	padding-left:5px;
}

  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;
  }

.rot {
color:#cc0033;
}

.kursiv {
font-style:italic;
}

.termin {
	float:left;
	color:#cc0033;
	width:130px;
}

.termintext {
	width:350px;
	float:right;
	text-align:left;
}
  
  /**
   * Tables | Tabellen
   * (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.5em; }
  thead th { background: #444; color: #fff }
  tbody th { background: #ccc; color: #333 }
  tbody th.sub { background: #ddd; color: #333 }
  td { border-bottom: 1px dotted #9e9e9e; }
  td p {margin:0; padding:0;}
  
  hr {
    color: #fff;
    background:transparent;
    margin: 0 0 1.5em 0;
    padding: 0 0 0.5em 0;
    border:0;
    border-bottom: 1px #fff solid;
  }

}

@media print
{
  /*------------------------------------------------------------------------------------------------------*/

  /**
   * @section layout preparation
   * @see     http://www.yaml.de/en/documentation/css-components/layout-for-print-media.html
   */

  /* (en) Preparing base layout for print */
  /* (de) Basislayout f�r Druck aufbereiten */

  
  body,
  #page_margins,
  #page,
  #header,
  #main,
  #col3 {
  float: none !important;
  height:auto !important;
  position: relative !important;
  top: 0px !important;
  left: 0px !important;
  width: 100% !important;
  margin:0 !important;
  padding: 0 !important;
  border:0 !important;
  background: none !important;
  color: #000000 !important;
  }
  
  #col3, 
  #col3_content,
  .news-single-item {
  position: relative !important;
  margin:0 !important;
  padding: 0 !important;
  border:0 !important;
  background: none !important;
  color: #000000 !important;
  overflow:visible !important;
  line-height:1.2em !important;
  }

  
  #header_logo_dwl,
  #header_logo_saarstahl,
  .contenttable,
  table,
  td  {
	border:0 !important;
  }

  #header_adr_dwl {
	display:block !important;
	float:none !important;
	clear:both !important;
	font-weight:bold !important;
	width:100% !important;
	border-bottom:1px dotted #aaa !important;
  }
  
  /* (de) F�r den Druck nicht ben�tigte Container des Layouts abschalten */
  #nav {display:none !important;}
  #col1 {display:none !important;}
  #col2 {display:none !important;}
  #col2_totop {display:none !important;}
  #col3_header {display:none !important;}
  #search {display: none !important;}
  #footer {display: none !important;}

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

  /**
   * @section content preparation
   * @see     http://www.yaml.de/en/documentation/css-components/layout-for-print-media.html
   */

  body {font-size: 9pt !important;}

  /* (de) Vermeidung von Seitenumbr�chen direkt nach einer �berschrift */
  h1,h2,h3,h4,h5,h6 {
	color: #000000 !important; 
	page-break-after:avoid;
  }


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

  /**
   * @section browser fixes for print layouts
   * @see     http://www.yaml.de/en/documentation/css-components/layout-for-print-media.html
   */

  /**
   * (en) overflow:hidden Bug in print layouts
   * (de) overflow:hidden Bug in Drucklayouts
   *
   * @bugfix
   * @since     3.0
   * @affected  FF2.0, IE7
   * @css-for   all browsers
   * @valid     yes
   */
  
  .floatbox { 
    overflow:visible !important; 
    display: table !important; 
  }
 
}