@charset "iso-8859-1";
/* CSS Document */

a img {
	border: none;
}
body {
	background-image: url(../bilder/hg_seite.gif);
}
#preview {
	PADDING-RIGHT: 5px;
	DISPLAY: none;
	PADDING-LEFT: 5px;
	PADDING-BOTTOM: 5px;
	PADDING-TOP: 5px;
	margin-top:-50px;
	POSITION: absolute;
}
#preview_unten {
	PADDING-RIGHT: 5px;
	DISPLAY: none;
	PADDING-LEFT: 5px;
	PADDING-BOTTOM: 5px;
	PADDING-TOP: 5px;
	margin-top:-200px;
	POSITION: absolute;
}
p, li {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: normal;
	color: #000;
	text-decoration: none;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	line-height: 21px;
}
.small {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	color: #6c6c6c;
	text-decoration: none;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	line-height: 17px;
}



h1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 24px;
	font-weight: bold;
	color: #d37019;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}
h3 {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: bold;
	color: #000;
	text-decoration: none;
	margin-top: 0.5em;
	margin-bottom: 0.2em;
}
h4 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 17px;
	font-weight: bold;
	font-style: italic;
	color: #666;
	margin: 0px;
	padding: 0px;
}
a {
	color: #864308;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
li {
	z-index:1000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000;
}
.head {
	width: 978px;
	height:200px;
	background-image: url(../bilder/head.gif);
	border-top: 1px solid #b8b8b8;
	border-left: 1px solid #b8b8b8;
	border-right: 1px solid #b8b8b8;
	text-align: right;
	valign:middle;
	z-index:3;
}
.headgrafik {
	border-top: 1px solid #b8b8b8;
	border-left: 1px solid #b8b8b8;
	border-right: 1px solid #b8b8b8;
	height:200px
}
.navi {
	width: 980px;
	height:34px;
	border-left: 1px solid #b8b8b8;
	border-right: 1px solid #b8b8b8;
	z-index:100;
}
.navigation {
	float:center;
	text-align:center;
	width:980px;
	background-image:url(../bilder/hg.gif);
	background-repeat: repeat-x;
}
.bildunterschrift {
	margin-top: -0.8em;
	font-size: 12px;
}
.aussen {
	width: 980px;
	text-align:center;
    margin: 0 auto;
	}
#content {
	width: 980px;
	/*height:371px;*/
	overflow: visible;
	background-image: url(../bilder/hg_content.jpg);
	background-color:#fbf8e6;
	border-left: 1px solid #b8b8b8;
	border-right: 1px solid #b8b8b8;
	border-bottom: 1px solid #b8b8b8;
	z-index: 100;
	background-repeat: repeat-x;
	padding-bottom: 40px;
	text-align:left;
}
#content_links {
	float:left;
	width: 635px;
	margin-left:15px;
	margin-top:15px;
}
#content_fullwidth {
	float:left;
	width: 950px;
	margin:15px;
}
#aktuell {
	float:left;
	border: 4px solid #FFF;
	background-color:#e3ce9c;
	width:281px;
	/*height:340px;*/
	margin-left:15px;
	margin-top:15px;
	overflow: visible;
	padding:7px;
}
#reservierung {
	float:left;
	height: 345px;
	width: 295px;
	/*border: 1px solid #dcdcdc;*/
	float:right;
	margin-top: 15px;
	margin-right: 20px;
	z-index:1;
}
.stimmenKasten {
	background: #fcfcf4;
	padding: 12px;
	border: 1px solid #999;
	margin-top: 50px;
}
.stimmenKasten .stimmenEintrag {
	margin-top: 20px;
	border: 1px solid #ccc;
	border-left: none;
	border-right: none;
}
.stimmenKasten p {
	font-size: 75%;
	line-height: 16px;
}
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
/* IE6 */ 
* html .clearfix {
	height: 1%;
	clear: both;
}
/* IE7 */
*:first-child+html .clearfix {
	min-height: 1px;
}
h2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	font-weight: bold;
	color: #d37019;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	text-align: left;
}
#twGmap {
	width: 380px;
	height: 270px;
	border:1px solid #fff;
}
#foto_oben {
	position:absolute;
	left:15%;
	top:270px;
	width:550px;
	height:350px;
	z-index:1;
	visibility: hidden;
}
#foto_unten {
	position:absolute;
	left:15%;
	top:270px;
	width:550px;
	height:350px;
	z-index:1;
	visibility: hidden;
}
#foto_rechts_zus {
	width:302px;
	min-height:350px;
	float:right;
	margin-top: 15px;
	margin-right: 10px;
	z-index:5;

}
/* Foto beim Hovern vergrößern mithilfe von CSS*/


/*___________________ foto oben biergarten*/
	
