/*    Inhaltsverzeichnis
      1.  Zurücksetzen der Standard-Stile
      2.  Definition des body
      3.  Definition des containers
      4.  Navigationsleiste Kopf
      5.  Hauptteil
      6.  Navigationsleiste
      7.  Text
      8.  Krümelnavigation
      9.  Fuß
      10. Leiste rechts
      11. Einstellungen der einzelnen Seiten
          11.1.   Startseite
          11.2.   Ipressum
          11.3.   Anfahrt
          11.4.   Termine
          11.5.   Kontakt
          11.6.   Bestätigung php - Seite
          11.7.   Team
          11.8.   Trainer B
          11.9.   Trainer A
          11.10.  Weiterbildung
          11.11.  Ausbildungstermine
          11.12.  Stützpunkte
          11.13.  Gesundheitsstudie
          11.14.  Gesundheitstag
          11.15.  Abnehmstudie
          11.16.  Programme
          11.17.  Aus & Weiterbildung
          11.18.  news
      12. Diverse Einstellungen                               */


/******************************************************************/
/*              1.  Zurücksetzen der Standard-Stile               */
/******************************************************************/

body, html, h1, h2, h3, h4, h5, h6, div, p, pre, span, form, blockquote, fieldset, input, ul, ol, li, dl, dt, dd, a, table, td, form, img { margin:0; padding:0; }  /*  Außenabstand und Innenabstand vom Wert bei verschiedenen Elementen */

h1, h2, h3, h4, h5, h6, pre, code { font-size:1em; }  /* Einheitliche Größe von Überschriften, pre, code */

:link, :visited { text-decoration:none; } /* Verhindern von Unterstreichungen von Links */

ul, ol, li { list-style:none; } /* Zurücksetzen von Stilen bei Listen */

a img,:link img,:visited img { border:none; }  /* verhindert bei verlinkten Bildern einen Rahmen  */

/******************************************************************/
/*                   2.  Definition des body                      */
/******************************************************************/

body {
         font: normal 100% arial, sans-serif;
         color:#000;
         background:transparent url(../bilder/body.jpg) left top repeat-x;
         background-color:#4d4c4c;
         text-align:center;
         padding-bottom:20px;
}

#abstand {
         height:40px;
}

/******************************************************************/
/*                   3.  Definition des containers                */
/******************************************************************/

div#container {
         width:960px;
         position:relative;
         margin:0 auto;
         text-align:left;
}

h1 {
         position:absolute;
         top:0;
         left:20px;
         text-indent:-9999px;
         background:transparent url(../bilder/logo.jpg) left top no-repeat;
         width:230px;
         height:280px;
         z-index:2;
}

#aktion {
         position:absolute;
         top:245px;
         left:775px;
         width:176px;
         height:45px;
         z-index:3;
}

/******************************************************************/
/*                  4.  Navigationsleiste Kopf                    */
/******************************************************************/

#naviLeisteKopf {
         position:absolute;
         top:0;
         right:10px;
         background-color:#f29500;
         padding:1px 0 5px 0;
}

#naviLeisteKopf li {
         float:left;
         margin:0 10px 0 10px;
}

#naviLeisteKopf li a{
         color:#FFFFFF;
         font-weight:bold;
         font-size:12px;
}

#naviLeisteKopf li a:hover {
         color:#7F1C1B;
         font-weight:bold;
         font-size:12px;
         text-decoration:underline;
}

/******************************************************************/
/*                          5.  Hauptteil                         */
/******************************************************************/

#hauptteil {
         padding:260px 0 0 20px;
         background:transparent url(../bilder/kopfBild.jpg) left top no-repeat;
         background-color:#FFFFFF;
}

/******************************************************************/
/*                    6.  Navigationsleiste                       */
/******************************************************************/

#navi {
         position:absolute;
         top:300px;
         left:20px;
         background-color:#EFEFEF;
}

#navi li a,
#navi li a:visited  {
         width:230px;
         padding:7px 0 7px 0;
         font-size:13px;
         display:block;
         color:#5F5F5F;
}

