/**
 * "Yet Another Multicolumn Layout" - YAML CSS Framework
 *
 * (en) Uniform design of standard content elements
 * (de) Einheitliche Standardformatierungen für die wichtigten Inhalts-Elemente
 *
 * @copyright       © 2005-2013, 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         4.1.2
 */
@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, input, button, select, option, optgroup, pre, code, kbd, samp, var, tt { font-family: 'Source Sans Pro', sans-serif; color: #3e485b; }
  textarea, input, button, select { font-family: 'Source Sans Pro', sans-serif; color: #3e485b; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0.25em 0.5em; line-height: 1.2; background: #fff; border: 2px solid #c8d6ef; outline: 0; resize: vertical; }
  textarea:focus, input:focus, select:focus { border-color: #7698d7; }
 .btn, input[type="button"], input[type="reset"], input[type="submit"], button { display: inline-block; margin: 0; padding: 0.25em 1em; color: #052a70; text-transform: uppercase; background: #fff; border: 2px solid #c8d6ef; outline: 0; cursor: pointer; }
  input[type="button"]:hover, input[type="button"]:focus, input[type="reset"]:hover, input[type="reset"]:focus, input[type="submit"]:hover, input[type="submit"]:focus, button:hover, button:focus { border-color: #7698d7; }

  *::-webkit-input-placeholder { text-transform: uppercase; letter-spacing: 0.025em; color: #758094; }
  *::-moz-placeholder { text-transform: uppercase; letter-spacing: 0.025em; color: #758094; }
  *:-ms-input-placeholder { text-transform: uppercase; letter-spacing: 0.025em; color: #758094; }

  input::-moz-focus-inner, button::-moz-focus-inner { margin: 0; padding: 0; border: 0; }
  input::-moz-focus-outer, button::-moz-focus-outer { margin: 0; padding: 0; border: 0; }  

  body { font-family: 'Source Sans Pro', sans-serif; font-size: 125%; color: #3e485b; }
  body.onepage { color: #fff; }

  /*--- Headings | Überschriften ------------------------------------------------------------------------*/
  h1, h2, h3, h4, h5, h6 { font-family: 'Source Sans Pro', sans-serif; font-weight: 700; font-style: italic; line-height: 1.2; color: #052a70; margin: 1.5em 0 0.5em; }
  h1, .onepage h2 { font-size: 1.6em; margin-top: 0; }
  h2, .onepage h3{ font-size: 1em; }
  h3 { font-size: 1em; }
  h4, h5, h6 { font-size: 1em; line-height: 1.5; margin: 1.5em 0 0; }

  .section-title * { color: #37558d; font-size: 1em; font-weight: 400; font-style: normal; text-align: right; text-transform: uppercase; letter-spacing: 0.025em; margin: 0; }
  #sitemap h3 { margin: 0 0 1em; font-size: 1em; font-weight: 400; font-style: normal; color: #d1ddf2; text-transform: uppercase; letter-spacing: 0.025em; }
  #contact h2{ font-size: 1.6em; }

  /* kein margin für das erste element */
  .ym-cbox :first-child > .ce-header > :first-child { margin-top: 0; }
  .hgroup > * + * { margin-top: 0; }
  .csc-firstHeader, .ce-textpic.ce-intext.ce-left .ce-bodytext .ce-header *, .ce-textpic.ce-intext.ce-right .ce-bodytext .ce-header *, .frame-layout-10 .ce-textpic .ce-bodytext .ce-header *, .frame-layout-10 .ce-header * { margin-top: 0; }
  .ce-textpic.ce-intext.ce-left, .frame-layout-10, .ce-textpic.ce-intext.ce-right{ margin-top: 1.5em; }
  .csc-firstContent .ce-textpic, .ce-header + .ce-textpic { margin-top: 0; }
  .ce-header + h3, .ce-textpic .ce-bodytext .ce-header + h3 { margin-top: 0; }
  .frame-default + .frame-default h1, .frame-default + .csc-frame h1, .csc-frame + .frame-default h1, .csc-frame + .csc-frame h1,
  .frame-default + .frame-default h2, .frame-default + .csc-frame h2, .csc-frame + .frame-default h2, .csc-frame + .csc-frame h2 { margin-top: 1.5em; }

  .csc-text, .article .news-single-item, .article.teaser-content, .page-navigation { max-width: 30em; }

  /* --- Lists | Listen  -------------------------------------------------------------------------------- */
  ul, ol, dl { font-size: 1em; line-height: 1.5; margin: 0 0 1.5em; }
  ul { list-style-type: disc; }
  ol { list-style-type: decimal; }
  ul ul { list-style-type: circle; margin-bottom: 0; }
  ol ol { list-style-type: lower-latin; margin-bottom: 0; }
  ol ul { list-style-type: circle; margin-bottom: 0; }
  li { font-size: 1em; line-height: 1.5; margin-left: 1.2em; }
  dt { font-weight: 700; }
  dd { margin: 0 0 1.5em 0.8em; }

  /* --- general text formatting | Allgemeine Textauszeichnung ------------------------------------------ */
  p { font-size: 1em; line-height: 1.3; margin: 0 0 1.5em; }
  blockquote, cite, q { font-family: 'Source Sans Pro', sans-serif; font-style: italic; }
  blockquote { background: transparent; color: #000000; margin: 1.5em 0 1.5em 1.5em; }
  strong, b { font-weight: 700; }
  em, i { font-style: italic; }
  big { font-size: 1.143em; line-height: 1.3125; }
  small { font-size: 0.857em; line-height: 1.75; }
  pre, code, kbd, tt, samp, var { font-size: 100%; }
  pre { font-size: 1em; line-height: 1.5; margin: 0 0 1.5em; white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
  pre, code { color: #880000; }
  kbd, samp, var, tt { color: #000000; font-weight: 700; }
  var, dfn { font-style: italic; }
  acronym, abbr { border-bottom: 1px dotted #000000; font-variant: small-caps; letter-spacing: .07em; cursor: help; }
  sub, sup { font-size: 0.75em; line-height: 0; position: relative; vertical-align: baseline; }
  sup { top: -0.5em; }
  sub { bottom: -0.25em; }
  mark { background: yellow; color: black; }
  hr { color: #000000; background: transparent; margin: 0 0 1.5em; padding: 1.5em 0 0; border: 0; border-bottom: 1px solid #000000; }

  /*--- Links ----------------------------------------------------------------------------------------- */
  a { color: #0071bc; background: none; text-decoration: none; }
  a:active { outline: 0; }
  a:hover, a:focus { color: #052a70; text-decoration: none; }

  a.internal-link-box { display: inline-block; padding: 0.25em 0.75em; color: #fff; line-height: 1.2; text-transform: uppercase; letter-spacing: 0.025em; border: 2px solid #7698d7; background: #1b53bd; }
  a.internal-link-box:hover, a.internal-link-box:focus, a.internal-link-box:active { background: #7698d7; }

  /* --- images ------------------ */
  img, figure { margin: 0; }
  figure img { max-width: 100%; width: auto; height: auto; }

  /**
  * ----------------------------------------------------------------------- #
  *
  * Generic Content Classes
  *
  * (en) standard classes for positioning and highlighting
  * (de) Standardklassen zur Positionierung und Hervorhebung
  *
  * @section content-generic-classes
  */
  span.day { display: inline-block; width: 5em; }
  span.important { color: #0071bc; }

  /**
  * ------------------------------------------------------------------------------------------------- #
  *
  * 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; color: #3e485b; margin: 0 0 1.5em; }
  caption { font-variant: small-caps; }
  th, td { line-height: 1.5; vertical-align: top; padding: 0.25em 0.5em; }
  th *:first-child, td *:first-child { margin-top: 0; }
  thead th { text-align: left; color: #3e485b; border-bottom: 2px solid #c8d6ef; }
  tbody th { text-align: left; border-top: 1px solid #c8d6ef; }
  tbody td { text-align: left; border-top: 1px solid #c8d6ef; }
  tbody tr:hover th, tbody tr:hover td { background: #f8f8f8; background: rgba(200, 214, 239, 0.15); }
  
  .ce-textpic.ce-intext h2 { margin-top: 0; }
}