h1 a {
	display: block;
	position: absolute;
	width: 91px;
	height: 29px;
	z-index: 20;
	left: 30px;
	top: 626px;
	text-indent: -5000px;
	font-size: 10px;
	line-height: 10px;
	background-image: url(media/logo.gif);
	background-repeat: no-repeat;
}

.welcome h1 {
	display: none;
}

/* Main-Navigation */

#mainNav {
	list-style-type: none;
	position: absolute;
	top: 76px;
	left: 20px;
	z-index: 20;
}

#mainNav li {
	position: absolute;
	z-index: 11;
	top: 0px;
}

#mainNav li a {
	display: block;
	height: 21px;
	padding-left: 9px;
	padding-right: 9px;
	text-indent: -5000px;
	background-repeat: no-repeat;
}

.de #mainNav li a {
	background-image: url(media/mainNavDe.gif);
}

.en #mainNav li a {
	background-image: url(media/mainNavEn.gif);
}

/* --------------------------------------- */
/* Buttons der Topnavigation */
/* --------------------------------------- */

#mainNav .welcome { left: 0px; }
#mainNav .the-mpire { left: 95px; }
#mainNav .the-buildings { left: 173px; }
#mainNav .the-parkstadt { left: 242px; }
#mainNav .the-movie { left: 321px; }
#mainNav .highchiboombychi { left: 364px; }
#mainNav .areas-and-prices { left: 499px; }

/* welcome */
#mainNav .welcome a { width: 77px; background-position: 0px 0px; }
#mainNav .welcome a:hover { background-position: -175px 0px; }
#mainNav .welcome a.active, #mainNav .welcome a.active:hover { background-position: -350px 0px; }
.welcome #mainNav .welcome a { background-position: -350px 0px; }

/* the m.pire */
#mainNav .the-mpire a { width: 61px; background-position: 0px -20px; }
#mainNav .the-mpire a:hover { background-position: -175px -20px; }
#mainNav .the-mpire a.active, #mainNav .the-mpire a.active:hover { background-position: -350px -20px; }
.welcome #mainNav .the-mpire a { background-position: -350px -20px; }

/* buildings */
#mainNav .the-buildings a { width: 52px; background-position: 0px -40px; }
#mainNav .the-buildings a:hover { background-position: -175px -40px; }
#mainNav .the-buildings a.active, #mainNav .the-buildings a.active:hover { background-position: -350px -40px; }
.welcome #mainNav .the-buildings a { background-position: -350px -40px; }

/* parkstadt */
#mainNav .the-parkstadt a { width: 61px; background-position: 0px -60px; }
#mainNav .the-parkstadt a:hover { background-position: -175px -60px; }
#mainNav .the-parkstadt a.active, #mainNav .the-parkstadt a.active:hover { background-position: -350px -60px; }
.welcome #mainNav .the-parkstadt a { background-position: -350px -60px; }

/* movie */
#mainNav .the-movie a { width: 25px; background-position: 0px -80px; }
#mainNav .the-movie a:hover { background-position: -175px -80px; }
#mainNav .the-movie a.active, #mainNav .the-movie a.active:hover { background-position: -350px -80px; }
.welcome #mainNav .the-movie a { background-position: -350px -80px; }

/* highchiboombychi */
#mainNav .highchiboombychi a { width: 117px; background-position: 0px -100px; }
#mainNav .highchiboombychi a:hover { background-position: -175px -100px; }
#mainNav .highchiboombychi a.active, #mainNav .highchiboombychi a.active:hover { background-position: -350px -100px; }
.welcome #mainNav .highchiboombychi a { background-position: -350px -100px; }

/* areas and prices */
#mainNav .areas-and-prices a { width: 116px; background-position: 0px -120px; }
#mainNav .areas-and-prices a:hover { background-position: -175px -120px; }
#mainNav .areas-and-prices a.active, #mainNav .areas-and-prices a.active:hover { background-position: -350px -120px; }
.welcome #mainNav .areas-and-prices a { background-position: -350px -120px; }

/* english dimensions */
.en #mainNav .the-mpire { left: 73px; }
.en #mainNav .the-buildings { left: 150px; }
.en #mainNav .the-parkstadt { left: 227px; }
.en #mainNav .the-movie { left: 325px; }
.en #mainNav .highchiboombychi { left: 378px; }
.en #mainNav .areas-and-prices { left: 525px; }

.en #mainNav .welcome a { width: 55px; }
.en #mainNav .the-buildings a { width: 59px; }
.en #mainNav .the-parkstadt a { width: 79px; }
.en #mainNav .the-movie a { width: 36px; }
.en #mainNav .areas-and-prices a { width: 102px; }

/* --------------------------------------- */
/* Sub-Navigation */
/* --------------------------------------- */

