@charset "utf-8";

html {
   background:#fff url(../images/bg-html.jpg) center 527px no-repeat;
}

body {
   background:transparent url(../images/bg-body.jpg) 0px 150px repeat-x;
   font:13px/22px "Trebuchet MS", Arial, Helvetica, sans-serif;
   color:#2f261f;
}

html, body {
	height: 100%;
}

.clear {
   float:none;
   clear:both;
   height:1px;
}

div#site-container {
   margin:0 auto;
   width:980px;
   background:transparent;
   z-index:100;
}

/*************************************************************************/
/* =header */
/*************************************************************************/

div#header-container {
   width:980px;
   height:527px;
   position:relative;
   background:transparent url(../images/bg-header-container.jpg) 0 0 no-repeat;
   z-index:110;
}

div#header-container h1#branding {
   width:350px;
   height:150px;
   display:block;
   position:absolute;
   top:0px;
   left:0px;
   z-index:120;
}

div#header-container h1#branding a {
   width:350px;
   height:150px;
   display:block;
   text-indent:-9000px;
}

div#header-container div#header-slideshow {
   width:694px;
   height:377px;
   position:absolute;
   top:150px;
   left:0px;
   background:transparent url(../images/bg-slideshow.jpg) 0 0 no-repeat;
   z-index:130;
}

div#header-container div#header-slideshow h2 {
   width:694px;
   height:40px;
   position:absolute;
   top:325px;
   left:20px;
   color:#fff;
   font-family:Georgia, "Times New Roman", Times, serif;
   font-size:42px;
   line-height:42px;
   font-variant:small-caps;
   z-index:140;
}

div#header-container div#header-slideshow h3 {
   width:694px;
   height:40px;
   position:absolute;
   top:305px;
   left:20px;
   color:#fff;
   font:14px/22px "Trebuchet MS", Arial, Helvetica, sans-serif;
   font-weight:bold;
   z-index:150;
}

/*************************************************************************/
/* =navigation */
/*************************************************************************/

ul#navigation {
   padding:12px 0px 15px 0px;
   width:286px;
   height:350px;
   position:absolute;
   top:150px;
   right:0px;
   background:transparent url(../images/bg-navigation.jpg) 0 0 no-repeat;
   z-index:160;
}

ul#navigation li {
   display:block;
   width:286px;
   height:35px;
}

ul#navigation li a {
   display:block;
   width:286px;
   height:35px;
   text-indent:-9000px;
}

ul#navigation li a.restaurant,
ul#navigation li a.restaurant:visited {
   background:url(../images/bg-navigation.jpg) 0 -13px no-repeat;
}
ul#navigation li a.restaurant:hover,
ul#navigation li a.restaurant:active,
ul#navigation li a.restaurant-active {
   background:url(../images/bg-navigation.jpg) -286px -13px no-repeat;
}

/*****************/

ul#navigation li a.zimmer,
ul#navigation li a.zimmer:visited {
   background:url(../images/bg-navigation.jpg) 0 -48px no-repeat;
}
ul#navigation li a.zimmer:hover,
ul#navigation li a.zimmer:active,
ul#navigation li a.zimmer-active {
   background:url(../images/bg-navigation.jpg) -286px -48px no-repeat;
}

/*****************/

ul#navigation li a.appartement,
ul#navigation li a.appartement:visited {
   background:url(../images/bg-navigation.jpg) 0 -83px no-repeat;
}
ul#navigation li a.appartement:hover,
ul#navigation li a.appartement:active,
ul#navigation li a.appartement-active {
   background:url(../images/bg-navigation.jpg) -286px -83px no-repeat;
}

/*****************/

ul#navigation li a.sommer,
ul#navigation li a.sommer:visited {
   background:url(../images/bg-navigation.jpg) 0 -118px no-repeat;
}
ul#navigation li a.sommer:hover,
ul#navigation li a.sommer:active,
ul#navigation li a.sommer-active {
   background:url(../images/bg-navigation.jpg) -286px -118px no-repeat;
}

/*****************/

ul#navigation li a.winter,
ul#navigation li a.winter:visited {
   background:url(../images/bg-navigation.jpg) 0 -153px no-repeat;
}
ul#navigation li a.winter:hover,
ul#navigation li a.winter:active,
ul#navigation li a.winter-active {
   background:url(../images/bg-navigation.jpg) -286px -153px no-repeat;
}

/*****************/

ul#navigation li a.aktivitaeten,
ul#navigation li a.aktivitaeten:visited {
   background:url(../images/bg-navigation.jpg) 0 -188px no-repeat;
}
ul#navigation li a.aktivitaeten:hover,
ul#navigation li a.aktivitaeten:active,
ul#navigation li a.aktivitaeten-active {
   background:url(../images/bg-navigation.jpg) -286px -188px no-repeat;
}

/*****************/

