body        {
            font: 100% Verdana, Arial, Helvetica, sans-serif;
            background: #fff;
            margin: 0;
            padding: 0;
            text-align: center;
            color: #000000;
            }

   /*Unsichtbares und Verstecktes*/

.unsichtbar, dfn      {

                       position: absolute;
                       left: -1000px;
                       top: -1000px;
                       width: 0px;
                       height: 0px;
                       overflow: hidden;
                       display: inline;

                      }

/*Textinformationen Überschriften usw.*/

h1, h2, h3, h4, h5, h6, p, form, table          {


               font-family:arial,verdana,helvetica,sans-serif;

               padding:0;
               margin-bottom: 0;

               }




h1             {
               font-family: arial,verdana,helvetica,sans-serif;
               font-size: 1.6em;
               font-weight: bold;
               text-align: left;


               }

h2             {
                font-family: arial,verdana,helvetica,sans-serif;
                font-size: 1.4em;
                font-weight: bold;
                text-align: left;


                }

h3             {
                font-family: arial,verdana,helvetica,sans-serif;
                font-size: 1.2em;
                font-weight: bold;
                text-align: left;

               }
h4
             {
                font-family: arial,verdana,helvetica,sans-serif;
                font-size: 1.0em;
                font-weight: bold;
                text-align: left;


                }

h5
             {
                font-family: arial,verdana,helvetica,sans-serif;
                font-size: 0.8em;
                font-weight: bold;
                text-align: left;


                }

p, table
                {
                font-family: arial,verdana,helvetica,sans-serif;
                font-size: .8em;
                text-align: left;


                }

.strong
             {
                font-family: arial,verdana,helvetica,sans-serif;
                font-size: 1.1em;
                font-weight: bold;
                text-align: left;
                }


/*Textinformationen Überschriften usw. Ende*/


/*Der alles umfassende und mittig stellende Container*/


#container {
            width: 996px;
            background-color: transparent;
            margin: 0 auto;
            text-align: left;
            }


/* Kopfbereich mit Hintergrundgrafik */

#kopf      {
            display:none;
 }

/* KHP Logo */

.logo
            {
             float: left;
             width: 310px;
             margin: 0;
             padding: 11px 0 0 49px;
             }

/* Kopftext */

.kopftext
             {
             float: left;
             padding: 55px 20px 0px 25px;
             }


.kopftext p
             {
             font-family:arial,verdana,helvetica,sans-serif;
             color:#000;
             background-color: transparent;
             font-size: .8em;
             text-align: left;
             margin:0;
             padding:0;
             }



/* Start 2. Kopfzeile */



/* Kopfnavigation */


#kopfnav {
          display:none;

          }


#kopfnavi {
           font-family: arial, sans-serif,  verdana ;
           font-size: 0.8em;

           }

#kopfnavi ul {
              display: inline;
              padding: 0;
              margin: 0;
              }

#kopfnavi ul li   {
                   display: inline;
                   color:#0059A9;
                   background-color: transparent;
                   }


#kopfnavi a       {
                   color: #0059A9;
                   background-color: transparent;
                   text-decoration: none;
                   padding: 0 10px 0 10px;
                   border-right: 1px solid #555;
                   }

#kopfnavi ul li.letzter a      {

                   color: #0059A9;
                   background-color: transparent;
                   text-decoration: none;
                   padding: 0 0 0 10px ;
                   border-right: none;

}

#kopfnavi ul li.letzter a:hover {
        color: #ccc;
        background-color: transparent;
        text-decoration: none;
}


#kopfnavi a:hover, #topnav a:focus, #topnav a:active {
        color: #ccc;
        background-color: transparent;
        text-decoration: none;
}


/* Hier wird das ausgewaehlte Menuefeld mit einer eigenen Farbe definiert*/

#kopfnavi ul li.auswahltop a {

                              color: #ccc;
                              background-color: transparent;

                              }

/*Suche*/





#suchForm {
           display:none;
        }


#suchForm label {
        display:inline;
        margin:0;
        font-family:arial, sans-serif,  verdana ;
        padding-right:10px;
        color: #0059A9;
        vertical-align:middle;
}


#suchForm input.txt {
        display:inline;
        width:120px;
        padding:1px;
        border:1px solid #0059A9;
        vertical-align:middle;
        }


#suchForm input.txt:focus {
        color:#000;
        background:#fff;
        }


#suchForm input.button {
        margin:0;
        vertical-align:middle;
        border:none;
        padding:0;
        color: #0059A9;
        font-weight:bold;
        background-color: transparent;
        font-size: 1.2em;
        cursor:pointer;
        }


