body {
  font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
  font-size: 11px;
  color: #000000;
  margin: 0;
  padding: 0;
}

/* @import url("//hello.myfonts.net/count/2b461b"); */


@font-face {
font-family: 'Neo Sans W01';
src: url('../fonts/2B461B_0_0.eot');
src: url('../fonts/2B461B_0_0d41d.eot?#iefix') format('embedded-opentype'),url('../fonts/2B461B_0_0.woff') format('woff'),url('../fonts/2B461B_0_0.ttf') format('truetype');
}


@font-face {
font-family: 'Neo Sans W01 light';
src: url('../fonts/2B461B_1_0.eot');
src: url('../fonts/2B461B_1_0d41d.eot?#iefix') format('embedded-opentype'),url('../fonts/2B461B_1_0.woff') format('woff'),url('../fonts/2B461B_1_0.ttf') format('truetype');}

/*
Cookie Button
*/
 @import 'styles/dark-bottom.html'; 

     .cc_container {
             .cc_btn,
             .cc_btn:visited {
                     color: #fff;
                     background-color: #80bd26 !important;
             }
     }


/* Standard-Formate */

table {
  width: 100%;
}

td, div {
  text-align: left;
}

img {
  border-style: none;
}

ul {
  padding: 0;
  margin: 0 0 15px 0;
}

ul li {
  margin: 0 0 0 18px;
  padding: 0 0 5px 0;
}

ul li ul, ul li ul li ul {
  margin: 5px 0px 0px 0px;
}


p {
  line-height: 16px;
  margin-top: 0px;
  margin-bottom: 15px;
}

.align-left {
  text-align: left;
}

.align-right {
  text-align: right;
}

.align-center {
  text-align: center;
}

.indent {
  margin-left: 25px;
}

blockquote {
    font-family:'Neo Sans W01';
  color: #82BA00;
  font-size: 14px;
  font-style: italic;
  margin-left: 25px;
}

hr {
  height: 1px;
  border: 0px;
  color: #A21C11;
}

input, select, textarea {
  font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
  border-style: solid;
  border-width: 1px;
  border-color: #8C8C8C;
}

input.checkbox {
  border-style: none;
}

.divider {
    width: 455px;
    height: 50px;
    background-image: url(../gfx/divider.jpg);
    background-repeat: no-repeat;
    margin: 0 0 20px 0;
}
/*
### Formate für den Seitenaufbau
*/
/* Spaltenbreite: 45px o. 30px */
/* Farben:
    dunkelgrün: #82ba00
        für Links: #6F9E00
    hellgrün: #a7cf4c
    grau: #6b6b6b
*/
header, nav, article, section, footer { display: block; }

html {
    background-color: #e6e6e6;
}
body {
    width: 1020px;
    margin: 0 auto;
    padding: 0 22px;
    background: #FFF url(../gfx/body-bg.png) left top repeat-y;
    font-family: Verdana;
    font-size: 11px;
    position: relative;
}
a:hover, a:active { outline: none; }

