/* CSS - Schwarz-Webentwicklung.de 03.2008 */

body
    {
    margin:0px;
    padding:0px;
    background-color:#FFFFCC;
    background-repeat:repeat-x;
    background-image:url(../upload/allgemein/header_body_verlauf.jpg);
    background-position:0px 0px;
    font-size:0px;
    line-height:0px;
    }

p, h1, h2, h3, h4, em, ul, li, a, td, div
    {
    margin:0px;
    padding:0px;
    font-family: Verdana, Arial, sans serif;
    font-weight:normal;
    font-style:normal;
    font-size:14px;
    line-height:19px;
    color:#737373;
    text-decoration:none;
    }

h1
    {
    margin:0px 0px 25px 0px;
    font-family:Verdana;
    font-weight:bold;
    font-size:22px;
    line-height:1em;
    color:#416747;
    }

h2
    {
    margin:0px 0px 15px 0px;
    font-family:Verdana;
    font-weight:bold;
    font-size:16px;
    line-height:1em;
    color:#416747;
    }

h3
    {
    margin:0px 0px 12px 0px;
    font-family:Verdana;
    font-weight:normal;
    font-size:14px;
    line-height:1em;
    color:#416747;
    }

p
    {
    margin:10px 0px 10px 0px;
    }

td
    {
    vertical-align:top;
    }
    
em
    {
    font-weight:bold;
    color:#7F2443;
    }

ul, li
    {
    margin:0px;
    padding:0px;
    font-size:0px;
    list-style:none;
    background-repeat:no-repeat;
    background-color:transparent;
    }

img
    {
    border:none;
    display:inline;
    }

div
    {
    font-size:0px;
    line-height:0px;
    background-repeat:no-repeat;
    background-color:transparent;
    }

div.clear
    {
    clear:both;
    line-height:0px;
    height:0px;
    margin:0px;
    padding:0px;
    }


/* header ------------------------------------------------------------------*/

#box-header
    {
    margin:0 auto;
    width:960px;
    height:190px;
    }

    #box-header-links
        {
        float:left;
        width:100px;    
        height:190px;
        background-repeat:no-repeat;
        background-image:url(../upload/allgemein/header_at.jpg);
        background-position:0px 65px;
        }

    #box-header-zentrum
        {
        float:left;
        width:550px;
        height:190px;
        background-repeat:repeat-x;
        background-image:url(../upload/allgemein/header_verlauf_unten.jpg);
        background-position:bottom center;
        }

        #box-header-zentrum-logo
            {
            float:left;
            width:594px;
            height:190px;
            }

            #box-header-zentrum-logo .schwarz
                {
                float:left;
                width:313px;
                height:42px;
                padding:65px 0px 0px 44px;
                }
    
            #box-header-zentrum-logo .webentwicklung
                {
                float:left;
                width:342px;
                height:34px;
                padding:17px 0px 0px 248px;
                }
    
    #box-header-rechts
        {
        float:right;
        width:248px;    
        height:190px;
        background-repeat:repeat-x;
        background-image:url(../upload/allgemein/header_verlauf_unten.jpg);
        background-position:bottom center;
        }

        #box-header-navi
            {
            float:right;
            margin:20px 0px 0px 0px;
            height:20px;
            }

            #box-header-navi #ul-header-navi li
                    {
                    float:left;
                    padding-left:28px;
                    line-height:0px;
                    background-image:url(../upload/allgemein/content_listenpunkt_rtws.jpg);
                    background-position:8px 5px;
                    }

                #box-header-navi #ul-header-navi li.kein-listenpunkt
                    {background-image:none;}

                #box-header-navi #ul-header-navi li a
                        {
                        text-decoration:underline;
                        font:13px Verdana;
                        line-height:17px;
                        color:#416747;
                        }

                #box-header-navi #ul-header-navi a.a-over,
                #box-header-navi #ul-header-navi a:hover
                        {
                        font-weight:normal;
                        color:#802444;
                        }


/* content ------------------------------------------------------------------*/

#box-content
    {
    margin:0px auto 0px auto;
    width:960px;
    }

