@charset "UTF-8";
/**
 * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
 *
 * (en) Template for designing a screen layout
 * (de) Gestaltungsvorlage für die Erstellung eines Screenlayouts
 *
 * @copyright       Copyright 2005-2008, 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.0.6
 * @revision        $Revision: 202 $
 * @lastmodified    $Date: 2008-06-07 14:29:18 +0200 (Sa, 07 Jun 2008) $
 */

@media screen, projection {
    /*------------------------------------------------------------------------------------------------------*/
    /**
     * Design of the Basic Layout | Gestaltung des YAML Basis-Layouts
     *
     * @section layout-basics
     */
    /* Page margins and background | Randbereiche & Seitenhintergrund */
    body {
        min-width: 990px;
        background: #ffffff;
        padding: 0;
        margin: 0;
        font-family: Verdana, Arial, Helvetica, sans-serif
    }

    /* Layout: Width, Background, Border | Layout: Breite, Hintergrund, Rahmen */
    #page_margins {
        z-index: 98;
        padding: 0;
        margin: 0;
    }

    #page {
        z-index: 99;
        padding: 0;
        margin: 0;
        margin-right: 50px;
    }

    /* Design of the Main Layout Elements | Gestaltung der Hauptelemente des Layouts */
    #header {
        color: #000066;
    }

    #topnav {
    }

    #header #topnav {
        right: 0px !important;
        top: 0px !important;
    }

    #nav {
        padding: 0;
        margin: 0;
    }

    #main {
        padding: 0;
        margin: 0;
    }

    #footer {
        padding: 2px;
        margin-left: 50px;
        font-size: 1.0em;
        line-height: 1.6em;
        color: #000000;
    }

    /*------------------------------------------------------------------------------------------------------*/
    /**
     * Formatting of the Content Area | Formatierung der Inhaltsbereichs
     *
     * @section layout-main
     */
    /**
     * (en) Repositioning content container
     * (de) Neupositionierung der Content Container
     *
     * |-------------------------------|
     * | #header                       |
     * |-------------------------------|
     * | #col1   | #col3     | #col2   |
     * | 25%     | flexible  | 25%     |
     * |-------------------------------|
     * | #footer                       |
     * |-------------------------------|
     */
    /* #col1 becomes the left column | #col1 wird zur linken Spalte */
    #col1 {
        width: 20%;
    }

    #col1_content {
        margin-left: 50px;
    }

    /* #col2 becomes the right column | #col2 wird zur rechten Spalte */
    #col2 {
        width: 20%;
    }

    #col2_content {
    }

    /* #col3 becomes the middle column | #col3 wird zur mittleren Spalte */
    #col3 {
        margin-left: 23%;
        margin-right: 23%;
    }

    /* Der z-Index verhindert, dass im Falle des noch bestehenden IE-Bugs die Texte vor
      ** dem Spaltenhintergrund erscheinen. */
    #col1 {
        z-index: 3;
    }

    #col2 {
        z-index: 1;
    }

    #col3 {
        z-index: 5;
    }

    #col1_content {
        z-index: 4;
    }

    #col2_content {
        z-index: 2;
    }

    #col3_content {
        z-index: 6;
    }

    /*------------------------------------------------------------------------------------------------------*/
    /**
     * Design of Additional Layout Elements | Gestaltung weiterer Layoutelemente
     *
     * @section layout-misc
     */
    #kopf {
        margin-left: 50px;
        margin-bottom: 0;
        height: 140px;
    }

    #logo {
        margin-left: 0px;
        padding: 20px 0 20px 0 !important;
        padding: 0;
        width: 300px;
        z-index: 8;
    }

    #suche {
        padding: 0;
        margin: 0;
    }

    #footer .lastupdate {
        float: left;
        width: 60%;
        color: #000000;
    }

    #footer .druck {
        float: right;
        color: #000000;

    }

    #footer ul {
        display: inline;
        float: left;
        margin: 0;
        padding: 0;
    }

    #footer ul li {
        display: inline;
        float: left;
        list-style-type: none;
        margin: 0;
        padding: 0;
        padding-left: 5px;
        padding-right: 5px;
        border-right: 1px solid #000000;
        color: #000000;
    }

    input.suchen_submit {
        margin: 0 5px 0 5px;
        text-align: center;
        border: #A29662 1px solid;
        background-color: #ffffff;
        color: #A29662;
        font-weight: bold;
        padding: 2px;
        font-size: 0.9em;
    }

    input.suchen {
        border: 1px solid #A29662;
        background-color: #000000;
        color: #A29662;
        font-size: 0.83em;
        margin: 0;
        font-weight: bold;
        float: left;
        padding: 2px;
        height: 1.5em;
        width: 105px;
    }

    /*####################################*/
    /* ######################################################################################################
    ** ### Formatierung der Container der Spalte2 ##########################################################
    ** ######################################################################################################
    */
    #col2_content div.ce-media img,
    #col2_content figure img {
        max-width: 130px;
        height: auto;
    }

    #col2_content > .container {
        background-color: #FFFFFF;
        padding: 0em 0em 0.5em 0em;
        margin-bottom: 1.0em;
        font-size: 89%;
        margin-top: 0;
        border: 1px solid #97bc0f;
    }

    #col2 div.container h3 {
        font-size: 110%;
        color: #000000;
        margin-bottom: 0.3em;
        padding: 0.3em 0.3em 0.3em 0.3em;
        background-color: #97bc0f;
        font-weight: bold;
        margin-top: 0;
    }

    #col2 div.container ul {
        padding: 0;
        margin: 0;
        list-style-type: none;
        display: block;
    }

    #col2 div.container p,
    #col2 div.container h4 {
        padding: 0em 0.5em 0em 0.5em;
    }

    /* ######################################################################################################
    ** ### Formatierung Sonstiges ###################################################
    ** ######################################################################################################
    */
    div#rootline {
        padding: 0 0 0 50px;
        color: #000000;
        float: left;
        font-size: 78%;
        margin: 1.1em 0 0.7em;
        width: 80%;

    }

    div#rootline a {
        font-weight: normal;
        color: #000000;
        text-decoration: underline;
        display: inline;
        float: none;
        padding: 0;
        margin: 0;

    }

    div#rootline a:focus,
    div#rootline a:hover,
    div#rootline a:active {
        color: #999999;
        background-color: #ffffff;
        text-decoration: underline;
    }

    /* ###########NEWS################# */
    h4.tt_news_list, h3.tt_news_list {
        font-size: 99.5%;
        font-weight: bold;
        color: #A29662;
    }

    div.containernews h3.tt_news_list {
        margin: 0em 0.5em 0.2em 0.5em;
    }

    div.container h4.tt_news_list {
        margin: 0.5em 0.5em 0em 0.5em;
    }

    h2.tt_news_list {
        margin: 1.4em 0 0.2em 0;
    }

    p.tt_news_event_date {
        font-size: 98%;
        color: #A29662;
        margin: 0 0 0 0;
        padding-top: 0em;
        font-weight: bold;
    }

    div.tt_news_event_where {
        margin-bottom: 0;
        float: left;
        padding: 0 0.2em 0 0.5em;
        width: 50%;
    }

    div.news-latest-morelink {
        float: right;
        padding: 0 0.5em 0 0;
        margin: 0;
    }

    div.tt_news_event_date_list,
    div.tt_news_event_where_list {
        line-height: 1.5em;
        margin: 0 0 0 0;
    }

    p.tt_news_event_date_single {
        font-size: 0.9em;
        font-weight: bold;
        color: #A29662;
        margin: 0 0 0 0;
    }

    div.tt_news_teaser div.datum,
    div.tt_news_single div.datum {
        float: left;
    }

    #col3 div.news-single-additional-info ul.related_news li {
        line-height: 1.5em;
        margin: 0;
        padding: 0;
        padding-bottom: 0.4em;
        background: none;
    }

    div.containernews div.tt_news_teaser p.datum,
    div.containernews div.tt_news_teaser p {
        margin: 0;
        padding: 0em 0em 0em 0.5em;
    }

    div.containernews div.tt_news_teaser p {
        padding: 0em 0em 0.8em 0.5em;
    }

    /*nötig, damit unter dem Datum kein Leereinrückung erscheint*/
    div.tt_news_teaser p.datum {
        margin: 0;
        padding: 0em 0em 0em 1px;
    }

    div.news_image {
        /*float: right;
        overflow: hidden;
        width: 190px;
        padding-left: 15px;*/
    }

    div.news_image_list {
        float:right;
        /*overflow: hidden;
        width: 190px;*/
        padding-left:15px;
    }
    .news .article .news-img-wrap a {
        border:none;
        padding:0;
    }

    div.tt_news_image {
        float: right;
        overflow: hidden;
        /*width: 190px;*/
        padding-left: 15px;
    }

    div.tt_news_image img {
        margin-top: 5px;
        margin-bottom: 5px;

    }

    p.news-single-imgcaption {
        width: 175px;
        font-size: 75%;
        clear: both;
    }

    div.tt_news_teaser hr.abstand {
        background: transparent;
        border: 0;
        border-bottom: 1px #ffffff solid;
        padding: 0;
        color: #ffffff;
        margin: 0;
    }

    div.tt_news_teaser {
        margin: 0;
        padding: 0;
    }

    .news-amenu-container ul {
        list-style-type: none;
    }

    li.news-amenu-item-year {
        display: none;
    }

    #sponsors {
        padding-top: 3.1em;
        font-size: 81%;
    }

    #sponsors img {
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .jcarousel-skin-tango .jcarousel-container-horizontal {
        padding: 0px;
    }

    .jcarousel-skin-tango .jcarousel-container {
        background: none;
        border: none;
    }

    #col3_content div.tx-imagecarousel-pi1 ul li {
        background: none;
        padding: 0;
    }


    /* Flexslider */
    #col3_content .slides li,
    #col3_content .flex-direction-nav li {
        background:none;
        padding:0;
        margin:0;
    }
    .flexslider .slides li {
        position:relative;
    }
    #col3_content .flex-control-nav li {
        background:none;
    }

    #col3_content .slides li div.flex-caption {
        background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5);
        position:absolute;
        left:0;
        right:0;
        bottom:0;
        color: #fff;
        font-size: 1.3em;
        z-index:1;
        line-height: 1.7em;
        padding: 2%;
        text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);

    }
    #col3_content .slides li div.flex-caption a {
        color: #fff;
        text-decoration: none;
    }

    .cc-message {color:#ffffff;}
    a.cc-link:hover {background-color:transparent;}

}