@charset "utf-8";
/* CSS Document */


/*
 *        *************************
 *****        HEADER
 *        *************************
*/

/* Logo im Header */
#logoimage_linked {
        text-decoration:none;
        border:0px;
}

#logoimage_linked img{
        text-decoration:none;
        border:0px;
}


/*
 *        *************************
 *****        CONTENT BEREICH
 *        *************************
*/
.menuekopf {
        color:#000000;
        display:block;
        font-size:110%;
        padding:5px;
        width:180px;
        border-left: 1px solid #333333;
        border-right: 1px solid #333333;
        border-bottom: 1px solid #333333;
        font-weight: bold;
        background-color: #C1E4FC;
}

.menuekopf_1 {
        color:#000000;
        display:block;
        font-size:110%;
        padding:5px;
        width:180px;
        border: 1px solid #333333;
        font-weight: bold;
        background-color: #C1E4FC;
}

.menuekopf_1 a {
         color:black;
         text-decoration:none;
}

.menuekopf_1 img {
         margin-right:5px;
}

#menue ul {
list-style-type:none;
margin:0;
padding:0;
}

#menue li {
display:block;
/*background-color:#E8F4FB;*/
background-color:white;
}

#menue li a,#menue li a:link {
        color:#333333;
        display:block;
        padding:5px;
        text-decoration:none;
        width:180px;
        border-right: 1px solid #333333;
        border-bottom: 1px solid #333333;
        border-left: 1px solid #333333;
}

#menue li a:visited {
         color:#999999;
}

#menue li a:hover,#menue li a:active,#menue li a:focus {
        color: #CCCCCC;
        background-color: #666666;
}

#headermenue ul {
        list-style-type:none;
        margin: 0px;
        padding: 0px;
}
#headermenue li {
        display:inline;
        margin: 0px;
        padding: 0px;
}
#headermenue li a:hier {
        border-bottom-width: 1px;
        border-bottom-style: solid;
        border-bottom-color: #FFFFFF;
        color: #FF0000;
}
#headermenue li a, #headermenue li a:link {
        text-decoration:none;
        color: #333333;
        padding: 0px 5px;
        border-top-width: 1px;
        border-left-width: 1px;
        border-top-style: solid;
        border-left-style: solid;
        border-top-color: #333333;
        border-left-color: #333333;
        font-size: 80%;
        letter-spacing: 2px;
}

#headermenue li a:visited {
        text-decoration:none;
        color: #CCCCCC;
}
#headermenue li a:hover {
        color: #CCCCCC;
        background-color: #666666;
        letter-spacing: 2px;
        padding: 0px 5px;
}
#headermenue li a:active {
        text-decoration:none;
}
#headermenue li a.aktiv {
        border-bottom: 1px solid #FFFFFF;
        color: #CC9966;
}


