@charset "utf-8";

/** 
 * @style       Screen Style Sheet
 * @media       screen
 * @version     1.0
 * @since       September 03, 2008
 * @change      
 * @client      Gasthof Halbgewachs
 * @site        http://www.gasthof-halbgewachs.de/
 * @author      Bjoern Kropp
 * @link        http://www.mv-geisser.de/
 */

/**
 * @section     Reset
 * @note        tables still need cellspacing="0" in the markup
 */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { margin: 0; padding: 0 }
a { text-decoration: none }
table { border-collapse: collapse; border-spacing: 0 }
fieldset, img { border: 0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style: normal; font-weight: normal }
ol, ul { list-style: none }
caption, th { text-align: left }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal }
blockquote:before, blockquote:after, q:before, q:after { content: "" }
blockquote, q { quotes: "" "" }
abbr, acronym { border: 0; cursor: help }
hr { display: none }

/**
 * @section     Preload
 */
#navigation { background-image: url(http://www.gasthof-halbgewachs.de/asset/teaser.jpg) }
.wrapper { background-image: url(http://www.gasthof-halbgewachs.de/asset/salt.jpg) }

/**
 * @section     Colors
 */
body, a { color: #003 } /* 142E66 */
#footer a { color: #fff }
#header, #navigation { background-color: #fff }
div.wrapper { background-color: #fffcf1 }
#content { background-color: #fff5e1 }
#footer { background-color: #003 } /* 062e70 */
#navigation li, .wrapper, .image img { border-color: #003 } /* 062e70 */

/**
 * @section     Layout
 */
body { min-width: 960px; text-align: center }
.document { margin: 0 auto; position: relative; text-align: left; width: 960px; z-index: 10 }
#header { float: left; height: 120px; width: 220px }
#header a { /*display: block; height: 120px; width: 220px*/ }
#header a img { display: block }
#navigation { background-position: 0 0; background-repeat: no-repeat; float: right; height: 120px; width: 740px }
#navigation ul { margin: 100px 20px 0 40px; width: 680px }
#navigation li { border-right-style: solid; border-right-width: 1px; float: left; padding: 0 10px; margin: 3px 0 }
#navigation li.profile { border-left-style: solid; border-left-width: 1px }
.wrapper { background-position: 0 100%; background-repeat: no-repeat; border-top-style: solid; border-top-width: 5px; clear: both; width: 960px }
#content { float: right; width: 740px }
#content-main { float: left; padding: 30px 20px 30px 40px; width: 460px }
#content-secondary { float: right; padding: 30px 20px; width: 180px }
#content-secondary img { display: block; margin: 0 0 10px 0 }
#sidebar { float: left; padding: 30px 20px; width: 180px }
#footer { clear: both; height: 20px; margin: 0 0 0 220px; padding: 0 20px; text-align: right; width: 700px }

/**
 * @section     Typography
 */
body { font: 13px/20px 'lucida grande', verdana, arial }
a:link, a:visited { font-weight: bold; text-decoration: underline }
a:focus, a:hover { text-decoration: none }
a.active { text-decoration: underline }
#navigation a:link, #navigation a:visited { font-weight: normal; text-decoration: none }
#navigation a:focus, #navigation a:hover { text-decoration: underline }
#navigation a.active { text-decoration: underline }
#navigation li { text-transform: lowercase }
#footer a { font-weight: normal; text-decoration: none }
p.deepth-link a { text-decoration: none; background: url(http://www.gasthof-halbgewachs.de/asset/arrow.png) no-repeat 0 0; padding: 0 0 0 14px }
p.deepth-link a:hover { text-decoration: underline }
h1 { font-size: 24px; line-height: 30px; margin: 0 0 40px 0 }
h2 { font-size: 16px; margin: 0 0 20px 0 }
#default h2 { font-size: 14px; font-weight: bold; margin: 0; }
h3 { font-size: 12px }
h4 { font-size: 12px }
#navigation li { line-height: 14px }
#speisekarte h1, #saisonkarte h1 { margin: 0 0 10px 0 }
#speisekarte #content p.deepth-link, #saisonkarte #content p.deepth-link { margin: 0 0 30px 0 }
p.deepth-link { font-size: 14px }
#sidebar { font-size: 11px }
h1, h3, h4, dt, th { font-weight: bold }
td.price { text-align: right }
td { padding: 0 0 10px 0 }
dl { margin: 0 0 20px 0 }
#profil #content dd { margin: 0 0 10px 0 }
h2 { text-transform: uppercase }
strong, em { font-weight: bold }
em { font-style: italic; margin-right: 2px }
.label { font-weight: bold }
#content p { margin: 0 0 20px 0 }
#content p.deepth-link { margin: 0 0 3px 0 }
table { margin: 0 0 40px 0 }
#sidebar { line-height: 18px }
#sidebar .fn { display: none }
#sidebar .adr { margin: 0 0 9px 0 }
#sidebar .tel { margin: 9px 0 0 0 }
#sidebar .tel .value { display: block; font-size: 12px }
#contact-address { margin: 0 0 20px 0 }
#contact-address .adr { margin: 0 0 10px 0 }
#contact-address .type { font-weight: normal }
.image img { border: 1px solid #003; float: left; display: block } /* 142E66 */
.image img.map-1 { margin: 0 14px 0 0 }
td { vertical-align: bottom }
td.description { width: 300px }
td.price { width: 160px }
#system table { width: 100%; font-size: 12px }
#system table th { border-bottom: solid 1px #E5DCCA; padding: 5px 0 }
#system table .options { width: 40% }
#system table td { background-color: #FFFAF0; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #dddddd; padding-top: 5px }
form { border-top: solid 1px #E5DCCA; border-bottom: solid 1px #fff; padding: 10px 15px 20px; background: #FFFAF0 }
legend { font: bold 13px/20px Arial, Helvetica, sans-serif; cursor: pointer; text-transform: uppercase; margin-bottom: 10px; color: #E5DCCA }
legend:hover { color: #003 } /* 142E66 */
label { font-weight: bold; color: #222 }
label.hide { display: none }
form .box { display: none }
#system h2#hauptgang, #system h2#dessert { margin-top: 40px }
p.note { padding-top: 40px; font-size: 11px }
input.text, textarea { width: 100%; font-family: Monaco,"Courier New",Monospace; font-size: 11px; border-width: 1px; border-style: solid; border-right-color: #bbbbbb; border-left-color: #bbbbbb; border-top-color: #777777; border-bottom-color: #dddddd; background-color: #fefefe; padding: 2px }