/* Brotkruemel*/


#kruemel        {
                 display:none;

                 }

#kruemel ul      {

                  display: inline;
                  padding:0;
                  margin:0;
                  }

#kruemel ul li   {

                  display: inline;
                  color:#000;
                  background-color: transparent;

                  }

#kruemel ul li a {

                   color: #000;
                   font-weight: normal;
                   background-color: transparent;
                   text-decoration: none;
                   }

#kruemel a:hover , #kruemel a:visited {
                   color: #E60005;
                   font-weight: normal;
                   background-color: transparent;
                   text-decoration: none;

}

#kruemel a:hover

{
                   color: #E60005;
                   font-weight: normal;
                   background-color: transparent;
                   text-decoration: none;

}


/* Seitenaufbau - Kopf ENDE*/

/* Seitenaufbau - Container Mitte Start*/


#mittecon
        {
            background-color: transparent;
            margin:0;
            padding: 0;
            min-Height:640px;
            width: 996px;


        }


/* Beginn Linke Spalte; Menü*/


#links
        {
        display:none;

        }

/* Hauptnavigation: */



#hauptnav {


         color:#000;
         background-color: transparent;

        }



ul#hauptnav {

        list-style: none;
        margin: 0px;
        padding:30px 0 0 0;


        }







ul#hauptnav li {

        display: block;
        border-bottom: 1px solid #0059A9;

        }







ul#hauptnav li.last {

        display: block;
        border-bottom:none;
        }







ul#hauptnav li a {

        display: block;
        margin: 0;
        padding: 6px 0 6px 10px;
        background-color: transparent;
        font:  arial,verdana,helvetica, sans-serif;
        font-size:0.9em;

        color: #0059A9;
        text-decoration: none;
        width: 88%;

        }







ul#hauptnav li a:hover {

        background-color: transparent;
        color: #E60005;
        text-decoration: none;

        }







/* Hier wird das ausgewaehlte Menuefeld mit einer eigenen Farbe definiert*/







ul#hauptnav li.auswahlnav a {

        background-color: transparent;
        color: #E60005;
        text-decoration: none;

        }







/*Hier beginnt das Menuefeld des 1. Untermenues*/



ul#hauptnav ul.subnav {

        margin: 0px;
        list-style: none;
        padding: 0px;
        border: 0px;

        }



ul#hauptnav ul.subnav li {

        border: 0px;
        padding:3px 0 3px 25px;
        margin:0;

        }



ul#hauptnav ul.subnav li a {

        padding:0;
        margin: 0;
        font: arial,verdana,helvetica,sans-serif;
        font-size: 0.8em;

        color: #0059A9;
        background-color: transparent;
        border: 0px;

        }



ul#hauptnav ul.subnav li a:hover {

        color: #E60005;
        background-color: transparent;
        text-decoration: none;

        }



/* Hier wird das ausgewaehlte Menuefeld des 1. Untermenues mit einer eigenen Farbe definiert*/



ul#hauptnav ul.subnav li.auswahlnav1 a {

        background-color: transparent;
        color: #E60005;

        }



/*Hier beginnt das Menuefeld des 2. Untermenues*/



ul#hauptnav ul.subnav ul.subnav1 {

        margin: 0px;
        list-style: none;
        padding: 0px;

        }



ul#hauptnav ul.subnav ul.subnav1 li {

       padding:3px 0 3px 25px;


        }



ul#hauptnav ul.subnav ul.subnav1 li a {

         padding: 0;
         margin: 0;
         font:arial,verdana,helvetica,sans-serif;
         font-size: 0.8em;
         color: #0059A9;
         background-color: transparent;

        }



ul#hauptnav ul.subnav ul.subnav1 li a:hover {

        color: #E60005;
        background-color: transparent;
        text-decoration: none;

        }



/* Hier wird das ausgewaehlte Menuefeld des 1. Untermenues mit einer eigenen Farbe definiert*/



ul#hauptnav ul.subnav ul.subnav1 li.auswahlnav2 a {

        background-color: transparent;

        color: #E60005;

        }



/* Hauptnavigation ENDE*/


/* Loginbereich */

#login

              {
              padding-top:5em;
              width: 214px;
              margin:0;
              font-family:arial,verdana,helvetica,sans-serif;
              background-color: transparent;

              }

.loginhead
           {
            color:#0059A9;
            font-size: 0.8em;
            font-weight:bold;
            text-align: left;
            margin: 5px 0 5px 10px;
              }



