@charset "UTF-8";
/**
* "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
*
* (en) central stylesheet - layout example "3col_gfxborder"
* (de) Zentrales Stylesheet - Beispiellayout "3col_gfxborder"
*
* @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) $
*/

/* import core styles | Basis-Stylesheets einbinden */
 /*------------------------------------------------------------------------------------------------------*/

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

  /* (en) Global reset of paddings and margins for all HTML elements */
  /* (de) Globales Zurücksetzen der Innen- und Außenabstände für alle HTML-Elemente */
  * { margin: 0; padding: 0 }

  /* (en) Correction: margin/padding reset caused too small select boxes. */
  /* (de) Korrektur: Das Zurücksetzen der Abstände verursacht zu kleine Selectboxen. */
  option { padding-left: 0.4em }

 /**
  * (en) Global fix of the Italics bugs in IE 5.x and IE 6
  * (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 }

  /* (en) Forcing vertical scrollbars in Netscape, Firefox and Safari browsers */
  /* (de) Erzwingen vertikaler Scrollbalken in Netscape, Firefox und Safari Browsern */
  html { height: 100% }
  body {
    min-height: 101%;

    /* (en) Fix for rounding errors when scaling font sizes in older versions of Opera browser */
    /* (de) Beseitigung von Rundungsfehler beim Skalieren von Schriftgrößen in älteren Opera Versionen */
    font-size: 100.01%;

    /* (en) Standard values for colors and text alignment */
    /* (de) Vorgabe der Standardfarben und Textausrichtung */
    color: #000;
    text-align: left;
  }

  /* (en) Clear borders for <fieldset> and <img> elements */
  /* (de) Rahmen für <fieldset> und <img> Elemente löschen */
  fieldset, img { border: 0 solid}

  /* (en) new standard values for lists, blockquote and cite */
  /* (de) Neue Standardwerte für Listen & Zitate */
  ul, ol, dl { margin: 0 0 1em 1em }
  li { margin-left: 1.5em; line-height: 1.5em; }

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

  blockquote, cite { margin: 0 0 1em 1.5em; font-size: 0.93em; width: auto;}

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

 /**
  * @section base layout | Basis Layout
  * @see     http://www.yaml.de/en/documentation/css-components/base-stylesheet.html
  *
  * |-------------------------------|
  * | #header                       |
  * |-------------------------------|
  * | #col1   | #col3     | #col2   |
  * | 200 px  | flexible  | 200px   |
  * |-------------------------------|
  * | #footer                       |
  * |-------------------------------|
  */

  #header { position:relative }

  #nav { clear:both; width: auto }
  #main { clear:both; width: auto }

  /* (en/de) Standard: 200 Pixel */
//  #col1 { float: left; width: 200px }
  /* (en/de) Standard: 200 Pixel */
//  #col2 { float:right; width: 200px }
  /* (en) Standard: center column with flexible width */
  /* (de) Standard: Flexible mittlere Spalte */
