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

body {
	color:black;
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.wrapper {
	width:900px;
	margin: 0 auto;
}
header {
	background-color:#184392;	
	color:white;
	width:900px;
}
section { padding:10px 0 0 0; } 

h1 { font-weight: normal; padding: 10px 10px 0 20px; font-size:22px; color:white !important;}
h2 { font-weight: normal; font-size:18px; color:white !important;}
p, li { font-size:12px; }


nav {
	margin: 0;
	padding: 0 0 10px 0 ;	
}

nav ul {
	margin:0;
	padding:0;	
}

nav ul li {
	list-style:none;
	display:inline;
	padding: 0 30px 10px 20px;
}
nav a {
	color:white !important;
	text-decoration:none !important;
}
 

/* die div's zum Einblenden der einzelnen Räume per Javascript */
.kellermap {
	position:relative;
	width:900px;
	height:604px;
	overflow:hidden;
}
.raum {
	visibility:hidden;
	position:absolute;
	top:20px;
	left:20px;
	width:460px; /* Breite des Kellerbildes von 900px minus der rechten und linken paddings */
	height:504px;
	color:white;
	padding:20px 360px 20px 40px;
}
.raum img {
	float:right;
}
.close_button {
	position:absolute;
	top:0;
	right:0;
	width:36px;
	height:36px;
	background-color:#184392;
	background-image: url(../gfx/closebutton.png);
	cursor:pointer;
}

.film {
		padding: 20px 0 0 0;
		text-align:center;
}

.turm {
	float:right;
	padding: 23px 0 30px 30px;	
}

.text {
	background-color: rgba(0,0,0,0.5);
	padding:10px;	
}