/* CSS Document */

* {
		margin:0;
		padding:0;
		}

html, body {
		height:100%;
		background-color:#FFFFFF;
		}


#distance { 
		width:1px;
		height:50%;
		background-color:#3e88b7;
		margin-bottom:-340px; /* half of container's height */
		float:left;
		}


a:link,a:visited{ 
	text-decoration:none; 
	list-style:none;
	color:#879bb2;
		}
a:focus, a:hover, a:active{ 
	font-weight:bold;
	text-decoration:none; 
	list-style:none;
	color:#879bb2;
		}
		

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#222222;
	margin:0;
	padding:0;
	text-align:center; /* horizontal centering for IE Win quirks */
		}
		
#window {
		margin:0 auto;
		position:relative; /* puts container in front of distance */
		height:580px;
		width:900px;
		clear:left;
		border:none;
	}

.ro {
	background:url(../bilder/ecke_ro.jpg) top right no-repeat;
	background-color:#aabdd3; 
	height:115px; 
	width:900px;
	margin:0;
	padding:0;
}

.lo {
	background:url(../bilder/ecke_lo.jpg) top left no-repeat; 
	height:115px;
	margin:0;
	padding:0;
}

.ru {
	background: url(../bilder/ecke_ru.jpg) bottom right no-repeat; 
	height:25px;
	width:900px; 
	background-color:#aabdd3;
	margin:0;
	padding:0;
}

.lu {
	background:url(../bilder/ecke_lu.jpg) bottom left no-repeat; 
	height:25px;
	margin:0;
	padding:0;

}

#slideshow {
  background-repeat: no-repeat;	
  float:right;
  width:705px;
  height:440px; 
}