* {margin:0; padding:0}
body 
	{
		font-family:"trebuchet MS", tahoma, verdana, arial, helvetica, sans-serif; 
		color:#666666;
	}
	
/*breite das ist die Lage des Bildfensters 2*55=110 750-110= etc 630*/	

#gallery 
	{
		position:relative; 
		width:633px; 
		margin-left:0px;
		margin-right:0px;
		margin-top:50px;
		margin-bottom:50px;
		 
		padding-left:60px;
		padding-right:50px; 
	    padding-top:25px;
		padding-bottom:25px; 
		border:3px solid white; 
		background-color:#000000;

	}
#images 
	{
		border:4px solid #9ac1c9; 
		height:225px; 
		background:#eef5f6; 
		margin-bottom:20px;
	}
#image 
	{
		position:relative; 
		width:600px; 
		height:300px; 
		padding:5px; 
		border:0px solid #666; 
		background:#FFF url(slideshow/images/loading.gif) center center no-repeat
	}
#image img 
	{
		position:absolute; 
		top:5px; 
		left:5px
	}
	
	
/*breite das ist die Lage des Bildfensters 2*55=110 750-110= etc 630*/
#thumbwrapper 
	{
		margin-top:10px; 
		padding:0px 0; 
		width:610px; 
		height:50px; 
		border:0px solid #666; 
		background:#FFF
	}
#thumbarea 
	{
		position:relative; 
		overflow:hidden; 
		height:50px;
		width:610px;
		background-color:#000000;
	}
#thumbs 
{
		position:absolute; 
		list-style:none; 
		margin-left:5px; 
		height:100px; 
		width:10000px; 
		border-right:5px solid #FFF
}
#thumbs li 
	{
		float:left; 
		margin-right:5px; 
		cursor:pointer
	 }
.imgnav 
	{
		position:absolute; 
		height:375px; 
		width:20%; 
		z-index:100; 
		height:303px; 
		width:20%; 
		z-index:100; 
		outline:none; 
		cursor:pointer
}
#previmg	
	{
		left:0; 
		background:url(slideshow/images/left.gif) left center no-repeat; 
		border-left:5px solid #FFF
	}
#previmg:hover 
	{

	}
#nextimg 
	{
		right:0; 
		background:url(slideshow/images/right.gif) right center no-repeat; 
		border-right:5px solid #FFF;
	top: 6px;
}
#nextimg:hover 
	{

	}