@charset "UTF-8";

@media all
{

  /* Globales Zurücksetzen der Innen- und Außenabstände für alle HTML-Elemente */
  * { margin: 0; padding: 0; }

  /* Korrektur: Das Zurücksetzen der Abstände verursacht zu kleine Selectboxen. */
  option { padding-left: 0.4em; } /* LTR */
  select { padding: 1px; }

  /* Erzwingen vertikaler Scrollbalken in Netscape, Firefox und Safari Browsern */
html {
  /*height: 100%; margin-bottom: 1px; */
}

body {
  /* Beseitigung von Rundungsfehlern beim Skalieren von Schriftgrößen in älteren Opera Versionen */
  font-size: 100.01%;
  font-family: Arial, Helvetica, sans-serif;
  font-style: normal;
  font-weight: normal;
  color:#996633;
  color: #000;
  background: #fff;
  text-align: left;
}

  /* Rahmen für <fieldset> und <img> Elemente löschen */

fieldset, img {
  border: 0 solid;
}
 
  /* Alle Schriftgrößen auf Standardgröße (16 Pixel) zurücksetzen */

html * {
  font-size: 100.01%;
}

 /**
  * (en) reset monospaced elements to font size 16px in all browsers
  * (de) Schriftgröße von monospaced Elemente in allen Browsern auf 16 Pixel setzen
  *
  * @see: http://webkit.org/blog/67/strange-medium/
  */

/*  textarea, pre, code, kbd, samp, var, tt {
    font-family: Consolas, "Lucida Console", "Andale Mono", "Bitstream Vera Sans Mono", "Courier New", Courier;
  }*/

  /* Basis-Layout erhält Standardschriftgröße von 12 Pixeln */
body {
  font-size: 75.00%;
}

  /*--- Überschriften ------------------------------------------------------------------------*/

body * {
  font-family: Arial, Helvetica, sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 100%;
}

h1,h2,h3,h4,h5,h6 {
  line-height: 1.5em;
  color:#996633;
  font-weight: normal;
  font-size: 116.67%;                    /* 14px */
}

em {
  font-style: normal;
  font-weight: normal;
  font-size: 100%;
}

p {
  line-height: 1.5em;
}

tt {
 /*font: monospace !important;*/
}

strong {
  font-weight: normal;
  font-size: 116.67%;
  display: block;
}

pre, code, kbd, tt, samp, var {
  font-size: 100%;
}

sub, sup {
  font-size: 91.6667%;
}

b {
 font-weight: bold;
}

html {
 overflow-x: hidden;
/*overflow-y: scroll;*/
}

body {
	height: 90%;
  background-color: #F8F4E8;
  margin: 0 -100px;
  padding: 0.5em 17% 10px 15%;
  width: auto;
	background: #F1ECDD url("images/hintergrund.gif") center ;
/*	background-repeat: repeat-y;*/
}

body * {
  margin: 0;
  padding: 0;
  left: 0;
  top: 0;
}

#contentwrapper {
  position: relative;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin-bottom: -18px; /* Rand= Abstand oben contentwrapper - Höhe footer */
	margin-top: -18px;
  background: #F1ECDD url("images/ornament.jpg") 130px 0px ;
	background-repeat: no-repeat;
  border: 15px solid #FFFFFF;
  border-bottom: 16px solid #BBB29E;
  border-top: 16px solid #BBB29E;
  overflow: visible;
  overflow-x: hidden;
  width: 100%;
/*  display: inline-block; /* wichtig, sonst ignoriert der FF den container */ /* weglassen für Safari!! */
}

.header {
  width: 100%;
  position: relative;
  background-color: #FFFFFF;
  border-left: 15px solid #FFFFFF;
  border-right: 15px solid #FFFFFF;
  overflow: visible ;
  z-index: 10;
  text-align: right;
  line-height: 17px;
  height: 17px;
	padding: 0;
	/*margin-bottom: -15px;*/
}

.header img.flag {
  border: 1px solid #F1ECDD;
}

#logo {
  display: inline;
  position: absolute;
  background-color: #FFFFFF;
  line-height: 1px;
  z-index: 10;
  margin: 17px 0 0 0;
  padding: 0;
  left: 0;
  top: 0;
  border-right: 1px solid #D7CCAE;
  border-bottom: 1px solid #D7CCAE;
}

