﻿.rd { margin: 0; }
* { margin: 0; padding: 0; }
body { font: 68.75%/1.4545 Arial, Helvetica, sans-serif; }
h1, h2, h3, h4, h5, h6 { font-size: 1em; }
fieldset { border: 0; }
input, button, select  { font: 1em Arial, Helvetica, sans-serif; }
select {
    padding: 2px;
}
ul { list-style: none; }
img, object, embed { display: block; border: 0; }
address { font-style: normal; }
a { 
    color: #000000; 
}
a:hover {
    color: #ba170f;
}
a.arrow {
    padding: 1px 0 1px 25px;
    background: url(/img_design/pfeil-rot-na.gif) no-repeat 15px 0.55em;
    text-decoration: none;
}
:focus { outline: 0; }
html, body { height: 100%; }
body { background: #ffffff; color: #000000; }
h1 { color: #ba170f; font-size: 14pt; padding-bottom: 12px; }

h2.redunderline {
    padding-left: 0;
    margin-bottom: 12px;
    border-bottom: 1px solid #ba170f;
    color: #ba170f;
}

p { 
    padding-bottom: 11px;
}
#content ul, #content ol {
    margin-bottom: 11px;
}
#content ol {
    margin-left: 5px;
}
.listimage ul {
    list-style-type: none;
    list-style-image: url(/img_design/haken.gif);
}
.listimage ul li {
    margin-left: 20px;
}

#header {
    height: 90px;
    width: 990px;
    float: left;
    background: url(/img_design/shadow_top.jpg) no-repeat 190px 81px;
}
    /* logo */
    #logo {
        margin: 24px 0 24px 10px;
        float: left;
        width: 265px;    
    }

    /* meta navi */
    #metaNavi {
        float: left;
        margin: 52px 10px 11px 330px;    
    }
        #metaNavi ul {
            float: left;
        }
            #metaNavi li {
                display: inline;
            }
                #metaNavi a {
                    float: left;
                    padding: 0 3px;
                    color: #838383;
                    text-decoration: none;
                }
                #metaNavi a.active, #metaNavi a:hover {
                    color: #ba170f;
                }

    /* suche */
    #search {
        float: right;
        width: 180px;
        margin: 46px 0 12px 10px;    
    }
        #search fieldset {
            float: left;
            width: 100%;
        }
            #search input {
                float: left;
                width: 76px;
            }
            #search button {
                float: left;
                margin-top: 5px;
                margin-left: 5px;
                padding-left: 10px;
                background: transparent url(/img_design/pfeil-rot-na.gif) no-repeat left center;
                border: 0;
                text-align: left;
                cursor: hand;
                cursor: pointer;
            }
            #search button:hover {
                color: #ba170f;
            }


/* Content */

#pageWrapper {
    float: left;
    display: inline;
    width: 100%;
    height: 100%;
}
    #page {
        float: left;
        width: 1000px;
        /*
        min-height: 100%;
        overflow: hidden;
        */
    }
        #navbar {
            float: left;
            display: inline;
            width: 200px;
        }
            .mainNavi {
                float: left;
                width: 100%;
                margin-bottom: 26px;
            }
                .mainNavi h2 {
                    padding-left: 10px;
                    border-bottom: 1px solid #ba170f;
                    color: #ba170f;
                }
                .mainNavi ul {
                    float: left;
                    width: 100%;
                }
                    .mainNavi li {
                        float: left;
                        width: 100%;
                        margin-top: 1px;
                        background: #e1e1e1;
                    }
                        .mainNavi a {
                            float: left;
                            width: 175px;
                            padding: 1px 0 1px 25px;
                            background: url(/img_design/pfeil-rot-na.gif) no-repeat 15px 0.55em;
                            text-decoration: none;
                        }
                        .mainNavi .selected {
                            background-color: #ba170f;
                            background-image: url(/img_design/pfeil-weiss-na.gif);
                            color: #ffffff;
                        }
                        .mainNavi .open a {
                            background-color: #ba170f;
                            background-image: url(/img_design/pfeil-weiss-a.gif);
                            color: #ffffff;
                            margin-bottom: 0;
                        }
                            .mainNavi li li {
                                margin-top: 0;
                                background: #efefef;
                                border-top: 1px solid #ffffff;
                            }
                                .mainNavi .open li a {
                                    width: 155px; /*seb*/
                                    width: 165px;
                                    padding-left: 35px;
                                    background: url(/img_design/pfeil-rot-na.gif) no-repeat 25px 0.55em; /*seb*/
                                    background: url(/img_design/pfeil-rot-na.gif) no-repeat 15px 0.55em;
                                    color: #000000;
                                }
                                .mainNavi .open li a:hover {
                                    color: #ba170f;
                                }
                                .mainNavi a.selected {
                                    color: #FFFFFF;
                                }
                                .mainNavi li li a.selected {
                                    color: #ba170f;
                                }

