@charset "UTF-8";
/**
 * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
 *
 * (en) Variation of screen layout (basemod.css) for layout example "3col_3-1-2"
 * (de) Variation des Screenlayouts (basemod.css) f�r Layoutbeispiel "3col_3-1-2"
 *
 * @copyright       Copyright 2005-2009, 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.1
 * @revision        $Revision: 343 $
 * @lastmodified    $Date: 2009-01-19 23:41:32 +0100 (Mo, 19. Jan 2009) $
 */

@media screen, projection
{
    /**
     * (en) Repositioning content container
     * (de) Neupositionierung der Content Container
     *
     * |-------------------------------|
     * | #header                       |
     * |-------------------------------|
     * | #col3   | #col1     | #col2   |
     * | 25%     | 50%       | 25%     |
     * |-------------------------------|
     * | #footer                       |
     * |-------------------------------|
     */


    body { background-color:#FFFFFF; min-width: 990px;}
    #whole_site {max-width:1500px; position:absolute; width:100%; min-width: 990px;}
    div.page_margins{
        /*	margin-right:150px;*/
        float:left;
        width:100%;
        position:absolute;
    }
    div.page {
        width:100%;
        margin-right:50px;
    }

    #header {
        margin-left:5%;
        height:115px;
        margin-bottom: 30px;
        padding-top:20px;

    }
    #schriftzug {
        padding-top:3px;
        float:left;
        padding-bottom:9px;
    }
    #logo {
        float:right;
        padding-top: 56px;
    }



    #nav {margin:0; padding-top:0; height:2.4em; margin-left:5%; background-color: #EFECD5; }

    #main {  float:left; margin-left:5%;  background-color:#FFFFFF;
        margin-top:0; padding-top:0; width:95%;}

    div#rootline{
        color: #000000;
        font-size: 78%;
        padding-top:1.7em;
        padding-bottom:1.7em;
        padding-left:1%;
    }
    div#rootline a {
        font-weight: normal;
        color: #000000;
        text-decoration: underline;
        display:inline;
        float:none;
        padding:0;
    }

    /* #col1 becomes the middle column | #col1 wird zur mittleren Spalte */
    #col1 { width: 55%; float:right; margin-left: -80%; margin-right: 25%; padding-bottom:3%;}
    #col1_content { padding-left: 25px; padding-right: 20px; background-color: #FFFFFF;  }

    /* #col2 becomes the right column | #col1 wird zur rechten Spalte */
    #col2 { width: 25%; float:right; margin-right: 0%;}
    #col2_content { padding-left: 20px; background-color: #FFFFFF; }

    /* #col3 becomes the left column | #col3 wird zur linken Spalte */
    #col3 {  float:left; width: 20%; margin-left: 0; margin-right: -5px; }
    #col3_content { padding-left: 0px; padding-right: 0px; background-color: #FFFFFF;   }



    #footer{
        padding:0.5% 0 0.5% 0;
        margin-left:5%;
    }
    #ads {
        width:125px;
        float:right;
        margin-top:150px;
        position:absolute;
        right:0;
        z-index:90000;
    }


    /*########### COL 2 Marginale #####################*/

    #col2_content div.ce-media img,
    #col2_content figure img{
        max-width: 130px;
        height: auto;
    }

    #col2_content > .container {
        background-color:#ffffff;
        margin-bottom: 1.0em;
        padding: 0 0 0.9em 0 ;

    }

    #col2 div.container h3 {
        /*text-align:center;*/
        font-size: 120%;
        color: #00983b; margin: 0 0 0.7em 0; padding-top: 0.5em; font-weight:bold; background-color:#FFFFFF; border-top:1px solid #00983b;
    }


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




    /*########### COL 3 nAVIGATION #####################*/

    div#suche{
        background-color:#ffffff;
        padding: 3.1em 0 2.1em 0;
    }

    input.suchen{
        border: 1px solid #00983b;
        background-color:#ffffff;
        color:#000000;
        font-size: 0.83em;
        margin:0;
        font-weight:bold;
        float:left;
        padding: 2px;
        height: 1.43em;
        width: 10em;

    }

    input.suchen_submit{
        margin-right: 0.3em;
        margin-left: 0.3em;
        text-align:center;
        border: 1px solid #FFFFFF;
        background-color:#FFFFFF;
        color:#00983b;
        font-weight:bold;
        cursor:pointer;
    }

    form.suche {
        display: inline;
    }





    /*########## SONSTIGES #############*/

    .clearer {
        height: 0px;
        clear: both;
        overflow: hidden;
        font-size: 0px;
        line-height: 0px;
        margin: 10px 0 10px 0;
    }
    .hidemail{
        position: absolute;
        left: -3000px;
        top: -3000px;
        display: none;
    }

    div.druck {
        float: right;
        text-align: left;
    }
    div.druck a{
        color:#000000;
        padding:0;
        margin:0;
    }

    div.lastupdate {
        float:left;
        text-align: left;
    }
    .csc-textpic-caption,
    figcaption{
        font-size: 75% !important;
    }

    .zoom {
        float: right;
        display: block;
    }

    p.csc-linkToTop {
        border: 0;
        clear:both;
        text-align: right;
        font-size:75%;
        padding: 0;
        margin: 0;
        padding-bottom: 0.5em;
    }
    #col1 p.csc-linkToTop a{
        color:#000000;
        font-style:normal;
    }

    /*hebt float right auf (z.B. Absätze mit Bilder untereinander/ Werbungsblock) */
    div.page_divider {
        clear: left;
        height: 1px;
        padding: 0;
    }

    div.frame-custom-20, div.frame-20 {
        border: 1px solid #00983b;
        background-color: #FFFFFF;
        padding: 0.5em;
        margin-bottom: 0.9em;
    }


    /*############### News  ##################*/
    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.news_image_latest {
        float:right;
/*        overflow: hidden;
        width: 100px;*/
        padding-left:15px;
        padding-bottom: 10px;
        magin-top:0.5em;
    }

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

    div.tt_news_teaser div.datum,
    div.tt_news_single div.datum {
        float: left;
        padding-top:2px;
    }


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

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

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

    /*############### wt_directory  ##################*/

    /* Main */
    .clear {
        clear: both;
    }
    div.tx-wtdirectory-pi1 dl {
        margin:0 !important;
        padding:0 !important;
        display:block;
    }
    /* Single view */
    /*dl.wtdirectory_all_detail {
        padding-top: 1.5em !important;
    }*/
    dt.wtdirectory_all {
        /*	display:block;
            float: left;
            clear: left;
            width:205px;*/
        padding-top: 5px;
        padding-left: 5px;
        float: left;
        clear: left;
        width: 200px;
        text-align: left;
        font-weight: bold;
    }
    dt.wtdirectory_all:after {
        content: ":";
    }

    dd.wtdirectory_all {
        clear:right;
        display:block;
        margin:0;
        padding: 5px;
        padding-left: 205px;

    }
    dd.wtdirectory_all h2 {
        /*padding: 0;
        margin: 0;
        font-size: 14px;
        font-weight: bold;*/

        padding: 0 0 0.5em 0;

    }
    dd.wtdirectory_all_even,
    dt.wtdirectory_all_even {
        background-color: #f6a635;
    }

    div.wtdirectory_filter_search  .formLabel {
        width: 12em !important;
    }

    ul.wt_directory_pagebrowser li {
        display:inline;
        font-size:95%;

    }
    ul.wt_directory_pagebrowser  {
        padding-bottom:1.5em;
    }

    div.wtdirectory_all_backlink {
        padding-top:1.5em;
    }
    #col1 .tx-wtdirectory-pi1 .formwrapper2 {
        position: relative;
        top: -4.7em;
        padding: 1em 0.9em 0.5em 1em;
        border: 1px solid #EDE3c9;
        border-top: none;
        background-color: #ffffff;

    }
    #col1 .tx-wtdirectory-pi1 .formSubmit {
        position: relative;
        top: 6.1em;

    }

    div.formwrapper1 {
        padding: 0.5em 1em 1.1em 1em;
        border: 1px solid #EDE3c9;
        border-bottom: none;
        background-color: #ffffff;
        margin: 0; /*  IE Mac needs this */

    }
    .wtdirectory_list wtdirectory_list_wrap {
        display:inline;
    }

    div.wtdirectory_filter_cat option {
        padding: 2px 5px;
    }
    div.wtdirectory_filter_cat option.level2 {
        padding-left: 10px;
    }
    div.wtdirectory_filter_cat option.level3 {
        padding-left: 20px;
    }
    div.wtdirectory_filter_cat option.level4 {
        padding-left: 30px;
    }


    /* Autocomplete */
    div.wt_directory_autocompletecontainer {
        padding: 5px;
        /*border: 1px solid #888;*/
        background-color: #FFFFFF;
    }
    div.wt_directory_autocompletecontainer ul {
        list-style-type: none;
        padding: 0;
        margin: 0;
    }
    div.wt_directory_autocompletecontainer ul li {
        cursor: pointer;
    }

    /* Fixing Inline-Style Autocomplete von wt_directory */
    .wt_directory_autocompletecontainer {
        left: 46px !important;
    }

    .level1,
    .level2,
    .level3,
    .level4 {
        background:none;
        border:none;
    }

    #col3 #sponsors h2{
        background-color: #A4C538;
        font-size: 1.2em;
        font-weight: bold;
        margin: 0;
        padding: 0.5em;
    }

    #cookie-bar {background:#111111; height:auto; line-height:24px; color:#eeeeee; text-align:center; padding:3px 0;}
    #cookie-bar.fixed {position:fixed; top:0; left:0; width:100%;}
    #cookie-bar.fixed.bottom {bottom:0; top:auto; padding-top: 2rem; padding-bottom: 1rem; z-index: 10000000000;}
    #cookie-bar p {margin:0; padding:0; color:#eeeeee;}
    #cookie-bar a {text-align: center; vertical-align: middle; line-height: 1.42857; font-size: 14px; color:#ffffff; display:inline-block; border-radius:0px; text-decoration:none; padding:6px 12px; margin-left:10px; text-transform: uppercase;}
    #cookie-bar .cb-enable {background:#00983B; color: #fff;}
    #cookie-bar .cb-enable:hover {background:#A4C538; font-weight: normal;}
    #cookie-bar .cb-disable {background:#990000;}
    #cookie-bar .cb-disable:hover {background:#bb0000;}
    #cookie-bar .cb-policy {background:#444348;}
    #cookie-bar .cb-policy:hover {background:#c4c3c7; font-weight: normal;}


}