ul#navigation li a.sportliche-angebote,
ul#navigation li a.sportliche-angebote:visited {
   background:url(../images/bg-navigation.jpg) 0 -223px no-repeat;
}
ul#navigation li a.sportliche-angebote:hover,
ul#navigation li a.sportliche-angebote:active,
ul#navigation li a.sportliche-angebote-active {
   background:url(../images/bg-navigation.jpg) -286px -223px no-repeat;
}

/*****************/

ul#navigation li a.galerie,
ul#navigation li a.galerie:visited {
   background:url(../images/bg-navigation.jpg) 0 -258px no-repeat;
}
ul#navigation li a.galerie:hover,
ul#navigation li a.galerie:active,
ul#navigation li a.galerie-active {
   background:url(../images/bg-navigation.jpg) -286px -258px no-repeat;
}

/*****************/

ul#navigation li a.preise,
ul#navigation li a.preise:visited {
   background:url(../images/bg-navigation.jpg) 0 -293px no-repeat;
}
ul#navigation li a.preise:hover,
ul#navigation li a.preise:active,
ul#navigation li a.preise-active {
   background:url(../images/bg-navigation.jpg) -286px -293px no-repeat;
}

/*****************/

ul#navigation li a.reservierung,
ul#navigation li a.reservierung:visited {
   background:url(../images/bg-navigation.jpg) 0 -328px no-repeat;
}
ul#navigation li a.reservierung:hover,
ul#navigation li a.reservierung:active,
ul#navigation li a.reservierung-active {
   background:url(../images/bg-navigation.jpg) -286px -328px no-repeat;
}

/*************************************************************************/
/* =navigation-preise */
/*************************************************************************/

ul#navigation li ul#navigation-preise {
   display:block;
   padding:10px 0 0 15px;
   width:175px;
	height:140px;
   background:#fcd148 url(../images/ul-navigation-preise.jpg) 0 0 no-repeat;
   position:absolute;
   top:178px;
   right:284px;
   z-index:170;
   color:#b31515;
}

ul#navigation li ul#navigation-preise {
   display:none;
}
					
ul#navigation li:hover ul#navigation-preise, ul#navigation li.iehover ul#navigation-preise {
   display: block;
}

ul#navigation li ul#navigation-preise li,
ul#navigation li ul#navigation-preise li ul li {
   height:22px;
   width:136px;
}

ul#navigation li ul#navigation-preise li {
   font-weight:bold;
   height:auto;
}

ul#navigation li ul#navigation-preise li ul li {
   font-weight:normal;
   height:auto;
   padding:0 0 0 12px;
   background:url(../images/li-navigation-preise.png) 0 7px no-repeat;
}

ul#navigation li ul#navigation-preise li a,
ul#navigation li ul#navigation-preise li a:visited {
   color:#b31515;
   text-decoration:underline;
   height:22px;
   width:166px;
   text-indent:0px;
   display:inline;
}

ul#navigation li ul#navigation-preise li a:hover,
ul#navigation li ul#navigation-preise li a:active {
   color:#b31515;
   text-decoration:none;
   text-indent:0px;
}

/*************************************************************************/
/* =navigation-additional */
/*************************************************************************/

ul#navigation-additional {
   width:240px;
   height:20px;
   position:absolute;
   top:85px;
   right:20px;
}

ul#navigation-additional li {
   display:block;
   float:left;
   height:14px;
   padding:0 7px 5px 6px;
   font:12px/21px "Trebuchet MS", Arial, Helvetica, sans-serif;
   border-right:1px solid #ebebea;
}

ul#navigation-additional li.nobroder {
   display:block;
   float:left;
   height:14px;
   padding:0 0 5px 6px;
   font:12px/21px "Trebuchet MS", Arial, Helvetica, sans-serif;
   border-right:none;
}

ul#navigation-additional li a,
ul#navigation-additional li a:visited {
   color:#95908a;
   text-decoration:none;
}

ul#navigation-additional li a:hover,
ul#navigation-additional li a:active {
   color:#95908a;
   text-decoration:underline;
}

ul#navigation-additional li a.de {
   margin:4px 0 0 0;
   display:block;
   width:16px;
   height:11px;
   background:url(../images/de.png) 0 0 no-repeat;
   text-indent:-9000px;
}

ul#navigation-additional li a.fr {
   margin:4px 0 0 0;
   display:block;
   width:16px;
   height:11px;
   background:url(../images/fr.png) 0 0 no-repeat;
   text-indent:-9000px;
}

/*************************************************************************/
/* =content */
/*************************************************************************/

div#content-container {
   width:980px;
   position:relative;
   background:transparent url(../images/bg-content-container.jpg) 0 0 no-repeat;
}

div#content-container div#content-main {
   margin:0;
   padding:22px 22px 0 22px;
   width:650px;
   float:left;
}

div#content-container div#content-main1 {
   padding:0px 20px 0px 0px;
   width:300px;
   float:left;
}

div#content-container div#content-main2 {
   padding:0px 10px 0px 20px;
   width:300px;
   float:left;
}

