/**
 * "Yet Another Multicolumn Layout" - YAML CSS Framework
 *
 * central stylesheet - layout example "flexible-columns"
 *
 * @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
 */

/* Google Font API
   @import url(http://fonts.googleapis.com/css?family=Droid+Serif:400,400italic,700|Droid+Sans:400,400italic,700);
 */

/* import core styles | Basis-Stylesheets einbinden */
@import url(yaml/core/base.css);

/* import screen layout | Screen-Layout einbinden */
@import url(yaml/navigation/hlist.css);
/*
  @import url(yaml/forms/gray-theme.css);
  */

@import url(yaml/screen/typography.css);
@import url(yaml/screen/grid-960gs-16.css);
/*@import url(yaml/screen/screen-custom-grids.css);*/
/*@import url(yaml/screen/screen-PAGE-layout.css);*/

/* import print layout | Druck-Layout einbinden */
@import url(yaml/print/print.css);


/**
 * "Yet Another Multicolumn Layout" - YAML CSS Framework
 *
 * screen stylesheet - layout example "custom grids"
 *
 * @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
 */

@media screen {

    /* Basic Element Styling */
    div.ym-gbox {
        margin-bottom: 21px;/* 1.5em - px value to reduce rounding errors in IE */
        line-height: 19px;  /* 1.3571em - px value to reduce rounding errors in IE */
    /*
      background: rgb(240,220,220);
      background: rgba(128,0,0,.1);
      border: 1px #800 solid;
      text-align: center;
      */
    }

}

@media screen and ( max-width: 759px )  {

    .ym-wrapper {
        width: auto;
    }

    .ym-gl,
    .ym-gr {
        margin:0;
        float: none;
        width: auto !important;
        position:static;
    }

    .ym-gbox { padding: 0; }
}