html, body {
height: 100%;
margin: 0;
padding: 0;
}

body {
	background-color: #fff;
	color: #039;

}

#header a, #content a:visited             {

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

#header a:hover      {
                   color: #ff9f00;
                   background-color: transparent;
                   font-weight: normal;
                   text-decoration: underline;
                   border:none;
}

#container {
	margin:0;
	width:1100px;
	text-align:left;
	padding:14px 0 0 0;
}


/* Kopf */


#header {


             background-color: transparent;
             padding:0 0 15px 14px;
             width: 990px;

            }

/* 1. Zeile Kopfbereich Logo  */


#zeile1 {
          padding:0;
          margin:0;
          font-size:12px;

          }

.flieger
            {
            float: left;
             margin: 0;
             padding:0;
             }

/*Suche nach Farben*/



 .logo
             {
             float: right;
             margin:0;
             padding:24px 0 0 0;
             }




/* 2. Zeile Kopfbereich Warenkorb Kopfmenü  */



#zeile2 {
          padding:0;
          margin:15px 0 0 0;
          }

.kopftext
             {
             text-align: justify;
             color: #006699;
             font-family: arial, sans-serif,  verdana ;
             font-size: 12px;
             font-weight:normal;
             padding:0 0 0 6px;
             }
.bold        {
          font-weight:bold;
          }



/* 3.Zeile  Suche und Farbauswahl  */



#zeile3 {
          padding:5px 14px 20px 0;
          margin:0;
          font-size:12px;

          }

#zeile3 .icons  a img {
         border:none;

          }


/*Suche*/



.step {
        float: left;
        padding:0 24px 0 0;

        }

 .icons
       {
       float: left;
       width: 202px;
       padding: 0 0 0 0;
       cursor:pointer;
       }

  .icons1
       {
       float: left;
       width: 202px;
       padding: 0 0 0 0;

       }

 .verttrenner
        {
       float: left;
       padding: 0 0 0 18px;

       }


/* Seitenaufbau - Kopf ENDE*/




/* Seitenaufbau - Navigation Start*/


#navigation {
position: relative;
padding:5px 0 0 14px;
width: 270px;
float: left;
background-color: #fff;
}

/* Hauptnavigation: */


#navMenu ul {
list-style: none;
margin: 0;
padding:0;
}
#navMenu {
width: 255px;


}
#navMenu li {
display:inline;

}

/* menu */
#navMenu li a:link, #navMenu li a:visited {
font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
text-decoration: none;
font-size: 13px;
font-weight: bold;
color: #006699;
display: block;
background: url(bilder/button_s.gif);
background-position: 0px 0px;
background-repeat: no-repeat;
height:24px;
margin:6px 0;
padding:4px 10px;
}

#navMenu li a:hover {
color: #006699;
background: url(bilder/button.gif);
background-position: 0px 0px;
background-repeat: no-repeat;
height:24px;
margin:6px 0;
}

#navMenu li.auswahlnav a {
background: url(bilder/button.gif);
background-position: 0px 0px;
background-repeat: no-repeat;
color: #006699;
text-decoration: none;
}

/* subMenu */
#navMenu li li a:link, #navMenu li li a:visited {
font-weight: normal;
color: #006699;
background: transparent;
padding: 0 0 0 10px;
}

#navMenu li li a:hover {
color: #ff9f00;
background: transparent;
padding: 0 0 0 10px;
}

#navMenu li li.auswahlnav1 a {
color: #ff9f00;
background: transparent;
padding: 0 0 0 10px;
}
/* Hauptnavigation ENDE*/

/* Navi2 */



#kopfnavi {

           float: left;
           font-family: arial, sans-serif,  verdana ;
           font-size: 12px;
           font-weight:bold;
           padding: 15px 0 15px 0;
           }

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

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


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

#kopfnavi ul li.letzter a      {

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

}

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

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

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

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

#kopfnavi ul li.auswahltop a {

                              color: #ff9f00;
                              background-color: transparent;

                              }

 #kopfnavi ul li.auswahltop1 a {

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

                              }


/* Navi2 ENDE */

/* Start Content */

#content
{
	position: relative;
	width:685px;
	float: left;
	background-color: #fff;
	padding:5px 0 75px 0;
	margin-left:17px;



}

.bgrechts{
            background-image:  url(bilder/bg202_slimbelly1.jpg);
            background-position: 0px 0px;
            background-repeat: no-repeat;
            width:182px;
            padding: 5px 10px;
            border: solid 1px #009F00;
            margin: 0 0 10px 0;
}


/* Inhalte*/


/* Die horizontale Linie*/

.trenner   {
            background: #fff;
            margin:10px 0px;
            padding: 0;
            height: 2px;
            width: auto;
            background-image:  url(bilder/hr.gif);
            background-position: 0px 0px;
            background-repeat: repeat-x;
            }

/* Überschrift und Absatz*/