div#content-main h3 {
   margin:0 0 5px 0;
   font-family:Georgia, "Times New Roman", Times, serif;
   font-size:13px;
   font-weight:bold;
   color:#b31515;
   border-bottom:1px solid #f4e9db;
}

div#content-main h4 {
   margin:0;
   font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
   font-size:13px;
   font-weight:bold;
   color:#b31515;
}

div#content-main p {
   margin:0 0 15px 0;
   font:13px/21px "Trebuchet MS", Arial, Helvetica, sans-serif;
   font-weight:normal;
   color:#675e56;
}

div#content-main p strong {
   font-weight:bold;
   color:#675e56;
}

div#content-main p.highlight {
   margin:0 0 10px 0;
   font:13px/20px "Trebuchet MS", Arial, Helvetica, sans-serif;
   font-weight:bold;
   color:#8e8680;
}

div#content-main a,
div#content-main a:visited {
   color:#da221a;
   text-decoration:none;
}

div#content-main a:hover,
div#content-main a:active {
   color:#da221a;
   text-decoration:underline;
}

div#content-main div.hr {
   margin:10px 0 10px 0;
   height:1px;
   border-bottom:1px solid #f4e9db;
}

div#content-main ul {
   margin:0 0 15px 0;
   font:13px/22px "Trebuchet MS", Arial, Helvetica, sans-serif;
   font-weight:normal;
   color:#675e56;
}

div#content-main ul li {
   padding:0 0 0 22px;
   background:url(../images/li-content-main.jpg) 0 5px no-repeat;
}

div#content-main table {
	margin:5px 0 10px 0;
   border-top:1px solid #e2d7ca;
   border-right:1px solid #e2d7ca;
}

div#content-main table p, div#content-main table h4 {
   font-size:12px !important;
   margin:0 0 0 0;
}

div#content-main tr {
	background:#fff;
}

div#content-main tr.alternate {
	background:#fffbf7;
}

div#content-main tr.header {
	background:#f4e9db;
}

div#content-main td {
	padding:5px;
   border-bottom:1px solid #e2d7ca;
   border-left:1px solid #e2d7ca;
}

div#content-main td.td-left {
   text-align:left !important;
}

div#content-main td.td-right {
   text-align:right !important;
}

div#content-main td.td-right p {
   font-weight:bold !important;
}

div#content-main img.image {
   margin:10px 20px 10px 0;
   padding:4px;
   border:1px solid #e2d7ca;
   background:#fffbf7;
   float:left;
}

/*************************************************************************/
/* =sidebar */
/*************************************************************************/

div#content-container div#content-sidebar {
   padding:0px 0px 0px 26px;
   width:260px;
   height:179px;
   float:left;
   background:#f1e9db url(../images/bg-content-sidebar.jpg) 0 0 no-repeat;
}

div#content-sidebar h4 {
   margin:0;
   display:block;
   width:260px;
   height:55px;
   text-indent:-9000px;
}

div#content-sidebar p {
   margin:0 0 10px 0;
   font:13px/21px "Trebuchet MS", Arial, Helvetica, sans-serif;
   font-weight:normal;
   color:#493924;
}

div#content-sidebar p span.label {
   display:block;
   width:55px;
   float:left;
}

div#content-sidebar a,
div#content-sidebar a:visited {
   color:#b61918;
   text-decoration:none;
}

div#content-sidebar a:hover,
div#content-sidebar a:active {
   color:#b61918;
   text-decoration:underline;
}

/*************************************************************************/
/* =sidebar */
/*************************************************************************/

div#site-container div#footer {
   margin:20px 0 0 0;
   padding:5px 20px 0 20px;
   width:660px;
   height:75px;
   background:#f8f4ef url(../images/bg-footer.jpg) 0 0 no-repeat;
}

div#footer h6 {
   margin:6px 0 10px 0;
   display:block;
   width:57px;
   float:left;
   font:13px/14px "Trebuchet MS", Arial, Helvetica, sans-serif;
   font-weight:bold;
   color:#c44341;
}

div#footer p {
   margin:0 0 10px 0;
   font:13px/21px "Trebuchet MS", Arial, Helvetica, sans-serif;
   font-weight:normal;
   color:#c0beba;
}

div#footer ul {
   margin:0 0 10px 0;
   display:block;
   width:600px;
   float:left;
   font:12px/14px "Trebuchet MS", Arial, Helvetica, sans-serif;
   font-weight:normal;
   color:#6c6a64;
}

div#footer ul li {
   display:block;
   float:left;
   height:14px;
   margin:8px 0 0 0;
   padding:0 7px 0 6px;
   border-right:1px solid #c0beba;
}

div#footer a,
div#footer a:visited {
   color:#6c6a64;
   text-decoration:none;
}

div#footer a:hover,
div#footer a:active {
   color:#6c6a64;
   text-decoration:underline;
}