body {
	background-color: #2d2d2d;
	font-size: 0.8em;
	font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
	color:#cccccc;
	padding:0;
	margin:0;
}


/* ----------container zentriert das layout-------------- */
#container {
	width: 960px;
	margin: 0 auto;
	padding: 0;
	background-color: #191919;
	border-color:#666666;
	border-width:1px;
	border-style:solid;
}

/* ----------banner for logo-------------- */
#banner {
	margin: 0;
	padding: 0;
	background-color: #191919;
}
#banner p{
	margin-left: 15em;
	padding: 10px;
}
#mainnavi {
	margin: 0;
	padding: 0;
	background-color: #191919;
	border-color:#666666;
	border-width:1px;
	border-style:solid;

}

#mainnavi p{
	margin-left: 15em;
	padding: 0 10px;
}

/* -----------------Inhalt--------------------- */
#content {
	
	/*height:800px;  */
	background-color: #313031;
	padding: 0;
    margin: 0 15em; 
	border-color:#666666;
	border-width:1px;
	border-style:solid;
	padding:2px;
	z-index:1;
	
}

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

/* --------------left navigavtion------------- */
#left {
	float: left;
	width: 15em;
	margin: 0;
	padding:15px 0 0 0;
	color:#cccccc;
	background-color: #191919;
}
#right {
	float: right;
	width: 15em;
	margin: 0;
	padding: 0;
	color:#cccccc;
	border-color:#666666;
	border-width:1px;
	border-style:solid;
}



/* -----------footer--------------------------- */
#footer {
	clear: both;
	background-color: #191919;
	padding: 0;
	margin: 0;
	margin: 0 15em;
}



a.menu { 
display:inline; 
margin-bottom:0px; 
text-align:center; 
width:16ex;
border-style:none; 
border-width:3px; 
padding:0px; 
text-decoration:none;
position:relative; 
top:0px; 
left:675px; 
 }

a.menu:link    { color:#cccccc; background-color:transparent; }
a.menu:visited { color:#cccccc; background-color:transparent; }
a.menu:hover   { color:#ffffff; background-color:transparent; } 
a.menu:active  { color:#ff0; background-color:#a03; }




	#menu2 ul {
		margin: 0;
		padding: 0;
		list-style: none;
		border-color:#666666;
	    border-width:1px;
	    border-style:solid;


	}
		
		#menu2 ul li {
			position: relative;
			border: 0px solid #191919;
			border-width: 0 4px 4px 0;
			width:150px;
		
		}
		#menu2 ul li a {
			display: block; 
			color: #cccccc;
			background: #191919;
			padding: 0 10px;
			text-decoration: none;
		
		}
		#menu2 ul li a:hover{
		
		color:#ffffff;
		}
		
		
		
		
		#menu2 ul li ul {
			display: none;
	
			}
			
		#menu2 ul li:hover ul {
			display: block;
			position: absolute;
			color:#f64c0e;
			left: 105px;
			top: -4px; 		
			z-index:2;

			}
						
			#menu2 ul li:hover ul li {
				width: 120px;
				border-width: 0 4px 4px;
				color:#f64c0e;
				z-index:100;

			}
focus {
 outline:none; 
}
 
#bigpic {
 height:300px;
 width:300px;
 margin:0;
 padding:0;
 position:relative;
 top:-150px;
}
 
#thumbs {
 height:49px;
 width:50px;
 margin:0;
 padding:0;
}
 
ul#gallery {
 height:49px;
 list-style:none;
 margin:0;
 padding:0;
 position:relative;
 width:570px;
}
 
#gallery li span {
 display:none;
}
 
#gallery li {
 float:left;
 margin:0;
 width:50px;
}
 
#gallery li a {
 display:block;
 height:50px;
 border-right:#fff 1px solid;
 border-top:#fff 1px solid;
}
 
li#bild-1-1 a {background:url(thumb/1.jpg);}
li#bild-1-2 a {background:url(thumb/2.jpg);}
li#bild-1-3 a {background:url(thumb/3.jpg);}
li#bild-1-4 a {background:url(thumb/4.jpg);}
li#bild-1-5 a {background:url(thumb/5.jpg);}
li#bild-1-6 a {background:url(thumb/6.jpg);}
li#bild-1-7 a {background:url(thumb/7.jpg);}
li#bild-1-8 a {background:url(thumb/8.jpg);}
li#bild-1-9 a {background:url(thumb/9.jpg);}
li#bild-1-10 a {background:url(thumb/10.jpg);}
li#bild-1-11 a {background:url(thumb/11.jpg);}
li#bild-1-12 a {background:url(thumb/12.jpg);}
li#bild-1-13 a {background:url(thumb/13.jpg);}
li#bild-1-14 a {background:url(thumb/14.jpg);}
li#bild-1-15 a {background:url(thumb/15.jpg);}
li#bild-1-16 a {background:url(thumb/16.jpg);}
li#bild-1-17 a {background:url(thumb/17.jpg);}
li#bild-1-18 a {background:url(thumb/18.jpg);}
li#bild-1-19 a {background:url(thumb/19.jpg);}
li#bild-1-20 a {background:url(thumb/20.jpg);}
li#bild-1-21 a {background:url(thumb/21.jpg);}
li#bild-1-22 a {background:url(thumb/22.jpg);}
li#bild-1-23 a {background:url(thumb/23.jpg);}
li#bild-1-24 a {background:url(thumb/24.jpg);}
li#bild-1-25 a {background:url(thumb/25.jpg);}
li#bild-1-26 a {background:url(thumb/26.jpg);}
li#bild-1-27 a {background:url(thumb/27.jpg);}
li#bild-1-28 a {background:url(thumb/28.jpg);}


 
#gallery li a:focus span, #gallery li a:hover span {
 display:block;
 height:51px;
 position:absolute;
 right:270px;
 top:-450px;

 width:300px;
}
 
#gallery a img {
 border:0;
}
 
#gallery li a span {visibility:hidden}
#gallery li a.current span,
#gallery li a:hover span {visibility:visible}
#gallery li a:hover{visibility:visible;}