#navi li.ersteEbene a,
#navi li.ersteEbene a:visited  {
         background:transparent url(../bilder/link.gif) 12px 10px no-repeat;
         text-indent:32px;
}

#navi li.zweiteEbene a,
#navi li.zweiteEbene a:visited  {
         background:transparent url(../bilder/linkZwei.gif) 32px 10px no-repeat;
         text-indent:57px;
}

#navi li a:hover {
         color:#000000;
         text-decoration:underline;
         background:transparent;
         background-color:#f29500;
}

#ausbildung li#naviAusbildung a,
#stuetz li#naviStuetzpunkt a,
#projekte li#naviProjekte a,
#infopool li#naviInfo a,
#termine li#naviTermine a {
         background:#f29500 url(../bilder/link.gif) 12px 10px no-repeat;
}

#austermin li#naviAustermin a,
#team li#naviTeam a,
#trainera li#naviTrainerA a,
#trainerb li#naviTrainerB a,
#programm li#naviProgramm a,
#weiter li#naviWeiter a,
#gtag li#naviGtag a,
#abnehms li#naviAbnehms a,
#gesundheitss li#naviGesundheitss a {
         background:#f29500 url(../bilder/linkZwei.gif) 32px 10px no-repeat;
}

/******************************************************************/
/*                          7.  Text                              */
/******************************************************************/

#text {
         padding:0 180px 0 250px;
         font-size:12px;
         color:#6F6F6F;
         text-align:center;
}

.mindesthoehe {
         height:720px;
}

#text h2 {
         margin:0 0 15px 0;
         font-size:16px;
         text-align:left;
}


#text h3 {
         margin:0 0 15px 0;
         font-size:14px;
         text-align:left;
}

#text h4 {
         margin:0 0 15px 0;
         font-size:13px;
         text-align:left;
}

#text p {
         text-align:left;
         margin:0 0 7px 0;
}

#text dl.bildMitUnterschrift {
         margin:20px 0 0 0;
}

#text dl.bildMitUnterschrift dd {
         font:normal bold 81%  arial, sans-serif;
         margin:0 0 20px 0;
}

hr.zwischen {
         height:1px;
         width:150px;
         margin:30px 0 30px 0;
         text-align:left;
         color:#BFBFBF;
}


#text a {
         color:#6F6F6F;
         font-weight:bold;
         text-decoration:underline;
}

#text a:hover {
         color:#2F2F2F;
         text-decoration:none;
}

/******************************************************************/
/*                       8.  Krümelnavigation                     */
/******************************************************************/

#kruemel p {
         padding:0 0 0 5px;
         font:bold 10px arial, sans-serif;
         color:#8F8F8F;
}

#kruemel p a {
         color:#AFAFAF;
}

#kruemel p a:hover {
         color:#7F7F7F;
         text-decoration:underline;
}

hr {
         height:1px;
         width:300px;
         margin:10px 0 20px 0;
         text-align:left;
}

/******************************************************************/
/*                          9.  Fuß                               */
/******************************************************************/

#fuss {
         font: normal 12px arial, sans-serif;
         padding:25px 0 20px 0;
}

#fuss p span.s1 {
         margin:0 4px;
}

#fuss p span.s2 {
         margin-left:20px;
}

#fuss p a {
         color:#AFAFAF;
         font-weight:bold;
         margin-left:4px;
         text-decoration:none;
}

#fuss p a:hover {
         color:#7F7F7F;
         text-decoration:underline;
}


/******************************************************************/
/*                     10. Leiste rechts                          */
/******************************************************************/

#leiste {
         position:absolute;
         top:300px;
         right:10px;
}

#leisteTermine {
         background-color:#EFEFEF;
         width:150px;
         font-size:12px;
}

#leisteTermine ul {
         padding:15px;
}

li#termin {
         font-weight:bold;
         font-size:14px;
}

li.datum {
         padding-top:10px;
         font-weight:bold;
         font-style:italic;
         font-size:11.5px;
}

li.grund {
         text-indent:20px;
         padding-top:2px;
}

#leisteBildung {
         background-color:#FECFD7;
         width:150px;
         font-size:12px;
         margin-top:10px;
         text-align:center;
         padding:5px 0 5px 0;
}

