@charset "UTF-8";
/* CSS Document */


body,td,th {
	color: #232323;
}

* {
		margin:0;
		padding:0;
		}

	html, body {
		height:100%;
		}

	body {
		background-color:#000000;
		color:#630;
		font:100.01%/1.4 sans-serif;
		text-align:center; /* horizontal centering for IE Win quirks */
		overflow:hidden;
		}

	#distance {
	width:0px;
	height:50%;
	background-color:#000;
	margin-bottom:-19.69em; /* half of container's height */
		}
		
	#container {
	margin:0 auto;
	text-align:left;
	height:630px;
	width:99.9%;
	clear:left;
	float: left;
	border:0px solid #c93;
	border-top-color:#000;
	border-left-color:#000;
	background-image: url(v3_pix/1_layout/backgr_steinwand.jpg);
	background-repeat: repeat;
	z-index: 2;
	position:fixed; /* puts container in front of distance */
		}
		
	
	#container_div {
	font-size:80%;
	text-align:left;
	margin-left: -487px;
	left: 50%;
	position: absolute;
	width: 974px;
	height: 630px;
	background-image: url(v3_pix/2_foyer/backgr_sommer.jpg);
	background-color: #000000;
	background-repeat:no-repeat;
	z-index: 2;
	float:left;
	border:0px solid #000;
		}
		

	#container div h2 {
		font-size:120%;
		font-weight:bold;
		text-transform:uppercase;
		margin:1em 0 0;
		}

	#container div h3 {
		font-size:100%;
		font-weight:bold;
		margin:.5em 0 0 .75em;
		}

	#container ul {
		margin-left:2em;
		}

	#container li span {
		font-size:70%;
		}
		

	#container h1 {
		font-size:120%;
		padding-top:2.4em;
		margin-left:2.4em;
		}

	#container p {
		margin:1.5em 13.6em 1.5em 3em;
		}

	address {
		font-weight:normal;
		font-size:80%;
		font-style:normal;
		text-align:right;
		margin:0 20em 0 3em;
		}
		
#Rahmen1   {
	visibility: visible;
	position: relative;
	z-index: 1;
	top: 185px;
	left: 261px;
	width: 111px;
	height: 157px;
	background-color: #996600;
}
#Rahmen2  { visibility: visible; position: absolute; z-index: 1; top: 297px; left: 418px; width: 111px; height: 157px }
#Rahmen3  { visibility: visible; position: absolute; z-index: 1; top: 297px; left: 621px; width: 111px; height: 157px }

#bild_links {
	position:relative;
	left:38px;
	top:192px;
	width:162px;
	height:227px;
	z-index:20;
	float: left;
}

#bild_mitte {
	position:relative;
	left:124px;
	top:193px;
	width:162px;
	height:227px;
	z-index:22;
	visibility: visible;
	float: left;
}

#bild_rechts {
	position:relative;
	left:207px;
	top:192px;
	width:162px;
	height:227px;
	z-index:21;
	visibility: visible;
	float: left;
}

#museum_link {
	position:relative;
	left:600px;
	top:292px;
	width:100px;
	height:20px;
	z-index:21;
	visibility: visible;
	float: left;
}
#impressum_link {
	position:relative;
	left:540px;
	top:312px;
	width:70px;
	height:17px;
	z-index:24;
	visibility: visible;
	float: left;
}
#headnews {
	position:absolute;
	left:172px;
	top:150px;
	width:600px;
	height:80px;
	z-index:40;
	visibility: visible;
	text-align:center;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	color:#4C4C4C;
	letter-spacing: 0.1em;
}

#navigation {
	position:relative;
	left:240px;
	top:112px;
	width:500px;
	height:20px;
	z-index:30;
	visibility: visible;
	float: left;
}

#menue_1 a {
	position:relative;
	left:23px;
	top:9px;
	z-index:30;
	visibility: visible;
	float: left;
	display: block;
		height: 20px;
		width: 55px;
		display: table-cell;
		background: url("v3_pix/1_layout/menue_foyer.png") 0px -22px no-repeat;
		}
	#menue_1 a:hover {	
		background-position: 0px 0px;
		}
	#menue_1 a:active {
		background-position: 0px 0px;
		}

#menue_2 a {
	position:relative;
	left:44px;
	top:9px;
	z-index:30;
	visibility: visible;
	float: left;
	display: block;
		height: 20px;
		width: 128px;
		display: table-cell;
		background: url("v3_pix/1_layout/menue_museumskurier.png") 0px 0px no-repeat;
		}
	#menue_2 a:hover {	
		background-position: 0px -22px;
		}
	#menue_2 a:active {
		background-position: 0px -22px;
		}
	
	#menue_3 a {
	position:relative;
	left:71px;
	top:12px;
	z-index:30;
	visibility: visible;
	float: left;
	display: block;
		height: 17px;
		width: 93px;
		display: table-cell;
		background: url("v3_pix/1_layout/menue_markenplan.png") 0px 0px no-repeat;
		}
	#menue_3 a:hover {	
		background-position: 0px -22px;
		}
	#menue_3 a:active {
		background-position: 0px -22px;
		}
		
		#menue_4 a {
	position:relative;
	left:110px;
	top:12px;
	z-index:30;
	visibility: visible;
	float: left;
	display: block;
		height: 17px;
		width: 133px;
		display: table-cell;
		background: url("v3_pix/1_layout/menue_korridor.png") 0px 0px no-repeat;
		}
	#menue_4 a:hover {	
		background-position: 0px -22px;
		}
	#menue_4 a:active {
		background-position: 0px -22px;
		}
		
				#menue_5 a {
	position:relative;
	left:147px;
	top:9px;
	z-index:30;
	visibility: visible;
	float: left;
	display: block;
		height: 20px;
		width: 176px;
		display: table-cell;
		background: url("v3_pix/1_layout/menue_shop.png") 0px 0px no-repeat;
		}
	#menue_5 a:hover {	
		background-position: 0px -22px;
		}
	#menue_5 a:active {
		background-position: 0px -22px;
		}
		
	#menue_6 a {
	position:relative;
	left:629px;
	top:-10px;
	z-index:36;
	visibility: visible;
	float: left;
	display: block;
		height: 20px;
		width: 176px;
		display: table-cell;
		background: url("v3_pix/1_layout/menue_kontakt.png") 0px 0px no-repeat;
		}
	#menue_6 a:hover {	
		background-position: 0px -22px;
		}
	#menue_6 a:active {
		background-position: 0px -22px;
}
	#menue_lobby a {
	position:absolute;
	left:116px;
	top:534px;
	z-index:36;
	visibility: visible;
	float: left;
	display: block;
	height: 80px;
	width: 120px;
	display: table-cell;
	border:hidden;
	background: url("v3_pix/1_layout/menue_lobby.png") 0px 0px no-repeat;
		}
	#menue_lobby a:hover {	
		background-position: 0px -88px;
		}
	#menue_lobby a:active {
		background-position: 0px -88px;
}

#banner_links {
	position:absolute;
	left:6px;
	top:14px;
	width:110px;
	height:437px;
	z-index:60;
	visibility: visible;
	float: left;
	text-align:center;
}
#banner_rechts {
	position:absolute;
	left:861px;
	top:14px;
	width:110px;
	height:437px;
	z-index:60;
	visibility: visible;
	float: left;
	text-align:center;
}
#museumsplan {
	position:relative;
	left:735px;
	top:482px;
	width:760px;
	height:480px;
	z-index:65;
	visibility: visible;
	float: left;
	text-align:center;
	background-color:#0F3
}
