/*** CSS Code  für die Homepage ***/
/***Druckversion***/

/* Box-Modell mit drei Spalten; Mitte fluid
Quelle: www.alistapart.com/articles/holygrail */


body {
			min-width: 740px;         /* 2 x (LC fullwidth + CC padding) + RC fullwidth */
		    font-family: arial, hevetica, sans-serif;
		}

		#container {
			padding-left: 0px;      /* LC fullwidth */
			padding-right: 0px;     /* RC fullwidth + CC padding */
		}
		
		#container .column {		/*** Anweisung für beide div container und class column ***/
			position: relative;
			float: left;
		}
		
		#center {
			margin-top: 10px;
			padding:0px;       /* CC padding */
			width: 100%;
		}
		
		#left {display: none}
					
		#right {display: none}
			
		
		#footer {	clear: both;		}
		
		/*** IE Fix ***/
		* html #left {
			left: 0px;              /* RC fullwidth */
		}

		/*** Equal-height Columns ***/

		#container {
			overflow: hidden;
			font-size:1.1em;
		  }

		#container .column {
			padding-bottom: 1001em;     /* X + padding-bottom */
			margin-bottom: -1000em;     /* X */
		}

		/*** Footer Fix ***/

		* html body {
			overflow: hidden;
		}
		
		* html #footer-wrapper {
			float: left;
			position: relative;
			width: 100%;
			padding-bottom: 10010px;
			margin-bottom: -10000px;
			background: #DDD;         /*** Same as body background ***/
		}

		body {
			margin: 0;
			padding: 0;
			background: #FFFFFF;
		}
 
 /*** pro Seite einen identischen header stylen aber mit verschiedenen Bildern ***/

	#header1 {				/*startseite*/
			text-align: center;
			padding:0.3em 0;
            height: 225px;
			font-size: large;
            background: #e9f4e2;
			background-attachment: fixed; 
            background-image: url(bilder/nebel.jpg);
			background-repeat: no-repeat; 
			background-position: left top; 
			margin-bottom:1px;
			}      

       #header2 {		/*loesung*/
			text-align: center;
			padding: 0.3em 0;
            height: 225px;
			font-size: large;
            background: #e9f4e2;
			background-attachment: fixed; 
            background-image: url(bilder/kiwi.jpg);
			background-repeat: no-repeat; 
			background-position: left top; 
			margin-bottom:0px;
            }
			
	 #header3 {  	/*workshop*/
			text-align: center;
			padding: 0.3em 0;
            height: 225px;
			font-size: large;
            background: #e9f4e2;
			background-attachment: fixed; 
            background-image: url(bilder/jochim.jpg);
			background-repeat: no-repeat; 
			background-position: left top; 
			margin-bottom:0px;
			}

 #header4 {  	/*termine*/
			text-align: center;
			padding: 0.3em 0;
            height: 225px;
			font-size: large;
            background: #e9f4e2;
			background-attachment: fixed; 
            background-image: url(bilder/sued.jpg);
			background-repeat: no-repeat; 
			background-position: left top; 
			margin-bottom:0px;
			}

 #header5 {  	/*Quartiere*/
			text-align: center;
			padding: 0.3em 0;
            height: 225px;
			font-size: large;
            background: #e9f4e2;
			background-attachment: fixed; 
            background-image: url(bilder/tmauer.jpg);
			background-repeat: no-repeat; 
			background-position: left top; 
			margin-bottom:0px;
			}

      #header6 {		/*ergebnisse*/
			text-align: center;
			padding: 0.3em 0;
            height: 225px;
			font-size: large;
            background: #e9f4e2;
			background-attachment: fixed; 
            background-image: url(bilder/blatt.jpg);
			background-repeat: no-repeat; 
			background-position: left top; 
			margin-bottom:0px;
			}

   #header7 {		/*nn*/
			text-align: center;
			padding: 0.3em 0;
            height: 225px;
			font-size: large;
            background: #e9f4e2;
			background-attachment: fixed; 
            background-image: url(bilder/luftig.jpg);
			background-repeat: no-repeat; 
			background-position: left top; 
			margin-bottom:0px;
			}

#header8 {		/*nn*/
			text-align: center;
			padding: 0.3em 0;
            height: 225px;
			font-size: large;
            background: #e9f4e2;
			background-attachment: fixed; 
            background-image: url(bilder/wasserfall.jpg);
			background-repeat: no-repeat; 
			background-position: left top; 
			margin-bottom:0px;
			}

#header9 {		/*nn*/
			text-align: center;
			padding: 0.3em 0;
            height: 225px;
			font-size: large;
            background: #e9f4e2;
			background-attachment: fixed; 
            background-image: url(bilder/braun2.jpg);
			background-repeat: no-repeat; 
			background-position: left top; 
			margin-bottom:0px;
			}