a, a:active, a:visited {
    color: #82BA00;
    text-decoration: none;
}
a:hover {
    color: #6F9E00;
    text-decoration: underline;
}
::-moz-selection { background: #a7cf4c; color: #000; text-shadow: none; }
::selection { background: #a7cf4c; color: #000; text-shadow: none; }

header {
    margin-bottom: 20px;
    height: 270px;
    background: transparent url(../gfx/head-bg-platzhalter.jpg) left top no-repeat;
}
    /* Styling fuer die einzelnen Bereiche */
    body.jugendwerkstjosef header {
        background-image: url(../gfx/head-bg-st_josef.jpg);
    }
    body.jugendwerklandau header {
        background-image: url(../gfx/head-bg-landau.jpg);
    }
    body.jugendwerklandaujubi header {
        background-image: url(../gfx/head-bg-landau.jpg);
    }
    body.mariarosenberg header {
        background-image: url(../gfx/head-bg-maria.jpg);
    }
    body.hausgabriel header {
        background-image: url(../gfx/head-bg-haus_gabriel.jpg);
    }
    body.hausjosef header {
        background-image: url(../gfx/head-bg-haus_josef.jpg);
    }
    body.jakobreebschule header {
        background-image: url(../gfx/head-bg-jakob_reeb.jpg);
    }
    body.berufsbildendeschule header {
        background-image: url(../gfx/headgrafik_beruf.jpg);
    }
    body.jugendhilfe header {
        background-image: url(../gfx/head-bg-jugendhilfe.html);
    }
    body.schulischebildung header {
        background-image: url(../gfx/head-bg-schulischebildung.jpg);
    }
    body.beruflichebildung header {
        background-image: url(../gfx/head-bg-beruflichebildung.jpg);
    }
    body.weitereangebote header {
        background-image: url(../gfx/head-bg-weitereangebote.jpg);
    }

    /* Die Marke */
    h1 {
        position: absolute;
        top: 85px;
        right: 30px;
        margin: 0;
        width: 430px;
        height: 118px;
        background: url(../gfx/marke_jugendwerk-st-josef.png) right top no-repeat;
        text-indent: -9999px;
    }
    /* Styling fuer die einzelnen Bereiche */
    body.jugendwerkstjosef h1 {
        background-image: url(../gfx/marke_jugendwerk-st-josef.png);
    }
    body.jugendwerklandau h1 {
        background-image: url(../gfx/marke_jugendwerk-landau.png);
    }
    body.jugendwerklandaujubi h1 {
        background-image: url(../gfx/marke_jugendwerk-landau-jubi.png);
    }
    body.mariarosenberg h1 {
        background-image: url(../gfx/marke_maria_rosenberg.png);
    }
    body.hausgabriel h1 {
        background-image: url(../gfx/marke_haus-gabriel.png);
    }
    body.hausjosef h1 {
        background-image: url(../gfx/marke_haus-josef.png);
    }
    body.jakobreebschule h1 {
        background-image: url(../gfx/marke_jakob-reeb-schule.png);
    }
    body.berufsbildendeschule h1 {
        background-image: url(../gfx/marke_berufsbildende-schule.png);
    }

    /* Der Claim */
    h2#claim {
        position: relative;
        top: 250px;
        left: 270px;
        margin: 0;
        font-family:'Neo Sans W01';
        font-size: 24px;
        font-weight: normal;
        color: #82BA00;
        width: 296px;
    }


#content {
    width: 100%;
    overflow: auto;
    padding-bottom: 34px; /* Höhe des Footers */
}

    /* alle Templates */
    #leftColumn,
    #mainColumn,
    #rightColumn,
    #wideColumn {
        float: left;
        overflow: hidden;
    }

    /* Genutzt auf der Startseite */
    #wideColumn {
        width: 705px;
        margin: 0 45px 20px 0;
    }
    #wideColumn h2 {
        font-family:'Neo Sans W01';
        font-size: 22px;
        font-weight: normal;
        margin: 15px 0 0 0;
        padding: 0 0 10px 0;
    }
    #wideColumn h3 {
        font-family:'Neo Sans W01';
        font-size: 16px;
        font-weight: normal;
        margin: 5px 0 0 0;
        padding: 0 0 10px 0;
    }

    /* Genutzt auf der Inhaltsseite */
    #rightColumn {
        width: 220px;
        margin: 0 35px 0 0;
    }

    #leftColumn {
        width: 270px;
    }

        #leftColumn nav#mainNav {
            width: 240px;
        }
            #leftColumn nav#mainNav a:hover {
                text-decoration: none;
            }
            #leftColumn nav ul,
            #leftColumn nav li {
                 margin: 0;
                 padding: 0;
                 list-style: none;
             }
                /* Navigation, erste Ebene */
                #leftColumn nav ul.level1 li {
                    margin: 0 0 7px 0;
                    font-size: 16px;
                }
                    #leftColumn nav ul.level1 li a {
                        color: #FFF;
                        display: block;
                        padding: 5px 0 1px 45px;
                        font-family: 'Neo Sans W01 light';
                        line-height: 15px;
                        font-size: 16px;
                        font-weight: normal;
                        height: 21px;
                        background-color: #82ba00;
                        background-image: url(../gfx/nav_runde_ecke.jpg);
                        background-position: right -1px;
                        background-repeat: no-repeat;
                    }
                    #leftColumn nav ul.level1 .page_632 a {
                        background-color: #FF0000;
                        background-image: none;
                    }
                    #leftColumn nav ul.level1 li.act a,
                    #leftColumn nav ul.level1 li.act a:hover {
                        font-family: 'Neo Sans W01 Light';
                        line-height: 15px;
                        font-size: 16px;
                        font-weight: normal;
                        background: #a7cf4c ;
                        background-image: url(../gfx/list-bg.png) 0 0 no-repeat ;
                    }
                    #leftColumn nav ul.level1 .page_632.act a,
                    #leftColumn nav ul.level1 .page_632.act a:hover {
                        background-color: #ff4c4c;
                        background-image: none;
                    }
                    
                      #leftColumn nav ul.level1 li a:hover {
                        background: #a7cf4c;
                        background-position: right -30px;
                      }

                    #leftColumn nav ul.level1 li a img {
                        display: block;
                    }

                    /* Ergänzung 2012 */
                    #leftColumn nav ul.level1.color1 li a {
                      color: #00b888;
                      background-color: #ccf5e0;
                      background-image: url(../gfx/nav_runde_ecke_color1.png);
                      background-repeat: no-repeat;
                    }
                      #leftColumn nav ul.level1.color1 li a:hover {
                        background-color: #e6f5ed;
                        background-position: right -30px;
                      }
                      #leftColumn nav ul.level1.color1 li.act a,
                      #leftColumn nav ul.level1.color1 li.act a:hover {
                        background: #e6f5ed url(../gfx/nav_runde_ecke_act_color1.png) 0 0 no-repeat;
                      }
                      #leftColumn nav ul.level1.color1 li.act .level2 a {
                        background: none;
                      }
                      #leftColumn nav ul.level1.color1 li.act .level2 li.act a,
                      #leftColumn nav ul.level1.color1 li.act .level2 a:hover {
                        color: #00b888 !important;
                      }
                    #leftColumn nav ul.level1.color2 li a {
                      color: #417fa2;
                      background-color: #b5cee0;
                      background-image: url(../gfx/nav_runde_ecke_color2.png);
                      background-repeat: no-repeat;
                    }
                      #leftColumn nav ul.level1.color2 li a:hover {
                        background-color: #d2dae0;
                        background-position: right -30px;
                      }
                      #leftColumn nav ul.level1.color2 li.act a,
                      #leftColumn nav ul.level1.color2 li.act a:hover {
                        background: #d2dae0 url(../gfx/nav_runde_ecke_act_color2.png) 0 0 no-repeat;
                      }
                      #leftColumn nav ul.level1.color2 li.act .level2 a {
                        color: #000;
                        background: none;
                      }
                      #leftColumn nav ul.level1.color2 li.act .level2 li.act a,
                      #leftColumn nav ul.level1.color2 li.act .level2 a:hover {
                        color: #417fa2 !important;
                      }

                    #leftColumn nav ul.level1.color3 li a {
                      color: #00a7c4;
                      background-color: #c1eaf5;
                      background-image: url(../gfx/nav_runde_ecke_color3.png);
                      background-repeat: no-repeat;
                    }
                      #leftColumn nav ul.level1.color3 li a:hover {
                        background-color: #dff0f5;
                        background-position: right -30px;
                      }
                      #leftColumn nav ul.level1.color3 li.act a,
                      #leftColumn nav ul.level1.color3 li.act a:hover {
                        background: #dff0f5 url(../gfx/nav_runde_ecke_act_color3.png) 0 0 no-repeat;
                      }
                      #leftColumn nav ul.level1.color3 li.act .level2 a {
                        color: #000;
                        background: none;
                      }
                      #leftColumn nav ul.level1.color3 li.act .level2 li.act a,
                      #leftColumn nav ul.level1.color3 li.act .level2 a:hover {
                        color: #00a7c4 !important;
                      }

                    #leftColumn nav ul.level1.color4 li a {
                      color: #7C7C7C;
                      background-color: #D9D9DA;
                      background-image: url(../gfx/nav_runde_ecke_color4.png);
                      background-repeat: no-repeat;
                    }
                      #leftColumn nav ul.level1.color4 li a:hover {
                        background-color: #EDEDEE;
                        background-position: right -30px;
                      }
                      #leftColumn nav ul.level1.color4 li.act a,
                      #leftColumn nav ul.level1.color4 li.act a:hover {
                        background: #EDEDEE url(../gfx/nav_runde_ecke_act_color4.png) 0 0 no-repeat;
                      }
                      #leftColumn nav ul.level1.color4 li.act .level2 a {
                        color: #000;
                        background: none;
                      }
                      #leftColumn nav ul.level1.color4 li.act .level2 li.act a,
                      #leftColumn nav ul.level1.color4 li.act .level2 a:hover {
                        color: #7C7C7C !important;
                      }


                /* Navigation, zweite Ebene */
                #leftColumn nav ul.level2 {
                   margin: 5px 0 0 0;
                   padding: 0;
                }
                    #leftColumn nav ul.level2 li {
                       margin: 0 0 3px 0;
                       font-size: 12px;
                    }
                        #leftColumn nav ul.level2 li a,
                        #leftColumn nav ul.color1 ul.level2 li a {
                             font-family:'Neo Sans W01' !important;
                             line-height: 14px !important;
                             font-size: 12px !important;
                             font-weight: auto;
                             color: #000 ;
                             padding: 0 0 0 45px;
                             background: url(../gfx/list-bg.png) 10px 5px no-repeat ;
                             background-color: #FFF !important;
                    }
                       #content #leftColumn nav ul.level2 li.act a,
                       #content #leftColumn nav ul.level2 li.act a:hover {
                        background-image: url(../gfx/list-bg.png) 10px 5px no-repeat ;
                        background-color: #FFF ;
                        line-height: 14px ;
                        color: #6F9E00 ;
                        display: block ;
                    }
                            #leftColumn nav ul.level2 li a:hover {
                                background: none ;
                                color: #6F9E00 ;
                        }
                            #leftColumn nav ul.level2 li a img {
                                display: block;
                        }

                /* Navigation, dritte Ebene */
                #leftColumn nav ul.level3 {
                    margin: 0 0 7px 0;
                    padding: 0;
                    background: none ;
                }
                    #leftColumn nav ul.level3 li {
                       background: none ;
                       margin: 0;
                       font-size: 12px;
                    }
                    #leftColumn nav ul.level3 li.act {
                       background: none;
                       margin-bottom: 0;
                    }
                        #content #leftColumn nav ul.level3 li a {
                            font-family:'Neo Sans W01' ;
                            line-height: 14px ;
                            font-size: 12px ;
                            height: auto ;
                            color: #000 !important;
                            padding: 3px 0 3px 65px ;
                            background: #FFF 40px 6px no-repeat;
                        }
                        #content #leftColumn nav ul.level3 li.act a,
                        #content #leftColumn nav ul.level3 li.act a:hover {
                            height: auto ;
                            color: #6F9E00 !important;
                            background: #FFF url(../gfx/list-bg.png) 40px 6px no-repeat;
                            display: block;
                        }
                            #content #leftColumn nav ul.level3 li a:hover {
                                background: none ;
                                color: #6F9E00 !important;
                            }


        #leftColumn div.vcard {
            margin: 30px 0 0 45px;
            color: #6b6b6b;
        }
            #leftColumn div.vcard a:link,
            #leftColumn div.vcard a:visited {
                color: #6b6b6b;
            }

        #leftColumn #metaNav {
            margin: 10px 0 0 45px;
        }
            #leftColumn #metaNav a {
                color: #6b6b6b;
            }

    /* Inhaltsseite */
    #mainColumn {
        width: 495px;
        margin-bottom: 20px;
    }
        /* Breadcrumb */
        #mainColumn nav {
            width: 455px;
            font-size: 10px;
            line-height: 21px;
            margin-top: 4px;
        }
            #mainColumn nav ul {
                margin: 0;
                padding: 0;
            }
                #mainColumn nav li {
                    padding: 0;
                    margin: 0;
                    display: inline;
                    list-style-type: none;
                }

        #mainColumn article {
            width: 455px;
            border-top: 4px solid #82ba00;
            margin: 0 0 18px 0;
        }
            #mainColumn article h2 {
                font-family:'Neo Sans W01';
                font-size: 24px;
                font-weight: normal;
                margin: 15px 0 0 0;
                padding: 0 0 10px 0;
            }
            #mainColumn article h3 {
                font-family:'Neo Sans W01';
                font-size: 14px;
                color: #82ba00;
                font-weight: normal;
                margin: 5px 0 0 0;
                padding: 0 0 10px 0;
            }
            #mainColumn article p {
                margin: 0 0 20px 0;
            }

        #mainColumn a.printLink {
            color: #97B030;
            text-decoration: underline;
            background: transparent url(../gfx/icon-print.png) left 1px no-repeat;
            padding: 0 0 0 18px;
        }
            #mainColumn a.printLink:hover {
                text-decoration: none;
            }


    /* FCE */
    .fce-left,
    .fce-right {
        width: 255px;
        float: left;
        overflow: hidden;
    }
    .fce-left {
        margin-right: 45px;
    }

    div.teaser {
        background: #e6e6e6 url(../gfx/teaser-bg.png) left bottom repeat-x;
        margin-bottom: 45px;
    }
        .teaser h4 {
            margin: 0;
            height: 21px;
            background: #FFF;
            font-size: 16px;
            font-weight: normal;
            margin-top: 4px;
        }
        .teaser a:hover {
            text-decoration: none;
        }
        .teaser article {
            margin: 10px 10px 10px 15px;
        }
        .teaser article h5 {
            font-size: 11px;
            margin: 0;
            padding: 0 0 0 15px;
            background: transparent url(../gfx/list-bg.png) 0 3px no-repeat;
        }
        .teaser img {
            border-top: 4px solid #82ba00;
        }
        .teaser h4 img {
            border: 0; /* fix fuer grafische Ueberschriften */
        }
        .teaser article p,
        .teaser article span {
            padding: 0 0 0 15px;
            margin: 0;
        }
            /* Anpassungen, Inhaltsseite */
            #rightColumn div.teaser {
                width: 210px;
            }
            #rightColumn .teaser article {
                width: 180px;
            }
            #rightColumn .teaser img {
                width: 210px;
            }
            #rightColumn .teaser h4 img {
                width: auto;
            }
            #rightColumn .teaser h4 {
                font-family:'Neo Sans W01';
                font-size: 18px;
                font-weight: normal;
            }

            /* Anpassungen, Startseite */
            #wideColumn .teaser h5 {
                display: inline;
            }
            #wideColumn .teaser span {
                padding: 0;
            }

