/* Version 7     */
/* 27.09.2007    */
/* Änderungen: 01.12.2009 Carsten Peters */

html {
    height: 100%;
    padding-bottom: 0.005em;
}

body {
    font-family: Arial, Helvetica, Verdana, Helv, sans-serif;
    background-color: #FFFFFF;
    font-size: 104%;
    margin: 0;
    padding: 0;
}

.spalte {
    float: left;
    width: 50%;
}

#wrapLinks {
    background: url(../upload/css_img/bg01.gif) 20% 0;
}

#wrapRechts {
    background: url(../upload/css_img/bg02.gif) 80% 0;
}

.clearFix:after {
    content: ".";
    clear: both;
    height: 0;
    visibility: hidden;
    display: block;
}

.clearFix {
    display: inline-block;
}

html>/**/body .clearFix , x:-moz-any-link, x:default {
    display: block;
}

/* Skiplinks */

#skip1 a,
#skip2 a { color: #fff; position: absolute; z-index: 2; width: 15em; overflow: hidden; top: -100px; left: -1000px; } 
#skip1 a:focus,
#skip2 a:focus { color: #666; font-weight: bold; margin: -30px 0 0 0; top: 0; left: 0; }
.none { display: none; }


/* Identitaet */

.logoLinks {
    float: left;
    padding: 6px 0 4px 12px;
}

.logoRechts {
    float: right;
    text-align: right;
    padding: 14px 16px 0 0;
}

.zierbild {
    clear: both;
    border-top: solid 1px #1E4770;
    background-image: url(../upload/css_img/header_bild.jpg);
    height: 93px;
    background-repeat: no-repeat;
    background-position: bottom left;
    background-color: #01929d;
}

/* 01.12.2009 CP */
#baeder .zierbild { background-image: url(../upload/css_img/header_bild_baeder.jpg); background-repeat: no-repeat; background-color: #01929d; }
#baeder_meister .zierbild { background-image: url(../upload/css_img/header_bild_baeder_meister.jpg); background-repeat: no-repeat; background-color: #01929d; }
#fortbildung .zierbild { background-image: url(../upload/css_img/header_bild_fortbildung.jpg); background-repeat: no-repeat; background-color: #071c5e; }
#sportstaetten .zierbild { background-image: url(../upload/css_img/header_bild_sportstaetten.jpg); background-repeat: no-repeat; background-color: #50790e; }
#landesstelle .zierbild { background-image: url(../upload/css_img/header_bild_landesstelle.jpg); background-repeat: no-repeat; background-color: #071c5e; }


/* Service-Bereich */

#bodyService {
    clear: both;
    color: #ffffff;
    font-size: 0.7em;
}

#bodyService a:link, #bodyService a:visited {
    color: #FFFFFF;
    font-weight: bold;
    text-decoration: none;
}

#bodyService a:hover, #bodyService a:focus, #bodyService a:active {
    color: #FFFFFF;
    font-weight: bold;
    text-decoration: underline;
}

#bodyService select {
    font-family: Verdana, Arial, Helvetica, Helv, sans-serif;
    font-size: 0.8em;
    width: 15em;
    margin-right: 0.3em;
    border: solid 1px #102d4a;
    height: 1.8em;
}

#bodyService input {
    font-family: Verdana, Arial, Helvetica, Helv, sans-serif;
    vertical-align: bottom;
    border: solid 1px #102d4a;
}

#bodyService fieldset {
   padding:0;
}

.bodyServiceLeer {
    background-color: #102D4A;
    height: 2.7em;
    width: 20%;
    float: left;
}

.bodyServiceLeiste {
    background-color: #1E4770;
    height: 2.7em;
    width: 60%;
    float: left;
}

.bodyServiceNavigation {
    float: left;
    padding: 0.7em 0 0 1.3em;
}

.bodyServiceNavigation a {
    padding: 0 0.3em 0 0.3em;
}

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

.bodyServiceNavigation li {
    display: inline;
}

.bodyServiceSchnellzugriff {
    text-align: right;
    padding-right: 0.6em;
    float: right;
}

.bodyServiceSchnellzugriff form {
    padding: 0;
    margin: 0.6em 0 0 0;
}

.bodyServiceSuche {
    background-color: #102D4A;
    height: 2.7em;
    width: 20%;
    float: left;
}