/*
 *        *************************
 *****        CONTENT BEREICH
 *        *************************
*/

                /*        <<<<<<<<<<<<<<<<<<<<<<<<
                *        ALLGEMEIN GÜLTIG:        Überschriften
                */
                        /*        DIV für alle Überschriften        */
                        div.csc-header {
                                background-color:#c1e4fc;
                                width:auto;
                                margin-left:5px;
                                margin-right:10px;
                                padding-right:5px;
                                font-size:10px;
                        }


                /*        <<<<<<<<<<<<<<<<<<<<<<<
                ***        MAIN-CONTENT: Überschriften
                */
                        /* H2 Überschrift im Content Container */
                        #content_container_left div.csc-header {
                                background-color:#E6F4FE;
                        }

                        /* Schrift - H1        */
                        #content_container_left div.csc-header h1 {
                                border-bottom:2px solid #C1E4FC;
                                /*border-right:5px solid #C1E4FC;*/
                                margin:0px;
                                margin-bottom:0px;
                                font-size:16px;
                        }

                        /* Schrift - H2        */
                        #content_container_left div.csc-header h2 {
                                border-left:5px solid #C1E4FC;
                                margin:0px;
                                margin-bottom:20px;
                                padding-left:10px;
                                padding-top:10px;
                                font-size:12px;
                        }

                        /*        Schrift - H3        */
                        div.csc-header h3 {
                                font-size:12px;
                                color: #009b3a;
                        }

                        /* Schrift H3 bei Verwendung Text mit Bild */
                        div.csc-textpic h3 {
                                font-size:12px;
                                color: #009b3a;
                        }

                /*        <<<<<<<<<<<<<<<<<<<<<<
                ***        MAIN-CONTENT:        Texte und Element
                */

                        /*        ELEMENT:        Text mit Bild */
                                /* Bild        */
                                #content_container_left div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image img {
                                        margin-top:0px;
                                        padding-top:0px;
                                }

                                /*        Bildunterschrift        */
                                #content_container_left dd.csc-textpic-caption {
                                        font-size:10px;
                                        margin-bottom:5px;
                                }

                                /* das erstellte div        */
                                #content_container_left div.csc-textpic-text {
                                        /*background-color:#E5E5E5;*/
                                        margin-bottom:50px;
                                }

                                /* der text        */
                                #content_container_left div.csc-textpic div.csc-textpic-text p.bodytext {
                                        font-size:12px;
                                }

                                /* der text        */
                                #content_container_left div.csc-textpic div.csc-textpic-text p.bodytext a{
                                        text-decoration:underline;
                                }

                        /*        ELEMENT:        Text ohne Bild */
                                /*        Text        */
                                #content_container_left p.bodytext {
                                        font-size:12px;
                                }

                                #content_container_left p.bodytext a {
                                        text-decoration:underline;
                                }

                        /*        ELEMENT:        nummerierte Aufzählung        */
                        #content_container_left ol li {
                                font-size:12px;
                        }
                                /*        Links innerhalb nummerierter Aufzählungen        */
                                #content_container_left ol li a {
                                        text-decoration:underline;
                                }

                        /*        ELEMENT:        nicht-nummerierte Aufzählung        */
                        #content_container_left ul li {
                                font-size:12px;
                        }
                                /*        Links innerhalb nicht-nummerierter Aufzählungen        */
                                #content_container_left ul li a {
                                        text-decoration:underline;
                                }

                        /*        EIGENES HTML */
                                /* PUBLIKATIONEN-Seite: Überschrift        */
                                div#content_container_left h1.publikationen_headline {
                                        background-color:#09b8f1;
                                        font-size:16px;
                                        padding-bottom:0px;
                                        padding-left:10px;
                                        padding-top:5px;
                                        border: 1px solid gray;
                                        color:white;
                                }

                /*        <<<<<<<<<<<<<<<<<<<<<<<
                *        RECHTE SEITE:        Überschriten
                */
                        #content_container_right {
                                font-size:12px;
                        }

                        /*        Gilt für alle Überschriften der rechten Seite        */
                        #content_container_right div.csc-header {
                                width:90%;
                                background-color: #E6F4FE;
                                /*border-bottom:1px solid #c1e4fc;
                                border-left:5px solid #c1e4fc;*/
                                padding-left:5px;
                                margin-top:30px;
                        }

                        /*        der erste H4-Block benötigt extra Abstand nach oben        */
                        #content_container_right div.csc-header-n1 {
                                margin-top:10px;
                        }

                        /*        alle anderen H4's Schriften rechts*/
                        #content_container_right div.csc-header h4{
                                /*background-color:#c1e4fc;*/
                                font-size:14px;
                                margin-top:0px;
                                margin-bottom:0px;
                        }

                /*        <<<<<<<<<<<<<<<<<<<<<<<<<<
                *        RECHTE SEITE:        Texte und Inhalt
                */

                        /*        Texte unter den Überschriften        */
                        #content_container_right p.bodytext {
                                background-image:url(../img/site_img/rechte_seite_textes_bg.png);
                                background-repeat:repeat-x;
                                background-position:bottom;
                                padding:5px;
                                margin-left:5px;
                                margin-right:10px;
                                margin-top:0px;
                                font-size:12px;
                                width:90%;
                                text-align:justify;
                                border:1px solid #c1e4fc;
                                border-top:0px;
                        }

                        /*        Links unter den Überschriften        */
                        #content_container_right p.bodytext a {
                                text-decoration:underline;
                                font-size:12px;
                                /*text-align:justify;*/
                        }

                        /*        Bildunterschrift für die rechte Seite        */
                        #content_container_right dd.csc-textpic-caption {
                                font-size:10px;
                                margin-bottom:5px;
                        }

                        /*        grüne Pfote als Listenelement + alles das dazu gehört        */
                        #content_container_right ul {
                                list-style-image:url(../img/site_img/icon_gruene_hundepfote_10x10.png);
                                margin-right:1px;
                        }

                        /*        Listenelemente näher an Rahmen der rechten Seite ziehen        */
                        #content_container_right ul li {
                                margin-left:-15px;
                        }

                        /* Link näher an Listenelement-Grafik ziehen        */
                        #content_container_right ul li a {
                                margin-left:-2px;
                                font-size:11px;
                                text-decoration:underline;
                        }

                                        /*        EIGENES HTML: */
                                        /* rot Tipp des Monats */
                                        div#content_container_right span.tipp_monat_span_red {
                                                margin-left:10px;
                                                margin-right:1opx;
                                                margin-top:-5px;
                                                font-size:11px;
                                                color:red;
                                        }
                                        /* black Tipp des Monats */
                                        div#content_container_right span.tipp_monat_span_black {
                                                margin-left:10px;
                                                margin-right:1opx;
                                                margin-top:-5px;
                                                font-size:11px;
                                                color:black;
                                        }

                                        /* Eintragen in den Tipp des Monats  - Formular Elemente */
                                        div#content_container_right form table.csc-mailform {
                                        }
                                        /* Schriften wie Namen, E-Mail, bestellen */
                                        div#content_container_right form table.csc-mailform tbody tr td {
                                                padding-left:10px;
                                                font-size:10px;
                                        }
                                        /*        Input-Feld        */
                                        div#content_container_right form table.csc-mailform tbody tr td.csc-mailform-fieldcell input {
                                                width:30px;
                                        }

                                        /* Text im Newsletter SPAN rechte Info-Box Hinweistext*/
                                        div#content_container_right div span.info_txt_span {
                                                margin-left:5px;
                                                margin-right:5px;
                                                font-size:12px;
                                        }

                                        /*        HIntegrund Social Media Elements */
                                        div#content_container_right div.social_elements {
                                                height:auto;
                                                width:auto;
                                                background-image:url(../img/site_img/rechte_seite_textes_bg.png);
                                                background-repeat:repeat-x;
                                                background-position:bottom;
                                                padding-bottom:10px;
                                                margin-top:-10px;
                                        }

