html, body {
		height:100%;
		}

	body {
	  margin: 0;
		background-color:#d0cfd4;
		/*color:#630; Schriftfarbe kompletter text*/
		font-family:verdana,arial, sans-serif;
		font-size: 11px;
		text-align:center; /* horizontal centering for IE Win quirks */
		}

	#distance { 
		width:1px;
		height:50%;
		background-color:#fc6;
		margin-bottom:-296px; /* hälfte der containerhöhe */
		float:left; 
		}

	#container {
		margin:0 auto;
		position:relative; /* puts container in front of distance */
		text-align:left;
		height:592px;
		width:962px;
		clear:left;
		border:1px solid black;
		}
  #banner { /* Position und Attribute des Banners */
    position:absolute;
	   left:0px; 
     top:0px;
    width:962px; /* Breite des Bildes */
    height:146px; /* Höhe des Bildes */
    z-index:0;
    background-image:url(../images/banner_parkvilla.jpg);
	  background-repeat: no-repeat;
	  
  }
  #applet {
    position:absolute;
	   left:0px;
	   top:146px;
    z-index:10;
    background-color:#000000;
  }
/* MENU BEGIN */
#menu {
	position: absolute;
	top: 110px;
	left: 140px;
	z-index: 8;

}

/*XXXXXXXXXX Generic page styling rules XXXXXXXXXX*/
ul {
	list-style: none;
	float: left;
	display: inline;
	padding: 0px;
	margin: 0px;
}

li {
	list-style: none;
	padding: 0px;
	margin: 0px;
}

/*XXXXXXXXXXXX Primary top nav rules XXXXXXXXXXX*/
.nav {
	position: relative;
	width: 100%;
}

.button {
	float: left;
}

.parent {
	position: relative;
}

.floatfix {
	margin-right: -3px;
}

/*XXXXXXXXXXXX Primary dropdown/flyout rules XXXXXXXXXXX*/
.dropdown { /* rules for dropdown div */
	width: 250px;
	position: absolute;
	left: -3000px;
	bottom: 31px; /* puts dropdowns directly under top nav */
	text-align: left;
	/* needed because IE misapplies text centering to boxes */
	background: url(images/bgfix.gif);
	
}

.dropdown div {
	width: 220px;
	position: absolute;
	left: -3000px;
	top: 0;
	background: url(images/bgfix.gif);
	text-align: left;
	/* needed because IE misapplies text centering to boxes */
}

.dropdown ul {
	float: left;
	width: 160px;
	/* tweaked so that dropdowns appear to "line up" with top links */
	padding: 0px;
	margin: 0px;
	margin-left: -43px;
	
}
* html .dropdown ul {
	margin-left: 0px;
}

.nav li {
	
}

.nav a.first,.nav a.first:visited, .nav span.first {
	display:block;
	color: #ffffff;
	font-weight: bold;
	text-decoration: none;
	padding: 10px 20px 10px 20px;
	
	
	/* makes the dividers between the top nav links */
}

.nav a.first:hover,.nav a.first:active {
  color: #eac896;
}

.nav a.second,.nav a.second:visited {
	display: block;
	color: #775629;
	padding: 4px 10px 3px 10px;
	margin: 0px;
	text-decoration: none;
	font-weight: bold;
	
}

.nav a.second:hover,.nav a.second:active {
  color: #000000;
  
}

.dropdown li {
	position: relative;
	vertical-align: bottom; /* IE5/win bugfix */
}

.parent:hover {
	background-image: url(images/bgfix.gif);
	
}

.parent:hover div.dropdown {
	left: -35px;
}

.dropdown li:hover div {
	left: 180px;
	top: -26px;
}

.dropdown li:hover {
	background: #d0cfd4;
	opacity: .99;
	filter: alpha(opacity = 99);
}  /* hover color effect on dropdown links */
	/*XXXXXXXXXXX Primary dropdown backgrounds XXXXXXXXXX*/
.one ul {
	background: white;
	opacity: .99;
	filter: alpha(opacity = 99);
	
}

.two ul {
	background: #459;
}

.three ul {
	background: #4a3;
}

.four ul {
	background: #790000;
}

.dropdown div ul {
	background: white;
}  /* colors BG of flyouts */
.dropdown div ul a {
	color: #400;
}  /* colors text of  flyouts */
	/*XXXXXXXXXX z-index rules for top nav XXXXXXXXXXX*/
.one {
	z-index: 10;
}

/*XXXXXXXXXXX Special fixes XXXXXXXXXXX*/
	/* This is to hide the following from IE/Mac. \*/ /*\*/ /*/
.nav .dropdown, .nav .dropdown div {width: 189px;}
.nav .button .dropdown ul {margin: 0px;}
.nav .dropdown, .nav .dropdown div {position: static;}
.nav .dropdown ul {border: 0;}
.mini-zone {display: none;}
/* this rule block "dumbs down" the nav for IEmac */