@charset "utf-8";

* { margin: 0; padding: 0 }
a { outline: 0 }
a img { border: 0; text-decoration: none }

html,body { height: 100% }
body { background: white; font: 100.01%/1.33 "Times New Roman", Times, Georgia, serif; color: #fff }

#container { position: relative; clear: left; margin: 0 auto; width: 800px;
	background: white url(/images/layout/bg-container.gif) left bottom no-repeat;
	height: auto; padding-bottom: 223px }

#menu { position: absolute; z-index: 1; top: 15px; left: 7px; list-style: none; height: 25px; line-height: 25px }
#menu li { float: left; width: 73px; margin-right: 7px; height: 25px }
#menu li a { display: block; height: 25px; background: white url(/images/layout/menu.gif) top left no-repeat; text-indent: -10000px }
#menu #menu-1 { width: 73px }
#menu #menu-1 a { background-position: 0 0 }
#menu #menu-1 a:hover, #menu #menu-1 a.active { background-position: 0 -25px }
#menu #menu-2 { width: 113px }
#menu #menu-2 a { background-position: -80px 0 }
#menu #menu-2 a:hover, #menu #menu-2 a.active { background-position: -80px -25px }
#menu #menu-3 { width: 58px }
#menu #menu-3 a { background-position: -200px 0 }
#menu #menu-3 a:hover, #menu #menu-3 a.active { background-position: -200px -25px }
#menu #menu-4 { width: 54px }
#menu #menu-4 a { background-position: -266px 0 }
#menu #menu-4 a:hover, #menu #menu-4 a.active { background-position: -266px -25px }
#menu #menu-5 { width: 68px }
#menu #menu-5 a { background-position: -328px 0 }
#menu #menu-5 a:hover, #menu #menu-5 a.active { background-position: -328px -25px }
#menu #menu-6 { width: 43px }
#menu #menu-6 a { background-position: -418px 0 }
#menu #menu-6 a:hover, #menu #menu-6 a.active { background-position: -418px -25px }
#menu #menu-7 { width: 62px }
#menu #menu-7 a { background-position: -469px 0 }
#menu #menu-7 a:hover, #menu #menu-7 a.active { background-position: -469px -25px }
#menu #menu-8 { width: 76px }
#menu #menu-8 a { background-position: -539px 0 }
#menu #menu-8 a:hover, #menu #menu-8 a.active { background-position: -539px -25px }
#menu #menu-9 { width: 117px; margin-left: 52px }
#menu #menu-9 a { background-position: -615px 0 }
#menu #menu-9 a:hover, #menu #menu-9 a.active { background-position: -615px -25px }

#content #childmenu { position: absolute; z-index: 15; left: 137px; top: 25px; margin: 0; list-style: none; width: 400px }
#content #childmenu li { float: left; margin-right: 17px; width: 50px }
#content #childmenu li a { display: block; text-indent: -10000px }

.service #content #childmenu li a { background: transparent url(/images/layout/menu-service.gif) top left no-repeat }
.service #content #childmenu #childmenu-1 { width: 53px }
.service #content #childmenu #childmenu-2 { width: 133px }
.service #content #childmenu #childmenu-3 { width: 88px }
.service #content #childmenu #childmenu-1 a { background-position: 0 0 }
.service #content #childmenu #childmenu-2 a { background-position: -70px 0 }
.service #content #childmenu #childmenu-3 a { background-position: -220px 0 }
.service #content #childmenu #childmenu-1 a:hover, .service #content #childmenu #childmenu-1 a.active { background-position: 0 -15px }
.service #content #childmenu #childmenu-2 a:hover, .service #content #childmenu #childmenu-2 a.active { background-position: -70px -15px }
.service #content #childmenu #childmenu-3 a:hover, .service #content #childmenu #childmenu-3 a.active { background-position: -220px -15px }

