?@charset "utf-8";

/* ################################ */
/* ######      GLOBAL        ###### */
/* ################################ */

HTML, BODY {
	height:100%;
}

BODY {
	background:#dc8c58 url(img/layout/html_bg.jpg) 0 0;
	margin:0;
	padding:0;
	text-align:center;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:80%;
}
* {
	margin:0;
	padding:0;
}
A {
	outline:0;
	text-decoration:none;
}
IMG {
	border:0;
}
FIELDSET {
	border:0;
}
INPUT, TEXTAREA, SELECT {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:11px;
}
.clr {
	clear:both;
}
.versal {
	text-transform:uppercase;
	letter-spacing:0.1em;
}
/* ################################ */
/* ######      HEADER        ###### */
/* ################################ */

DIV#header {
	position:relative;
	background:url(img/layout/head_top_bg.jpg) repeat-x 0 0;
	margin:0 auto;
	height:139px;
	width:974px;
}
DIV#header IMG#decoLeft,
DIV#header IMG#decoRight {
	position:absolute;
	left:0;
	top:0;
	width:225px;
	height:138px;
}
DIV#header IMG#decoRight {
	left:auto;
	right:0;
}
DIV#header IMG#hotelLogo {
	position:relative;
	margin:0 auto;
	width:210px;
	height:117px;
}
DIV#header UL {
	position:absolute;
	right:3em;
	top:1em;
	list-style-type:none;
	font-size:0.8em;
	text-transform:uppercase;
	letter-spacing:0.1em;
}
DIV#header LI {
	float:left;
}
DIV#header LI A {
	padding:0 0.5em 0 0.5em;
	color:#d97749;
}
DIV#header LI A:hover,
DIV#header LI A.selected {
	color:#ffb67f;
}

/* ################################ */
/* ######     NAVIGATION     ###### */
/* ################################ */

DIV#mainNav,
DIV#subNav {
	position:relative;
	margin:0 auto 0 auto;
	padding:1px 0 3px 0;
	background:#5c1311 url(img/layout/navi_main_bg.jpg) repeat-x left bottom;
	width:974px;
}
DIV#subNav {
	background:#771815 url(img/layout/navi_sub_bg.jpg) repeat-x left bottom;
	margin:0 auto 3em auto;
	min-height:22px;
}
DIV#mainNav A,
DIV#subNav A {
	line-height:2em;
	padding:0 0.9em 0 0;
	color:#ffb67f;
	text-transform:uppercase;
	letter-spacing:0.1em;
	font-size:11px;
}
DIV#subNav A {
	/*padding:0 1.3em 0 0.8em;*/
	padding:0 0.8em 0 0.3em;
	background:url(img/layout/navi_deco_bullet.jpg) no-repeat right center;
	white-space: nowrap;
}
DIV#subNav A.lastItem {
	/*padding:0 0.8em;*/
	padding:0 0.3em;
	background:none;
}
DIV#mainNav A.selected,
DIV#mainNav A:hover,
DIV#subNav A.selected,
DIV#subNav A:hover {
	color:#ffeada;
}
DIV#subNav IMG.leftEdge,
DIV#subNav IMG.rightEdge {
	position:absolute;
	bottom:0;
	left:0;
	width:12px;
	height:12px;
}
DIV#subNav IMG.rightEdge {
	left:auto;
	right:0;
}

/* ################################ */
/* ######     SLIDESHOW      ###### */
/* ################################ */
DIV#slideShow {
	position:relative;
	margin:0 auto;
	width:974px;
	background:#771815 url(img/layout/navi_sub_bg.jpg) 0 0;
}
DIV#slideShow IMG {
	position:relative;
	left:0;
	top:0;
	width:974px;
	cursor:pointer;
	z-index:10;
}
DIV#slideShow IMG#imgClone {
	position:absolute;
	z-index:5;
}
DIV#slideShow IMG.leftEdge,
DIV#slideShow IMG.rightEdge,
DIV#slideShow IMG.leftEdgeIe,
DIV#slideShow IMG.rightEdgeIe {
	position:absolute;
	top:0;
	left:0;
	width:12px;
	height:12px;
	z-index:20;
}
DIV#slideShow IMG.rightEdge,
DIV#slideShow IMG.rightEdgeIe {
	left:auto;
	right:0;
}
DIV#slideShow IMG.leftEdgeIe,
DIV#slideShow IMG.rightEdgeIe {
	display:none;
}
DIV#slideShow P {
	position:relative;
	text-align:left;
	padding:0.6em 0 0.7em 42px;
	color:#ffeada;
	font-style:italic;
	font-size:0.9em;
}
UL#slideNavi {
	position:absolute;
	right:34px;
	bottom:9px;
	padding:0 0 0 0;
	list-style:none;
	overflow:hidden;
	font-family:"Times New Roman", Times, serif;
	font-style:normal;
	z-index:1000;
}
UL#slideNavi LI {
	float:left;
}
UL#slideNavi LI A {
	color:#e2b395;
	font-size:0.9em;
	padding:0.1em 0.7em;
	margin:0;
}
UL#slideNavi LI A.selected,
UL#slideNavi LI A:hover {
	color:#ffeada;
	background:#5c1311 url(img/layout/navi_main_bg.jpg) repeat-x 0 0;
}

/* ################################ */
/* ######      CONTENT       ###### */
/* ################################ */

