/*****************************************************************************************/
/*
1. Standards
	1.1 h2, h3
	1.2 classen
2. Container
3. Header
	3.1 branding
	3.2 navi
   3.3 navi-add
4. Content
5. Footer
/*****************************************************************************************/


/*****************************************************************************************/
/*									 Standards   										 */
/*****************************************************************************************/

* {
	border:0;
	margin:0;
	padding:0;
	outline:none;
	list-style-type:none;
	text-decoration: none;
}

html{
	overflow-y: scroll;
	background-color:#ffffff;
}
	
	
body {
	font:12px/18px Arial, Helvetica, sans-serif;
	height:100%;
	background: url(../images/bg.jpg) no-repeat center top;
	color:#7f7f7f;
}

a:link,
a:visited {
	text-decoration:underline;
	color:#611619;
}

a:hover,
a:active {
	text-decoration:overline;
	color:#611619;
}
p {
	padding-top:10px;
}
li {
	float:left;
}
dl {
   width: 200px;
   float:left;
   padding-bottom:20px;
   padding-left:30px;
}
dt {
   font:12px Arial, Helvetica, sans-serif;
   float:left;
   width:70px;
   text-transform:none;
}
dd {
   font:12px Arial, Helvetica, sans-serif;
   float:left;
   width:100px;
   text-transform:none;

}

.float{
float:left;
width:auto;}


.content-column01 { width:461px; float:left; margin-bottom:15px; padding:5px 20px 0 31px; }
.content-column02 { width:176px; margin-right:0px; float:left; margin-bottom:15px; padding-top:60px; }
.linie { width:623px; height:1px; border-top:1px solid #c8c8c8; margin:0px 0 40px 31px; }
.linie a, .linie a:visited, .linie a:active, .linie a:hover {font-size:13px; color:#7f7f7f;}
.clear { float:none; clear:both; height:1px; }
.abstand{
margin-left:30px;}

#addresse{
position:absolute;
top:240px;
left:53px;
color:#ffffff;}
.telefon{
font-size:25px;
width:100%;}


/*----------------------------------- h2, h3 --------------------------------------------*/
h2 {
	font:30px Georgia, "Times New Roman", Times, serif;
	color: #611619;
	text-transform:uppercase;
}

h3 {
	font:12px Arial, Helvetica, sans-serif;
	color: #000000;
}

/*----------------------------------- classen --------------------------------------------*/

.clear {
	clear:both;
}

.liste {
	margin:10px 0 10px 0;
	float:left;
	width:300px;
}

.liste li {
	padding: 3px 0 3px 5px;
	width:280px;
	line-height: 18px;
	float:none;
	background-color:#e7e3d2;
	height:auto;
	margin:2px 0 0 0;
}

.liste li:hover {
	color:#311603;
}

.image {
	padding:1px;
	background:none;
	border:1px solid #7f7f7f;
	margin: 0 7px 5px 0;
}

/*****************************************************************************************/
/*									 Container       									 */
/*****************************************************************************************/

#container {
	width:990px;
	min-height:100%;
	position:relative;
	margin:0 auto;
}

*html #container {
	height:100%;
}

/*****************************************************************************************/
/*									 Header       										 */
/*****************************************************************************************/

#header {
	background:url(../images/bg-header.jpg) no-repeat;
	width: 990px;
	height:344px;
	position:relative;
}

/*-----------------------------------branding--------------------------------------------*/

h1#branding a {
	background:url(../images/bg-branding.jpg) no-repeat;
	width: 275px;
	height: 225px;
	position: absolute;
	top: 0px;
	left: 59px;
	text-indent: -9999px;
}