#formular {
           border-top: 1px solid #0059A9;
           border-bottom: 1px solid #0059A9;
           position: relative;
           width: 214px;
           height: 8em;
           font-weight:bold;
           color:#0059A9;
           font-weight:bold;
           text-align: left;
          }


form#inside {}


fieldset {
        font-size: 0.8em;
        border: 0;
        padding:20px 0 0 0;

}


label {

        display: block;
        padding: 0px;
        margin: 0px 0px 17px 9px;

        }



input {
      border: 1px solid #0059A9;
       }



input#username, input#password {

        position: absolute;
        left: 66px;
        width: 100px;
        margin: 0px;
        padding: 2px 0 3px 0;
        margin: -3px 0 0 2em;

}


input#abschicken {
        background-color: transparent;
        position: absolute;
        top: 6.5em;
        right: 20px;
        height: 22px;
        width: 22px;
        padding: 2px 0px 2px 0px;
        font-weight: bold;
        font-size: 1.2em;
        color: #0059A9;
        border: 0;
        cursor:pointer;
        }



/* Login ENDE */



/* Start rechte Spalte*/

#rechts {
        display:none;
         }

.box1
     {
      width:238px;
      height:30px;
      background-image:url(bilder/rahmen_box_o.gif);
      background-position:top left;
      background-repeat:no-repeat;
      margin:0px;
      margin-left:auto;
      margin-right:auto;
      padding:0px;
      }

.box2
     {
      width:236px;
      min-height:120px;
      margin:0;
      overflow:hidden;
      background-color: transparent;
      margin-left:auto;
      margin-right:auto;
      padding:0px;
      border-left:1px solid #0059a9;
      border-right:1px solid #0059a9;
      border-top:transparent;
      }
* html .box2 {height:120px }
* html .box2 {overflow:visible}

.box3
     {
      width:238px;
      height:30px;
      background-image:url(bilder/rahmen_box_u.gif);
      background-position:top left;
      background-repeat:no-repeat;
      margin:0px;
      margin-left:auto;
      margin-right:auto;
      padding:0 0 15px 0;
      }


/*Box Text Aufbau Start*/

.boxhead
                {
                font-family: arial,verdana,helvetica,sans-serif;
                font-size: 1.0em;
                font-weight: bold;
                text-align: left;
                color:#000;
                background-color: transparent;
                margin:0;
                padding:0 5px 5px 5px;
                }

.boxtext
             {
             font-family:arial,verdana,helvetica,sans-serif;
             font-size: .8em;
             text-align: left;
             margin:0;
             padding:0 5px;
             color:#000;
             background-color: transparent;
             }

.boxfloat
                {
                 float: left;
                 padding:5px 5px 0 5px;
                 margin:0;
                 }


/*Box Text Aufbau Ende*/





/* Hier beginnt der Aufbau der mittleren Spalte*/

#mitte {
        margin: 0;
        padding:  0;
        float: left;
        width:510px;
        }

/* Rahmen Mitte*/

#mittebox1
          {
          display:none;
           }


#mittebox2
          {

           }


#mittebox3
          {
           display:none;
           }

/*Schluss mit der mittleren Box*/



/*Inhalt mittlere Spalte Text und andere Elemente */


/* Die horizontale Linie*/


hr           {
              height:1px;
              margin:22px 0 16px 0;
              color: #555;
              background-color: #555;
              border: none;

              }

/*Einspaltiger Aufbau*/


#inhalt     {
              margin: 0 19px 0 18px;
              background-color: transparent;
             }



/* Listen mit Link*/

.linkliste     {
                margin: 0;
                background-color: transparent;
                }


.linkliste  ul  a
                 {
                  text-decoration:underline;
                  font-weight: bold;
                  color:#0059a9;
                  font-size: 0.8em;
                  line-height:20px;
                  }

.linkliste  ul li
                  {
                   margin: 10px 0;
                   list-style-type:none;
                   }




/* Listen mit Grafik und Link*/



/* Liste mit Excel-Icon*/

.linkliste_g     {
                  margin: 0;
                  background-color: transparent;
                  }


.linkliste_g  ul a  {
                     text-decoration:none;
                     font-weight: bold;
                     color:#0059a9;
                     font-size: 0.8em;
                     line-height:20px;
                     }


.linkliste_g  ul li
                     {
                      margin: 15px 0;
                      padding: 0;
                      list-style-image:url(bilder/xls.gif);
                      list-style-position:inside;
                      }



/* Liste mit PDF-Icon*/

.linkliste_g1
                   {
                    margin: 0;
                    background-color: #fff;
                   }


.linkliste_g1  ul a  {
                      text-decoration:none;
                      font-weight: bold;
                      color:#0059a9;
                      font-size: 0.8em;
                      line-height:20px;
                      }


