@charset "utf-8";

body {
   background:#775637 url(../images/bg-body.jpg) center top repeat-y;
   font:13px/22px Arial, Helvetica, sans-serif;
   color:#534635;
}

html, body {
	height: 100%;
}

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

div#site-container {
   margin:0 auto -100px;
   padding:0;
   width:980px;
   min-height:100%;
   height:auto !important;
   height:100%;
   background:transparent;
}

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

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

div#header-container h1#branding {
	width:160px;
	height:140px;
	display:block;
	position:absolute;
	top:45px;
	left:90px;
	z-index:30;
}

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

div#header-container div#header-slideshow {
   width:940px;
   height:295px;
   position:relative;
   background:#efeff2;
   z-index:20;
}

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

ul#navigation {
   padding:0;
   width:240px;
   height:288px;
   background:#418601 url(../images/bg-navigation.jpg) 0 0 no-repeat;
   position:absolute;
   top:190px;
   left:50px;
}

ul#navigation li {
   display:block;
   width:240px;
   height:32px;
}

ul#navigation li a {
   display:block;
   width:240px;
   height:32px;
   text-indent:-999em;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

ul#navigation li a.galerie,
ul#navigation li a.galerie:visited {
   background:url(../images/bg-navigation.jpg) 0px -256px 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) -240px -256px no-repeat;
}

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

div#content-container {
   padding:0;
   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:0 60px 0 20px;
   width:600px;
   float:right;
}

div#content-main h2 {
   margin:0 0 15px 0;
   display:block;
   width:600px;
   height:50px;
   text-indent:-9000px;
}

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

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

div#content-main h2.attraktionen {
   background:transparent url(../images/attraktionen/bg-h2.png) 0 0 no-repeat;
}

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

div#content-main h2.willkommen {
   background:transparent url(../images/index/bg-h2.png) 0 0 no-repeat;
}

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

div#content-main h2.sonderangebote {
   background:transparent url(../images/sonderangebote/bg-h2.png) 0 0 no-repeat;
}

div#content-main h2.sonnenhof {
   background:transparent url(../images/sonnenhof/bg-h2.png) 0 0 no-repeat;
}

div#content-main h2.tagesausfluege {
   background:transparent url(../images/tagesausfluege/bg-h2.png) 0 0 no-repeat;
}

div#content-main h2.wandertipps {
   background:transparent url(../images/wandertipps/bg-h2.png) 0 0 no-repeat;
}

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

div#content-main h2.newsletter {
   background:transparent url(../images/newsletter/bg-h2.png) 0 0 no-repeat;
}

div#content-main h2.not-found {
   background:transparent url(../images/not-found/bg-h2.png) 0 0 no-repeat;
}

div#content-main h2.galerie {
   background:transparent url(../images/galerie/bg-h2.png) 0 0 no-repeat;
}

div#content-main h3 {
   margin:10px 0 0 0;
   font-family:Georgia, "Times New Roman", Times, serif;
   font-size:15px;
   color:#356706;
   font-weight:bold;
}

div#content-main h4 {
   margin:10px 0 0 0;
   font-family:Georgia, "Times New Roman", Times, serif;
   font-size:13px;
   font-weight:bold;
   color:#356706;
}

div#content-main h5 {
   margin:10px 0 0 0;
   font-family:Georgia, "Times New Roman", Times, serif;
   font-size:13px;
   font-weight:bold;
   color:#745536;
}

div#content-main p {
   margin:0 0 10px 0;
   font-weight:normal;
   font-size:13px;
   color:#534635;
}

div#content-main p.highlight {
   margin:0 0 10px 0;
   font-family:Georgia, "Times New Roman", Times, serif;
   font-size:13px;
   font-weight:bold;
   color:#356706;
}

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

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

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

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

div#content-main img.image {
   margin:8px 8px 0 0;
   padding:2px;
   border:1px solid #8f6245;
   background:#fff;
   float:left;
}

div#content-main img.teaser {
   margin:8px 0 10px 20px;
   padding:2px;
   border:1px solid #8f6245;
   background:#fff;
   float:right;
}

div#content-main ul {
   margin:5px 0 15px 10px;
   font-size:13px;
   color:#534635;
}

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

div#content-main div.hr {
   margin:5px 0 15px 0;
   height:1px;
   border-bottom:1px solid #c2a28a;
}

div#content-main div#euroweb {
   margin:10px 0 20px 0;
   width:500px !important;
}

.artikel{
   margin:5px 20px 10px 0px;
   padding:2px;
   border:1px solid #8f6245;
   background:#fff;
   float:left;
}

/*************************************************************************/
/* =ü */
/*************************************************************************/

#player {
	float:left;
	width:290px;
	margin-right:10px;
}

#player2 {
	float:left;
	width:290px;
}

#player3 {
	width:290px;
	float:left;
}

#player4 {
	width:290px;
	float:left;
}


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

div#content-container div#content-sidebar {
   padding:45px 15px 0 50px;
   width:235px;
   float:right;
}

div#content-sidebar h3 {
   margin:10px 0 10px 0;
   display:block;
   width:235px;
   height:30px;
   text-indent:-9000px;
}

div#content-sidebar h3.kontakt {
   background:transparent url(../images/bg-content-sidebar-h3-kontakt.jpg) 0 0 no-repeat;
}

div#content-sidebar h3.newsletter {
   background:transparent url(../images/bg-content-sidebar-h3-newsletter.jpg) 0 0 no-repeat;
}

div#content-sidebar p {
   margin:0 0 10px 10px;
   font-size:12px;
   font-weight:normal;
   color:#534635;
   line-height:20px;
}

div#content-sidebar p strong {
   font-weight:bold;
   color:#534635;
}

div#content-sidebar p span.phone {
   font-family:Georgia, "Times New Roman", Times, serif;
   font-size:24px;
   line-height:30px;
   color:#356706;
}

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

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

div#content-sidebar div.hr {
   margin:10px 0 5px 0;
   height:1px;
   border-bottom:1px solid #c2a28a;
}

div#content-sidebar img.logo {
   margin:10px 0 0 40px;
}

/*************************************************************************/
/* =footer */
/*************************************************************************/

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

div#footer-container {
   margin:0 auto;
   width:100%;
   height:100px;
   background:url(../images/bg-footer-container.jpg) center  top no-repeat;
}

div#footer {
   margin:0 auto;
   padding:60px 0 0 0;
   width:980px;
   height:40px;
   text-align:center;
}

div#footer p {
   font-family:Georgia, "Times New Roman", Times, serif;
   font-size:14px;
   color:#fff;
}

div#footer a,
div#footer a:visited {
   color:#fff;
   text-decoration:underline;
}

div#footer a:hover,
div#footer a:active {
   color:#fff;
   text-decoration:none;
}