#gutschein {
         font-weight:bold;
         font-size:13px;
         margin-bottom:3px;
}

#download a,
#download a:visited {
         color:#FF0000;
         font-weight:bold;
         font-size:11.5px;
}

#download a:hover {
         color:#9F0000;
         text-decoration:underline;
}

#terminLink {
         padding-top:15px;
         text-align:right;
}

#terminLink a,
#terminLink a:visited {
         padding-top:15px;
         text-align:right;
         color:#5F5F5F;
         font-weight:bold;
         font-size:11px;
}

#terminLink a:hover {
         color:#000000;
         text-decoration:underline;
}

ul#leistePartner{
         margin-top:20px;
}

#leistePartner li a {
         display:block;
}

li#partner {
         font-weight:bold;
         font-size:12px;
}

li#leisteFso,
li#leisteBarmer,
li#leisteDak,
li#leisteBarmenia,
li#leisteBprsv,
li#leisteStartrec,
li#leisteTrainer,
li#leisteLsb,
li#leisteTuev {
         text-indent:-9999px;
}


li#leisteFso a {
         display:block;
         height:112px;
         width:150px;
         background:transparent url(../bilder/leisteFso.jpg) left top no-repeat;
}

li#leisteFso a:hover {
         background:transparent url(../bilder/leisteFsoHover.jpg) left top no-repeat;
}

li#leisteBarmer a {
         display:block;
         height:58px;
         width:150px;
         background:transparent url(../bilder/leisteBarmer.jpg) left top no-repeat;
}

li#leisteBarmer a:hover {
         background:transparent url(../bilder/leisteBarmerHover.jpg) left top no-repeat;
}

li#leisteDak a {
         display:block;
         height:52px;
         width:150px;
         background:transparent url(../bilder/leisteDak.jpg) left top no-repeat;
}

li#leisteDak a:hover {
         background:transparent url(../bilder/leisteDakHover.jpg) left top no-repeat;
}

li#leisteBarmenia a {
         display:block;
         height:48px;
         width:150px;
         background:transparent url(../bilder/leisteBarmenia.jpg) left top no-repeat;
}

li#leisteBarmenia a:hover {
         background:transparent url(../bilder/leisteBarmeniaHover.jpg) left top no-repeat;
}

li#leisteBprsv a {
         display:block;
         height:83px;
         width:150px;
         background:transparent url(../bilder/leisteBprsv.jpg) left top no-repeat;
}

li#leisteBprsv a:hover {
         background:transparent url(../bilder/leisteBprsvHover.jpg) left top no-repeat;
}

li#leisteStartrec a {
         display:block;
         height:43px;
         width:150px;
         background:transparent url(../bilder/leisteStartrec.jpg) left top no-repeat;
}

li#leisteStartrec a:hover {
         background:transparent url(../bilder/leisteStartrecHover.jpg) left top no-repeat;
}

li#leisteTrainer a {
         display:block;
         height:67px;
         width:150px;
         background:transparent url(../bilder/leisteTrainer.jpg) left top no-repeat;
}

li#leisteTrainer a:hover {
         background:transparent url(../bilder/leisteTrainerHover.jpg) left top no-repeat;
}

li#leisteLsb a {
         display:block;
         height:70px;
         width:150px;
         background:transparent url(../bilder/leisteLsb.jpg) left top no-repeat;
}

li#leisteLsb a:hover {
         background:transparent url(../bilder/leisteLsbHover.jpg) left top no-repeat;
}

li#leisteTuev a {
         display:block;
         height:90px;
         width:150px;
         background:transparent url(../bilder/leisteTuev.jpg) left top no-repeat;
}

li#leisteTuev a:hover {
         background:transparent url(../bilder/leisteTuevHover.jpg) left top no-repeat;
}
/******************************************************************/
/*            11.  Einstellungen der einzelnen Seiten             */
/******************************************************************/

/*            11.1.  Startseite           */

#start img#floatLeft {
         float:left;
         margin:0 10px 10px 0;
}

#start #anmeldung {
         margin:20px 0 20px 0;
}

