/**
 * "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$
 * @lastmodified    $Date$
 * @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_alt 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_alt 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_alt size 14px */
    /* (de) Basis-Layout erhält Standardschriftgröße von 14 Pixeln */
    body {
        /*font_alt-family: "Arimo", Arial, Helvetica, sans-serif;*/
        font-size: 75.00%;
        color: #6a7a7f;
        font-family: "Open Sans", Verdana, Helvetica, Arial, sans-serif;
        font-weight: 400;
        font-style: normal;

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

    .ym-col1 h1, .ym-col1 h2, .ym-col1 h3,
    .ym-col2 h1, .ym-col2 h2, .ym-col2 h3 {
        font_alt-weight: 300;
        padding: 5px 0;
        clear: left;
        color: #000;
    }

    .ym-col1 h4, .ym-col1 h5, .ym-col1 h6,
    .ym-col2 h4, .ym-col2 h5, .ym-col2 h6 {
        padding: 5px 0;
        clear: left;
        color: #000;
        border-bottom: 0;
    }

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

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

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

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

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

    .ym-col1 h6, .ym-col2 h5 {
        font_alt-size: 90%;
    }
    */
    /*Content H1-H6*/
    main h1,
    main h2,
    main h3,
    main h4,
    main h5,
    main h6 {
        font-weight: 600;
        margin: 0.5em 0 0.75em 0;
        line-height: 1.4em;
        display: block;
        padding: 5px 0;
        color: #0093d6;
        border: 0;
        font-family: "Open Sans", Verdana, Helvetica, Arial, sans-serif;
    }

    main .ym-cbox-content h1 {
        font-size: 260%;
        margin: 0 0 0.35em 0;
        font-weight: 600;
        font-family: 'Amatic SC', cursive;
    }

    main .ym-cbox-content h2 {
        font-size: 200%;
        margin: 0 0 0.35em 0;
        font-weight: 600;
        line-height:1.2em;
        font-family: 'Amatic SC', cursive;
    }

    main .ym-cbox-content h3 {
        font-size: 130%;
    }

    main .ym-cbox-content h4 {
        font-size: 110%;
    }

    main .ym-cbox-content h5 {
        font-size: 100%;
    }

    main .ym-cbox-content h6 {
        font-size: 100%;
    }

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

    main h1 strong,
    main h2 strong,
    main h3 strong,
    main h4 strong,
    main h5 strong,
    main h6 strong {
        font-weight: 400;
    }


    #main .gc_gcevent > h3,
    #main .eventsearch > h3,
    #main .gcarticle h3.gcarticle-title,
    #main .gc_matrixmenu h3.freemenu-title{
        font-weight: 600;
        font-family: 'Amatic SC', cursive;
        display: block;
        font-size: 220%;
        color: #b0c2c8;
        margin: 0 0 0.25em 0;
        padding: 0;
        position: relative;
        text-decoration: none;
    }

    main .bcaddress-list .bcaddress-list-subtitle {
        font-size: 100%;
        color: #666;
    }

    /* --- 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: 800;
    }

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

    ol.satzungen {
        counter-reset: item
    }

    ol.satzungen li {
        display: block
    }

    ol.satzungen li:before {
        content: counters(item, ".") " ";
        counter-increment: item
    }

    /* --- general text formatting | Allgemeine Textauszeichnung ------------------------------------------ */
    p {
        font-size: 1em;
        line-height: 1.5em;
        /*margin: 1.5em 0 0 0; yaml abstand nach oben*/
        margin: 0 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: 800;
    }

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

    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: #B2B2B2;
        margin: 1.5em 0 1.5em 0;
        padding: 0 0 0.2em 0;
        border: 0;
        border-bottom: 1px #B2B2B2 solid;
    }

    /*--- Links ----------------------------------------------------------------------------------------- */
    a,
    a:link,
    a:visited {
        color: #0093d6;
        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: #005480;
        text-decoration: underline;
    }


    footer .footer-nav-box a,
    footer .footer-nav-box a:link,
    footer .footer-nav-box a:visited {
        color: #677880;
        text-decoration: none;
    }

    footer .footer-nav-box a:hover,
    footer .footer-nav-box a:focus,
    footer .footer-nav-box 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: 2px 6px 2px;
        display: inline-block;
        vertical-align: middle;
        letter-spacing: normal;
        white-space: nowrap;
        font-size: 0.9em;
        background: #ecf2f4;
        margin-bottom: 1px;
        color: #666;
        line-height: 1.4em;
        /*
        font_alt-family: Verdana, Geneva, sans-serif;
        font_alt-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;
        font-size: 0.8em;
    }

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