/* SITEMAP */
.sitemap .mainNavi ul a {
    width: 535px;
}
.sitemap .mainNavi ul ul a {
    width: 500px;
    margin-bottom: 0;
}
.sitemap .mainNavi ul ul ul a {
    margin-left: 20px;
    margin-bottom: 0;
    width: 500px;
}

        #sidebar {
            float: left;
            display: inline;
            width: 190px;
            margin-left: 600px;
        }
            #sidebar .regional {
                float: left;
                display: inline;
                margin-left: 10px;
                margin-bottom: 10px;
                background: url(/img_design/bg-search.gif) repeat-x;
            }
                #sidebar .regional a {
                    display: block;
                    width: 126px;
                    height: 41px;
                    padding: 8px 45px 8px 9px;
                    background: url(/img_design/search.gif) no-repeat right top;
                    text-decoration: none;
                }
                    #sidebar .regional span {
                        display: block;
                        padding-left: 10px;
                        background: transparent url(/img_design/pfeil-rot-na.gif) no-repeat left center;
                    }
            #locations {
                float: left;
                width: 100%;
                margin-bottom: 17px;
            }
                #locations h2 {
                    padding-left: 10px;
                    border-bottom: 1px solid #ba170f;
                    color: #ba170f;
                }
                #locations ul {
                    float: left;
                    width: 100%;
                }
                    #locations li {
                        float: left;
                        width: 100%;
                        margin-top: 1px;
                        background: #e1e1e1;
                    }
                        #locations a.standort {
                            float: left;
                            width: 165px;
                            padding: 1px 0 1px 25px;
                            background: url(/img_design/pfeil-rot-na.gif) no-repeat 15px 0.55em;
                            text-decoration: none;
                        }
                        #locations .openloc a.standort {
                            background: #fff500 url(/img_design/pfeil-rot-a.gif) no-repeat 15px 0.55em;
                        }
                        #locations .jobcenter, #locations .jobcenter_pic {                            
                            float: left;
                            margin: 0;
                            width: 165px;
                            padding: 8px 0 8px 25px;
                            background: #efefef;
                            display: none;
                        }
                            #locations .selected {
                                display: inline;
                            }
                            #locations .selected, #locations .jobcenter_pic {
                                display: inline;
                            }
                            #locations h4 {
                                float: left;
                                width: 165px;
                                margin: 0 0 3px -7px;
                                padding: 2px 0 2px 7px;
                                background: #e3e3e3;
                                color: #ba170f;
                                font-weight: normal;
                            }
                            #locations p {
                                float: left;
                                width: 100%;
                            }
                            #locations a {
                                width: auto;
                                padding: 0 0 0 10px;
                                background: url(/img_design/pfeil-rot-na.gif) no-repeat 0 0.45em;
                                border: 0;
                                text-decoration: none;
                            }
                            #locations a.standortimage {   
                                background:none;
                            }
                            #locations a.standortimage img {   
                                float: left;
                            }
                            #locations .transport {
                                padding-left: 36px;
                                width: auto;
                                background: url(/img_design/fahrverbindungen.gif) no-repeat 1px 1px;
                            }
                            #locations .citymap {
                                padding-left: 18px;
                                width: auto;
                                background: url(/img_design/icon-stadtplan.gif) no-repeat 1px 1px;
                            }
                                #locations .citymap a {
                                    padding: 0;
                                    background-image: none;
                                }
                            #locations .tableft {
                                float: left;
                                width: 30%;
                            }
                            .footnote {
                                font-size: 0.9em;
                            }
            
            /* page tools */
            #pageTools {
                float: left;
                width: 100%;
            }
                #pageTools ul {
                    float: left;
                    width: 100%;
                }
                    #pageTools li {
                        float: left;
                        width: 100%;
                    }
                        #pageTools a {
                            float: left;
                            padding: 1px 0 1px 25px;
                            background: url(/img_design/pfeil-rot-na.gif) no-repeat 15px 0.55em;
                            text-decoration: none;
                        }
        #main {
            float: left;
            display: inline;
            width: 624px;
            margin: 0 0 -9999px -802px;
            /*padding-bottom: 9999px;*/
            min-height: 800px;
            background: url(/img_design/shadow.png) repeat-y;
        }
            #contentWrapper {
                float: left;
                width: 600px;
                padding: 0 12px;
            }
                #stage {
                    float: left;
                    width: 100%;
                }
                    .headerbigleft img {
                        float: left;
                    }
                    .headerbigright img {
                        float: right;
                    }
                #stagehome {
                    float: left;
                    width: 100%;
                    height: 219px;
                    border-bottom: solid 1px #000000;
                }

                #content {
                    float: left;
                    width: 560px;
                   padding: 20px;
                }
                    #trace {
                        width: 560px;
                        padding-bottom: 15px;
                        line-height: 1em;
                    }
                        #trace a {
                            text-decoration: none;
                            margin-right: 4px;
                        }
                    #content h3 {
                        color: #ba170f;
                    }
                    :root .target {
                        position: absolute;
                    }

