﻿html {
	height: 100%;
	margin-bottom: 1px; /* always show vertical scrollbars */
}
body {
	/* background: #3b4743; */
	background: #f8f3e2;
 	color: #333;
	font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif;
	font-size: 12px; line-height: 1.2em;
	margin: 0;
	padding: 0;
	height: 100%;
}
.wrp-1 {
	position: relative;
	height: 100%;
}
.wrp-2 {
	background: #fff url(../images/bgr_body.png) repeat-y;
	width: 980px;
	min-height: 100%;
	margin: 0 auto;
	position: relative;
}
* html .wrp-2 {
	height: 100%;
}


img {
	display: block;
	border: 0;
}
* html img {
	behavior: url("static/css/iepngfix.htc");
}
.clear {
	clear: both;
	height: 1px;
	margin-top: -1px;
	overflow: hidden;
	font-size: 1px;
}
p {
	margin: 0 0 1.2em 0;
	padding: 0;
}

/* header */

#header {
	background: #00402a;
	height: 128px;
}
#h-linde,
#h-parkhotel,
#h-lindenhof {
	position: absolute;
	top: 0px;
	left: 0px;
	display: none;  /* JS toggle */
}

/* sidebar */

#sidebar {
	width: 155px;
	padding: 20px 5px 40px 10px;
	margin-right: 30px;
	float: left;
}
#sidebar p {
	font-size: 11px;
	color: #ddd;
}
#sidebar p em {
	font-size: 14px;
	font-style: normal;
}

/* content */

#content {
	overflow: hidden;
	padding: 20px 0;
}
* html #content {
	display: inline-block;
	margin-right: -30px;
}
#content .h {
	float: left;
	margin-bottom: 20px;
}

/* columns */

#content .col {
	float: left;
	width: 227px;
	margin: 0 30px 10px 0;
	cursor: pointer;
}

#content .col .rc-t {
	background: url(../images/bgr_cols.png) 0 0 no-repeat;
	height: 20px;
	overflow: hidden;
}
#content .col .rc-b {
	background: url(../images/bgr_cols.png) 0 -20px no-repeat;
	height: 20px;
	overflow: hidden;
}
#content .col .rc-c {
	background: #cfdfd5;
	padding: 0 12px 0 15px;
	overflow: hidden;
}
* html #content .col .rc-t,
* html #content .col .rc-c,
* html #content .col .rc-b {
	display: inline-block;
}

/* columns: content */

#content .col .title {
	height: 72px;
	padding-left: 15px;
}
#content .col .text {
	min-height: 270px;
	position: relative;
}
* html #content .col .text {
	height: 230px;
}
#content .col ul {
	margin: 0;
	padding: 0;
}
#content .col ul li {
	margin: 0 0 10px 12px;
	padding: 0;
}

#content .col .t1,
#content .col .t2 {
	width: 200px;
	position: absolute; top: 0; left: 0;
}
#content .col .t1 {
	display: none; /* JS toggle */
}

#content p.address {
	color: #00402a;
	margin-top: 1em;
}

a {
	color: #00402a;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

img.romantik {
	bottom: 0; 
	position: absolute;
}