/*
 *        *************************
 *****        FOOTER
 *        *************************
*/

                #footer_container .footer_link_container {
                        /*background-image:url(../img/site_img/footer_bg.png);*/
                        width:30%;
                        height:auto;
                        padding-left:10px;
                        float:left;
                        margin:0 auto;
                        text-decoration:none;
                }

                #footer_container .footer_link_container a {
                        font-size:10px;
                }

                .footer_link_container ul {
                        list-style-image:url(../img/site_img/icon_pfeil.png)
                }

                /* Jongo Hinweis */
                #footer_container span {
                        margin-left:30px;
                        font-size:10px;
                }

                /*        JOngo Hinweis verlinkt        */
                #footer_container span a {
                        text-decoration:underline;
                }


#content_container div.clear_div {
        border:0px;
}




/* -----------------------------EXTENSIONS---------------------------------------------------------------------- */

/* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<
 *        VERLINKUNGEN design
 */

 a:link{
        color:#000000;
        text-decoration: none;
}

a:visited{
        color:#000000;
        text-decoration: none;
}

a:hover{
        color:#000000;
        text-decoration: none;
}

a:active{
        color:#000000;
        text-decoration: none;

}


/*  <<<<<<<<<<<<<<<<<<<<<
 *  POEWERMAIL
 */
