@charset "utf-8";

* {
   margin: 0px;
   padding: 0px;
}

body,
html {
   width:100%;
   height:100%;
}
html[xmlns^="http"] {
 overflow-y: scroll;
}

html {
   background:transparent url(../images/bg-html.png) 0 0 repeat;
}

body {
   background:transparent url(../images/bg-body.png) center top no-repeat;
   font-family:"trebuchet MS", Verdana, Arial;
   font-size:13px;
   color:#4a1249;
}

h2,
h3 {
   font-weight:normal;
   font-size:24px;
}

h3 {
   font-size:18px;
}

h4,
h5,
h6 {
   font-weight:bold;
   font-size:13px;
}

a {
   outline:none;
   text-decoration:underline;
   color:#4a1249;
}

img {
   border:none;
}

ul {
   list-style:none;
}

/* CONTAINER */
#container {
   min-height: 100%;
   height: auto !important;
   height: 100%;
   margin: 0 auto -251px auto;
   width:838px;
   padding:0 21px;
}

/* HEADER */
#header {
   width:838px;
   position:relative;
   height:406px;
   background-position: 0 0;
   background-repeat: no-repeat;
   background-color: transparent;
}

.header-winter {
	background-image: url(../images/bg-header.jpg);
}

.header-summer {
	background-image: url(../images/bg-header-summer.jpg);
}

#header h1.branding {
   width:153px;
   height:126px;
   position:absolute;
   top:6px;
   left:-21px;
}

#header h1.branding a {
   display:block;
   width:153px;
   height:126px;
   text-decoration:none;
}

#header h1.branding a span {
   display:block;
   text-indent:-9999px;
   position:absolute;
   top:0;
   left:0;
}

/* ADD NAVIGATION */

#addNaviDE,
#addNaviEN {
   width:396px;
   padding:0 0 0 9px;
   height:29px;
   position:absolute;
   top:0;
   left:433px;
   background:transparent url(../images/bg-navi-add-de.png) 0 0 no-repeat;
   text-indent:-9999px;
}

#addNaviEN {
   background:transparent url(../images/bg-navi-add-en.png) 0 0 no-repeat;
}

#addNaviDE li,
#addNaviEN li {
   float:left;
   height:18px;
   line-height:18px;
   padding:6px 6px 0 0;
}

#addNaviDE li a,
#addNaviEN li a {
   height:18px;
   display:block;
   background:transparent url(../images/bg-navi-add-de.png) 0 0 no-repeat;
}

#addNaviEN li a {
   background:transparent url(../images/bg-navi-add-en.png) 0 0 no-repeat;
}

#addNaviDE li a.startseite {
   width:60px;
   background-position:-9px -6px;
}

#addNaviDE li a.startseite:hover,
#addNaviDE li.active a.startseite {
   background-position:-9px -35px;
}

#addNaviDE li a.ambiente {
   width:61px;
   background-position:-75px -6px;
}

#addNaviDE li a.ambiente:hover,
#addNaviDE li.active a.ambiente {
   background-position:-75px -35px;
}

#addNaviDE li a.wohlbefinden {
   width:83px;
   background-position:-142px -6px;
}

#addNaviDE li a.wohlbefinden:hover,
#addNaviDE li.active a.wohlbefinden {
   background-position:-142px -35px;
}

#addNaviDE li a.kontakt {
   width:52px;
   background-position:-231px -6px;
}

#addNaviDE li a.kontakt:hover,
#addNaviDE li.active a.kontakt {
   background-position:-231px -35px;
}

#addNaviDE li a.anfahrt {
   width:51px;
   background-position:-289px -6px;
}

#addNaviDE li a.anfahrt:hover,
#addNaviDE li.active a.anfahrt {
   background-position:-289px -35px;
}

#addNaviEN li a.homepage {
   width:67px;
   background-position:-9px -6px;
}

#addNaviEN li a.homepage:hover,
#addNaviEN li.active a.homepage {
   background-position:-9px -35px;
}

#addNaviEN li a.ambience {
   width:62px;
   background-position:-82px -6px;
}

#addNaviEN li a.ambience:hover,
#addNaviEN li.active a.ambience {
   background-position:-82px -35px;
}

#addNaviEN li a.wellness {
   width:57px;
   background-position:-150px -6px;
}

#addNaviEN li a.wellness:hover,
#addNaviEN li.active a.wellness {
   background-position:-150px -35px;
}

#addNaviEN li a.contact {
   width:50px;
   background-position:-213px -6px;
}