DIV#content {
	position:relative;
	margin:0 auto;
	width:974px;
	min-height:178px;
	background:url(img/layout/content_bg.png);
	text-align:left;
}
DIV#content IMG.leftDeco,
DIV#content IMG.leftEdge {
	position:absolute;
	top:0;
	left:0;
	height:144px;
	width:178px;
	z-index:0;
}
DIV#content IMG.leftEdge {
	top:auto;
	bottom:0;
	width:14px;
	height:14px;
}
DIV#content IMG.rightEdge {
	position:absolute;
	right:0;
	bottom:0;
	height:140px;
	width:175px;
	z-index:0;
}
/* ################################ */
/* ######   LINKE SPALTE     ###### */
/* ################################ */
DIV#leftCol {
	position:relative;
	left:40px;
	width:260px;
	margin:45px 20px 45px 0;
	float:left;
	z-index:10;
}
DIV.topic H1 {
	font-size:3em;
	font-weight:normal;
	font-style:italic;
	line-height:1em;
	text-align:center;
	color:#f0e0d6;
	padding:0 0 0.7em 0;
}
DIV.topic H1.topicSmaller {
	font-size:30px;
	padding:0 0 1em 0;
}
DIV.topic {
	background:url(img/layout/rubrik_deco.gif) no-repeat bottom center;
}
/* ################################ */
/* ######    HAUPTSPALTE     ###### */
/* ################################ */
DIV#mainCol {
	position:relative;
	left:0;
	width:605px;
	margin:45px 0 45px 45px;
	float:left;
	z-index:10;
}
/* main-Spalte schmal */
DIV#mainCol.narrow {
	width:450px;
}
H1 {
	font-size:1.4em;
	font-weight:normal;
	padding:0 0 0.3em 0;
}
H1.highlight {
	color:#751815;
	padding:0.4em 0 1em 0;
}
H2 {
	font-size:0.8em;
	font-weight:normal;
	text-transform:uppercase;
	letter-spacing:0.1em;
	color:#751815;
	background:url(img/layout/line.gif) repeat-x bottom left;
	line-height:0.7em;
	margin-bottom:1.7em;
}
H2 STRONG,
H2 b {
	background:url(img/layout/line_cover.gif) repeat-x bottom left;
	padding:0 0.5em 0 0;
	font-weight:normal;
}
H3 {
	font-size:1.3em;
	color:#771815;
	font-style:italic;
	font-weight:normal;
	padding:0 0 0.3em 0;
}
H4 {
	font-size:0.8em;
	color:#771815;
	font-weight:normal;
	text-transform:uppercase;
	letter-spacing:0.1em;
}
H4.headOutpost {
	position:relative;
	display:block;
	top:1.5em;
	left:-256px;
	width:245px;
	text-align:right;
}
P {
	font-size:0.9em;
	color:#271408;
	line-height:1.5em;
	padding:0 0 0.9em 0;
}
P.spacer {
	line-height:3em;
}
A {
	color:#6e0300;
}
A.versalLink {
	font-size:0.9em;
	letter-spacing:0.1em;
	text-transform:uppercase;
	white-space:nowrap;
}
A:hover {
	color:#fff;
}
BLOCKQUOTE {
	padding:1em 0 1.3em 0;
}

.pictureRight {
	float:right;
	margin:0 0 0 2em;
	border:1px solid #bf7d5a;
}

/* Wellness - Contentbloecke */
DIV.contentBlock2,
DIV.contentBlock {
	position:relative;
	
	
}
DIV.contentBlock2 {
	margin:0 0 2em 0;
}

DIV.contentBlock {
	background:url(img/layout/line.gif) repeat-x bottom left;
	min-height:134px;
	margin:0 0 2.5em 0;
}
/* Wellness - Bild in Marginalie */
.pictureOutpost {
	position:absolute;
	left:-285px;
	margin:4px 0 0 0;
}
/* Buchung - Datum in Headline */
.textNormalize {
	font-size:0.7em;
	color:#271408;
}
/* Buchung Textfarben nach Kategorie */
.katA {
	color:#771815;
}
.katB {
	color:#924134;
}
.katC {
	color:#a14e3b;
}
H4.headOutpost STRONG {
	font-weight:normal;
	font-size:1.2em;
}

DIV#content ul {
	
}
DIV#content li {
	color:#271408;
	font-size:0.9em;
	line-height:1.5em;
	padding:0pt 0pt 0.4em 1.1em;
	list-style:none;

	background-image:url(img/layout/li.gif);
	background-position: 1px 6px ;
	background-repeat:no-repeat;


}
/* ################################ */
/* ######      Bildelement       ###### */
/* ################################ */

.csc-textpic-caption  {
	color:#271408;
	font-size:0.9em;
	line-height:1.5em;
}
div.csc-textpic div.csc-textpic-imagewrap dl.csc-textpic-image {
	margin-bottom:15px;
}
/* ################################ */
/* ######      FOOTER        ###### */
/* ################################ */
DIV#footer {
	position:relative;
	margin:0 auto;
	width:974px;
	text-align:left;
	padding:1em 0;
}
DIV#footer P {
	padding:0 40px 4em 40px;
	clear:both;
	text-transform:uppercase;
	letter-spacing:0.1em;
	color:#480e0d;
	font-size:0.8em;
}
DIV#footer A {
	color:#480e0d;
}
DIV#footer A:hover {
	color:#fff;
}
DIV#footer SPAN.partnerLinks {
	float:left;
}
DIV#footer SPAN.serviceLinks {
	float:right;
}
DIV#footer SPAN.seperator {
	color: #6f2827;
	padding:0 0.7em;
}