#start .achtung {
         font-weight:bold;
         font-size:14px;
         text-align:left;
         color:#F00C25;
}
/*            11.2.  Ipressum           */

#impressum dl {
         text-align:left;
         margin:20px 0 10px 0;
}

#impressum dt {
         font-weight:bold;
         margin:0 0 10px 0;
}

#impressum dd {
         margin:0 0 20px 0;
}

/*            11.3.  Anfahrt           */

#anfahrt #text ul {
         text-align:left;
         margin:15px 0 0 0;
         text-indent:30px;
}
#anfahrt #text li.oberGeschoss {
         margin-top:15px;
         font-weight:bold;
}

/*            11.4.  Termine           */

#termine dl {
         text-align:left;
         margin:20px 0 10px 30px;

}

#termine dt {
         font-weight:bold;
         margin:0 0 7px 0;
}

#termine dd {
         margin:0 0 40px 0;
         text-indent:27px;
}

#termine dd.a {
         color:#0000DF;
}

#termine dd.b {
         color:#FF7F00;
}

#termine #text dd a {
         color:#FF0000;
}

/*            11.5.  Kontakt           */

#kontakt dl {
         text-align:left;
         margin:20px 0 10px 0;
}

#kontakt dt {
         font-weight:bold;
         margin:0 0 10px 0;
}

#kontakt dd {
         margin:0 0 20px 0;
}

#kontakt fieldset {
        padding:10px 10px 10px 10px;
        border:0px solid transparent;
        margin-bottom:20px;
        background-color:#EFEFEF;
        text-align:left;
}

#kontakt #text li {
        margin:0 0 5px 0;
}

#kontakt #text li.abstandUnten {
        margin:0 0 30px 0;
}

#kontakt #text li.abstandOben {
        margin:50px 0 0 0;
}

#kontakt #text li.abstandObenunten, #kontakt #text p.abstandObenunten {
        margin:20px 0 20px 0;
}

#kontakt #text label {
        float:left;
        line-height:150%;
        width:110px;
        cursor: pointer;
}

#kontakt #text #lang label {
        width:350px;
}

#kontakt #text input {
        height:20px;
        width:182px;
        border:1px solid #1795be;
        padding:0;
        background:#FFF;
        font-size:100%;
}

#kontakt #text textarea{
        border:1px solid #1795be;
        padding:0;
        background:#FFF;
        font-size:100%;
}

#kontakt #text input.small {
        width:55px;
}

#kontakt #text input.number {
        width:117px;
}

#kontakt #text input.medium {
        width:117px;
}

#kontakt #text .inputSpace {
        margin:0 4px 0 0;
}

#kontakt #text input.auswahl1 {
        width:20px;
        margin-left:30px;
}

#kontakt #text input.auswahl2 {
        width:20px;
        margin-left:30px;
}

#kontakt #text input:active,
#kontakt #text input:hover,
#kontakt #text input:focus,
#kontakt #text textarea:active,
#kontakt #text textarea:hover,
#kontakt #text textarea:focus {
        background-color: #d9f0f9;
}

#kontakt #text em {
        font-weight:bold;
        color:#E00;
}

#kontakt #text li#ende {
        padding-bottom:20px;
}

input.btnCancel, input.btnSend {
        margin: 10px 0 0 30px;
        float:left;
        width:85px;
        height:22px;
        font-weight: normal;
        color: #004f6e;
        text-align: center;
        padding:0;
        border:1px solid #0B6487;
        -moz-border-radius:3px;
        -webkit-border-radius:3px;
        cursor:pointer;
        background-color: #FFF;
}

input.btnSend  {
        float:right;
        font-weight:bold;
        margin:10px 30px 0 0;
}

/*            11.6.  Bestätigung php - Seite           */

#bestätigung #center p {
         margin:20px 0 20px 0;
         text-align:center;
}

/*            11.7.  Team           */

#team #text table {
         margin:10px 0 0 0;
}

#team #text td {
         padding:0 0 10px 10px;
         vertical-align:top;
         text-align:left;
}

#team #text p.name {
         font-weight:bold;
}