.linkliste_g1  ul li  {
                       margin: 15px 0;
                       padding: 0;
                       list-style-image:url(bilder/pdf.gif);
                       list-style-position:inside;
                       }



/* Liste mit PowerPoint-Icon*/

.linkliste_g2     {
                   margin: 0;
                   background-color: #fff;
                   }


.linkliste_g2  ul a  {
                      text-decoration:none;
                      font-weight: bold;
                      color:#0059a9;
                      font-size: 0.8em;
                      line-height:20px;
                      }


.linkliste_g2  ul li  {
                       margin: 15px 0;
                       padding: 0;
                       list-style-image:url(bilder/ppt.gif);
                       list-style-position:inside;
                       }



/* Liste mit Word-Doc-Icon*/

.linkliste_g3     {
                   margin: 0;
                   background-color: #fff;
                   }


.linkliste_g3  ul a  {
                      text-decoration:none;
                      font-weight: bold;
                      color:#0059a9;
                      font-size: 0.8em;
                      line-height:20px;
                      }


.linkliste_g3  ul li  {
                       margin: 15px 0;
                       padding: 0;
                       list-style-image:url(bilder/doc.gif);
                       list-style-position:inside;
                       }

/* Liste mit JPG-Icon*/


.linkliste_g4       {
                    margin: 0;
                    background-color: #fff;
                    }


.linkliste_g4  ul a  {
                      text-decoration:none;
                      font-weight: bold;
                      color:#0059a9;
                      font-size: 0.8em;
                      line-height:20px;
                      }


.linkliste_g4  ul li  {
                       margin: 15px 0;
                       padding: 0;
                       list-style-image:url(bilder/jpg.gif);
                       list-style-position:inside;
                       }





/* Einspaltiger Aufbau, Bild links*/


.floatlinks
                {
                 float: left;
                 padding:20px 0 0 0;
                 margin-right:10px;
                 }

/* Alle Bilder mit Rahmen - Wichtig weil alle  im Text eingebundenen Bilder Rahmenlos sind*/

#inhalt p img, .floatlinks img, .thumbnail img, .bilder img, .boxfloat img

               {
                border: solid 1px #555;
                }


p a, .box2 a  {
                     text-decoration:none;
                     font-weight: bold;
                     color:#0059A9;
                     }

/*img
                 {
                      display:none;
                      }
*/

p a:hover , .box2 a:hover, .linkliste_g a:hover , .linkliste_g1 a:hover , .linkliste_g2 a:hover, .linkliste_g3 a:hover, .linkliste_g4 a:hover, .linkliste a:hover  {

                   color: #E60005;
                   background-color: transparent;
                   text-decoration: none;
                   }

/*Galerie Bilder*/


.thumbnail   {

              float: left;
              padding:0;
              height:12.5em;
              background: #fff;
              width:9.5em;
              }


/* Formular Beispiel */

#mitteform  {
             display:none;
             }



#mitte form {
             width: 100%;
             text-align: left;
             }

#mitte fieldset {
                 margin: 0;
                 border: 0;
                 padding: 0;
                 }

#mitte legend {
               display: none;
               }



#mitte form label {
                   display: block;
                   width: 350px;
                   font-size: 12px;
                   line-height: 14px;
                   padding: 0px 0px 12px 0px;
                   }

#mitte form input {
                   display: block;
                   margin-top: 3px;
                   }

#mitte form select {
                    float: left;
                    display: block;
                    }

#mitte form label.vorname,
#mitte form label.adresse,
#mitte form label.kosten,
#mitte form label.email,
#mitte form label.textfeld
                          {
                           clear: left;
                           }


#mitte form label.vorname,
#mitte form label.nachname,
#mitte form label.email,
#mitte form label.kosten,
#mitte form label.tele
                         {
                          float: left;
                          margin: 0px 10px 0px 0px;
                          width: 190px;
                          }

#mitte form label.vorname input,
#mitte form label.nachname input,
#mitte form label.email input,
#mitte form label.kosten input,
#mitte form label.tele input
                            {
                             float: left;
                             width: 190px;
                             padding: 0px;
                             }


#mitte form label.adresse,
#mitte form label.textfeld
                          {
                           float: left;
                           width: 390px;
                           margin: 0;
                           }

#mitte form label.adresse input,
#mitte form label.textfeld input
                                {
                                 float: left;
                                 width: 390px;
                                 padding: 0px;
                                 }



/*Inhalt mittlere Spalte Text und andere Elemente Ende */



/* Schluss mit Float*/

.clear        {
               clear: both;
               }