@import url(reset.css);

body { font-family: Verdana, sans-serif; font-size: 0.875em }
html { overflow-y: scroll }
p { margin: 0 0 .75em }
h1, h2, h3, h4, h5 { margin: 0 0 1em }
strong { font-weight: bold }
em { font-style: italic }

.clr { clear: both }

.klecks { background: transparent url(images/klecks.png) no-repeat; text-decoration: none; font-weight: bold; padding: 5px 0 0 30px; display: block; text-transform: uppercase }
.klecks .smallcaps { font-size: 1.25em }
.back { background: url(images/pfeil_png) no-repeat; text-decoration: none; margin-top: 3em; display: block; width: 31px; height: 26px; clear: both }
.anmerkung { font-weight: bold; font-style: italic; margin-top: 2em }

#page { position: relative; margin: 0 auto; height: auto !important; height:100%; min-height:100% }

#header { height: 160px; position: fixed; top: 0; right: 0; width: 100%; z-index: 10 }
#header a { text-decoration: none; display: block; width: 246px; height: 105px; margin: 30px 80px; float: right }

#content { margin: 0 auto; width: 735px; line-height: 1.5em; padding-right: 120px; position: relative; top: 160px }
#content h1, #content h2 { text-transform: uppercase }
#content h1, #content h2, #content h3, #content h4 { font-weight: bold; margin-top: 2em }
#content h1:first-letter, #content h2:first-letter { font-size: 1.25em }
#content h1:first-child, #content h2:first-child, #content h3:first-child { margin-top: 0 }
#content #title { float: left; width: 150px; margin: 0 5px 0 0; text-align: right }
#content #text { float: left; width: 580px; margin: 2.5em 0 0; padding-bottom: 140px; position: relative }

#menu { height: 75px; position: fixed; bottom: 0; left: 0; width: 100%; z-index: 10 }
#menu ul { position: relative; top: 40% }
#menu li { float: left; width: 20%; text-align: center } 
#menu li .smallcaps { font-size: 1.25em }
#menu li a { text-decoration: none; font-weight: bold; text-transform: uppercase }

/* Restaurant */
body.restaurant { color: #990033; background: #fffdc4 }
body.restaurant #header { background: url(images/head_restaurant_bg.png) repeat-x right top }
body.restaurant #header a { background: url(images/logo_bar.png) no-repeat right top }
body.restaurant #menu { background: #b30019 }
body.restaurant #menu li a { color: #ff7333 }
body.restaurant #menu li a:hover { color: #fffdc4 }
body.restaurant a { color: #ff7d21 }
body.restaurant a:hover { color: #b30019 }
body.restaurant a.klecks { background-position: 0 0 }
body.restaurant a.klecks:hover { background-position: 0 -25px }
body.restaurant a.back { background-position: 0 -4px }
body.restaurant a.back:hover { background-position: 0 -39px }

/* Delicatering */
body.catering { color: #798028; background: #eefac1 }
body.catering #header { background: url(images/head_catering_bg.png) repeat-x right top }
body.catering #header a { background: url(images/logo_catering.png) no-repeat right top }
body.catering #menu { background: #798028; color: #d4d81a }
body.catering #menu li a { color: #d4d81a }
body.catering #menu li a:hover { color: #ffffff }
body.catering a { color: #d4d81a }
body.catering a:hover { color: #798028 }
body.catering a.klecks { background-position: 0 -50px }
body.catering a.klecks:hover { background-position: 0 -75px }
body.catering a.back { background-position: 0 -74px }
body.catering a.back:hover { background-position: 0 -109px }

/* Introseite */
#start_center { background: url(/assets/images/start.png) no-repeat; width: 857px; height: 353px; margin: -176px 0 0 -427px; position: absolute; left: 50%; top: 50%}
#start_left { display: block; background: url(/assets/images/start_left.png) no-repeat -398px 0; position: absolute; top: 0; left: 0; height: 353px; width: 397px }
#start_left:hover { background-position: 0 0 }
#start_right { display: block; background: url(/assets/images/start_right.png) no-repeat -459px 0; position: absolute; top: 0; right: 1px; width: 458px; height: 353px }
#start_right:hover { background-position: 0 0 }
#start_content { width: 857px; margin-left: -427px; position: absolute; left: 50%; top: 120% }

/* Galerie */
#slideshow { position: relative; overflow: hidden; width: 486px; height: 330px }
#slideshow img { float: left; margin: 1em 26px 20px 0px; width: 450px; height: 300px }

/* Catering Formular */
#cateringanfrage label { width: 150px }
#cateringanfrage input, #cateringanfrage textarea { width: 390px; background: #fff; color: #798028; border: 1px solid #798028; padding: 3px; font-size: 1em }
#cateringanfrage textarea { width: 540px; font-size: 1.5em } 
#cateringanfrage label, #cateringanfrage input { margin-top: 0.5em; display: block; float: left } 
#cateringanfrage fieldset { border: 1px solid #798028; padding: 0.75em; margin: 0.5em 0 0 }
#cateringanfrage legend { padding: 0 0.25em; font-weight: bold }
#cateringanfrage br { clear: left }
#cateringanfrage .width100 { width: 100% }
#cateringanfrage .width50 { width: 188px; margin-right: 6px }
#cateringanfrage .radio, #cateringanfrage .checkbox { float: none; display: inline; margin: 0 0.1em 0 0; width: 13px; border: none; background: transparent }
#cateringanfrage .hidden { display: none }
#cateringanfrage #submit { width: 130px }

#cateringanfrage label.required { font-weight: bold }
#cateringanfrage input.required { background: #f9ffb3 }
.errors { border: 1px solid #798028; background: #f9ffb3; padding: 0.75em; margin: 0.5em 0 0 }

/* Contentmenu */
#contentmenu { float: right; margin: 0 0 1em 2em }
#contentmenu li { margin: 0 0 0.75em }
#contentmenu .item1 { margin-left: 10px }
#contentmenu .item2 { margin-left: 30px }
#contentmenu .item3 { margin-left: 20px }

/* Pagecurl */
#curlouter { position: fixed; left: 0pt; top: 0pt; z-index: 900 }
#curlouter a { text-decoration: none }
#curl { padding: 10px; border: 0; display: block }