@charset "UTF-8";

/* Stylesheet ========================================================= */

/*
 * - beinhaltet Styles für screen/projection und print
 * - definiert Styles für Layout, Typographie und alle Inhaltstypen
 *
 * Outline:
 *
 * 1) importierte Stylesheets + CSS Frameworks
 * 2) Styledefinitionen für all/screen/projection
 * 3) zusätzliche Styles für print
 *
 * ------------------------------------------------------------------------
 * WEITERE HINWEISE
 * ------------------------------------------------------------------------
 *
 * Geschweifte Klammer "{}" werden in Beispielen für optionale Dinge
 * (Klassen, Attribute, etc) verwenden, die Pipe "|" für mögliche
 * Kombinationen und die Raute "#" als Platzhalter für verschiedene Dinge
 * (z.B. URLs oder Texte).
 *
 */

/**

<ul|ol class="imgGal {captioned}">
    <li><a href="#Bild-URL" title="@@" {rel="gruppierungs_id"}><img src="#Thumb-URL" alt="@@" /></a></li>
    <li><a href="#Bild-URL" title="@@" {rel="gruppierungs_id"}><img src="#Thumb-URL" alt="@@" /></a></li>
</ul|ol>

 */

/* == IMPORTS ========================================================== */

/* -- YAML Reset ------------------------------------------------------- */
@media all 
{
    /**
     * @section browser reset
     * @see     http://www.yaml.de/en/documentation/css-components/base-stylesheet.html
     */
    /* (en) Global reset of paddings and margins for all HTML elements */
    /* (de) Globales Zurücksetzen der Innen- und Außenabstände für alle HTML-Elemente */
    *
    {
        margin: 0;
        padding: 0;
    }

    /* (en) Correction:margin/padding reset caused too small select boxes. */
    /* (de) Korrektur:Das Zurücksetzen der Abstände verursacht zu kleine Selectboxen. */
    option
    {
        padding-left: 0.4em;
    }

    /* LTR */
    select
    {
        padding: 1px;
    }

    /**
     * (en) Global fix of the Italics bugs in IE 5.x and IE 6
     * (de) Globale Korrektur des Italics Bugs des IE 5.x und IE 6
     *
     * @bugfix
     * @affected   IE 5.x/Win, IE6
     * @css-for    IE 5.x/Win, IE6
     * @valid      yes
     */
    * html body *
    {
        overflow: visible;
    }

    body
    {
        /* (en) Fix for rounding errors when scaling font sizes in older versions of Opera browser */
        /* (de) Beseitigung von Rundungsfehler beim Skalieren von Schriftgrößen in älteren Opera Versionen */
        font-size: 100.01%;
        /* (en) Standard values for colors and text alignment */
        /* (de) Vorgabe der Standardfarben und Textausrichtung */
        background: #f1f3f0;
        color: black;
        text-align: left;
        /* LTR */
    }

    /* (en) avoid visible outlines on DIV containers in Webkit browsers */
    /* (de) Vermeidung sichtbarer Outline-Rahmen in Webkit-Browsern */
    div
    {
        outline: 0 none;
    }

    /* (en) HTML 5 - adjusting visual formatting model to block level */
    /* (en) HTML 5 - Anpassung des visuellen Formatmodells auf Blockelemente */
    article, aside, canvas, details, figcaption, figure,
    footer, header, hgroup, menu, nav, section, summary
    {
        display: block;
    }

    /* (en) Clear borders for <fieldset> and <img> elements */
    /* (de) Rahmen für <fieldset> und <img> Elemente löschen */
    fieldset, img
    {
        border: 0 solid;
    }

    /* (en) new standard values for lists, blockquote and cite */
    /* (de) Neue Standardwerte für Listen & Zitate */
    ul, ol, dl
    {
        margin: 0 0 1.538em 1.026em;
    }

    /* LTR */
    li
    {
        line-height: 1.538;
        margin-left: 0.513em;
        /* LTR */
    }

    dt
    {
        font-weight: bold;
    }

    dd
    {
        margin: 0 0 1.538em 0.513em;
    }

    /* LTR */
    blockquote
    {
        margin: 0 0 1.538em 0.513em;
    }

    /* LTR */
    blockquote:before, blockquote:after,
    q:before, q:after
    {
        content: "";
    }
}

/* -- YAML Clearings --------------------------------------------------- */
@media all 
{
    /**
     * @section clearing methods
     * @see     http://yaml.de/en/documentation/basics/general.html
     */
    /* (en) clearfix method for clearing floats */
    /* (de) Clearfix-Methode zum Clearen der Float-Umgebungen */
    .clearfix:after
    {
        clear: both;
        content: ".";
        display: block;
        font-size: 0;
        height: 0;
        visibility: hidden;
    }

    /* (en) essential for Safari browser !! */
    /* (de) Diese Angabe benötigt der Safari-Browser zwingend !! */
    .clearfix
    {
        display: block;
    }

    /* (en) alternative solution to contain floats */
    /* (de) Alternative Methode zum Einschließen von Float-Umgebungen */
    .floatbox
    {
        display: table;
        width: 100%;
    }

    /* (en) IE-Clearing:Only used in Internet Explorer, switched on in iehacks.css */
    /* (de) IE-Clearing:Benötigt nur der Internet Explorer und über iehacks.css zugeschaltet */
    #ie_clearing
    {
        display: none;
    }
}

/* -- YAML Hidden elements --------------------------------------------- */
@media all 
{
    /**
     * @section hidden elements | Versteckte Elemente
     * @see     http://www.yaml.de/en/documentation/basics/skip-links.html
     *
     * (en) skip links and hidden content
     * (de) Skip-Links und versteckte Inhalte
     */
    /* (en) classes for invisible elements in the base layout */
    /* (de) Klassen für unsichtbare Elemente im Basislayout */
    .skip, .hideme, .print
    {
        position: absolute;
        top: -32768px;
        left: -32768px;
        /* LTR */
    }

    /* (en) make skip links visible when using tab navigation */
    /* (de) Skip-Links für Tab-Navigation sichtbar schalten */
    .skip:focus, .skip:active
    {
        position: static;
        top: 0;
        left: 0;
    }

    /* skiplinks:technical setup */
    #skiplinks,
    .skiplinks
    {
        position: absolute;
        top: 0px;
        left: -32768px;
        z-index: 1000;
        width: 100%;
        margin: 0;
        padding: 0;
        list-style-type: none;
    }

    #skiplinks .skip:focus,
    #skiplinks .skip:active,
    .skiplinks .skip:focus,
    .skiplinks .skip:active
    {
        left: 32768px;
        outline: 0 none;
        position: absolute;
        width: 100%;
    }
}

/* -- YAML Base layout ------------------------------------------------- */
@media screen, projection 
{
    /**
     * @section base layout | Basis Layout
     * @see     http://www.yaml.de/en/documentation/css-components/base-stylesheet.html
     *
     * |-------------------------------|
     * | #col1   | #col3     | #col2   |
     * | 20%     | flexible  | 20%     |
     * |-------------------------------|
     */
    #col1
    {
        float: left;
        width: 311px;
    }

    #col2
    {
        float: none;
        width: auto;
        margin: 0 0 0 311px;
    }

    #col3
    {
        float: none;
        width: auto;
        margin: 0 0 0 311px;
    }

    /* (en) Preparation for absolute positioning within content columns */
    /* (de) Vorbereitung für absolute Positionierungen innerhalb der Inhaltsspalten */
    #col1_content, #col2_content, #col3_content
    {
        position: relative;
    }
}

/* -- YAML Subtemplates ------------------------------------------------ */
@media screen, projection 
{
    /*------------------------------------------------------------------------------------------------------*/
    /**
     * @section subtemplates
     * @see     http://www.yaml.de/en/documentation/practice/subtemplates.html
     */
    .subcolumns
    {
        display: table;
        width: 100%;
        table-layout: fixed;
    }

    .subcolumns_oldgecko
    {
        width: 100%;
        float: left;
    }

    .c20l, .c25l, .c33l, .c40l, .c38l, .c50l, .c60l, .c62l, .c66l, .c75l, .c80l
    {
        float: left;
    }

    .c20r, .c25r, .c33r, .c40r, .c38r, .c50r, .c60r, .c66r, .c62r, .c75r, .c80r
    {
        float: right;
        margin-left: -5px;
    }

    .c20l, .c20r
    {
        width: 20%;
    }

    .c40l, .c40r
    {
        width: 40%;
    }

    .c60l, .c60r
    {
        width: 60%;
    }

    .c80l, .c80r
    {
        width: 80%;
    }

    .c25l, .c25r
    {
        width: 25%;
    }

    .c33l, .c33r
    {
        width: 33.333%;
    }

    .c50l, .c50r
    {
        width: 50%;
    }

    .c66l, .c66r
    {
        width: 66.666%;
    }

    .c75l, .c75r
    {
        width: 75%;
    }

    .c38l, .c38r
    {
        width: 38.2%;
    }

    .c62l, .c62r
    {
        width: 61.8%;
    }

    .subc
    {
        padding: 0 0.513em;
    }

    .subcl
    {
        padding: 0 1.026em 0 0;
    }

    .subcr
    {
        padding: 0 0 0 1.026em;
    }

    .equalize, .equalize .subcolumns
    {
        table-layout: fixed;
    }

    .equalize > div
    {
        display: table-cell;
        float: none;
        margin: 0;
        overflow: hidden;
        vertical-align: top;
    }
}

