/**
 * "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.2
 * @revision        $Revision: 1.3 $
 * @lastmodified    $Date: 2013-08-12 08:44:11 $
 * @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: "Open Sans", Arial, Helvetica, sans-serif;
        /*font-size:87.50%;  base: 14px */
        font-size: 75.00%;
        color: #5a5b5d;
        /* (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 ------------------------------------------------------------------------*/
    header h1.header_title {
        font-family: "Open Sans", Arial, Helvetica, sans-serif;
        font-weight: bold;
        font-size: 260%;
        margin: 0;
        padding: 0;
    }

    .ym-col1 h1, .ym-col1 h2, .ym-col1 h3,
    .ym-col1 h4, .ym-col1 h5, .ym-col1 h6,
    .ym-col2 h1, .ym-col2 h2, .ym-col2 h3
    .ym-col2 h4, .ym-col2 h5, .ym-col2 h6 {
        display: block;
        margin: 0 0 0.25em 0;
    }

    /*Rand H1-H3*/
    .ym-col1 h1, .ym-col1 h2, .ym-col1 h3,
    .ym-col2 h1, .ym-col2 h2, .ym-col2 h3 {
        font-family: "Open Sans", Arial, Helvetica, sans-serif;
        font-weight: bold;
        padding: 5px 0;
        clear: left;
        color: #f88913;
    }

    .ym-col1 h1, .ym-col1 h2,
    .ym-col2 h1, .ym-col2 h2 {
        color: #f88913;
        border-bottom: 0;
    }

    .ym-col1 .quickbox h1, .ym-col1 .quickbox h2,
    .ym-col2 .quickbox h1, .ym-col2 .quickbox h2 {
        font-weight: normal;
        clear: left;
        color: #fff;
        border-bottom: 0;
        padding: 5px 7px;
        background: #f88913;
        background: -moz-linear-gradient(top, #f88913 0%, #009ec3 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f88913), color-stop(100%, #009ec3));
        background: -webkit-linear-gradient(top, #f88913 0%, #009ec3 100%);
        background: -o-linear-gradient(top, #f88913 0%, #009ec3 100%);
        background: -ms-linear-gradient(top, #f88913 0%, #009ec3 100%);
        background: linear-gradient(to bottom, #f88913 0%, #009ec3 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f88913', endColorstr='#009ec3', GradientType=0);
    }

    /*Rand H4-H6*/
    .ym-col1 h4, .ym-col1 h5, .ym-col1 h6,
    .ym-col2 h4, .ym-col2 h5, .ym-col2 h6 {
        font-family: "Open Sans", Arial, Helvetica, sans-serif;
        padding: 5px 0;
        clear: left;
        color: #f88913;
        border-bottom: 0;
    }

    .ym-col1 h1, .ym-col2 h1 {
        font-size: 120%;
    }

    .ym-col1 h2, .ym-col2 h2 {
        font-size: 120%;
    }

    .ym-col1 h3, .ym-col2 h3 {
        font-size: 100%;
    }

    .ym-col1 h4, .ym-col2 h4 {
        font-size: 100%;
    }

    .ym-col1 h5, .ym-col2 h5 {
        font-size: 90%;
    }

    .ym-col1 h6, .ym-col2 h5 {
        font-size: 90%;
    }

    /*Content H1-H6*/
    .ym-col3 h1,
    .ym-col3 h2,
    .ym-col3 h3,
    .ym-col3 h4,
    .ym-col3 h5,
    .ym-col3 h6 {
        font-family: "Open Sans", Arial, Helvetica, sans-serif;
        font-weight: 600;
        margin: 0.5em 0 0.75em 0;
        display: block;
        padding: 5px 0;
        color: #f88913;
        border: 0;
    }

    .ym-col3 .ym-cbox-content h1 {
        font-size: 250%;
        font-weight: 600;
    }

    .ym-col3 .ym-cbox-content h2 {
        font-size: 250%;
        font-weight: 600;
        margin: 0 0 0.75em 0;
    }

    .ym-col3 .ym-cbox-content h3 {
        font-size: 250%;
        font-weight: 600;
        margin: 0.5em 0 0.25em;
    }

    .ym-col3 .ym-cbox-content h4 {
        font-size: 180%;
    }

    .ym-col3 .ym-cbox-content h5 {
        font-size: 160%;
    }

    .ym-col3 .ym-cbox-content h6 {
        font-size: 140%;
    }

    .ym-col3 .ym-cbox-content h3.bcaddress-list-title {
        font-size: 160%;
        margin: 0;
    }

    body.theme_startseite .ym-col3 .ym-cbox-content h2 {
        width: 76%;
        text-align: center;
        margin: 0 auto;
        font-size: 270%;
    }

    .ym-col3 .ym-cbox-content h2.articlelist-listview-title,
    .ym-col3 .ym-cbox-content h2.articlelist-listview-title,
    .ym-col3 .ym-cbox-content h3.articlelist-listview-title,
    .ym-col3 .ym-cbox-content h3.articlelist-listview-title {
        margin: 0 0 0.5em 0;
        padding: 0;
    }

    .ym-col3 .ym-cbox-content h3.ui-accordion-header {
        font-size: 100%;
        margin: 0 0 0.5em;
    }

    /* --- Lists | Listen  -------------------------------------------------------------------------------- */
    ul,
    ol,
    dl {
        font-size: 1em;
        line-height: 1.5em;
        margin: 1.5em 0 0 1em;
    }

    ul {
        list-style-type: disc;
    }

    .ym-col3 ul {
        margin: 1.5em 0 1em 1em;
    }

    .ym-col3 ul ul {
        margin: 0 0 0 1em;
    }

    .ym-col3 .gcarticle-accordion-details ul {
        margin: 1.5em 0 1em 0;
    }

    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;
    }

    .ym-col3 li {
        font-size: 1.1em;
    }

    dt {
        font-weight: bold;
    }

    dd {
        margin: 0 0 1.5em 0.8em;
    }

    /* --- general text formatting | Allgemeine Textauszeichnung ------------------------------------------ */
    p {
        font-size: 1.1em;
        line-height: 1.5em;
        /*margin: 1.5em 0 0 0; yaml abstand nach oben*/
        margin: 0em 0 1.5em;
    }

    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;
    }

    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,
    a:link,
    a:visited {
        color: #f88913;
        background: transparent;
        text-decoration: none;
    }

    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,
    a:active {
        color: #000;
        text-decoration: underline;
    }

    /* --- images ------------------ */
    img,
    figure {
        margin: 0;
    }

    .flexible {
        margin-top: 1.5em;
        max-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 {
        padding: 0;
        display: inline-block;
        vertical-align: middle;
        letter-spacing: normal;
        white-space: nowrap;
        font-size: 1em;
        background: none;
        font-weight: bold;
        margin-bottom: 1px;
        color: #5a5b5d;
        line-height: 1.4em;
        /*
        font-family: Verdana, Geneva, sans-serif;
        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: #5a5b5d;
        border: 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;
        font-size: 1.1em;
    }

    .gcarticle-detail th,
    .gcarticle-detail td {
        border: 1px solid #ccc;
    }

    table.gcarticle-documenttable th,
    table.gcarticle-documenttable td,
    table.gcarticle-documenttable {
        border: none;
    }

    .gcarticle-documenttable .media-desc {
        display: none;
    }

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

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

    thead th {
        text-align: left;
        color: #5a5b5d;
        background: none;
        border-bottom: 2px #ccc 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;
    }
}