/* Aktuelles */
                        .actual {
                            width: 560px;
                            border-bottom: 1px solid #ededed;
                            float: left;
                            padding: 20px 0 20px 0;
                        }
                            .actual p {
                                padding-bottom: 0;
                            }
                            .actualPicture {
                                float: left;
                                width: 90px;
                                min-height: 1px;
                            }
                            .actualContent {
                                float: left;
                                width: 290px;
                                padding: 0 10px 0 10px;
                                margin: 0;
                            }
                            .totalwidth .actualContent {
                                width: 450px;
                            }
                                .actualContent h3 {
                                    padding: 1px 0 0 0;
                                    line-height: 1em;
                                    color: #ba170f;
                                }
                            .actualMore {
                                float: left;
                                text-align: right;
                                width: 160px;
                                padding-top: 1em;
                            }
                                .actualMore a, .actualContent a {
                                    padding-left: 10px;
                                    background: url(/img_design/pfeil-rot-na.gif) 0 no-repeat;   
                                    text-decoration: none;
                                }
/* Lexikon */                        
                        .alphabet {
                            float: left; 
                            width: 580px; 
                            margin-bottom: 20px;
                          font-size: 1.1em;
                        }
                          .alphabet ul {
                              float: left;
                              list-style: none;
                          }
                          .alphabet li {
                              float: left;
                              margin: 0;
                              padding-right: 1px;
                              padding-top: 1px;
                              line-height: normal;
                          }
                          .alphabet a {
                              float: left;
                              display: block;
                              width: 1.3em;
                              text-align: center;
                              font-weight: bold;
                              color: #000000;
                              background-color: #efefef;
                              margin-top: 15px;
                              padding: 2px 2px 2px 2px;
                              text-decoration: none;
                          }
                          .alphabet a.active, .alphabet a:hover  {
                              background-color: #ba170f;
                              color: #ffffff;
                              font-weight: bold;
                          }

                        .lexContentNavi {
                            float: left;
                            background-color: #efefef;
                            width: 170px;
                            padding: 10px 10px 0 10px;                    
                            margin-bottom: 20px;
                        }
                        .lexContentNavi .strong {
                            font-weight: bold;
                        }
                        .lexContentNavi li {
                            background: url(/img_design/pfeil-rot-na.gif) 0 5px no-repeat;
                            padding-left: 11px;
                        }
                        .lexContentNavi li a {
                            text-decoration: none;
                        }
                        .lexContentContainer {
                            /*margin-bottom: 20px;*/
                        }
                            .lexContentDetail {
                                float: left;
                                width: 330px;
                                padding-left: 20px;
                                display: none;
                                margin-bottom: 20px;
                            }
                            .lexContentDetail.selected {
                                display: block;
                                margin-bottom: 20px;
                            }
                            .lexContentDetail h3 {
                                line-height: 1em;
                                color: #ba170f;
                            }

                        .sprunglisteNavi {
                            float: left;
                            width: 100%;
                            margin-bottom: 12px;
                        }
                        .sprunglisteNavi .strong {
                            font-weight: bold;
                        }
                        .sprunglisteNavi li {
                            background: #efefef url(/img_design/pfeil-rot-na.gif) 0 7px no-repeat;
                            padding: 2px 11px 2px 11px;
                            margin-bottom: 1px;
                        }
                        .sprunglisteNavi li a {
                            text-decoration: none;
                        }
                       .sprunglisteDetail {
                            float: left;
                            width: 100%;
                            margin-bottom: 12px;
                        }
                        .sprunglisteDetail h3 {
                              line-height: 1em;
                              color: #ba170f;
                        }

                        p.toplink {
                              clear: both;
                              text-align: right;
                        }
                        p.toplink a {
                            padding-right: 11px;
                            text-decoration: none;
                            background: url(/img_design/pfeil-top.gif) right no-repeat;
                        }