/**
 * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
 *
 * (en) CSS-component for creating vertical forms
 * (de) CSS-Baustein zur Erstellung von Formularen mit untereinander angeordneten Elementen
 *
 * @note            Many thanks to Ansgar Hein (http://www.anatom5.de) for contribution
 *
 * @copyright       Copyright 2005-2011, Dirk Jesse
 * @license         CC-A 2.0 (http://creativecommons.org/licenses/by/2.0/),
 *                  YAML-C (http://www.yaml.de/en/license/license-conditions.html)
 * @link            http://www.yaml.de
 * @package         yaml
 * @version         3.3.1
 * @revision        $Revision: 501 $
 * @lastmodified    $Date: 2011-06-18 17:27:44 +0200 (Sa, 18 Jun 2011) $
 */

/* changes:
   - removed all images, e.g. from the button styles
   - apply button styles to button element, huh
*/
@media screen, projection 
{
    /**
     *  YAML Forms - visual styling
     *
     *  (en) visual form styling area
     *  (de) Festlegung des optischen Erscheinungsbildes
     */
    .yform
    {
        background: transparent;
        border: none 0 #dddddd;
        margin: 0 0 1.538em 0;
        padding: 0;
    }

	.navformwrap
    {
        border: solid 1px #d6d4d1;
        background: #f6f9f5;
        margin: 0 0 1.538em 0;
        padding: 0.769em;
	}

	.navformwrap .yform
    {
		margin: 0;
	}
	
	.navformwrap .yform div.type-select
    {
		margin: 0.385em 0;
	}
	
	.navformwrap .yform fieldset
    {
		border: 0;
		margin: 0;
		padding: 0;
	}

    .yform fieldset
    {
        border: solid 1px #d6d4d1;
        background: #f6f9f5;
        margin: 0 0 1.538em 0;
        padding: 0.769em;
    }

    .yform legend
    {
        font-size: 1.231em;
        font-weight: normal;
        color: black;
    }

    .yform label
    {
        color: #4f4f4f;
    }

    .yform input,
    .yform textarea,
    .yform select,
    .yform optgroup
    {
        font-family: Arial, Helvetica, sans-serif;
        /* proportional fonts for all form elements */
    }

    .yform .type-text input,
    .yform .type-text textarea,
    .yform .type-select select
    {
        border: solid 1px #cecece;
    }

    /* :hover and :focus status on form fields | Effekt zur Hervorhebung von Formularfeldern bei :hover oder :focus */
    .yform div.type-text input:focus,
    .yform div select:focus,
    .yform div textarea:focus,
    .yform div.type-text input:hover,
    .yform div select:hover,
    .yform div textarea:hover,
    .yform div.type-text input:active,
    .yform div select:active,
    .yform div textarea:active
    {
        border: solid 1px #cccac6;
        background: white;
    }

    /* Styling of custom styled buttons | Gestaltung von individuell gestalteten Buttons */
    .yform .type-button input, .yform button
    {
        border-top: solid 1px white;
        border-left: solid 1px white;
        border-right: solid 1px #bfbfbf;
        border-bottom: solid 1px #bfbfbf;
        color: white;
        background: #006000;
        padding: 0.385em 0.769em;
    }

    .yform .type-button input[type=reset], .yform button[type=reset]
    {
        color: white;
        background: #006000;
    }

    .yform .type-button input[type=submit], .yform button[type=submit]
    {
        color: white;
        background: #006000;
    }

    /* optional button styling for IE6 using classes */
    .yform .type-button input.reset, .yform button.reset
    {
        color: white;
        background: #006000;
    }

    .yform .type-button input.submit, .yform button.submit
    {
        color: white;
        background: #006000;
    }

    /* :hover and :focus status on buttons | Effekt zur Hervorhebung von Schaltern bei :hover oder :focus */
    .yform div.type-button input:focus,
    .yform div.type-button input:hover,
    .yform div.type-button input:active,
    .yform button:focus, .yform button:hover, .yform button:active
    {
        border-top: solid 1px #bfbfbf;
        border-left: solid 1px #bfbfbf;
        border-right: solid 1px white;
        border-bottom: solid 1px white;
        color: white;
        background: #525252;
    }

    .yform div.type-button input.reset:focus,
    .yform div.type-button input.reset:hover,
    .yform div.type-button input.reset:active,
    .yform button.reset:focus,
    .yform button.reset:hover,
    .yform button.reset:active
    {
        background: #525252;
        color: white;
    }

    .yform div.type-button input.submit:focus,
    .yform div.type-button input.submit:hover,
    .yform div.type-button input.submit:active,
    .yform button.submit:focus,
    .yform button.submit:hover,
    .yform button.submit:active
    {
        background: #525252;
        color: white;
    }

    /*------------------------------------------------------------------------------------------------------*/
    /**
     * Vertical-Forms - technical base (standard)
     *
     * |-------------------------------|
     * | fieldset                      |
     * |-------------------------------|
     * |   label                       |
     * |   input / select / textarea   |
     * |-------------------------------|
     * | /fieldset                     |
     * |-------------------------------|
     *
     * (en) Styling of forms where both label and input/select/textarea are styled with display:block;
     * (de) Formulargestaltung, bei der sowohl label als auch input/select/textarea mit display:block; gestaltet werden
     *
     * WARNING:This part contains several IE-stability-fixes. Don't edit this part if you are not sure, what you're doing!
     */
    /* General form styling  | Allgemeine Formatierung des Formulars */
    .yform
    {
        overflow: hidden;
    }

    .yform fieldset
    {
        display: block;
    }

    .yform label
    {
        display: block;
        cursor: pointer;
    }

    .yform legend
    {
        background: transparent;
        border: 0;
        padding: 0 0.625em;
    }

    .yform .message
    {
        display: block;
        margin-bottom: 0.769em;
        color: #4f4f4f;
    }

    /* Hiding of hidden fields (otherwise ugly spaces in Firefox) | Versteckte Felder wirklich verstecken (sonst ggf. häßliche Lücken im Firefox) */
    .yform input[type=hidden]
    {
        display: none !important;
    }

    /* Highlight mandatory fields | Pflichtfeldkennzeichnung hervorheben */
    .yform sup
    {
        color: inherit;
        font-weight: bold;
    }

    /* per row float clearing | zeilenweises Float-Clearing */
    fieldset:after,
    .yform div.type-text:after,
    .yform div.type-select:after,
    .yform div.type-check:after,
    .yform div.type-button:after
    {
        clear: both;
        content: ".";
        display: block;
        font-size: 0;
        height: 0;
        visibility: hidden;
    }

    /* styling containing DIV elements | Gestaltung der kapselnden DIV-Elemente */
    .yform div.type-text,
    .yform div.type-select,
    .yform div.type-check,
    .yform div.type-button
    {
        display: block;
        margin: 0.769em 0;
        padding: 3px 0;
        position: relative;
    }

    .yform div.type-button
    {
        padding: 3px 0;
    }

    /* styling standard form elements with 'almost' equal flexible width | Gestaltung der einzelnen Formularelemente mit annähend gleicher Breite */
    .yform .type-text input,
    .yform .type-text textarea
    {
        display: block;
        position: relative;
        padding: 0.385em 0.385em;
        width: 58.5%;
    }

    .yform .type-select select
    {
        display: block;
        position: relative;
        padding: 0.385em 2px 0.385em 1px;
        width: 60%;
        cursor: pointer;
    }

    .yform .type-select select optgroup
    {
        font-style: normal;
        font-weight: bold;
    }

    .yform .type-check input
    {
        cursor: pointer;
    }

    .yform .type-check label
    {
        display: inline;
    }

    /* Styling of buttons | Gestaltung von Buttons */
    .yform .type-button input,
    .yform button
    {
        cursor: pointer;
        overflow: visible;
        /* Fixes IE7 auto-padding bug */
        width: auto;
    }

    /* Styling of error-messages | Fehlermeldungen */
    .yform div.error
    {
        border: solid 1px #faf4f4;
        background: #660000;
        padding: 0.769em;
    }

    .yform div.error label
    {
        color: #faf4f4;
        font-weight: bold;
    }

    .yform div.error .message
    {
        color: #faf4f4;
    }

    /* avoid jumping checkboxes & radiobuttons in IE8 */
    .yform div.type-check input:focus,
    .yform div.type-check input:hover,
    .yform div.type-check input:active
    {
        border: 0 none;
    }

    /*------------------------------------------------------------------------------------------------------*/
    /* Indent Checkbox fields to match label-width | Checkboxen um den gleichen Wert einrücken, wie die Breite der labels */
    .full div.type-text input,
    .full div.type-text textarea
    {
        width: 95.5%;
        margin-right: -3px;
    }

    .full div.type-select select
    {
        width: 97.0%;
        margin-right: -3px;
    }

    /*------------------------------------------------------------------------------------------------------*/
    /**
     * Columnar forms display - technical base (optional)
     *
     * |-------------------------------------------|
     * | fieldset                                  |
     * |-------------------------------------------|
     * |                                           |
     * |   label   |   input / select / textarea   |
     * |                                           |
     * |-------------------------------------------|
     * | /fieldset                                 |
     * |-------------------------------------------|
     *
     * (en) Styling of forms where label floats left of form-elements
     * (de) Formulargestaltung, bei der die label-Elemente nach links fließen
     *
     * WARNING:This part contains several IE-stability-fixes. Don't edit this part if you are not sure, what you're doing!
     */
    /* Columnar display | Spalten-Darstellung */
    .columnar .type-text label,
    .columnar .type-select label
    {
        float: left;
        width: 30%;
        /* Can be fixed width too | Kann auch eine fixe Angabe sein */
    }

    /* Indent Checkbox fields to match label-width | Checkboxen um den gleichen Wert einrücken, wie die Breite der labels */
    .columnar div.type-check input
    {
        margin-left: 30%;
    }

    .columnar div.error .message
    {
        margin-left: 30%;
    }

    .columnar fieldset div.type-button,
    fieldset.columnar div.type-button
    {
        padding-left: 30%;
    }

    .columnar div.type-text input,
    .columnar div.type-text textarea
    {
        float: left;
        width: 67.8%;
        margin-right: -3px;
    }

    .columnar div.type-select select
    {
        float: left;
        width: 69.4%;
        margin-right: -3px;
    }
}