#team #text li {
         padding:0 0 2px 0;
}

#team #text h5 {
         text-align:left;
         margin-top:15px;
}

#team #text ul#gast {
         text-align:left;
         margin-top:15px;
}

#team #text #gast li span {
         font-weight:bold;
}

/*            11.8.  Trainer B           */

#trainerb #text h2 span {
         font-size:10px;
}

#trainerb #text h4  {
         margin-top:25px;
}

#trainerb #text table {
         text-align:left;
         margin-bottom:10px;
}

#trainerb #text td.s2 {
         padding-left:30px;
}

#trainerb #text p.ue  {
         margin-bottom:20px;
         font-weight:bold;
}

#trainerb #text p.abstandObenunten {
        margin:20px 0 20px 0;
}

/*            11.9.  Trainer A           */

#trainera #text h4  {
         margin-top:25px;
}

#trainera #text table {
         text-align:left;
}

#trainera #text td.s2 {
         padding-left:30px;
}

#trainera #text #ue  {
         margin:25px 0 20px 0;
         font-weight:bold;
}

#trainera #text p.abstandObenunten {
        margin:20px 0 20px 0;
}

/*            11.10.  Weiterbldung          */

#weiter #text div.termin  {
         background-color:#DDF3F6;
         padding:20px;
         margin:10px 0 10px 0;
}

#weiter #text div.termin span  {
         font-weight:bold;
}

#weiter #text div.termin ul {
         text-align:left;
}

#weiter #text div.termin li.gebuer {
         padding-top:15px;
}

/*            11.11.  Ausbildungstermine          */

#austermin #text ul {
         text-align:left;
         margin-bottom:30px;
}

#austermin #text li {
         margin-bottom:10px;
}

#austermin #text p.abstandObenunten {
        margin:20px 0 20px 0;
}

/*            11.12.  Stützpunkte          */

#stuetz table td {
         padding:20px;
}

/*            11.13.  Gesundheitsstudie          */

#gesundheitss #text h3 {
         margin-top:30px;
}

#gesundheitss #text ul {
         text-align:left;
         margin:25px 0 25px 0;
}

#gesundheitss #text li {
         margin-bottom:20px;
}

#gesundheitss #text a[href$='.pdf'] {
        padding:2px 0 2px 22px;
        text-decoration:none;
        background: transparent url(../bilder/ic_pdf.gif) center left  no-repeat;
}

/*            11.14.  Gesundheitstag          */

#gtag #text h4 {
         margin-top:30px;
}

#gtag #text ul {
         text-align:left;
         margin:15px 0 0 0;
}

#gtag #text li {
         margin-bottom:10px;
}

/*            11.15.  Abnehmstudie          */

#abnehms #text h3 {
         margin-top:30px;
}

#abnehms #text h4 {
         margin-top:20px;
}

#abnehms #text ul {
         text-align:left;
         margin:15px 0 15px 0;
}

#abnehms #text ul#zirkelende{
         margin-bottom:60px;
}

#abnehms #text #revital {
         position:absolute;
         top:1060px;
         left:440px;
         width:50px;
         height:50px;
}

/*            11.16.  Programme          */

#programm #text h3 {
         margin-top:30px;
}

#programm ul {
         text-align:left;
         margin-bottom:15px;
}

#programm #text #BAKK {
         position:absolute;
         left:600px;
         top:470px;
}

#programm #text #REvital {
         position:absolute;
         left:600px;
         top:680px;
}

#programm #text #interesse {
         margin:80px 0 0 0;
}

#programm #text #unten {
         margin:0 0 80px 0;
}

/*            11.17.  Aus & Weiterbildung          */

#ausbildung #text h4 {
         margin:30px 0 0 0;
}

#ausbildung #text h5 {
         text-align:left;
         margin:15px 0 10px 0;
         color:#221A7F;
}

/*            11.18.  News          */

#infopool #text h2 {
         margin:30px 0 15px 0;
}

#infopool table td {
         padding:20px;
}

/******************************************************************/
/*                   12.  Diverse Einstellungen                   */
/******************************************************************/

.hervorgehoben{
         font-weight:bold;
}