@charset "utf-8";
/* CSS Document */
/*--- die Blueprintdateien wurden kaum verändert - das meiste bewirkt diese Datei ------*/

#page-home {

}

    #wrapper {
        width: 960px;
        margin: 0 auto;
    }
    
        #top {
            background:    url(../images/top.gif);
            width: 960px;
            height: 113px;    
            border-top: 8px solid black;
        }
        
        #top a {
            color: #000000;
            margin-left: 5px;
        }
        
        #top a:hover {
            color: #A0A0A0;
        }
        
        span.kontakt_top {
            float: right;
            margin: 30px 20px 0px 0px;
        }

        #navi {
            width:          960px;
            height:         210px;            
            background:     url(../images/hauptgrafik.jpg) right no-repeat;
        }
        
        #page-angebote                      #navi,
        #page-ambulanz                      #navi,
        #page-ambulanzlehrer                #navi,
        #page-beratungsstelle               #navi,
        #page-betreutes_einzelwohnen        #navi,
        #page-elterntreff                   #navi,
        #page-freizeitgruppe                #navi,
        #page-fruehfoerdergruppen           #navi,
        #page-kleinklassen                  #navi,
        #page-schulhelfer                   #navi, 
        #page-seminare                      #navi,       
        #page-sozialpaedagogische-gruppen   #navi,       
        #page-wohnstaette                   #navi { background:     url(../images/head_angebote.jpg) right no-repeat; }
        #page-aufgaben                      #navi,
        #page-personen                      #navi,
        #page-satzung                       #navi { background:     url(../images/head_landesverband.jpg) right no-repeat; }
        #page-stellenangebote               #navi { background:     url(../images/head_landesverband.jpg) right no-repeat; }
        #page-mitgliedschaften              #navi { background:     url(../images/head_landesverband.jpg) right no-repeat; }
        #page-informationen                 #navi { background:     url(../images/head_informationen.jpg) right no-repeat; }
        #page-helfen                        #navi,
        #page-onlineformular                #navi { background:     url(../images/head_informationen.jpg) right no-repeat; }
        #page-kontaktformular               #navi,
        #page-impressum                     #navi,
        #page-datenschutz                   #navi { background:     url(../images/head_kontakt.jpg) right no-repeat; }                

        
