@charset "utf-8";
/*
    Document   : layout
    Created on : 12.05.2009, 21:32:02
    Author     : Sarah Maerdian
*/


/*------------------------------------------------------------------------------
 * Reset
 *----------------------------------------------------------------------------*/

    html, body, div, span, applet, object, iframe,
    h1, h2, h3, h4, h5, h6, p, blockquote, pre,
    a, abbr, acronym, address, big, cite, code,
    del, dfn, em, font, img, ins, kbd, q, s, samp,
    small, strike, strong, sub, sup, tt, var,
    dl, dt, dd, ol, ul, li,
    fieldset, form, label, legend,
    table, caption, tbody, tfoot, thead, tr, th, td {
        margin: 0;
        padding: 0;
        border: 0;
        outline: 0;
        font-weight: inherit;
        font-style: inherit;
        font-size: 100%;
        font-family: inherit;
        vertical-align: baseline;
    }
    /* remember to define focus styles! */
    :focus {
        outline: 0;
    }
    body {
        line-height: 1;
        color: black;
        background: white;
    }
    ol, ul {
        list-style: none;
    }
    /* tables still need 'cellspacing="0"' in the markup */
    table {
        border-collapse: separate;
        border-spacing: 0;
    }
    caption, th, td {
        text-align: left;
        font-weight: normal;
    }
    blockquote:before, blockquote:after,
    q:before, q:after {
        content: "";
    }
    blockquote, q {
        quotes: "" "";
    }

    .clearfix {
        clear: both;
    }


/*-----------------------------------------------------------------------
 * Farben
 *-----------------------------------------------------------------------
 * #002D69
 *
 *-----------------------------------------------------------------------*/


/*-----------------------------------------------------------------------
 * Elemente
 *-----------------------------------------------------------------------*/

    html {
        height: 100.2%;
    }

    
    #ausgleichsabgabe a {
        padding: 0;
        background: none;
    }


    .invisible {
        display: none;
    }



/*------------------------------------------------------------------------------
 * Layout
 *----------------------------------------------------------------------------*/

    body {
        font-family: Tahoma, Helvetica, Verdana, sans-serif;
        font-size: 10px;
        color: #002D69;
        background-color: #FFFFFF;
        
    }

    body * {
        font-size: 1em;
    }

    /*--------------------------------------------------------------------------
     * Kopfzeile + Metanavigation
     *------------------------------------------------------------------------*/

    #kopfzeile, div.metanavigation {
        width: 100%;
        
    }

        #kopfzeile > div, div.metanavigation > div  {
            margin-left: auto;
            margin-right: auto;
            width: 100%;
            max-width: 100em;
        }

    /*--------------------------------------------------------------------------
     * Metanavigation + Schriftgröße
     *------------------------------------------------------------------------*/

    div.metanavigation {
        position: static;
        position: fixed;
        top: 0;

        background-image: url('../images/bg_metanavigation.gif');
        background-position: center left;
        background-repeat: repeat-x;

        background-color: #002d6a;

        color: #FFFFFF;
    }

        .metanavigation a:link, .metanavigation a:visited,
        .metanavigation a:active, .metanavigation a:hover {
            color: #FFFFFF;
            text-decoration: none;
        }


            div.metanavigation > div div {
                font-size: 1.2em;
                
                height: 1em;
                padding-top: 1em;
                padding-bottom: 1em;
            }



    /*--------------------------------------------------------------------------
     * Schriftgröße
     *------------------------------------------------------------------------*/
            
        div#schriftgroesse {
            margin-left: 1em;
        }
        
                div#schriftgroesse,
                div#kontrast {
                    float: left;
                    margin-right: 1em;
                }

                    div#schriftgroesse span,
                    div#kontrast span {
                        display: block;
                        float: left; 
                    }

                    div#schriftgroesse a img,
                    div#kontrast a img {
                        margin-top: -0.4em;
                    }

    /*--------------------------------------------------------------------------
     * Metanavigation
     *------------------------------------------------------------------------*/
                    

        div#metanavigation {
            float: right;
            font-weight: bold;
        }

            #metanavigation li {
                float: left;
                margin-left: 1.2em;
            }

                #metanavigation li a:hover {
                    text-decoration: underline;
                }


    /*-------------------------------------------------------------------------
     * Kopfzeile
     *------------------------------------------------------------------------*/

        #kopfzeile {
            position: absolute;
            position: fixed;
            top: 3.6em;
            min-height: 65px;
            height: 6.5em;

            padding-top: 1.7em;
            padding-bottom: 1.8em;

            border-top: 0.2em solid #CDCDCD;
            border-bottom: 0.2em solid #CDCDCD;

            background-image: url('../images/bg_header.gif');
            background-position: center left;
            background-repeat: repeat-x;
            background-color: #EEEEEE;
        }


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

            h1 {
                float: left;
                margin-left: 1em;
                margin-right: 2em;
                width: 22em;
                margin-top: -0.5em;
            }

            h2 {
                float: left;
                font-size: 3.2em;
                line-height: 1.2em;
                margin-top: -0.2em;
            }

            h2, h3 {
                
            }

            
    /*-------------------------------------------------------------------------
     * Inhaltsbereich
     *------------------------------------------------------------------------*/
    

    #inhaltsbereich {
        margin-left: auto;
        margin-right: auto;
        padding-top: 15em;
        
        width: 100em;
    }


        #navigation,
        #content,
        #marginalspalte {
            margin-left: 1em;
            margin-right: 1em;
            float: left;
        }

        #marginalspalte, div.suche {
            float: right;
        }

        div#marginalspalte {
            margin-top: 5.7em;
        }

        #navigation,
        #marginalspalte, div.suche {
            width: 22em;
        }

        
        #content {
            width: 51em;

            margin-top: 1em;
            margin-bottom: 4em;
        }

        div#inhalt {
            overflow:hidden;
        }

