body
{
font-size: 11px;
font-family: Verdana, Helvetica, Arial, Geneva, Swiss, SunSans-Regular, sans-serif; 
background: #FDFDFB;
color: #666;
}
td, ul li
{
font-size: 11px;
font-family: Verdana, Helvetica, Arial, Geneva, Swiss, SunSans-Regular, sans-serif;
vertical-align: top;
}
img, a img, a 
{
border: 0px;
}
#access {display: none;}
p, h1, h2, h3, h4, h5, h6, table, tr, td, ul, li
{
color: #666; 
margin: 0; 
padding: 0;
}

body#restaurant #inhalt
{
background: #FDFDFB url(../img/h1_restaurant.jpg) no-repeat 374px 0;
}

body#restaurant.galerie #inhalt
{
background: #FDFDFB url(../img/h1_restaurant1.jpg) no-repeat 374px 0;
}

body#restaurant.galerie #behaelter
{
background: #FDFDFB url(../img/h1_restaurant1.jpg) no-repeat 374px 46px;
}

body#meierei #inhalt
{
background: #FDFDFB url(../img/h1_meierei.jpg) no-repeat 374px 0;
}

body#meierei.galerie #behaelter
{
background: #FDFDFB url(../img/h1_meierei.jpg) no-repeat 374px 46px;
}

body#essbar #inhalt
{
background: #FDFDFB url(../img/h1_essbar.jpg) no-repeat 374px 0;
}

body#essbar.galerie #behaelter
{
background: #FDFDFB url(../img/h1_essbar.jpg) no-repeat 374px 46px;
}

body#reservierung #inhalt
{
background: #FDFDFB url(../img/h1_reservierung.jpg) no-repeat 374px 0;
}
body#reservierung.english #inhalt
{
background: #FDFDFB url(../img/h1_reservierung_e.jpg) no-repeat 374px 0;
}

body#anfahrt #inhalt
{
background: #FDFDFB url(../img/h1_anfahrt.jpg) no-repeat 374px 0;
}

body#anfahrt.english #inhalt
{
background: #FDFDFB url(../img/h1_anfahrt_e.jpg) no-repeat 374px 0;
}

body#gutschein #inhalt
{
background: #FDFDFB url(../img/h1_gutschein.jpg) no-repeat 374px 0;
}

#inhalt h1 
{ 
font-size: 14px; 
height: 120px;
}

#inhalt h2 
{ 
font-size: 12px; 
padding-bottom: 8px; 
border-top: 1px solid #F0ECE1;
}

#inhalt h3 
{ 
font-size: 11px; 
padding: 4px 0 0 0;
}

#inhalt p 
{
line-height: 150%;
padding: 4px 40px 8px 2px;
}

#inhalt #erleben
{
float: left;
height: 381px;
width: 376px;
margin-top: 120px;
padding-right: 64px; padding-top: 2px;
border-top: 1px solid #F0ECE1;
}

#inhalt #erleben #link_galerie a
{
position: absolute;
top: 557px;
left: 252px;
width: 126px;
height: 32px;
background: url("../img/link_galerie.gif") no-repeat top left;
}

#inhalt #erleben #link_galerie a:hover
{
background: url("../img/link_galerie_over.gif") no-repeat top left;
}

body.galerie #inhalt #erleben
{
background: url("../img/galerie/bg_galerie.jpg") no-repeat top left;
position: relative;
}

body.galerie #inhalt #erleben #gallery
{
width: 377px;
height: 380px;
}

body.galerie div.controls
{
position: absolute;
top: 268px;
left: 277px;
width: 70px;
}

div.untertitel
{
padding-right: 130px;
padding-left: 16px;
font-size: 11px;
line-height: 180%;
}

ul#nav_gallery
{
margin: 0;
padding: 0;
position: absolute;
top: 330px;
left: 276px;
}

ul#nav_gallery li
{
list-style-type: none;
line-height: 180%;
font-size: 12px;
}

ul#nav_gallery li a:link, ul#nav_gallery li a:visited
{
color: #6c727c;
text-decoration: none;
}

ul#nav_gallery li a:hover
{
color: #C30;
}

ul#nav_gallery li.linked
{
background: url("../img/galerie/pfeil_rot.gif") no-repeat 0 7px;
padding-left: 18px;
}

ul#nav_gallery li.aktiv
{
font-weight: bold;
}

div#kontaktdaten
{
position: absolute;
top: 266px;
left: 20px;
}

div#kontaktdaten h4
{
font-size: 13px;
letter-spacing: 1px;
font-weight: normal;
}

div#kontaktdaten p
{
line-height: 130%;
}

