@charset 'utf-8';

/******************************
screen.css
Version: 1.0
(c) by WERBESTUDIO HILD
www.werbestudio-hild.de
******************************/

@import url(reset.css);

body { background: #8a943e url(../images/backgrounds/body.jpg) fixed no-repeat 100% 0; color: #5a6533; font: 101% Geneva, Arial, Helvetica, sans-serif; padding: 40px 0; overflow-y: scroll; text-align: center; }

body { overflow-y: scroll; text-align: center; }

em { font-style: italic; }
strong { font-weight: bold; }
abbr { border-bottom: 1px dotted #c6e2a5; cursor: help; }

/* Header */
#header { background: url(../images/headers/allgemein.jpg); background-repeat: no-repeat; }
#home #header { background: url(../images/headers/home.jpg); background-repeat: no-repeat; }
#partyservice #header { background: url(../images/headers/tomate-mozzarella.jpg); }
#rotunde #header { background: url(../images/headers/rotunde.jpg); }
#drostenkeller #header { background: url(../images/headers/drostenkeller.jpg); }
#anfahrt #header { background: url(../images/headers/rotunde-drostenkeller.jpg); }
#header img { vertical-align: middle; }
#header h1 { margin-left: 490px; }

#nav { background: #4a5724; }
#nav li { display: inline; }
#nav a { background: #4a5724; border-left: 1px solid #c6e2a5; color: #c6e2a5; display: block; float: left; font-size: .75em; padding: .3em 0; text-align: center; text-decoration: none; width: 122px; }
#nav .first a { border-left: none; width: 125px; }
#nav .last a { clear: both; float: none; font-size: 1px; height: 0; width: 0; }
#nav a:hover,
#nav a:focus,
#nav a:active { background: #637153; color: #fff; }
#nav a.active,
#nav a.active:hover,
#nav a.active:focus,
#nav a.active:active { background: #fbffbf; color: #950023; }

/* Container */
#container { background: #fdffdf url(../images/backgrounds/container.gif) repeat-y; margin: 0 auto; text-align: left; width: 740px; }


/* Content */
#content #entry { width: 490px; }
#content #sidebar { width: 250px; }
#content #entry,
#content #sidebar { float: left; }
#content #entry { padding: 1em 0; }
#content #menu_card { background: #fdffdf; clear: both; padding: 1em 0; }

#entry h2,
#menu_card h2 { clear: both; color: #950023; font-size: 1.2em; font-weight: normal; margin: 0 20px .8em 20px; }
#entry p,
#menu_card p,
#entry h3,
#menu_card h3,
#entry h4,
#menu_card h4,
#entry li,
#menu_card li { font-size: .7em; line-height: 1.4; }
#entry p,
#menu_card p,
#entry ul,
#menu_card ul { margin: 0 20px .8em 20px; }
#entry h3,
#menu_card h3 { border-bottom: 1px solid #c6e2a5; font-weight: bold; margin: 0 20px .6em; }
#entry h4,
#menu_card h4 { font-weight: bold; margin: 0 20px; }
#entry li,
#menu_card li { background: url(../images/backgrounds/dot_li.gif) no-repeat 0 .55em; padding-left: 10px; }
#entry a,
#menu_card a { color: #950023; text-decoration: none; }
#entry a:hover,
#menu_card a:hover,
#entry a:focus,
#menu_card a:focus,
#entry a:active,
#menu_card a:active {text-decoration: underline; }

#sidebar img { vertical-align: middle; }
#sidebar p { margin-bottom: 1.6em; }
#sidebar p.last { margin-bottom: 0; }

#map-gt,
#map-wb { border: 1px solid #c6e2a5; margin: 0 0 1.2em 20px; }
#entry #map-gt p,
#entry #map-wb p { margin: 0 0 .8em; }
#entry #map-gt h3,
#entry #map-wb h3 { margin: 0 0 .6em; }

/* Belegungskalender */
#entry table { border-collapse: separate; border-spacing: 3px; margin: 0 20px .8em 20px; width: 450px; }
#entry table th { background: #fbffbf; font-weight: bold; }
#entry table th,
#entry table td { border: 1px solid #c6e2a5; font-size: .7em; line-height: 1.4; padding: 5px; text-align: center; }
#entry table .wochenende,
#entry table .feiertag { background: #c6e2a5; }
#entry table .empty { border: 1px solid #fdffdf; }
#entry table .reserviert { border: 1px solid #4a5724; background: #8a943e; color: #c6e2a5; font-weight: bold; }
#entry table .gebucht { border: 1px solid #4a5724; background: #950023; color: #c6e2a5; font-weight: bold; }
#entry p.reserviert { color: #8a943e; font-weight: bold; }
#entry p.gebucht { color: #950023; font-weight: bold;  }

/* Speiseplan */
#menu_card table { border-collapse: collapse; border-spacing: 0; margin: 2em 20px .8em 20px; width: 700px; }
#menu_card table caption { border-bottom: 1px solid #c6e2a5; font-size: .7em; font-weight: bold; line-height: 1.4; margin: 0 0 .6em; }
#menu_card table th { background: #fbffbf; font-weight: normal; }
#menu_card table th,
#menu_card table td { border: 1px solid #c6e2a5; font-size: .7em; line-height: 1.4; padding: 5px; text-align: center; width: 310px; }
#menu_card table th.day { width: 50px; }
#menu_card table th.large { width: 630px; }
#menu_card table th em { font-size: 1.2em; font-style: normal; font-weight: bold; }
#menu_card table .empty { border-left: 1px solid #fdffdf; border-top: 1px solid #fdffdf; }
#menu_card table p { font-size: 1em; margin: .6em 0; }
#menu_card table strong { font-size: 2em; font-weight: bold; position: relative; top: 1.0em; }
#menu_card table hr { background: #c6e2a5; border: 0; color: #c6e2a5; height: 1px; }
#menu_card table .separator { height: 1px; background: #c6e2a5; margin: 0; padding: 0; }

.clear { clear: both; }
#content .footnote { margin-top: 6em; font-size: .8em; }
#content #menu_card .footnote { padding-bottom: .6em; }
#content .footnote h3 { border: 0; }

/* Footer */
#footer { color: #c6e2a5; margin: .6em auto; text-align: right; width: 720px; }
#footer p { font-size: .75em; line-height: 1.4; }
#footer a { color: #c6e2a5; text-decoration: none; }
#footer a:hover,
#footer a:focus,
#footer a:active { text-decoration: underline; }
#footer a.active,
#footer a.active:hover,
#footer a.active:focus,
#footer a.active:active { color: #fff; text-decoration: none; }