@charset "utf-8";
/* CSS Document */

body {
	background-color:#eff8f6;
	background-image: url(../bilder/hg_seite.jpg);
	background-repeat: repeat-x;
	text-align: center;
}
#aktuelle_termine {
	background-color:#d3ebe3;
	background-image: url(../bilder/hg_aktuell.jpg);
	background-repeat: repeat-x;
	height:300px;
	width:250px;
	padding: 3px;
	float:right;
	margin-right: 24px;
	position:relative;
}
div#aktuelle_termine p {
	width:215px;
}
.main_content {
	width: 215px;
}
IMG#head {
	display: block;
	margin-left: 11px;
	margin-top: 15px;
}
.content {
	margin-top:25px;
	min-height:620px;
	width:686px;
	float:left;
	background-image: url(../bilder/hg_content.png);
	padding: 10px 10px 10px 12px;
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-bottom:80px;
}
.content_links {
	width:315px;
	float:left;
}
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.clearfix {
	display: inline-block;
}
.footer {
	position:relative;
	background-image: url(../bilder/band.png);
	background-repeat: no-repeat;
	background-position: left top;
	width:693px;
	height:39px;
	clear:both;
	margin-left:253px;
	top:-50px;
}
.footer_navi {
	width:180px;
	font-weight: bold;
	color: #FFF;
	font-size: 11px;
	text-align:left;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	margin-top:11px;
	float:right;
}
.footer_adresse {
	width:495px;
	color: #FFF;
	font-size: 11px;
	text-align:left;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	margin-top:11px;
	margin-left:10px;
	float:left;
}
#foto_rechts {
	float:right;
	margin-right:20px;
	margin-left:10px;
	margin-top:10px;
	margin-bottom:20px;
}
/*Slideshow*/
#ftHolder {
	TEXT-ALIGN: center;
	WIDTH: 651px;
	FLOAT: left;
	HEIGHT: 307px;
	margin-left: 11px;
	margin-top: 15px;
	padding-bottom: 20px;
}
#ft {
}
.ft-button-ft:link {
	color:#666;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
}
#ft-buttons-ft {
}
.ft-title {
	TEXT-ALIGN: left;
	PADDING-BOTTOM: 10px;
	PADDING-LEFT: 10px;
	WIDTH: 480px;
	PADDING-RIGHT: 10px;
	PADDING-TOP: 10px;
}
/*Slideshow Ende*/
#links {
	width:330px;
	margin-left: 10px;
	float:left;
	display: inline;
}
#rechts {
	width:330px;
	margin-left: 10px;
	float:left;
	display: inline;
}
#links_speisen {
	width:220px;
	margin-left: 10px;
	float:left;
}
#rechts_speisen {
	width:400px;
	height:500px;
	overflow:auto;
	margin-left: 10px;
	float:left
}
a:link, a:visited {
	color:#9a7066;
	font-weight: bold;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
.footer_navi a {
	color:#fff;
	font-weight: bold;
	text-decoration: none;
}

.footer_navi a:hover {
	text-decoration: underline;
}

h1, h2, h3, p {
	margin-left:11px;
}
h1 {
	font-family: "Museo 300", Georgia, "Times New Roman", Times, serif;
	font-size: 24px;
	color: #9a7066;
	line-height: 49px;
	font-weight: bold;
}
h2 {
	font-family: "Museo 300", Georgia, "Times New Roman", Times, serif;
	font-size: 20px;
	line-height: 36px;
	color:#e7cdc7;
}
h3 {
	font-family: "Museo 300", Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	line-height: 20px;
	color:#90a79f;
	margin-top: 26px;
	margin-bottom: 0px;
}
h4 {
	font-family: "Museo 300", Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	line-height: 20px;
	color:#90a79f;
}
p, li.subnavi, li {
	color: #596763;
	font-size: 13px;
	line-height: 20px;
	font-family: Arial, Helvetica, sans-serif;
	margin-top: 7.5px;
	margin-bottom: 13px;
}
.navigation {
	margin-top:40px;
	width:253px;/*null löschen*/
	height:557px;
	float:left;
}
#hoehe_sub {
	height:350px;
}
/*Abstände zwischen Listenelementen entfernen*/
li img {
	vertical-align:bottom;
}
#rezept {
	color: #596763;
	font-size: 13px;
	line-height: 20px;
	font-family: Arial, Helvetica, sans-serif;
	margin-top: 7.5px;
	margin-bottom: 13px;
	width:280px;
}
ul.subnavi a {
	background-image: url(navi_bg_divider.png);
	background-repeat: no-repeat;
	background-position: right;
	text-decoration: none;
	color: #371C1C;
}
li.subnavi {
	float:left;
	width:120px;
	height:120px;
	padding-bottom:40px;
	text-align:center;
	padding:3px;
	margin:3px;
}
#tbl1 {
	color: #596763;
	font-size: 13px;
	line-height: 20px;
	font-family: Arial, Helvetica, sans-serif;
	margin-top: 7.5px;
	margin-bottom: 13px;
	padding:50px;
}
td#tbl1:first-line {
	font-weight: bold;
}
#verlauf {
	margin-top:25px;
	float:left;
	display: inline;
	width:16px;
	height:588px;
	background-image: url(../bilder/hg_verlauf.png);
	background-repeat: no-repeat;
	background-position: left top;
}
#wrapper {
	margin: 0 auto;
	height:600px;
	width:980px;
	text-align: left;
}
/*navigation */
ul#topnav {
	margin: 0;
	padding: 0;
	list-style: none;
}
ul#topnav li {
	float: left;
	display: inline;
	margin: 0;
	padding: 0;
	list-style: none;
}
/*--CSS Sprites - Default State--*/
ul#topnav li a {
	float: left;
	display: inline;
	width:253px;
	height: 62px; /*--Specify height of navigation--*/
	text-indent: -999px; /*--Shoot the text off the page--*/
	background-position: left top;
}
/*
ul#topnav li:first-child {
	background-image: url(../bilder/logo.png);
	width:253px;
	height:177px;
}
ul#topnav li:last-child {
	height:300px;
}
*/
/*--CSS Sprites - Hover State--*/
ul#topnav a:hover {
	background-position: left -62px;
}
/*--Assign an image and width to each link--*/