#addNaviEN li a.contact:hover,
#addNaviEN li.active a.contact {
   background-position:-213px -35px;
}

#addNaviEN li a.directions {
   width:63px;
   background-position:-269px -6px;
}

#addNaviEN li a.directions:hover,
#addNaviEN li.active a.directions {
   background-position:-269px -35px;
}

#addNaviDE li a.DE,
#addNaviDE li a.EN,
#addNaviEN li a.DE,
#addNaviEN li a.EN {
   width:16px;
   height:14px;
   font-size:10px;
   line-height:12px;
   background:none;
}

#addNaviDE li a.DE {
   margin:0 0 0 6px;
}

#addNaviEN li a.DE {
   margin:0 0 0 14px;
}

#addNaviDE li a.EN,
#addNaviEN li a.EN {
   margin:0 0 0 3px;
}

#addNaviEN li a {
   background:transparent url(../images/bg-navi-add-en.png) 0 0 no-repeat;
}

#header blockquote.claimDE,
#header blockquote.claimEN {
   height:76px;
   width:343px;
   position:absolute;
   left:0;
   top:316px;
   background:transparent url(../images/bg-claim-de.png) 0 0 no-repeat;
   text-indent:-9999px;
}

#header blockquote.claimEN {
   background:transparent url(../images/bg-claim-en.png) 0 0 no-repeat;
}

/* MAIN NAVIGATION */

#mainNavigationDE,
#mainNavigationEN {
   width:837px;
   height:83px;
   background:transparent url(../images/bg-navigation-de.png) 0 0 no-repeat;
   position:relative;
   overflow:hidden;
   padding:0 0 0 1px;
}

#mainNavigationDE div.indented,
#mainNavigationEN div.indented {
   text-indent:-9999px;
   height:83px;
}

#mainNavigationDE ul.cover,
#mainNavigationEN ul.cover {
   position:absolute;
   top:83px;
   left:1px;
   width:183px;
   padding:5px 0 0 9px;
   height:75px;
   background:transparent url(../images/bg-sub-navi.png) 0 0 no-repeat;
   font-family:Georgia, "Times New Roman", Times, serif;
}

ul.cover a {
   color:#efd42d;
   line-height: 18px;
   font-size: 12px;
   text-decoration:none;}

ul.cover a:hover {color:#FFFFFF;}

#mainNavigationDE div.boxgrid,
#mainNavigationEN div.boxgrid {
   position:absolute;
   top:0;
   width:191px;
   height:166px;
   overflow:hidden;
}

div#apparthotel {
   left:0;
}

div#aktivitaeten {
   left:215px;
}

div#preise {
   left:432px;
}

div#gaestebuch,
div#guestbook {
   width:190px;
   position:absolute;
   top:0;
   left:647px;
   height:83px;
}

div#gaestebuch a,
div#guestbook a {
   display:block;
   width:190px;
   height:83px;
   position:relative;
   z-index:1;
   background:transparent url(../images/bg-gaestebuch-link.png) 1000px 1000px no-repeat;
}

div#guestbook a {
   background:transparent url(../images/bg-guestbook-link.png) 1000px 1000px no-repeat;
}

div#gaestebuch a:hover,
div#gaestebuch a.active {
   background-position:1px 0;
}

div#guestbook a:hover,
div#guestbook a.active {
   background-position:0 0;
}

* html div#gaestebuch a:hover,
* html div#gaestebuch a.active {
   background-position:2px 0;
}

* html div#guestbook a:hover,
* html div#guestbook a.active {
   background-position:1px 0;
}

#mainNavigationEN {
   background:transparent url(../images/bg-navigation-en.png) 0 0 no-repeat;
}

/* CONTENT */
#contentContainer {
   width:838px;
   height:auto;
}

#contentContainer p,
#contentContainer ul {
   line-height:19px;
   margin:0 0 19px 0;}

#contentContainer ul {
	margin: 0 0 19px 15px;}
		

#contentContainer ul li {
list-style-type: square;
}

#contentContainer h3 {
	font-size: 20px;
	margin: 0 0 20px 0;}

#contentContainer h2.headline {
   height:70px;
   text-indent:-9999px;
}

#contentContainer h2.startseite {
   background:transparent url(../images/h2/bg-startseite.png) 0 0 no-repeat; height:96px;
}

#contentContainer h2.studio {
   background:transparent url(../images/h2/bg-studio.png) 0 0 no-repeat;
}

