* { margin: 0;
    padding: 0;}


body { text-align: center;
        background-image: url(images/backgr.jpg);
        background-repeat: no-repeat;
        background-position: top left;
        font-family: verdana, arial, sans serif;
        background-color: #aaa;
        background-attachment:fixed;



      }



#wrapper { text-align: left;
           margin: 40px auto;
           width: 1000px;
           }

#logo {
         position: absolute;
         margin-left: 770px;
         margin-top: 25px;
         z-index: 5;
         width: 200px;
         height: 160px;
         background-image: url(images/logo.png);
         background-repeat: no-repeat;
         background-position: top left;




}

* html #logo {
         background-image: url(images/logo.gif);
         background-repeat: no-repeat;
         background-position: top left;

}

#logo a {
        display: block;
        width: 200px;
        height: 160px;
        border: none;


}

#logo a img { border: none; }

#header  { height: 150px;
           width: 1000px;
           background-image: url(images/header.png);
           background-repeat: no-repeat;
           background-position: top left;}


/* CONTENT */

#content  {
           width: 1000px;
           background-image: url(images/content.png);
           background-repeat: repeat;
           background-position: top left;
       }

* html #content {
           background-image: none;
           background-color: #fff;

}

#content_center {

         width: 700px;
         padding: 15px 10px;
         float: left;


}

* html #content_center {

         width: 680px;
}

#content_inlay {




         min-height: 390px;



}

.content_box {
         float: left;
         width: 330px;
         height: 200px;


}



.content_box img {
         border: none;
}




.content_header {
         height: 30px;

         color: #777;
         padding: 16px 0 0 10px;
         background-color: #eee;
         margin-bottom: 5px;
         background-image: url(images/logo_header.png);
         background-repeat: no-repeat;
         background-position: top right;

         }


* html .content_header {

        width: 680px;
        padding: 16px 10px 0 10px;
}

.content_box_wide {
         font-size: 13px;
         color: #111;
         padding: 10px;
         background-color: #fff;
         padding: 20px;
}

* html .content_box_wide {

         background-color: #fafafa;
         width: 660px;



}

/*MAIN-MENUE*/

#navi {
   padding-top: 92px;

}


#navi ul {
   list-style: none;


}

#navi ul li {
      float: left;
      display: block;
      width: 125px;
      height: 26px;
             }


#navi ul li a{

      display: block;
      float: left;
      width: 118px;
      height: 30px;
      font-size: 12px;
      padding: 6px 0 0 7px;
      text-decoration: none;
      font-weight: bold;

      }

/*Bugfixing IE6 */

* html #navi ul li a {
       height: 20px;

}


/*Bugfixing IE7 */

*+html #navi ul li a  {
       display: inline;

  }



#navi ul .black {
       background-color: #000;

      }

#navi ul .yellow {
       background-color: #fff200;

      }


#navi ul .yellow a {
         color: #000;

}

#navi ul .black a {
        color: #fff200;

}






#navi ul .black a:hover {
        background-image: url(images/pfeil_schwarz.png);
        background-repeat: no-repeat;
        background-position: center bottom;


}

#navi ul .yellow a:hover {
        background-image: url(images/pfeil_gelb.png);
        background-repeat: no-repeat;
        background-position: center bottom;


}

#navi ul .black .active {
        background-image: url(images/pfeil_schwarz.png);
        background-repeat: no-repeat;
        background-position: center bottom;


}

#navi ul .yellow .active {
        background-image: url(images/pfeil_gelb.png);
        background-repeat: no-repeat;
        background-position: center bottom;


}

/*Bugfixing IE6 */

* html #navi ul li a:hover, * html #navi ul .black a:hover, * html #navi ul .yellow a:hover  {
        background-image: none;
        background: #777;
        color: #fff;

}

* html #navi ul li .active, * html #navi ul .black .active, * html #navi ul .yellow .active {
        background-image: none;
        background: #777;
        color: #fff;

}