/*--------- Navigation --------------*/
                        
            ul.level1 {                
                list-style-type:    none;
                padding:            0px;
                margin:             0px;
                width:              175px;
            }
            
            ul.level1 li.folder {                                   /* Topmenu Items */
                font-weight:        bold;
                position:           relative;
                padding:            0px;
                z-index:            9;
            }
            
            ul.level1 li.folder a.topmenu {
                background:         url(../images/hauptnav_inaktiv.gif); 
                display:            block;                                                                                             
                padding:            6px 0px 0px 20px;
                width:              175px;
                height:             29px;
                font-family:        Georgia, "Times New Roman", Times, serif;
                font-size:          12px;                    
                text-decoration:    none;
                color:              #595f61;
            }
            
            ul.level1 li.folder a.topmenu:hover {
                background-position:    0px -35px;
            }
            
                ul.level2 {                
                    list-style-type:    none;
                    padding:            0px;
                    margin:             0px;
                    width:              175px;
                    position:           absolute;
                    display:            none;
                    left:               195px; /* IE */
                    top:                0px;
                }
                
                li#angebote       ul.level2 { top: -35px; width: 754px; } /* Submenu Angebote etwas nach oben verschieben . Ausserdem breiter machen, weil wir hier 2 Spalten nebeneinander machen */
                li#landesverband  ul.level2 { top: -70px; }               /* Submenu Landesverband etwas nach oben verschieben */                
                li#kontakt        ul.level2 { top: -70px; }               /* Submenu Kontakt etwas nach oben verschieben */                
                                                                                           
                li#angebote       ul.level2 li.subitem { float: left; } /* Das Submenu von Angebote soll 2-spaltig sein */
                
                ul.level1 li.folder:hover ul.level2 {               /* Submenu aufklappen */
                    display:        block;  
                }
                
                ul.level2 li.subitem {                              /* Submemu items */
                    font-weight:        bold;
                    position:           relative;
                    padding:            0px;
                    z-index:            9;
                    border-left:        1px solid white;
                }
                
                ul.level2 li.subitem a.submenu {
                    background:         url(../images/hauptnav_inaktiv.gif); 
                    display:            block;                                                                                             
                    padding:            6px 0px 0px 20px;
                    width:              230px;
                    height:             29px;
                    font-family:        Georgia, "Times New Roman", Times, serif;
                    font-size:          12px;                    
                    text-decoration:    none;
                    color:              #595f61;
                }
                
                ul.level2 li#ambulanz                       a.submenu,
                ul.level2 li#ambulanzlehrer                 a.submenu,
                ul.level2 li#beratungsstelle                a.submenu,
                ul.level2 li#betreutes_einzelwohnen         a.submenu,
                ul.level2 li#elterntreff                    a.submenu,
                ul.level2 li#freizeitgruppe                 a.submenu,
                ul.level2 li#fruehfoerdergruppen            a.submenu,
                ul.level2 li#seminare                       a.submenu,
                ul.level2 li#schulhelfer                    a.submenu,                                                 
                ul.level2 li#sozialpaedagogische-gruppen    a.submenu,                                                 
                ul.level2 li#kleinklassen                   a.submenu, 
                ul.level2 li#wohnstaette                    a.submenu {    /* die Menupunkte von Angebote schmaler machen, weil es so viele sind */
                    /* padding:            4px 0px 0px 20px; */ 
                    /* height:             19px; */
                }
                
                ul.level2 li.subitem a.submenu:hover {          /* Hintergrundbild Submenu wechseln */
                    background-position:    0px -35px;
                }
                 
                /*---------------- aktive Menüpunkte -----------------*/
            
                body#page-home                          li#home               a.topmenu,
                body#page-aktuelles                     li#home               a.topmenu,                
                body#page-angebote                      li#angebote           a.topmenu,
                body#page-ambulanz                      li#angebote           a.topmenu,
                body#page-ambulanzlehrer                li#angebote           a.topmenu,
                body#page-beratungsstelle               li#angebote           a.topmenu,
                body#page-betreutes_einzelwohnen        li#angebote           a.topmenu,
                body#page-elterntreff                   li#angebote           a.topmenu,
                body#page-freizeitgruppe                li#angebote           a.topmenu,
                body#page-fruehfoerdergruppen           li#angebote           a.topmenu,
                body#page-kleinklassen                  li#angebote           a.topmenu,
                body#page-seminare                      li#angebote           a.topmenu,
                body#page-schulhelfer                   li#angebote           a.topmenu,
                body#page-sozialpaedagogische-gruppen   li#angebote           a.topmenu,
                body#page-wohnstaette                   li#angebote           a.topmenu,
                body#page-landesverband                 li#landesverband      a.topmenu,
                body#page-aufgaben                      li#landesverband      a.topmenu,
                body#page-personen                      li#landesverband      a.topmenu, 
                body#page-satzung                       li#landesverband      a.topmenu,
                body#page-stellenangebote               li#landesverband      a.topmenu,
                body#page-mitgliedschaften              li#landesverband      a.topmenu,
                body#page-informationen                 li#informationen      a.topmenu,
                body#page-helfen                        li#helfen             a.topmenu,
                body#page-onlineformular                li#helfen             a.topmenu,
                body#page-kontaktformular               li#kontakt            a.topmenu,
                body#page-impressum                     li#kontakt            a.topmenu,
                body#page-datenschutz                   li#kontakt            a.topmenu {
                    background:         url(../images/hauptnav_aktiv.gif); 
                    color:              #FFFFFF;   
                }
                
                body#page-home                          li#home               a.topmenu:hover,
                body#page-aktuelles                     li#home               a.topmenu:hover,                
                body#page-angebote                      li#angebote           a.topmenu:hover,
                body#page-ambulanz                      li#angebote           a.topmenu:hover,
                body#page-ambulanzlehrer                li#angebote           a.topmenu:hover,
                body#page-beratungsstelle               li#angebote           a.topmenu:hover,
                body#page-betreutes_einzelwohnen        li#angebote           a.topmenu:hover,
                body#page-elterntreff                   li#angebote           a.topmenu:hover,
                body#page-freizeitgruppe                li#angebote           a.topmenu:hover,
                body#page-fruehfoerdergruppen           li#angebote           a.topmenu:hover,
                body#page-kleinklassen                  li#angebote           a.topmenu:hover,
                body#page-seminare                      li#angebote           a.topmenu:hover,
                body#page-schulhelfer                   li#angebote           a.topmenu:hover,
                body#page-sozialpaedagogische-gruppen   li#angebote           a.topmenu:hover,
                body#page-wohnstaette                   li#angebote           a.topmenu:hover,
                body#page-landesverband                 li#landesverband      a.topmenu:hover,
                body#page-aufgaben                      li#landesverband      a.topmenu:hover,
                body#page-personen                      li#landesverband      a.topmenu:hover, 
                body#page-satzung                       li#landesverband      a.topmenu:hover,
                body#page-stellenangebote               li#landesverband      a.topmenu:hover,
                body#page-mitgliedschaften              li#landesverband      a.topmenu:hover,
                body#page-informationen                 li#informationen      a.topmenu:hover,
                body#page-helfen                        li#helfen             a.topmenu:hover,
                body#page-onlineformular                li#helfen             a.topmenu:hover,
                body#page-kontaktformular               li#kontakt            a.topmenu:hover,
                body#page-impressum                     li#kontakt            a.topmenu:hover,
                body#page-datenschutz                   li#kontakt            a.topmenu:hover {
                    background-position: 0px -35px;
                } 
                
                body#page-aktuelles                     li#aktuelles                    a.submenu,
                body#page-ambulanz                      li#ambulanz                     a.submenu,
                body#page-ambulanzlehrer                li#ambulanzlehrer               a.submenu,
                body#page-beratungsstelle               li#beratungsstelle              a.submenu,
                body#page-betreutes_einzelwohnen        li#betreutes_einzelwohnen       a.submenu,
                body#page-elterntreff                   li#elterntreff                  a.submenu,
                body#page-freizeitgruppe                li#freizeitgruppe               a.submenu,
                body#page-fruehfoerdergruppen           li#fruehfoerdergruppen          a.submenu,
                body#page-kleinklassen                  li#kleinklassen                 a.submenu,
                body#page-seminare                      li#seminare                     a.submenu,
                body#page-schulhelfer                   li#schulhelfer                  a.submenu,
                body#page-sozialpaedagogische-gruppen   li#sozialpaedagogische-gruppen  a.submenu,
                body#page-wohnstaette                   li#wohnstaette                  a.submenu,    
                body#page-aufgaben                      li#aufgaben                     a.submenu,    
                body#page-personen                      li#personen                     a.submenu,
                body#page-satzung                       li#satzung                      a.submenu,
                body#page-stellenangebote               li#stellenangebote              a.submenu,
                body#page-mitgliedschaften              li#mitgliedschaften             a.submenu,
                body#page-onlineformular                li#onlineformular               a.submenu,
                body#page-kontaktformular               li#kontaktformular              a.submenu,
                body#page-impressum                     li#impressum                    a.submenu,
                body#page-datenschutz                   li#datenschutz                  a.submenu {
                    background:         url(../images/hauptnav_aktiv.gif); 
                    color:              #FFFFFF;
                }
                
                body#page-aktuelles                     li#aktuelles                    a.submenu:hover,
                body#page-ambulanz                      li#ambulanz                     a.submenu:hover,
                body#page-ambulanzlehrer                li#ambulanzlehrer               a.submenu:hover,
                body#page-beratungsstelle               li#beratungsstelle              a.submenu:hover,
                body#page-betreutes_einzelwohnen        li#betreutes_einzelwohnen       a.submenu:hover,
                body#page-elterntreff                   li#elterntreff                  a.submenu:hover,
                body#page-freizeitgruppe                li#freizeitgruppe               a.submenu:hover,
                body#page-fruehfoerdergruppen           li#fruehfoerdergruppen          a.submenu:hover,
                body#page-kleinklassen                  li#kleinklassen                 a.submenu:hover,
                body#page-seminare                      li#seminare                     a.submenu:hover,
                body#page-schulhelfer                   li#schulhelfer                  a.submenu:hover,
                body#page-sozialpaedagogische-gruppen   li#sozialpaedagogische-gruppen  a.submenu:hover,
                body#page-wohnstaette                   li#wohnstaette                  a.submenu:hover,    
                body#page-aufgaben                      li#aufgaben                     a.submenu:hover,    
                body#page-personen                      li#personen                     a.submenu:hover,
                body#page-satzung                       li#satzung                      a.submenu:hover,
                body#page-stellenangebote               li#stellenangebote              a.submenu:hover,
                body#page-mitgliedschaften              li#mitgliedschaften             a.submenu:hover,
                body#page-onlineformular                li#onlineformular               a.submenu:hover,
                body#page-kontaktformular               li#kontaktformular              a.submenu:hover,
                body#page-impressum                     li#impressum                    a.submenu:hover,
                body#page-datenschutz                   li#datenschutz                  a.submenu:hover {
                    background-position: 0px -35px;
                }
                
                
