/**
 * "Yet Another Multicolumn Layout" - YAML CSS Framework
 *
 * (en) Uniform design of standard content elements
 * (de) Einheitliche Standardformatierungen für die wichtigten Inhalts-Elemente
 *
 * @copyright       Copyright 2005-2012, Dirk Jesse
 * @license         CC-BY 2.0 (http://creativecommons.org/licenses/by/2.0/),
 *                  YAML-CDL (http://www.yaml.de/license.html)
 * @link            http://www.yaml.de
 * @package         yaml
 * @version         v4.0.1
 * @revision        $Revision: 724 $
 * @lastmodified    $Date: 2012-03-03 11:45:41 +0100 (Sa, 03 Mrz 2012) $
 * @appdef yaml
 */

@media all {

  /**
  * @section global typography settings
  *
  * vertical rhythm settings (based on em-unit)
  * -------------------------------------------
  * basefont-size: 14px (87.5%)
  * line-height  : 21px (factor: 1.5)
  */

  /* (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%; }

  /**
  * (en) reset monospaced elements to font size 16px in all browsers
  * (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;
  }

  /* (en) base layout gets standard font size 14px */
  /* (de) Basis-Layout erhält Standardschriftgröße von 14 Pixeln */
  body {
    font-family: "Droid Serif", Georgia, "Times New Roman", Times, serif;
    font-size:87.50%; /* base: 14px */
    color:#444;

    /* (en) Prevent auto-scaling of text in mobile webkit browsers */
    /* (de) Automatische Schriftvergrößerung in mobilen Webkit-Browsern vermeiden */
    -webkit-text-size-adjust:100%;
  }

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

  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    font-family:  "Droid Sans", Arial, Helvetica, sans-serif;
    font-weight: 400;
    color:#161e21;
    margin:0;
  }

  h1 {
    font-size:150%;
    line-height: 0.99em;
    margin: 0.5em 0 0.6em 0;
      
    
  }

  h2 {
    font-size:135%;
    line-height: 1.2em;
    margin: 0.2em 0 0 0;
  }

  h3 {
    font-size:110%;
    line-height: 0.8571em;
    margin:0.8571em 0 0 0;
    
  }



  h4 {
    font-size:12px;
    line-height: 1.125em;
    margin:1.125em 0 0 0;
    
  }

  h5 {
    font-size: 12px;
    line-height: 1.2857em;
    margin: 1.2857em 0 0 0;
    font-weight: bold;
  }

  h6 {
    font-weight:normal;
    font-size:75%;
    font-weight:bold;
    line-height: 1.5em;
    margin: 1.2 em 0 0 0;
    color:#7d7d7d;
  }

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

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

  ul {
    list-style-type:disc;
  }

  ol {
    list-style-type:decimal;
  }

  ul ul {
    list-style-type:circle;
    margin-top:0;
  }

  ol ol {
    list-style-type:lower-latin;
    margin-top:0;
  }

  ol ul {
    list-style-type:circle;
    margin-top:0;
  }

  li {
    font-size:1em;
    line-height:1.5em;
    margin-left:0.8em;
  }

  dt { font-weight:bold; }

  dd {}

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

  p {
    font-size: 11 px;
    line-height:1.5em;
    margin: 1.5em 0 0 0;
  
  }


  blockquote, cite, q {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-style:italic;
  }

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

  strong, b { font-weight:bold; }

