
* { margin: 0; padding:0; outline:none; }

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

html { background:url(../images/bg-html.jpg) center top repeat; }

body { font:62.5%/200% Georgia, "Times New Roman", Times, serif; color:#000; background:url(../images/bg-body.jpg) center top no-repeat; }

/* ----------------------------------> Global classes <-----------------------------*/
a { color:#386838; }

a:hover { text-decoration:none; }

img { border:none; }

p.border { border-bottom: 1px #8db18d dashed; padding: 5px 0 20px; }

.highlight { font-weight:bold; }

.image { border:solid 1px #9e7d3b; background:#f6c35d; padding:1px; }

.floatRight { float:right; margin:0 0 10px 10px; }

.floatLeft { float:left; margin:0 10px 10px 0; }

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

#map { border:solid 1px #9e7d3b; background:#f6c35d; padding:1px; }

/* LAYOUT INDEX */

body#start { background: url(../images/bg-body-start.jpg) repeat!important; }
body#start div#container-top { background: url(../images/bg-container-top.jpg) repeat-x; }
body#start div#container-center { width: 990px; height: 800px; margin: 0 auto; position: relative; }

body#start div#intro { background: url(../images/index/noflash.jpg) no-repeat; width: 990px; height: 785px; }
body#start div#player { top: 320px!important; }

body#start h1 { display: none; }

body#start img#branding-start { position: absolute; top: 95px; left: 308px; }

body#start h2 { background: url(../images/h2-index.gif) no-repeat; width: 471px; height: 29px; text-indent: -9999px; position: absolute; top: 648px; left: 262px; }

body#start ul#language { background: url(../images/bg-language.gif) no-repeat; position: absolute; top: 744px; left: 262px; list-style: none; margin: 0; }

body#start ul#language li { text-indent: -9999px; float: left; }

body#start ul#language li a { display: block; width: 157px; height: 18px; }

body#start a#lang01:hover { background: url(../images/bg-language.gif) no-repeat 0 -18px; }

body#start a#lang02:hover { background: url(../images/bg-language.gif) no-repeat -157px -18px; }

body#start a#lang03:hover { background: url(../images/bg-language.gif) no-repeat -314px -18px; }

/* ----------------------------------> Container <-----------------------------------*/
#container { width: 992px; min-height: 100%; height:auto !important; height:100%; margin:0 auto -350px; }

/* ----------------------------------> Header <--------------------------------------*/

#header { width:992px; height:629px; position:relative; font-size:1em; }

#branding a { position:absolute; left:308px; top:25px; }

#teaser { width:992px; height:286px; position:absolute; left:0px; top:314px; background:url(../images/bg-teaser.jpg) 0 0 no-repeat; }

#teaser-360 { width:186px; height:183px; background:url(../images/bg-teaser-360.png) 0 0 no-repeat; position:absolute; right:-21px; top:131px; z-index:2; }

#teaser-360 a { display: block; width: 186px; height: 183px; text-indent: -9999px; }

#slideshow { width:984px; height:279px; position:absolute; left:3px; top:3px; z-index:1; overflow:hidden; }

#slideshow img { position:absolute; left:0px; top:0px; display:none; }

#player { position: absolute; top: 230px; left: 850px; }

/* ----------------------------------> NaviLang <-------------------------------------*/
#naviLang { list-style-type:none; position:absolute; left:455px; top:295px; }

#naviLang li { float:left; padding:0 6px 0 0; }

#naviLang li a { width:22px; height:14px; display:block; text-indent:-5000px; overflow:hidden; float:left; background:url(../images/bg-navi-lang.gif) 0 0 no-repeat; }

#naviLang li a.en { background-position:-28px 0; }

#naviLang li a.ru { background-position:-57px 0; }

/* ----------------------------------> NaviAdd <-------------------------------------*/
#naviAdd { list-style-type:none; position:absolute; top:276px; left:23px; }

#naviAdd li { float:left; padding:0 21px; }

#naviAdd li.separate { padding:0 339px 0 21px; }

ul.ru li { padding:0 12px !important; }

ul.ru li.separate { padding:0 339px 0 21px !important; }

#naviAdd li a { float:left; color:#c5993d; font-size:1.6em; text-decoration:none; }

#naviAdd li a:hover,
#naviAdd li.active a { color:#386838; }

/* ----------------------------------> Content Sidebar <-----------------------------*/
#contentSidebar { width:263px; padding:6px 0 30px 18px; float:left; }

/* ----------------------------------> Navi <----------------------------------------*/
#navi { list-style-type:none; }

#navi li { float:left; }

.lang-de li a { background:url(../images/de/bg-navi.gif) 0 0 no-repeat; }

.lang-en li a { background:url(../images/en/bg-navi.gif) 0 0 no-repeat; }

.lang-ru li a { background:url(../images/ru/bg-navi.gif) 0 0 no-repeat; }

#navi li a { float:left; display:block; width:262px; height:35px; text-indent:-5000px; }

#navi li a { float:left; display:block; width:262px; height:40px; text-indent:-5000px; }

#navi li a.link01:hover,
#navi li.active a.link01 { background-position:-262px 0; }

#navi li a.link02 { background-position:0 -40px; }

#navi li a.link02:hover,
#navi li.active a.link02 { background-position:-262px -40px; }

#navi li a.link03 { background-position:0 -80px; }

#navi li a.link03:hover,
#navi li.active a.link03 { background-position:-262px -80px; }

#navi li a.link04 { background-position:0 -120px; }

#navi li a.link04:hover,
#navi li.active a.link04 { background-position:-262px -120px; }

#navi li a.link05 { background-position:0 -160px; }

#navi li a.link05:hover,
#navi li.active a.link05 { background-position:-262px -160px; }

#navi li a.link06 { background-position:0 -200px; }

#navi li a.link06:hover,
#navi li.active a.link06 { background-position:-262px -200px; }

#navi li a.link07 { background-position:0 -240px; }

#navi li a.link07:hover,
#navi li.active a.link07 { background-position:-262px -240px; }

#navi li a.link08 { background-position:0 -280px; }

#navi li a.link08:hover,
#navi li.active a.link08 { background-position:-262px -280px; }

#navi li a.link09 { background-position:0 -320px; }

#navi li a.link09:hover,
#navi li.active a.link09 { background-position:-262px -320px; }

#navi li a.link10 { background-position:0 -397px; }		/* Links*/

#navi li a.link10:hover,
#navi li.active a.link10 { background-position:-262px -397px; }

#navi li a.link11 { background-position:0 -356px; } /* Stammgästebereich*/

#navi li a.link11:hover,
#navi li.active a.link11 { background-position:-262px -356px; }

/* ----------------------------------> Content Main <--------------------------------*/
#contentMain { width:653px; padding:5px 0 50px 51px; font-size:1.4em; float:left; }

#contentMain h2 { font-size:2.3em; color:#386838; font-weight:normal; }

#contentMain h3 { font-size:1.3em; color:#90b990; font-weight:normal; font-style:italic; position:relative; margin: -22px 0 0 0; left:23px; padding:0 0 45px 0; }
#contentMain h3.abbestellen { font-size:1.3em; color:#90b990; font-weight:normal; font-style:italic; position:relative; margin: 0 0 0 0; left:23px; padding:0 0 45px 0; }

#contentMain h4 { font-size:1.6em; margin: 0 0 5px 0; font-weight:normal; }

#contentMain h4.ru { font-size:1.2em; }

#contentMain h5 { font-size:1.8em; margin: 30px 0 20px 0; font-weight:normal; border-bottom: 1px solid #386838; padding-bottom: 0px; color: #386838; }

#contentMain p { margin:0 0 15px 0; }

#contentMain .small { font-size: 0.8em; margin-top: -20px; font-style: italic; float: right; clear: both; color: #898460; }

#contentMain ul { list-style-type:none; margin: 0 0 15px 0; }

#contentMain ul li { background:	url(../images/bg-list.png) 0 4px no-repeat; padding:0 0 5px 20px; margin-bottom: 5px; }

.contentMainInner { padding:0 40px 0 11px; }

#contentMain .column { width: 290px; margin-right: 22px; float: left; display: inline; }

#contentMain .last { margin-right: 0; }

#contentMain .th { border: 1px solid #fff; background: #f6f3df; padding: 5px; }

/* Big thumb size = 590 x */
/* Small thumb size = 278 x 140 */

#contentMain dl { width: 290px; margin: 0 0 15px 0; float: left; display: inline; }

#contentMain dl dt { width: 90px; font-weight: bold; float: left; clear: left; }

#contentMain dl dd { width: 200px; float: left; }

.quote { width:538px; padding:18px 40px 21px 75px; position:relative; margin:0 0 26px -14px; background:url(../images/bg-quote.gif) left bottom no-repeat; }

.quoteTop { width:653px; height:44px; background:url(../images/bg-quote-top.gif) 0 0 no-repeat; position:absolute; left:0px; top:0px; z-index:1; }

.quote blockquote { font-size:1.3em; position:relative; z-index:2; color:#898460; font-style:italic; line-height:normal; padding:0 30px 0 0; background:url(../images/bg-quote-mark-end.gif) right bottom no-repeat; }

#contentMain a.file { border: 1px solid #fff; background: #f6f3df; padding: 5px; font-style: italic; display: block; margin: 10px 0 20px 0; text-decoration: none; text-indent: 10px; }

#contentMain a.file:hover { border: 1px solid #fff; background: #90b990; color: #fff; padding: 5px; font-style: italic; display: block; margin: 10px 0 20px 0; text-decoration: none; }

#contentMain .spacer { display: block; height: 20px; clear: both; }

#contentMain #map { border: 1px solid #fff; background: #f6f3df; padding: 5px; }

/* UV */

#contentMain #uv { background: #f5f4e6; padding: 20px 20px 20px 45px; margin: 20px 0; }

/* TABLES */

table.price { width: 602px; margin: 0 0 20px 0; }

table.price td { width: 147px; padding: 5px 0; text-align: center; border-bottom: 1px solid #e4da96; }

table.price td span.sesam { color: #c30000; font-weight: bold; }

table.price tr.dates td { background: none!important; padding: 0; border-bottom: 1px solid #90b990; }

table.price tr.alternate td { background: #f6f3df; }

table.price td.col1 { background: #f0e7ae; color: #386838; width: 160px!important; }

table.price tr:hover td,
table.price tr.alternate:hover td { background: #fffef8; cursor: pointer; }

#push { height:350px; clear:both; float:none; }

/* ----------------------------------> Footer <--------------------------------------*/
#footer { background:url(../images/bg-footer.jpg) left bottom repeat-x; width:100%; height:350px; font-size:1.4em; color:#fff; }

#innerFooter { width:992px; height:350px; margin:0 auto; position:relative; background:url(../images/bg-footer.gif) left bottom no-repeat; }

#innerFooter h4 { font-size:1.3em; font-weight:normal; }

#innerFooter p { padding:71px 0 0 0; }

#innerFooter p strong { width:86px; float:left; font-weight:normal; }

#footerThumbs { width:943px; height:95px; padding:25px 0 37px 35px; position:relative; left:14px; background:url(../images/bg-footer-thumbs.png) 0 0 no-repeat; }


#footerThumbs h3 { font-size:2.4em; color:#898460; float:left; padding:16px 46px 0 0; }

#footerThumbs h3.en { padding:16px 58px 0 0; }

#footerThumbs img { background:url(../images/bg-footer-thumb-image.gif) 0 0 no-repeat; padding:2px 3px 3px 2px; margin:0 5px 0 0; }

.footerBranding { position:relative; margin:0 0 0 -21px; float:left; }

.address { padding:70px 0 0 21px; width:316px; float:left; }

.address address { font-style:normal; }

.address a { background:url(../images/bg-footer-email.gif) 3px 4px no-repeat; padding:0 0 0 22px; color:#fff; }

/* ----------------------------------> CMS Classes <---------------------------------*/