/*----------------------------------- Navi ---------------------------------------------*/
ul#navi {
   background:url(../images/bg-navi.jpg) 0px 0px no-repeat;
   position:absolute;
   width:262px;
	top:344px;
   left:38px;
	
}
ul#navi li {
   position:relative;
   list-style-type:none;
   float:left;
}
ul#navi li a {
   display:block;
   text-decoration:none;
	font-size: 0.001em;
	line-height: 0.001em;
	text-indent: -5555px;
	overflow: hidden;
}
ul#navi a {
   text-indent:-5000px;
}
ul#navi li a.ueber-uns {
   height:68px;
   width:262px;
   background:url(../images/bg-navi.jpg) 0px 0px;
}
ul#navi li a.ueber-uns:hover {
   background-position: -262px 0px;
}
ul#navi li.active a.ueber-uns {
   background-position: -262px 0px;
}
ul#navi li a.restaurant {
   height:68px;
   width:262px;
   background:url(../images/bg-navi.jpg) 0 -68px;
}
ul#navi li a.restaurant:hover {
   background-position:  -262px -68px;
}
ul#navi li.active a.restaurant {
   background-position:  -262px -68px;
}
ul#navi li a.feiern-raeumlichkeiten {
   height:68px;
   width:262px;
   background:url(../images/bg-navi.jpg) 0 -136px;
}
ul#navi li a.feiern-raeumlichkeiten:hover {
   background-position: -262px -136px;
}
ul#navi li.active a.feiern-raeumlichkeiten{
   background-position: -262px -136px;
}
ul#navi li a.ausser-haus {
   height:68px;
   width:262px;
   background:url(../images/bg-navi.jpg) 0 -204px;
}
ul#navi li a.ausser-haus:hover {
   background-position: -262px -204px;
}
ul#navi li.active a.ausser-haus {
   background-position: -262px -204px;
}
ul#navi li a.gaestebuch {
   height:68px;
   width:262px;
   background:url(../images/bg-navi.jpg) 0 -272px;
}
ul#navi li a.gaestebuch:hover {
   background-position: -262px -272px;
}
ul#navi li.active a.gaestebuch {
   background-position: -262px -272px;
}

/*---------------------------------------- navi-add ---------------------------------------------*/
ul#navi-add {
   background:url(../images/bg-navi.jpg) 0px 0px no-repeat;
   position:absolute;
   width:93px;
   top:65px;
   left:814px;
	
}
ul#navi-add li {
   position:relative;
   list-style-type:none;
   float:left;
}
ul#navi-add li a {
   display:block;
   text-decoration:none;
	font-size: 0.001em;
	line-height: 0.001em;
	text-indent: -5555px;
	overflow: hidden;
}
ul#navi-add a {
   text-indent:-5000px;
}
ul#navi-add li a.startseite {
   height:27px;
   width:93px;
   background:url(../images/bg-navi-add.jpg) 0px 0px;
}
ul#navi-add li a.startseite:hover {
   background-position: -93px 0px;
}
ul#navi-add li.active a.startseite {
   background-position: -93px 0px;
}
ul#navi-add li a.kontakt {
   height:28px;
   width:93px;
   background:url(../images/bg-navi-add.jpg) 0 -27px;
}
ul#navi-add li a.kontakt:hover {
   background-position:  -93px -27px;
}
ul#navi-add li.active a.kontakt {
   background-position:  -93px -27px;
}
ul#navi-add li a.anfahrt {
   height:28px;
   width:93px;
   background:url(../images/bg-navi-add.jpg) 0 -55px;
}
ul#navi-add li a.anfahrt:hover {
   background-position: -93px -55px;
}
ul#navi-add li.active a.anfahrt{
   background-position: -93px -55px;
}
ul#navi-add li a.impressum {
   height:28px;
   width:93px;
   background:url(../images/bg-navi-add.jpg) 0 -83px;
}
ul#navi-add li a.impressum:hover {
   background-position: -93px -83px;
}
ul#navi-add li.active a.impressum {
   background-position: -93px -83px;
}

/*****************************************************************************************/
/*									 Content                							 */
/*****************************************************************************************/

#content-container {
	width: auto;
	min-height:415px;
	margin-left:300px;
	background:url(../images/bg-contentContainer.jpg) no-repeat;
	padding-bottom:20px;

}


#map{
border:1px solid #d1ceb9;
margin-top:20px;
width:425px;}
/*****************************************************************************************/
/*									 Footer       										 */
/*****************************************************************************************/
#footerContent {
			clear:left;
			height:114px;
			width: 100%;
			background:url(../images/bg-footer.gif) repeat-x;

}


#footer {
		height:114px;	
		margin-left:auto;
		margin-right:auto;
		position:relative;
		width:640px;
}

/*****************************************************************************************/
/*									 Footer       										 */
/*****************************************************************************************/

#navi-footer{
	float:left;
	width:640px;
	list-style-type:none;
	padding:20px 0px 0 148px;

}

#navi-footer li{
padding:7px;}

#navi-footer li a {
	float:left;
	display:block;
	overflow:hidden;
	font:11px Arial, Helvetica, sans-serif;
	color:#8c845f;
	text-decoration:none;

}

#navi-footer li a:hover{
text-decoration:none;
color:#611619;
}

#navi-footer  ul li a {outline:none;}