footer {
    clear: both;
    height: 34px;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 1064px;
    background: #FFF url(../gfx/footer-bg.png) left top no-repeat;
}


/*
### Formate für TYPO3-Plugins
*/


/* Kontaktformular */

.tx-pilmailform-pi1 {
  float: left;
  width: 100%;
  margin: 0px;
  margin-bottom: 20px;
}

  .tx-pilmailform-pi1 dl, .tx-pilmailform-pi1 dt, .tx-pilmailform-pi1 dd {
    margin: 0px;
    padding: 0px;
  }

  dl.contactform {
    float: left;
    width: 410px;
  }

  .contact-formdivider dt {
    display: block;
    width: 150px;
    float: left;
    clear: left;
  }

  .contact-formdivider dd {
    display: block;
    width: 260px;
    float: left;
  }

  .contact-formdivider input {
    width: 250px;
    margin-bottom: 3px;
    border: 1px solid #696969;
  }

  .contact-formdivider textarea {
    width: 250px;
    height: 100px;
    border: 1px solid #696969;
    font-family: Verdana,Sans-Serif;
    font-size: 11px;
    color: #000000;
    margin-bottom: 9px;
  }

  .contact-error {
    font-weight: bold;
  }

  #submit {
    width: 125px;
    border-style: none;
    color: #FFFFFF;
    background-color: #cbd122;
  }


