@charset "utf-8";

/*--------------------------------------------------------------*/
/*--------------------[ CSS Document reset ]--------------------*/
/*--------------------------------------------------------------*/

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

/*--------------------------------------------------------------*/
/*-------------[ global tags, selectors, classes ]--------------*/
/*--------------------------------------------------------------*/
html {
	background:url(../images/bg-html.jpg) 0 0 repeat;
}

body {
	background:url(../images/bg-body.jpg) 94px 1px repeat-x;
	font:13px/20px "Trebuchet MS", Verdana, "Times New Roman";
	color:#3e231b;
}

/*--------------------------------------------------------------
	gloabal => typography
--------------------------------------------------------------*/
p {
	margin:0px 0 20px 0;
}

textarea {
	overflow:auto;
}

a {
	text-decoration:underline;
	color:#3e231b;
}

a:hover {
	text-decoration:none;
}

.highlight {
	font-weight:bold;
}

ul {
	list-style:none;
}

/*--------------------------------------------------------------
	gloabal => positioning
--------------------------------------------------------------*/

.clear {
	clear:both;
	height:0;
	overflow:hidden;
}

.floatRight {
	float:right;
}

.floatLeft {
	float:left;
}

.indent {
	text-indent:-9999px;
}

/*--------------------------------------------------------------
	gloabal => images
--------------------------------------------------------------*/
img.floatLeft {
	float:left;
	margin:0 10px 0 0;
}

img {
	border:none;
}

/*--------------------------------------------------------------*/
/*-------------------------[ =containerOut ]-----------------------*/
/*--------------------------------------------------------------*/

#containerOut {
	width:100%;
	background:url(../images/bg-container-out.jpg) center 0 no-repeat;
}

/*--------------------------------------------------------------*/
/*-------------------------[ =container ]-----------------------*/
/*--------------------------------------------------------------*/

#container {
	width:876px;
	margin: 0 auto;
}

/*--------------------------------------------------------------*/
/*---------------------------[ =header ]------------------------*/
/*--------------------------------------------------------------*/

#header {
	width:876px;
	height:429px;
	background:url(../images/bg-header.jpg) 0 0 no-repeat;
	position:relative;
	z-index:3;
}

/*--------------------------------------------------------------
	header => branding
--------------------------------------------------------------*/
#header h1.branding a {
	position:absolute;
	display:block;
	width:325px;
	height:80px;
	top:40px;
	left:275px;
	overflow:hidden;
	z-index:2;
}

#header h1.branding img {
	border:none;
}

#header h1 span {
	display:block;
	text-indent:-9999px;
}

#header h1.branding a:hover {
	text-decoration:none;
}

/*--------------------------------------------------------------
	header => slider
--------------------------------------------------------------*/
#header #slider {
	width:875px;
	height:328px;
	position:absolute;
	top:59px;
	left:0;
	overflow: hidden;
	z-index:1;
}

span#slider1prev a {
	display:block;
	width:28px;
	height:51px;
	position:absolute;
	top:195px;
	left:0;
	z-index:3;
	text-indent:-9999px;
	background:url(../images/prev-btn.png) 0 0 no-repeat;
}

span#slider1next a {
	display:block;
	width:28px;
	height:51px;
	position:absolute;
	top:195px;
	left:847px;
	z-index:3;
	text-indent:-9999px;
	background:url(../images/next-btn.png) 0 0 no-repeat;
}

/*--------------------------------------------------------------
	header => naviAdd
--------------------------------------------------------------*/

#header ul#naviAdd {
	list-style-type:none;
	width:341px;
	height:15px !important;
	overflow:hidden;
	position:absolute;
	top:21px;
	left:275px;
}

#header ul#naviAdd li {
	height:15px;
	float:left;
	overflow:hidden;
	padding:0 15px 0 0;
}

#header ul#naviAdd li a {
	height:15px;
	overflow:hidden;
	text-indent:-9999px;
	background:url(../images/bg-navi-add.jpg) -9999px 0 no-repeat;
	display:block;
}

#header ul#naviAdd li a.Startseite {
	width:75px;
}

#header ul#naviAdd li a.Startseite:hover,
#header ul#naviAdd li.active a.Startseite {
	background-position:0 0;
}

#header ul#naviAdd li a.kontakt {
	width:63px;
}

#header ul#naviAdd li a.kontakt:hover,
#header ul#naviAdd li.active a.kontakt {
	background-position:-90px 0;
}

#header ul#naviAdd li a.Gaestebuch {
	width:78px;
}