h1             {
               font-family:arial,verdana,helvetica,sans-serif;
               color: #A0410D;
               background-color: transparent;
               font-size: 20px;
               font-weight: bold;
               text-align: left;
               margin:0;
               padding:10px 0 5px 0;
               }


h2             {
               font-family:arial,verdana,helvetica,sans-serif;
               color:#4f4f4f;
               background-color: transparent;
               font-size: 16px;
               font-weight: bold;
               text-align: left;
               margin:0;
               padding:5px 0;
               }


h3             {
               font-family:arial,verdana,helvetica,sans-serif;
               color:#006699;
               background-color: transparent;
               font-size: 16px;
               font-weight: bold;
               text-align: left;
               margin:0;
               padding:5px 0 15px 0;
               }


h4             {
               font-family:arial,verdana,helvetica,sans-serif;
               color:#006699;
               background-color: transparent;
               font-size: 13px;
               font-weight: bold;
               text-align: left;
               margin:0;
               padding:5px 0 15px 0;
               }


h5             {
               font-family:arial,verdana,helvetica,sans-serif;
               color:#6f6f6f;
               background-color: transparent;
               font-size: 12px;
               font-weight: bold;
               text-align: left;
               margin:0;
               padding:0 0 10px 0;
               line-height:20px;
               }

h6             {
               font-family:arial,verdana,helvetica,sans-serif;
               color:#5F9366;
               background-color: transparent;
               font-size: 15px;
               font-weight: bold;
               text-align: left;
               margin:0;
               padding:5px 0 15px 0;
               }

h7             {
               font-family:arial,verdana,helvetica,sans-serif;
               color:#5F9366;
               background-color: transparent;
               font-size: 13px;
               font-weight: bold;
               text-align: left;
               margin:0;
               padding:5px 0 15px 0;
               }



p              {
                font-family:arial,verdana,helvetica,sans-serif;
                color:#6f6f6f;
                background-color: transparent;
                font-size: 12px;
                line-height:22px;
                text-align: left;
                margin:0 0 10px 0;
                padding:0;
                }

.rechtstext  {
              color:#000;
              padding:0;
              margin:0;
              background: transparent;

              }

.gross          {
               font-family:arial,verdana,helvetica,sans-serif;
               color: #A0410D;
               background-color: transparent;
               font-size: 12px;
               font-weight: bold;
               text-align: left;
                 }
.gross1          {
               font-family:arial,verdana,helvetica,sans-serif;
               color: #A0410D;
               background-color: transparent;
               font-size: 12px;
               line-height:22px;
               font-weight: bold;
               text-align: left;
                 }

.gross2        { font-family:arial,verdana,helvetica,sans-serif;
               color: #000;
               background-color: #fff;
               font-size: 11px;
                font-weight: bold;
                }
.gross3        { font-family:arial,verdana,helvetica,sans-serif;
               color: #000;
               background-color: #fff;
               font-size: 11px;
                font-weight: bold;
                }

.weiss        { font-family:arial,verdana,helvetica,sans-serif;
               color: #fff;

                }



.klein           { font-family:arial,verdana,helvetica,sans-serif;
               color: #000;
               background-color: #fff;
               font-size: 6px;

                }


span             {
                     padding:0;
                     margin:0;
                     }

.herbst           {
	color: #006699;
	font-size: 13px;
                   }


.herbstgross      {
	color: #006699;
	font-size: 13px;
	font-weight: bold;
                   }


.spezial         {
	font-family:arial,verdana,helvetica,sans-serif;
	color: #A4C303;
	text-align:left;
	font-size: 14px;
	font-weight: bold;


                  }


.floatl
               {
               float: left;
               padding:0;
               border: none;

                }

/* Schluss mit Float*/


.clear        {
               clear: both;
               }

div.clear {
clear:both;
}

/*Tabellen*/


.tabelle {

            padding:30px 0 10px 0;


            }

table {


width: 689px;
background: #006699;


}

th {
font-family:arial,verdana,helvetica,sans-serif;
font-size: 11px;
color:#333;
background: #fff;
border: 2px;
padding: 8px; }

td{
	font-family:arial,verdana,helvetica,sans-serif;
	font-size: 11px;
	color:#333;
	background: #fff;
	border: 2px;
	padding: 8px;
	text-align: right;
}

caption {
	font-family:arial,verdana,helvetica,sans-serif;
	font-size: 11px;
	font-weight: bold;
	color:#fff;
	padding: 5px;
	background-color: #006699;
	border-top-width: 2px;
	border-right-width: 2px;
	border-bottom-width: 0px;
	border-left-width: 2px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: ridge;
	border-left-style: solid;
	border-top-color: #006699;
	border-right-color: #006699;
	border-bottom-color: #006699;
	border-left-color: #006699;


}

.flaeche{
        background: #E6F7FF;
         }