#navigation ul li .active {}

/* FOOTER */

#footer   {
          width: 1000px;
          height: 130px;
          background-image: url(images/footer.png);
          background-repeat: no-repeat;
          background-position: top left;
}





#footer_navi {
          float: right;
          margin-right: 10px;
          margin-top: 5px;

}

#footer_navi ul {
         list-style: none;
}

#footer_navi ul li {
           color: #777;
           float: left;
           font-size: 16px;
           padding: 0px 10px;
           padding-top: 1px;
}

#footer_navi ul li a {
          color: #777;
          font-size: 12px;
          text-decoration: none;


}

#footer_navi ul li a:hover {
          color: #000;
          text-decoration: none;

}





/*SIDEBAR*/



#sidebar_left {
         width: 250px;

         float: left;
         padding: 15px 0 0 20px;



}






/*SIDEBAR-BOXES*/




.box_header {
          width: 230px;
          height: 14px;
          background-color: #eee;
          padding: 5px 10px;
          margin-bottom: 5px;

}

.box_body {
          background-color: #fff;
          width: 230px;
          padding: 5px 10px;
          margin-bottom: 5px;



}

* html .box_body {

         background-color: #fafafa;

}

.lastbox {
          margin-bottom: 20px;
}

.clear {
         clear: both;
}

/*HEADERS*/

#sidebar_left p {
   display: block;
   font-size: 11px;
   color: #222222;

}


h2 {
     font-size: 13px;
     color: #777;
     font-weight: bold;

}

h3 { font-size: 13px;
     color: #777;
     border-bottom: 1px dotted #777;
     margin-bottom: 5px;
     }


h4 {color: #fff;
   font-size: 13px;}



/* CONTENT TABLES*/

.kart_table tr th, td {
    padding: 10px;
    border-bottom: 1px solid #bbb;
    font-size: 12px;
}

.kart_table tr th {
    background-color: #777;
    color: white:
}

.kart_table tr th h3 {
    color: white;
    }

.kart_table tr th {
    width: 120px;
}

.kart_table tr td {
   padding: 10px 10px;

}

.last {
    border: none;
}


.price_table {
         width: 100%;

}

.price_table tr th, td {
    padding: 10px;
    border-bottom: 1px solid #bbb;
    font-size: 12px;
}

.price_table tr th {
    background-color: #777;
    color: white:
    valign: left;

}

.price_table tr th h3 {
    color: white;
    }


.price_table tr td {
    width: 50%;
    padding: 15px 0;

}





.regeln_table tr th, td {
    padding: 10px;
    border-bottom: 1px solid #bbb;
    font-size: 12px;
}

.regeln_table  tr th {
    background-color: #777;
    color: white:
}

.regeln_table  tr th h3 {
    color: white;
    }

.regeln_table  tr th {
    width: 120px;
}

.regeln_table  tr td ul li {
    margin-left: 10px;
    padding: 5px 0;

}


.training_table tr th, td, .gallery_table tr th {
    padding: 10px;
    border-bottom: 1px solid #bbb;
    font-size: 12px;
}

.training_table  tr th, .gallery_table tr th {
    background-color: #777;
    color: white:
}


.gallery_table {}

.gallery_table tr td {
    background-color: #ddd;
    border: none;

}


.price_table tr td {
    padding-left: 10px;

}


.kart_table tr td a, .price_table tr td a, .training_table tr td a, .gallery_table a, ul li a, #sidebar_left #subnavi .box_body p a, #content_inlay .content_box_wide a {
    color: black;
}

.kart_table tr td a:hover, .price_table tr td a:hover, .training_table tr td a:hover, .gallery_table a:hover, ul li a:hover, #sidebar_left #subnavi .box_body p a:hover, #content_inlay .content_box_wide a:hover {
    color: #ff0000;
}

.kart_table tr th, .price_table tr th, .training_table tr th, .gallery_table tr th {

   text-align: left;

}