#header ul#naviAdd li a.Gaestebuch:hover,
#header ul#naviAdd li.active a.Gaestebuch {
	background-position:-168px 0;
}

#header ul#naviAdd li a.anfahrt {
	width:65px;
}

#header ul#naviAdd li a.anfahrt:hover,
#header ul#naviAdd li.active a.anfahrt {
	background-position:-261px 0;
}

/*--------------------------------------------------------------
	header => navigation
--------------------------------------------------------------*/

#header ul#navigation {
	list-style-type:none;
	width:876px;
	height:42px;
	position:absolute;
	top:387px;
	left:0;
}

#header ul#navigation li {
	height:42px;
	float:left;
}

#header ul#navigation li a {
	height:42px;
	text-indent:-9999px;
	background:url(../images/bg-navigation.jpg) -9999px 0 no-repeat;
	display:block;
}

#header ul#navigation li a.Familiengeschichte {
	width:194px;
}

#header ul#navigation li a.Familiengeschichte:hover,
#header ul#navigation li.active a.Familiengeschichte {
	background-position:0 0;
}

#header ul#navigation li a.Restaurant {
	width:120px;
}

#header ul#navigation li a.Restaurant:hover,
#header ul#navigation li.active a.Restaurant {
	background-position:-194px 0;
}

#header ul#navigation li:hover a.Restaurant, 
#header ul#navigation li.active a.Restaurant {
	background-position:-194px  0;
}

#header ul#navigation li:hover ul#subRestaurant {
	left:194px;
}

/*--------------------------------------------------------------
	navigation => subRestaurant
--------------------------------------------------------------*/
#header ul#navigation li ul#subRestaurant {
	position:absolute;
	width:155px;
	height:63px;
	padding:12px 0 0 0;
	top:39px;
	left:-9999px;
	background:url(../images/bg-sub-navi.png) 0 4px no-repeat;
}

#header ul#navigation li ul#subRestaurant li {
	width:136px;
	padding:0 0 0 19px;
	height:auto;
	line-height:23px;
}

#header ul#navigation li ul#subRestaurant li a {
	display:inline;
	text-indent:0;
	color:#bffed2;
	text-decoration:none;
}

#header ul#navigation li ul#subRestaurant li a:hover,
#header ul#navigation li ul#subRestaurant li.active a {
	color:#fff8cd;
}

#header ul#navigation li a.Zimmer {
	width:87px;
}

#header ul#navigation li a.Zimmer:hover,
#header ul#navigation li.active a.Zimmer {
	background-position:-314px  0;
}

#header ul#navigation li:hover a.Zimmer, 
#header ul#navigation li.active:hover a.Zimmer {
	background-position:-314px 0;
}

#header ul#navigation li:hover ul#subZimmer {
	left:314px;
}

/*--------------------------------------------------------------
	navigation => subZimmer
--------------------------------------------------------------*/
#header ul#navigation li ul#subZimmer {
	position:absolute;
	width:155px;
	height:37px;
	padding:12px 0 0 0;
	top:39px;
	left:-9999px;
	background:url(../images/bg-sub-navi.png) 0 4px no-repeat;
}

#header ul#navigation li ul#subZimmer li {
	width:136px;
	padding:0 0 0 19px;
	height:auto;
	line-height:23px;
}

#header ul#navigation li ul#subZimmer li a {
	display:inline;
	text-indent:0;
	color:#bffed2;
	text-decoration:none;
}

#header ul#navigation li ul#subZimmer li a:hover,
#header ul#navigation li ul#subZimmer li.active a {
	color:#fff8cd;
}

#header ul#navigation li a.Genusscard {
	width:128px;
}

#header ul#navigation li a.Genusscard:hover,
#header ul#navigation li.active a.Genusscard {
	background-position:-401px  0;
}

#header ul#navigation li:hover a.Genusscard, 
#header ul#navigation li.active:hover a.Genusscard {
	background-position:-401px  0;
}


/*--------------------------------------------------------------
	navigation => Angebote, Ausflugsziele. Seminare
--------------------------------------------------------------*/


#header ul#navigation li a.Angebote {
	width:106px;
}

#header ul#navigation li a.Angebote:hover,
#header ul#navigation li.active a.Angebote {
	background-position:-529px  0;
}

#header ul#navigation li a.Ausflugsziele {
	width:139px;
}

#header ul#navigation li a.Ausflugsziele:hover,
#header ul#navigation li.active a.Ausflugsziele {
	background-position:-635px  0;
}