.flaeche1{
        background: #E6F7FF;
        font-family:arial,verdana,helvetica,sans-serif;
font-size: 12px;
font-weight: bold;
         }

.flaeche2{
     color: #fff;

         }

.flaeche3{
        background: #E6F7FF;
        font-family:arial,verdana,helvetica,sans-serif;
font-size: 12px;

         }

.kursplan {
font-family:arial,verdana,helvetica,sans-serif;
font-size: 11px;
font-weight: normal;
}



/*Tabellen 2*/

.tabelle2 {
	width: 250px;
	background-color: #006699;


}



.tabin {
border: 2px;
font-family:arial,verdana,helvetica,sans-serif;
font-size: 12px;
color:#6f6f6f;
background: #fff;
border: none;
padding: 0;
}


.tabelle3 {
	width: 320px;
	background: #006699;

}




/* Formular Beispiel */

#mitteform  {font-family:arial,verdana,helvetica,sans-serif;
             font-size: 12px;
             font-weight: normal;
             color:#6f6f6f;
             background: #fff;
             margin:20px 0 15px 0;
             padding: 0;
             }



#content form {
             width: 400px;
             text-align: left;
             }

#content fieldset {
                 margin: 0;
                 border: 0;
                 padding: 10px;
                 }

#content legend {
               display: none;
               }



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

#content form input {
                   display: block;
                   margin-top: 10px;
                   }

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

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


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

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


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

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






.olm {

                font-size: 11px;
                }






/*Inhalt Startseite*/




/*2er Block für Bilder: Bilder bekommen feste Breite 354px. Die Höhe muß bei beiden Bildern identisch sein*/

.start2l  {
              float: left;
              padding: 0 10px 0 0;
              }

.start2r   {
              float: right;
              padding: 0;
              }

/*3er Block für Bilder: Bilder bekommen feste Breite 236px. Die Höhe muß bei allen drei Bildern identisch sein*/

.start3l  {
              float: left;
              width:250px;
              padding:0;
              margin:6px 12px 6px 0;
              background: #fff;

              }

.start3r   {
              float: right;
              width:202px;
              padding:0 0 0 10px;
              margin:0;


              }


   /*2er Textblock Breite fix, Höhe flexibel*/


.starttext2l  {
	float: left;
	width:441px;
	padding:0;
	margin:0;
	background: transparent;

              }

.starttext1l  {
              float: left;
              width:300px;
              padding:0;
              margin:0;
              background: #fff;

              }

.starttext3l  {
              float: left;
              width:200px;
              padding:0;
              margin:0;
              background: #fff;

              }

.starttext2r   {
              float: left;
              width:354px;
              padding:0;
              margin:6px 0 6px 0;
              background: #fff;

              }




 /*3er Textblock Breite fix, Höhe flexibel*/

.starttext3l  {
	float: left;
	width:228px;
	padding:0;
	margin:6px 20px 6px 0;
	background: #fff;

              }

.starttext3r   {
              float: left;
              width:228px;
              padding:0;
              margin:6px 0 6px 0;
              background: #fff;

              }

/* Bilder ohne Rahmen auf der Startseite*/

.start3l, .start3r, .start2l, .start2r, .start

            {

           border: none;

                     }


/*Seite Artikelauswahl Galerie Bilder*/





.galerie   {
              float: left;
              width:330px;
              border-top: 1px dotted #A0410D;
              padding:20px 0;
              margin-right:71px;
              background: #fff;

              }


.galerierechts   {
              float: left;
              width:330px;
              border-top: 1px dotted #A0410D;
              padding:20px 0;

              background: #fff;

              }

  .galeriebild   {
                 float: left;
                 margin:0;
                 background: #fff;

              }


 .galerietext {

              float: left;
              margin:0;
              padding: 0 0 0 10px;
              background: #fff;

              }

/*Seite Artikelauswahl Galerie Bilder ENDE*/



/*Seite Artikel*/


.artikel     {

              margin:0;
              padding:5px 0 0 0;
              background-color: #fff;


}
.artikelbild
               {

                margin:0;
                padding:0 0 10px 0;


                }

.artikeltext
               {
               float: left;
               margin:0 0 0 40px;
               padding:0;
               border: none;

                }


 .abstandtext  {

               margin-top:30px;
               border: none;
                }

  .thumbnail   {

              float: left;
              margin:0 8px 30px 0;
              background: #fff;

              }


.beschreibung              {
                font-family:arial,verdana,helvetica,sans-serif;
                color:#6f6f6f;
                background-color: transparent;
                font-size: 12px;
                line-height:22px;
                text-align: left;
                margin:0;
                padding:0;
                }







/* Bilder mit Rahmen*/

#content a img {

                border: none;
                }

#content img  {

                border: none;
                }

#content .noborder img{border: none;}

/* Hier ganz zum Schluss der Footer*/


#footer {
position: relative;
border-top: 1px dotted #006699;
background-color: #fff;
margin:0 14px;
padding:0 0;

}