/*Kontakt*/

                        form p {
                            margin-bottom: 0;
                            padding-bottom: 5px;
                        }
                        .contactfirst {
                            float: left;
                            width: 370px;
                        }
                        .contactsecond {
                            float: left;
                            width: 180px;
                            padding-left: 10px;
                        }
                          .contactsecond img {
                              float: left;
                              padding: 0 5px 5px 0;
                          }
                        .contactsecond a {
                            text-decoration: none;
                        }

                        .contactsearch {
                              float: left;
                              width: 120px;
                              padding-left: 55px;
                              background: url(/img_design/pfeil-rot-na.gif) no-repeat 45px 0.55em;
                              font-weight: bold;
                        }
                          input, textarea {
                              margin: 3px 0;
                            border: 1px solid #000000;
                            background: white;
                            padding: 3px 3px;
                            width: 20em;
                          }
                          #message {
                              width: 20em;
                            height: 8em;
                            font-size: 1em;
                            font-family: arial;
                          }

                      input {    border: 1px solid black; }
                        input:focus { border: 1px dotted black; }
                        input.error { border: 1px dotted red; }
                            input:active, input:focus, input:hover {
                           background: #E8EBDF;
                       }
                       label, .send span {
                           display: inline;
                           float: left;
                           width: 10em;
                       }
                       span.error {
                            margin: 0 0 1em 10em;
                            width: 220px;
                            line-height: 2em;
                            color: #ff0000;
                    }
                       .anredetag {
                           display: block;
                           float: left;
                       }
                       .gender_label {
                           width: 7em;
                       }
                       #gender_male, #gender_female, #ctrlNewsletter_rbAnredeHerr, #ctrlNewsletter_rbAnredeFrau, #ctrlNewsletter_cbDatenschutz {
                        border: none;
                        margin-right: 5px;
                        width: 15px;
                        height: 15px;
                       }
                       .anrede input, .anrede span {
                           float: left;
                       }
                    .anrede span {
                        margin-top: 2px;
                    }
                    .checkboxeingerueckt input {
                        float: left;
                    }
                    .checkboxeingerueckt label {
                        float: left;
                        width: 350px;
                    }

                       #zip {
                           width: 2.8em;
                       }
                       #city {
                           width: 16em;
                       }
                       #location, #subject {
                        width: 20.6em;
                        font-size: 1em;
                       }
                       .contactform #send {
                            float: left;
                            background: transparent url(/img_design/pfeil-rot-na.gif) no-repeat left center;
                            border: 0;
                            text-align: left;
                            padding-left: 1em;
                            font-weight: bold;
                        }
                        .contactform #send:hover {
                            color: #ba170f;
                        }

