/**
 * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
 *
 * (de) Einheitliche Standardformatierungen für die wichtigten Inhalts-Elemente
 *
 * @copyright       Copyright 2005-2009, 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.2
 * @revision        $Revision:392 $
 * @lastmodified    $Date:2009-07-05 12:18:40 +0200 (So, 05. Jul 2009) $
 * @appdef yaml
 */

@media all
{
 /**
  * Fonts

  * (de) Globale Einstellungen für Zeichensatz und Schriftgrößen
  *
  * @section content-global-settings
  */

  /* (de) Alle Schriftgrößen auf Standardgröße (16 Pixel) zurücksetzen */
  html * { font-size:100.01%; }

 /**
  * (de) Schriftgröße von monospaced Elemente in allen Browsern auf 16 Pixel setzen
  *
  * @see: http://webkit.org/blog/67/strange-medium/
  */

  textarea, pre, code, kbd, samp, var, tt {
    font-family:Consolas, "Lucida Console", "Andale Mono", "Bitstream Vera Sans Mono", "Courier New", Courier;
  }

  /* (de) Basis-Layout erhält Standardschriftgröße von 12 Pixeln */
  body {
    font-family:Arial, Verdana, Tahoma;
    font-size:75.00%;
    color:#333;
  }

  /*--- Headings | Überschriften ------------------------------------------------------------------------*/

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

  h1 { font-size:250%; }                       /* 30px */
  h2 { font-size:200%; }                       /* 24px */
  h3 { font-size:150%; }                       /* 18px */
  h4 { font-size:133.33%; margin-bottom: 0; }                    /* 16px */
  h5 { font-size:116.67%; }                    /* 14px */
  h6 { font-size:95%; color:#000000; }

  /* --- Lists | Listen  -------------------------------------------------------------------------------- */

  ul, ol, dl { line-height:1.5em; margin: 1em 0 1em 2em; }
  ul { list-style-type:disc; }
  ul ul { list-style-type:circle; margin: 0 2em; }

  ol { list-style-type:decimal; }
  ol ol { list-style-type:lower-latin; margin: 0 2em; }

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

  /* --- general text formatting | Allgemeine Textauszeichnung ------------------------------------------ */

  blockquote, cite, q {
    font-family: Arial, "Times New Roman";
    font-style: italic;
    quotes:"\0022" "\0022";
  }

  q:before, q:after { content:"\0022"; }

  blockquote { margin: 1em 1.5em; color:#666; }

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

  div.section { background: #F2F7FA; padding: 3px 5px; border: 1px #9EC4D9 solid; font-weight: bold; font-size: 116.67%; font-family:Verdana, Arial; margin-bottom: 10px; }
  p { padding: 12px 0; line-height: 1.5em; }
  p.trenner { padding: 12px 0; background: url(images/hr_kurz.png) no-repeat center bottom; }
  p.trenner_anzeige { padding: 6px 0; background: url(images/hr_kurz.png) no-repeat center bottom; }
  p.trennerjustify { text-align:justify; padding: 12px 0; background: url(images/hr_kurz.png) no-repeat center bottom; }
  p.trennerlang { padding: 4px 0; background: url(images/hr_lang.png) no-repeat center bottom; }
  p.trennerlang2 { padding: 12px 0; background: url(images/hr_lang.png) no-repeat center bottom; }
  div.justify { text-align:justify; line-height: 1.5em; padding: 12px 0; }
  span { font-family:Arial, Verdana, Tahoma; }
  span.small { font-size:91.667%; }
  span.quelle { color:#999999; }
  span.autor { color:#999999; line-height: 2em; }
  span.anzeige { font-size:91.667%; color:#999999;}
  form.small { font-size:75.00%; }

  pre { line-height:1.5em; margin:0 0 1em 0; }
  pre, code, kbd, tt, samp, var { font-size:100%; }
  pre, code { color:#800; }
  kbd, samp, var, tt { color:#666; font-weight:bold; }
  var, dfn { font-style:italic; }

  acronym, abbr {
    border-bottom:1px #aaa dotted;
    cursor:help;
  }

  sub, sup { font-size:91.6667%; line-height:0; }

  hr {
    color:#fff;
    background:transparent;
    padding:0 0 0.5em 0;
    border:0;
    border-bottom:1px #ddd solid;
  }

  /*--- Links ----------------------------------------------------------------------------------------- */

  a, a:visited { color: #333; background: transparent; text-decoration: underline; }
  h4 a, h4 a:visited { color: #006CA2; background: transparent; text-decoration: none; }
  span a, span a:visited { color: #999; text-decoration: none; }
  span.comments a, span.comments a:visited { color: #000; text-decoration: none; font-style: italic; font-weight: bold; }

  .kategorie a, .kategorie a:visited { color: #333; text-decoration: none; font-weight: bold; }
  .kategorie a:focus, .kategorie a:hover, .kategorie a:active { color: #AA0000; text-decoration: underline; font-weight: bold; }

  a.linkSmall, a.linkSmall:visited { font-weight: bold; text-decoration: none; color: #333; }
  a.linkSmall:focus, a.linkSmall:hover, a.linkSmall:active { text-decoration: underline; color: #AA0000; }

  a:focus, a:hover, a:active, h4 a:hover, h4 a:focus, span a:hover, span a:focus, span.comments a:hover, span.comments a:focus { color: #AA0000; text-decoration: underline; }

  #header span.navlinks a, #header span.navlinks a:visited { color: #000; text-decoration: none; }
  #header span.navlinks a:focus, #header span.navlinks a:hover, #header span.navlinks a:active { color: #AA0000; text-decoration: underline; }

 /**
  * ------------------------------------------------------------------------------------------------- #
  *
  * Generic Content Classes
  *
  * (de) Standardklassen zur Positionierung und Hervorhebung
  *
  * @section content-generic-classes
  */

  .float_left { float: left; display:inline; margin-right: 2em; margin-bottom: 1em; }
  .float_right { float: right; display:inline; margin-left: 1em; margin-bottom: 0.15em; }
  .center { display:block; text-align:center; margin: 0 auto; padding-top: 0; }
  .justify { text-align:justify; }

 /**
  * ------------------------------------------------------------------------------------------------- #
  *
  * Tables | Tabellen
  *
  * (de) Generische Klassen für die Tabellenbreite und Gestaltungsvorschriften für Tabellen
  *
  * @section content-tables
  */

  table td { padding:0.22em 0.4em; }
  table.full { width: 100%; }
  table.fixed { table-layout:fixed; }
  table.layout { border: 0; padding: 0; margin: 0; border-collapse:collapse; }
  table.layout td { padding: 0 }

  td.rechts, td.rot, td.orange, td.gelb, td.gruen, td.nvgruen, td.blau,  td.litegrey { text-align: right; background-color: #FFFFFF; white-space: nowrap; padding:0.3em 0.4em; }
  td.rot { color: #FF0000; }
  td.orange { color: #FF8000; }
  td.gelb { color: #FFD200; }
  td.gruen { color: #00967D; }
  td.nvgruen { color: #77B900; }
  td.blau { color: #00689F; }
  td.litegrey { color: #808080; }

  td.bgrot, td.bgorange, td.bggelb, td.bggruen, td.bgnvgruen, td.bgblau, td.bglitegrey, td.bghellrot, td.bggrau, td.bghellgrau { text-align: right; }
  td.bgrot { background-color: #FF0000;}
  td.bgorange { background-color: #FF8000;}
  td.bggelb { background-color: #FFFF80;}
  td.bggruen { background-color: #00967D; color: #FFFFFF;}
  td.bgnvgruen { background-color: #77B900; color: #FFFFFF;}
  td.bgblau { background-color: #00689F; color: #FFFFFF;}
  td.bglitegrey { background-color: #E0E0E0; color: #808080;}
  td.bghellrot { background-color: #FFF0F0;}
  td.bggrau { background-color: #C0C0C0;}
  td.bghellgrau { background-color: #F0F0F0;}
  td.fussnote { background-color: #FFFFFF;}
  table#bilder caption { font-size:116.67%; font-family:Arial, Verdana, Tahoma; font-weight:bold; color:#006CA2; text-align: left; margin:0 0 0.5em 0; }
  table.hartware { border-collapse: collapse; margin: 0 auto; }
  table.hartware caption {font-weight: bold; margin:0 auto 0.5em; }
  table.hartware thead th { background: #eeeeee; }
  table.hartware td, table.hartware th { padding: 5px; border:1px solid #dddddd; }
  table.hartware tr:nth-Child(even) { background:#F2F7FA; }
  table.hartware tr:hover { background:#FFF9CC; }

#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:visible;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose{cursor:pointer;}


#cboxOverlay{background: #000000 url(images/overlay.png) repeat 0 0;}
#colorbox{}
#cboxTopLeft{width:21px; height:21px; background:url(images/controls.png) no-repeat -100px 0;}
#cboxTopRight{width:21px; height:21px; background:url(images/controls.png) no-repeat -129px 0;}
#cboxBottomLeft{width:21px; height:21px; background:url(images/controls.png) no-repeat -100px -29px;}
#cboxBottomRight{width:21px; height:21px; background:url(images/controls.png) no-repeat -129px -29px;}
#cboxMiddleLeft{width:21px; background:url(images/controls.png) left top repeat-y;}
#cboxMiddleRight{width:21px; background:url(images/controls.png) right top repeat-y;}
#cboxTopCenter{height:21px; background:url(images/border.png) 0 0 repeat-x;}
#cboxBottomCenter{height:21px; background:url(images/border.png) 0 -29px repeat-x;}
#cboxContent{background:#fff;}
#cboxLoadedContent{margin-bottom:28px;}
#cboxTitle{position:absolute; bottom:4px; left:30px; text-align:center; width:100%; color:#949494;}
#cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
#cboxPrevious{position:absolute; bottom:0; left:0px; background:url(images/controls.png) no-repeat -75px 0px; width:25px; height:25px; text-indent:-9999px;}
#cboxPrevious.hover{background-position:-75px -25px;}
#cboxNext{position:absolute; bottom:0; left:27px; background:url(images/controls.png) no-repeat -50px 0px; width:25px; height:25px; text-indent:-9999px;}
#cboxNext.hover{background-position:-50px -25px;}
#cboxLoadingGraphic{background:url(images/loading.gif) no-repeat center center;}
#cboxClose{position:absolute; bottom:0; right:0; background:url(images/controls.png) no-repeat -25px 0px; width:25px; height:25px; text-indent:-9999px;}
#cboxClose.hover{background-position:-25px -25px;}