#mainNav li ul {
	list-style-type: none;
	position: absolute;
	z-index: 11;
	top: 20px;
	left: 0px;
	display: none;
	padding-bottom: 5px;
	background-color: #FFF;
}

#mainNav ul.active {
	display: block;
}

#mainNav li ul li {
	position: static;
}

#mainNav li ul li a {
	height: 17px;
}

/* --------------------------------------- */
/* Sub-Navigation The m.pire */
/* --------------------------------------- */

#mainNav .the-mpire ul .spirit a, .welcome #mainNav .the-mpire ul .spirit a {
	width: 76px;
	padding-top: 4px;
	background-position: 0px -196px;
}

#mainNav .the-mpire ul .spirit a:hover {
	background-position: -175px -196px;
}

#mainNav .the-mpire ul .spirit a.active, #mainNav .the-mpire ul .spirit a.active:hover {
	background-position: -350px -196px;
}

#mainNav .the-mpire ul .architektur a, .welcome #mainNav .the-mpire ul .architektur a {
	width: 76px;
	background-position: 0px -220px;
}

#mainNav .the-mpire ul .architektur a:hover {
	background-position: -175px -220px;
}

#mainNav .the-mpire ul .architektur a.active, #mainNav .the-mpire ul .architektur a.active:hover {
	background-position: -350px -220px;
}

#mainNav .the-mpire ul .the-green-mpire a, .welcome #mainNav .the-mpire ul .the-green-mpire a {
	width: 76px;
	background-position: 0px -240px;
}

#mainNav .the-mpire ul .the-green-mpire a:hover {
	background-position: -175px -240px;
}

#mainNav .the-mpire ul .the-green-mpire a.active, #mainNav .the-mpire ul .the-green-mpire a.active:hover {
	background-position: -350px -240px;
}

#mainNav .the-mpire ul .location a, .welcome #mainNav .the-mpire ul .location a  {
	width: 76px;
	background-position: 0px -260px;
}

#mainNav .the-mpire ul .location a:hover {
	background-position: -175px -260px;
}

#mainNav .the-mpire ul .location a.active, #mainNav .the-mpire ul .location a.active:hover {
	background-position: -350px -260px;
}

/* --------------------------------------- */
/* Sub-Navigation The Buildings */
/* --------------------------------------- */

#mainNav .the-buildings ul .skyline-tower a, .welcome #mainNav .the-buildings ul .skyline-tower a {
	width: 98px;
	padding-top: 4px;
	background-position: 0px -316px;
}

#mainNav .the-buildings ul .skyline-tower a:hover {
	background-position: -175px -316px;
}

#mainNav .the-buildings ul .skyline-tower a.active, #mainNav .the-buildings ul .skyline-tower a.active:hover {
	background-position: -350px -316px;
}

#mainNav .the-buildings ul .bailey-palace a, .welcome #mainNav .the-buildings ul .bailey-palace a {
	width: 98px;
	background-position: 0px -340px;
}

#mainNav .the-buildings ul .bailey-palace a:hover {
	background-position: -175px -340px;
}

#mainNav .the-buildings ul .bailey-palace a.active, #mainNav .the-buildings ul .bailey-palace a.active:hover {
	background-position: -350px -340px;
}

#mainNav .the-buildings ul .life-gallery a, .welcome #mainNav .the-buildings ul .life-gallery a {
	width: 98px;
	background-position: 0px -360px;
}

#mainNav .the-buildings ul .life-gallery a:hover {
	background-position: -175px -360px;
}

#mainNav .the-buildings ul .life-gallery a.active, #mainNav .the-buildings ul .life-gallery a.active:hover {
	background-position: -350px -360px;
}

#mainNav .the-buildings ul .eminence-plaza a, .welcome #mainNav .the-buildings ul .eminence-plaza a {
	width: 98px;
	background-position: 0px -380px;
}

#mainNav .the-buildings ul .eminence-plaza a:hover {
	background-position: -175px -380px;
}

#mainNav .the-buildings ul .eminence-plaza a.active, #mainNav .the-buildings ul .eminence-plaza a.active:hover {
	background-position: -350px -380px;
}

#mainNav .the-buildings ul .sunshine-place a, .welcome #mainNav .the-buildings ul .sunshine-place a {
	width: 98px;
	background-position: 0px -400px;
}

#mainNav .the-buildings ul .sunshine-place a:hover {
	background-position: -175px -400px;
}

#mainNav .the-buildings ul .sunshine-place a.active, #mainNav .the-buildings ul .sunshine-place a.active:hover {
	background-position: -350px -400px;
}

/* --------------------------------------- */
/* BUILDINGS */
/* --------------------------------------- */