#header ul#navigation li a.Seminare {
	width:102px;
}

#header ul#navigation li a.Seminare:hover,
#header ul#navigation li.active a.Seminare {
	background-position:-774px  0;
}

/*--------------------------------------------------------------*/
/*----------------[ =contentContainer ]-------------------------*/
/*--------------------------------------------------------------*/
#contentContainer {
	width:876px;
	position:relative;
	z-index:1;
	padding:46px 0 30px 0;
}

/*--------------------------------------------------------------
	contentContainer => contentMain
--------------------------------------------------------------*/
#contentMain {
	width:600px;
	float:left;
}

#contentMain h2 {
	font-size:33px;
	font-weight:normal;
	color:#e79514;
}

#contentMain h3, h4 {
	font-size:16px;
	margin:0 0 10px 0;
}

#contentMain p a.vcard {
	display:block;
	width:205px;
	height:30px;
	text-indent:-9999px;
	background:url(../images/vcard.png) 0 0 no-repeat;
}

#contentMain iframe {
	padding:3px;
	background:none;
	border:1px dotted #333333;
}

#contentMain table {
	text-align:left;
	width:100%;
}

#contentMain table td.leftRows {
	width:300px;
}

#contentMain #headline {
	padding:0 0 15px 0;
}

#contentMain #headline h3 {
	font-size:20px;
	font-weight:normal;
	color:#357b51;
}

#contentMain .contentBox {
	width:575px;
}

#contentMain .column {
	width:275px;
	float:left;
	padding:0 25px 0 0;
}

#contentMain .line {
	height:1px;
	overflow:hidden;
	margin: 10px 0;
	border-bottom:1px dotted #333333
}

#contentMain .contImg {
	margin:7px 0 7px 0;
}


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

#contentMain td {
	height:30px;
	line-height: 30px;
	border: 0;
	padding: 0 0 0 5px;}
#contentMain tr.tableBg {
	background: #c9dbcf;}
		
/*--------------------------------------------------------------
	contentContainer => contentSidebar
--------------------------------------------------------------*/
#contentSidebar {
	width:251px;
	float:left;
	padding:15px 0 0 25px;
}

#contentSidebar p.telefon {
	display:block;
	height:46px;
	width:251px;
	margin:0 0 43px 0;
	text-indent:-9999px;
	background:url(../images/bg-telefon.jpg) 0 0 no-repeat;
}

#contentSidebar ul {
	width:251px;
	padding:10px 0 0 0;
}

#contentSidebar ul li {
	float:left;
	width:171px;
	line-height:18px;
	padding-top:11px;
}

#contentSidebar ul li.first {
	width:80px;
}

#contentSidebar ul#logo li {
	height:58px;
	float:left;
	width:auto;
}

#contentSidebar ul#logo {
	padding:11px 0 0 0;
	float:left;
}

#contentSidebar ul#logo li.logo1 {
	padding:29px 0 0 0;
}

#contentSidebar h3 {
	display:block;
	height:36px;
	width:251px;
	text-indent:-9999px;
	margin:0 0 3px 0;
}

#contentSidebar h3#h3Kontakt {
	background:url(../images/h3/bg-kontakt.jpg) 0 0 no-repeat;
}

#contentSidebar h3#h3Oeffnungszeiten {
	background:url(../images/h3/bg-oeffnungszeiten.jpg) 0 0 no-repeat;
}

/*--------------------------------------------------------------*/
/*--------------------------[ =footer ]-------------------------*/
/*--------------------------------------------------------------*/


#footer {
	width:851px;
	height:75px;
	margin:0 auto;
	padding:10px 0 30px 25px;
	background:url(../images/bg-footer.jpg) left 0 no-repeat;
}

#footer ul {
	float:left;
	width:275px;
}

#footer ul li {
	font-size:12px;
	line-height:18px;
	color:#ddf3e6;
}

#footer ul li a {
	font-size:12px;
	color:#ddf3e6;
	text-decoration:none;
}

#footer ul li a:hover {
	text-decoration:underline;
}

#footer ul#credits {
	display: block;
	height: 25px;
	width: 160px;
	position: relative;
	left: -139px;
	top: 65px;}
	
	#footer ul#credits li {
		list-style-type: none;
		display: inline;}
		
		#footer  ul#credits li a {	
			display: block;
			float: left;
			height: 25px;
			line-height: 25px;
			text-decoration: none;
			color:#333333;
			padding: 0 20px 0 0;}
			
		#footer  ul#credits li a:hover {
			text-decoration: underline;}