/**
 * "Yet Another Multicolumn Layout" - YAML CSS Framework
 *
 * default screen stylesheet - PAGE-layout type layout
 *
 * @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
 */
@charset "UTF-8";

@media screen {
  body {
    overflow-y: scroll;
    padding-top: 15px;
    padding-bottom: 15px;
  }

  /* Der Hauptrahmen */
  .ym-wrapper {
    min-width: 760px;
    max-width: 1150px;
    margin: 0 auto;
    padding: 0px 0px 0px 0px;
    border-left: 1px solid #efefef;
    border-right: 1px solid #efefef;
    border-bottom: 1px solid #efefef;
    -webkit-box-shadow: 1px -2px 14px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 1px -2px 14px rgba(0, 0, 0, 0.3);
    box-shadow: 1px -2px 14px rgba(0, 0, 0, 0.3);
  }

  .ym-box {
    padding: 0px;
  }

  main {
    padding: 0px;
  }

  footer {
    margin: 0;
    background: #eee;
    color: #444;
    padding: 1.5em;
    height: 30px;
  }

  footer p {
    margin: 0;
  }

  /* Spalten */
  .ym-col1 {
    width: 20%;
  }

  .ym-col2 {
    width: 200px;
  }

  .ym-col3 {
    margin-left: 20%;
    margin-right: 200px;
  }

  /* Spalten paddings */
  .ym-col1 .ym-cbox {
    padding: 0 0.75em 0 1.5em;
  }

  .ym-col3 .ym-cbox {
    padding: 0px 10px 0px 10px;
  }

  /*.ym-gbox { padding: 0 1.5em 0 0; }*/
  /* Barrierefreiheits-Navigation (skip links styling) */
  .ym-skiplinks a.ym-skip:focus,
  .ym-skiplinks a.ym-skip:active {
    color: #fff;
    background: #5a5a5a;
    border-bottom: 1px #000 solid;
    padding: 2px 0;
    text-align: center;
    text-decoration: none;
  }
}

/* Ende Screen */

/* Viewport-Hack 1 for MSIE 11 : Servicenavigation-Korrektur */
/* Seamless Fluid Transition : Container-Navigation wandert nach rechts */

/* Reset fallback values in modern browsers */
@media screen and (min-width: 0px) {
  .ym-wrapper {
    min-width: 0px;
  }
}

/* Ende Reset fallback */

/* Viewport 0.5 : ??? Erst mal deaktiviert durch mmain ??? */

/* Viewport 1 : SnapIn */
@media screen and (max-width: 1150px) {
  body {
    padding: 0px 0px 0px 0px;
  }

  /* Der Hauptrahmen */
  .ym-wrapper {
    border-left: 0px solid #efefef;
    border-right: 0px solid #efefef;
    border-bottom: 1px dotted #5a5a5a;
    -webkit-box-shadow: 0px 0px 0px rgba(1, 1, 1, 1);
    -moz-box-shadow: 0px 0px 0px rgba(1, 1, 1, 1);
    box-shadow: 0px 0px 0px rgba(1, 1, 1, 1);
  }
}

/* Ende Viewport 1 */

/* Viewport 2 : Rechte Spalte kleiner (200->150) */
@media screen and (max-width: 950px) {
  .ym-col2 {
    width: 150px;
  }

  .ym-col3 {
    margin-left: 20%;
    margin-right: 150px;
  }
}

/* Ende Viewport 2 */

/* Viewport 3 : Rechte Spalte raus! */
@media screen and (max-width: 760px) {
  .ym-col1 {
    width: 152px;
  }

  .ym-col2 {
    position: absolute;
    top: -10000px;
  }

  .ym-col3 {
    margin-right: 5px;
    margin-left: 152px;
  }
}

/* Ende Viewport 3 */

/* Viewport 4 : Container-Navigation viertelt sich */
/* Viewport 5 : News-Bilder kleiner ueber CSS */

/* Viewport 6 : Smartphone View */
@media screen and (max-width: 480px) {

  /* Der Hauptrahmen */
  .ym-wrapper {
    border: 0px;
    box-shadow: 0px -2px 14px rgba(0, 0, 0, 0.2);
    min-width: 300px;
  }

  /* Linearisation for Grid- and Column-Module, based on CSS class .linearize-level-2 */
  /*.llinearize-level-1,
    .llinearize-level-1 > [class*="ym-c"],
    .llinearize-level-1 > [class*="ym-g"] {}*/
  /*.linearize-level-1 > [class*="ym-c"] {*/
  .ym-col1,
  .ym-col2,
  .ym-col3 {
    display: block;
    float: none;
    padding: 0;
    margin: 0;
    width: auto !important;
  }

  /*.ym-col3 {
      margin-right: 			5px;
      margin-left: 			152px;
    }*/
}

/* Ende Viewport 5 */

/* Viewport-Hack 2 for MSIE 11 : Servicenavigation-Korrektur */