html, body {
margin: 0;
padding: 0;
}

body  {
color: #000;
font-size:100.01%;
line-height: 140%;
font-family:  Verdana,Arial, Helvetica,sans-serif;
background: #F7E9DB;
text-align: center }

img, img a {
border: none;
}



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

  Seitenstruktur

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



#wrapperoutline  {
background-color: #BB956D;
margin: 0 auto;
text-align: center;
position: relative;
width: 772px;
}

#wrapper  {
color: #000;
background: #E9D8C4 url(../_images/hg_mauer.jpg);
text-align: left; margin: 0 auto;
border-top: none;
position: relative;
width: 770px;
}

* html #wrapper {
 /*vor IEMac verstecken \*/
 height: 1%;
 /*IEMac wieder reinlassen*/
}

#header  {
background: #E9D8C4 url(../_images/hg_header.jpg) no-repeat;
color: #000;
padding: 0 0 0 0;
height: 104px;
width: 100%;
}


#menue {
position: absolute;
z-index:1;
left: 0;
top: 104;
width: 180px;
background: url(../_images/hg_menue.jpg) no-repeat;
font-size: 75%;
color: #000;
min-height: 332px;
padding: 0;
}

* html #menue {
 /*vor IEMac verstecken \*/
 height: 332px;
 /*IEMac wieder reinlassen*/
}

#logo {
position: absolute;
z-index:5;
left: 142px;
top: 62px;
}

#right {
float: right;
width: 40px;
background: url(../_images/hg_right.jpg) no-repeat;
background-position: top right;
color: #000;
min-height: 332px;
padding: 0;
}

* html #right {
 /*vor IEMac verstecken \*/
 height: 332px;
 /*IEMac wieder reinlassen*/
}

/* Brotkruemmel */

#brkr {
 padding:0;
 margin: 0px 0 20px 0px;
 color: #666;
 text-align:left;
 font-size:1em;
 }

/* -- Rahmen für Contentwrap ----- */

#contentwrap_outline {
position: relative;
z-index:2;
left: 180px;
width: 550px;
text-align: center;
background-color: #BB956D;
}

* html #contentwrap_outline {
 /*vor IEMac verstecken \*/
 height: 1%;
 /*IEMac wieder reinlassen*/
}

/* -- Contentwrap ----- */

#contentwrap {
width:548px;
color: #000;
font-size: 80%;
line-height: 140%;
margin-left:1px;
background-color: #FEFAF2;
background: url(../_images/hg_content.jpg);
border-top: 1px solid #BB956D;
border-bottom: 1px solid #BB956D;
}

* html #contentwrap {
 /*vor IEMac verstecken \*/
 height: 1%;
 /*IEMac wieder reinlassen*/
}

#contentheader {
z-index:3;
width:500px;
height: 100px;
float: left;
text-align: center;
display:inline;
color: #000;
margin-left: 25px;
margin-top: 5px;
}

#buttonlinks {
position: absolute;
right: 7px;
top: 6px;
}

#buttonlinks img {
margin-left: 5px;
}

#content {
z-index:4;
width:500px;
min-height: 400px;
float: left;
display:inline;
text-align: left;
color: #000;
margin-left: 25px;
margin-top: 5px;
}

* html #content {
 /*vor IEMac verstecken \*/
height: 400px;
 /*IEMac wieder reinlassen*/
}

#contentfooter {
width:500px;
height: 50px;
float: left;
text-align: center;
display:inline;
color: #000;
margin-top: 20px;
margin-left: 25px;
margin-bottom: 5px;
}


/* -------------------------------------------------------
  Header
  --------------------------------------------------- */


#header a {
text-decoration: none;
color: #9E6914;
}

 /* -----------------------------------------
  Seitennavigation Breite 180px s.o.
  ---------------------------------------- */


/* 1. Ebene */

#menue ul {
list-style-type: none;
padding: 0;
margin: 200px 0 0 0;
}


#menue ul li {
display: inline;
}



#menue li {
padding: 0;
margin: 0;
}

#menue a{
display: block;
width: 180px;
}

#menue a:link,#menue a:visited  {
color: #000;
text-decoration: none;
display: block;
font-weight: bold;
}

#menue ul a:hover, #menue ul li a:focus, #menue ul li a:active{
background-color: #FFF9ED;
color: #900;
}

#menue .lev1_no a {
width: 160px;
color: #59451B;
padding: 0px 10px 0px 10px;
}

#menue li.lev1_act {
background-color: #F7E9DB;
width: 160px;
}

#menue .lev1_act a{
background-color: #F7E9DB;
width: 160px;
padding: 0px 10px 0px 10px;
}

#menue .lev1_cur{
background-color: #F7E9DB;
display: block;
padding: 0px 10px 0px 10px;
font-weight: bold;
color: #900;
}



/* 2. Ebene */
#menue ul ul {
background-color: #F7E9DB;
width: 180px;
border: none;
padding: 0 0 0.5em 0;
margin: 0;
}

#menue ul ul li{
line-height: 130%;
}