.imagebanner {
  position: absolute;
  overflow: hidden;
  white-space: nowrap;
  display: inline;
  width: 100%;
  z-index: 0;
  left: 0px;
  margin: 0 auto;
  text-align: center;
  line-height: 1px;
}

#banner1 {
  margin-top: 156px;
}

#banner2 {
  top: -180px;
}

.imagebanner img {
  margin: 0 1px 0 0;
  padding: 0;
  display: inline;
  z-index: 0;
  left: 0px;
  top: 0px;
}

/* --------- allgemeine Definitionen für Textfelder --------- */

.textfeld {
  clear: both;
  position: relative;
  background-color: #D7D3C7;
  left: 0px;
  margin: 0px auto 0px 132px;
  width: 80%;
  border-right: 4px solid #E8E5D6;
  border-bottom: 4px solid #E8E5D6;
  padding: 0 2px 2px 0;
  overflow: visible;
  display: inline-block; /* wichtig, sonst ignoriert der FF den container */
}

.textfeld div.paper {
  margin: -3px 0 0 -3px;
  border-right: 1px solid #C5C1B6;
  border-bottom: 1px solid #C5C1B6;
  border-left: 1px solid #EBDFBF;
  border-top: 1px solid #EBDFBF;
  background-color: #FFFFFF;
/*  padding: 15px;*/
  padding: 1em 5%;
  width: auto;
  height: auto;
  z-index: 2;
  white-space: normal;
  overflow: visible;
  text-align: left;
}

* html .textfeld div.paper {
  display: inline-block;
}

.paper * {
  margin: 0;
  padding: 0;
  left: 0;
  top: 0;
  right: 0;
  width: auto !important;
  height: auto !important;
}

.paper br.clear { /* clear-element, speziell für Safari */
  clear: both;
  line-height: 1px;
  font-size: 1px;
  overflow: hidden;
}

* html .paper br.clear {
 display: none; 
}

#reservierung .paper form {
  text-align: left;
}

#reservierung .paper form span {
  display: inline-block;
  width: 21em !important;
  min-width: 21em !important;
  height: 1.75em !important;
}

#reservierung .paper form span.spalte1 {
  clear: both;
  float: left;
  width: 50% !important;
}

#reservierung .paper form span.textarea {
  height: 8.75em !important;
}

#reservierung .paper form textarea {
  display: inline-block;
  width: 20em !important;
  height: 8.4em !important;
  border: 1px solid #A39267;
}

#reservierung .paper form span * {
}

#reservierung .paper form input {
  width: 13em !important;
  min-width: 13em !important;
  border: 1px solid #A39267;
  height: 1.25em !important;
}

#reservierung .paper form label {
  display: inline-block;
  width: 7em !important;
  min-width: 7em;
  padding: 0 1px;
}

#reservierung .paper form span.spalte2 label {
  display: inline-block;
  width: 13em !important;
  min-width: 13em !important;
}

#reservierung .paper span.spalte2 input {
  height: auto !important;
  background: #F1ECDD;
  color: #000;
  width: 7em !important;
  min-width: 7em !important;
  max-width: 7em !important;
  overflow: visible; /* Buttonbreite im IE begrenzen */
}

.footer {
  width: 100%;
  position: relative;
  background-color: #FFFFFF;
  border-left: 15px solid #FFFFFF;
  border-right: 15px solid #FFFFFF;
  overflow: visible ;
  z-index: 10;
  text-align: center;
  line-height: 17px;
  line-height: 34px;
  height: 17px;
  height: 34px;
  text-align: center;
}

/* --------- spezielle Definitionen für Textfelder --------- */

.first {
  margin-top: 143px;
}

#content_00 {
  display: none;
}

#restaurant #contentwrapper {
  text-align: center;
}

#restaurant .textfeld {
  width: 60%;
  display: inline-block;
  margin: 330px auto 190px auto;
}

#restaurant .textfeld div.paper {
  text-align: center;
  text-indent: 0px;
}

#speisekarte .textfeld div.paper {
/*  background: #F1ECDD url("images/besteck.jpg") 40px 20px ;*/
/*  background-repeat: no-repeat;*/
}

.anschluss {
  margin-top: -7px;
}

.anschluss div.paper {
  border-top: none;
}

#kontakt #content_02 {
  display: none;
}

#noscript .textfeld {
  margin-top: 20px;
}


/*------------------Definitionen für Druckvorschau-------------------------*/


body#print {
	height: auto;
  margin: 0;
  padding: 0;
  width: auto;
	background: #FFF none ;
}