/*---- Subnavigation -----*/
                
                ul#subnavi {                    
                }
                
                ul#subnavi li {                    
                }
                
                ul#subnavi li a {                    
                }

/*---- Subnavigation Angebote -----*/
                
                body#page-ambulanz                      ul#subnavi li#sn_ambulanz a,
                body#page-ambulanzlehrer                ul#subnavi li#sn_ambulanzlehrer a, 
                body#page-beratungsstelle               ul#subnavi li#sn_beratungsstelle a, 
                body#page-betreutes_einzelwohnen        ul#subnavi li#sn_betreutes_einzelwohnen a, 
                body#page-elterntreff                   ul#subnavi li#sn_elterntreff a,
                body#page-freizeitgruppe                ul#subnavi li#sn_freizeitgruppe a, 
                body#page-fruehfoerdergruppen           ul#subnavi li#sn_fruehfoerdergruppen a,
                body#page-kleinklassen                  ul#subnavi li#sn_kleinklassen a,
                body#page-seminare                      ul#subnavi li#sn_seminare a,
                body#page-schulhelfer                   ul#subnavi li#sn_schulhelfer a,
                body#page-sozialpaedagogische-gruppen   ul#subnavi li#sn_sozialpaedagogische-gruppen a,
                body#page-wohnstaette                   ul#subnavi li#sn_wohnstaette a {                    
                    color: #000000;
                } 
                