#building-icons {
	width: 120px;
	height: 67px;
	list-style-type: none;
	position: absolute;
	z-index: 12;
	top: 28px;
	right: 28px;
	background-image: url(media/buildings.gif);
	background-repeat: no-repeat;
	background-position: 0px -80px;
}

.the-buildings #building-icons {
	background-position: 0px -160px;
}

.welcome #building-icons {
	display: none;
}

#building-icons li {
	float: left;
	margin: 0px 0px;
}

#building-icons li a {
	display: block;
	text-indent: -5000px;
	background-repeat: no-repeat;
	position: absolute;
}

#building-icons li a:hover, #building-icons li a.active {
	background-image: url(media/buildings.gif);
}

#building-icons .sunshine-place a {
	width: 17px;
	height: 21px;
	top: 46px;
	left: 3px;
}

#building-icons .sunshine-place a:hover, #building-icons .sunshine-place a.active {
	background-position: -3px -46px;
}

#building-icons .bailey-palace a {
	width: 18px;
	height: 21px;
	top: 46px;
	left: 79px;
}

#building-icons .bailey-palace a:hover, #building-icons .bailey-palace a.active {
	background-position: -79px -46px;
}

#building-icons .life-gallery a {
	width: 15px;
	height: 15px;
	top: 52px;
	left: 55px;
}

#building-icons .life-gallery a:hover, #building-icons .life-gallery a.active {
	background-position: -55px -52px;
}

#building-icons .eminence-plaza a {
	width: 16px;
	height: 15px;
	top: 52px;
	left: 39px;
}

#building-icons .eminence-plaza a:hover, #building-icons .eminence-plaza a.active {
	background-position: -39px -52px;
}

#building-icons .skyline-tower a {
	width: 21px;
	height: 65px;
	top: 2px;
	left: 97px;
}

#building-icons .skyline-tower a:hover, #building-icons .skyline-tower a.active {
	background-position: -97px -2px;
}

/* --------------------------------------- */
/* FOOTER */
/* --------------------------------------- */

#footer {
	width: 950px;
	height: 40px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #9D9D9D;
	background-repeat: no-repeat;
	list-style-type: none;
}

.de #footer {
	background-image: url(media/footerBgrDe.gif);
}

.en #footer {
	background-image: url(media/footerBgrEn.gif);
}

#footer li {
	float: left;
}

#footer li a {
	display: block;
	height: 17px;
	padding-left: 5px;
	padding-right: 5px;
	text-indent: -5000px;
	background-repeat: no-repeat;
}

.de #footer li a {
	background-image: url(media/footerNavDe.gif);
}

.en #footer li a {
	background-image: url(media/footerNavEn.gif);
}

.de #footer .englisch a {
	width: 41px;
	margin-left: 24px;
}

.en #footer .englisch a {
	width: 35px;
	margin-left: 24px;
}

#footer .englisch a {
	background-position: 0px 0px;
}

#footer .englisch a:hover {
	background-position: -100px 0px;
}

#footer .englisch a.active, #footer .englisch a.active:hover {
	background-position: -200px 0px;
}

.de #footer .deutsch a {
	width: 41px;
}

.en #footer .deutsch a {
	width: 40px;
}

#footer .deutsch a {
	background-position: 0px -20px;
}

#footer .deutsch a:hover {
	background-position: -100px -20px;
}

#footer .deutsch a.active, #footer .deutsch a.active:hover {
	background-position: -200px -20px;
}

#footer .kontakt a {
	width: 40px;
	margin-left: 28px;
	background-position: 0px -40px;
}

#footer .kontakt a:hover {
	background-position: -100px -40px;
}

#footer .kontakt a.active, #footer .kontakt a.active:hover {
	background-position: -200px -40px;
}

.de #footer .impressum a {
	width: 55px;
}

.en #footer .impressum a {
	width: 89px;
}

#footer .impressum a {
	background-position: 0px -60px;
}

#footer .impressum a:hover {
	background-position: -100px -60px;
}

#footer .impressum a.active, #footer .impressum a.active:hover {
	background-position: -200px -60px;
}

#footer .links a {
	width: 25px;
	background-position: 0px -80px;
}

#footer .links a:hover {
	background-position: -100px -80px;
}

#footer .links a.active, #footer .links a.active:hover {
	background-position: -200px -80px;
}

#footer .sitemap a {
	width: 42px;
	background-position: 0px -100px;
}

#footer .sitemap a:hover {
	background-position: -100px -100px;
}

#footer .sitemap a.active, #footer .sitemap a.active:hover {
	background-position: -200px -100px;
}

.de #footer .ton a {
	width: 18px;
}

.en #footer .ton a {
	width: 32px;
}

#footer .ton a {
	background-position: 0px -120px;
}

#footer .ton a:hover {
	background-position: -100px -120px;
}

#footer .ton a.active, #footer .ton a.active:hover {
	background-position: -200px -120px;
}