.rezepte #content #childmenu li a { background: transparent url(/images/layout/menu-rezepte.gif) top left no-repeat }
.rezepte #content #childmenu li { width: 10px; margin-right: 8px; line-height: 15px }
.rezepte #content #childmenu #childmenu-1 a { background-position: 0 0 }
.rezepte #content #childmenu #childmenu-2 a { background-position: -10px 0 }
.rezepte #content #childmenu #childmenu-3 a { background-position: -20px 0 }
.rezepte #content #childmenu #childmenu-4 a { background-position: -30px 0 }
.rezepte #content #childmenu #childmenu-5 a { background-position: -40px 0 }
.rezepte #content #childmenu #childmenu-6 a { background-position: -50px 0 }
.rezepte #content #childmenu #childmenu-7 a { background-position: -60px 0 }
.rezepte #content #childmenu #childmenu-8 a { background-position: -70px 0 }
.rezepte #content #childmenu #childmenu-9 a { background-position: -80px 0 }
.rezepte #content #childmenu #childmenu-10 a { background-position: -90px 0 }
.rezepte #content #childmenu #childmenu-1 a:hover, .rezepte #content #childmenu #childmenu-1 a.active { background-position: 0 -15px }
.rezepte #content #childmenu #childmenu-2 a:hover, .rezepte #content #childmenu #childmenu-2 a.active { background-position: -10px -15px }
.rezepte #content #childmenu #childmenu-3 a:hover, .rezepte #content #childmenu #childmenu-3 a.active { background-position: -20px -15px }
.rezepte #content #childmenu #childmenu-4 a:hover, .rezepte #content #childmenu #childmenu-4 a.active { background-position: -30px -15px }
.rezepte #content #childmenu #childmenu-5 a:hover, .rezepte #content #childmenu #childmenu-5 a.active { background-position: -40px -15px }
.rezepte #content #childmenu #childmenu-6 a:hover, .rezepte #content #childmenu #childmenu-6 a.active { background-position: -50px -15px }
.rezepte #content #childmenu #childmenu-7 a:hover, .rezepte #content #childmenu #childmenu-7 a.active { background-position: -60px -15px }
.rezepte #content #childmenu #childmenu-8 a:hover, .rezepte #content #childmenu #childmenu-8 a.active { background-position: -70px -15px }
.rezepte #content #childmenu #childmenu-9 a:hover, .rezepte #content #childmenu #childmenu-9 a.active { background-position: -80px -15px }
.rezepte #content #childmenu #childmenu-10 a:hover, .rezepte #content #childmenu #childmenu-10 a.active { background-position: -90px -15px }

.kontakt #content #childmenu li a { background: transparent url(/images/layout/menu-kontakt.gif) top left no-repeat }
.kontakt #content #childmenu #childmenu-1 { width: 120px }
.kontakt #content #childmenu #childmenu-1 a { background-position: 0 0 }
.kontakt #content #childmenu #childmenu-1 a:hover, .kontakt #content #childmenu #childmenu-1 a.active { background-position: 0 -15px }

h1 { position: relative; left: 8px; background: white url(/images/layout/h1.gif) bottom left no-repeat;
	width: 370px; height: 135px; text-indent: -10000px; margin-bottom: 5px; display:block;}
h3 { position: relative; left: 8px; background: white url(/images/layout/h3.gif) top left no-repeat;
	width: 210px; height: 25px; text-indent: -10000px }
h2, #adresse { position: absolute; left: -10000px; top: -10000px; width: 10px; height: 10px }

#content { position: relative; background: #968f00 url(/images/layout/bg-content-unten.gif) left bottom no-repeat;
	padding-top: 20px; padding-left: 30px; min-height: 145px; padding-bottom: 20px }
#content #back { background: transparent url(/images/layout/bg-content-oben.gif) top right no-repeat;
	position: absolute; right: 0; top: 0; height: 90px; width: 315px; z-index: 0 }
#logo { position: absolute; right: -2px; top: 85px; width: 75px; height: 90px;
	background: white url(/images/layout/logo.gif) top left no-repeat }

#content { color: white;}
#content .dark { color: #3f4400 }
#content h4, #content h5 { font-size: 15px; line-height: 20px; font-weight: normal; letter-spacing: 2px; padding-bottom: 10px;  margin-top: 10px;  }
#content p, #content ul, #content ol, #content form, #content table { width: 185px; font-size: 11px;
	letter-spacing: 2px; line-height: 14px; padding-bottom: 14px; }
.impressum #content p, .impressum #content ul, .impressum #content ol, .impressum #content form, .impressum #content table { width: 600px;}
#content ul, #content ol { margin-left: 16px; line-height: 20px }
#content a { color: white; text-decoration: none }
#content a:hover { color: #3f4400 }

#content .artikel { color: #3f4400; list-style: none; width: 740px; margin: 0; padding: 0; padding-top: 20px; line-height: 14px;
	background: transparent url(/images/layout/liniedunkel.gif) bottom left no-repeat }
#content .artikel li { background: transparent url(/images/layout/liniedunkel.gif) top left no-repeat; padding: 10px 0 }
#content .artikel li h4, #content .artikel li p { padding: 0 }

#content .bilder { float: right; width: 400px; margin-right: 28px; margin-left: 40px; margin-top: 10px; }
#content .bilder .bild { padding: 10px; background: white; float: right; margin-right: 2px; margin-bottom: 2px; margin-bottom:10px;  }
#content .bilder .bild img { display: block; line-height: 0; }