/*---- Subnavigation Landesverband -----*/
                
                body#page-aufgaben              ul#subnavi li#sn_aufgaben a,
                body#page-personen              ul#subnavi li#sn_personen a,
                body#page-satzung               ul#subnavi li#sn_satzung  a,                   
                body#page-stellenangebote       ul#subnavi li#sn_stellenangebote a,                 
                body#page-mitgliedschaften      ul#subnavi li#sn_mitgliedschaften a {                    
                    color: #000000;
                }                                     
                
/*---- Subnavigation Helfen -----*/                
                                        
                body#page-onlineformular        ul#subnavi li#sn_onlineformular a {                    
                    color: #000000;
                }   
                
/*---- Subnavigation Kontakt -----*/                
                                        
                body#page-kontaktformular       ul#subnavi li#sn_kontaktformular a,
                body#page-impressum             ul#subnavi li#sn_impressum a,
                body#page-datenschutz           ul#subnavi li#sn_datenschutz a {                    
                    color: #000000;
                }   
                
/*---- Subnavigation Aktuelles -----*/                                  
                ul.aktuelles               { list-style-type: none; margin: 0px; }
                ul.aktuelles li          a { }
                ul.aktuelles li.selected a { color: #000000; }
                
/*---- Subnavigation Stellenangebote -----*/                                  
                ul.stellenangebote               { list-style-type: none; margin: 0px; }
                ul.stellenangebote li          a { }
                ul.stellenangebote li.selected a { color: #000000; }
                

                                        
        #contentwrapper {
        
        }
        
            #left,
            #center,
            #right {    
                background: url(../images/p_top.gif) repeat-x;   
                float: left;
                width: 270px;
                padding: 20px;
                margin-bottom:  30px; 
            
            }               
            
            #center {  
                margin-right: 15px;
                margin-left: 15px;
            }
            
            #left_sm {
                background: url(../images/p_top.gif) repeat-x;
                padding: 20px;
                margin-right: 15px;
                width: 255px;
                float: left;
            }
            
            #right_xl {
                background: url(../images/p_top.gif) repeat-x; 
                padding: 20px;
                float: left;
                width: 610px;
            }
                                                                                                 
            div#right_ueberuns {      
                background:     #8fb2b6 url(../images/linie_ueberuns.gif) repeat-x; 
                float: left;
                width: 270px;   
                padding: 20px;
                color:          #FFFFFF;
                margin-bottom:  30px;              
            }                      
            
            div#left_m {
                background: url(../images/p_top.gif) repeat-x;
                padding: 20px;
                margin-right: 20px;
                width: 430px;
                float: left;
            }

            div#right_m {
                background: url(../images/p_top.gif) repeat-x;
                padding: 20px;     
                width: 430px;
                float: left;
            }
                                                          
        #bottom {
            float:      left;
            width:      960px;
            height:     47px;
            background: url(../images/bottom.jpg);        
            color:      #595f61;
        }
        
            div#bottom_impressum {       
                width:          150px;                 
                margin:         18px 0px 0px 20px;
                font-family:    Georgia, "Times New Roman", Times, serif;
            }
            
            div#bottom a {
                color:      #595f61;
            }
            
            div#bottom img {
                float:          right;
                margin:         0px 30px 20px 0px;
                padding-top:    8px;
            }                
                
