#navi ul {list-style: none; margin: 15px 0 60px 0; padding: 0 0 0 0;}
#navi ul li {height: 35px; width: 100%;}
#navi ul li a {height: 100%; display: block;}
#navi ul li#nav-2 {height: 55px;}
#navi ul li#nav-8 {height: 51px;}

#navi {max-height: 300px;}
* html #navi {height: 300px;}


#navi li a span {display: none;}


li#nav-1 a {background: url(../images/navi/navi-1.gif) no-repeat 0 0;}
li#nav-2 a {background: url(../images/navi/navi-1.gif) no-repeat 0 -40px;}
li#nav-3 a {background: url(../images/navi/navi-1.gif) no-repeat 0 -100px;}
li#nav-4 a {background: url(../images/navi/navi-1.gif) no-repeat 0 -150px;}
li#nav-5 a {background: url(../images/navi/navi-1.gif) no-repeat 0 -200px;}
li#nav-6 a {background: url(../images/navi/navi-1.gif) no-repeat 0 -250px;}
li#nav-7 a {background: url(../images/navi/navi-1.gif) no-repeat 0 -350px;}
li#nav-8 a {background: url(../images/navi/navi-1.gif) no-repeat 0 -300px;}

li#nav-1 a:hover {background: url(../images/navi/navi-2.gif) no-repeat 0 0;}
li#nav-2 a:hover {background: url(../images/navi/navi-2.gif) no-repeat 0 -40px;}
li#nav-3 a:hover {background: url(../images/navi/navi-2.gif) no-repeat 0 -100px;}
li#nav-4 a:hover {background: url(../images/navi/navi-2.gif) no-repeat 0 -150px;}
li#nav-5 a:hover {background: url(../images/navi/navi-2.gif) no-repeat 0 -200px;}
li#nav-6 a:hover {background: url(../images/navi/navi-2.gif) no-repeat 0 -250px;}
li#nav-7 a:hover {background: url(../images/navi/navi-2.gif) no-repeat 0 -350px;}
li#nav-8 a:hover {background: url(../images/navi/navi-2.gif) no-repeat 0 -300px;}

li#nav-1 a:active {background: url(../images/navi/navi-3.gif) no-repeat 0 0;}
li#nav-2 a:active {background: url(../images/navi/navi-3.gif) no-repeat 0 -40px;}
li#nav-3 a:active {background: url(../images/navi/navi-3.gif) no-repeat 0 -100px;}
li#nav-4 a:active {background: url(../images/navi/navi-3.gif) no-repeat 0 -150px;}
li#nav-5 a:active {background: url(../images/navi/navi-3.gif) no-repeat 0 -200px;}
li#nav-6 a:active {background: url(../images/navi/navi-3.gif) no-repeat 0 -250px;}
li#nav-7 a:active {background: url(../images/navi/navi-3.gif) no-repeat 0 -350px;}
li#nav-8 a:active {background: url(../images/navi/navi-3.gif) no-repeat 0 -300px;}


/* NAVI -> ACTIVE */
body#seite-11 li#nav-1 a {background: url(../images/navi/navi-3.gif) no-repeat 0 0;}
body#seite-12 li#nav-1 a {background: url(../images/navi/navi-3.gif) no-repeat 0 0;}
body#seite-13 li#nav-1 a {background: url(../images/navi/navi-3.gif) no-repeat 0 0;}
body#seite-14 li#nav-1 a {background: url(../images/navi/navi-3.gif) no-repeat 0 0;}
body#seite-15 li#nav-1 a {background: url(../images/navi/navi-3.gif) no-repeat 0 0;}
body#seite-2 li#nav-2 a {background: url(../images/navi/navi-3.gif) no-repeat 0 -40px;}
body#seite-3 li#nav-3 a {background: url(../images/navi/navi-3.gif) no-repeat 0 -100px;}
body#seite-31 li#nav-3 a {background: url(../images/navi/navi-3.gif) no-repeat 0 -100px;}
body#seite-32 li#nav-3 a {background: url(../images/navi/navi-3.gif) no-repeat 0 -100px;}
body#seite-33 li#nav-3 a {background: url(../images/navi/navi-3.gif) no-repeat 0 -100px;}
body#seite-34 li#nav-3 a {background: url(../images/navi/navi-3.gif) no-repeat 0 -100px;}
body#seite-35 li#nav-3 a {background: url(../images/navi/navi-3.gif) no-repeat 0 -100px;}
body#seite-41 li#nav-4 a {background: url(../images/navi/navi-3.gif) no-repeat 0 -150px;}
body#seite-42 li#nav-4 a {background: url(../images/navi/navi-3.gif) no-repeat 0 -150px;}
body#seite-43 li#nav-4 a {background: url(../images/navi/navi-3.gif) no-repeat 0 -150px;}
body#seite-5 li#nav-5 a {background: url(../images/navi/navi-3.gif) no-repeat 0 -200px;}
body#seite-7 li#nav-7 a {background: url(../images/navi/navi-3.gif) no-repeat 0 -350px;}
body#seite-8 li#nav-8 a {background: url(../images/navi/navi-3.gif) no-repeat 0 -300px;}





