body { 
	background-color: #716759;
	}

/* the dotted line on top of everything */

#divider {
	position: absolute;
	width: 100%; 
	height: 1px;
	top: 108px;
	left: 0px;
	background: transparent url(../_images/bg/bg_dotted.gif) repeat-x 0px 0px;
	z-index: 101;
	font-size: 1px;
	overflow: hidden;
	}

/* various bgs for different chapters for <div id="container" class="…"> */

#container {
	margin: 0px auto auto auto;
	width: 942px; 
	background-repeat: repeat-y;
	background-position: 0px 0px;
	background-color: transparent;
	overflow: auto; /* for faux column in Safari and FF */
	}

.meta #container { 
	background-image: url(../_images/bg/bg_meta.gif);
	}
.concept #container { 
	background-image: url(../_images/bg/bg_concept.gif);
	}
.location #container { 
	background-image: url(../_images/bg/bg_location.gif);
	}
.gallery #container { 
	background-image: url(../_images/bg/bg_gallery.gif);
	}
.design #container { 
	background-image: url(../_images/bg/bg_design.gif);
	}
.apartments #container { 
	background-image: url(../_images/bg/bg_apartments.gif);
	}

/* containers */

#logo {
	float: left;
	width: 72px;
	height: 180px;
	overflow: hidden;
	}
#logo a, /* language link */
#logo .selected { 
	display: block;
	padding: 0px;
	margin: 0px;
	}
#logo a img.deutsch, 
#logo a img.english,
#logo a img.russisch,
#logo .selected a img.deutsch,
#logo .selected a img.russisch,
#logo .selected a img.english {
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	}
#logo a img.russisch {
	background-image: url(../_images/nav/lang/russisch.gif);
	}
#logo a:hover img.russisch {
	background-image: url(../_images/nav/lang/o/russisch.gif);
	}
#logo .selected img.russisch {
	background-image: url(../_images/nav/lang/c/russisch.gif);
	}
	
#logo a img.deutsch {
	background-image: url(../_images/nav/lang/deutsch.gif);
	}
#logo a:hover img.deutsch {
	background-image: url(../_images/nav/lang/o/deutsch.gif);
	}
#logo .selected img.deutsch {
	background-image: url(../_images/nav/lang/c/deutsch.gif);
	}
#logo a img.english {
	background-image: url(../_images/nav/lang/english.gif);
	}
#logo a:hover img.english {
	background-image: url(../_images/nav/lang/o/english.gif);
	}
#logo .selected img.english {
	background-image: url(../_images/nav/lang/c/english.gif);
	}
#column {
	width: 690px; 
	float: left;
	}
#navsub {
	width: 690px; 
	height: 108px;
	overflow: hidden;
	float: left;
	background-color: #FFFFFF;
	}

/* each navigation item is put an a navitem */

.navitem {
	width: 36px; 
	height: 215px;
	float:left;
	}

/* multiple navitem are put into navitems */

.navitems-1 {
	width: 36px; 
	}
.navitems-2 {
	width: 72px; 
	}
.navitems-3 {
	width: 108px; 
	}
.navitems-4 {
	width: 144px; 
	}
.navitems-5 {
	width: 180px; 
	}
.navitems-1, .navitems-2, .navitems-3, .navitems-4, .navitems-5 {
	height: 215px;
	float: left;
	overflow: hidden;
	}

/* space for main content */

#content {
	width: 690px; 
	float: left;
	background-color: #FFFFFF;
	padding-bottom: 36px;
	}

/* footer elements, such as navmeta */

#footer {
	width: 942px; 
	height: 36px;
	margin-top: -1px;
	float: left;
	clear: both;
	}

/* containter for meta links, shows dotted line on top */

#footer .navmeta {
	float: right;
	width: 870px; 
	height: 36px;
	background: transparent url(../_images/bg/bg_dotted.gif) repeat-x 0px 0px;
	font-size: 1px;
	overflow: hidden;
	}
#footer p {
	font-size: 10px;
	text-align: right;
	padding-top: 6px;
	}
#footer p, #footer a {
	color: #A39C93;
	}
#footer a:hover, #footer .selected {
	color: #FFFFFF;
	}
.meta #footer p { 
	padding-right: 186px;
	}
.concept #footer p { 
	padding-right: 150px;
	}
.location #footer p { 
	padding-right: 114px;
	}
.gallery #footer p { 
	padding-right: 78px;
	}
.design #footer p { 
	padding-right: 42px;
	}
.apartments #footer p { 
	padding-right: 6px;
	}

/* override bg definitions for some navsub and container bgs since they also change, depending on .[class] */

.apartments #navsub,
.apartments #content {
	background-color: #DFD7BC;
	}

.location #navsub,
.location #content {
	background-color: #EDEDED;
	}