/*---- allgemeine Formatierung von Text und Elementen ------*/                    
                    
                    span#satzung_stand {
                        font-size: 10px;
                    }                                                                 
                
                    div#contentwrapper ul a {
                        text-decoration: none;
                    } 
                    
                    body#page-impressum div#wrapper div#contentwrapper div#right_xl ul.vorstand {
                        list-style-type: upper-roman;
                    }
                    
                    body#page-impressum div#wrapper div#contentwrapper div#right_xl ol {
                        list-style-type: none;
                    }
                    
                        body#page-impressum div#wrapper div#contentwrapper div#right_xl ol li ol {
                            list-style-type: decimal;
                            margin-left: 40px;
                        }
                        
                            body#page-impressum div#wrapper div#contentwrapper div#right_xl ol li ol li ol {
                                list-style-type: lower-latin;
                                margin-left: 40px;
                            }
                            
                            body#page-impressum div#wrapper div#contentwrapper div#right_xl ol li ol li ol.satzung_besitzer {
                                list-style-type: decimal;
                                padding: 10px;
                                margin-left: 40px;
                            }
                            
                    body#page-links ul.links {
                        list-style-type: none;                    
                    }

                       
/*----- spezielle Formatierung "Aktuelles" und "Seminare" -----*/
                    
                    img.preview {
                        float:          left;
                        margin:         0px 10px 10px 0px;
                        padding-top:    5px;
                    }
                    
                    div.alle_assets {
                        clear:          both;
                        border:         2px solid #5da1a9;
                        padding:        4px 10px;
                        float:          left;   
                    }
                    
                    a.subnav_selected {
                        color:          #000000;
                    }
                    
/*----- spezielle Formatierung "Über uns" -----*/                    
                                                      
                    a.kontakt_ueberuns {
                        font-family:    verdana, arial, sans-serif;
                        font-size:      11px;
                        color:          #FFFFFF;                    
                    }
                
                    a.imText {
                        font-weight:        bold;
                        text-decoration:    none;
                    } 
                    
                        h1.ueberuns,
                        p.ueberuns {
                            color: #FFFFFF;
                        }                                              
                           
/*----- seminare.php -------------*/ 

                body#page-seminare div#contentwrapper ul {
                }                      
                                     
                body#page-seminare div#contentwrapper div#right_xl span.termin {
                    display: block;
                    font-weight: bold; 
                }
                
                body#page-seminare div#contentwrapper div#right_xl img.seminar_img {
                    margin-top: 20px;
                    margin-bottom: 10px;        
                }
            