body#seite-4 #inner {height: 440px;}
body#seite-I #inner {width: 400px;}




/* HINTERGRÜNDE */
body#seite-0 #center {background: url(../images/Backgrounds/Windbeutel.jpg) no-repeat -150px 100px;}
body#seite-11 #center {background: url(../images/Backgrounds/Windbeutel.jpg) no-repeat -150px 100px;}
body#seite-12 #center {background: url(../images/Backgrounds/Windbeutel.jpg) no-repeat -150px 100px;}
body#seite-13 #center {background: url(../images/Backgrounds/Windbeutel.jpg) no-repeat -150px 100px;}
body#seite-14 #center {background: url(../images/Backgrounds/Windbeutel.jpg) no-repeat -150px 100px;}
body#seite-15 #center {background: url(../images/Backgrounds/Windbeutel.jpg) no-repeat -150px 100px;}
body#seite-2 #center {background: url(../images/Backgrounds/Windbeutel.jpg) no-repeat -150px 100px;}
body#seite-3 #center {background: url(../images/Backgrounds/Zopf.jpg) no-repeat -150px 100px;}
body#seite-31 #center {background: url(../images/Backgrounds/Zopf.jpg) no-repeat -150px 100px;}
body#seite-32 #center {background: url(../images/Backgrounds/Zopf.jpg) no-repeat -150px 100px;}
body#seite-33 #center {background: url(../images/Backgrounds/Zopf.jpg) no-repeat -150px 100px;}
body#seite-34 #center {background: url(../images/Backgrounds/Zopf.jpg) no-repeat -150px 100px;}
body#seite-35 #center {background: url(../images/Backgrounds/Zopf.jpg) no-repeat -150px 100px;}
body#seite-42 #center {background: url(../images/Backgrounds/Kuchenstueck.jpg) no-repeat -150px 100px;}
body#seite-43 #center {background: url(../images/Backgrounds/Kuchenstueck.jpg) no-repeat -150px 100px;}
body#seite-5 #center {background: url(../images/Backgrounds/Herzpraline.jpg) no-repeat -150px 100px;}
body#seite-7 #center {background: url(../images/Backgrounds/Apfelstrudel.jpg) no-repeat -150px 50px;}
body#seite-8 #center {background: url(../images/Backgrounds/Windbeutel.jpg) no-repeat -150px 100px;}
body#seite-I #center {background: url(../images/Backgrounds/Windbeutel.jpg) no-repeat -150px 100px;}




h1 span {display: none;}


/* HEADLINES */
h1 {height: 40px; width: 300px;}
body#seite-0 h1 {background: url(../images/Ueberschriften/00-Willkommen.gif) no-repeat;}
body#seite-11 h1 {background: url(../images/Ueberschriften/11-Familienbetrieb.gif) no-repeat;}
body#seite-12 h1 {background: url(../images/Ueberschriften/12-Handwerkskunst.gif) no-repeat;}
body#seite-13 h1 {background: url(../images/Ueberschriften/13-Tradition.gif) no-repeat;}
body#seite-14 h1 {background: url(../images/Ueberschriften/14-Praemierung.gif) no-repeat;}
body#seite-15 h1 {background: url(../images/Ueberschriften/15-Ausbildung.gif) no-repeat;}
body#seite-2 h1 {background: url(../images/Ueberschriften/2-Zeiten.gif) no-repeat;}
body#seite-3 h1 {background: url(../images/Ueberschriften/3-Baeckerei.gif) no-repeat;}
body#seite-31 h1 {background: url(../images/Ueberschriften/31-Broetchen.gif) no-repeat;}
body#seite-32 h1 {background: url(../images/Ueberschriften/32-Brotsorten.gif) no-repeat;}
body#seite-33 h1 {background: url(../images/Ueberschriften/33-Gebaeck.gif) no-repeat;}
body#seite-34 h1 {background: url(../images/Ueberschriften/34-Backkunst.gif) no-repeat;}
body#seite-35 h1 {background: url(../images/Ueberschriften/35-Tradition.gif) no-repeat;}
body#seite-41 h1 {background: url(../images/Ueberschriften/41-Tortenvariatonen.gif) no-repeat;}
body#seite-42 h1 {background: url(../images/Ueberschriften/42-Torten.gif) no-repeat;}
body#seite-43 h1 {background: url(../images/Ueberschriften/43-Besondere-Anlaesse.gif) no-repeat;}
body#seite-5 h1 {background: url(../images/Ueberschriften/5-Confiserie.gif) no-repeat;}
body#seite-7 h1 {background: url(../images/Ueberschriften/7-Backstube.gif) no-repeat;}
body#seite-8 h1 {background: url(../images/Ueberschriften/8-Kontakt.gif) no-repeat;}
body#seite-I h1 {background: url(../images/Ueberschriften/Impressum.gif) no-repeat;}




#subnavi li a span {display: none;}

/* SUBNAVI */
#subnavi ul {margin: 0; padding: 0; list-style: none; display: inline; float: right; right: 0;}
#subnavi ul li {line-height: 20px; float: left; margin-top: 3px; text-align: center; height: 20px;}
#subnavi ul li a {vertical-align: middle; display: Block; height: 100%;}