/*Start*/
                        .home-layer-top {
                            background: url(/img_design/home-layer-top.png) no-repeat;
                            background-position: 310px 0;
                            width: 600px;
                            height: 220px;
                        }
                            #containervideohome {
                                width: 250px;
                                position: relative;
                                left: 330px;
                                top: 10px;
                            }
                        .startblock {
                            float: left;
                            width: 280px;
                        }
                        .aktuelles {
                            padding-right: 10px;
                        }
                        .veranstaltungen {
                            float: left;
                            width: 270px;
                        }
                            .startblock h3 {
                                border-bottom: 1px solid #ba170f;        
                                width: 270px;                    
                            }
                            .article {
                                width: 270px;                                
                                float: left;
                                padding: 12px 0 11px 0;
                                border-bottom: 1px solid #ededed;
                            }
                            .article p {
                                padding-bottom: 0;
                            }
                                .article a {
                                    padding-left: 10px;
                                    background: url(/img_design/pfeil-rot-na.gif) 0 no-repeat;
                                    text-decoration: none;
                                }
                              .article img {
                                  float: left;
                                  margin-right: 8px;
                              }
                              .articleMore {
                                  text-align: right;
                              }

    


/*default*/
                        .imagetext {
                            clear: both;
                            float: left;                          
                            padding: 0 0 20px 0;
                            width: 100%;
                        }
                            .imagetext .image p {
                                padding-top: 5px;
                                padding-bottom: 5px;
                            }
                            .imagetext h3 {
                                padding-bottom: 9px;
                            }
                            .imagetext .image {
                                width: 165px;
                            }

                            .imagetext ul, 
                            .sprunglisteContainer ul,
                            .lexContentContainer ul,
                            .listnormal ul
                            {
                                /*display: inline;*/ /* notwendig für den IE */
                                list-style-type: square;
                            }
                                .imagetext li, 
                                .sprunglisteContainer li, 
                                .lexContentContainer li, 
                                .listnormal li
                                {
                                    margin-left: 15px; /* zeigt die Liste Bündig zu oben an und floatet die Liste um das obige Element (funktioniert im IE nicht mit Listengrafiken) */
                                }


                      .imageleft .image, .nonfloating .image {
                        float: left;
                        padding: 0 9px 4px 0;
                      }
                    .nonfloating .text {
                        float: left;
                        width: 386px;
                    }
                      .imageright .image {
                        float: right;
                        padding: 0 0 4px 9px;
                      }    

/* Download */
                      .downloads {
                          float: left;
                          width: 100%;
                          padding-bottom: 20px;
                      }
                          .downloads h3 {
                              border-bottom: 1px solid #ba170f;
                              margin-bottom: 9px;
                          }
                        .downloadblock {
                            padding: 0 0 9px 0;
                            float: left;
                            width: 100%;
                        }     

                            .onerow {
                                width: 560px;
                            }
                            .downloadblock p {
                                padding: 0  0 5px 30px;                        
                            }
                          .filedoc {
                              background: url(/img_design/icon-doc.gif) no-repeat;
                              background-position: 4px 0;
                          }
                          .filepdf {
                              background: url(/img_design/icon-pdf.gif) no-repeat;
                              background-position: 0 0;
                          }
                         .downloadblock span { 
                            padding-left: 11px;
                            background: url(/img_design/pfeil-rot-na.gif) 0 5px no-repeat;
                        }
                          .downloadblock a {
                            /*
                            background: url(/img_design/pfeil-rot-na.gif) 0 5px no-repeat;
                            padding-left: 11px;
                            */
                            text-decoration: none;
                          }

