/* CSS Document */

html * {
  margin: 0;
  padding: 0; 
}

body {
  background-image: url(../img/bg.jpg);
  font-family: Verdana;
  font-size: 12px;
}

a {
  text-decoration: none;
  color: black;
}

a img {
  border: none;
}

div#center {
  margin: 0 auto;
  width: 788px;
  height: auto;
}

div#map {
  width: 178px; 
  height: 230px; 
  overflow: hidden;
  /*border: 1px solid red;*/
}

div#map.anfahrt {
  width: 497px;
  height: 338px;
  margin-left: 20px;
}

div.header {
  width: auto;
  height: 250px;
  background-color: white;
  background-image: url(../img/header_bg.gif);
  padding: 0 18px 0 20px;
}

span.hinweis {
  color: #a84402;
  font-style: italic;
  padding-top: 12px;
}

div.clearer {
  clear: both;
  line-height: 0.1%;
}

a.textlink {
  color: black;
  text-decoration: underline;
}

p.story {
  font-size: 11px;
  font-style: italic;
  padding-right: 10px;
  line-height: 18px;
}

p.hinweis {
  font-size: 11px;
  font-style: italic;
  color: #a84402;
}

p.copyright {
  font-size: 9px;
  padding-bottom: 5px;
  padding-right: 5px;
  color: #a84402;
  text-align: right;
}

p.story a {
  text-decoration: underline;
}

div.map_bg {
  width: 181px;
  height: 233px;
  background-image: url(../img/map_bg.gif);
  padding: 3px 0 0 3px;
  margin-bottom: 5px;
}

div.offerta {
  width: 184px;
  height: 248px;
  background-image: url(../img/offerta_bg.gif);
  letter-spacing: 0;
}

div.offerta p.first {
  padding: 65px 16px 0 16px;
}

div.offerta p.preis {
  margin-top: 12px;
  padding: 0 16px;
  text-align: right;
}

ul.metanavi {
  list-style-type:none;
  margin: 5px 20px 2px 0;
}

ul.metanavi li {
  float:right;
  margin-left: 10px;
}

ul.metanavi li a {
  color: #a84402;
}

ul.metanavi li a:hover {
  text-decoration: underline;
}

div.header a.logo {
  margin: 25px 0 0 0;
}

div.header img.category {
  float: right;
}

div.header ul {
  list-style-type: none;
  width: 360px; 
  float: left;
  display: inline;
  margin-top: 20px;
  list-style-position:outside; 
}

div.header ul li a {
  display: block;
  width: 360px;
  height: 22px;
}

div.header ul li a span {
  visibility: hidden;
}

div.header ul li.antipasti a {
  background-image: url(../img/navi/antipasti.gif);
}
div.header ul li.antipasti a:hover {
  background-position: 0 -22px;
}

div.header ul li.insalata a {
  background-image: url(../img/navi/insalata.gif);
}
div.header ul li.insalata a:hover {
  background-position: 0 -22px;
}

div.header ul li.pasta a {
  background-image: url(../img/navi/pasta.gif);
}
div.header ul li.pasta a:hover {
  background-position: 0 -22px;
}

div.header ul li.pizza a {
  background-image: url(../img/navi/pizza.gif);
}
div.header ul li.pizza a:hover {
  background-position: 0 -22px;
}

div.header ul li.bevande a {
  background-image: url(../img/navi/bevande.gif);
}
div.header ul li.bevande a:hover {
  background-position: 0 -22px;
}

div.header ul li a.selected {
  background-position: 0 -22px;
}


/* Highlighting Hauptnavigation */
body.antipasti div.header ul li.antipasti a {
  background-position: 0 -22px;
} 

body.insalata div.header ul li.insalata a {
  background-position: 0 -22px;
} 

body.pasta div.header ul li.pasta a {
  background-position: 0 -22px;
} 

body.pizza div.header ul li.pizza a {
  background-position: 0 -22px;
} 

body.bevande div.header ul li.bevande a {
  background-position: 0 -22px;
} 

div.content {
  background-image: url(../img/content_bg.gif);
  /*padding: 25px 30px;*/
  padding: 30px 0 10px 0;
  line-height: 16px;
}

div.content h1 {
  height: 58px;
  margin-bottom: 12px;
}

div.content h2,
div.content h3 {
  height: 40px;
}


div.content h1 span,
div.content h2 span {
  visibility: hidden;
}