li#sub-11 {width: 120px;}
li#sub-11 a {background: url(../images/navi/subnavi-1.gif) no-repeat 0 2px;}
li#sub-11 a:hover {background: url(../images/navi/subnavi-2.gif) no-repeat 0 2px;}
body#seite-11 li#sub-11 a {background: url(../images/navi/subnavi-3.gif) no-repeat 0 2px;}

li#sub-12 {width: 132px;}
li#sub-12 a {background: url(../images/navi/subnavi-1.gif) no-repeat 0 -48px;}
li#sub-12 a:hover {background: url(../images/navi/subnavi-2.gif) no-repeat 0 -48px;}
body#seite-12 li#sub-12 a {background: url(../images/navi/subnavi-3.gif) no-repeat 0 -48px;}

li#sub-13 {width: 118px;}
li#sub-13 a {background: url(../images/navi/subnavi-1.gif) no-repeat 0 -98px;}
li#sub-13 a:hover {background: url(../images/navi/subnavi-2.gif) no-repeat 0 -98px;}
body#seite-13 li#sub-13 a {background: url(../images/navi/subnavi-3.gif) no-repeat 0 -98px;}

li#sub-14 {width: 95px;}
li#sub-14 a {background: url(../images/navi/subnavi-1.gif) no-repeat 0 -148px;}
li#sub-14 a:hover {background: url(../images/navi/subnavi-2.gif) no-repeat 0 -148px;}
body#seite-14 li#sub-14 a {background: url(../images/navi/subnavi-3.gif) no-repeat 0 -148px;}

li#sub-15 {width: 105px;}
li#sub-15 a {background: url(../images/navi/subnavi-1.gif) no-repeat 0 -448px;}
li#sub-15 a:hover {background: url(../images/navi/subnavi-2.gif) no-repeat 0 -448px;}
body#seite-15 li#sub-15 a {background: url(../images/navi/subnavi-3.gif) no-repeat 0 -448px;}



li#sub-31 {width: 85px;}
li#sub-31 a {background: url(../images/navi/subnavi-1.gif) no-repeat 0 -198px;}
li#sub-31 a:hover {background: url(../images/navi/subnavi-2.gif) no-repeat 0 -198px;}
body#seite-31 li#sub-31 a {background: url(../images/navi/subnavi-3.gif) no-repeat 0 -198px;}

li#sub-32 {width: 95px;}
li#sub-32 a {background: url(../images/navi/subnavi-1.gif) no-repeat 0 -248px;}
li#sub-32 a:hover {background: url(../images/navi/subnavi-2.gif) no-repeat 0 -248px;}
body#seite-32 li#sub-32 a {background: url(../images/navi/subnavi-3.gif) no-repeat 0 -248px;}

li#sub-33 {width: 75px;}
li#sub-33 a {background: url(../images/navi/subnavi-1.gif) no-repeat 0 -398px;}
li#sub-33 a:hover {background: url(../images/navi/subnavi-2.gif) no-repeat 0 -398px;}
body#seite-33 li#sub-33 a {background: url(../images/navi/subnavi-3.gif) no-repeat 0 -398px;}

li#sub-34 {width: 95px;}
li#sub-34 a {background: url(../images/navi/subnavi-1.gif) no-repeat 0 -298px;}
li#sub-34 a:hover {background: url(../images/navi/subnavi-2.gif) no-repeat 0 -298px;}
body#seite-34 li#sub-34 a {background: url(../images/navi/subnavi-3.gif) no-repeat 0 -298px;}

li#sub-35 {width: 170px;}
li#sub-35 a {background: url(../images/navi/subnavi-1.gif) no-repeat 0 -348px;}
li#sub-35 a:hover {background: url(../images/navi/subnavi-2.gif) no-repeat 0 -348px;}
body#seite-35 li#sub-35 a {background: url(../images/navi/subnavi-3.gif) no-repeat 0 -348px;}



li#sub-41 {width: 140px;}
li#sub-41 a {background: url(../images/navi/subnavi-1.gif) no-repeat 0 -598px;}
li#sub-41 a:hover {background: url(../images/navi/subnavi-2.gif) no-repeat 0 -598px;}
body#seite-41 li#sub-41 a {background: url(../images/navi/subnavi-3.gif) no-repeat 0 -598px;}

li#sub-42 {width: 170px;}
li#sub-42 a {background: url(../images/navi/subnavi-1.gif) no-repeat 0 -498px;}
li#sub-42 a:hover {background: url(../images/navi/subnavi-2.gif) no-repeat 0 -498px;}
body#seite-42 li#sub-42 a {background: url(../images/navi/subnavi-3.gif) no-repeat 0 -498px;}

li#sub-43 {width: 158px;}
li#sub-43 a {background: url(../images/navi/subnavi-1.gif) no-repeat 0 -548px;}
li#sub-43 a:hover {background: url(../images/navi/subnavi-2.gif) no-repeat 0 -548px;}
body#seite-43 li#sub-43 a {background: url(../images/navi/subnavi-3.gif) no-repeat 0 -548px;}