@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.4
 * @revision        $Revision: 138 $
 * @lastmodified    $Date: 2007-11-19 21:05:33 +0100 (Mo, 19 Nov 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) reset monospaced elements to font size 16px in Gecko browsers */
  /* (de) Schriftgröße von monospaced Elemente auf 16 Pixel setzen */
  textarea, pre, tt, code {
  font-family:"Courier New", Courier, monospace;  
  }
  
  /* (en) base layout gets standard font size 11px */
  /* (de) Basis-Layout erhält Standardschriftgröße von 11 Pixeln */
  body {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 75%; /*12px*/
  color:#000; 
  background: #fab707; 
  }

  h1,h2,h3,h4,h5,h6 { font-weight:bold; margin: 0 0 0.25em 0; }
  h1 {
  letter-spacing:0;
  font-weight: normal;
  font-size: 200%;
  color:#c4061c;
  padding:1em 0 0.3em 0;}   /* 24px */
  h2 {
    line-height: 150%;
     font-size: 150%; /*16px*/
     font-weight: normal;
    color:#c4061c;}           
  h3 { }           /* 12px */
  h4 { }                    /* 12px */
  h5 { }                    /* 12px */
  h6 { font-style:italic }  /* 12px */

  p { line-height: 1.7em; margin: 0 0 0.5em 0;} 
  
  small {font-size: 83.33%}    /* 10px */
  legend { color:#575757; margin: 0 0 1em 0; font-weight:bold;}
  dfn { color:#ff0000;}
  /* ### Lists | Listen  #### */

  ul, ol, dl { line-height: 1.5em; margin: 0 0 1em 0; }
  ul.li_pic { }
  ul .no_pic {list-style:none;}
  
  li { margin-left:1.5em; line-height: 1.5em }

  
  dt { font-weight: bold; float:left; display:block; }
  dd { margin: 0 0 1em 10em }
  
  .kontakt dt {width : 7em;float: left;padding: 0.5em 0.5em 0.5em 0em;border-top: 1px solid silver; font-weight : bold;} 
  .kontakt dd {margin-left:7em;padding: 0.5em 0.5em 0.5em 0.5em;border-top: 1px solid silver;} 

  #download dt {width : 10em;float: left; display:block;} 
  #download dd {margin-left:10.5em;padding: 0.5em;}
  
  /* ### 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:127.27%;}

  acronym, abbr {
    letter-spacing: .07em;
    border-bottom: .1em dashed #c00;
    cursor: help;
  }
  
   label {
    cursor:pointer; 
    }
    
  
 /**
  * Formatting of the Content Area | Formatierung der Inhaltsbereichs
  *
  * @section layout-main
  */
  
  /* Header */
  #header {background: #f5a013 url(../../../graphic/bg_head.gif) repeat-x top left;}
  #header_top { background-color:#c4061c; }
  #header_advertise { background:none; }
  #header .subcolumns { background: transparent url(../../../graphic/bg_sie-hoeren.gif) right top no-repeat;}
  
  
  #col3 { background: #fff; }
    /* set column dividers */   
  #col1 { border-left: 1px dotted silver; }

  /* Main */
  #main { background: #fff; }

  /**
   * 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-top: 1px #bdb dotted; border-bottom: 1px #bdb dotted;}
  .important {background: #ffd; padding: 1em; border-top: 1px #ddb dotted; border-bottom: 1px #ddb dotted;}
  .warning {background: #fdd; padding: 1em; border-top: 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: black; text-decoration:underline;}
  a:focus,
  a:hover,
  a:active {color: #d1001e; text-decoration:none;}
  
  /* Topnav */
  #topnav  { vertical-align: middle;}
  #topnav a { color: #fff; font-weight: bold; background:transparent; text-decoration:none; }
  #topnav a:focus,
  #topnav a:hover,
  #topnav a:active{ text-decoration:underline; background-color: transparent;}
  
  /* Footer */
  #footer { font-size: 91.67%; border-top: 1px dotted silver; background-color:#fff; } /* 11px */
  #footer a { background:transparent; font-weight: normal;color: #000; text-decoration: none;}
  #footer a:focus,
  #footer a:hover,
  #footer a:active {color: white ; background-color: #D1001E; text-decoration:none;}
  #footer a:focus img,
  #footer a:hover img,
  #footer a:active img { background-color: white; }
  
  
  /* Nav-Top */  
  #nav_top { font-size:91.67%; color: white;}/* 11px */
  #nav_top ul li a { color: #fff; text-decoration:none; font-weight: normal; background: transparent; }
    
  #nav_top ul li a:focus,
  #nav_top ul li a:hover,
  #nav_top ul li a:active {color: #fab707; background-color: transparent; text-decoration:none;}
  
  /**
   * Hauptnavigation
   * (de) Gestaltung von nav_main
   *
   * @section nav-main
   */

    /*Hauptnavigation */
  #nav { background: #000; }
    #nav_main { background: #000; }
  #nav_main li { border-right: 1px solid white;}
  #nav_main li a {color: #fff;}
  #nav_main a { border:0;} 
  #nav_main a:hover {background-color: black; color: #fab707;}
  
  /* Level 1 */
  #nav_main ul li a { font-weight: bold; background-color: transparent; }
  
  #nav_main ul li a:focus
  #nav_main ul li a:hover
  #nav_main ul li a:active { text-decoration: none; background-color:#fab707; }
  #nav_main ul li.active,
  #nav_main ul li.active a:focus,
  #nav_main ul li.active a:hover,
  #nav_main ul li.active a:active a { background-color:#C4061C; color: #fff; }
  
  /* Level 2 */
  #nav_main ul li ul li a,
  #nav_main ul li.active ul li a { color: black; font-weight: normal; background-color: #fab707; border-bottom: 1px solid #ffd974; }
    
  #nav_main ul li ul li a:focus,
  #nav_main ul li ul li a:hover,
  #nav_main ul li ul li a:active {background-color: #c4061c; color: white;}
  #nav_main ul li ul li.active a,
  #nav_main ul li.active ul li.active a { background-color:#C4061C; color: #fff; }
  
  /* Level 3 */
  #nav_main ul li ul li ul li a,
  #nav_main ul li.active ul li.active li a { color: #000; background: #FAB707;}
  
  #nav_main ul li ul li.active ul li a:focus,
  #nav_main ul li ul li.active ul li a:hover,
  #nav_main ul li ul li.active ul li a:active {background-color: #c4061c; color: white;}
  
  #nav_main ul li ul li ul li.active a,
  #nav_main ul li ul li.active ul li.active a { color: #fff ; background: #c4061c; }

  /**
   * 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; vertical-align:top; }
  thead th { background: #C4061C; color:#fff; }
  tbody th { background: #FAB707; color: #333; }
  tbody th.sub { background: #ddd; color: #333 }
  tfoot { background: #bd0000; color: #fff;}  
  
  #col1_content td { padding: 0;}
  
  /**
   * Miscellaneous | Sonstiges
   *
   * @section content-misc
   */

  hr {
    color: white;
    background:transparent;
    margin: 0 0 0.5em 0;
    padding: 0 0 0.5em 0;
    border:0;
    border-bottom: 1px silver dotted;
  }
  
  /**
  * @section Formulare
  * 
  */
  
  input, button, select, textarea {padding : 0.2em;}
  
  .formChoices, .formHandle {width:100%; overflow:hidden;}
  
  .formChoices label { cursor : pointer; }
  
  .formLabel {float:left;padding:0.1em;display:block;}
  .formField {margin-left:10em;display:block;}
  
  .formCheckboxField {width:2em;float:left;padding:0.1em;}
  .formCheckboxLabel {margin-left:2.5em;display:block;}
  
  .formTextareaLabel {padding:0;}
  .formTextareaField {padding:0.1em;display:block;}
  
  .formHandle {text-align:right;border-top:1px solid silver;padding-top : 0.5em;}
  
  .button,.buttonsuche,.submit { text-align:center; cursor : pointer; color : #ffffff; border : 1px outset; border-color : #838383; background-color : #59120D;}
  a.button  {padding:0.2em; font-weight:normal; text-decoration:none;}
  a.button:focus,
  a.button:hover,
  a.button:active  {color : #ffffff;background-color: #59120D;}
  /**
  * @section Eingabe-Formulare
  * 
  */
  .error input, .error select, .error textarea { 
    color : #000;
    border : 1px solid #ff0137;
    background : #fff;
  } 
  .error,.textred { 
    color : #ff0137 !important;
  }   
  
    /**
   * Miscellaneous | Sonstiges
   *
   * @section content-misc
   */
    /* Recommendation */ 
    #recommendation .advertise {border-bottom: 1px dotted silver; }
    #recommendation .advertise h2 {color: #155a82; font-family: Arial, Verdana, sans-serif; font-size: 100%; font-weight: bold;}
    #recommendation .advertise p {color: #6a6a6a; font-size: 83.33%; text-align:center; background-color:#fff;} /*10px*/
   
    /* Teaser */
    #teaser strong {color: #155a82; font-family: Arial, Verdana, sans-serif; font-size: 100%; font-weight: bold;}
    #teaser p {color: #6a6a6a; font-size: 83.33%}/*10px*/
   
     /* Breadcrumb */
  #breadcrumb {color: #231f20; font-size: 91.67%; border-bottom:1px dotted #aeaeae; background: white url(../../../graphic/bg_breadcrumb.gif) top left repeat-x; } /*11px*/
  #breadcrumb a {color: #231f20;}
  
  /* Misc - Sonstiges */
  #reference .advertise {border-bottom: 1px dotted silver; }
  #tagcloudc {color: #c4e1ea; text-align: center;}
  
  /* Sie hören */
  #sie_hoerenc {color: white;}
  #sie_hoerenc a {font-size: 83.33%; text-decoration: none; color: #155a82;}
  #sie_hoerenc a:focus,
  #sie_hoerenc a:hover,
  #sie_hoerenc a:active {color: white; background-color: #69bcad;}
  #sie_hoerenc a.active {color: white; background-color: #69bcad;}
  
  /*Volltextsuche */
  #sucheingabec input {border: 0;}
  #term { width: 12em;}

  #ter_kalender_suche {
  width:auto;
  }
}