body {
	color:  #ffffff;
	margin: 0px;
	background-color: #000000;
	background-image: url(bkgrd.jpg); 
}

#div#outer{
		margin: 0pt auto;
		width: 100%;
		background-color: none;
		

}

#left {
	position: absolute;
	min-height: 1000px;
	width: 584px;
	background-image: url(left.jpg);
	top: 0px;
	left: 0px;
	float: left;
	
}

#right {
	position: absolute;
	height: 1000px;
	width: 1016px;
	background-image: url(right.jpg);
	top: 0px;
	right: 0px;
	float:  right;
		z-index: 100;
	
}

#right a img {
	height: 255px;
	width: 246px;
	margin-top: 295px;
	margin-left: 190px;
	border:  none;
}

#right a:hover img {
	background-color: black;
	opacity: 0.3;
	-moz-opacity: 0.3;
	filter:alpha(opacity=1);
	-khtml-opacity: 0.3;
}




/* eleminiert dotted lines in FIREFOX */
a:focus { 
outline: none; 
}