body#print #contentwrapper {
  position: relative;
	min-height: 100%;
	height: auto !important;
	height: 100%;
  background: #FFF none;
  border: none;
  overflow: visible;
  overflow-x: hidden;
  width: 100%;
  padding: 20px;
}

body#print .header {
  width: 90%;
  margin: 0 5%;
  position: relative;
  background-color: #FFF;
  border: none;
  overflow: visible ;
  z-index: 0;
  height: auto;
	padding: 0;
	text-align: center;
	padding: 0 20px;
}

body#print .header span {
  position: absolute;
  text-align: left;
  margin: 15px 20px;
}

body#print #logo {
  display: inline;
  position: relative;
  background-color: #FFFFFF;
  line-height: 1px;
  z-index: 10;
  padding: 0;
  left: 0;
  top: 0;
  border: none;
}

body#print .textfeld {
  margin: 0 5%;
  width: 90%;
}

body#print .footer {
  margin: 0 5%;
  width: 90%;
}

/* ---------- Textfeld-Formatierungen ----------------------- */

.editblock dt, .editblock dd, .editblock img {
 cursor: hand;
 cursor: pointer;
}

.paper em {
  font-style: inherit;
  font-weight: inherit;
  color: inherit;
  padding: 0;
  margin: 0;
  display: inline;
}

.paper em.italic, .paper h1.italic {
  font-style: italic;
}

.paper em.bold, .paper h1.bold {
  font-weight: bold;
}

.paper em.color, .paper h1.color {
  color: #996633;
}

.paper dl.image {
  float: left;
  width: auto;
  display: inline;
/*  max-width: 200px;*/
  padding-right: 15px;
}

.paper dl.image dt {
  display: inline;
}

.paper dl.image img {
 /* width: 200px !important;*/
 padding: 1px;
}

.paper dl.image dd {
  clear: left;
  display: block;
  text-align: center;
}

.paper dl.text {
  width: 100%;
  text-align: left;
  font-size: 116.67%;                    /* 14px */
}

.paper dl.text dt {
  width: 100%;
/*  display: inline;*/
  text-align: center;
  line-height: 1.2em;
  font-weight: normal;
  font-size: 150%;                    /* 18px */
  margin-bottom: 0.5em;
}

.paper dl.text dd {
  width: 100%;
/*  display: inline;*/
  text-align: left;
}

/* ACHTUNG: bei anders formatierten Links wird der IE Guillotine-Bug ausgelöst! */

.paper dl a, .header a, .footer a { /* Links werden sonst im IE nicht dargestellt */
  display: inline;
  text-decoration: underline;
  color: #000 !important;
}

.paper dl a:visited, .header a:visited, .footer a:visited {
  color: #000 !important;
}

.paper dl a:focus, .paper dl a:hover, .paper dl a:active,
.header a:focus, .header a:hover, .header a:active,
.footer a:focus, .footer a:hover, .footer a:active  {
  color: #996633 !important;
}

.paper dl.list {
  clear: both;
  height: auto !important;
  width: 100% !important;
  font-size: 116.67%;                    /* 14px */
  line-height: 1.1em;
  margin: 0.4em 0;
}

.paper dl.list dt {
  float: left;
  text-align: left;
  width: 65% !important;
  font-weight: normal;
  margin: 0.3em 0 0.2em 5%;
}

.paper dl.list dd {
  float: left;
  text-align: right;
  width: 6em !important;
  margin: 0.3em 0 0.2em 0;
  font: monospace !important;
}

.paper dl.list dt.center {
  text-align: center;
}

.paper dl.list dt.right {
  text-align: right;
}

.paper img.line {
  display: inline-block;
  width: 100% !important;
  height: 1px !important;
  padding: 1px 4px;
	background-color: #F9F4E4;
	border: none;
	line-height: 3px;
}

.paper dt.editelement, .paper dd.editelement {
/*  border: 1px dashed red;*/
  background-color: #F9F9F9;
  cursor: auto;
  -moz-user-select: text; /* Gecko-based, Mozilla */
  -khtml-user-select: text; /* Safari */
/*dummy1: expression( if(window.ie || window.opera){obj.setProperty("unselectable","off") );*/
}

.paper img.line.editelement {
  border: 1px dotted #000;
  padding: 0 4px;
}

.paper dt.editelement img {
  border: 1px dotted #000;
  padding: 0;
}

div.printbutton {
  position: absolute;
  left: 1px;
  top: 1px;
  z-index: 10;
  width: 16px;
  line-height: 16px;
}