/* Suche */                  
                        .search {
                            margin: 20px 0 20px 0;
                            padding: 10px 20px 9px 20px;
                            background: url(/img_design/jobcenter-suchen-gross.jpg) no-repeat;
                        }        
                        .search p {
                            padding-top: 20px;
                        }
                      .search a {
                          margin-left: 10px;
                          background: url(/img_design/pfeil-rot-na.gif) 0 no-repeat;
                          background-position: 0px 5px;
                          padding-left: 11px;
                      }

                    .search span.error {
                        margin-left: 0;
                        display: block;
                        width: auto;
                    }
                    .search button {
                        margin-bottom: 3px;
                        margin-left: 10px;
                        background: transparent url(/img_design/pfeil-rot-na.gif) no-repeat left center;
                        border: 0;
                        text-align: left;
                        padding-left: 1em;
                        font-weight: bold;
                        cursor: hand;
                        cursor: pointer;
                    }
                    .search button:hover {
                        color: #ba170f;
                    }

                      .searchresult {
                          float: left;
                          width: 400px;
                          padding-bottom: 20px;
                          margin-left: -10px;
                      }
                      .searchresult .searchresultopen {
                          float: left;
                          width: 176px;
                          padding-left: 10px;
                          padding-bottom: 5px;
                      }
                      .searchresult .searchresultopen h4 {
                            float: left;
                            width: 170px;
                            margin: 0 0 3px 0;
                            padding: 2px 2px 2px 7px;
                            background: #e3e3e3;
                            color: #ba170f;
                            font-weight: normal;
                      }
                      .searchresult .searchresultopen p {
                            float: left;  
                            width: 170px;    
                            margin: 0 0 3px 0;
                            padding: 2px 0 2px 7px;        
                            /*background: blue;*/
                      }
                      .searchresult .searchresultopen .transport {
                            padding: 0 0 0 36px;
                            width: auto;
                            background: url(/img_design/fahrverbindungen.gif) no-repeat 1px 1px;
                      }
                      .searchresult .searchresultopen .citymap {
                            padding-left: 18px;
                            width: auto;
                            background: url(/img_design/icon-stadtplan.gif) no-repeat 0 1px;
                      }
                          .searchresult .searchresultopen .citymap a {
                               padding: 0;
                               background-image: none;
                               text-decoration: none;
                           }

                      .searchresult .searchresultopen a {
                            width: auto;
                            padding: 0 0 0 10px;
                            background: url(/img_design/pfeil-rot-na.gif) no-repeat 0 0.55em;
                            border: 0;
                      }
                      .searchresult .searchresultopen .tableft {
                            float: left;
                            width: 60px;
                       }
                       .searchresultspacer {
                            padding-bottom:0;
                            margin-bottom:0;
                            height:1px;
                            line-height:1px;
                            float: left;
                       }
                       .searchresult .searchresultspacer {
                               width:400px;
                       }


.videocontent {
    margin-bottom: 20px;
    float: left;                       
    width: 100%;
}

.tablebasic {
    margin-bottom: 20px;
}
    .tablebasic th, .tablebasic td {
        text-align: left;
        vertical-align: top;
        padding-right: 10px;
        background: #efefef;
        padding: 4px;
    }
    .tablebasic th {
        background: #e1e1e1;
    }
    .tablebasic .center {
        text-align: center;
    }
    .tablebasic .right {
        text-align: right;
    }
    .tablebasic .bottom {
        vertical-align: bottom;
    }
    .tablebasic .middle {
        vertical-align: middle;
    }


#seiteversenden fieldset span {
    display: block;
    margin-left: 110px;
    float: left;
}
#seiteversenden label  {
    float: left;
    width: 110px;
}
#seiteversenden .wrapper {
    width: 100%;
    float: left;
}
#seiteversenden .acceptSave {
    margin-top: 10px;
    margin-left: 110px;
}
#seiteversenden #send, #ctrlNewsletter_btnNew, #ctrlNewsletter_btnDelete {
    float: left;
    background: transparent url(/img_design/pfeil-rot-na.gif) no-repeat left center;
    border: 0;
    text-align: left;
    padding-left: 1em;
    cursor: pointer;
    cursor: hand;
    margin-left: 110px;
    font-weight: bold;
}

#captcha {
    padding-bottom: 10px;
    float: left;
    width: 100%;
    width: 338px;
}
    #captcha label, #contact #captcha label {
        float: left;
        width: 110px;
    }
    #captcha input, #contact #captcha input {
        float: right;
    }
    #captcha img {
        padding-left: 135px;
    }
    .pflichtfelder {
        float: left; 
        width: 100%;
    }




/*
Farben
rot:            #ba170f;
hellgrau:        #efefef;
dunkleres grau:    #e1e1e1;
*/