//  #col3 { width:auto; margin: 0 200px }

  /* (en) Adjustment: sort #col3 behind float columns using z-index */
  /* (de) Anpassung: #col3 mittels z-index hinter die float-Spalten verschieben */
  #col1 {z-index: 3}
  #col3 {z-index: 1}
  #col1_content {z-index: 4}
  #col3_content {z-index: 2}

  #col1_content, #col3_content { position:relative }

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

 /**
  * @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 }

/* Definition des Aufbaus der Webseite und co */
  /*------------------------------------------------------------------------------------------------------*/

  /**
  * (en) Formatting YAML's  basic layout elements
  * (de) Gestaltung des YAML Basis-Layouts
  */

  /* (en) Marginal areas & page background */
  /* (de) Randbereiche & Seitenhintergrund */
  body { /* eigene Angaben */
    background: url("../images/bg.png");
    background-attachment: fixed;
    padding: 0;
    margin: 0;
  }

  /* (en) Layout: width, background, borders */
  /* (de) Layout: Breite, Hintergrund, Rahmen */
  #page_margins { 
    min-width: 50em;
    margin: 0 auto;
    padding: 0;
  }

  /* (en) Centering layout in old IE-versions */
  /* (de) Zentrierung des Layouts in alten IE-versionen */
  body { text-align: center }
  #page_margins { text-align:left } 

  /* (en) Designing main layout elements */
  /* (de) Gestaltung der Hauptelemente des Layouts */
  #header_nav {
    padding: 0;
    background: #ad0000 url(../images/bg_rot.png);
  }

  #header {
    display: none;
  }

  #header-img {
    margin: 0;
  }

  #header-img img {
    border: none;
  }

  /* (en) adjustment of main navigation */
  /* (de) Anpassung der Hauptnavigation */
  #nav { /* Angabe aus basemod_gfxborder */
    margin: 0;
    padding: 0;
    height: 24px;
    border-bottom: 20px solid #d3d3d3;
  }

  #nav_main {
    text-align: right;
    margin: 0;
    padding: 0 20px 0 0;
  }
  #nav_main ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
  }

  #nav_main ul li {
    display: inline;
    float: right;
    margin: 0;
    padding: 0;
    margin-left: 3px;
    margin-right: 0.25em;
    background: url("../images/tab-btn-right.gif") no-repeat right top;
    height: 24px;

    line-height: 1.5em;
  }

  #nav_main ul li a {
    display: block;
    margin: 0;
    padding: 0.5em 2em 0;
    text-decoration: none;
    background: url("../images/tab-btn-left.gif") no-repeat left top;
  }
  #nav_main #current a {
  }

  #main {
    padding: 0;
    margin: 0;
  }

  #content {
    padding: 1.75em; 
    margin: 0;
  }

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

  /**
  * (en) Formatting content container
  * (de) Formatierung der Inhalts-Container
  *
  * |-------------------------------|
  * | #header                       |
  * |-------------------------------|
  * | #col3               | #col1   |
  * | flexible            | 12em    |
  * | #col3_li | #col3_re |         |
  * | 50%      | 50%      |         |
  * |-------------------------------|
  * | #footer                       |
  * |-------------------------------|
  */


  #col1 {   	
    width: 13em;
    float: right;
    margin: 0 0 1em 1em;
  }
  #col1_content {
    padding: 0;
  }
  .box {
  	background: #fff;
  	border: solid 1px #000000;
  	
  	margin: 0 0 2em 0;
  }
  .box_content {
  	padding: 10px;
        font-size: 0.8em;
  }
  .box_img {
  	padding: 0;
  	text-align: center;
  	font-size: 0.8em;
  }
  .box_img img {
  	max-width: 16em; /* Breite der Box (Achtung: Schriftgröße 0.8!); bisschen was für Rahmen abziehen (hier: 0.25em) */
  }

  #col3 {
    background: #fff;
    border: solid 1px #000000;
  	
    margin: 0 14.25em 0 0;
  }
  #col3_content {

    text-align: center; /* Zentrierung für IE */
    padding: 0 0 10px;
  }

  #col3_content2 {
    width: 99%;

    margin: 0 auto; /* Zentrierung richtig */

    text-align: left; /* Auswirkungen von IE-Zentrierung aufheben */

  }
  #col3_content img {
    padding: 0 0 0 10px;
    float: right;
  }

  #col3_li {
    float: left;
    width: 50%;
  }
  #col3_li_content {
    padding: 0 10px 0 15px;
  }

  #col3_re {
    margin: 0 0 0 50%;
    border-left: 1px #ddd solid; /* alte Farbe: #eee */
  }
  #col3_re_content {
    padding: 0 15px 0 10px;
  }




/* Definition der Anzeige von Schrift und co */
  /**
  * 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-family: Verdana, Helvetica, Arial, sans-serif;
    font-size: 12px; 
    color: #000000;
    text-align:left;  
  }

  h1,h2,h3,h4,h5,h6 { 
		font-family: Verdana, Arial;
		font-weight:bold;
		color:#666;
		margin: 0 0 0.25em 0;
  }

	h1 { font-size: 20px }
	h2 { font-size: 16px; color: #000; line-height: 1em;}
	h3 { font-size: 15px; line-height: 1em;}
	h4 { font-size: 15px; }
	h5 { font-size: 13px; }
	h6 { font-size: 13px; font-style:italic }

  #header h1 {
    font-size:2.5em;
    /* letter-spacing:-2px */;
    line-height:65%;
    color:#000;
  }

  #header span {
    color:#999;
  }

  p { line-height: 1em; margin: 0 0 0.5em 0; }

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

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

  #col1 ul, ul.links {
    list-style: none;
    margin: 0;
    padding: 0;
  }
  #col1 ul li, ul.links li {
    background: url("../images/pfeil.png") no-repeat 0 0.5em;
    margin: 0; padding: 0;
    padding-left: 12px;
  }

  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: 1em; }

  acronym, abbr {
    letter-spacing: .07em;
    border-bottom: .1em dashed #c00;
    cursor: help;
  }

  /**
  * 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 }

  .col_name {
     display: block;
     background: #000000;
     margin: 0px; /* vorher -10px */
     margin-bottom: 10px;

     padding: 0.2em;

     font-size:8px;
     color:#ffffff;
     font-family:Arial;
    text-align: left; /* wegen Zentrierung im IE */
  }

  /*
   * normale Zeilenhöhe im li ist wie in p und co auf 1em
   * .box beschreibt die rechte Box, hier muss die Zeilenhöhe 1.5em sein
   */
  .box li {
     line-height: 1.5em;
  }

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

  a {color: #ad0000; text-decoration:none;}
  a:focus,
  a:hover,
  a:active {color: #ad000000; text-decoration:underline;}

  #nav_main a {
    color: #000;
  }

	/**
  * (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.5em; }
  thead th { background: #444; color: #fff }
  tbody th { background: #ccc; color: #333 }
  tbody th.sub { background: #ddd; color: #333 }
	
  /**
  * 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 #ddd solid;
  }