ul#topnav li.ueber_uns a {
	background-image: url(../bilder/ueber_uns.png);
}
ul#topnav li.aktuelles a {
	background-image: url(../bilder/aktuelles.png);
}
ul#topnav li.hochzeiten a {
	background-image: url(../bilder/hochzeiten.png);
}
ul#topnav li.essen a {
	background-image: url(../bilder/essen.png);
}
ul#topnav li.hotel a {
	background-image: url(../bilder/hotel.png);
}
ul#topnav li.raeume a {
	background-image: url(../bilder/raeumlichkeiten.png);
}
ul#topnav li.whiskeyclub a {
	background-image: url(../bilder/whiskey.png);
}
ul#topnav li.umgebung a {
	background-image: url(../bilder/umgebung.png);
}
#weiterer_content {
	float:left;
	display: inline;
	width:330px;
	margin-left:10px;
}

.abstand_links {margin-left:20px;}

#logo {
	text-align:right;
	margin-right:0px;
	height:107px;
background-position: 3px;
	background-image: url(../bilder/logo.png);
	background-repeat: no-repeat;
}
#ueber_uns li.ueber_uns a, /*--Home Page > Home Link--*/ 
#aktuelles li.aktuelles a, /*--About Page > About Link--*/ 
#hochzeiten li.hochzeiten a, /*--About Page > About Link--*/ 
#essen li.essen a, /*--About Page > About Link--*/ 
#hotel li.hotel a, /*--About Page > About Link--*/ 
#raeume li.raeume a, /*--Services Page > Services Link--*/ 
#catering li.catering a, /*--Portfolio Page > Portfolio Link--*/ 
#tagungen li.tagungen a, /*--Portfolio Page > Portfolio Link--*/ 
#whiskeyclub li.whiskeyclub a, /*--Contact Page > Contact Link--*/ 
#umgebung li.umgebung a /*--Blog Page > Blog Link--*/ {
	background-position: left bottom;
}
/*--------------------------------------------------------------------------------------------------
  
   Simply Buttons, version 1.0
   (c) 2007-2009 Kevin Miller

   This script is freely distributable under the terms of an MIT-style license.

   BUTTON DEFINITIONS 
  
   Edit below at your own risk, everything done here is for a reason for cross browser
   compatibility so that the buttons will appear identical in the tested browsers.
   
   Tested on: IE6 IE7 FF(PC/MAC) Safari SafariMobile Opera(PC/MAC)
   
--------------------------------------------------------------------------------------------------*/