#content .linie { width: 740px; height: 15px; clear: both; background: transparent url(/images/layout/linie.gif) center left no-repeat }
#content .doppeltelinie { width: 740px; height: 15px; clear: both; background: transparent url(/images/layout/linie-doppelt.gif) center left no-repeat }
#content .darklinie { width: 740px; height: 15px; clear: both; background: transparent url(/images/layout/liniedunkel.gif) center left no-repeat }
#content .doppeltedarklinie { width: 740px; height: 15px; clear: both; background: transparent url(/images/layout/liniedunkel-doppelt.gif) center left no-repeat }

#content .rezepte { list-style: none; margin: 0; padding: 0; width: 740px; position: relative }
#content .rezepte li { position: relative; display: block; width: auto }
#content .rezepte li .bilder { margin-right: 0; margin-left: 0 }
#content .rezepte li h4 { padding: 0 }
#content .rezepte li p { width: 380px }
#content .rezepte li .zutaten p { padding: 0; line-height: 20px }
#content .rezepte li .dark { position: absolute; left: 580px; width: 160px; bottom: 30px }
#content .rezepte li .dark p { width: auto; padding: 0; text-align: right }
#content .rezepte li .small { display: none }
#content #rezeptmenu { wdith: 740px; background: transparent url(/images/layout/liniedunkel.gif) top left no-repeat;
	margin-top: 35px; padding-top: 10px }
#content #rezeptmenu p { float: left; width: 405px; background: #3f4400; height: 40px; line-height: 40px; padding: 6px 0; text-align: center; color: #968f00 }
#content #rezeptmenu ul { width: auto; padding: 0; list-style: none; margin: 0 }
#content #rezeptmenu ul li { float: left; padding: 6px; background: #3f4400; margin-left: 2px; line-height: 0 }
#content #rezeptmenu ul li img { display: block; width: 50px; height: auto }

#content #kontakt { width: 740px; position: relative; line-height: 0; padding-bottom: 50px; padding-top: 10px;
	background: transparent url(/images/layout/linie.gif) 0 215px no-repeat }
#content #kontakt fieldset { border: 0px none }
#content #kontakt legend, #content #kontakt label { display: none }
#content #kontakt p { padding: 8px 10px; background: white; width: 380px; margin-bottom: 2px; line-height: 0 }
#content #kontakt p img { line-height: 0; vertical-align: top; margin-right: 5px }
#content #kontakt input, #content #kontakt textarea { height: 19px; border: 0px none;  border-bottom: 1px solid #968f00;  }
#content #kontakt #vorname input { width: 297px }
#content #kontakt #nachname input { width: 292px }
#content #kontakt #adress input { width: 300px }
#content #kontakt #telefon input { width: 305px }
#content #kontakt #email input { width: 322px }
#content #kontakt #anmerkungen { width: 315px; position: absolute; left: 405px; top: 10px }
#content #kontakt #anmerkungen img { display: block }
#content #kontakt #anmerkungen textarea { display: block; width: 314px; height: 110px; margin-top: 3px }
#content #kontakt #required { position: absolute; left: 410px; top: 180px }
#content #kontakt .button { position: absolute; left: 645px; top: 172px; width: 95px; height: 33px; border: 0px none;
	background: transparent url(/images/layout/form-senden.gif) top left no-repeat; cursor: pointer }


#content #catering { width: 740px; position: relative; line-height: 0; padding-bottom: 50px; padding-top: 10px;
	background: transparent url(/images/layout/linie.gif) 0 215px no-repeat }
#content #catering fieldset { border: 0px none }
#content #catering legend, #content #catering label { display: none }
#content #catering p { padding: 6px 10px; background: white; width: 350px; margin-bottom: 2px; line-height: 0 }
#content #catering p img { line-height: 0; vertical-align: top; margin-right: 5px }
#content #catering input, #content #catering textarea { height: 19px; border: 0px none;  border-bottom: 1px solid #968f00;  }
#content #catering #vorname input { width: 267px }
#content #catering #nachname input { width: 262px }
#content #catering #adress input { width: 270px }
#content #catering #telefon input { width: 275px }
#content #catering #email input { width: 292px }
#content #catering #anzahl { position: absolute; left: 375px; top: 10px  }
#content #catering #anzahl input { width: 215px; }
#content #catering #anlass { position: absolute; left: 375px; top: 44px  }
#content #catering #anlass input{ width: 275px; }
#content #catering #art { position: absolute; left: 375px; top: 78px  }
#content #catering #art select{ width: 295px; }
#content #catering #anmerkungen { width: 350px; position: absolute; left: 375px; top: 112px }
#content #catering #anmerkungen img { display: block }
#content #catering #anmerkungen textarea { display: block; width: 345px; height: 31px; margin-top: 3px }
#content #catering #required { position: absolute; left: 375px; top: 180px }
#content #catering .button { position: absolute; left: 645px; top: 180px; width: 95px; height: 33px; border: 0px none;
	background: transparent url(/images/layout/form-senden.gif) top left no-repeat; cursor: pointer }
	