/* News */

.news-list-item {
  float: left;
  width: 100%;
}

  .news-list-item h1 {
    font-size: 12px;
    font-weight: normal;
    color: #A21C11;
    margin: 0 0 7px 0;
  }

  .news-list-item p {
    margin: 0;
  }

  .news-list-item img {
    float: left;
    padding: 3px 5px 5px 0;
  }

  .news-list-item .news-list-morelink {
    float: left;
    width: 100%;
    text-align: right;
    padding-bottom: 10px;
  }

  .news-list-item .news-list-morelink img {
    float: none !important;
    padding: 0;
  }


.news-topline {
  font-size: 10px;
  color: #8C8C8C;
  margin: 0 0 3px 0 !important;
}

.news-single-item {
  float: left;
  width: 100%;
}

.news-single-item h3 {
    font-size: 14px;
    font-weight: normal;
    margin: 15px 0 10px 0 !important;
}

.news-single-item h4 {
  font-weight: normal;
  font-size: 11px;
  line-height: 16px;
  margin: 0 0 15px 0;
}

.news-single-img {
  float: left;
  width: 200px;
  padding: 0;
  margin: 4px 10px 0 0;
}

  .news-single-imgcaption {
    font-size: 10px;
    color: #656565;
    line-height: 13px;
    margin: 5px 0 8px 0;
    padding: 0;
  }