/*------------------------------------------------------------------------------
 * Navigation
 *----------------------------------------------------------------------------*/

#navigation {
    padding-top: 5.7em;
}

#navigation > ul {
   border-top: 1px solid #CDCDCD;
}

#navigation ul {
    padding: 0;
    margin: 0;
}

#navigation ul li {
    display: block;
    font-weight: bold;
    line-height: 1.5em;
    
    border-bottom: 1px solid #CDCDCD;
    
}

    #navigation ul > li {
        background-image: url('../images/bg_verlauf_unten.gif');
        background-position: bottom left;
        background-repeat: repeat-x;
    }

        #navigation ul > li > a{
            background-image: url('../images/bg_verlauf_oben.gif');
            background-position: top left;
            background-repeat: repeat-x;
        }

        #navigation ul > li > a.current,
        #navigation ul > li > a.section,
        #navigation ul > li > a:hover {
            background-image: url('../images/bg_navigation_rollover.gif');
            background-position: top left;
            background-repeat: repeat-x;
            color: #FFFFFF;
            background-color: #002f6d;
        }

    #navigation a {
        font-size: 1.3em;
        display: block;
        padding-top: 0.7em;
        padding-bottom: 0.7em;
        padding-left: 0.8em;
        padding-right: 0.8em;
    }

    #navigation a:link, #navigation a:visited,
    #navigation a:active, #navigation a:hover {
        text-decoration: none;
        color: inherit;
    }

        #navigation ul.unternavigation {
            margin-bottom: 1em;
            display:none;
            
            margin-left: 1em;
            /*
            border-left: 1em solid #002f6d;
            */
            
        }


        #navigation a.current + ul,
        #navigation a.section + ul{
            display: block;
        }

            #navigation .unternavigation li {
                border: none;
                background-image: none;
            }
    
                #navigation .unternavigation li a {
                    font-weight: normal;
                    background-image: none;
                    border-top: 1px solid #FFFFFF;
                    border-bottom: 1px solid #FFFFFF;
                    padding-top: 0.5em;
                    padding-bottom: 0.5em;
                }

                #navigation .unternavigation li a.current,
                #navigation .unternavigation li a:hover {
                    background-image:
                        url('../images/bg_unternavigation_rollover.gif');
                    background-position: top left;
                    background-repeat: repeat-x;
                    background-color: #E4E4E4;
                    border-top: 1px solid #CDCDCD;
                    border-bottom: 1px solid #CDCDCD;
                    color: inherit;
                }


/*-----------------------------------------------------------------------
 * Marginalspalte
 *-----------------------------------------------------------------------*/

#marginalspalte {
    margin-right: 0;
}

div#ausgleichsabgabe,
div.infobox {
    margin-bottom: 2em;
}

#ausgleichsabgabe {
    margin-left: -1em;
    margin-top: -4em;
}

div.infobox {
    border-top: 1px solid #CDCDCD;
    border-bottom: 1px solid #CDCDCD;
    background-image: url('../images/bg_verlauf_unten.gif');
        background-position: bottom left;
        background-repeat: repeat-x;
    
        
    padding-bottom: 1.5em;
    padding: 0 1em 1.5em 1em;
}

    div.infobox h4 {
        background-image: url('../images/bg_verlauf_oben.gif');
            background-position: top left;
            background-repeat: repeat-x;
        padding-top: 0.8em;

        margin-bottom: 0.5em;
    }

    div.infobox ul {
        margin-left: 1.2em !important;
        list-style-position:outside;
    }