#header10 {		/*downloads*/
			text-align: center;
			padding: 0.3em 0;
            height: 225px;
			font-size: large;
            background: #e9f4e2;
			background-attachment: fixed; 
            background-image: url(bilder/neblig.jpg);
			background-repeat: no-repeat; 
			background-position: left top; 
			margin-bottom:0px;
			}


 #header11 {			/*galerie*/
			text-align: center;
			padding: 0.3em 0;
            height: 225px;
			font-size: large;
            background: #e9f4e2;
			background-attachment: fixed; 
            background-image: url(bilder/barok.jpg);
			background-repeat: no-repeat; 
			background-position: left top; 
			margin-bottom:0px;
			}

#header12 {			/*mich*/
			text-align: center;
			padding: 0.3em 0;
            height: 225px;
			font-size: large;
            background: #e9f4e2;
			background-attachment: fixed; 
            background-image: url(bilder/klex.jpg);
			background-repeat: no-repeat; 
			background-position: left top; 
			margin-bottom:0px;
			}

#header13 {			/*Infrastruktur*/
			text-align: center;
			padding: 0.3em 0;
            height: 225px;
			font-size: large;
            background: #e9f4e2;
			background-attachment: fixed; 
            background-image: url(bilder/braun.jpg);
			background-repeat: no-repeat; 
			background-position: left top; 
			margin-bottom:0px;
			}


#header14 {			/*Kontakt*/
			text-align: center;
			padding: 0.3em 0;
            height: 225px;
			font-size: large;
            background: #e9f4e2;
			background-attachment: fixed; 
            background-image: url(bilder/hof.jpg);
			background-repeat: no-repeat; 
			background-position: left top; 
			margin-bottom:0px;
			}


#header15 {			/*galeriex*/
			text-align: center;
			padding: 0.3em 0;
            height: 225px;
			font-size: large;
            background: #e9f4e2;
			background-attachment: fixed; 
            background-image: url(bilder/yosimiti.jpg);
			background-repeat: no-repeat; 
			background-position: left top; 
			margin-bottom:0px;
			}

#header16 {  		/*lnn*/
			text-align: center;
			padding: 0.3em 0;
            height: 225px;
			font-size: large;
            background: #e9f4e2;
			background-attachment: fixed; 
            background-image: url(bilder/wurzel.jpg);
			background-repeat: no-repeat; 
			background-position: left top; 
			margin-bottom:0px;
			}

#header17 { /*impressum*/ 		
			text-align: center;
			padding: 0.3em 0;
            height: 225px;
			font-size: large;
            background: #e9f4e2;
			background-attachment: fixed; 
            background-image: url(bilder/fund.jpg);
			background-repeat: no-repeat; 
			background-position: left top; 
			margin-bottom:0px;
			}

 #footer {
           background: #a4c193;
		   font: bold 14px Verdana, sans-serif ;
           text-align: center;
		   padding: 0.3em 0;
           color: #5f5f5c;	
            }

	

		#container .column {
			padding-top: 5px;
			text-align: justify;
		   }

#navlist {display:none;
                      }

#navlist li {display:none;
             
              }


#navlist2 {display:none;
           
           }


#navlist2 li {display:none;
              
              }


#galerie{
			  width: 90%;
			  align:left;
              list-style: none;
              padding: 10px;
              border: 1px solid;
              border-color: #70908F;
              text-align: left;
              background: #C5CBC7;

              }


#titel 
          {
		 font-size: 0.8em; 
		 color: #5f5f5c;
          }

#map24
          {
       	  float:right;
          margin-left: 0px;
		  margin-top: 40px;
		  margin-bottom: 20px;
	      margin-right:0px;
		   }


#logo    /** positioniert Logo am unteren Rand des Kopfes **/
   {
   float: right;
   margin: 5px 10px 20px 0px; 
   }

.varbild /** Bilder im Fliesstext **/
   {display:none;
   float: right;
   margin-top:5px;
   margin-bottom:5px;
   margin-left:15px;
   }

.linksbild   /** Bilderleiste links **/
      {display:none;
      float: left;
      margin: 5px 0px;
      }


.gbild /** Bilder auf Galerieseite **/
   {display:none;
   float: right;
   margin-top:5px;
   margin-bottom:5px;
   margin-left:0px;
   }



.gal /** Bilder in Galerie **/
   {
   float: right;
   margin-top:5px;
   margin-bottom:5px;
   margin-left:0px;
   }


.beschr /** Beschreibung auf einzelnen Galerieseiten **/
   {
   float: left;
   margin-top:5px;
   margin-bottom:5px;
   margin-left:5px;
   }



/*** Tabellen-Styling ***/

#kurse
     {
	 width: 98%;
	 border-collapse: collapse;
     border-style: solid;
     border-width: 2px;
	 border-color:  #363636;
     background: #c7e3b6;
     color: black;
	 font-size: 0.9em;
	 font-weight: bold;
     cellspacing:3px;
     rules: groups;
	  } 

thead
  {
  border: 3px solid black;
  font-size: 1em;
 background:#a4c193;
  } 

tbody 
 {
  font-size: 0.8em;
  } 

th, td
{
  border: 1px solid black;
  padding: 8px;
}