.news-single-additional-info {
  float: left;
  width: 100%;
  margin: 10px 0px 0px 0px;
}

dl.news-single-files dt, dl.news-single-links dt, dl.news-single-related dt {
  font-size: 10px;
  font-weight: normal;
  color: #656565;
  margin: 0px 0px 5px 0px;
  padding: 0;
}

dl.news-single-files dd, dl.news-single-links dd, dl.news-single-related dd {
}

dl.news-single-files dd p, dl.news-single-links dd p, dl.news-single-related dd p {
  margin: 0;
  padding: 0;
  line-height: normal;
}

.news-single-backlink {
  float: left;
  width: 100%;
}
.news-single-backlink a {
    background: transparent url(../gfx/zurueck_uebersicht.png) no-repeat 0 0;
    display: block;
    text-indent: -9999px;
    width: 141px;
    height: 20px;
    padding: 0 0 15px 0;
}
/* Sitemap */

.csc-sitemap ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.csc-sitemap ul li {
  margin: 0;
  padding: 0;
}

  .csc-sitemap ul li ul li {
    margin: 0 0 0 5px;
    padding: 0 0 0 10px;
  }

.csc-sitemap ul li a {
  color: #8C8C8C;
  margin-bottom: 3px;
  display: block;
  padding: 3px 5px;
  background-color: #FFFFFF;
}

.csc-sitemap ul li a:hover {
  color: #A21C11;
  text-decoration: none;
  background-color: #E1E1E1;
}

.csc-sitemap ul li ul li a {
}


/* Suche */

.tx-indexedsearch-searchbox {
  float: left;
  width: 420px;
  margin: 0;
  padding: 0 0 15px 0;
}

.tx-indexedsearch-searchbox dl {
  width: 420px;
  margin: 0;
  padding: 0;
}

.tx-indexedsearch-searchbox dt {
  width: 160px;
  height: 21px;
  float: left;
  margin: 0;
  padding: 4px 0 0 0;
}