/* Navigation*/
ul#nav, ul#nav_ohnekarte
{
position: absolute;
top: 38px;
left: 445px;
width: 226px; 
height: 46px;
}

#nav li#linkspeisekarte a em,
#nav li#linkreservierung a em, #nav li#linkreservierung_e a em,
#nav li#linkgutschein a em, 
#nav li#linkanfahrt a em, #nav li#linkanfahrt_e a em,
a#linkessbar em,
#nav_ohnekarte li#linkreservierung a em, 
#nav_ohnekarte li#linkgutschein a em, 
#nav_ohnekarte li#linkanfahrt a em, 
a#linkessbar em,
h3.restaurant em,
h3.meierei em,
h3.pogusch em,
h3.summe em,
body#gutschein a#linkzumrestaurant em,
body#gutschein a#linkzuressbar em,
body#gutschein a#linkzurmeierei em
{
 position: absolute;
 width: 50px;
 height: 46px;
 left: -3000px;
}

ul#nav li#linkspeisekarte a
{
 position: absolute;
 width: 81px;
 height: 46px;
 background: url("../img/speisekarte.gif") no-repeat top left;
}

ul#nav_ohnekarte li#linkreservierung a
{
 position: absolute;
 width: 88px;
 height: 46px;
 background: url("../img/reservierung.gif") no-repeat top left;
}

ul#nav li#linkreservierung a
{
 position: absolute;
 width: 88px;
 height: 46px;
 background: url("../img/reservierung.gif") no-repeat top left;
 left: 88px;
}

body.english ul#nav li#linkreservierung_e a
{
 position: absolute;
 width: 88px;
 height: 46px;
 background: url("../img/reservierung_e.gif") no-repeat top left;
 left: -8px;
}

ul#nav li#linkgutschein a
{
 position: absolute;
 width: 76px;
 height: 46px;
 background: url("../img/gutschein.gif") no-repeat top left;
 left: 180px;
}

ul#nav li#linkanfahrt a
{
 position: absolute;
 width: 62px;
 height: 46px;
 background: url("../img/anfahrt.gif") no-repeat top left;
 left: 256px;
}

body.english ul#nav li#linkanfahrt_e a
{
position: absolute;
 width: 62px;
 height: 46px;
 background: url("../img/anfahrt_e.gif") no-repeat top left;
 left: 90px;
}

ul#nav li#linkspeisekarte a:hover
{
 position: absolute;
 width: 81px;
 height: 46px;
 background: url("../img/speisekarte_over.gif") no-repeat top left;
}

ul#nav li#linkreservierung a:hover
{
 position: absolute;
 width: 88px;
 height: 46px;
 background: url("../img/reservierung_over.gif") no-repeat top left;
 left: 88px;
}

body.english ul#nav li#linkreservierung_e a:hover
{
 background: url("../img/reservierung_over_e.gif") no-repeat top left;
}

ul#nav li#linkgutschein a:hover
{
 position: absolute;
 width: 76px;
 height: 46px;
 background: url("../img/gutschein_over.gif") no-repeat top left;
 left: 180px;
}

ul#nav li#linkanfahrt a:hover
{
 position: absolute;
 width: 62px;
 height: 46px;
 background: url("../img/anfahrt_over.gif") no-repeat top left;
 left: 256px;
}

body.english ul#nav li#linkanfahrt_e a:hover
{
 background: url("../img/anfahrt_over_e.gif") no-repeat top left;
}

body#reservierung li#linkreservierung a, body#reservierung li#linkreservierung a:hover
{
background: url("../img/reservierung_aktiv.gif") no-repeat;
cursor: default;
}

body#reservierung.english li#linkreservierung_e a, body#reservierung.english li#linkreservierung_e a:hover
{
background: url("../img/reservierung_aktiv_e.gif") no-repeat !important;
cursor: default;
}

body#anfahrt li#linkanfahrt a, body#anfahrt li#linkanfahrt a:hover
{
background: url("../img/anfahrt_aktiv.gif") no-repeat;
cursor: default;
}

body#anfahrt.english li#linkanfahrt_e a, body#anfahrt.english li#linkanfahrt_e a:hover
{
background: url("../img/anfahrt_aktiv_e.gif") no-repeat !important;
cursor: default;
}

body#gutschein li#linkgutschein a, body#gutschein li#linkgutschein a:hover
{
background: url("../img/gutschein_aktiv.gif") no-repeat;
cursor: default;
}

/* Subnavigation ess.bar */
#subnav
{
padding-top: 20px;
}