div.printbutton a {
  display: block;
  height: 16px;
  width: 16px;
}

div.printbutton a img {
  background-color: #FFF;
  opacity: 0.4;
  MozOpacity: 0.4;
  KhtmlOpacity: 0.4;
  filter: Alpha(opacity=50);
}

div.printbutton a:hover img {
  opacity: 1; 
  MozOpacity: 1;
  KhtmlOpacity: 1;
  filter: Alpha(opacity=100);
}

div.printbutton img {
  clear: both;
  line-height: 16px;
  display: block;
}

/* ---------- paper-Formate -------------*/

.format1 dl.text {
  margin-left: 150px;
  width: auto;
}

.format2 {
  text-align: center;
}

.format2 dl.image {
  float: none;
  display: block;
}

.format2 dl.text {
  clear: both;
  text-align: left;
}

.format3 { /* Format für Anfahrtsplan */
  text-align: left;
}

.format3 dl.image {
  float: right;
  display: block;
}

.format3 dl.text {
  text-align: left;
}

.format4 dl.text dd { /* Format für zentrierten Text */
  text-align: center;
}

.format5 { /* Format für Menübeschreibung */
  /*text-align: center;*/
}

.format5 dl.text dd {
  text-align: center;
}

.format5 dl.image {
  padding-right: 10%;
}

.format6 { /* Format für Weinbeschreibung */
  text-align: left;
}

.format6 dl.text {
  text-align: left;
  background-color: #FFF !important;
  display: inline-block;
}

.format6 dl.text dt {
  text-align: left;
}

.format6 dl.image {
  display: block;
  width: 50% !important;
  text-align: right;
  overflow: hidden;
}

.format6 dl.image dt {
  display: inline;
  margin-left: -100%;
}

.format6 dl.image dd {
  display: none;
}

.noheadline dl.text dt {
  display: none;
}

.noimage dl.image {
  display: none;
}


/* ---------- CMS ----------------------- */

#CMS_sendform {
  display: none;
}

div.CMS_menu {
  background-color: #FFF;
  position: absolute;
  left: -16px;
  top: 0px;
  z-index: 10;
  width: 16px;
  line-height: 1px;
}

div.CMS_menu img {
  clear: both;
  line-height: 1px;
  display: block;
}

div.CMS_menu.single a {
  display: none;
}

div.CMS_menu.single a.single {
  display: inline;
}

#contentwrapper.edit div.CMS_menu {
  display: none;
}

div#CMS_editmenu {
  background-color: #FFF;
  position: absolute;
  top: -16px;
  left: 0px;
  z-index: 10;
  width: auto !important;
  height: 16px;
  line-height: 1px;
  overflow: visible;
}

div#CMS_editmenu a {
  display: inline;
  float: left;
  margin: 0;
  padding: 0;
}

/*div#CMS_editmenu img {
  float: left;
  line-height: 1px;
  display: block;
}*/

div#CMS_editmenu a.list { /* Formatierungsbuttons für Liste ausblenden */
  display: none !important;
}

div#CMS_editmenu.listdt a.list { /* Formatierungsbuttons für Liste einblenden, wenn Listentext aktiv */
  display: inline !important;
}

.textfeld.fixformat div#CMS_editmenu a.format { /* Formatierungsbuttons ausblenden bei Fixformat */
  display: none !important;
}

.outline {
  border: 1px solid red;
}

/* ---------- navi ----------------------- */

div#navi  {
  display: inline; /* IE doubled margin bugfix*/
  position: absolute;
  width: auto;
  left: 156px;
  right: 15px;
  top: 70px;
  margin: -1.25em 0 0 0;
  float: left;
  font-family: "Palatino Linotype","Book Antiqua",Palatino,serif;
/*  letter-spacing: -0.02em ;*/
  z-index: 10;
  font-size: 116.67%;
  /*white-space: nowrap;*/
}

div#navi ul.navi {
  margin-top: 1.2em;
}

div#navi * {
  margin: 0;
  padding: 0;
}

div#navi a {
  display: block;
  text-decoration: none;
/*  font-style:normal;*/
  font-weight: bold;
  color: #9E8955 !important;
  line-height: 2.5em;
  display: inline-block; /* force hasLayout in IE */
  padding: 0 0.5em;
  margin-top: 1px;
  margin-left: 1px;
  border-bottom: 1px solid #D7CCAE;
}

