@import url(inc_common.css);
@import url(inc_htmlarea.css);
@import url(inc_nav.css);
@import url(inc_news.css);
@import url(inc_csc.css);
@import url(inc_gallery.css);
@import url(inc_weather.css);
@import url(inc_rss.css);
@import url(inc_googlemap.css);
@import url(inc_pageflip.css);
@import url(custom/jquery-ui-1.8.2.custom.css);
@import url(inc_seekda.css);
@import url(inc_guestbook.css);
@import url(inc_blog.css);

/*
 * Reset
 */
.margin,
#flashheader,
#rightcol, #leftcol, #content, #footer
{
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
	/*
    font-size: 100%;
    vertical-align: baseline;
	*/
    background: transparent;
    text-align: left
}

/*
 * Margin
 */

.margin {
	margin: 0px auto;
	width: 960px;
	text-align: left;
	padding: 0;
	z-index: 2;
	position: relative;
}

/*
 * Columns
 */

.leftcol {
	position: relative;
	float: left;
	width: 280px;
	z-index: 5;
}

.rightcol {
	position: relative;
	float: right;
	z-index: 5;
}

/*
 * Header
 */

#header {
	position: relative;
	height: 416px;
	z-index: 2;
	background: #b59759;
}

#header-top {
	padding: 7px 8px;
	background: white;
	overflow: hidden;
	position: relative;
}

#slogans {
	text-align: right;
	padding-right: 12px;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	margin-top: 17px;
}

#bigslogan {
	font-size: 49px;
	text-transform: uppercase;
	color: #560017;
	font-weight: bold;
	line-height: 40px;
}

#smallslogan {
	font-size: 24.5px;
	text-transform: uppercase;
	color: #c1244e;
	line-height: 20px;
}

.cufon-active #smallslogan {
	margin-top: -8px;
	line-height: 18px;
}

#sloganpfeil {
	position: absolute;
	left: 286px;
	top: 28px;
	width: 53px;
	height: 105px;
	z-index: 10;
	background: url(../images/back_pfeil.png) left top;
}

#flashheader { height: 282px; overflow: hidden;  }

#header-bottom {
	background: url(../images/logo.png) no-repeat left center;
	height: 115px;
}

#header-bottom .rightcol {
	width: 666px;
	position: relative;
}

#header-bottom .leftcol img {
	margin: 22px 0 0 20px;
	width: 245px;
	height: 75px;
}

#widget {
	width: 272px;
	height: 124px;
	padding:3px;
	border: 1px solid #dcddde;
	position:absolute;
	bottom: 7px;
	left: 8px;
}

/*
 * Content
 */

#contentwrapper {
	position: relative;
	z-index: 1;
	padding: 23px 0 80px 0;
	overflow: hidden;
}

#contentbackground {
	position: absolute;
	background: url(../images/back_page_tb.png) repeat-x center top;
	height: 88px;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 1;
}

#content {
	width: 625px;
	background: white;
	padding: 25px 25px 25px 24px;
}

#adresse {
	color: #f53e6f;
	font-size: 11px;
	margin-top: 10px;
	padding-left: 8px;
	line-height: 15px;
}

#adresse a {
	color: #f53e6f;
	text-decoration: none;
}

#adresse a:hover {
	text-decoration: underline;
}

/*
 * Footer
 */

#bestwellness {
	position:absolute;
	right:0;
	z-index:1;
}

#footer {
	height: 62px;
	position: fixed;
	bottom:0; left:0;
	width: 100%;
	background: url(../images/back_page_tb.png) repeat-x left -88px;
	z-index: 2;
	color: white;
}

#footer .leftcol {
	padding-top:22px;
}
#footer .rightcol {
	padding-top: 25px;
}

#footer .rightcol {
	width: 662px;
	font-size: 11px;
}


/*
 * Startseite
 */

.startpage #header {
	height: 120px;
}

.startpage #contentbackground {
	background-position: center -150px;
	height: 224px;
}

.startpage #contentwrapper {
	padding: 0;
}

.startpage #contentwrapper .margin {
	height: 709px;
}

.startpage #contentbackgroundkomplett {
	background: url(../images/back_start_gesamt.jpg) no-repeat center top;
	position: relative;
	z-index: 2;
	padding-bottom: 52px;
}

.startpage #overlay {
	position: absolute;
	top: 28px;
	left: 191px;
	background: url(../images/back_start_overlay.png) no-repeat left top;
	height: 321px;
	width: 580px;
	z-index: 100;
}

.startpage #flashheader {
	position: absolute;
	top: 28px;
	left: 191px;
	height: 321px;
	width: 580px;
	z-index: 1;
}

.startpage #widget {
	width: 282px;
	height: 198px;
	padding: 0;
	border: none;
	bottom: inherit;
	top: 407px;
	left: 0;
}

.startpage #content {
	position: absolute;
	background: none;
	left: 287px;
	top: 407px;
	padding: 0;
	width: 566px;
	z-index: 101;
}

.startpage #innercontent {
	padding: 15px;
	background: #bc103e;
	height: 128px;
	overflow: hidden;
	color: #f1d5ad;
	position: absolute;
	top: 40px;
}

.startpage #innercontent a, .startpage #innercontent h1, .startpage #innercontent h1 span.first {
	color: #f1d5ad;
}

/*
 * Slider
 */

#sliders {
	position: relative;
	height: 350px;
	margin-bottom: 5px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 13px;
	color: #560017;
}

#sliders a {
	color: #560017;
	text-decoration: underline;
}
#sliders a:hover {
	text-decoration: none;
}

#sliders .slider-inner {
	width: 281px;
	position: absolute;
	overflow: hidden;
	height: 35px;
	top: 0;
	left: 0;
}

#sliders .count2 {
	right: 0;
	left: auto;
}

#sliders h3 {
	margin: 0;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 14px;
	text-transform: uppercase;
	color: #f6e2c3;
	background: #550216;
	padding: 10px 13px 0 13px;
	height: 25px;
}

#sliders h3.clickable {
	cursor: pointer;
	background: #550216 url(../images/back_sliders.png) no-repeat right top;
}

#sliders h3.clicked {
	background-position: right bottom;
}

#sliders .slider-content {
	background: url(../images/back_over.png);
	overflow: hidden;
	padding: 10px 15px 10px 15px;
}

#sliders p { margin-top: 0; }