/* FORM */

#form_wrapper {
         text-align: center;
        padding-top: 20px;
        width: 145px;
        margin: 0 auto;

}


#form_strasse, #form_plz, #form_stadt {
         border: 1px solid black;
         background-color: lightgrey;
         margin: 0 0 10px 0;
         height: 20px;



}

#form_ {
       width: 150px;

}

#form_plz {
         width: 70px;
         float: left;
}

#form_stadt {}

#form_submit {
         border: none;
         background-color: #1e2046;
         float: left;
         color: white;
         font-size: 10px;
         height: 24px;
         padding: 4px 4px;


}

.form_headline {
         display: block;
         font-size: 10px;
         text-align: left;
         width: 145px;
          float: left;
          color: grey;




}






/* Vertikale Navigation */
  div#Tmenu {
    font-size: 13px;
    width: 230px;
    padding: 0;

  }
  * html div#Tmenu {
    width: 230px;
    padding-bottom: 10px;
    /* (IE 6 in standards-compliant mode) */
  }
  ul#Navigation {
    margin: 0;
    padding: 0;

  }

  ul#Navigation li {
    list-style: none;
    position: relative;
    margin: 0;
    padding: 0 0 5px 0;
  }



  * html ul#Navigation li {
    margin-right:0em;  /* Platz fuer Link-Verbreiterung im IE reservieren */
    margin-bottom:0;

  }

  ul#Navigation li ul {
    margin: 0;
    padding: 0;

  }

  * html ul#Navigation li ul {
    margin: 0;
    padding: 5px 0 0 0;

  }

  *:first-child+html ul#Navigation li ul {
    left: 0;  /* (IE 7 in standards-compliant mode) */
  }
  ul#Navigation li ul li {
    margin: 0;
    padding: 5px 0 0 20px;
  }

  ul#Navigation a, ul#Navigation span {
    display: block;
    width: 224px;

    text-decoration: none;

    padding: 0.2em 1em;

    color: #777;
    background-color: #eee;
  }
  * html ul#Navigation a, * html ul#Navigation span {
    width: 15em;
    w\idth: 15em;  /* (IE 6 in standards-compliant mode) */
  }
  ul#Navigation a:hover, ul#Navigation span, li a#aktuell:hover {
     background-image: url(images/pfeil_rechts.png);
     background-position: center right;
     background-repeat: no-repeat;
     color: white;
    background-color: #777;
  }
  li a#aktuell {
    color: #777;
    background-color: #eee;
  }
  ul#Navigation li ul span {

    color: #777;
    background-color: #eee;
  }
  ul#Navigation li a:active {
    color: black;
    background-color: #eee;
  }

/* dynamisches Ein-/Ausblenden */
  ul#Navigation li ul {
    display: none;
  }

* html  ul#Navigation li ul {
    display:block;
  }

  ul#Navigation li:hover>ul {
    display: block;


  }

* html  ul#Navigation li ul li {
    padding: 0 0 0 20px;
  }

* html  ul#Navigation li ul li {
    padding: 0 0 0 20px;
  }

  ul#Navigation>li:hover>a {
    width: 224px;
    background: #777 url(images/pfeil_rechts.png) no-repeat center right;
    color: white;
  }

/* dynamisches Ein-/Ausblenden der JavaScript-generierten Klasse im IE */
  * html ul#Navigation li.hoverIE {
    margin-right:0px;  /* reservierten Platz freigeben */
    margin-bottom:-1.15em;  /* Fehlerkorrektur, ggfls. anpassen */
  }
  * html ul#Navigation li ul li {
    display: block;
    height: 25px;
  }
  * html ul#Navigation li .hoverIE {
    width: 10.3em;
    height: 20px;
    w\idth: 18.2em;  /* (IE 6 in standards-compliant mode) */
    background: #e00 url(pfeil.gif) no-repeat center right;
  }