/* CSS Document pixel8*/

body {
  text-align: left;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #777;
  margin: 0px;
  background-image: url(../images/bg_haupt_l.gif);
  background-color: #a7a7a7;
}

 



a img {
  border: none;
}

a {
  color: #777;
}

#haupt {
  width: 900px;
  margin:auto;
  text-align: left;
  
  -moz-box-shadow: 8px 8px 8px #666;
  -webkit-box-shadow: 8px 8px 8px #666;
 box-shadow: 8px 8px 8px #666;
 
   

}

.fehler {
  color: red;
}

h4 {
  font-size: 14px;
  font-weight: normal;
  color: black;
}

#head {
  background: url(../images/image.jpg);
  height: 314px;
}

#flash {
  background-color: black;
  background-image: url(../images/bg_flash.gif);

}

.galerie {
  margin-left: 204px;
  text-align: center;
  background-color: #555;

}

/*

#bildergal img {
  float: left;
  margin-right: 9px;
}

*/


.logo {
  display: block;
}

#logo {
  position:absolute;

	top:0px;
}

h2 {
  font-size: 1em;
  color: #222;
}

.autor {
  font-size: 0.9em;
  color: #111;
  font-style: italic;
}

.zusatz {

  font-size: 0.9em;
}



/* Navigation */

#nav 
{
   position:absolute;
	top:63px;
	width:204px;
	
	filter: alpha(opacity=70); 
   -moz-opacity: 0.7; 
	-kthml-opacity: 0.7;
	-o-opacity: 0.7;
   opacity: 0.7;
}

#nav a /*:link, #nav a:visited*/ 
{ 
   position:relative;
   padding: 5px 84px 5px 12px;
	text-decoration: none;
	color: white;
	font-variant: small-caps;
   /*border-bottom: 1px solid #666; */
   border-bottom: 1px solid #777;
   display: block;
   /* background-color: #444; */
   background-color: #5a5a5a; /* passend zur Änderung des Balken unten */
}

/* #nav a:hover, #nav a:active, #nav a.aktiv:hover, #nav a.aktiv:active, #nav a.aktiv:link, #nav a.aktiv:visited */
#nav a.aktiv , #nav a:hover 
{
   background-image: url(../images/nav_pfeil.gif);
   background-repeat: no-repeat;  
}

#nav a.noChildren
{
   background-image: none;
}

#nav a.aktiv
{
	color: #ccc;
   background-color: #444;
}

   
#nav a:hover, #nav a:active:hover
{
   color: #ddd;
   background-color: #222;
}

#nav a.home:link, #nav a.home:visited, #nav a.home:active {
	color: white;
   background-image: none;
}

#nav a.home:hover 
{
  background-image: none;
}
       

      
/* Subnavigation */

#nav ul {
  filter: alpha(opacity=100); 
  -moz-opacity: 1.0; 
	-kthml-opacity: 1.0;
	-o-opacity: 1.0;
  opacity: 1.0;
}

#nav ul li
{
  background-color: black;
  border-bottom: 1px solid #222;
  list-style: none;
}

#nav ul a:link, #nav ul a:visited 
{
   padding: 2px 0 2px 22px;
   margin: 0px;
   text-decoration: none;
	color: yellow;
	font-variant: small-caps;
	width: 182px;
   border-bottom: 0px;
   display: block;
   background: none;
}


#nav ul a:hover, #nav ul a:active 
{
	background: none;
	/*padding: 2px 0 2px 24px;
   margin: 0px;*/
   color: #FFE;
   width: 180px;
   /* background-color: #333; */
   background-color: #444;
}

.standort {
  clear: both;
  padding-top: 10px;
  font-size: 11px;
  }

.bclear {
  clear: both;
  margin-left: 180px;
  margin-top: 10px;
}

#balken {
  height: 8px;
  width: 900px;
  background: url(../images/bg_balken.gif);

}

#mitte {
  background: url(../images/bg_content_l.png);
  width: 900px;
}

#fuss {
  width: 900px;
  background: url(../images/bg_balken.gif);
  clear: both;

}

address {
  font-size: 10px;
  font-style: normal;
  padding: 6px 0px 6px 20px;
  color: #ccc;
}

address span {
  margin-left: 50px;
  color: #555555;
}

address span a:link, address span a:active, address span a:visited {
  color: #555555;
  text-decoration: none;
}

address span a:hover {
  color: #000;
  text-decoration: none;
}

#news {
  float: left;
  width: 165px;
  padding: 35px 10px 35px 18px;
}

#content {
  float: left;
  width: 590px;
  margin: 35px 35px 50px 54px;
  font-size: 12px; /* 0.9em; */
}

#content2 {
  float: left;
  width: 618px;
  height: 265px;
  overflow: auto;
  margin: 35px 0 50px 54px;
  padding-right: 35px;
  font-size: 0.9em;
}

.absatz {
  margin-top: 20px;
}

p {
  margin: 0;
  padding: 0;
  margin: 10px 0 10px 0;
}

h1 {
  font-family: Arial, Helvetica;
  margin: 0;
  padding: 0;
  margin-bottom: 16px;
  color: #222;
  font-size:16px;
  font-weight: normal;
}

#content label {
	display: block;
	font-size: 10px;
}


ul {
  margin: 0;
  padding: 0;
}

li {
  margin: 0;
  padding: 0;
}
/*
#content h1 {
  font-size: 1.1em;
  color: black;
} */

#content ul li {
  list-style-image: url(../images/list_pfeil.gif);
  margin: 0 0 5px 13px;
}

#content ul li span {
  color: black;
}

#news {
  font-size: 10px;
}

#news a:link, #news a:active, #news a:visited {
  color: #999;
}

#news a:hover {
  color: #777;
}


/* Anfrageformular*/

#formular label {
					display: block;
					float: left;
					width: 90px;
}

#formular p {
					clear: left;
					}
					
.imp {
  font-size: 10px;
}

.feld input, .feld textarea {
  color: #333;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 0.95em;
  width: 250px;
  overflow: auto;
  border: 1px solid #999;
}

.button input {
  border: 1px solid #999;
  color: #555;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 0.95em;
  background: #ccc;
  cursor: pointer;
  margin-right: 10px;
}



.rechts {
  float: right;
  width: 200px;
}

.losch {
  clear: both;
  padding-top: 10px;
}

.links {
  float: left;
  width: 300px;
}



.schwarz {
  color: black;
}

.abstand {
  padding-top: 10px;
  color: black;
}



/* Galerie groß */

   a.lightbox
   {
      display:block; 
      float:left; 
      width:112px; 
      height:80px; 
      padding:5px 5px 20px 5px;
      margin-right:20px;
      margin-bottom:10px;
      text-align:center;
      
      background-color: #fff;
      border: 1px solid #999;
      
   }
   
   a.hid
   {
      display:none;
   }
   
   a.lightbox:hover
   {
      background-color: #444;
      border: 1px solid #444;      
      
   }
      
   
   a.lightbox div
   {
      width:112px;
      height:80px;
      
      background-repeat:no-repeat;
      background-position:center center;
      

   }
      
/* Galerie klein */

   a.lightboxkl
   {
      padding: 2px;
      margin-right:2px;
      margin-bottom:2px;
      width:50px;
      height:40px;
   }
   
   a.lightboxkl div
   {
      width:50px;
      height:40px;
   }