#contentContainer h2.kontakt {
   background:transparent url(../images/h2/bg-kontakt.png) 0 0 no-repeat;
}

#contentContainer h2.danke {
   background:transparent url(../images/h2/bg-danke.png) 0 0 no-repeat;
}

#contentContainer h2.impressum {
   background:transparent url(../images/h2/bg-impressum.png) 0 0 no-repeat;
}

#contentContainer h2.sommer {
   background:transparent url(../images/h2/bg-sommer.png) 0 0 no-repeat;
}

#contentContainer h2.winter {
   background:transparent url(../images/h2/bg-winter.png) 0 0 no-repeat;
}

#contentContainer h2.angebote {
   background:transparent url(../images/h2/bg-angebote.png) 0 0 no-repeat;
}

#contentContainer h2.anfrage {
   background:transparent url(../images/h2/bg-anfrage.png) 0 0 no-repeat;
}

#contentContainer h2.ambiente {
   background:transparent url(../images/h2/bg-ambiente.png) 0 0 no-repeat;
}

#contentContainer h2.wohlbefinden {
   background:transparent url(../images/h2/bg-wohlbefinden.png) 0 0 no-repeat;
}

#contentContainer h2.anfahrt {
   background:transparent url(../images/h2/bg-anfahrt.png) 0 0 no-repeat;
}

#contentContainer h2.gaestebuch {
   background:transparent url(../images/h2/bg-gaestebuch.png) 0 0 no-repeat;
}

#contentContainer h2.appartement1 {
   background:transparent url(../images/h2/bg-appartement-1.png) 0 0 no-repeat;
}

#contentContainer h2.appartement2 {
   background:transparent url(../images/h2/bg-appartement-2.png) 0 0 no-repeat;
}

#contentContainer h2.appartement3 {
   background:transparent url(../images/h2/bg-appartement-3.png) 0 0 no-repeat;
}

#contentContainer h2.home {
   background:transparent url(../images/h2/bg-home.png) 0 0 no-repeat; height: 96px;
}

#contentContainer h2.ambience {
   background:transparent url(../images/h2/bg-ambience.png) 0 0 no-repeat;
}

#contentContainer h2.wellness {
   background:transparent url(../images/h2/bg-wellness.png) 0 0 no-repeat;
}

#contentContainer h2.contact {
   background:transparent url(../images/h2/bg-contact.png) 0 0 no-repeat;
}

#contentContainer h2.directions {
   background:transparent url(../images/h2/bg-directions.png) 0 0 no-repeat;
}

#contentContainer h2.summer {
   background:transparent url(../images/h2/bg-summer.png) 0 0 no-repeat;
}

#contentContainer h2.offers {
   background:transparent url(../images/h2/bg-offers.png) 0 0 no-repeat;
}

#contentContainer h2.inquiry {
   background:transparent url(../images/h2/bg-inquiry.png) 0 0 no-repeat;
}

#contentContainer h2.guestbook {
   background:transparent url(../images/h2/bg-guestbook.png) 0 0 no-repeat;
}

#contentContainer h2.imprint {
   background:transparent url(../images/h2/bg-imprint.png) 0 0 no-repeat;
}

#contentContainer h2.thankYou {
   background:transparent url(../images/h2/bg-thank-you.png) 0 0 no-repeat;
}

#contentContainer img {
   margin:1px 0 9px 0;
}

#contentContainer div.content1,
#contentContainer div.content2 {
   width:410px;
   float:left;
   padding:0 22px 20px 0;
}

#contentContainer div.content2 {
   width:405px;
   padding:0;
}

/*CMS*/

table.cms {
   width:838px;
   margin:0 0 30px 0;
   border: none;
   border-top:none;
   border-right:none;
}

table.cms th {
   font-weight:bold;
   text-align:left;
   background:#DFD7B5;
}

table.cms th.cat {
   width:273px;
   padding-left:3px;
   color:#F8EF52;
   background: #663366;
}

table.cms th.catSmall {
   width:213px;
   padding-left:3px;
    color:#F8EF52;
   background: #663366;
}

table.cms th.cur {
   width:40px;
   color: #FFFFFF;
   background: #663366;
}

table.cms th.period {
   width:171px;
   padding-left:3px;
    color:#F8EF52;
   background: #663366;
}

table.cms th.periodSmall {
   width:95px;
   padding-left:3px;
       color:#F8EF52;
   background: #663366;
}

table.cms td {
   text-align:left;
   border-bottom:none;
   border-left:none;
   background:#8D388D;
   color: #fff;	
   padding: 0 0 20px 3px;
}