/*-----------------------------------------------------------------------
 * Portalseite, Aktuelles, Stellenangebote
 *-----------------------------------------------------------------------*/
    div.portal, div.stellenangebot, div.aktuelleMeldung {
        width: 100%;

        border-bottom: 1px solid #C6C6C6;
        margin-bottom: 20px;
        padding-bottom: 20px;
    }

    div.portal.last, div.stellenangebot.last, div.aktuelleMeldung.last {
        border-bottom: none;
    }

    /*-----------------------------------------------------------------------
     * Portalseite
     *-----------------------------------------------------------------------*/

        div.portal div.spalte1 {
            float: left;
            width: 200px;
            margin-right: 15px;
        }

        div.portal div.spalte2 {
            width: 22em;
            float: right;
        }


    /*-----------------------------------------------------------------------
     * Aktuelles
     *-----------------------------------------------------------------------*/

        div.aktuelleMeldungen {
            margin-top: 5em;
            border-top: 1px solid #C6C6C6;
            padding-top: 20px;
        }

            .aktuelleMeldung .details {
                font-style: normal;
                color: #666;
                margin-top: -1.5em;
            }


    /*-----------------------------------------------------------------------
     * Links
     *-----------------------------------------------------------------------*/

        .links .spalte1 {
            height: 5em;
            text-align: center;
        }

            .links .spalte1 img {
                border: none !important;
                /*margin-top: 2em;*/
            }

            .links .spalte1 a {
                background: none !important;
            }

            .links .spalte2 h4 {
                margin-top: 0 !important;
            }

    /*-----------------------------------------------------------------------
     * Ansprechpartner
     *-----------------------------------------------------------------------*/

        div.portal.ansprechpartner div.spalte1 {
            width: 195px;
        }

        div.portal.ansprechpartner h4 {
            margin-bottom: 0.2em !important;
        }

        div.portal.ansprechpartner p.funktion {
            font-weight: bold !important;
        }


/*-----------------------------------------------------------------------
 * Referenzen
 *-----------------------------------------------------------------------*/

    #inhalt div.referenz {
        margin-left: 25px;
        margin-right: 25px;
        margin-bottom: 60px;
    }

    #inhalt .referenz img {
        margin-bottom: 20px;
        border: none !important;
        display: block;
    }

    /*---------------------------------------------------------
     * Logo-Übersicht
     *-------------------------------------------------------*/
        #inhaltsbereich #content.referenzUebersichtContent {
            width: 74em;
        }

            #inhalt .referenzenUebersicht div.referenz {
                float: left;
                margin: 10px;
            }

            #inhalt .referenzenUebersicht div.referenz.image a {
                background: none !important;
            }

                #inhalt .referenzenUebersicht div.referenz img {
                    margin: 0;
                }

            #inhalt .referenzenUebersicht div.referenz.details {
                position: absolute;
                border: 1px solid #002D69;
                padding: 0.5em;
                background-color: #FFF;
                width: 15em;
                display: none;
            }

/*-----------------------------------------------------------------------
 * Anker-Positionierung wegen fixem Kopf
 *-----------------------------------------------------------------------*/
    #inhalt h3[id], #inhalt h4[id], #inhalt h5[id],
    #inhalt h3 a[name], #inhalt h4 a[name], #inhalt h5 a[name] {
        margin-top: -15em !important;
        padding-top: 15em;
        display:block;
    }

/*-----------------------------------------------------------------------
 * Clearfix
 *-----------------------------------------------------------------------*/

.clearfix {
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

/*-----------------------------------------------------------------------
 * Suchergebnisse
 *-----------------------------------------------------------------------*/
    #SearchResults li {
        margin-bottom: 30px;
    }

    #SearchResults {
        font-size: 1em;
    }

    #SearchResults img {
        display: none;
    }

    .trefferanzahl {
        font-weight: bold;
    }

/*-----------------------------------------------------------------------
 * Page-Footer
 *-----------------------------------------------------------------------*/

    div.pageFooter {
        border-top: 1px solid #CDCDCD;
        font-size: 1.1em !important;
        margin-top: 5em;
        margin-bottom: 4em;
        padding-top: 1em;   
    }

        .pageFooter a.drucken {
            float: left;
        }
        

        .pageFooter a.seitenanfang {
            float: right;
            text-decoration: none;
        }

        .pageFooter a.drucken:hover,
        .pageFooter a.seitenanfang:hover {
            text-decoration: underline;
        }


.infobox div.ansprechpartnerInfos {
    display: none;
}


/*-----------------------------------------------------------------------
 * Entsorgungsfachbetrieb
 *-----------------------------------------------------------------------*/

#Entsorgungsfachbetrieb,
#Entsorgungsfachbetrieb h4 {
    background: none;
    border: none;
}

#Entsorgungsfachbetrieb div {
    vertical-align: middle;
}

#Entsorgungsfachbetrieb a {
    background: none;
}

#Entsorgungsfachbetrieb img {
    margin-right: 0.5em;
}

#Entsorgungsfachbetrieb p {
    float: right;
}