.tx-indexedsearch-searchbox dd {
  width: 260px;
  height: 25px;
  float: left;
  margin: 0;
  padding: 0;
}

.tx-indexedsearch-searchbox-button {
  padding: 2px;
  width: 200px;
  #height: 24px;
}

.tx-indexedsearch-searchbox-button.submit {
  font-weight: bold;
  border-color: #A21C11;
  color: #A21C11;
}

.tx-indexedsearch .submit-row {
  padding: 10px 0 10px 0;
}

#tx-indexedsearch-searchbox-sword {
  padding: 2px;
  width: 196px;
}

.tx-indexedsearch .tx-indexedsearch-whatis {
  float: left;
  width: 420px;
  margin: 0;
  padding: 0;
}

.tx-indexedsearch .tx-indexedsearch-noresults {
  text-align: left;
}

.tx-indexedsearch .contentdivider.resultlist h2 {
  margin: 0 0 2px 0;
}

.tx-indexedsearch .contentdivider.resultlist h2 a {
  margin: 0;
  padding: 0 0 2px 0;
  display: block;
}

.tx-indexedsearch .contentdivider.resultlist h3 {
  font-size: 10px;
  font-weight: normal;
  margin: 0 0 5px 0;
  padding: 0;
  color: #8C8C8C;
}

.tx-indexedsearch .tx-indexedsearch-browsebox li {
  display: inline;
  margin-right: 5px;
  background: none;
  padding: 0;
}

.tx-indexedsearch .tx-indexedsearch-browsebox li strong a {
  color: #8C8C8C;
}


/*
### Formate für Standard TYPO3-Elemente
*/


/* Linie vor und nach einem Inhaltselement */

.csc-frame-rulerBefore {
  clear: both;
  height: 2px;
  overflow: hidden;
  background-color: #E1E1E1;
  margin: 10px 0 10px 0;
  padding: 0;
  line-height: 0;
}

.csc-frame-rulerAfter {
  clear: both;
  height: 2px;
  overflow: hidden;
  background-color: #E1E1E1;
  margin: 10px 0 10px 0;
  padding: 0;
  line-height: 0;
}


/* Bildunterschrift */

.csc-textpic-caption {
  font-size: 10px;
  color: #656565;
}


/* Stil des optionalen Bildrahmens */

.csc-textpic-border div.csc-textpic-imagewrap .csc-textpic-image img {
  border: 1px solid #E1E1E1 !important;
}


/* Datei-Verweise */

table.csc-uploads {
  border-collapse: collapse;
}

.csc-uploads td.csc-uploads-fileName {
  vertical-align: top;
  padding: 0 15px 10px 0;
}

.csc-uploads td.csc-uploads-fileSize {
  vertical-align: top;
  padding: 0 0 10px 0;
}

.csc-uploads td.csc-uploads-fileName p, .csc-uploads td.csc-uploads-fileSize p {
  margin: 0 !important;
}


/* Tabellen */

table.contenttable {
  width: 100%;
  border: 1px solid #E1E1E1;
  border-collapse: collapse;
}

  .contenttable th, .contenttable td {
    vertical-align: top;
    padding: 1px 3px 1px 3px;
  }

  .contenttable th, .contenttable tfoot {
    font-weight: bold;
    color: #8C8C8C;
    background-color: #AEAEAE;
    padding: 2px 3px 3px 3px;
  }

  .contenttable .tr-odd td {
    border-style: solid;
    border-width: 0 0 1px 0;
    border-color: #E1E1E1;
  }

  .contenttable .tr-even td {
    border-style: solid;
    border-width: 0 0 1px 0;
    border-color: #E1E1E1;
  }

  .contenttable .tr-last td {
    border-style: none;
  }

/* Bühnen FCE*/

.stage_text_2_column {
    float: left;
    width: 702px;
    background-color: #F6FDEF;
    background-image: url(../gfx/buehnenschweif.png);
    background-position: bottom;
    background-repeat: no-repeat;
}
    .left_column {
        float: left;
        width: 300px;
        padding: 23px 30px 180px 40px;
    }

    .right_column {
        float: left;
        width: 280px;
        padding: 23px 0 100px 0;

    }
        .right_column span {
            color:black;
        }
        .right_column li {
            color: black;
            list-style-type: none;
            background-image: url(../gfx/li_punkt.png);
            background-repeat: no-repeat;
            background-position: inherit;
            padding: 0 0 0 15px;
        }


/* Formatierungen für powermail */

.powermail_fieldwrap {
    margin: 8px 0 0 0;
    width: 365px;
    float: left;
}

fieldset.powermail_fieldset {
  background-color: #ffffff;
  padding: 0;
  margin: 0;
  border: none;
}

