@charset "UTF-8";
body, div, h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dt, dd, img, form, fieldset, blockquote {
	margin: 0; padding: 0; border: 0;
}

body {
	background-image: url(../img/back.jpg);
	font-family: Noto Sans, sans-serif;
}

a:link {
	color: #07588E;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #07588E;
}
a:hover {
	text-decoration: underline;
	color: #808181;
}
a:active {
	text-decoration: none;
	color: #07588E;
}

ul {
	padding-left: 20px;
}

#container {
	width: 940px;
	height: auto;
	margin-right: auto;
	margin-left: auto;
}
#container #header {
	position: relative;
	height: 140px;
	width: 940px;
}
#container #header h1 a {
	position: absolute;
	display: block;
	width: 372px;
	height: 74px;
	background: url(../img/logo.png);
	text-indent: -9999px;
	margin-top: 28px;
}
#container #header #nav {
		position: absolute;
		top: 66px;
		right: 0px;
}		
#container #header ul#nav {
		list-style: none;
		}			
#container #header ul#nav li {
		float: left; 
}				
#container #header ul#nav li a {
		display: block; 
		height: 15px; 
		margin: 0 5px 0 0;
		text-indent: -9999px;
}			
#container #header ul#nav li.home a { 
		width: 49px;
		background: url(../img/nav_btn.png);
		background-position: 0 0; 
}
#container #header ul#nav li.home a:hover { 
		background: url(../img/nav_btn.png);
		background-position: 0 -15px; 
}
#container #header ul#nav li.konzept a { 
		width: 71px;
		background: url(../img/nav_btn.png);
		background-position: -58px 0; 
}
#container #header ul#nav li.konzept a:hover { 
		background: url(../img/nav_btn.png);
		background-position: -58px -15px; 
}
#container #header ul#nav li.ausstattung a { 
		width: 108px;
		background: url(../img/nav_btn.png);
		background-position: -140px 0; 
}
#container #header ul#nav li.ausstattung a:hover { 
		background: url(../img/nav_btn.png);
		background-position: -140px -15px; 
}
#container #header ul#nav li.preise a { 
		width: 52px;
		background: url(../img/nav_btn.png);
		background-position: -260px 0; 
}
#container #header ul#nav li.preise a:hover { 
		background: url(../img/nav_btn.png);
		background-position: -260px -15px; 
}
#container #header ul#nav li.buchung a { 
		width: 153px;
		background: url(../img/nav_btn.png);
		background-position: -325px 0; 
}
#container #header ul#nav li.buchung a:hover { 
		background: url(../img/nav_btn.png);
		background-position: -325px -15px; 
}
#container #main {
	height: auto;
	width: 920px;
	background-color: #FFF;
	position: relative;
	-moz-box-shadow: 0 0 3px #CCC;
	-webkit-box-shadow: 0 0 3px#CCC;
	box-shadow: 0 0 3px #CCC;
	padding-top: 10px;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 10px;
}
#container #main .spacer {
	background-image: url(../img/spacer.png);
	height: 20px;
	width: 920px;
	margin-top: 20px;
}
#container #main #konzept {
	height: 175px;
	width: 920px;
	padding-top: 10px;
}
#container #main #konzept .title {
	background-image: url(../img/title_konzept.png);
	background-repeat: no-repeat;
	float: left;
	height: 50px;
	width: 280px;
}
#container #main #konzept .text {
	float: right;
	height: auto;
	width: 630px;
	font-size: 13px;
	line-height: 17px;
}
#container #main #ausstattung {
	height: 770px;
	width: 920px;
	padding-top: 10px;
}
#container #main #ausstattung .title {
	background-image: url(../img/title_ausstattung.png);
	background-repeat: no-repeat;
	float: left;
	height: 50px;
	width: 280px;
}
#container #main #ausstattung .text {
	float: right;
	height: auto;
	width: 630px;
	font-size: 13px;
	line-height: 17px;
}
#container #main #datenschutz {
	height: auto;
	overflow:auto;
	width: 920px;
	padding-top: 10px;
	padding-bottom: 30px;
}
#container #main #datenschutz .title {
	background-image: none;
	background-repeat: no-repeat;
	float: left;
	height: 50px;
	width: 270px;
	padding-left: 15px;
	color: #0C578C;
	font-size: 26px;
	font-weight: bold;
	font-style:italic;
}
#container #main #datenschutz .text {
	float: right;
	height: auto;
	width: 630px;
	font-size: 13px;
	line-height: 17px;
}
#container #main #adresse {
	height: 250px;
	width: 920px;
	padding-top: 10px;
}
#container #main #adresse .title {
	background-image: url(../img/title_adresse.png);
	background-repeat: no-repeat;
	float: left;
	height: 50px;
	width: 280px;
}
#container #main #adresse .text {
	float: right;
	height: auto;
	width: 630px;
	font-size: 13px;
	line-height: 17px;
}
#container #main #lage {
	height: 250px;
	width: 920px;
	padding-top: 10px;
}
#container #main #lage .title {
	background-image: url(../img/title_lage.png);
	background-repeat: no-repeat;
	float: left;
	height: 50px;
	width: 280px;
}
#container #main #lage .text {
	float: right;
	height: auto;
	width: 630px;
	font-size: 13px;
	line-height: 17px;
}
#container #main #buchung {
	height: 300px;
	width: 920px;
	padding-top: 10px;
}
#container #main #buchung .title {
	background-image: url(../img/title_buchung.png);
	background-repeat: no-repeat;
	float: left;
	height: 50px;
	width: 280px;
}
#container #main #buchung .text {
	float: right;
	height: auto;
	width: 630px;
	font-size: 13px;
	line-height: 17px;
}
#container #footer {
	font-size: 11px;
	line-height: 17px;
	color: #818181;
	height: 17px;
	width: 940px;
	margin-top: 10px;
	margin-bottom: 30px;
	font-weight: bold;
	letter-spacing: 0.1pt;
	text-shadow: 0px 1px 0px #FFF;
	filter: dropshadow(color=#FFF, offx=0, offy=1);
}
#container #footer .left {
	float: left;
}
#container #footer .right {
	float: right;
}
#container #footer .right span {
	font-weight: lighter;	
}
#container #footer a {
	color: #818181;
}
#container #footer a:hover {
	color: #07588E;
	text-decoration: none;
}
#container #footer a:active {
	color: #07588E;
	text-decoration: none;
}