div.clear {
   float:none;
   clear:both;
   font-size:0.01em;
   line-height:0.01em;
   height:0;
}

div.ewCMS img {
   float:left;
   margin:0 10px 10px 0;
}

/* FOOTER */
#footerWrapp,
#footerContainer,
#footer,
.push {
   height: 251px;
}

.push {
   float:none;
   clear:both;
}

#footerWrapp {
   background:transparent url(../images/bg-footer-wrapp.png) center top repeat-x;
}

#footerContainer {
   background:transparent url(../images/bg-footer-container.png) center top no-repeat;
}

#footer {
   width:880px;
   margin:0 auto;
   background:transparent url(../images/bg-footer-de.png) 0 0 no-repeat;
   color:#955d94;
   position:relative;
}

#footerContainer div.footerEN {
   background:transparent url(../images/bg-footer-en.png) 0 0 no-repeat !important;
}

#footer h3,
#footer dl {
   text-indent:-9999px;
}

#footer p,
#footer address {
   line-height:19px;
}

#footer a {
   color:#955d94;
}

#footer p.fragen {
   position:absolute;
   width:407px;
   top:57px;
   left:20px;
}

#footer p.finden {
   position:absolute;
   width:246px;
   height:103px;
   top:142px;
   left:101px;
   text-indent:-9999px;
}

#footer p.finden a {
   display:block;
   width:246px;
   height:103px;
}

#footer address.kontakt {
   position:absolute;
   top:57px;
   left:454px;
   font-style:normal;
}

#footer form {
   width:190px;
   position:absolute;
   top:63px;
   left:669px;
}

#footer form input {
   float:none;
   clear:both;
   color:#aa5ca9;
}

#footer form input.textField {
   margin:0 0 18px 12px;
   border:none;
   width:166px;
   height:18px;
   background:none;
}

* html #footer form input.textField {
   margin:0 0 16px 12px;
}

*+html #footer form input.textField {
   margin:0 0 16px 12px;
}

#footer form input.submit {
   position:relative;
   left:146px;
   top:-4px;
}

#footerNaviDE,
#footerNaviEN {
   position:absolute;
   width:260px;
   height:15px;
   background:transparent url(../images/bg-footer-navi-de.png) 0 0 no-repeat;
   line-height:12px;
   font-size:10px;
   top:225px;
   left:606px;
   text-indent:-9999px;
}

#footerNaviEN {
   background:transparent url(../images/bg-footer-navi-en.png) 0 0 no-repeat;
   width:239px;
   left:628px;
   top:225px;
}

#footerNaviDE li,
#footerNaviEN li {
   float:left;
   height:15px;
   padding:0 5px 0 0;
}

#footerNaviDE a,
#footerNaviEN a {
   display:block;
   height:15px;
   background:transparent url(../images/bg-footer-navi-de.png) 0 0 no-repeat;
}

#footerNaviEN a {
   background:transparent url(../images/bg-footer-navi-en.png) 0 0 no-repeat;
}

#footerNaviDE a.kontakt {
   width:51px;
}

#footerNaviDE a.kontakt:hover,
#footerNaviDE li.active a.kontakt {
   background-position:0 -15px;
}

#footerNaviDE a.impressum {
   width:72px;
   background-position:-51px 0;
}

#footerNaviDE a.impressum:hover,
#footerNaviDE li.active a.impressum {
   background-position:-51px -15px;
}

#footerNaviDE a.euroweb {
   width:120px;
   background-position:-133px 0;
}

#footerNaviDE a.euroweb:hover {
   background-position:-133px -15px;
}

#footerNaviEN a.contact {
   width:50px;
}

#footerNaviEN a.contact:hover,
#footerNaviEN li.active a.contact {
   background-position:0 -15px;
}

#footerNaviEN a.imprint {
   width:53px;
   background-position:-54px 0;
}

#footerNaviEN a.imprint:hover,
#footerNaviEN li.active a.imprint {
   background-position:-54px -15px;
}

#footerNaviEN a.euroweb {
   width:120px;
   background-position:-112px 0;
}

#footerNaviEN a.euroweb:hover {
   background-position:-112px -15px;}
   
	#slideshow {
		height: 180px;
		width: 400px;
		z-index: 99;
		position: relative;
		background:url(../images/slideshow/1.jpg) 0 0;}
	
		#slideshow img {
			display: none; 
			position: absolute; 
			left: 0; 
			top: 0;}