.bodyServiceSuche form {
    text-align: center;
    padding: 0;
    margin: 0.65em 0 0 0;
}

.bodyServiceSuche .input {
    padding: 0.2em 0 0.2em 0.8em;
    font-size: 0.9em;
    width: 12em;
}
/*Autocomplete*/   

#bodyService fieldset {
   border:none;
}

#bodyService .autocomplete {
  color: #000000;
  background-color: #ffffff;
  border: 1px solid #333333;


  overflow: hidden;
  text-align:left;
  text-transform: uppercase;
}

#bodyService .autocomplete a:link, #bodyService .autocomplete a:visited, #bodyService .autocomplete a:hover, #bodyService .autocomplete a:focus, #bodyService .autocomplete a:active, #bodyService .autocomplete a {
   color:#000000;
}

#bodyService .autocomplete ul {
  color: #00000;
  padding: 0;
  margin: 0;
  list-style: none;
  overflow: auto;
}

#bodyService .autocomplete li {
  color: #00000;
  display: block;
  white-space: nowrap;
  cursor: pointer;
  margin: 0px;
  padding-left: 5px;
  padding-right: 5px;
  border: 1px solid #ffffff;

}

#bodyService .autocomplete li.selected {
    color: #00000;
    background-color: #E5E4E8;
    border-top: solid 1px #DFE4EA;
    border-bottom: solid 1px #DFE4EA;
}

/*Ende Autocomplete*/


/* Hauptnavigation */

#bodyHauptNavigation {
    width: 20%;
    background-color: #1E4770;
    float: left;
    font-size: 0.7em;
}

#bodyHauptNavigation a:link,
#bodyHauptNavigation a:visited {
    color: #FFFFFF;
    font-weight: normal;
    text-decoration: none;
    display: block;
    background-image: url(../upload/css_img/navi_linie.gif);
    background-position: top left;
    background-repeat: repeat-x;
    padding: 0.5em 0.5em 0.5em 2.1em;
}

#bodyHauptNavigation a:hover,
#bodyHauptNavigation a:focus,
#bodyHauptNavigation a:active {
    color: #FFFFFF;
    font-weight: normal;
    text-decoration: underline;
    display: block;
    background-image: url(../upload/css_img/navi_linie.gif);
    background-position: top left;
    background-repeat: repeat-x;
    padding: 0.5em 0.5em 0.5em 2.1em;
}

#bodyHauptNavigation li div {
    color: #FFFFFF;
    font-weight: normal;
    text-decoration: none;
    display: block;
    background-image: url(../upload/css_img/navi_liste.gif);
    background-position: top left;
    background-repeat: no-repeat;
    margin: 0;
    padding: 0;
}

#bodyHauptNavigation li.offen div {
    color: #FFFFFF;
    font-weight: normal;
    text-decoration: none;
    display: block;
    background-image: url(../upload/css_img/navi_liste_on.gif);
    background-position: top left;
    background-repeat: no-repeat;
    margin: 0;
    padding: 0;
}

#bodyHauptNavigation strong {
    display: block;
    background-image: url(../upload/css_img/navi_linie.gif);
    background-position: top left;
    background-repeat: repeat-x;
    padding: 0.5em 0.5em 0.5em 2.1em;
}

#bodyHauptNavigation ul {
    list-style-type: none;
    margin: 2em 0 0 0;
    padding: 0;
    background-color: #1E4770;
    background-image: url(../upload/css_img/navi_linie.gif);
    background-position: bottom left;
    background-repeat: repeat-x;
}

#bodyHauptNavigation li {
    display: inline;
}

/* Hauptnavigation - Ebene 2 */

#bodyHauptNavigation ul ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    background-image: none;
}

#bodyHauptNavigation ul ul a:link,
#bodyHauptNavigation ul ul a:visited {
    background-image: none;
    padding: 0.4em 0.5em 0.4em 3.1em;
}

#bodyHauptNavigation ul ul a:hover,
#bodyHauptNavigation ul ul a:focus,
#bodyHauptNavigation ul ul a:active {
    background-image: none;
    padding: 0.4em 0.5em 0.4em 3.1em;
}

#bodyHauptNavigation ul ul .active strong {
    display: block;
    background-color: #C8D7E7;

}