a.biergarten1 {
	position:relative;
	text-decoration:none
}
a.biergarten1:hover {
	z-index:100;
}
a.biergarten1 span {
	display: none;
	z-index:100;
	background-image: url(../bilder/biergarten_01g.jpg);
}
a.biergarten1:hover span {
	z-index:100;
	display:block;
	position:absolute;
	top:-8em;
	left:5em;
	width:550px;
	height:350px;
	border:1px solid #0cf;
	background-color:#cff;
	color:#000;
	text-align: center;
}
/*___________________ foto unten biergarten*/

a.biergarten2 {
	position:relative;
	text-decoration:none
}
a.biergarten2:hover {
	z-index:100;
}
a.biergarten2 span {
	display: none;
	background-image: url(../bilder/biergarten_02g.jpg);
}
a.biergarten2:hover span {
	z-index:100;
	display:block;
	position:absolute;
	top:-18.4em;
	left:5em;
	width:550px;
	height:350px;
	border:1px solid #0cf;
	background-color:#cff;
	color:#000;
	text-align: center;
}
/*___________________ foto oben diele */
	
a.diele1 {
	position:relative;
	z-index:100;
	text-decoration:none
}
a.diele1:hover {
	z-index:99;
}
a.diele1 span {
	display: none;
	z-index:99;
	background-image: url(../bilder/diele_01g.jpg);
}
a.diele1:hover span {
	display:block;
	position:absolute;
	top:-8em;
	left:5em;
	width:550px;
	height:350px;
	border:1px solid #0cf;
	background-color:#cff;
	color:#000;
	text-align: center
}
/*___________________ foto unten diele*/

a.diele2 {
	position:relative;
	text-decoration:none
}
a.diele2:hover {
	z-index:100;
}
a.diele2 span {
	display: none;
	z-index:100;
	background-image: url(../bilder/diele_02g.jpg);
}
a.diele2:hover span {
	display:block;
	position:absolute;
	top:-18.4em;
	left:5em;
	width:550px;
	height:350px;
	border:1px solid #0cf;
	background-color:#cff;
	color:#000;
	text-align: center;
}
/*___________________ foto oben restaurant*/
	
a.restaurant1 {
	position:relative;
	z-index:100;
	text-decoration:none
}
a.restaurant1:hover {
	z-index:100;
}
a.restaurant1 span {
	display: none;
	background-image: url(../bilder/restaurant_01g.jpg);
}
a.restaurant1:hover span {
	z-index:100;
	display:block;
	position:absolute;
	top:-8em;
	left:5em;
	width:550px;
	height:350px;
	border:1px solid #0cf;
	background-color:#cff;
	color:#000;
	text-align: center
}
/*___________________ foto unten restaurant*/

a.restaurant2 {
	position:relative;
	text-decoration:none
}
a.restaurant2:hover {
	z-index:100;
}
a.restaurant2 span {
	display: none;
	z-index:100;
	background-image: url(../bilder/restaurant_02g.jpg);
}
a.restaurant2:hover span {
	display:block;
	position:absolute;
	top:-18.4em;
	left:5em;
	width:550px;
	height:350px;
	border:1px solid #0cf;
	background-color:#cff;
	color:#000;
	text-align: center;
}
/*___________________ foto oben saal */
	
a.saal1 {
	position:relative;
	text-decoration:none
}
a.saal1:hover {
	z-index:101;
}
a.saal1 span {
	z-index:101;
	display: none;
	background-image: url(../bilder/saal_01g.jpg);
}
a.saal1:hover span {
	z-index:101;
	display:block;
	position:absolute;
	top:-8em;
	left:5em;
	width:550px;
	height:350px;
	border:1px solid #0cf;
	background-color:#cff;
	color:#000;
	text-align: center
}
/*___________________ foto unten saal*/

a.saal2 {
	position:relative;
	z-index:100;
	text-decoration:none
}
a.saal2:hover {
	z-index:100;
}
a.saal2 span {
	display: none;
	background-image: url(../bilder/saal_02g.jpg);
}
a.saal2:hover span {
	display:block;
	z-index:100;
	position:absolute;
	top:-18.4em;
	left:5em;
	width:550px;
	height:350px;
	border:1px solid #0cf;
	background-color:#cff;
	color:#000;
	text-align: center;
}
/*___________________ foto oben buntebock */
	
a.buntebock1 {
	position:relative;
	text-decoration:none
}
a.buntebock1:hover {
	z-index:100;
}
a.buntebock1 span {
	display: none;
	z-index:100;
	background-image: url(../bilder/buntebock_01g.jpg);
}
a.buntebock1:hover span {
	display:block;
	position:absolute;
	top:-8em;
	left:5em;
	width:550px;
	height:350px;
	border:1px solid #0cf;
	background-color:#cff;
	color:#000;
	text-align: center
}
/*___________________ foto unten buntebock*/