strong, b a { 
  font-weight:bold;
  color:#00ade9;
}

  em, i { font-style:italic; }

  big {
    font-size:116.667%;
  }

  small {
    font-size:85.71%;
  }

  pre,
  code,
  kbd,
  tt,
  samp,
  var {
    font-size:100%;
  }

  pre {
    line-height:1.5em;
    margin: 1.5em 0 0 0;
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word;
  }
  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;
    font-variant:small-caps;
    letter-spacing:.07em;
    cursor:help;
  }

  sub,
  sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
  }

  sup { top: -0.5em; }
  sub { bottom: -0.25em; }

  mark {
    background: #ff0;
    color: #000;
  }

  hr {
    color:#fff;
    background:transparent;
    margin:0 0 0.75em 0;
    padding:0 0 0.75em 0;
    border:0;
    border-bottom:1px #eee solid;
  }

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

  a {
    color:#4B4B4A;
    background:transparent;
    text-decoration:none;
    line-height:1.05em;
  }

  a:active { outline: none; }

  /* (en) maximum constrast for tab focus - change with great care */
  /* (en) Maximaler Kontrast für Tab Focus - Ändern Sie diese Regel mit Bedacht */
  a:hover,
  a:focus {
    
    text-decoration:underline;
  }

  /* --- images ------------------ */

  img,
  figure {
    margin: 0;
    
  }

  .flexible {
    margin-top: 1.5em;
    width: 100%;
    height: auto;
  }

  * html .flexible {  /* IE6 support */
    width: 98%;    /* 2% space for borders */
  }

  .bordered {
    margin-top: 1.5em;
    border: 2px #eee solid;
    border: 2px rgba(255,255,255,1) solid;
    -webkit-box-shadow: 0 0 3px rgba(0,0,0,.25);
    -moz-box-shadow: 0 0 3px rgba(0,0,0,.25);
    box-shadow: 0 0 3px rgba(0,0,0,.25);
  }

  /**
  * ----------------------------------------------------------------------- #
  *
  * Generic Content Classes
  *
  * (en) standard classes for positioning and highlighting
  * (de) Standardklassen zur Positionierung und Hervorhebung
  *
  * @section content-generic-classes
  */
  .highlight {
    color:#c30;
  }

  .dimmed {
    color:#888;
  }

  .box {
    border-radius: 0.3em;
    border-width: 1px;
    border-style: solid;
    border-color: #888;
    border-color: rgba(0,0,0,.3);
    -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2) inset;
    -moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2) inset;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2) inset;
    color: #444;
    color: rgba(0,0,0,.8);
    padding: 1.4286em;
    margin: 1.5em 0 0 0;
  }

  .box > *:first-child {
    margin-top: 0;
  }

  .label {
    font-family: Verdana, Geneva, sans-serif;
    padding: 1px 6px 2px;
    display: inline-block;
    vertical-align:middle;
    letter-spacing: normal;
    white-space:nowrap;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background: #06C;
    color: #fff;
    font-size: 10px;
    line-height: 12px;
  }

  .info {
    background:#f4f4f4;
  }

  .success {
    background:#8c8;
  }

  .warning {
    background:#cc8;
  }

  .error {
    background:#c88;
  }

  .float-left {
    float:left;
    display:inline;
    margin: 1.5em 1em 0 0;
  }

  .float-right {
    float:right;
    display:inline;
    margin: 1.5em 0 0 1em;
  }

  .center {
    display:block;
    text-align:center;
    margin: 1.5em auto 0 auto;
  }

  /**
  * ------------------------------------------------------------------------------------------------- #
  *
  * 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:100%;
    border-collapse:collapse;
    margin: 1.3571em 0 0 0;
    color:#333;
    border-top: 1px #ccc solid;
    border-bottom: 1px #ccc solid;
  }

  table.narrow {
    margin:  1.4286em 0 0 0;
  }

  table.narrow th,
  table.narrow td {
    padding: 0 0.5em;
    line-height: 1.4286em;
  }

  table.bordertable {
    border:1px #ccc solid;
  }

  table caption {
    font-variant:small-caps;
  }

  th, td {
    line-height: 1.5em;
    vertical-align: top;
    padding: 0.7143em 0.5em;
  }

  th *:first-child,
  td *:first-child {
    margin-top: 0;
  }

  th.nowrap,
  td.nowrap {
    white-space: nowrap;
  }

  thead th {
    text-align: left;
    color:#000;
    /*border-bottom:2px #000 solid;*/
  }

  .bordertable thead th {
    background:#e0e0e0;
    border-right:1px #ccc solid;
    border-bottom:1px #ccc solid;
  }

  .bordertable tbody th[scope="row"] {
    background:#f0f0f0;
  }

  tbody th {
    text-align: left;
    border-top:1px solid #ccc;
    text-align:left;
  }

  .bordertable tbody th {
    border-right:1px solid #ccc;
  }

  tbody td {
    text-align: left;
    border-top:1px solid #ccc;
  }

  .bordertable tbody td {
    border-right:1px solid #ccc;
  }

  /* highlight row on mouse over */
  tbody tr:hover th,
  tbody tr:hover td {
    background:#f8f8f8;
  }
}