/* Allgemeiner Formatierungen */
@import url(standard/general.css);               


/* 
 * + FF (0.5/0.6/1.5), IE 7/6/5.5/5, OP 9.0/8.5
 * - OP 7.5
 * ? KHTML, iCab, IE/Mac, Textbrowser, Camino, Safari, OmniWeb
 */

body {
    color: #515151;
    background: #fff url("../graphics/background.gif") repeat-x;
    }

    body a:focus,
    body a:hover {
        color: #ff9f33 !important;
        background-color: inherit !important;

        padding: 0;
        border: none;
        text-decoration: none;
}



/*============================================================================*/
/* Layout (v.a Positionierungen) */

div#wrapper {
    position: relative; 
    width: 69em; 

    margin: 0 auto 0; 

    text-align: left; 
    }

    #content {
        margin: 0 0.3em 0.5em 0.3em;
        color: inherit;
        background-color: #fff;
    }

    /* Nicht genutzt */
    #content-shadow-left,
    #content-shadow-right {
        display: none;
        width: 5px;
        height: 100%;
    }
    #content-shadow-left {
        margin-left: -0.5em;
        float: left;

        background: #505050 url("../graphics/shadow-left.jpg") repeat-y left;
    }
    #content-shadow-right {
        margin-right: -0.5em;
        float: left;

        background: #505050 url("../graphics/shadow-left.jpg") repeat-y left;
    }

    #content-shadow-bottom {
        height: 5px; 
        width: 100%;

        background: #505050 url("../graphics/shadow-bottom.jpg") repeat-x bottom;
    }

    #header {
        height: 27.5em;

        margin-top: 0.2em;

        font-family: "Verdana";
        font-size: 10px;
        }

        #header-back {
            width: 100%;
            height: 100%;
    }

    #search { 
        width: 20em;
margin-top: -22.6em;        /* Unschoen */
margin-left: 1em;
        }

        #search-text {
            width: 9em;

            margin-bottom: 0.3em;
            border: 1px solid #ddd;
        }

        #search-submit {
            width: 3.3em;
            height: 1.45em;
    }


    #menue {
        position:relative;
        top: 18.1em;

        color: #fff;
        background-color: transparent;
        }

        #metamenue {
            float: left;
        }

        #mainmenue {
            float: right;
            overflow: hidden;
    }


    #middle {

    }

    #footerwrapper {
        height: 11.5em;
        margin-top: 1.5em;      

        /* color: #515151; */
        /* background: #fff url("../graphics/footer-line.gif") repeat-x right 3em; */
        }
    
        #footer-shadow-top,
        #footer-shadow-bottom {
            height: 5px; 
            width: 100%;

            background-color: #505050 
            background-repeat: repeat-x;
            }

            #footer-shadow-top {
                background-position: top;
                background-image: url("../graphics/shadow-top.jpg");
            }

            #footer-shadow-bottom {
                background-position: bottom;
                background-image: url("../graphics/shadow-bottom.jpg");
        }

        #footer {
            position: relative; 
            width: 69em; 
            height: 100%;

            margin: 0 auto 0;

            text-align: left; 
        }

        #yeebase {
            width: 15.6em;
            height: 3.9em;

            margin-bottom: 2em;
}



/*============================================================================*/
/* Headerstil */

#header {
}



/*============================================================================*/
/* Menustile */

#mainmenue {
    height: 2.2em;

    padding: 0;
    }

    #mainmenue img {
        float: left;
    }

    #mainmenue ul {
        }

        #mainmenue li {
            margin-left: 1px;
            padding: 0.5em 1.2em 0.8em 1.2em;

            color: #fff;
            background: #458016 url("../graphics/menu_green.gif") repeat-x;        
            }

            #mainmenue li.active {
                color: #515151;
                background: #fff url("../graphics/menu_white.gif") repeat-x;
            }

            #mainmenue li#intern {
                padding: 0.5em 3.1em 0.7em 1.5em;

                color: inherit;
                background: #515151 url("../graphics/menu_gray.gif") repeat-x;
        }

        #mainmenue li a {
            color: inherit;
            background-color: transparent !important;
            }

            #mainmenue li:hover,
            #mainmenue li a:hover {
        }

        /* Ok, das ist jetzt ne fiese Kiste. Die Tabs sollen sauber zoomen, 
         * also wird mit Fuell-DIVs gearbeitet */
        #mainmenue div.fill {
            float: left;

            position: relative;
            left: -5px;
            top: 25px;

            width: 5px;
            height: 100px;

            background-color: #458016;
            }

            #mainmenue div#fill-intern {
                background-color: #515151;
            }

            #mainmenue div#fill-white {
                background-color: #fff;
        }

        #mainmenue {
            margin-right: -5px;
        }

        #mainmenue li {
            margin-left: -4px;
}