#box-content a:hover
    {
    text-decoration:underline;
    }

    #box-content-hintergrund
        {
        float:left;
        background-color:#FFFFCC;
        }

    #box-content-oben-trennlinie
        {
        float:left;
        padding:0px 0px 40px 0px;
        width:960px;
        background-repeat:no-repeat;
        background-image:url(../upload/allgemein/content_trennlinie.jpg);
        background-position:bottom center;
        }

    #box-content-oben-ohne-trennlinie
        {
        float:left;
        padding:0px 0px 40px 0px;
        width:960px;
        background-image:none;
        }

        #box-content-slogan
            {
            width:454px;
            height:65px;
            padding:0px 0px 0px 545px;
            }

        #box-content #box-content-navi
            {
            float:left;
            margin:0px;
            padding:50px 0px 0px 10px;
            width:200px;
            }

            #box-content #box-content-navi #ul-content-navi,
            #box-content #box-content-navi #ul-content-navi li
                    {
                    float:none;
                    }

                #box-content #box-content-navi #ul-content-navi li.kein-listenpunkt
                    {background-image:none;}

                #box-content #box-content-navi #ul-content-navi a
                        {
                        padding:9px 0px 9px 40px;
                        display:block;
                        text-decoration:none;
                        font:16px Verdana;
                        font-weight:bold;
                        color:#416747;
                        background-repeat:no-repeat;
                    background-image:url(../upload/allgemein/content_navi_listenpunkt_deaktiv.jpg);
                    background-position: 0px 5px;
                        }

                #box-content #box-content-navi #ul-content-navi a.a-over,
                #box-content #box-content-navi #ul-content-navi a:hover
                        {
                        font-weight:bold;
                        color:#802444;
                        background-repeat:no-repeat;
                        background-image:url(../upload/allgemein/content_navi_listenpunkt.jpg);
                        background-position: -41px 5px;
                        }

        #box-content-oben-inhalt
            {
            float:left;
            padding:0px 10px 0px 0px;
            width:717px;
            }

            #box-content-oben-inhalt p,
            #box-content-oben-inhalt table
                {
                padding-left:10px;
                }

    #box-content-unten
        {
        float:left;
        padding:40px 0px 40px 0px;
        width:960px;
        }

        #box-content-unten-links,
        #box-content-unten-ganze-breite
            {
            float:left;
            padding:0px 30px 0px 10px;
            width:540px;
            }

        #box-content-unten-ganze-breite
            {
            width:932px;
            }
    
            #box-content-unten-links p,
            #box-content-unten-ganze-breite p
                {
                padding-left:10px;
                }

        #box-content-unten-rechts
            {
            float:right;
            padding:0px 0px 0px 10px;
            width:337px;
            }

#box-content-oben-inhalt ul,
#box-content-unten-links ul,
#box-content-unten-ganze-breite ul,
#box-content-unten-rechts ul
    {
    margin-left:30px;
    margin-bottom:10px;
    }

    #box-content-oben-inhalt ul li,
    #box-content-unten-links ul li,

    #box-content-unten-ganze-breite ul li, 
    #box-content-unten-rechts ul li 


        {
        margin:0px;
        padding:0px 20px 4px 18px;

        display:block;
        font-size:15px;
        line-height:1.5em;
        background-image:url(../upload/allgemein/content_listenpunkt_rtge.jpg);
        background-position:0px 5px;
        }
    

/* abstände ---------------------------------------------------------------- */

#box-content .abstand-unten-0{padding-bottom:0px;}
#box-content .abstand-unten-10{padding-bottom:10px;}
#box-content .abstand-unten-20{padding-bottom:20px;}
#box-content .abstand-unten-30{padding-bottom:30px;}
#box-content .abstand-unten-40{padding-bottom:40px;}
#box-content .abstand-unten-70{padding-bottom:70px;}
#box-content .abstand-unten-220{padding-bottom:220px;}
#box-content .abstand-oben-0{padding-top:0px;}
#box-content .abstand-oben-10{padding-top:10px;}
#box-content .abstand-oben-20{padding-top:20px;}
#box-content .abstand-oben-30{padding-top:30px;}
#box-content .abstand-oben-50{padding-top:40px;}
#box-content .abstand-oben-70{padding-top:70px;}
#box-content .abstand-oben-130{padding-top:130px;}
#box-content .abstand-oben-220{padding-top:220px;}


/* abstände für z.b. Bilder ------------------------------------------------- */
       
#box-content .abstand-links-oben-unten-10-10-10{padding:10px 0px 10px 10px;}
#box-content .abstand-links-oben-unten-20-20-20{padding:20px 0px 20px 20px;}
#box-content .abstand-links-oben-unten-30-0-0{padding:0px 0px 0px 30px;}
#box-content .abstand-links-oben-unten-30-0-30{padding:0px 0px 30px 30px;}
#box-content .abstand-links-oben-unten-30-10-10{padding:10px 0px 10px 30px;}
#box-content .abstand-links-oben-unten-30-20-20{padding:20px 0px 20px 30px;}

