﻿body {
	background-color: #424242;
	font-family: 'Tahoma';
	color: #5d5d5d;
	line-height: 1.75em;
	}

.container {
	width: 900px;
	margin-left: auto;
	margin-right: auto;
	}
	
#noscript { 
	background: #ffee00;
	font-size: 20px;
	text-align: center;
	line-height: 25px;
	}

#header {
	padding: 2em 0 2em 0;
	position: relative;
	background-color: #ffffff;
	border-bottom: solid 1px #ccc;
	}

header {	
	margin: 0 0 1.5em 0;
	}

#language-switcher {
	float: right;
	}

#language-switcher img { 
	padding: 0 1px 0 1px;
	}

#logo {
	margin: 0 0 1.5em 0;
	}

#nav > ul > li > a {
	font-size: 16px;
	color: #5d5d5d;
	text-decoration: none;
	padding: 0.2em 0.8em 0.2em 0.8em;
	}

#nav > ul {
	margin: 0;
	}

#nav > ul > li {
	display: inline-block;
	margin: 1em 0.5em 0 0.5em;
	}

#nav > ul > li:hover > a {
	background: #c6ccd2;
	}

#content {
	padding: 3em 0 3em 0;
	position: relative;
	background: #f7f7f7 url(../images/layout/background1.png);
	}

#content .major h2 {
	background: #f7f7f7 url(../images/layout/background1.png);
	}

.top-button {
	margin:10px 0 10px 860px;
	}

#apartment-right {
	float: right;
	width: 430px;
	height: 820px;
	background: #ffffff;
	border: solid 1px #ccc;
	}

#apartment-left {
	width:430px;
	height:820px;
	background: #ffffff;
	border: solid 1px #ccc;
	}

.apartment-content {
	width: 375px;
	margin: 0 25px 0 25px;
	}

.apartment-content h3 {
	color: #252122;
	font-weight: 700;
	padding: 20px 0 10px 0;
	}

.pricelist {
	width: 375px;
	text-align: center;
	margin-bottom: 2em;
	}

.pricelist_header {
	background-color: #3f3f46;
	color: white;
	}

.pricelist_content {	
	border-bottom: 1px solid #3f3f46;
	}
	
#calendar{
	background: #ffffff;
	margin: 30px 0 0 0;
	border: solid 1px #ccc;
	}

#calendar h3 {
	color: #252122;
	font-weight: 700;
	padding: 20px 0 10px 0;
	}
		
#calendar-left{
	width: 450px;
	}

#calendar-right {
	float: right;
	width: 450px;
	}

.calendar-content {
	width: 380px;
	margin-left: auto;
	margin-right: auto;
	}

.google-calendar {
	border-width: 0;
	width: 380px;
	height: 300px; 
	frameborder: 0;
	scrolling: no;
}

.reservation {
	width:900px;
	text-align:center;
	}

#nv {
	width: 860px;
	margin-left: auto;
	margin-right: auto;
	}

#nv-gallery {
	width: 850px;
	margin-left: auto;
	margin-right: auto;
	}

#googlemaps {
	width: 900px;
	height: 600px;
	}
	
#googlemaps2 {
	width: 900px;
	height: 600px;
	margin:20px 0 0 0;
	}

#legend {
	margin-top: 10px;
	font-size: 14px;
	text-align: center;
	}
	
.legendred {
	background-color: #DF0101;
	width: 30px;
	}
	
.legendpurple {	
	background-color: #8258FA;
	width: 30px;
	}

.legendgreen {		
	background-color: #088A08;
	width: 30px;
	}

.legendblue {		
	background-color: #2E64FE;
	width: 30px;
	}

.table120 {
	width: 120px;
}
	
.table140 {
	width: 140px;
}

.table210 {
	width: 210px;
}

#legend h3 {
	font-size: 1.5em;
	text-align: center;
	}

#legend p {
	text-align: center;
	margin-bottom: 0.3em;
	}

.color {
	border: 1px solid;
	height: 10px;
	width: 10px;
	margin-right: 5px;
	}

.red {
	background: #C00;
	}

.yellow {
	background: #FF3;
	}

.green {
	background: #006400;
	}

.blue {
	background: #104E8B;
	}

.purple {
	background: #63C;
	}
	
#footer {	
	padding: 2em 0 0 0;
	border-top: solid 1px #ccc;
	}

#contact {
	float: right;
	width: 600px;
	}

#impressum {
	width: 300px;
	}

#footer h1 {
	font-size: 20px;
	color: #ffffff;
	}

#footer h2 {
	font-size: 15px;
	color: #ffffff;
	}

#footer p {
	text-align: left;
	color: white;
	font-size: 0.9em;
	line-height: 1.5em;
	}

#copyright {
	margin: 3em 0 2em 0;
}

#copyright .links {
	padding: 0.85em 2.25em 0.85em 2.25em;
}

.major {
	position: relative;
	text-align: center;
	border-top: solid 1px #ccc;
	top: 1em;
}

.major h2 {
	background: #fff;
	position: relative;
	top: -0.65em;
	display: inline;
	margin: 0;
	padding: 0 1em 0 1em;
}

.room p {
	text-align: left;
}

h1, h2, h3, h4, h5, h6 {
	color: #252122;
	font-weight: 700;
}

h2 {
	font-size: 1.5em;
}

h3 {
	font-size: 1.35em;
	text-align: center;
}
	
p, ul {
	margin-bottom: 2em;
	text-align: center;
}