div.content p {
  margin-bottom: 12px;
}

div.content p.last {
  margin-bottom: 0;
}

h1.buongiorno {
  background: url(../img/headers/buongiorno.gif) no-repeat;
}

h1.arrivo {
  background: url(../img/headers/arrivo.gif) no-repeat;
}

h1.antipasti {
  background: url(../img/headers/antipasti.gif) no-repeat;
}

h1.insalata {
  background: url(../img/headers/insalata.gif) no-repeat;
}

h1.pasta {
  background: url(../img/headers/pasta.gif) no-repeat;
}

h1.pizza {
  background: url(../img/headers/pizza.gif) no-repeat;
}

h1.bevande {
  background: url(../img/headers/bevande.gif) no-repeat;
}

h1.partner {
  background: url(../img/headers/partner.gif) no-repeat;
}

h1.impressum {
  background: url(../img/headers/impressum.gif) no-repeat;
}

h1.buono {
  background: url(../img/headers/buono.gif) no-repeat;
}

h2.spaghetti {
  background: url(../img/headers/spaghetti.gif) no-repeat;
}

h2.penne {
  background: url(../img/headers/penne.gif) no-repeat;
}

h2.tagliatelle {
  background: url(../img/headers/tagliatelle.gif) no-repeat;
}

h2.pastaconpesce {
  background: url(../img/headers/pastaconpesce.gif) no-repeat;
}

h2.pastaconcarne {
  background: url(../img/headers/pastaconcarne.gif) no-repeat;
}

h2.pastaalforno {
  background: url(../img/headers/pastaalforno.gif) no-repeat;
}

h2.vino {
  background: url(../img/headers/vino.gif) no-repeat;
}

h2.birra {
  background: url(../img/headers/birra.gif) no-repeat;
}

h2.senzaalcol {
  background: url(../img/headers/senzaalcol.gif) no-repeat;
}

h2.cafeete {
  background: url(../img/headers/cafeete.gif) no-repeat;
}






div.content div.col-left {
  /*width: 520px;*/
  width: 516px;
  float: left;
  
  /*border: 1px solid green;*/
}

div.col-left p,
div.col-left h1,
div.col-left h2,
div.col-left h3,
div.col-left table,
div.col-left div.partner {
  margin-left: 35px;
  margin-right: 25px;
}

div.col-right h2 {
  height: auto;
}

div.content div.col-right {
  /*width: 175px;*/
  width: 206px;
  float: right;
  background: url(../img/right_col_bg.gif) no-repeat;
  background-position: 0px 0px;
  /*border: 1px solid red;*/
  min-height: 500px;
  padding: 0 30px 0 35px;
}

div.col-right img.loop {
  margin: 30px 0 25px 70px;
  clear: both;
}

div.col-right h2 {
  font-size: 12px;
  color: #a84402;
}

ul.bilder {
  background-color: #eddbc7;
  height: 141px;
  list-style-type: none;
  margin: 0 0 12px 20px;
}

ul.bilder li {
  float: left;
  margin: 12px 0 0 10px;
}

ul.bilder li a {
  display: block;
  width: 150px;
  height: 115px;
  border: 1px solid #a84402;
}

table.angebot {
  width: 450px;
}

table.angebot tr.gericht td {
  font-weight: bold;
}

table.angebot tr.desc td {
  font-style: italic;
  padding-bottom: 12px;
}

table.angebot.no-desc td {
  padding-bottom: 12px;
}

table.angebot tr.nopadding td {
  padding-bottom: 0;
}


table.angebot td.preis {
  padding-left: 10px;
  white-space: nowrap;
  width: 50px;
  text-align: right;
}

table.angebot td span {
  font-weight: normal;
}

div.partner {
  margin-bottom: 20px;
}

div.partner img {
  margin: 0 10px 0 0;
  float: left;
}

div.partner p {
  float: left;
  width: 350px;
}

div.partner h2 {
  font-size: 12px;
  height: auto;
}

div.partner a {
  text-decoration: underline;
}

body.impressum div.content h2 {
  font-size: 14px;
  height: auto;
  padding-bottom: 10px;
}

body.impressum div.content h3 {
    font-size: 12px;
    height: auto;
}

/* *** Gutschein *** */

div.buono {
  background-color: #eddbc7;
  padding: 10px 0 10px 10px;
  margin: 0 -1px 0 20px;
}

div.buono img {
  border: 1px solid #a84402;
}