/* abstände für z.B. Texteinrückungen --------------------------------------- */

#box-content .abstand-links-10{padding-left:10px;}
#box-content .abstand-links-20{padding-left:20px;}
#box-content .abstand-links-30{padding-left:30px;}
#box-content .abstand-links-40{padding-left:40px;}
#box-content .abstand-links-50{padding-left:50px;}

/* fett --------------------------------------------------------------------- */

#box-content .fett{font-weight:bold;}

/* farbig ------------------------------------------------------------------- */

#box-content .gruen{font-weight:bold; color:#416747;}
#box-content .blau{font-weight:bold; color:#336699;}
#box-content .rot{font-weight:bold; color:#7F2443;}


/* infoboxen ---------------------------------------------------------------- */

#box-infobox-leistungen,
#box-infobox-kosten
    {
    float:left;
    width:280px;
    margin-bottom:0px;
    padding:30px 10px 30px 10px;      /* Infobox positionieren */
    }

    #box-infobox-leistungen .infobox-oben,
    #box-infobox-kosten .infobox-oben
        {
        float:left;
        width:280px;
        height:24px;
        background-repeat:no-repeat;
        background-image:url(../upload/allgemein/infobox_oben.jpg);
        background-position:0px 0px;
        }

        #box-infobox-leistungen .infobox-ueberschrift,
        #box-infobox-kosten .infobox-ueberschrift
            {
            margin:0px;
            padding:6px 0px 0px 30px;
            font-family:Verdana;
            font-weight:bold;
            font-size:13px;
            line-height:1em;
            color:#FFFFFF;
            }
        
    #box-infobox-leistungen .infobox-mitte,
    #box-infobox-kosten .infobox-mitte
        {
        float:left;
        width:280px;
        background-repeat:repeat-y;
        background-image:url(../upload/allgemein/infobox_verlauf.jpg);
        background-position:0px 0px;
        }

        #box-infobox-leistungen .infobox-text,
        #box-infobox-kosten .infobox-text
            {
            margin:0px;
            padding:10px 12px 0px 9px;
            font-family:Verdana;
            font-weight:normal;
            font-size:12px;
            line-height:14px;
            color:#666666;
            }

    #box-infobox-leistungen ul,
    #box-infobox-kosten ul
        {
        margin:10px 10px 10px 10px;
        }
    
    #box-infobox-leistungen ul li,
    #box-infobox-kosten ul li
        {
        margin:0px;

        padding:0px 20px 0px 30px;

        display:block;
        font-size:12px;
        line-height:1.5em;
        background-image:url(../upload/allgemein/content_listenpunkt_rtws.jpg);
        background-position:10px 5px;






        }
        
    #box-infobox-leistungen .infobox-unten,
    #box-infobox-kosten .infobox-unten
        {
        float:left;
        width:280px;
        height:22px;
        background-repeat:no-repeat;
        background-image:url(../upload/allgemein/infobox_unten.jpg);
        background-position:0px 0px;
        }


/* footer -----------------------------------------------------------------  */

#box-footer
    {
    margin:0px auto 0px auto;
    padding-top:22px;
    height:60px;
    background-repeat:repeat-x;
    background-image:url(../upload/allgemein/footer_verlauf.jpg);
    }

    #box-footer-inhalt
        {
        margin:0px auto 0px auto;
        width:960px;
        height:25px;
        }

        #box-footer-inhalt p
            {
            margin:0px;
            padding-right:250px;
            font:12px Verdana;
            line-height:17px;
            color:#FFFFFF;
            }

        #box-footer-inhalt #ul-footer-inhalt li
                {
                float:left;
                margin:0px;
                padding-left:30px;
                line-height:0px;
                background-image:url(../upload/allgemein/footer_listenpunkt.jpg);
                background-position:7px 3px;
                }

            #box-footer-inhalt #ul-footer-inhalt li.kein-listenpunkt
                {background-image:none;}

            #box-footer-inhalt #ul-footer-inhalt li a
                    {
                    text-decoration:underline;
                    font:12px Verdana;
                    line-height:17px;
                    color:#FFFFFF;
                    }

            #box-footer-inhalt #ul-footer-inhalt a.a-over,
            #box-footer-inhalt #ul-footer-inhalt a:hover
                    {
                    font-weight:normal;
                    color:#802444;
                    }