/* ------------------------------------------------------------------------------------------
CSS Stylesheet zum scharfen Eck, erstellt von David Beege (dbmedia.biz)
--------------------------------------------------------------------------------------------- */


html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td { margin:0; padding:0; border:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline; }

table { border-collapse:separate; border-spacing:0; }
caption, th, td { text-align:left; font-weight:normal; }
blockquote:before, blockquote:after, q:before, q:after { content:""; }
blockquote, q { quotes:"" ""; }
* { margin:0; padding:0; }

html { height:100%; }
body { min-height:101%; position:relative; font-size:16px; padding:0 0 40px 0; background:url(../img/bg_body.gif) repeat center top #E7E5DA; }

a { color:#3371A2; text-decoration:none; outline:none; }
a:hover { color:#3F8FCC; text-decoration:underline; }
a:active { outline:none; }

a img { text-decoration:none; }
	

/* Base font settings
-------------------------------------------------------------- */

body { font-family:Georgia,"Times New Roman",Times,serif; line-height:1.5; color:#4C4541; }
body { font-size:75%; }
html > body { font-size:13px; }

h1,h2,h3,h4,h5,h6 { color:#786B67; padding:0; font-weight:normal; }

h1 { margin:0 0 10px 0; }
h2 { font-size:27px; font-style:italic; margin:0 0 10px 0; }
h3 { font-size:16px; font-weight:bold; margin:0 0 20px 0; color:#585858; }
h4 { font-size:14px; font-weight:bold; margin:0; }
h5 { font-size:12px; font-weight:bold; margin:0; }

p { line-height:22px; margin:0 0 18px 0; }
#main_content p { font-size:14px; }

ul { margin:0 0 35px 25px; }
ul li { margin:0 0 8px 0; }
ol { list-style-type:decimal; margin:0 0 35px 25px; }
strong { font-weight:bold; }
em { font-style:italic; }

.underline, .underline-dark { padding:0 0 5px 0; margin:30px 0 10px 0; }
.underline { background:url(../img/table-line.png) no-repeat right bottom; }
.underline-dark { background:url(../img/title-line.png) no-repeat right bottom; }


/* Layout Elements
-------------------------------------------------------------- */	

#accessibility li { position:absolute; left:-9999em; top:-9999em; list-style:none; }
#accessibility { position:absolute; width:100%; height:124px; top:0; left:0; background:url(../img/bg_decor.jpg) repeat-x left top; margin:0; padding:0; }

#wrapper { position:absolute; left:50%; top:50px; margin:0 0 0 -495px; width:990px; z-index:0; background:url(../img/bg_main-content.png) repeat-y top center; }

#sidebar { position:relative; float:left; width:300px; height:100%; margin:-5px 0 0 15px; background:url(../img/bg_sidebar-head.jpg) no-repeat center top; }
#main_content { float:right; width:590px; padding:35px 40px 30px 40px; margin:0 5px 0 0; }

#logo { display:block; margin:45px 0 0 0; }
#logo a { display:block; width:300px; height:180px; background:url(../img/page_logo.jpg) no-repeat left top; }
#logo a:hover { background-position:left bottom; }

#page_footer { position:relative; clear:both; background:url(../img/bg_page-footer.jpg) no-repeat center top; height:76px; }
#page_footer a { position:absolute; font-size:11px; }

.address { position:absolute; bottom:80px; left:15px; width:300px; height:50px; margin:0; padding:0 0 46px 0; background:url(../img/ornament.gif) no-repeat center bottom; text-shadow:-1px -1px 2px #341E16; }
.address li { margin:0; padding:0; list-style:none; color:#BAA39A; font-size:11px; text-align:center; }

#main_content:after, #sidebar:after, #wrapper:after, #page_container:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }


.column_left, .column_center, .float_left, .image_left, .shadowbox_left { float:left; }
.column_right, .float_right, .image_right, .shadowbox_right { float:right; }

span.clean { display:block; clear:both; }

.replace span, #logo span, #main_menue li a span, .more_specials span { position:absolute; text-indent:-9000em; }

.alignleft { float:left; }
.alignright { float:right; }

.left { text-align:left; }
.center, .centered { text-align:center; }
.right { text-align:right; }



.speisekarte { width:100%; margin:0 0 30px 0; }
.speisekarte td { background:url(../img/table-line.png) no-repeat left bottom; padding:5px 8px 7px 8px; }
.speisekarte td p { margin:0; }
.speisekarte-titel { width:60%; text-align:left; }
.speisekarte-menge { width:20%; text-align:center; }
.speisekarte-preis { width:20%; text-align:right; }
.speisekarte-ueberschrift { font-style:italic; font-size:18px; color:#5A3425; padding:0 10px 5px 10px; margin:20px 0 5px 0; background:url(../img/title-line.png) no-repeat left bottom; }
.speisekarte-ueberschrift span { font-size:13px; padding:0 0 0 20px; }


#weekly_specials { position:relative; float:right; width:266px; height:445px; padding:15px 20px 0 20px; margin:0 -60px 0 25px; background:url(../img/weekly_specials.png) no-repeat left top; }
#weekly_specials h3 { width:238px; height:31px; background:url(../img/weekly_specials-title.gif) no-repeat left top; margin:20px 0 5px 15px; clear:both; }

#weekly_specials td { position:relative; background:url(../img/weekly_specials-separator.gif) no-repeat center bottom; }
#weekly_specials td, #weekly_specials p { color:#FFF; font-size:11px; line-height:16px; }
.more_specials { position:absolute; right:30px; bottom:5px; display:block; width:104px; height:30px; border:1px solid #D5D2C6; background:url(../img/weekly_specials-more.gif) no-repeat right top; }
.more_specials:hover { background-position:left bottom; }

.angebotstafel-element { margin:0 10px 15px 10px; list-style:none; }
.angebotstafel-element li { background:url(../img/weekly_specials-separator.gif) no-repeat center bottom; margin:0; padding:15px 10px 20px 10px; color:#FFF; font-size:12px; }
.angebotstafel-element a { color:#FFF; border-bottom:1px dotted #3371A2; }
.angebotstafel-element a:hover { text-decoration:none; border-color:#3F8FCC; border-style:solid; }

.oeffnungszeiten { width:280px; margin:0 40px 20px 0; background:url(../img/table-line.png) no-repeat left top; }
.oeffnungszeiten td, .oeffnungszeiten th { padding:5px 10px; background:url(../img/table-line.png) no-repeat left bottom; }
.oeffnungszeiten td.day { font-weight:bold; }
.oeffnungszeiten th { background-color:#DAD8CC; font-weight:bold; font-size:13px; }

.quality_box { padding:15px 25px; width:220px; background-color:#FCF9EE; float:right; }
.quality_box h3 { margin:0 0 5px 0; color:#786B67; font-size:22px; font-style:italic; }
.quality_box img { margin:0 0 5px 0; }
.quality_box p { font-size:11px; line-height:18px; }



/* Navigation
-------------------------------------------------------------- */

a.owner { color:#727272; left:350px; top:30px; text-shadow:-1px -1px 1px #C8C5BC; }
a.designer { color:#AEAEAE; right:40px; top:30px; text-shadow:-1px -1px 1px #D4D1C8; }

#main_menue { margin:15px 9px 120px 9px; padding:20px 0 0 0; list-style:none; background:url(../img/main_menue-top.jpg) no-repeat center top; }
#main_menue li { height:49px; overflow:hidden; padding:0; margin:0; background:url(../img/button_separator.gif) no-repeat center bottom; }
#main_menue li.page_item a { display:block; width:282px; height:48px; background-repeat:no-repeat; background-position:0px 0px; overflow:hidden; text-indent:-9999em; }
#main_menue li.page_item a:hover { background-position:0px -48px; }
#main_menue li.page_item a:active { background-position:0px -96px; }
#main_menue li.current_page_item a { background-position:0px -144px; }
#main_menue li.page-item-23 { height:68px; background:url(../img/main_menue-bottom.jpg) no-repeat center bottom; }

.page-item-5 a { background-image:url(../img/button_home.jpg); }
.page-item-8 a { background-image:url(../img/button_about.jpg); }
.page-item-11 a { background-image:url(../img/button_food.jpg); }
.page-item-15 a { background-image:url(../img/button_gallery.jpg); }
.page-item-19 a { background-image:url(../img/button_guestbook.jpg); }
.page-item-21 a { background-image:url(../img/button_contact.jpg); }
.page-item-23 a { background-image:url(../img/button_imprint.jpg); }
.page-item-25 a { background-image:url(../img/button_weekly.jpg); }


/* Gallery
-------------------------------------------------------------- */

.ngg-gallery-thumbnail { float:left; margin:0 8px 8px 0; }
.ngg-gallery-thumbnail a { display:block; float:left; padding:1px; -moz-box-shadow:1px 1px 5px #CCC; -webkit-box-shadow:1px 1px 5px #CCC; }
.ngg-gallery-thumbnail a img { display:block; float:left; border:3px double #A0908B; padding:1px; background-color:#FFF; width:100px; height:75px; }
.ngg-gallery-thumbnail a:hover img { background-color:#EBE8D2; border-color:#5D3628; }

	
#mbOverlay { position:fixed; z-index:9998; top:0; left:0; width:100%; height:100%; background-color:#000; cursor:pointer; }
#mbOverlay.mbOverlayFF { background:transparent url(../img/mb_80.png) repeat; }
#mbOverlay.mbOverlayIE { position:absolute; }

#mbCenter { position:absolute; z-index:9999; left:50%; overflow:hidden; background-color:#fff; -moz-border-radius:5px; -webkit-border-radius:5px; -moz-box-shadow:0px 5px 20px rgba(0,0,0,0.40); -webkit-box-shadow:0px 5px 20px rgba(0,0,0,0.40); }
#mbCenter.mbLoading { background:#fff url(../img/loader.gif) no-repeat center; -moz-box-shadow:none; -webkit-box-shadow:none; }

#mbImage { position:relative; left:0; top:0; font-family:Myriad, Verdana, Arial, Helvetica, sans-serif; line-height:20px; font-size:12px; color:#000; text-align:left; background-position:center center; background-repeat:no-repeat; padding:10px 10px 0 10px; }
#mbImage a, #mbImage a:link, #mbImage a:visited { color:#333; }
#mbImage a:hover, #mbImage a:active { color:#000; }

#mbBottom { min-height:20px; line-height:20px; font-size:12px; color:#999; text-align:left; padding:0 10px 10px; }
#mbTitle { display:inline; color:#000; font-weight:bold; line-height:20px; font-size:12px; }
#mbNumber { display:inline; color:#333; line-height:14px; font-size:10px; margin:auto 10px; }
#mbCaption { display:block; color:#333; line-height:14px; font-size:10px; }
#mbPrevLink, #mbNextLink, #mbCloseLink { display:block; float:right; height:25px; margin:0; outline:none; background-repeat:no-repeat; background-position:0 0; }
#mbPrevLink:hover, #mbNextLink:hover, #mbCloseLink:hover { background-position:0 -25px; }
#mbPrevLink { width:25px; background-image:url(../img/mb_previous.png); }
#mbNextLink { width:25px; background-image:url(../img/mb_next.png); }
#mbCloseLink { width:25px; background-image:url(../img/mb_close.png); }

#mbError { position:relative; font-family:Myriad, Verdana, Arial, Helvetica, sans-serif; line-height:20px; font-size:12px; color:#000; text-align:center; border:10px solid #700; padding:10px 10px 10px; margin:20px; -moz-border-radius:5px; -webkit-border-radius:5px; }
#mbError a, #mbError a:link, #mbError a:visited, #mbError a:hover, #mbError a:active { color:#700; font-weight:bold; text-decoration:underline; }



/* Forms
-------------------------------------------------------------- */

.input-field input, .input-field textarea { border:3px double #A0908B; background-color:#FFF; padding:5px 7px; font-size:11px; font-family:Georgia,"Times New Roman",Times,serif; }
.input-field input:focus, .input-field textarea:focus { background-color:#EBE8D2; border-color:#5D3628; }
.input-submit input { cursor:pointer; border:3px double #A0908B; font-family:Georgia,"Times New Roman",Times,serif; font-size:12px; padding:3px 6px; font-weight:bold; background-color:#5E3D30; color:#FFF; }
.input-submit input:hover { background-color:#5D3628; border-color:#FFF; color:#FFF; }
.input-submit input:active { background-color:#FCF9EE; border-color:#5E3D30; color:#5E3D30; }
.input-submit { text-align:right; }

.input-field { margin:0 0 15px 0; }

#commentform { clear:both; padding:20px; background-color:#FCF9EE; }
#commentform label { display:block; font-weight:bold; font-size:12px; padding:0 0 3px 8px; }
#commentform label small { font-weight:normal; font-size:10px; }
#commentform .input-field input, #commentform .input-field textarea { width:530px; }
#commentform .input-field textarea { height:200px; }

#slide_toggle { cursor:pointer; padding:0; margin:0; clear:both; padding:8px 0; }
#slide_toggle span { padding:8px 15px; background-color:#FCF9EE; border-bottom:2px solid #FFF; }
#slide_toggle:hover span { background-color:#5D3628; color:#FFF; }
#slide_toggle.active span { background-color:#5D3628; color:#FFF; }

#wpcf7-f1-p21-o1 .input-field input, #wpcf7-f1-p21-o1 .input-field textarea { width:530px; }
#wpcf7-f1-p21-o1 label { display:block; float:left; font-weight:bold; font-size:12px; padding:0 0 3px 8px; }
.wpcf7 { position:relative; clear:both; padding:20px; margin:40px 0 0 0; background-color:#FCF9EE; }
.wpcf7 .ajax-loader { float:left; background-color:#FFF; padding:5px; }
#wpcf7-f1-p21-o1 .underline-dark { margin:0 0 20px 0; }

.wpcf7-form-control-wrap { position:relative; display:block; }
.wpcf7-not-valid-tip, .wpcf7-not-valid-tip-no-ajax { position:absolute; right:10px; top:-15px; padding:3px 6px; background:#F8E891; border:1px solid #C9A53E; color:#604B33; font-size:11px; }
.wpcf7-response-output { position:absolute; right:20px; top:15px; width:340px; padding:5px 10px; background-color:#FFF; border:1px solid #FFF; font-size:11px; }
.wpcf7-validation-errors { border-color:#C9A53E; background-color:#F8E891; color:#604B33; }
.wpcf7-display-none { display:none; }

div.wpcf7-mail-sent-ok { border-color:#398f14; } 
div.wpcf7-mail-sent-ng { border-color:#ff0000; } 
div.wpcf7-spam-blocked { border-color:#ffa500; } 


/* Guestbook
-------------------------------------------------------------- */

#comments { background:url(../img/title-line.png) no-repeat left bottom; padding:0 15px 5px 15px; margin:30px 0 20px 0; color:#5D3628; }

.commentlist { list-style:none; margin:0; padding:0; background:url(../img/table-line.png) no-repeat left top; }
.comment { position:relative; background:url(../img/table-line.png) no-repeat left bottom; padding:15px 45px 16px 20px; margin:0; }
.odd { background-color:#FCF9EE; }
.comment-author { padding:0 0 5px 0; }
.comment-author h4 { font-weight:normal; font-size:11px; }
.comment-author h4 cite { font-weight:bold; font-size:13px; padding-right:10px; }
.commentnumber { position:absolute; right:10px; top:10px; font-size:40px; font-weight:bold; color:#DAD8CC; }
.the_comment { border-left:2px solid #E6E5DD; padding:0 15px; margin:10px 0 0 0; }

.comment_navigation { display:block; clear:both; height:27px;}
.comment_navigation a { display:block; background-color:#E6E5DD; padding:5px 10px; font-size:11px; font-weight:bold; }



/* Frontend Edit
-------------------------------------------------------------- */

.post-edit-link { position:fixed; right:50px; top:50px; display:block; background:url(../img/admin_edit.gif) no-repeat 8px 9px #FFF; padding:5px 10px 5px 32px; border:1px solid #CCC; -moz-box-shadow:1px 1px 8px #000; -moz-border-radius:3px; }


/* only for testing !!!
-------------------------------------------------------------- */
/* #accessibility {background:red !important;}
#wrapper {background:blue !important;}
#page_header {background:green !important;}
#page_footer {background:yellow !important;}
#main_content  {background:purple !important;}
#sidebar {background:gray !important;} */