#content #newsletter { width: 400px; position: relative; line-height: 0; padding-bottom: 50px; padding-top: 10px;
	background: transparent url(/images/layout/linie.gif) 0 215px no-repeat }
#content #newsletter fieldset { border: 0px none }
#content #newsletter legend, #content #newsletter label { display: none }
#content #newsletter p { padding: 6px 10px; background: white; width: 370px; margin-bottom: 2px; line-height: 0 }
#content #newsletter p img { line-height: 0; vertical-align: top; margin-right: 5px }
#content #newsletter input, #content #newsletter textarea { height: 19px; border: 0px none;  border-bottom: 1px solid #968f00;  }
#content #newsletter #email input { width: 300px }
#content #newsletter .button { position: absolute; left: 430px; top: 10px; width: 95px; height: 33px; border: 0px none;
	background: transparent url(/images/layout/form-senden.gif) top left no-repeat; cursor: pointer }
	
#content #adresse2 { font-size: 12px; text-align: right; position: absolute; right: 30px; top: 80px;
	line-height: 20px; color: #394300; letter-spacing: 2px;
	width: 400px; height: 150px;}
	
#content .links { margin: 0; padding: 0; width: 740px;}
#content .links ul { width: 100%;}

#content .versteck {visibility:visible; margin: 0; padding: 0; width: 740px;}
#content .versteck ul { width: 100%; color:#857d00;}
#content .versteck ul a { color:#857d00;}

.aktuelles #content .bilder { width: 400px }
.aktuelles #content p,
.die-manufaktur #content p { width: 500px }
.die-manufaktur #content h4 { letter-spacing: 3px }

.tagesgerichte #content h4 { color: #3f4400 }
.tagesgerichte #content p { color: #3f4400; width: 740px; float: right; margin-right: 30px }
.tagesgerichte #content .tagesgerichte { width: 740px; position: relative }
.tagesgerichte #content .tagesgerichte ul { list-style: none; margin: 0; padding: 0; float: left; width: 245px; margin-right: 20px }
.tagesgerichte #content .tagesgerichte ul li { width: 100%; display: block; float: left; padding-top: 4px; margin: 0;
	background: transparent url(/images/layout/linie.gif) top left no-repeat }
.tagesgerichte #content .tagesgerichte ul li p { color: white; float: none; margin: 0 }
.tagesgerichte #content .tagesgerichte ul.right { float: none; position: absolute; bottom: 40px; right: 0; width: 200px; margin: 0 }
.tagesgerichte #content .clear { width: 740px; height: 20px; margin-top: 10px; display: block; clear: both;
	background: transparent url(/images/layout/linie.gif) top left no-repeat }

.mailform #content form { padding-top: 14px }
.mailform #content form fieldset { border: 0px none }
.mailform #content form legend { position: relative; left: 0 }
.mailform #content form label { padding-top: 14px; display: block }
.mailform #content form input, .mailform #content form textarea { width: 100%; border: 1px solid white }
.mailform #content form textarea { height: 10em }
.mailform #content form .button { width: auto; margin-top: 14px; display: block; cursor: pointer;
	font: 11px "Times New Roman", Times, Georgia, serif; letter-spacing: 3px; background: #968f00; color: white; padding: 3px 10px }

/* IE */
#content { _height: 145px }
#content .bilder { _margin-right: 14px; *height: 1% }
#content .bilder .bild { *height: 1% }
.aktuelles #content p, .service #content p { *width: auto }
#content #childmenu { _left: 110px }
.rezepte #content #childmenu { *left: 110px }
#content #childmenu li a { *width: 100% }
#content #kontakt #anmerkungen { _overflow: auto }
#content ul, #content ol { *margin-left: 0; *padding-left: 24px }
.tagesgerichte #content p { _margin-right: 15px; *height: 1%; *margin-left: -210px }
.tagesgerichte #content .tagesgerichte ul.right { *position: relative; *top: 180px; *right: -8px }
.tagesgerichte #content .tagesgerichte ul.right li { *float: none }
#content #rezeptmenu ul li { *height: 1% }
#content .rezepte li h4 { *margin-top: -14px }


/* Shop */
#shop {
	width: 150px;
	height: 160px;
	position: absolute;
	top: 190px;
	left: 50%;
	margin-left: 400px;
}