#subnav a#linkessbar
{
 float: left;
 width: 113px;
 height: 37px;
 background: url("../img/essbar.gif") no-repeat top left;
 margin-right: 8px;
 margin-top: -8px;
}

#subnav a#linkzumrestaurant, body#gutschein a#linkzumrestaurant
{
 float: left;
 width: 232px;
 height: 37px;
 background: url("../img/link_zumrestaurant.jpg") no-repeat top left;
}
#subnav a#linkzuressbar, body#gutschein a#linkzuressbar
{
 float: left;
 width: 232px;
 height: 37px;
 background: url("../img/link_zuressbar.jpg") no-repeat top left;
}
#subnav a#linkzurmeierei, body#gutschein a#linkzurmeierei
{
 float: left;
 width: 232px;
 height: 37px;
 background: url("../img/link_zurmeierei.jpg") no-repeat top left;
}

#gutschein h3.restaurant, #gutschein h3.meierei, #gutschein h3.pogusch, #gutschein h3.summe
{
position: relative;
width: 377px;
height: 42px;
margin-left: 440px;
background: url("../gutschein/img/h3_restaurant.gif") no-repeat top left;
}
#gutschein h3.meierei
{
background: url("../gutschein/img/h3_meierei.gif") no-repeat top left;
}
#gutschein h3.pogusch
{
background: url("../gutschein/img/h3_pogusch.gif") no-repeat top left;
}
#gutschein h3.summe
{
background: url("../gutschein/img/h3_summe.gif") no-repeat top left;
}

h3 a.link
{
font-weight: normal;
padding-left: 17px;
background: url("../img/pfeil.gif") no-repeat;
}

a.closed
{
padding-left: 17px;
padding-top: 8px;
background: url("../img/pfeil.gif") no-repeat;
}

body#gutschein div#inhalt
{
height: 510px;
}

body#gutschein div#inhalt ul li
{
padding: 0;
margin: 4px 0 4px 0;
list-style-type: none;
}

body#gutschein div#inhalt ul li a
{
padding: 2px 0 2px 18px;
background: url("../img/pfeil.gif") no-repeat 0 50%;
}

body#gutschein h3
{
color: #8c6931;
font-size: 14px;
font-family: Verdana, sans-serif;
font-weight: normal;
line-height: 140%;
letter-spacing: 0.1em;
padding: 0; 
margin: 0;
}

body#gutschein #inhalt #erleben
{
float: left;
height: 410px;
width: 376px;
margin-top: 120px;
padding-right: 64px; padding-top: 2px;
border-top: 1px solid #F0ECE1;
}

table tr, table td { vertical-align: top; }

table th, table tr td { padding-bottom: 3px; }

table th { text-align: left; }

td.erstespalte { width: 80px; }
body#meierei td.erstespalte { width: 120px; }

.geschlossen 
{
font-weight: bold;
color: #A08756;
}

div#footer
{position: relative;}

div#wappen
{
position: absolute;
right: 0;
top: 26px;
}

body#restaurant #footer, body#essbar #footer
{
padding: 26px 0 4px 0;
}

body#gutschein div#bestellung form
{
padding: 30px 0 4px 6px;
margin: 0;
}

div#bestellung
{
background: url("../gutschein/img/bg_formular.jpg") no-repeat;
height: 409px;
width: 367px;
}

body#gutschein div#bestellung em
{
font-weight: bold;
font-style: normal;
text-transform: uppercase;
}

div#bestellung p
{
padding: 8px 0 0 0;
}

div#bestellung input
{
font-size: 11px;
color: #666;
}
div#bestellung tr.absenden td
{
padding: 10px 0 6px 0;
}


table#formular
{
width:100%; 
margin:0; 
padding:0;
}

table#formular tr td, table#formular form input
{
margin:1px 0; 
padding:0;
}

.asterisk
{
color: #C30;
}

body#gutschein ul li a:link, body#gutschein ul li a:visited
{
text-decoration: none;
color: #666;
}

body#gutschein ul li a:hover
{
text-decoration: none;
color: #C30;
}

.pfeilchen a
{
background: url("../img/pfeil.gif") no-repeat top left;
padding-left: 20px;
}

div#aktuelles img
{
text-align: left !important;
}

div#aktuelles
{
margin-top: 12px;
}

div#aktuelles h1
{
margin-left: 440px;
}

#gutschein h2
{ 
padding-top: 17px; 
}

body#meierei.speisekarte p.speisen-overview
{
float: right;
width: 165px;
height: 145px;
margin-right: 40px;
}

body#restaurant.speisekarte p.speisen-overview
{
float: right;
width: 215px;
height: 140px;
margin-right: 40px;
}