html { margin:0px; padding:0px; border:0px; height:100%; }
body { margin:0px; padding:0px; border:0px; height:100%; background:#005EA4; }

body,td,p {
          font-family:Verdana,Arial,sans-serif;
          font-size:14px;
          font-weight:normal;
          line-height:22px;
          }

h1 {
   font-family:Verdana,Arial,sans-serif;
   font-size:16px;
   font-weight:bold;
   text-transform:uppercase;
   line-height:24px;
   border:0;
   padding:20px 0 20px 0;
   margin:0;
   }

.ha2 { color:#D40022; } /* rot */
.ha3 { color:#005EA4; } /* blau */
.ha4 { color:#00A38F; } /* gruen */

h2 {
   font-family:Verdana,Arial,sans-serif;
   font-size:14px;
   font-weight:bold;
   line-height:22px;
   border:0;
   padding:10px 0 10px 0;
   margin:0;
   }
h3 {
   font-family:Verdana,Arial,sans-serif;
   font-size:14px;
   font-weight:bold;
   line-height:22px;
   border:0;
   padding:0px;
   margin:0;
   }
p {
  margin:0 0 10px 0;
  padding:0 0 0 0;
  border:0;
  }
b { font-weight:bold; }

table.wrap { }
table.indexwrap { width:100%; height:100%; }

table.oben,table.mitte,table.unten { }
.mitte { background:#fff url(bilder/logo_hgr_oben.gif) right bottom no-repeat; }
.unten { background:#d40022 url(bilder/logo_hgr_unten.gif) right top no-repeat; }
td.ol { color:#000; background:#fff; }
td.om { color:#000; background:#fff; }
td.or { color:#000; background:#fff; }
td.ml { color:#000; }
td.mm { color:#000; }
td.mr { color:#000; }
td.ul { color:#000; }
td.um { color:#000; }
td.ur { color:#000; }

table.navtablerot { background:url(bilder/nav_rot_o.gif) center top no-repeat; }
.navrottitel {
             height:36px;
             font-size:16px;
             text-transform:uppercase;
             padding-left:20px;
             color:#FFBFCC;
             font-weight:bold;
             }
.navrotu { height:32px; background:url(bilder/nav_rot_u.gif) center bottom no-repeat; }

.navrot { padding-left:20px; }
.navrot a { }
.navrot a:link { text-decoration:none; color:#fff; }
.navrot a:visited { text-decoration:none; color:#fff; }
.navrot a:focus { text-decoration:none; color:#FFBFCC; }
.navrot a:hover { text-decoration:none; color:#FFBFCC; }
.navrot a:active { text-decoration:none; color:#FFBFCC; }

.navrota { padding-left:20px; }
.navrota a { color:#fff; font-weight:bold; }
.navrota a:link { text-decoration:none; }
.navrota a:visited { text-decoration:none; }
.navrota a:focus { text-decoration:none; }
.navrota a:hover { text-decoration:none; }
.navrota a:active { text-decoration:none; }

table.navtableblau { background:url(bilder/nav_blau_o.gif) center top no-repeat; }
.navblautitel {
             height:38px;
             font-size:16px;
             text-transform:uppercase;
             padding-left:20px;
             color:#B5CDDF;
             font-weight:bold;
             }
.navblauu { height:32px; background:url(bilder/nav_blau_u.gif) center bottom no-repeat; }

.navblau { padding-left:20px; }
.navblau a { }
.navblau a:link { text-decoration:none; color:#fff; }
.navblau a:visited { text-decoration:none; color:#fff; }
.navblau a:focus { text-decoration:none; color:#B5CDDF; }
.navblau a:hover { text-decoration:none; color:#B5CDDF; }
.navblau a:active { text-decoration:none; color:#B5CDDF; }

.navblaua { padding-left:20px; }
.navblaua a { color:#fff; font-weight:bold; }
.navblaua a:link { text-decoration:none; }
.navblaua a:visited { text-decoration:none; }
.navblaua a:focus { text-decoration:none; }
.navblaua a:hover { text-decoration:none; }
.navblaua a:active { text-decoration:none; }

table.navtablegruen { background:url(bilder/nav_gruen_o.gif) center top no-repeat; margin-bottom:6px; }
.navgruentitel {
             height:40px;
             font-size:16px;
             text-transform:uppercase;
             padding-left:20px;
             color:#A7DFD7;
             font-weight:bold;
             }
.navgruenu { height:32px; background:url(bilder/nav_gruen_u.gif) center bottom no-repeat; }

.navgruen { padding-left:20px; }
.navgruen a { }
.navgruen a:link { text-decoration:none; color:#fff; }
.navgruen a:visited { text-decoration:none; color:#fff; }
.navgruen a:focus { text-decoration:none; color:#A7DFD7; }
.navgruen a:hover { text-decoration:none; color:#A7DFD7; }
.navgruen a:active { text-decoration:none; color:#A7DFD7; }

.navgruena { padding-left:20px; }
.navgruena a { color:#fff; font-weight:bold; }
.navgruena a:link { text-decoration:none; }
.navgruena a:visited { text-decoration:none; }
.navgruena a:focus { text-decoration:none; }
.navgruena a:hover { text-decoration:none; }
.navgruena a:active { text-decoration:none; }

table.navtableweiss { margin-bottom:10px; }
.navweisstitel {
             height:40px;
             font-size:16px;
             text-transform:uppercase;
             padding-left:20px;
             color:#A7DFD7;
             font-weight:bold;
             }
.navweissu { }

.navweiss { padding-left:20px; }
.navweiss a { }
.navweiss a:link { text-decoration:none; color:#000; }
.navweiss a:visited { text-decoration:none; color:#000; }
.navweiss a:focus { text-decoration:none; color:#7f7f7f; }
.navweiss a:hover { text-decoration:none; color:#7f7f7f; }
.navweiss a:active { text-decoration:none; color:#7f7f7f; }

.navweissa { padding-left:20px; }
.navweissa a { color:#000; font-weight:bold; }
.navweissa a:link { text-decoration:none; }
.navweissa a:visited { text-decoration:none; }
.navweissa a:focus { text-decoration:none; }
.navweissa a:hover { text-decoration:none; }
.navweissa a:active { text-decoration:none; }


table.subnavtable {
                  margin-bottom:4px;
                  }
.subnavwrap { }
.subnav {
        text-align:right;
        font-size:12px;
        line-height:20px;
        }
.subnav a {
       color:#ffe4af;
       display:block;
       border:0;
       padding-right:0;
       }
.subnav a:link { text-decoration:none; }
.subnav a:visited { text-decoration:none; }
.subnav a:focus { text-decoration:none; }
.subnav a:hover { text-decoration:none; }
.subnav a:active { text-decoration:none; }

.subnava {
        text-align:right;
        font-size:12px;
        line-height:20px;
        font-weight:bold;
        }
.subnava a {
       color:#ffe4af;
       display:block;
       border:0;
       padding-right:0;
       }
.subnava a:link { text-decoration:none; }
.subnava a:visited { text-decoration:none; }
.subnava a:focus { text-decoration:none; }
.subnava a:hover { text-decoration:none; }
.subnava a:active { text-decoration:none; }

table.mmtable { margin-left:20px; }
.inhalt,.beschriftungtd { color:#000; }
.inhalt a { }
.inhalt a:link { text-decoration:underline; color:#000; }
.inhalt a:visited { text-decoration:underline; color:#000; }
.inhalt a:focus { text-decoration:none; color:#7f7f7f; border-bottom:1px solid #7f7f7f; }
.inhalt a:hover { text-decoration:none; color:#7f7f7f; border-bottom:1px solid #7f7f7f; }
.inhalt a:active { text-decoration:none; color:#7f7f7f; border-bottom:1px solid #7f7f7f; }

.fuss {
      font-size:11px;
      line-height:14px;
      color:#fff;
      padding-left:5px;
      }
.fuss a { color:#fff; }
.fuss a:link { text-decoration:none; }
.fuss a:visited { text-decoration:none; }
.fuss a:focus { text-decoration:underline; }
.fuss a:hover { text-decoration:underline; }
.fuss a:active { text-decoration:underline; }

.klein { font-size:11px; text-align:left; line-height:15px;}

form.formular td { }
.beschriftungtd { }
.eingabetd { }
input,textarea {
          font-family:Verdana,Arial,sans-serif;
          font-size:14px;
          font-weight:normal;
          line-height:22px;
               }
input.eingabe,textarea.eingabe {
                               color:#000;
                               background:#fff;
                               padding-left:2px;
                               border:1px solid #000;
                               }
input.eingabe {
              height:25px;
              width:400px;
              }
textarea.eingabe {
                 width:400px;
                 overflow:auto;
                 }
input.button {
             width:300px;
             height:25px;
             color:#000;
             background:#fff;
             cursor:pointer;
             line-height:16px;
             }
.meldung1 { font-size:14px; font-weight:bold; color:#000; background:#fff; }
.meldung2 { font-size:14px; font-weight:bold; color:red; background:yellow; }

ul {
   list-style:square;
   margin:0 0 10px 16px;
   padding:0;
   }

ul.blau {
   list-style-image:url(bilder/pfeil_blau.gif);
   margin:0 0 10px 16px;
   padding:0;
   }

ul.rot {
   list-style-image:url(bilder/pfeil_rot.gif);
   margin:0 0 10px 16px;
   padding:0;
   }

html>body .ext {
     padding-right:16px;
     background:url(bilder/ext.gif) right center no-repeat;
     white-space:nowrap;
     }
html>body .ext:hover { background:url(bilder/exth.gif) right center no-repeat; }
html>body .int {
     padding-right:16px;
     background:url(bilder/int.gif) right center no-repeat;
     white-space:nowrap;
     }
html>body .int:hover { background:url(bilder/inth.gif) right center no-repeat; }

/*
.picr {
      float:right;
      margin:0 0 4px 10px;
      border:1px solid #dfdfdf;
      }
.picl {
      float:left;
      margin:0 10px 4px 0;
      border:1px solid #dfdfdf;
      }
.pic {
      border:1px solid #000;
      }
*/

/* Bereich 2, rot */
.picwrapr {
      float:right;
      margin:0 0 10px 10px;
      text-align:center;
      font-size:11px;
      line-height:15px;
      padding-bottom:8px;
      width:284px;
      color:#000;
      background:#FFCFD9;
      }
.picwrapr img { border:1px solid #fff; margin:5px; }
.picwrapl {
      float:left;
      margin:0 10px 10px 0;
      text-align:center;
      font-size:11px;
      line-height:15px;
      padding-bottom:8px;
      width:284px;
      color:#000;
      background:#FFCFD9;
      }
.picwrapl img { border:1px solid #fff; margin:5px; }

/* Bereich 3, blau */
.picwrapr3 {
      float:right;
      margin:0 0 10px 10px;
      text-align:center;
      font-size:11px;
      line-height:15px;
      padding-bottom:8px;
      width:284px;
      color:#000;
      background:#D1E2EF;
      }
.picwrapr3 img { border:1px solid #fff; margin:5px; }
.picwrapl3 {
      float:left;
      margin:0 10px 10px 0;
      text-align:center;
      font-size:11px;
      line-height:15px;
      padding-bottom:8px;
      width:284px;
      color:#000;
      background:#D1E2EF;
      }
.picwrapl3 img { border:1px solid #fff; margin:5px; }

/* Bereich 4, gruen */
.picwrapr4 {
      float:right;
      margin:0 0 10px 10px;
      text-align:center;
      font-size:11px;
      line-height:15px;
      padding-bottom:8px;
      width:284px;
      color:#000;
      background:#A7DFD7;
      }
.picwrapr4 img { border:1px solid #fff; margin:5px; }
.picwrapl4 {
      float:left;
      margin:0 10px 10px 0;
      text-align:center;
      font-size:11px;
      line-height:15px;
      padding-bottom:8px;
      width:284px;
      color:#000;
      background:#A7DFD7;
      }
.picwrapl4 img { border:1px solid #fff; margin:5px; }

 /* Mitarbeiterfotos, fixe Hoehe */
.picwraplfix {
      float:left;
      margin:0 10px 10px 0;
      text-align:center;
      font-size:11px;
      line-height:15px;
      padding-bottom:8px;
      width:284px;
      height:310px;
      color:#000;
      background:#D1E2EF;
      }
.picwraplfix img { border:1px solid #fff; margin:5px; }

 /* Anfahrt u.a., var Breite */
.picwraplvar {
      float:left;
      margin:0 10px 10px 0;
      text-align:center;
      font-size:11px;
      line-height:15px;
      padding-bottom:8px;
      color:#000;
      background:#D1E2EF;
      }
.picwraplvar img { border:1px solid #fff; margin:5px; }

/*
.boxr {
      width:250px;
      float:right;
      margin:0 0 4px 0;
      border:0;
      padding:8px;
      background:#efefef;
      font-size:12px;
      line-height:16px;
      font-style:italic;
      }

.boxl {
      width:250px;
      float:left;
      margin:0 0 4px 0;
      border:0;
      padding:8px;
      background:#efefef;
      font-size:12px;
      line-height:16px;
      font-style:italic;
      }
*/

.left { float:left; }
.right { float:right; }
.clear { clear:both; }


#adresse { position:relative; top:-35px; left:3px; }

.info {
      border:1px solid #000;
      padding:5px 30px 5px 5px;
      text-align:center;
      background:#fff url(bilder/achtung.gif) right top no-repeat;
      }
.info2 {
      border:1px solid #000;
      padding:5px 30px 5px 5px;
      text-align:center;
      }
.blauinfo {
          color:#005EA4;
          font-weight:bold;
          font-size:18px;
          }
.infosommer {
      border:1px solid #000;
      padding:5px 30px 5px 5px;
      text-align:center;
      background:#fff url(bilder/sommer_hgr.jpg) left top no-repeat;
      }

.preisliste {
            color:#000;
            background:#D1E2EF;
            padding-left:5px;
            }
.preisblock {
            border:1px solid #000;
            padding:5px;
            }
.kursliste {
           background:#D1E2EF;
           padding:0 3px 0 3px;
           font-size:11px;
           white-space:nowrap;
           }
.kurslistetop {
           background:#005EA4;
           color:#fff;
           padding:0 3px 0 3px;
           font-size:11px;
           white-space:nowrap;
           }

.leftbox,.rightbox {
                   border:1px solid #000;
                   padding:5px;
                   width:285px;
                   }
.leftbox { float:left; }
.rightbox { float:right; }

.leftbox2,.rightbox2 {
                   border:1px solid #00A38F;
                   padding:5px;
                   width:285px;
                   height:90px;
                   text-align:center;
                   background:#d1dfdd url(bilder/logo_bg_blass.gif) right bottom no-repeat;
                   }
.leftbox2 { float:left; }
.rightbox2 { float:right; }

.boxfitness {
            float:left;
            border:1px solid #000;
            padding:5px;
            width:285px;
            height:360px;
            background:url(bilder/fitness1.jpg) right bottom no-repeat;
            }

.invers {
        background:#005EA4;
        color:#fff;
        font-weight:bold;
        padding:4px 4px 0 4px;
        }

.liste {
            color:#000;
            background:#fff;;
            padding-left:5px;
            border-bottom:1px solid #D1E2EF;
            }