.powermail_fieldset legend {
  display: none;
}

.powermail_fieldset div.even {
  background-color: #ffffff;
}

.powermail_fieldset label {
  clear: both;
  display: block;
  float: left;
  font-weight: normal;
  width: 110px;
}

.powermail_fieldset input,
.powermail_fieldset select,
.powermail_fieldset textarea {
  border: 1px solid #82BA00;
  font-family: Verdana,Arial,Helvetica,Geneva,Swiss,SunSans-Regular;
  font-size: 11px;
}

.powermail_fieldset input.powermail_text,
.powermail_fieldset textarea.powermail_textarea {
  width: 245px;
  padding: 2px;
}

.powermail_fieldset select.powermail_select {
  width: 250px;
  padding: 2px 2px 2px 0;
}

.powermail_fieldset input.powermail_submit,
.powermail_confirmation_form,
.powermail_confirmation_submit {
  font-weight: bold;
  margin: 5px 0 0 110px;
  background-color: #82BA00;
  color: #ffffff;
  border: none;
  padding: 4px 10px;
  cursor: pointer;
}
.powermail_confirmation_form {
  background-color: #646464;
}

.powermail_fieldset input.powermail_submit:hover,
.powermail_confirmation_submit:hover {
  background-color: #a7cf4c;
}

.powermail_file {
  border: none;
  width: 250px;
}

.powermail_check_inner,
.powermail_radio_inner {
  position: relative;
}

.powermail_check_inner label,
.powermail_radio_inner label {
  width: 344px !important;
}

.powermail_check_inner label {
  padding-bottom: 2px;
}

p.tx_powermail_pi1_fieldwrap_html_checkbox_title,
p.tx_powermail_pi1_fieldwrap_html_radio_title {
  font-weight: bold;
  margin-bottom: 0 !important;
  color: #82BA00;
}

.powermail_check_inner input {
  margin: 0 0 2px 4px;
}




/* Formatierung Googlemaps */
#treemenu1 li {
    height: 24px;
    padding: 0 0 7px 0;
}

#treemenu1 img {
    vertical-align: -7px;
}

#resultdiv .pag_nav {
    margin: 0 0 0 200px;
}
#resultdiv .pag_nav .seiten_index {
    font-weight: bold;
    padding: 0 10px 0 10px;
}
/* Formatierung Downloader */
.sb_download_flex {
    background: #EDF8E4;
    padding: 10px 0 10px 10px;
    margin: 0px 10px 10px 0;
    width: 500px;
    height: auto !important;
}

.sb_download_flex .category {
    width: 500px;
}

.sb_download_flex .title,
.sb_download_single .title {
    color: #82BA00 !important;
    font-size: 12px;
    padding: 0 0 5px 0;
    width: 500px;
}

.sb_download_single {
    width: 600px;
}

.sb_download_single .category {
    float: left;
    width: 600px;
}

.sb_download_single .sb_download_text,
.sb_download_flex .sb_download_text {
    float: left !important;
    width: 450px;
}

.sb_download_single img {
    margin: 10px 0 0 0 !important;
    padding: 0 10px 5px 0;
    vertical-align: -5px;
}



/* Ergänzungen 2012 DoH */
#stage {
  position: relative;
  height: 277px;
  margin-bottom: 20px;
}
#stage .stageImage {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 100;
}
#stage .stageText,
#stage .stagetext {
  font-family:'Neo Sans W01';
  font-weight: normal;
  width: 360px;
  background: #F6FDEF;
  color: #82BA00;
  height: 160px;
  padding: 60px 160px 40px 25px;
  font-size: 15px;
  line-height: 18px;
}
.csc-frame-indent {
  width: 468px;
}

div.personalteaser {
  background: #e6e6e6 url(../gfx/teaser-bg.png) left bottom repeat-x;
  margin-bottom: 45px;
}
.personalteaser h4 {
  font-family:'Neo Sans W01';
  font-weight: normal;
  background: #fff;
  font-size: 16px;
  height: 22px;
  margin-top: 4px;
}

.personalteaser h5 {
  font-family:'Neo Sans W01';
  font-weight: normal;
  font-size: 18px;
  margin: 0 0 10px 0 !important;
  height: 22px;
  margin-top: 4px;
}
.personalteaser article {
    margin: 10px 10px 10px 15px;
}
.personalteaser article h5 {
  margin: 0;
}
.personalteaser img {
    border-top: 4px solid #82ba00;
    margin: -10px 0 0 0;
}
.personalteaser h4 img,
.personalteaser h5 img {
    border: 0; /* fix fuer grafische Ueberschriften */
}

/* Schmuckbild */
.fancyimage {
  overflow: hidden;
}
  .fimg {
    width: 200px;
    float: left;
  }
  .fimg img {
    padding: 5px 0;
  }