#menue ul ul a:hover, #menue ul ul li a:focus, #menue ul ul li a:active{
background-color: #FFF9ED;
color: #900;
}

#menue .lev2_no a {
width: 150px;
color: #59451B;
padding: 0px 10px 0px 20px;
background: url(../_images/pfeilchen.gif) no-repeat;
background-position: 10px 6px;
}


#menue li.lev2_act {
width: 140px;
}

#menue .lev2_act a{
width: 150px;
padding: 0px 10px 0px 20px;
background: url(../_images/pfeilchen.gif) no-repeat;
background-position: 10px 6px;
}

#menue .lev2_cur{
background: #F7E9DB url(../_images/pfeilchen.gif) no-repeat;
background-position: 10px 6px;
display: block;
width: 150px;
color: #000;
padding: 0px 10px 0px 20px;
color: #900;
font-weight: bold;
}

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



/* Überschriften */

h1 { font-size:140%; color: #933; font-weight: bold;margin-bottom:25px;}
h2 { font-size:120%; font-weight: bold}
h3 { font-size:110%; font-weight: bold;}

h2, h3, h4 {
margin: 20px 0 15px 0;
padding: 0;
}

h1 {
text-align: center;
}

p {margin-top: 0; margin-bottom: 10px;}

#contentfooter p {
margin-top: 10px;
color: #996633;
font-size: 0.9em;
}

#copyright p {
color: #000;
font-size: 0.75em;
}


/* Listen */

#content ul {
margin-top:0;
margin-bottom: 2em;
}

#content li {
margin-left: -10px;
margin-bottom: 1em;
}



/* Links */
a:link, a:visited, a:hover, a:active, a:focus {
 text-decoration: underline;
 color:#933;
 font-weight: bold;
}

a:hover, a:focus {
color:#c03;
}

#footer a {
font-weight: normal;
color: #000;
}


blockquote {
margin-bottom: 0.5em;
margin-left: 2em;
}

q, cite {
font-style: italic;
}

fieldset {
display: inline;
width: 93px;
border: 0;
padding: 0;
}


/* --------------------------------------------------------------------------------------------------------
  Sonstiges
  ------------------------------------------------------------------------------------------------------- */

/* others */

.invis {
clear: both;
position: absolute;
left: -1000px;
top: -1000px;
width: 0;
height: 0;
overflow: hidden;
display: inline;
}

.clear {
clear: both;
}

.center {
text-align: center;
}

.left {
text-align: left;
}

.right {
text-align: right;
}

.blockleft {
margin-right: 20px;
float: left;
}
* html .blockleft {
 /*vor IEMac verstecken \*/
 height: 1%;
 /*IEMac wieder reinlassen*/
}
.blockright {

margin-left: 20px;
float: right;
}
* html .blockright {
 /*vor IEMac verstecken \*/
 height: 1%;
 /*IEMac wieder reinlassen*/
}


/* --------------------------------------------------------------------------------------------------------
  Tabellen Speisekarte
  ------------------------------------------------------------------------------------------------------- */

table.speisekarte, table.speisekarte2 {
font-size:100.01%;
border: 0;
border-spacing: 0;
margin-top: 0;
margin-bottom: 2em;
padding: 0;
width: 500px;
}

table.speisekarte tr.tr-0, table.speisekarte2 tr.tr-0{
display: none;
}

table.speisekarte td, table.speisekarte2 td{
vertical-align: top;
padding-bottom: 0.5em;
}

table.speisekarte td.td-0 {
width: 302px;
padding-right: 10px;
text-align: left;
}

table.speisekarte2 td.td-0 {
width: 352px;
padding-right: 10px;
text-align: left;
}

table.speisekarte td.td-1 {
width: 90px;
padding-right: 10px;
text-align: right;
}

table.speisekarte2 td.td-1 {
width: 40px;
padding-right: 10px;
text-align: left;
font-size: 8pt;
color: #B4B1A9;
font-style: italic;
}

table.speisekarte td.td-last, table.speisekarte2 td.td-last {
width: 90px;
text-align: right;
}



/* --------------------------------------------------------------------------------------------------------
  Speisekarte Menu/Sitemap
  ------------------------------------------------------------------------------------------------------- */

ul.csc-menu-1 {
text-align: center;
padding: 0;
margin-left: -40px;
margin-top: 0;
}

/* --------------------------------------------------------------------------------------------------------
  Speisekarte Inhaltsstoffe
  ------------------------------------------------------------------------------------------------------- */

.inhaltsstoffe ul.csc-bulletlist-0 {
list-style-type: none;
font-size: 8pt;
color: #B4B1A9;
font-style: italic;
margin: 0;
padding: 0;
}

.inhaltsstoffe ul.csc-bulletlist-0 li {
display: inline;
padding-right: 5px;
margin: 0;
}
#content .inhaltsstoffe ul.csc-bulletlist-0 li {
margin-left: 0px;
margin-bottom: 1em;
display: inline;
padding-right: 5px;
margin: 0;
}