div#navi ul {
  float:left;
  overflow: visible;
}

div#navi li  {
  position:relative;
  list-style:none;
  float:left;
  /*margin-top: 10px;*/
}

div#navi li a {
  float:left;
  overflow: visible;
  outline: 0; /* dotted border unterdrücken */
/*  padding: 0 0.5em;*/
}

html>body #navi a  {
  width: auto;
} /*fixes IE6 hack*/
	/* Commented Backslash Hack hides rule from IE5-Mac \*/
	
div#navi a  {
  float: none;
} /* End of IE5-Mac hack */

/* div#navi a:hover, div#navi a:focus, div#navi li:hover a {
  color:#6C6039;
  border-bottom: 1px solid #6C6039;*/
}

/*div#navi li.link a:hover, div#navi li.link a:focus, div#navi li.link a.active {
  height: 0px;
/*  width: 0px;*/
/*}*/

div#navi li.link a:hover {
  color:#311500 !important;
  margin-top: 0;
  margin-left: 0;
  border-top: 1px solid #F8F4E8;
  border-left: 1px solid #F8F4E8;
  border-bottom: 1px solid #393700;
  background-color: #F8F4E8;
  opacity: 0.6; 
  MozOpacity: 0.6;
  KhtmlOpacity: 0.6;
  filter: Alpha(opacity=60);
}

div#navi li.link a:focus, div#navi li.link a:active, div#navi li.link a.active {
  color:#311500 !important;
  margin-top: 0;
  margin-left: 0;
  border-top: 1px solid #F8F4E8;
  border-left: 1px solid #F8F4E8;
  border-bottom: 1px solid #393700;
  background-color: #C8BA8C;
  opacity: 0.6; 
  MozOpacity: 0.6;
  KhtmlOpacity: 0.6;
  filter: Alpha(opacity=60);
}

div#navi li.dropdown ul {
  clear: both;
  text-align: left;
  position: absolute;
  top: 2.5em;
  display: none;
  width: 100%;
}

div#navi li.dropdown:hover ul, div#navi li.dropdown.iehover ul {
  display: block;
}

/*div#navi ul li.toplevel:hover ul.dropdown, div#navi ul li.toplevel.hov ul.dropdown {
  clear: both;
  
  display: block;
}
*/
div#navi li.dropdown ul a {
  font-size: 75%;
  line-height: 2em;
  white-space: nowrap;
}

div#navi li.dropdown ul li:hover a, div#navi li.dropdown ul li.iehover a {
  color:#311500;
  border: 1px solid #F8F4E8;
  border-bottom: 1px solid #393700;
  background-color: #F8F4E8;
  opacity: 0.6; 
  MozOpacity: 0.6;
  KhtmlOpacity: 0.6;
  filter: Alpha(opacity=60%);
}

div#navi li.dropdown ul li:focus a, div#navi li.dropdown li:active a, div#navi li.dropdown li.active a {
  color:#311500;
  border: 1px solid #FFFFFF;
  border-bottom: 1px solid #393700;
  background-color: #C8BA8C;
  opacity: 0.6; 
  MozOpacity: 0.6;
  KhtmlOpacity: 0.6;
  filter: Alpha(opacity=60%);
}

* html div#navi li.dropdown a { /*:hover Effekt nachbilden für IE6 */
  dummy1: expression(
    this.onmouseover=function () {
      this.parentElement.className+=(this.parentElement.className.indexOf('iehover')==-1)? ' iehover':''
/*      if(this.parentElement.className.indexOf('iehover')==-1) {this.parentElement.className+=' iehover'} */
    }
  );
}

* html div#navi li.iehover ul a { /*:hover Effekt nachbilden für IE6 */
  dummy2: expression(
    this.onmouseout=function () {
      this.parentElement.className = this.parentElement.className.replace(' iehover','')
    }
  );
}

 /*------------------------------------------------------------------------------------------------------*/


/* (de) Clearfix-Methode zum Clearen der Float-Umgebungen */

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {
  display: inline-block;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* (de) Diese Angabe benötigt der Safari-Browser zwingend !! */
.clearfix { display: block; }

/* (de) Overflow-Methode zum Clearen der Float-Umgebungen */
.floatbox { overflow:hidden; }

/* (de) IE-Clearing: Benötigt nur der Internet Explorer und über iehacks.css zugeschaltet */
#ie_clearing { display: none; }

/*------------------------------------------------------------------------------------------------------*/

}