@charset "utf-8";
/* CSS Document */

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

/* 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: 220px;      /* LC fullwidth */
			padding-right: 260px;     /* RC fullwidth + CC padding */
		}
		
		#container .column {		/*** Anweisung für beide: div container und class column ***/
			position: relative;
			float: left;
		}
		
		#center {
			margin-top: 10px;
			padding: 0 20px;       /* CC padding */
			width: 100%;
		}
		
		#left {
			margin-top: 10px;
            width: 220px;             /* LC width */
			padding: 0 10px;          /* LC padding */
			right: 260px;             /* LC fullwidth + CC padding */
			margin-left: -100%;
		}
		
		#right {
			margin-top: 10px;
			width: 210px;             /* RC width */
			padding: 0 5px;          /* RC padding */
			margin-right: -260px;   /* RC width + CC padding */
		}
		
		#footer {
			clear: both;
		}
		
		/*** IE Fix ***/
		* html #left {
			left: 220px;              /* RC fullwidth */
		}

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

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

		#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: #e9f4e2;
		}
 
 		
		/*		
		/  HEADER DOKUMENTATION 
		/  Der header wird absolut mit folgender id (#header) umfasst.
		/  Das Hintergrundbild wird lokal in der .php-datei mit dem Style-Attribut definiert.
		/  <div id="header" style="background-image:url(bilder/xxxx.jpg);"> 
		*/

	#header {
			text-align: center;
			padding:0.3em 0;
            height: 225px;
			font-size: large;
            background: #e9f4e2;
			background-attachment: fixed; 
			background-repeat: no-repeat; 
			background-position: left top; 
			margin-bottom:1px;
			} 


 #footer {
           background: #c7e3b6;
		   font: bold 14px Verdana, sans-serif ;
           border: 1px solid;
           border-color: #70908f;
           text-align: center;
		   padding: 0.3em 0;
           color: #00240D;	
            }

		#left {
			background: #e9f4e2;
		    }

		#center {
			background: #e9f4e2;
		    }

      		#right {
			background: #e9f4e2;
		    }

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

#navlist {
           padding: 1px;
           margin-left: 0;
           font: 13px Verdana, sans-serif ;
           background: #c7e3b6;
           width: 14em;
           }

#navlist li {
              list-style: none;
              margin: 0;
              padding: 0.25em 1em;
              border: 1px solid;
              border-color: #e9f4e2;
              text-align: left;
              background: #c7e3b6;
              }
			  
#navlist li.li_header {
              list-style: none;
              margin: 0;
              padding: 0.25em 1em;
              border: 1px solid;
              border-color: #e9f4e2;
              text-align: left;
              background: #AAD590;
              }

#navlist li a { text-decoration: none; }
#navlist li a:link { color: black; }
#navlist li a:visited { color: #5f5f5c; } 
#navlist li a:hover { color: #007600; background: #eefff5; }


#navlist2 {
           padding: 0.4em;
           margin-left: 0;
		   margin-top:30px;
           font: bold 14px Verdana, sans-serif ;
           border: 1px solid;
           border-color: #70908f;
           background: #c7e3b6;
		   }


#navlist2 li {
              list-style: none;
              display: inline;
			  margin-right:10px;
              padding: 0.25em;
              border: 1px solid;
              border-color: #e9f4e2;
              text-align: right;
              background: #c7e3b6;
              }

#navlist2 li a { text-decoration: none; }
#navlist2 li a:link { color: black; }
#navlist2 li a:visited { color: #5f5f5c; } 
#navlist2 li a:hover { color: #007600; background: #eefff5; }


#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
          {
		   margin-top: 20px;
		  margin-bottom: 20px;
		  }


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

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

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


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

a.plink {color: #007600; text-decoration:none;}
a.plink:hover {color: #00C200; text-decoration:none;}


/* Bilder in Galerie */

.gal 
   {
   float: right;
   margin-top:5px;
   margin-bottom:5px;
   margin-left:5px;
   }

#success_msg
{
	background-color:#00FF66;
	border: 1px #00CC66 solid;
	width:100%;
	height:15px;
	text-align:center;
	font: Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#006600;
}

#font1
{
	font: bold 13px Verdana, sans-serif ;
}