.powermail_mandatory_js {
        color:red;
}

fieldset.tx-powermail-pi1_fieldset label  {
        font-size: 14px;
        text-align: left;
        display: block;
        width: 200px;
        float: left;
        clear: both;
        margin-top:10px;
}

fieldset.tx-powermail-pi1_fieldset select {
        margin-top:10px;
}

.tx-powermail-pi1 select, .tx-powermail-pi1 textarea {
        margin-top:10px;
}

.required powermail_schreibensieuns powermail_captcha powermail_uid8 validation-failed {
        margin-left:100px;
}


/*        <<<<<<<<<<<<<<<<<<
 *        Standard KONTAKTFORMULAR
*/

div.csc-mailform-field input#mailformname {
        margin-left:30px;
}

div.csc-mailform-field input#mailformstrasse {
        margin-left:20px;
}

div.csc-mailform-field input#mailformplz {
        margin-left:20px;
}

div.csc-mailform-field input#mailformtelefon {
        margin-left:20px;
}

div.csc-mailform-field input#mailformemail {
        margin-left:35px;
}

div.csc-mailform-field img {
        margin-left:15px;
}

div.csc-mailform-field .csc-mailform-submit {
        margin-top:30px;
}


/*        <<<<<<<<<<<<<<<<<
 *        tt_NEWS
 */

/* MULTIPLE: container: all elements */
div.news-latest-container {

}

/* MULTIPLE: a-tag: headline */
div.news-latest-container div.news-latest-item h2 a {
        color:black;
}

/* MULTIPLE: container: complete ONE element */
div.news-latest-container div.news-latest-item {
        background-color:#C1E4FC;
}

/* MULTIPLE: container: headlin        */
div.news-latest-container div.news-latest-item h2 {
        background-color:#c1e4fc;
        width:auto;
        margin-left:10px;
        margin-right:10px;
        padding:10px;
        font-size:14px;
}

/* MULTIPLE: span: DATE element        */
div.news-latest-container div.news-latest-item span.news-latest-date {
        font-weight:bolder;
        font-size:10px;
}

/*
*        MULTIPLE
*/
div.news-latest-container {
        color:red;
        font-size:12px;
}

/* MULTIPLE subtitle latest-item */
#content-container-left div.news-latest-container div.news-latest-item a p {
        margin:50px;
        font-size:10px;
}


/*        SINGLE:        a        Nächster Artikel vor => <= zurück (oben und unten) */
#content_container_left div.news-single-item a {
        font-size:12px;
        text-decoration:underline;
}

/*        SINGLE:         Von: Author  */
#content_container_left div.news-single-item div.news-single-rightbox a {
        font-size:10px;
        text-decoration:none;
}

/*        SINGLE:        a */
#content_container_left div.news-single-item ul li {
        font-size:12px;
}

/*        SINGLE:        Datum in Überschrift */
#content_container_left div.news-single-rightbox {
        color:black;
}

/*        SINGLE:        H1 */
#content_container_left div.news-single-item h1 {
        font-size:16px;
        border-bottom:3px solid #C1E4FC;
        border-left:10px solid #C1E4FC;
        padding-left:15px;
}

/*        SINGLE:        H2 */
#content_container_left div.news-single-item h2 {
        font-size:14px;
}

/*        SINGLE:        text */
#content_container_left div.news-single-item p {
        font-size:12px;
}


/*        <<<<<<<<<<<<<<<<<
 *        facebook plugin
 */

#facebook {
        margin-top:-50px;
        padding-top:-50px;
}

#LikePluginPagelet {
        margin-top:-50px;
        padding-top:-50px;
}

.connect_widget_interactive_area {
        margin-top:-50px;
        padding-top:-50px;
}