/* -- YAML Print basic styles ------------------------------------------ */
@media print 
{
    /**
     * (en) float clearing for subtemplates. Uses display:table to avoid bugs in FF & IE
     * (de) Float Clearing für Subtemplates. Verwendet display:table, um Darstellungsprobleme im FF & IE zu vermeiden
     */
    .subcolumns,
    .subcolumns > div
    {
        overflow: visible;
        display: table;
    }

    /* (en) make .print class visible */
    /* (de) .print-Klasse sichtbar schalten */
    .print
    {
        position: static;
        left: 0;
    }

    /* (en) generic class to hide elements for print */
    /* (de) Allgemeine CSS Klasse, um beliebige Elemente in der Druckausgabe auszublenden */
    .noprint
    {
        display: none !important;
    }
}

/* == DEFINITIONEN ==================================================== */
@media all 
{
    /* == Layout =========================================================== */
    html
    {
        margin: 0;
        padding: 0;
    }

    body
    {
        background: url(/c12579b500413521/files/bg-site.png/$file/bg-site.png?openelement) repeat-x top center #f1f3f0;
        color: black;
        margin: 0;
        padding: 0;
    }

    .page_margins
    {
        font-size: 0.813em;
        width: 940px;
        min-width: 940px;
        max-width: 940px;
        margin: 0 auto;
        padding: 0;
    }

    .page
    {
        padding: 0;
        background: url(/c12579b500413521/files/bg-page.png/$file/bg-page.png?openelement) repeat-y top center white;
        color: #5c5647;
        position: relative;
    }
    #cat00 .page
    {
        color: #323232;
    }
    .page a
    {
        color: #006000;
    }
    .page:before, .page:after
    {
        content: ' ';
        display: block;
        position: absolute;
        width: 10px;
        height: 100%;
        right: 100%;
        top: 0;
        background: url(/c12579b500413521/files/shadow-page-left.png/$file/shadow-page-left.png?openelement) repeat-y right center transparent;
        z-index: 1001;
    }
    .page:after
    {
        right: auto;
        left: 100%;
        background: url(/c12579b500413521/files/shadow-page-right.png/$file/shadow-page-right.png?openelement) repeat-y left center transparent;
    }

    #header
    {
        position: relative;
        padding-top: 243px;
        margin: 0 3px;
        background: url(/c12579b500413521/files/bg-header-cat00.jpg/$file/bg-header-cat00.jpg?openelement) no-repeat top #e8ecee;
    }
    #cat00 #header
    {
        background-image: url(/c12579b500413521/files/bg-header-cat00.jpg/$file/bg-header-cat00.jpg?openelement);
    }
    #cat01 #header
    {
        background-image: url(/c12579b500413521/files/bg-header-cat01.jpg/$file/bg-header-cat01.jpg?openelement);
    }
    #cat02 #header
    {
        background-image: url(/c12579b500413521/files/bg-header-cat02.jpg/$file/bg-header-cat02.jpg?openelement);
    }
    #cat03 #header
    {
        background-image: url(/c12579b500413521/files/bg-header-cat03.jpg/$file/bg-header-cat03.jpg?openelement);
    }
    #cat04 #header
    {
        background-image: url(/c12579b500413521/files/bg-header-cat04.jpg/$file/bg-header-cat04.jpg?openelement);
    }
    #cat05 #header
    {
        background-image: url(/c12579b500413521/files/bg-header-cat05.jpg/$file/bg-header-cat05.jpg?openelement);
    }
    #header:before, #header:after
    {
        content: ' ';
        display: block;
        position: absolute;
        width: 50px;
        height: 200px;
        left: -53px;
        top: 0;
        background: url(/c12579b500413521/files/shadow-header-left.png/$file/shadow-header-left.png?openelement) no-repeat right center transparent;
    }
    #header:after
    {
        right: -53px;
        left: auto;
        background: url(/c12579b500413521/files/shadow-header-right.png/$file/shadow-header-right.png?openelement) no-repeat left center transparent;
    }
    #header a:focus
    {
        outline-width: 2px;
    }

    #logo
    {
        width: 133px;
        height: 73px;
        position: absolute;
        top: 30px;
        right: 37px;
    }
    #logo a, #logo strong, #logo img
    {
        display: block;
        width: 133px;
        height: 73px;
        border: none;
        background: transparent;
    }
    #logo a:focus, #logo a:hover
    {
        outline: solid 1px #006000;
        background: white;
    }

    #main
    {
        margin: 0 5px 0 3px;
        padding-top: 60px;
        background-image: url(/c12579b500413521/files/bg-main.png/$file/bg-main.png?openelement);
        background-repeat: repeat-x;
        background-position: top left;
        position: relative;
    }
    .is-overview #main, .full-width #main
    {
        margin-left: 5px;
        padding-left: 15px;
        padding-right: 15px;
    }
    .is-overview #main .subcl, .full-width #main .subcl
    {
        padding: 0 40px 0 0;
    }
    .is-overview #main .subc, .full-width #main .subc
    {
        padding: 0 20px;
    }
    .is-overview #main .subcr, .full-width #main .subcr
    {
        padding: 0 0 0 40px;
    }

    #content a
    {
        font-weight: bold;
    }

    #apples
    {
        display: block;
        width: 140px;
        height: 177px;
        position: absolute;
        top: -85px;
        right: -75px;
        z-index: 1010;
        background: url(/c12579b500413521/files/layout-apple.png/$file/layout-apple.png?openelement) no-repeat left center transparent;
        overflow: hidden;
    }
    .has-teaser #apples
    {
        width: 190px;
        top: -110px;
        right: -35px;
        background-image: url(/c12579b500413521/files/layout-apples.png/$file/layout-apples.png?openelement);
    }

    #col2_content
    {
        padding: 0 15px 0 30px;
    }
    #col2_content h2
    {
        margin-right: 85px;
    }

    #footer
    {
        position: relative;
        margin: 30px 3px 0 3px;
        padding-top: 200px;
        background: url(/c12579b500413521/files/bg-footer.jpg/$file/bg-footer.jpg?openelement) no-repeat top center transparent;
    }
    #footer:before, #footer:after
    {
        content: ' ';
        display: block;
        position: absolute;
        width: 31px;
        height: 177px;
        left: -34px;
        bottom: 0;
        background: url(/c12579b500413521/files/shadow-footer-left.png/$file/shadow-footer-left.png?openelement) no-repeat right center transparent;
    }
    #footer:after
    {
        right: -34px;
        left: auto;
        background: url(/c12579b500413521/files/shadow-footer-right.png/$file/shadow-footer-right.png?openelement) no-repeat left center transparent;
    }

    /* -- Fakelayout ------------------------------------------------------- */
    /* -- Helper ----------------------------------------------------------- */
    .highlight, .row1
    {
        background-color: #f6f9f5;
        color: #555044;
    }

    .is-separated
    {
        margin-bottom: 1.538em;
        padding-bottom: 1em;
        background-image: url(/c12579b500413521/files/hr-separator.png/$file/hr-separator.png?openelement);
        background-repeat: no-repeat;
        background-position: center bottom;
    }
    #col2 .is-separated
    {
        background-image: url(/c12579b500413521/files/hr-separator-wide.png/$file/hr-separator-wide.png?openelement);
    }

    .inline
    {
        display: inline;
        padding: 0;
        margin: 0;
    }

    .nowrap
    {
        white-space: nowrap;
    }

    hr.graphical
    {
        margin: 0 0 1.538em 0;
        padding: 0;
        border: none;
        height: 10px;
        background: url(/c12579b500413521/files/hr-separator-wide.png/$file/hr-separator-wide.png?openelement) no-repeat center transparent;
    }

    /* == Navigation ======================================================= */
    /* -- Accessible Skiplinks --------------------------------------------- */
    .skiplinks a:focus, .skiplinks a:active
    {
        padding: 0.5em 0;
        text-align: center;
        top: 10%;
        color: #f1f3f0;
        background: black;
    }

    /* -- Tools ------------------------------------------------------------ */
    /* Keyword Search */
    .searchform
    {
        border: solid 1px #5c5647;
        background: white;
        color: #5c5647;
        border-radius: 3px;
        width: 11.769em;
        height: 1.769em;
        position: absolute;
        left: 17px;
        top: 15px;
        margin: 0;
        padding: 0;
    }
    .searchform fieldset
    {
        display: block;
        margin: 0;
        font-size: 0.875em;
        height: 2.022em;
        width: auto;
        padding: 0 2.022em 0 1px;
        position: relative;
    }
    .searchform input
    {
        font-size: 1em;
        border: none;
        background: white;
        color: #5c5647;
        line-height: 2.022;
        display: block;
        padding: 0;
        margin: 0;
        height: 2.022em;
        width: 100%;
    }
    .searchform button
    {
        font-size: 1em;
        border: none;
        background: url(/c12579b500413521/files/button-magnifier.png/$file/button-magnifier.png?openelement) no-repeat center transparent;
        display: block;
        width: 2.022em;
        height: 2.022em;
        position: absolute;
        right: 0;
        top: 0;
        text-indent: -5000em;
        outline: none;
        cursor: pointer;
    }
    .searchform button::-moz-focus-inner
    {
        border: 0;
        padding: 0;
        /* reset extra padding in Firefox */
    }

    /* -- Main ------------------------------------------------------------- */
    #nav-main ul
    {
        list-style: none;
        margin: 0;
        padding: 0;
        background: #006000;
        font-size: 1.231em;
    }
    .has-teaser #nav-main ul
    {
        padding-bottom: 4px;
        background: url(/c12579b500413521/files/bg-teaser-top.png/$file/bg-teaser-top.png?openelement) no-repeat bottom center #006000;
    }
    #nav-main li
    {
        margin: 0;
        padding: 0;
        float: left;
        background: url(/c12579b500413521/files/bg-nav-main-left.png/$file/bg-nav-main-left.png?openelement) no-repeat left top transparent;
    }
    #nav-main li.cat01
    {
        min-width: 189px;
    }
    #nav-main li.cat02
    {
        min-width: 117px;
    }
    #nav-main li.cat03
    {
        min-width: 160px;
    }
    #nav-main li.cat04
    {
        min-width: 213px;
    }
    #nav-main li.cat05
    {
        min-width: 255px;
    }
    #nav-main li.active
    {
        background-image: url(/c12579b500413521/files/bg-nav-main-left-active.png/$file/bg-nav-main-left-active.png?openelement);
        background-color: #a0bb38;
    }
    #nav-main li.active a, #nav-main li.active strong, #nav-main li.active h3
    {
        color: #182605;
        background-image: url(/c12579b500413521/files/bg-nav-main-right-active.png/$file/bg-nav-main-right-active.png?openelement);
    }
    #nav-main a, #nav-main strong, #nav-main h3
    {
        display: block;
        margin: 0;
        padding: 0.8em 1em 0.667em 1em;
        color: white;
        background: url(/c12579b500413521/files/bg-nav-main-right.png/$file/bg-nav-main-right.png?openelement) no-repeat right top transparent;
        font-size: 1em;
        font-weight: normal;
        text-align: center;
        line-height: 1;
    }
    #nav-main a
    {
        text-decoration: none;
    }
    #nav-main a:focus, #nav-main a:hover, #nav-main a:active
    {
        text-decoration: underline;
    }
    #nav-main a:focus, #nav-main a:active
    {
        outline-width: 2px;
        outline-color: #fff;
        background: #3e5c0d !important;
        color: #fff !important;
    }
    #nav-main dfn
    {
        position: absolute;
        left: -5000em;
    }

    /* -- Sublevel --------------------------------------------------------- */
    .nav-sub
    {
        margin-top: -60px;
        padding: 60px 52px 0 18px;
        min-height: 645px;
        background: url(/c12579b500413521/files/bg-nav-sub.jpg/$file/bg-nav-sub.jpg?openelement) no-repeat left top transparent;
    }
    .nav-sub ul
    {
        margin: 0 0 0 -18px;
        padding: 1px 0 0 0;
        background: url(/c12579b500413521/files/hr-nav-sub.png/$file/hr-nav-sub.png?openelement) no-repeat left top transparent;
        list-style: none;
    }
    .nav-sub ul ul
    {
        margin: 0;
        padding: 0;
        background: transparent;
    }
    .nav-sub li
    {
        margin: 0;
        padding: 0;
    }
    .nav-sub li div
    {
        padding-left: 18px;
        background: url(/c12579b500413521/files/hr-nav-sub.png/$file/hr-nav-sub.png?openelement) no-repeat left bottom transparent;
    }
    .nav-sub li li a, .nav-sub li li strong, .nav-sub li li h3
    {
        padding-left: 14px;
        background: url(/c12579b500413521/files/bullet-nav-sub.png/$file/bullet-nav-sub.png?openelement) no-repeat left 0.9em transparent;
    }
    .nav-sub li li.active a, .nav-sub li li.active strong, .nav-sub li li.active h3
    {
        background-image: url(/c12579b500413521/files/bullet-nav-sub-active.png/$file/bullet-nav-sub-active.png?openelement);
    }
    .nav-sub li li li div
    {
        padding-left: 32px;
    }
    .nav-sub li.active > div
    {
        background-image: url(/c12579b500413521/files/bg-nav-sub-active.png/$file/bg-nav-sub-active.png?openelement);
    }
    .nav-sub li.active > div > a
    {
        font-weight: bold;
        color: #006000;
    }
    .nav-sub a, .nav-sub strong, .nav-sub h3
    {
        display: block;
        padding: 0.4em 0 0.5em 0;
    }
    .nav-sub a
    {
        text-decoration: none;
        color: #323232;
    }
    .nav-sub a:focus, .nav-sub a:hover, .nav-sub a:active
    {
        text-decoration: underline;
    }
    .nav-sub strong, .nav-sub h3
    {
        font-size: 1em;
        font-weight: bold;
        color: #006000;
    }
    .nav-sub dfn
    {
        position: absolute;
        left: -5000em;
    }
    .nav-sub h2
    {
        position: relative;
        padding-right: 50px;
    }
    .nav-sub h2:after
    {
        content: url(/c12579b500413521/files/symbol-leaves.png/$file/symbol-leaves.png?openelement);
        margin-left: 12px;
        position: absolute;
        bottom: 0;
    }

    /* -- Bottom ----------------------------------------------------------- */
    #nav-bottom
    {
        background: url(/c12579b500413521/files/bg-nav-bottom.jpg/$file/bg-nav-bottom.jpg?openelement) no-repeat top center #b48862;
        color: #331a01;
        padding: 0;
    }
    #nav-bottom .subcl
    {
        padding: 0 17px 0 55px;
        background: url(/c12579b500413521/files/symbol-apple.png/$file/symbol-apple.png?openelement) no-repeat 20px center transparent;
    }
    #nav-bottom .subcr
    {
        padding: 0 17px;
    }
    #nav-bottom .subcr li
    {
        float: right;
        padding-right: 0;
        padding-left: 50px;
    }
    #nav-bottom h3, #nav-bottom a, #nav-bottom strong
    {
        color: #331a01;
        font-size: 1em;
        display: inline;
        margin: 0;
        padding: 0;
    }
    #nav-bottom h3, #nav-bottom strong
    {
        font-weight: bold;
    }
    #nav-bottom ul
    {
        list-style: none;
        margin: 0;
        padding: 0;
        overflow: hidden;
    }
    #nav-bottom li
    {
        float: left;
        margin: 0;
        padding-right: 2em;
        font-size: 0.923em;
        line-height: 2.667em;
    }
    #nav-bottom a
    {
        text-decoration: none;
    }
    #nav-bottom a:focus, #nav-bottom a:hover, #nav-bottom a:active
    {
        text-decoration: underline;
    }
    #nav-bottom a:focus
    {
        outline-color: black;
    }
    #nav-bottom a:focus span.hideme
    {
        position: static !important;
        display: inline !important;
    }

    /* -- Helpers ---------------------------------------------------------- */
    #printlink
    {
        background: url(/c12579b500413521/files/symbol-printlink.png/$file/symbol-printlink.png?openelement) no-repeat 25px center transparent;
    }
    #printlink a
    {
        padding-left: .5em;
    }

    #toplink
    {
        background: url(/c12579b500413521/files/symbol-toplink.png/$file/symbol-toplink.png?openelement) no-repeat 25px center transparent;
    }
    #toplink a
    {
        padding-left: .5em;
    }

    /* -- Pagination ------------------------------------------------------- */
    /**
    
    <!-- verwendet für Inhalte, die über mehrere Folgeseiten getrennt sind -->
    
    <div class="pager">
        <p class="prev"><a href="#">&larr; vorige Seite</a></p>
        <p class="next"><a href="#">nächste Seite &rarr;</a></p>
        {<h3 class="hideme">Ergebnisseiten</h3>}
        <ol class="pages">
            <li><strong>1</strong></li> <!-- aktuelle Seite -->
            <li><a href="#">2</a></li>
            <li><a href="#">3</a></li>
            <li><a href="#">4</a></li>
            <li><a href="#">5</a></li>
        </ol>
    </div>
    
    <div class="pager-simple">
        <ol class="pages">
            <li><strong>1</strong></li> <!-- aktuelle Seite -->
            <li><a href="#">2</a></li>
            <li><a href="#">3</a></li>
            <li><a href="#">4</a></li>
            <li><a href="#">5</a></li>
        </ol>
    </div>
    
     */
    .pager-simple, .pager
    {
        overflow: hidden;
        margin: 0 0 1.538em 0;
    }
    .pager-simple *, .pager *
    {
        padding: 0;
        margin: 0;
    }
    .pager-simple .pages, .pager .pages
    {
        list-style: none;
        text-align: left;
        margin: 0;
        word-spacing: -0.25em;
    }
    .pager-simple .pages *, .pager .pages *
    {
        display: inline-block;
    }
    .pager-simple .pages a, .pager .pages a, .pager-simple .pages strong, .pager .pages strong
    {
        white-space: nowrap;
    }
    .pager-simple a, .pager a, .pager-simple strong, .pager strong
    {
        padding: 0.25em;
        word-spacing: 0;
        margin: 1px 1px 0 0;
        background-color: #f6f9f5;
        color: #555044;
    }
    .pager-simple strong, .pager strong
    {
        background-color: #555044;
        color: #f6f9f5;
    }
    .pager-simple abbr, .pager abbr
    {
        border: none;
    }

    .pager .prev
    {
        width: 8em;
        float: left;
        text-align: left;
    }
    .pager .prev *
    {
        display: inline-block;
    }
    .pager .next
    {
        width: 8em;
        float: right;
        text-align: right;
    }
    .pager .next *
    {
        display: inline-block;
    }
    .pager .pages
    {
        text-align: center;
        margin: 0 9em;
    }

    #cat00 .pages a
    {
        text-decoration: none;
        color: #323232;
        background: transparent;
        font-weight: bold;
        width: 0.7em;
        margin-right: 0.8em;
        text-align: center;
    }
    #cat00 .pages a:focus, #cat00 .pages a:hover, #cat00 .pages a:active
    {
        text-decoration: underline;
    }

    /* == Typographie ====================================================== */
    body
    {
        font-family: Verdana, Arial, sans-serif;
        line-height: 1.538;
    }

    h1
    {
        font-size: 2em;
        margin-bottom: 0.769em;
        line-height: 1;
        font-weight: normal;
        color: black;
    }

    h2
    {
        font-size: 1.538em;
        margin-bottom: 1em;
        line-height: 1;
        font-weight: normal;
        color: #006000;
    }

    h3
    {
        font-size: 1.538em;
        margin-bottom: 1em;
        line-height: 1;
        font-weight: normal;
        color: #006000;
    }

    h4
    {
        font-size: 1.231em;
        margin-bottom: 1.25em;
        line-height: 1.25;
        font-weight: normal;
        color: black;
    }

    h5
    {
        font-size: 1em;
        margin-bottom: 1.538em;
        line-height: 1.538;
        font-weight: bold;
        color: #5c5647;
    }

    h6
    {
        font-size: 1em;
        margin-bottom: 1.538em;
        line-height: 1.538;
        font-weight: bold;
        color: #5c5647;
    }

    p, ul, ol, dl, dd, blockquote, address, pre
    {
        margin-bottom: 1.538em;
        font-style: normal;
    }
    .info p, p.info, .info ul, ul.info, .info ol, ol.info, .info dl, dl.info, .info dd, dd.info, .info blockquote, blockquote.info, .info address, address.info, .info pre, pre.info
    {
        font-size: 0.875em;
        margin-bottom: 1.758em;
        line-height: 1.758;
    }
    .teaser p, p.teaser, .teaser ul, ul.teaser, .teaser ol, ol.teaser, .teaser dl, dl.teaser, .teaser dd, dd.teaser, .teaser blockquote, blockquote.teaser, .teaser address, address.teaser, .teaser pre, pre.teaser
    {
        font-size: 1.143em;
        margin-bottom: 1.346em;
        line-height: 1.346;
    }

    small
    {
        font-size: 0.875em;
        margin-bottom: 1.758em;
        line-height: 1.758;
    }

    ul ul, ol ol, ul ol, ol ul
    {
        margin-bottom: 0;
    }

    dl
    {
        margin-left: 0;
        margin-right: 0;
    }
    dl dt, dl dd
    {
        margin: 0;
        padding: 0.769em 0;
    }
    .info dl dt, dl dt.info, .info dl dd, dl dd.info
    {
        margin: 0;
        padding: 0.879em 0;
    }
    .teaser dl dt, dl dt.teaser, .teaser dl dd, dl dd.teaser
    {
        margin: 0;
        padding: 0.673em 0;
    }

    blockquote
    {
        margin-left: 1.538em;
        margin-right: 1.538em;
        font-style: italic;
    }
    .info blockquote, blockquote.info
    {
        margin-left: 1.758em;
        margin-right: 1.758em;
    }
    .teaser blockquote, blockquote.teaser
    {
        margin-left: 1.346em;
        margin-right: 1.346em;
    }

    q
    {
        font-style: italic;
    }

    cite
    {
        font-style: italic;
        font-weight: bold;
    }

    em
    {
        font-style: italic;
    }

    strong
    {
        font-weight: bold;
    }

    abbr, acronym
    {
        border-bottom-style: dotted;
        border-bottom-width: 1px;
        cursor: help;
    }
    a abbr, a acronym
    {
        border: none;
        cursor: pointer;
    }
    address abbr, address acronym
    {
        border: none;
    }

    code, samp, kbd, var
    {
        font-family: System, monospace;
    }

    ul
    {
        list-style-type: disc;
    }

    /* -- Links ------------------------------------------------------------ */
    a
    {
        text-decoration: underline;
    }
    a:focus, a:hover, a:active
    {
        text-decoration: none;
    }
    a:focus, a:active
    {
        text-decoration: overline;
    }
    a:focus, a:active
    {
        outline-style: solid;
        outline-width: 1px;
        outline-color: #000;
    }

    /* -- Tables ----------------------------------------------------------- */
    /*
    
    <table class="{full|simple|compact|left|right|fixed}" summary="###">
        {<caption>###</caption>}
        <thead>
            <tr>
                <th>###</th>
                <th>###</th>
                <th {class="highlight"}>###</th>
            </tr>
        </thead>
        {<tfoot>
            <tr>
                <td colspan="3">###</td>
            </tr>
        </tfoot>}
        <tbody>
            <tr>
                <td>###</td>
                <td>###</td>
                <td>###</td>
            </tr>
            <tr {class="highlight|row1"}>
                <td>###</td>
                <td>###</td>
                <td>###</td>
            </tr>
            <tr>
                <td>###</td>
                <td>###</td>
                <td>###</td>
            </tr>
        </tbody>
    </table>
    
    <!--
    
        - Klassen für Tabelle:
            compact = Tabelle nimmt horizontal nur minimalen Platz ein
            fixed = feste Tabellenspaltenbreiten
            simple = grafisch einfacheres Tabellenlayout
        - Klassen für Tabelle, Zeilen, Zellen:
            right = rechts ausgerichteter Text
            left = links ausgerichteter Text
            center = mittig ausgerichteter Text (Default)
            top = oben ausgerichteter Text
            bottom = unten ausgerichteter Text
        - Klassen für Zeilen, Zellen:
            highlight = hervorgehoben (z.B. nutzbar für Zebra/Schachbrett-Muster)
        -  Klassen für Zeilen
            row1 = same like highlight, but only for weak CMS
        - Klassen für Zellen
            w05 ... w95 = Breitenangabe in Prozent
    
    -->
    
    */
    table
    {
        margin-bottom: 1.538em;
        padding: 0;
        width: 100%;
        border-collapse: collapse;
        text-align: center;
        caption-side: top;
        /* Breitendefinition für Tabellen-Spalten */
        /* dürfen nicht zu 100% addiert werden, wegen padding/border bei td/th */
        /* am besten nur die kleineren Spalten darüber definieren */
    }
    table.compact
    {
        width: auto;
    }
    table.fixed
    {
        table-layout: fixed;
    }
    table.right, table .right, table.left .right, table .left .right
    {
        text-align: right;
    }
    table.right.center, table .right.center, table.left .right.center, table .left .right.center
    {
        text-align: center;
    }
    table.left, table .left, table.right .left, table .right .left
    {
        text-align: left;
    }
    table.left.center, table .left.center, table.right .left.center, table .right .left.center
    {
        text-align: center;
    }
    table.top, table .top, table.bottom .top, table .bottom .top
    {
        vertical-align: top;
    }
    table.bottom, table .bottom, table.top .bottom, table .top .bottom
    {
        vertical-align: bottom;
    }
    table td, table th
    {
        font-weight: normal;
        padding: 0.385em;
        border: solid 1px white;
    }
    table th, table td.head
    {
        background-color: #5c5647;
        color: white;
    }
    table th.stronger, table td.head.stronger
    {
        background-color: #4e493c;
        color: white;
    }
    table th.weaker, table td.head.weaker
    {
        background-color: #6a6352;
        color: white;
    }
    table td, table tr.cell th, table th.cell, table tr.row1 th.cell, table tfoot th
    {
        background-color: white;
        color: #5c5647;
    }
    table tr.row1 td
    {
        background-color: #f6f9f5;
        color: #555044;
    }
    table tr.row1 th
    {
        background-color: #4e493c;
        color: white;
    }
    table table td.w10, table table th.w10
    {
        width: 10%;
    }
    table table td.w20, table table th.w20
    {
        width: 20%;
    }
    table table td.w30, table table th.w30
    {
        width: 30%;
    }
    table table td.w40, table table th.w40
    {
        width: 40%;
    }
    table table td.w50, table table th.w50
    {
        width: 50%;
    }
    table table td.w60, table table th.w60
    {
        width: 60%;
    }
    table table td.w70, table table th.w70
    {
        width: 70%;
    }
    table table td.w80, table table th.w80
    {
        width: 80%;
    }
    table table td.w90, table table th.w90
    {
        width: 90%;
    }
    table table td.w05, table table th.w05
    {
        width: 5%;
    }
    table table td.w15, table table th.w15
    {
        width: 15%;
    }
    table table td.w25, table table th.w25
    {
        width: 25%;
    }
    table table td.w35, table table th.w35
    {
        width: 35%;
    }
    table table td.w45, table table th.w45
    {
        width: 45%;
    }
    table table td.w55, table table th.w55
    {
        width: 55%;
    }
    table table td.w65, table table th.w65
    {
        width: 65%;
    }
    table table td.w75, table table th.w75
    {
        width: 75%;
    }
    table table td.w85, table table th.w85
    {
        width: 85%;
    }
    table table td.w95, table table th.w95
    {
        width: 95%;
    }
    table.simple
    {
        border-top: solid 1px #d6d4d1;
        border-bottom: solid 1px #d6d4d1;
        text-align: left;
    }
    table.simple th, table.simple td
    {
        background-color: transparent;
        border-style: none none solid none;
        border-color: #d6d4d1;
        vertical-align: top;
        color: #5c5647;
        padding-top: 0.769em;
        padding-bottom: 0.769em;
    }
    table.simple th .row1, table.simple td .row1
    {
        background-color: white;
        color: #5c5647;
    }
    table.simple td
    {
        border-style: none;
    }
    table.simple th
    {
        font-weight: bold;
    }
    table.separated td
    {
        border-style: none none solid none;
    }
    .info table, table.info
    {
        font-size: 0.875em;
        margin-bottom: 1.758em;
        line-height: 1.758;
    }
    .teaser table, table.teaser
    {
        font-size: 1.143em;
        margin-bottom: 1.346em;
        line-height: 1.346;
    }

    table th, table td
    {
        text-align: left;
        vertical-align: top;
    }
    table.simple tbody td, table.simple tbody th
    {
        border-bottom: 1px dotted #d6d4d1;
    }

    /* == Formulare ======================================================== */
    /* -- YAML forms ------------------------------------------------------- */
    /**
    
    @see http://www.yaml.de/de/dokumentation/css-bausteine/formularbaukasten.html
    
    **/
    .yform div.type-text input, .yform div select, .yform div textarea
    {
        color: #4c4c4c;
        background: #fcfcfc;
        border-color: #cecece;
    }
    .yform div.type-text input:hover, .yform div.type-text input:active, .yform div select:hover, .yform div select:active, .yform div textarea:hover, .yform div textarea:active
    {
        color: #49453b;
        background: white;
        border-color: #cccac6;
    }
    .yform div.type-text input:focus, .yform div select:focus, .yform div textarea:focus
    {
        color: #000;
        background: #fff;
        border-color: #000;
    }
    .yform legend
    {
        color: black;
        background: #f6f9f5;
    }
    .yform button:focus, .yform button:hover, .yform button:active
    {
        color: #006000;
        background-color: white;
    }

    /* == Media ============================================================ */
    .icon
    {
        border: none !important;
        vertical-align: middle;
    }

    a img
    {
        border: solid 1px white;
    }
    a:focus img, a:hover img, a:active img
    {
        border-color: #006000;
    }

    span.symbol span
    {
        font-size: 0.5em;
    }

    .floatright, .floatleft
    {
        vertical-align: text-top;
        margin-top: 0.385em;
        margin-bottom: 0.385em;
    }

    .floatright
    {
        float: right;
        margin-left: 1.538em;
        vertical-align: texttop;
    }

    .floatleft
    {
        float: left;
        margin-right: 1.538em;
    }

    .single
    {
        display: block;
        margin: 0 auto 1.538em auto;
        max-width: 100%;
        height: auto;
    }

    img.full
    {
        width: 100%;
        height: auto;
        margin-bottom: 0.385em;
    }

    p.figcaption, .floatleft p, .floatright p
    {
        margin-bottom: 0.308em;
    }

    /* -- Bildergalerie ---------------------------------------------------- */
    .gallery
    {
        margin: 0;
        padding: 0;
        list-style: none;
        overflow: hidden;
    }
    .gallery li
    {
        margin: 0 0.625em 0.625em 0;
        padding: 0;
        float: left;
    }
    .captioned .gallery li
    {
        width: 10em;
        height: 10.692em;
        overflow: hidden;
    }
    .gallery img, .gallery a
    {
        padding: 0;
        margin: 0;
        display: block;
    }
    .gallery .caption
    {
        display: block;
        font-weight: normal;
        width: 100%;
        height: 3em;
        font-size: 0.813em;
    }
    .gallery img
    {
        height: 7.692em;
        width: auto;
    }
    .gallery a img
    {
        border: solid 1px white;
    }
    .gallery a:focus img, .gallery a:hover img, .gallery a:active img
    {
        border-color: #006000;
    }

    /* -- Aria Lightbox ---------------------------------------------------- */
    .ui-widget-overlay
    {
        background: #5c5647;
        opacity: 0.5;
        position: absolute;
        left: 0;
        top: 0;
    }

    .ui-dialog
    {
        background: white;
        color: #5c5647;
        font-size: 0.813em;
        line-height: 1.538;
        font-family: sans-serif;
        display: none;
        position: absolute;
        height: auto;
        margin: 0;
        padding: 1em;
    }

    .ui-dialog-title
    {
        position: absolute;
        left: -5000em;
    }

    #ui-lightbox-image
    {
        height: 10em;
        padding: 0;
        margin: 0;
        background: url("data:image/gif;base64,R0lGODlhHwAfAPUAAP///5mZmfX19ezs7OPj497e3tnZ2fDw8OLi4tbW1vPz8+7u7tzc3NjY2N7e3urq6vr6+tvb2+3t7fT09K6urqioqLi4uObm5sXFxdPT07u7u/z8/MLCwrS0tOfn5/v7+7W1taysrAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh/hpDcmVhdGVkIHdpdGggYWpheGxvYWQuaW5mbwAh+QQJCgAAACwAAAAAHwAfAAAG/0CAcEgUDAgFA4BiwSQexKh0eEAkrldAZbvlOD5TqYKALWu5XIwnPFwwymY0GsRgAxrwuJwbCi8aAHlYZ3sVdwtRCm8JgVgODwoQAAIXGRpojQwKRGSDCRESYRsGHYZlBFR5AJt2a3kHQlZlERN2QxMRcAiTeaG2QxJ5RnAOv1EOcEdwUMZDD3BIcKzNq3BJcJLUABBwStrNBtjf3GUGBdLfCtadWMzUz6cDxN/IZQMCvdTBcAIAsli0jOHSJeSAqmlhNr0awo7RJ19TJORqdAXVEEVZyjyKtE3Bg3oZE2iK8oeiKkFZGiCaggelSTiA2LhxiZLBSjZjBL2siNBOFQ84LxHA+mYEiRJzBO7ZCQIAIfkECQoAAAAsAAAAAB8AHwAABv9AgHBIFAwIBQPAUCAMBMSodHhAJK5XAPaKOEynCsIWqx0nCIrvcMEwZ90JxkINaMATZXfju9jf82YAIQxRCm14Ww4PChAAEAoPDlsAFRUgHkRiZAkREmoSEXiVlRgfQgeBaXRpo6MOQlZbERN0Qx4drRUcAAJmnrVDBrkVDwNjr8BDGxq5Z2MPyUQZuRgFY6rRABe5FgZjjdm8uRTh2d5b4NkQY0zX5QpjTc/lD2NOx+WSW0++2RJmUGJhmZVsQqgtCE6lqpXGjBchmt50+hQKEAEiht5gUcTIESR9GhlgE9IH0BiTkxrMmWIHDkose9SwcQlHDsOIk9ygiVbl5JgMLuV4HUmypMkTOkEAACH5BAkKAAAALAAAAAAfAB8AAAb/QIBwSBQMCAUDwFAgDATEqHR4QCSuVwD2ijhMpwrCFqsdJwiK73DBMGfdCcZCDWjAE2V347vY3/NmdXNECm14Ww4PChAAEAoPDltlDGlDYmQJERJqEhGHWARUgZVqaWZeAFZbERN0QxOeWwgAAmabrkMSZkZjDrhRkVtHYw+/RA9jSGOkxgpjSWOMxkIQY0rT0wbR2LQV3t4UBcvcF9/eFpdYxdgZ5hUYA73YGxruCbVjt78G7hXFqlhY/fLQwR0HIQdGuUrTz5eQdIc0cfIEwByGD0MKvcGSaFGjR8GyeAPhIUofQGNQSgrB4IsdOCqx7FHDBiYcOQshYjKDxliVDpRjunCjdSTJkiZP6AQBACH5BAkKAAAALAAAAAAfAB8AAAb/QIBwSBQMCAUDwFAgDATEqHR4QCSuVwD2ijhMpwrCFqsdJwiK73DBMGfdCcZCDWjAE2V347vY3/NmdXNECm14Ww4PChAAEAoPDltlDGlDYmQJERJqEhGHWARUgZVqaWZeAFZbERN0QxOeWwgAAmabrkMSZkZjDrhRkVtHYw+/RA9jSGOkxgpjSWOMxkIQY0rT0wbR2I3WBcvczltNxNzIW0693MFYT7bTumNQqlisv7BjswAHo64egFdQAbj0RtOXDQY6VAAUakihN1gSLaJ1IYOGChgXXqEUpQ9ASRlDYhT0xQ4cACJDhqDD5mRKjCAYuArjBmVKDP9+VRljMyMHDwcfuBlBooSCBQwJiqkJAgAh+QQJCgAAACwAAAAAHwAfAAAG/0CAcEgUDAgFA8BQIAwExKh0eEAkrlcA9oo4TKcKwharHScIiu9wwTBn3QnGQg1owBNld+O72N/zZnVzRApteFsODwoQABAKDw5bZQxpQ2JkCRESahIRh1gEVIGVamlmXgBWWxETdEMTnlsIAAJmm65DEmZGYw64UZFbR2MPv0QPY0hjpMYKY0ljjMZCEGNK09MG0diN1gXL3M5bTcTcyFtOvdzBWE+207pjUKpYrL+wY7MAB4EerqZjUAG4lKVCBwMbvnT6dCXUkEIFK0jUkOECFEeQJF2hFKUPAIkgQwIaI+hLiJAoR27Zo4YBCJQgVW4cpMYDBpgVZKL59cEBhw+U+QROQ4bBAoUlTZ7QCQIAIfkECQoAAAAsAAAAAB8AHwAABv9AgHBIFAwIBQPAUCAMBMSodHhAJK5XAPaKOEynCsIWqx0nCIrvcMEwZ90JxkINaMATZXfju9jf82Z1c0QKbXhbDg8KEAAQCg8OW2UMaUNiZAkREmoSEYdYBFSBlWppZl4AVlsRE3RDE55bCAACZpuuQxJmRmMOuFGRW0djD79ED2NIY6TGCmNJY4zGQhBjStPTFBXb21DY1VsGFtzbF9gAzlsFGOQVGefIW2LtGhvYwVgDD+0V17+6Y6BwaNfBwy9YY2YBcMAPnStTY1B9YMdNiyZOngCFGuIBxDZAiRY1eoTvE6UoDEIAGrNSUoNBUuzAaYlljxo2M+HIeXiJpRsRNMaq+JSFCpsRJEqYOPH2JQgAIfkECQoAAAAsAAAAAB8AHwAABv9AgHBIFAwIBQPAUCAMBMSodHhAJK5XAPaKOEynCsIWqx0nCIrvcMEwZ90JxkINaMATZXfjywjlzX9jdXNEHiAVFX8ODwoQABAKDw5bZQxpQh8YiIhaERJqEhF4WwRDDpubAJdqaWZeAByoFR0edEMTolsIAA+yFUq2QxJmAgmyGhvBRJNbA5qoGcpED2MEFrIX0kMKYwUUslDaj2PA4soGY47iEOQFY6vS3FtNYw/m1KQDYw7mzFhPZj5JGzYGipUtESYowzVmF4ADgOCBCZTgFQAxZBJ4AiXqT6ltbUZhWdToUSR/Ii1FWbDnDkUyDQhJsQPn5ZU9atjUhCPHVhgTNy/RSKsiqKFFbUaQKGHiJNyXIAAh+QQJCgAAACwAAAAAHwAfAAAG/0CAcEh8JDAWCsBQIAwExKhU+HFwKlgsIMHlIg7TqQeTLW+7XYIiPGSAymY0mrFgA0LwuLzbCC/6eVlnewkADXVECgxcAGUaGRdQEAoPDmhnDGtDBJcVHQYbYRIRhWgEQwd7AB52AGt7YAAIchETrUITpGgIAAJ7ErdDEnsCA3IOwUSWaAOcaA/JQ0amBXKa0QpyBQZyENFCEHIG39HcaN7f4WhM1uTZaE1y0N/TacZoyN/LXU+/0cNyoMxCUytYLjm8AKSS46rVKzmxADhjlCACMFGkBiU4NUQRxS4OHijwNqnSJS6ZovzRyJAQo0NhGrgs5bIPmwWLCLHsQsfhxBWTe9QkOzCwC8sv5Ho127akyRM7QQAAOwAAAAAAAAAAAA==") no-repeat center center;
    }

    #ui-lightbox-image img
    {
        display: none;
    }

    #ui-lightbox-description
    {
        margin: 0.769em 0;
        padding-right: 80px;
        font-weight: bold;
    }

    #ui-lightbox-pager
    {
        font-size: 1em;
        line-height: 1.538;
        color: #5c5647;
        margin: 0.769em 0 0 0;
    }

    #ui-lightbox-close
    {
        display: block;
        position: absolute;
        right: 25px;
        bottom: 1em;
        width: 25px;
        height: 25px;
        padding: 0;
        margin: 0 1em 0 0;
        overflow: hidden;
        background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAMAAADzapwJAAAAAXNSR0IArs4c6QAAANhQTFRFAAAAAAAAAwMDBgYGCgoKDw8PExMTFhYWHBwcHx8fIiIiJSUlKCgoLCwsMjIyNTU1ODg4Ozs7RkZGS0tLTU1NV1dXXV1dYGBgY2NjZmZmbGxsb29vfn5+gYGBgoKChYWFi4uLjY2Nk5OTlpaWmZmZnZ2dn5+fqqqqrq6ur6+vsrKyubm5wsLCx8fHycnJy8vLzMzM0dHR1dXV2NjY2tra4ODg5OTk5eXl6Ojo7Ozs7e3t7u7u8fHx8vLy8/Pz9fX19vb29/f3+Pj4+vr6+/v7/Pz8/f39////TqeKdQAAAAF0Uk5TAEDm2GYAAAD+SURBVBjTVZF9W4JAEMQ5xcrSVKxM0161LHuzLMjQDKT5/t+o2T0QnD/u2fk9sDu35zipYlBrZ0tLYcGHnGFO/xAPPUM1rn4RZxSYVE2q2itgaYLbktmodGH5NyYFSt1gKS1+9lgftoTsnrrGlH35HNf0dWBgzL6PIU2XeIUmq+qK/MAHLml2EjhYaMM2+QIY65gp8cwOakfIqHkgfksDfxGf2/qeeG5pACQ6l3oGVyT5KqTjI/bvyY1CRsEZq6b25dw7Gk9zB65k7cm0xkB+fRTsa9aCOnp5LrBTpK01ssX2c3oSIV/4+7Gr0HsC8uf5BKLpaPQSAvPt54Qqc//zkyyVGgQb0gAAAABJRU5ErkJggg==") no-repeat center transparent;
        text-indent: -5000em;
        cursor: pointer;
        z-index: 21;
    }

    #ui-dialog-buttonpane
    {
        position: absolute;
        width: 75px;
        height: 25px;
        right: 1em;
        bottom: 1em;
    }

    #ui-dialog-buttonpane button
    {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        text-indent: -5000em;
        margin: 0;
        padding: 0;
        border: none;
        background: url(none) no-repeat center transparent;
        width: 25px;
        height: 25px;
        overflow: hidden;
        cursor: pointer;
        z-index: 20;
    }

    #ui-dialog-buttonpane #ui-lightbox-next
    {
        left: auto;
        right: 0;
        background-image: url(none);
    }

    #ui-dialog-buttonpane button.ui-state-disabled
    {
        top: -5000em !important;
    }

    #ui-lightbox-description
    {
        margin-top: 0;
        padding-right: 0;
        text-align: right;
    }

    #ui-lightbox-pager
    {
        text-align: center;
        font-size: 1em;
        line-height: 1.538;
    }

    #ui-lightbox-close
    {
        top: -15px;
        right: -25px;
        bottom: auto;
        left: auto;
    }

    #ui-dialog-buttonpane
    {
        position: static;
        height: auto;
        width: auto;
    }

    #ui-dialog-buttonpane button
    {
        width: auto;
        height: 1.538em;
        top: auto;
        left: auto;
        right: auto;
        bottom: 1em;
        text-indent: 0;
        font-size: 1em;
        line-height: 1.538;
        background: white;
        color: #5c5647;
    }
    #ui-dialog-buttonpane button:focus, #ui-dialog-buttonpane button:hover
    {
        text-decoration: underline;
    }

    #ui-lightbox-prev
    {
        left: 1em;
    }

    #ui-lightbox-next
    {
        right: 1em !important;
    }

    /* == Inhaltstypen ===================================================== */
    /* -- News-Teaser ------------------------------------------------------ */
    #newsteaser
    {
        background: url(/c12579b500413521/files/bg-newsteaser.jpg/$file/bg-newsteaser.jpg?openelement) no-repeat bottom center #b48862;
        color: #331a01;
        padding: 0;
        margin: 0 3px;
    }
    #newsteaser .subcl, #newsteaser .subcr
    {
        padding: 25px 105px 20px 40px;
    }
    #newsteaser h3
    {
        font-size: 1.231em;
        margin-bottom: 1.25em;
        line-height: 1.25;
        font-weight: normal;
        color: #331a01;
    }
    #newsteaser h4
    {
        font-size: 1em;
        margin-bottom: 1.538em;
        line-height: 1.538;
        font-weight: bold;
        color: #331a01;
    }
    #newsteaser h4 a
    {
        text-decoration: none;
    }
    #newsteaser h4 a:focus, #newsteaser h4 a:hover, #newsteaser h4 a:active
    {
        text-decoration: underline;
    }
    #newsteaser a
    {
        color: #331a01;
    }
    #newsteaser a a:focus, #newsteaser a a:active
    {
        outline-width: 3px;
        outline-color: black !important;
    }
    #newsteaser h3, #newsteaser h4, #newsteaser ul, #newsteaser li, #newsteaser p
    {
        list-style: none;
        margin: 0;
        padding: 0;
    }

    /* -- Kalendar --------------------------------------------------------- */
    .dtstart, .dtend
    {
        border: none;
        cursor: auto;
    }

    /* -- Ergebnisliste ---------------------------------------------------- */
    dl.list-results
    {
        border-bottom: solid 1px #d6d4d1;
    }
    dl.list-results dt
    {
        border-top: solid 1px #d6d4d1;
    }
    dl.list-results dt, dl.list-results dd
    {
        padding: 0.769em 0.385em;
    }
    .info dl.list-results dt, dl.list-results dt.info, .info dl.list-results dd, dl.list-results dd.info
    {
        padding: 0.879em 0.44em;
    }
    .teaser dl.list-results dt, dl.list-results dt.teaser, .teaser dl.list-results dd, dl.list-results dd.teaser
    {
        padding: 0.673em 0.337em;
    }

    /* -- Datenlisten ------------------------------------------------------ */
    ul.separated li, ol.separated li
    {
        margin: 0 0 0.8em 0;
        padding: 0 0 1.738em 0;
        background-image: url(/c12579b500413521/files/hr-separator.png/$file/hr-separator.png?openelement);
        background-repeat: no-repeat;
        background-position: center bottom;
    }
    ul.separated li #col2, ol.separated li #col2
    {
        background-image: url(/c12579b500413521/files/hr-separator-wide.png/$file/hr-separator-wide.png?openelement);
    }

    ul.simple, ul.featured, ul.download, ul.links, ol.download, ol.featured, ol.simple, ol.links
    {
        list-style: none;
        margin-left: 0;
        padding-left: 0;
    }
    ul.simple li, ul.featured li, ul.download li, ul.links li, ol.download li, ol.featured li, ol.simple li, ol.links li
    {
        margin-left: 0;
    }

    ul.featured li, ul.download li, ul.links li, ol.download li, ol.featured li, ol.links li
    {
        padding-left: 18px;
        margin-left: 0;
        background-image: url(/c12579b500413521/files/bullet-feature.png/$file/bullet-feature.png?openelement);
        background-repeat: no-repeat;
        background-position: left 0.4em;
        letter-spacing: 0.05em;
    }

    ul.download li, ol.download li
    {
        background-image: url(/c12579b500413521/files/bullet-download.png/$file/bullet-download.png?openelement);
    }
    .contentbox ul.download li, .contentbox ol.download li
    {
        background-image: url(/c12579b500413521/files/bullet-download-gray.png/$file/bullet-download-gray.png?openelement);
    }
    ul.links li, ol.links li
    {
        background-image: url(/c12579b500413521/files/bullet-links.png/$file/bullet-links.png?openelement);
    }
    .contentbox ul.links li, .contentbox ol.links li
    {
        background-image: url(/c12579b500413521/files/bullet-links-gray.png/$file/bullet-links-gray.png?openelement);
    }

    /* -- Teaser & Boxen --------------------------------------------------- */
    .floatbox
    {
        width: auto;
        overflow: hidden;
        display: block;
    }

    .contentbox
    {
        overflow: hidden;
        background: #e9efe5;
        color: #47443e;
        padding: 0.769em 0.769em 0 0.769em;
        margin-bottom: 1.538em;
        text-align: left;
    }
    .contentbox a
    {
        color: black;
    }
    .contentbox .contentbox-title, .contentbox h4
    {
        color: #006000;
        background: #e9efe5;
        font-size: 1.143em;
        font-weight: bold;
        line-height: 1.346;
        margin-bottom: 0.673em;
    }
    .contentbox p, .contentbox ul, .contentbox ol, .contentbox dl, .contentbox dd, .contentbox blockquote, .contentbox address
    {
        margin-bottom: 0.769em;
    }
    .contentbox h3, .contentbox h4, .contentbox h5, .contentbox h6
    {
        margin-top: 0;
    }

    /* -- Sitemap ---------------------------------------------------------- */
    #sitemap
    {
        list-style-type: none;
        margin-left: 0;
        overflow: hidden;
    }
    #sitemap li
    {
        padding-left: 0;
        margin-left: 0;
    }
    #sitemap .cleft, #sitemap .cmiddle, #sitemap .cright
    {
        float: left;
        width: 29%;
    }
    #sitemap .cleft
    {
        padding: 0 4% 0 0;
        clear: left;
    }
    #sitemap .cmiddle
    {
        padding: 0 2%;
    }
    #sitemap .cright
    {
        padding: 0 0 0 4%;
    }
    #sitemap ul
    {
        list-style-type: none;
        margin-bottom: 1.538em;
        margin-left: 0;
    }
    #sitemap ul li
    {
        padding-left: 15px;
        background-image: url(/c12579b500413521/files/bullet-nav-sub.png/$file/bullet-nav-sub.png?openelement);
        background-repeat: no-repeat;
        background-position: left 0.538em;
    }
    #sitemap ul a
    {
        color: #5c5647;
        text-decoration: none;
    }
    #sitemap ul a:focus, #sitemap ul a:hover, #sitemap ul a:active
    {
        text-decoration: underline;
    }
    #sitemap ul ul
    {
        margin-bottom: 0;
    }
    #sitemap dfn
    {
        position: absolute;
        left: -5000em;
    }
}
@media print 
{
    /* hide navigations */
    #nav-main, #newsteaser, #nav-tools
    {
        display: none;
    }

    /* hide subcontent and use full space for main content */
    #col1, #footer, .dontprint
    {
        display: none;
    }

    body, .page_margins, .page, #col2, #col2_content, .subc, .subcl, .subcr
    {
        margin: 0 !important;
        padding: 0 !important;
        width: 100% !important;
    }

    .is-separated
    {
        background: none;
        padding-bottom: 0;
        margin-bottom: 0;
    }

    /* adjust typography for print */
    .page_margins
    {
        font-size: 1em;
    }

    p
    {
        text-align: justify;
    }

    /* adjust text colors to black/white */
    *
    {
        color: black !important;
        background: transparent !important;
    }

    /* adjust header and title */
    #header
    {
        padding: 0;
        margin-top: 2em;
    }

    #logo
    {
        position: static;
        text-align: left;
        width: auto;
        height: auto;
    }
    #logo a, #logo strong, #logo img
    {
        display: inline-block;
        height: auto;
        width: auto;
    }

    img.full
    {
        width: auto;
        max-width: 100%;
    }
}
@media screen and (max-width: 1097px) 
{
    #apples
    {
        width: 86px;
        right: -21px;
        background-image: url(/c12579b500413521/files/layout-apple_einblatt.png/$file/layout-apple_einblatt.png?openelement);
    }
}
@media screen and (max-width: 1060px) 
{
    #header:before, #header:after
    {
        display: none;
    }
}
@media screen and (max-width: 1020px) 
{
    #footer:before, #footer:after
    {
        display: none;
    }
}
@media screen and (max-width: 1014px) 
{
    .has-teaser #apples
    {
        width: 136px;
        right: 20px;
        background-image: url(/c12579b500413521/files/layout-apples_einblatt.png/$file/layout-apples_einblatt.png?openelement);
    }
}
@media screen and (max-width: 974px) 
{
    .page:before, .page:after
    {
        display: none;
    }
}
@media print, aural, braille, embossed, handheld, tty, speech 
{
    span.symbol
    {
        display: none !important;
    }
}