/* FONT & SIZE */
body { font-family: Verdana, Helvetica, sans-serif; font-size: 100.01% }
p, li { line-height: 150% }
h1, h2, h3, h4, h5, h6 { font-family: "Trebuchet MS", Arial, sans-serif }
h1 { font-size: 150% }
h2 { font-size: 130% }
h3 { font-size: 110% }

/* BASIC-LAYOUT */
body { margin: 0 auto 0 auto; text-align: center; padding: 0; width: 666px; background: url("/images/layout/bg-body.gif") repeat-y 50% 0% }
html, body { height: 100%; /* Required */}
#primary { margin: 0 auto 0 auto; padding: 0; width: 666px; background: url("/images/layout/bg-primary.jpg") no-repeat 23px 0; text-align: left }
#primary { position: relative; min-height: 100%; /* For Modern Browsers */ height: auto !important; /* For Modern Browsers */height: 100%; /* For IE */}
#logo { width: 666px; height: 256px; background: url("/images/layout/bg-logo.gif") no-repeat }
#logo h1 { margin: 0; padding: 0 }
#logo h1 a { display: block; width: 274px; height: 80px; margin: 0 0 0 20px }
#logo h1 a em, #logo h2, #logo p { display: none }
#navigation { float: left; width: 643px; height: 32px; margin: 1px 0 0 0px; padding: 0 0 0 44px; background: url("/images/layout/bg-navigation.gif") no-repeat 23px 0px}
#navigation li { float: left; height: 32px; margin: 0; padding: 0; text-transform: lowercase; font-family: "Times New Roman", Times, serif; list-style-type: none }
#navigation a { display: block; height: 32px;  color: #fff; text-decoration: none; font-size: 110% }
.none { display: none }
#content { clear: none; width: 620px; margin: 24px 0 0 23px; padding: 1px 0 40px 0; background: url("/images/layout/bg-content.jpg") no-repeat 0 8px }
#footer { margin: 0; padding: 1em 0 0 0; line-height: 40px; width: 666px; text-align: right; color: #666; font-size: 70%; background: #f4f2f0 url("/images/layout/bg-footer.gif") no-repeat; position: absolute; bottom: 0 !important; bottom: -1px; /* For Certain IE widths */ height: 40px;}
#footer a { color: #666; text-decoration: none }
#footer a:hover { color: #c30; text-decoration: underline }
/* Begin hide from IE5-mac \*/
* html #primary { width: 666px; background-position: 23px 0 } /* Hack for IE5-win */
* html #logo { height: 257px } /* Hack for IE5-win */
* html #navigation { margin-top: 0} /* Hack for IE5-win */
* html #navigation li { height: 33px } /* Hack for IE5-win */
* html #content { margin: -1px 0 0 23px; padding: .6em 0 50px 0; background-position: 0 0 } /* Hack for IE5-win */
/* End hide from IE5-mac */

#haus a { background: url("/images/layout/nav-haus.gif") top no-repeat; width: 117px }
#haus a:hover { background: url("/images/layout/nav-haus.gif") bottom no-repeat; width: 117px }
#insel a { background: url("/images/layout/nav-insel.gif") top no-repeat; width: 116px }
#insel a:hover { background: url("/images/layout/nav-insel.gif") bottom no-repeat; width: 116px }
#anfahrt a { background: url("/images/layout/nav-anfahrt.gif") top no-repeat; width: 108px }
#anfahrt a:hover { background: url("/images/layout/nav-anfahrt.gif") bottom no-repeat; width: 108px }
#preise a { background: url("/images/layout/nav-preise.gif") top no-repeat; width: 92px }
#preise a:hover { background: url("/images/layout/nav-preise.gif") bottom no-repeat; width: 92px }
#reservierung a { background: url("/images/layout/nav-reservierung.gif") top no-repeat; width: 144px }
#reservierung a:hover { background: url("/images/layout/nav-reservierung.gif") bottom no-repeat; width: 144px }

/* FORM-LAYOUT */
fieldset { margin: 0 0 1em 0; padding: 0; border: 0 }
fieldset legend { font-weight: bold; display: none }
input { margin-right: 1em; padding: 2px; border: 1px solid #999; background-color: #f4f4f4; color: #666; font-family: "Courier New", Courier, mono; font-size: 0.8em }
input:focus { border: 1px solid #000 }
input[type=submit] { font-weight: bold; margin-left: 11.3em; font-family: Verdana, Helvetica, sans-serif }
input.simple { margin-left: 0 }
input.date { width: 7em } 
input.plz { width: 4em }
fieldset div { margin-bottom: .5em }
textarea { width: 400px; padding: 2px; height: 80px; border: 1px solid #999; background-color: #f4f4f4; color: #666; font-family: "Courier New", Courier, mono; font-size: 0.8em }
textarea:focus { border: 1px solid #000 }
label { float: left; text-align: right; width: 8.7em; margin-right: .3em; cursor: pointer }

img.photo { border: 1px solid #000 }
p.flyer { float: right; margin-left: 1em }
p.flyer img { border: 0 }

a img { border: 0 }
address { margin-bottom: 1em }
address p { font-style: normal; margin: 0 0 .2em 0 }
dl dt { margin: 1em 0 .5em 0; font-weight: bold }
a.photo img { padding: 6px; margin-right: .5em; border: 1px solid #ccc }
a:hover.photo img { border: 1px solid #666 }

a { color: #c30 }

/* Begin hide from IE5-mac \*/
* html a.photo { padding: .3em; border: 1px solid #ccc; margin-right: .5em } /* Hack for IE5-win */
* html a.photo img { padding: 0; margin-right: 0 }
* html a:hover.photo { border: 1px solid #666 }
/* End hide from IE5-mac */