/* tt_news Slider */
.news-slider {
  width: 705px;
  height: 260px;
  position: relative;
  margin-top: -10px;
}
.news-slider-items {
  width: 705px;
  height: 226px;
  float: left;
  position: relative;
  overflow: hidden;
}
.news-slider-item {
  width: 705px;
  height: 226px;
  position: absolute;
  border-top: 5px solid #82b800;
  background: #f6fdef;
  overflow: hidden;
}
.news-slider-image {
  width: 341px;
  height: 226px;
  float: left;
  background: #f6fdef;
}
.news-slider-text {
  width: 306px;
  margin-left: 38px;
  margin-right: 20px;
  float: left;
}
  .news-slider-text h2 {
    margin-bottom: 0;
  }

  .news-slider-text .news-list-morelink a {
  background: transparent url(../gfx/mehr-button.html) 0 0 no-repeat;
  text-indent: -9999px;
  padding: 0 0 0 5px;
  }
.news-slider .sliderBullets {
  overflow: hidden;
  width: auto;
  position: absolute;
  bottom: 0;
  text-align: center;
  left: 0;
}
  .news-slider .sliderBullets a {
    text-indent: -9999px;
    display: block;
    float: left;
    width: 12px;
    height: 12px;
    background: transparent url(../gfx/news-bullet-circles.png) 0 0 no-repeat;
    margin: 7px 6px;
  }
  .news-slider .sliderBullets a.active,
  .news-slider .sliderBullets a:hover {
    background-position: 0 -60px;
  }
  .news-slider .sliderBullets a.prev,
  .news-slider .sliderBullets a.next {
    margin-top: 0;
    margin-bottom: 0;
    display: block;
    text-indent: -9999px;
    float: left;
    width: 27px;
    height: 27px;
    background: transparent url(../gfx/news-bullet-arrows.png)0 0 no-repeat;
  }
  .news-slider .sliderBullets a.next {
    background-position: 0 -110px;
  }
  ⁄
.news-slider .sliderArrows {
  display: none;
}

.hinweis {
    color: red;
}

/* Downloads */

.buttonEinrichtung {
    width: 300px;
    height: 180px;
    background: #efefef;
    position: relative;
    float: left;
    margin: 0 20px 20px 0 !important;
}
    .buttonEinrichtung h4 a{
        font-family: 'Neo Sans W01 Light';
        font-size: 15px;
        color: #000000;
        margin: 0;
        padding: 0px;
        position: absolute;
        top: 15px;
        left: 20px;
        z-index: 10;
    }

    .buttonEinrichtung img {
        width: 238px;
        height: 137px;
        position: absolute;
        bottom: 0px;
        right: 0px;
    }

h3.accordionSwitch {
    font-family: 'Neo Sans W01 Light' !important;
    margin: 0 0 10px 0 !important;
    padding: 6px 0 3px 10px !important;
    line-height: 15px;
    font-size: 16px;
    font-weight: normal;
    height: 21px;
    color: white !important;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px; /* border radius */
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box; /* prevents bg color from leaking outside the border */
    background-color: #a7cf4b; /* layer fill content */
    cursor: pointer;
}

h4.accordionSwitch {
    cursor: pointer;
    font-family: 'Neo Sans W01 Light' !important;
    margin: 0 0 0 0 !important;
    padding: 6px 0 0 0 !important;
}

.accordionKind {
    margin: 0 0 10px 20px;
    padding: 0 0 8px 20px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px; /* border radius */
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box; /* prevents bg color from leaking outside the border */
    background-color: #eaf7cf; /* layer fill content */
}

.accordionKind a {
    color: #000000 !important;
    text-decoration: underline !important;
}

.accordionKind h4 {
}

.contentKind {
    margin: 10px 0 0 0;
}


/*
  go_maps_ext
*/
.tx-go-maps-ext form {
  margin: 0 0 10px;
}

.tx-go-maps-ext .gme-sword,
.tx-go-maps-ext .gme-saddress,
.tx-go-maps-ext .gme-eaddress {
  width: 200px;
}

.gme-map {
  margin: 20px 0 10px;
}

.tx-go-maps-ext .gomapsext-cats {
  list-style: none;
  margin: 0;
  padding: 0;
}

.tx-go-maps-ext .gomapsext-cats li {
  margin-left: 0;
}
/*
fe_login
*/
.tx-felogin-pi1 fieldset {
  border: none;
}

.tx-felogin-pi1 fieldset legend {
  display: none;
}

.tx-felogin-pi1 fieldset input {
  font-weight: bold;
  margin: 5px 0 0 0;
  background-color: #82BA00;
  color: #ffffff;
  border: none;
  padding: 4px 10px;
  cursor: pointer;
}