html {
	margin:0px;
	padding:0px;
	height : 100%;
	}
body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px ;
	color:#333333 ;
	background:#FFF;
	margin:0px;
	padding:0px;
}

a {color:#333 ; text-decoration:none;}

img { border: 0px;}


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

#bildercontainer { position:relative; overflow:hidden;}
#halter	{
			float:left;
			display: block;
			height:50%;
			width:1px; 
			margin-bottom: -400px;
			} 

#maincontainer {
	
	clear:left;
	min-height: 685px;
	
	/** fuer alle Browser; 
	*/    
	height: auto ! important; 
	/* nur fuer IE-Win (size-value); 
	* verbergen IE-Mac \*/ 
	height: 685px; 
	/* ende verbergen IE-Mac */ 
	width: 1020px; 
	/*margin: 0 auto; */	
  	/*overflow: hidden;*/
	background-color:#FFF; 
	}


#container {
    position:relative;
    height:520px;
	width:770px;
	/*overflow:hidden ;*/
	/*visibility:hidden ;*/
}

#container img {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
   /* opacity:0.0;*/
}

#container img.active {
    z-index:10;
    opacity:1.0;
}

#container img.last-active {
    z-index:9;
}

#legende {
	margin-top:10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px ;
	color:#7F7F7F ;
	height:20px;
	overflow:hidden ;
}

.galimg {float:right; cursor:pointer ; width:12px; height:20px; overflow:hidden; background-image:url(../nav/img_off.png)}