#metamenue {
    }

    #metamenue li {
        padding: 0.3em;
    }

    #metamenue a {
        font-weight: normal;

}



/*============================================================================*/
/* Contentstile */

#middle {
    padding: 2.3em 0 2em 1em;

    }

    #left {
        float: left;
        width: 50em;
        line-height: 1.6em;
 
        }

        #left h1 {
            color: #468017;
            background-color: transparent;

            padding-bottom: 0.6em;

            font-size: 1.6em;
        }
        
        #left h2 {
            color: #468017;
            background-color: transparent;

            padding: 0.6em 0;

            font-size: 1.2em;
        } 

        #left img {
            float: left;
            width: 16.1em;
            height: 11.1em;

            margin: 0.5em 1em 0.5em 0;
        }
        
        #left ul {
        padding: 0.6em;
        list-style-type:disc;
        }

        #left p {
            margin-bottom: 1em;

    }

    #right {
        width: 16em;

        margin-left: 52em;
}


/* Tipps */
div.tipp-liste {
    margin-bottom: 4em;

    font-size: 0.9em;
    }

    div.tipp-liste h1 {
        padding: 0.5em 0 0.9em 0.8em;

        color: #fff;
        background-color: #468017;

        font-weight: bold;
    }

    div.tipp-liste li {
        width: 15em;

        padding: 0.6em 0 0.6em 0.8em;
        margin: 0;
        color: #468017;
        background-color: transparent;
}

div.tipps {
    margin-top: 1em;
    }

    div.tipps h1 {
        color: #468017;
        background-color: transparent;

        padding-bottom: 0.2em;
        margin-bottom: 0.2em;
        border-bottom: 1px solid #a4a4a4;

        font-size: 1.6em;
    }

    div.tipps-entry {
        }

        div.tipps h2 {
            padding-top: 0.4em;
            padding-bottom: 0.4em;

            font-weight: bold;
        }

        p.tipps-datum {
            color: #468017;
            background-color: inherit;

            font-weight: bold;
        }

        div.tipps p {
            font-size: 0.9em;
}

#home {
    }

    #home #middle {
        padding: 0;
        margin: 0;
    }

    #home #left {
        width: 101%;
        margin: 0;
        padding: 0;
    }


    #green-box {
        float: left;
        width: 34.2em;
        height: 18em;

        color: #fff;
        background: #478017 url("../graphics/home_greenbox.jpg") repeat-x;
        }

        #green-box h1 {
            padding-left: 0.6em;
            padding-bottom: 0.8em;
            padding-top: 0.5em;

            color: #fff;
            background-color: transparent;
        }

        #green-box p {
            padding-left: 1em;

            font-size: 0.9em;
            line-height: 1.5em;
    }


    #orange-box {
        float: left;
        width: 34.2em;
        height: 18em;

        color: #515151;
        background: #ff8800 url("../graphics/home_orangebox2.jpg") repeat-x;
        }


        /* Transparenz der "Sprechblase" vorbereiten. Durch Browserspezifika konfiguriert */
        #orange-box * {
            position: relative;
            z-index: 10;
        }

        #orange-box img.box-background {
            display: block;            
            width: 93%;
            height: 70%;

            margin: 3.8em 0 -18.5em 1em;

            position: relative;
            z-index: 1;
        }
        /* Ende Transparenz */


        #orange-box h1 {
            padding-top: 0.5em;
            padding-left: 0.6em;
            padding-bottom: 0.8em;

            color: #fff;
            background-color: transparent;
        }

        #orange-box p.title {
            padding-left: 1.4em;
            padding-top: 0.4em;

            font-size: 1.1em;
            line-height: 1.5em;

            color: #515151;
            background-color: transparent;

            font-family: "Arial";
            font-weight: bold;
        }

        #orange-box div.column {
            float: left;
            width: 16.5em;

            padding-left: 1.5em;

            font-size: 0.9em;
            line-height: 1.5em;
        }

        #orange-box div.column a {
            color: #be0028;
            background-color: transparent;

            font-weight: bold;
            text-decoration: underline;
        }
        
        #orange-box div.column ul {
            margin-top: -1em;       /* Unschoen */

            list-style: disc;
        }

        #orange-box div.column li {
    }


    #newsbox {
        width: 66.6em;
        height: 32em;               /* Yep, nicht flexibel! */

        padding-top: 1em;
        padding-left: 0.9em;       
        }

        #newsbox h1 {
            color: #1d5291;
            background: inherit;

            padding: 0 0 0.5em 0;
            border-bottom: 1px solid #d7d7d8;
        }

        #newsbox p.newsbox-datum {
            color: #1d5291;

            font-weight: bold;
            padding-top: 0.3em;
        }

        #newsbox h2 {
            font-weight: bold;
            padding-bottom: 0.6em;
        }

        #newsbox img {
            width: auto;
            height: auto;
            float: left;
        }

        div.newsbox-entry {
            float: left;
        }

        div.newsbox-entry p {
            font-size: 0.9em;
            line-height: 1.2em;
        }

        div.newsbox-entry p a {
            display: block;

            color: #be0028;

            font-size: 0.9em;
        }

        #newsbox div.newsbox-entry {
            width: 33.3em;
        }
        
        #newsbox div.newsbox-entry p {
            width: 34em;
}