#bodyHauptNavigation ul ul .active a:link,
#bodyHauptNavigation ul ul .active a:visited,
#bodyHauptNavigation ul ul .active a:hover,
#bodyHauptNavigation ul ul .active a:focus,
#bodyHauptNavigation ul ul .active a:active {
    color: #000000;
    padding: 0.4em 0.5em 0.4em 3.1em;
    margin: 0 0 0 -2em;
    background-image: url(../upload/css_img/navi_liste_ebene2_aktiv.gif);
    background-position: top left;
    background-repeat: no-repeat;
    font-weight: bold;
}

/* cp -------------------------------
#bodyHauptNavigation ul ul strong {
    color: #000000;
    display: block;
    background-image: url(../upload/css_img/navi_liste_ebene2_aktiv.gif);
    background-position: top left;
    background-repeat: no-repeat;
    background-color: #C8D7E7;
    padding: 0.4em 0.5em 0.4em 3.1em;
}
-------------------------------------*/

#bodyHauptNavigation li.offen li div {
    background-image: url(../upload/css_img/navi_liste_ebene2.gif);
    margin: 0;
    padding: 0;
    background-color: #6385A9;
}

/* 3 */

/*#bodyHauptNavigation ul ul ul {
    list-style-type: none;
    margin: 0 0 0 2em;
    padding: 0;
    background-image: none;
}

#bodyHauptNavigation ul ul ul strong {
    color: #000000;
    display: block;
    background-image: url(navi_liste_ebene2_aktiv.gif);
    background-position: top left;
    background-repeat: no-repeat;
    background-color: #C8D7E7;
    padding: 0.4em 0.5em 0.4em 3.1em;
}

#bodyHauptNavigation ul ul ul a:link, #bodyHauptNavigation ul ul ul a:visited {
    background-image: none;
    padding: 0.4em 0.5em 0.4em 3.1em;
}

#bodyHauptNavigation ul ul ul a:hover, #bodyHauptNavigation ul ul ul a:focus, #bodyHauptNavigation ul ul ul a:active {
    background-image: none;
    padding: 0.4em 0.5em 0.4em 3.1em;
}

#bodyHauptNavigation li.offen li.offen li div {
    background-image: url(navi_liste_ebene2_aktiv.gif);
    margin: 0;
    padding: 0;
    background-color: #6385A9;
}*/

/* Kontext-Spalte */

#bodyContext {
    width: 20%;
    float: left;
    font-size: 0.7em;
    padding-bottom: 2em;
}

#bodyContext h2 {
    margin: 0 1.2em 0 1.2em;

    padding: 0 0 0.2em 0;
    font-size: 1.1em;
    text-transform: uppercase;
    display: block;
    background-image: url(../upload/css_img/context_linie.gif);
    background-repeat: repeat-x;
    background-position: bottom left;
}

.bodyContextBlock {
    padding-top: 2em;
}

.bodyContextBlock ul {
    margin: 0;
    padding: 0.6em 1.2em 0 2.8em;
}

.bodyContextBlock p {
    margin: 0;
    padding: 0.6em 1.2em 0 1.8em;
}

.bodyContextBlock li {
    list-style-image: url(../upload/css_img/context_liste.gif);
    padding-bottom: 0;
}

.bodyContextBlock .hilfe li {
    list-style-image: none;
    padding-bottom: 0;
}

.bodyContextBlock li.extern {
    list-style-image: url(../upload/css_img/context_liste_extern.gif);
    padding-bottom: 0;
}

.bodyContextBlock a:link, .bodyContextBlock a:visited {
    color: #1E4770;
    font-weight: normal;
    text-decoration: none;
}

.bodyContextBlock a:hover, .bodyContextBlock a:focus, .bodyContextBlock a:active {
    color: #1E4770;
    font-weight: normal;
    text-decoration: underline;
}

.bodyContextBlock a:link.highlighted, .bodyContextBlock a:visited.highlighted {
    color: #ee0000;
    font-weight: bold;
    text-decoration: none;
}

.bodyContextBlock a:hover.highlighted, .bodyContextBlock a:focus.highlighted, .bodyContextBlock a:active.highlighted {
    color: #ee0000;
    font-weight: bold;
    text-decoration: underline;
}



/* Allgemeine Angaben */

.unsichtbar {
    position: absolute;
    left: -1000px;
    top: -1000px;
    overflow: hidden;
}

.clear {
    clear: both;
}

img {
    border: none;
}

.center {
    text-align: center;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
   #bodyInhalt {  }
}