body, html { 
top:0; left:0; right:0;bottom:0;
height:100%;
margin:0;
padding:0;
width:100%;
 }


body {
	background-color: black;
       	color: white;
	font-family: Arial,Helvetica;
	font-size: medium;
	position; absolute;
 }


#header {
	color: black;
/*	z-index: 2;  */
       	background-color: white;
       	background-image: url(hgtg1.gif);
	height: 120px;
	top: 0;
	left: 0;
	right: 0;
	    margin:0;
	        padding:0;

}

#content {
			/*	z-index: 2 ; 
	margin-left: 185px;*/
	width: 800px;
	position: absolute;
	margin-top: 20px;
	margin-left: 180px;
	float: left;
	background-color: black;
	color:white;
}

#content a:link { color:#FF9900; }
#content a:visited { color:#FF9900; }
#content a:active { color:#FF9900;  }

.content {
			/*	z-index: 2 ; 
	margin-left: 185px;*/
	width: 800px;
	position: absolute;
	margin-top: 20px;
	margin-left: 180px;
	float: left;
	background-color: black;
	color:white;
}

.content a:link { color:#FF9900; }
.content a:visited { color:#FF9900; }
.content a:active { color:#FF9900;  }

a img, a:link img { border: none; }

.news img { height: 40px; }

.validated img{
 bottom: 20px;
}

.leftbar {
	float: left;
       	background-image: url(hg3.gif);
       	background-color: white;
	color: black;
	top:120px;
	left:0;
	bottom:0;
	    margin:0;
	        padding:0;
}


/* 		
HIER KONZERT ANKÜNDIGUNGEN EINGEBEN, erscheint im Header neben dem Logo
   Muss in iner Zeile stehen. Bei bedarf einfach ganze newsbar-definition kommentieren 
			.newsbar { text-decoration: blink; font-size: large; font-family: Arial, Helvetica; position:absolute; left:350px; top:42px; color: black ; background-color: white; border:none; } 
			.newsbar table:before { content:"Nächstes Konzert: Mittwoch, 12. Mai 2010 20.30h, Musicpark LIVE Maulbronn"; }
 */	
	

/* Ende Newsbar */

		
			.movelogo img {
			padding-top:21px;
}

.top {font-family: Arial,Helvetica;
      font-size:small;
      color:black;
      }

      /* left from old site
      span{color:black; 
   font-family:Arial,Helvetica;}
.s{font-size:small;}
.i{font-style:italic;}
.b{font-weight:bold;}
*/



			.menu, .leftbar {
				width: 165px;
			}
			.menu {
			       	background-image: url(hg3.gif);
		/*		position: absolute;
				margin-left: 20px;
				top: 140px;
				background: #eee;
			       	background-color: white;
				overflow: auto;
 */
				/*width: 80px;*/
			/*	z-index: 3;  */
				margin-top: 10px;
				float:left;
				color: black;
			}

			.menu ul {
				list-style: none;
				margin: 0;
				padding: 0;
			}

			.menu a, .menu h2 {
				font-family arial, helvetica, sans-serif;
				font-weight: bold;
				text-shadow: #a9a9a9 13px 5px 4px;
				letter-spacing:0.1em;
				display: block;
				border-width: 1px;
				border-style: solid;
				border-color: transparent;
				margin: 2px;
				padding: 2px 3px;
			       	background-image: url(hg3.gif);
			}

			.menu h2 {
				color: #fff;
				background: #000;
				text-transform: uppercase;
			}

			.menu a {
				padding-top:10px;
				color: #000;
				text-decoration: none;
			}

			.menu a:hover, a:focus {
				/*color: #a00;
				background: #fff; */
				color:  lightblue;
				text-shadow: none;
				background: black;
				border-width: 1px;
				border-style: solid;
				border-color: #ccc #888 #555 #bbb;
			}

			.menu li {
				position: relative;
				border-width: 1px;
				border-style: solid;
				border-color: transparent;
			}


			.menu a, .menu h2, .movelogo img, .menu img {
			padding-left: 35px;
}

.menu li.selected {
	color: #a00;
	background: #fff;
	border-width: 1px;
	border-style: solid;
	border-color: #ccc #888 #555 #bbb;
}


.galerie {
/* galeri muss etwas schmaler sein als .content damit nach rechts gesrollt werden kann für grosse Bilder*/
	width: 500px;

}

.galerie li
{
	list-style-type: none;
	float: left;
	margin: 0 0 0 0;
	text-align: center;
	position: relative;
}

.galerie img
{
	height: 80px;
	display: block;
	padding: 2px;
} 

.galerie a .gross
{
	display: none;
}

.galerie a:hover .gross
{
	/*height: 300px; */
	height: auto; 
	display: block;
	position: absolute;
	top: 100px;
	z-index: 1;
	background: #fff;
}

.galerie a:visited, a:focus, a:active {
	border: 0;

		}
	

.gallery_position { /*im Textfluss*/
	margin: 3em;
   }

	/*  .gallery img {
		  width: 386px;
		  height: 256px; 
		  margin: 25px;

		   }*/

		   .gallery a, .gallery a:visited {
			   display: block;
			   float: left;
			height: 80px;
			 /*  width: 80px;
			   height: 53px; */
			   margin: 4px;
			   border: 1px solid #000000;
			   text-decoration: none;   
					}

					.gallery a span, .gallery a strong { /* loading-Block */
						display: none;
					   }

					   .gallery a span em {
						   display: block;
						   height: 300px;
						   width: auto;
						   margin: 0;

						       }


							  .gallery a:hover span, .gallery a:active span  {
								  position: relative;
								  display: block;
								  right: 30px;
								  top: 88px;
								  height: 300px;
								  z-index:1;
								  font-size: 0.8em;
								  color: #000000;
										  }

										  /* Bilder vorladen*/
.hidepics {
  width:0px;
  height:0px;
  display:none;
      }