#footer {
    overflow: hidden;               /* Schoener beim Zoomen */
    }
    
    #footer div.tipps {
        float: left;
        width: 34.5em;
        height: 100%;

        margin-top: 0;
        }

        #footer div.tipps h1 {
            padding-left: 0.6em;
            padding-bottom: 0.5em;
            padding-top: 0.2em;
            border-bottom: none;
        }

        #footer div.tipps-entry {
            float: left;
            width: 15.5em;       
    
            margin-left: 1em;        
    }

    #footer div.box {
        float: left;
        width: 17.1em;
        height: 100%;
        }

        #footer div.box h1 {
            margin-bottom: 0.3em;
            padding: 0.4em 0 0.25em 0.3em;
            border-bottom: 1px solid #fff;

            color: #fff;
            background-color: transparent;

            font-size: 1.4em;
            font-weight: bold;
        }

        #footer div.box p,
        #footer div.box div {
            padding-left: 0.5em;

            color: #fff;
            background-color: transparent;

            font-size: 0.9em;
        }

        #footer div.box p.datum {
            padding-bottom: 0.4em;

            color: #be0028;
            background-color: transparent;

            font-weight: bold;
        }

        /* Mailinglisten */
        #footer #footer-graybox {
            background: #585858 url("../graphics/footer_graybox.jpg") repeat-x;
            }

            #footer-graybox label {
                display:block;

                margin-top: 0.5em;

                font-weight: bold;
                font-size: 0.9em;
            }

            #footer-graybox input.formtext {
                display:block;
                width: 8em;

                margin-top: 0.5em;
            }

            #footer-graybox input.button {
                float: right;

                margin-right: 1em;
        }
    
        /* Podcasts */
        #footer #footer-orangebox {
            background: #ff8800 url("../graphics/footer_orangebox.jpg") repeat-x;
}



/*============================================================================*/
/* Footerstile */

#footerwrapper {
}



/*============================================================================*/
/* Extensions */

div#tx_chcforum-pi1 {
    }
    
    div#tx_chcforum-pi1 img {
        height: auto;
        width: auto;
        margin: none;
    }
    
    /* Aus Platzgruenden Bilder ausblenden */
    div.tx_chcforum-pi1-toolBar div.tx-chcforum-pi1-noWrap img,
    div.tx_chcforum-pi1-subToolBar img {
        display: none;
}

div.tx-newloginbox-pi1 {
    }

    div.tx-newloginbox-pi1 td p {
        margin-top: 1em;
        margin-right: 1em;
        
        font-size: 0.8em;
}

div.tx-newloginbox-pi3 {
    margin-top: 6em;
    }
    
    div.tx-newloginbox-pi3-listrow tr { 
        border-bottom: 1px solid #515151;
        }
        
        div.tx-newloginbox-pi3-listrow td { 
            height: auto;

            padding: 0.5em;

            font-size: 0.8em;
        }
    
        div.tx-newloginbox-pi3-listrow p {
            margin-bottom: 0;
    }
    
    div.tx-newloginbox-pi3-browsebox p {
        margin-right: 0.5em;
    
        font-size: 0.8em;
    }    
    
    tr.tx-newloginbox-pi3-listrow-header {
        height: auto;
        } 
    
        tr.tx-newloginbox-pi3-listrow-header td {
            height: 1.2em;
        
            padding: 0.5em 0.5em 0 0.5em;

            color: #fff;
            background-color: #515151;
        }

        tr.tx-newloginbox-pi3-listrow-header td p {
            padding-bottom: 0;
            margin-bottom: 0;
}

div.tx-newloginbox-pi3-singleView h3 {
    margin-bottom: 1em;
}

div.tx-newloginbox-pi3-singleView p {
    font-size: 0.8em;
}