/*----- personen.php -------------*/            

                ul.team {
                    list-style-type:none;
                    margin:         0;
                }
                
                ul.team li {
                    position: relative;
                    float:      left;
                    background: #E6EBEE;
                    height:     250px;
                    margin:     0 4px 4px 0;
                    padding:    4px;
                    width:      140px;                    
                }
                
                ul.team li:hover {
                    background: #D5DDE0       
                }   
                
                ul.team li span.team_foto_wrapper {
                    height:     140px;
                    display:    block;
                    background: #EAEEF1;
                }
                
                ul.team li span.team_foto_wrapper img.team_foto {
                }                                
                
                ul.team li p.team_name {
                    margin:      6px 6px 0px 6px;
                    font-weight: bold;
                }
                
                ul.team li p.team_text {
                    margin:      2px 6px 0px 6px;
                }
                
                ul.team li a.team_email_link {
                    position:   absolute;
                    right:      10px;
                    top:        230px;
                }                                
                                
            
/*----- kontakt.php -------------*/

                fieldset#daten {                     
                    position:   relative;
                    height:     300px;
                    padding:    0px;
                    border:     0px;
                }
                
                input.kontakt_pflichtfeld {
                    display: block;
                    margin: 4px 0px;
                }
                
                input.kontakt_pflichtfeld_fehler {
                    display:    block;
                    margin:     4px 0px;  
                }
                                
                input.kontakt_betreff {
                    position: absolute;
                    top:      0px;
                    left:     200px;
                    width:    350px; 
                }
                
                input.kontakt {
                    display: block;
                    margin: 4px 0px;    
                }
                
                textarea.kontaktTextarea_pflichtfeld {
                    position: absolute;
                    top:      24px;
                    left:     200px;
                    width:    350px;
                    height:   220px;
                    padding:  1px;
                }
                
                textarea.kontaktTextarea_pflichtfeld_fehler {
                    position: absolute;
                    top:      24px;
                    left:     200px;
                    width:    350px;
                    height:   220px;
                    padding:  1px;      
                }
                
                input#senden {
                    position: absolute;
                    top:      260px;
                    left:     200px;         
                }
                
/*----- aufnahmeantrag_online.php -------------*/

                #fehlerbox2 { background: #FFC0C0; }

                fieldset#antrag_daten {                     
                    padding:    0px;
                    border:     0px;
                }  
                
                input.antrag_pflichtfeld {
                    display: block;
                    margin: 4px 0px;
                }
                
                input.antrag_pflichtfeld_fehler {
                    display:    block;
                    margin:     4px 0px;  
                }
                                
                input.antrag_betreff {
                    top:      0px;
                    left:     200px;
                    width:    350px; 
                }
                
                input.antrag_beitrag {
                    display: inline;
                    margin-top: 20px;
                }
                
                label.antraglabel {
                    font-weight: normal;
                }
                
                input.antrag {
                    display: block;
                    margin: 4px 0px;    
                }
                
                textarea.antragTextarea_pflichtfeld {
                    width:    350px;
                    height:   220px;
                    padding:  1px;
                    margin:   10px 0px;
                }
                
                textarea.antragTextarea_pflichtfeld_fehler {
                    width:    350px;
                    height:   220px;
                    padding:  1px; 
                    margin:   20px 0px 0px 0px;     
                }
                
                input#antrag_senden {
                
                }              
                                            
                            
                            
div.abbildung {
    float:          right;
    margin-bottom:  20px;
    margin-left:    10px;
    width:          400px;
}

div.abbildung img {
    width:          400px;
    height:         auto;
}

div.abbildung span.abbildung_bildunterschrift {
    display:        block;
    text-align:     right;
}

div#adress-wrapper {
    float:          left;
    width:          200px;
}

body#page-ambulanz div.adressblock {
    width: 165px;
}

div.zusatzinfo {
    float: left;
}

div.angebot_item {
    height:             220px;
}

div#top_wrapper { 
    float: left;
}

/* impressum */

span.kontakt_label {
    float:  left;
    width:  70px;
    font-weight: bold;
}