button, a.button, a.button:link, a.button:visited {
	/*
      Strip down the button and link elements to a base we can work with.
  */
  padding: 0 0 0 0;
	margin: 0 3px 0 3px;
	border: none;
	display: block;
	float: left;
	cursor: pointer;
	text-decoration: none;
	outline: none;
	white-space: nowrap;
	overflow: visible;
}
* html a.button, * html a.button:link, * html a.button:visited {
	/*
        IE6 fix to make link fit text.
    */
    width: 1%;
}
 button, x:-moz-any-link {
    /*
        FF fix to make button spacing even across browsers.
    */
    margin: 0 0 0 0;
}
*:first-child+html button {
	/*
        Reset IE7 back to what it was for previous fix.
    */
    margin: 0 3px 0 3px;
}
button span, a.button span, a.button:link span, a.button:visited span {
	/*
        Set the span tags to display: block, as they will work our background-image magic.
    */
    display: block;
}
/*--------------------------------------------------------------------------------------------------
  
   CUSTOMIZATIONS 
  
   Edit below to change the look and feel of the buttons and even add more classes for
   different looks and feels.
   
--------------------------------------------------------------------------------------------------*/

button, a.button, a.button:link, a.button:visited {
	/* 
      HEIGHT - Total height of button. 
  */
  height: 26px;
	/*
      NOTE - You must define the font here otherwise your buttons and links could end up diffrent.
  */
	font-family: "Helvetica Neue", Helvetica, clean, sans-serif;
	font-size: 13px;
	color: #666666;
	background-color: #ffffff;
}
button.button_active, a.button_active {
}
button span, a.button span, a.button:link span, a.button:visited span {
	/* 
        Right side padding for button (default). 
    */
    padding: 0 14px 0 0;
	/* 
        SPAN HEIGHT - This should be 2px smaller than the height set on the button (see HEIGHT).
    */
    height: 24px;
	/*
        We define our background top left and use the 'Sliding Doors' Technique for some fast loading buttons.
    */
    background: url(../bilder/bg_button_right.gif) top right;
}
button span span, a.button span span, a.button:link span span, a.button:visited span span {
	/* 
        Left side padding for button (default). 
    */
    padding: 0 0 0 13px;
	/* 
        SPAN HEIGHT - This should be 1px smaller than the height set on the button (see HEIGHT).
    */
    height: 24px;
	/* 
        SPAN LINE-HEIGHT - This should be 1px smaller than the height set on the button (see HEIGHT) and will 
                            center the text vertcailly.
    */
    line-height: 24px;
	background-image: url(../bilder/bg_button_left.gif);
	background-position: left top;
}
button:hover, a.button:hover {
	color: #000000;
}
button.submit span, a.submit span, a.submit:link span, a.submit:visited span {
}
button.submit span span, a.submit span span, a.submit:link span span, a.submit:visited span span {
	/*
        Give some extra space for the icon.
    */
    padding-left: 26px;
	/*
        Add in a left side piece with an icon.
    */
    background-image: url(../bilder/bg_button_left_submit.gif);
}
button.submit:hover, a.submit:hover {
}
button.cancel span, a.cancel span, a.cancel:link span, a.cancel:visited span {
}
button.cancel span span, a.cancel span span, a.cancel:link span span, a.cancel:visited span span {
	/*
        Give some extra space for the icon.
    */
    padding-left: 26px;
	/*
        Add in a left side piece with an icon.
    */
    background-image: url(../bilder/bg_button_left_cancel.gif);
}
button.cancel:hover, a.cancel:hover {
}
button:active span, a:active:active span,   /*
      'button_active' is the class used by SimplyButtons.js to create the button states in IE.
  */ button.button_active span, a.button_active:active span {
	/*
        Using the 'Sliding Doors' Technique we 'slide' the new button state into view.
    */
    background-position: bottom right;
}
button:active span span, a:active:active span span,   /*
      'button_active' is the class used by SimplyButtons.js to create the button states in IE.
  */ button.button_active span span, a.button_active:active span span {
	/*
        Using the 'Sliding Doors' Technique we 'slide' the new button state into view.
    */
    background-position: bottom left;
}