a.buntebock2 {
	position:relative;
	text-decoration:none
}
a.buntebock2:hover {
	z-index:100;
}
a.buntebock2 span {
	display: none;
	background-image: url(../bilder/buntebock_02g.jpg);
}
a.buntebock2:hover span {
	z-index:100;
	display:block;
	position:absolute;
	top:-18.4em;
	left:5em;
	width:550px;
	height:350px;
	border:1px solid #0cf;
	background-color:#cff;
	color:#000;
	text-align: center;
}
/*___________________ foto kochkurs */
	
a.kochkurs {
	position:relative;
	text-decoration:none
}
a.kochkurs:hover {
	z-index:100;
}
a.kochkurs span {
	display: none;
	z-index:100;
	background-image: url(../bilder/kochkurse_01g.jpg);
}
a.kochkurs:hover span {
	display:block;
	position:absolute;
	top:-8em;
	left:5em;
	width:550px;
	height:350px;
	border:1px solid #0cf;
	background-color:#cff;
	color:#000;
	text-align: center
}
/*___________________ foto hotel */
	
a.hotel {
	position:relative;
	text-decoration:none
}
a.hotel:hover {
	z-index:100;
}
a.hotel span {
	display: none;
	background-image: url(../bilder/hotel_01g.jpg);
}
a.hotel:hover span {
	z-index:100;
	display:block;
	position:absolute;
	top:-8em;
	left:5em;
	width:550px;
	height:350px;
	border:1px solid #0cf;
	background-color:#cff;
	color:#000;
	text-align: center
}
/*___________________ foto oben umgebung */
	
a.umgebung1 {
	position:relative;
	text-decoration:none
}
a.umgebung1:hover {
	z-index:99;
}
a.umgebung1 span {
	display: none;
	background-image: url(../bilder/umgebung_01g.jpg);
}
a.umgebung1:hover span {
	z-index:100;
	display:block;
	position:absolute;
	top:-8em;
	left:5em;
	width:352px;
	height:550px;
	border:1px solid #0cf;
	background-color:#cff;
	color:#000;
	text-align: center
}
/*___________________ foto unten umgebung*/

a.umgebung2 {
	position:relative;
	text-decoration:none
}
a.umgebung2:hover {
	z-index:100;
}
a.umgebung2 span {
	display: none;
	background-image: url(../bilder/umgebung_02g.jpg);
}
a.umgebung2:hover span {
	z-index:100;
	display:block;
	position:absolute;
	top:-18.4em;
	left:5em;
	width:550px;
	height:350px;
	border:1px solid #0cf;
	background-color:#cff;
	color:#000;
	text-align: center;
}
.logos {
	float:left;
	margin-right:10px;
	text-align:center;
}

.logo_box {width:100%; display:block;}

#footer {
	width: 980px;
	text-align:center;
	margin: 0 auto;
	}

.box_footer {	float:left; width:160px; height:160px; margin:5px;}

span.small {display:block;
height:50px; width:100 %; padding:5px;}

#flashContent {margin-bottom:20px;}

.kul_kalender {
	background: #fafafa;
	border: 1px solid #d7d7d7;
	width:	583px;
	padding: 25px;
	font-family: "Lucida Sans Unicode","Lucida Grande",sans-serif;
	-moz-box-shadow: #ccc 0px 3px 6px;
	-webkit-box-shadow: #ccc 0px 3px 6px;
	box-shadow: #ccc 0px 3px 6px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	}
	
.kul_kalender h4{
	color: #663333;
	font-family: "Lucida Sans Unicode","Lucida Grande",sans-serif;
	font-size: 16px;
	font-weight: bold;
	font-style: normal;
	margin: 0 0 3px 0;
	display: block;
	text-transform: uppercase;
	}
	
.kul_kalender h3{
	color: #333;
	font-size: 24px;
	font-weight: normal;
	padding: 0;
	margin: 0 0 10px 0;
	line-height: 1.1;
	font-style: italic;
	font-family: Georgia,"Times New Roman",Times,serif;
	}
	
	.kul_kalender p{
	margin: 10px 0;
	}
	
.kul_kalender hr{
	display: block;
	hight: 1px;
	background: #ccc;
	margin: 20px 0;
	padding: 0;
	border-width: 1px 0 0;
	border-color: #fff;
	border-style: solid none none;
	border-right: 0 none;
	}
	
	#anreisser_speisen h3{color: #fff; height:25px;}
	
	.image_right {float:right; padding:10px;}
	
	.singlefoto {margin-top:10px; margin-right:10px;}


.image {
	border: 10px solid #fff
}
	.alignleft {
		float: left;
		margin: 0 15px 15px 0;
	}
	
	.last {
		margin-right: 0;
		}