/*   CONTAINER und STILE
body  > mit hintergrundfarbe
#ganzerhintergrund > auf Ebene 1 / enthält Hintergrundfarbe
#headlinefarbe > #999999 auf Ebene 2 / unsichtbare Überschrift erzwingt Größenanpassung
#content > alle anderen Elemente auf Ebene 3
h1 - h5
#navi > Gesamtbox für Navigation
#global > Box für globale Navi, oben
a.naviglobal 
#lokal > Box für lokale Navi, unten
a.navilokal
#bildbox
#textinhaltsbox > 380 hoch / direkt nach Bildbox
.textbox > 380 hoch / innerhalb von Textinhaltsbox / Schriftstile
.textbox b                                                                                       */

body { 
font-family:Verdana,Arial,Helvetica,Sans-Serif;
margin-top:0px; margin-left:0px; 
border-style:none; border-width:0px; 
background-color:#cc9966;
}

/*  ------------------------ HEAD-Container --------------------------------- */  
/*  ------------------------ enthält die Farbfläche des Kopfbereichs -------------- */
/*  ------------------------ und einen Dummie-Inhalt, der genau der eigentlichen -- */
/*  ------------------------ Überschrift - also h1 und h2 - entspricht, damit die Änderung */
/*  ------------------------ der Größen auch den Bereich mitbetreffen. ----------- */
#headlinefarbe { 
position: absolute; top: 0px; left: 10%; width:800px;
background-color:#999999;
padding-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px;
border-left: 1px; border-top: 3px; border-right: 1px; border-bottom: 0px;
border-right-color:#000000; border-left-color:#000000;
border-style:solid;
z-index:2;
 }
#ganzerhintergrund { 
position: absolute; top: 0px; left: 0px; height:800px; width:100%; height:100%;
background-color:#cc9966; 
z-index:1;
 }
  
/* ------------------------- CONTENT-Container alle anderen Elemente --------- */  
/* ------------------------- Alle folgenden Container verhalten sich relativ ------- */ 
/* ------------------------- von oben nach unten --------------------------- */ 
/* ------------------------- Es gibt daher keine Höhenangaben --------------- */ 
/* ------------------------- bis zum Text-Container, ganz unten !------------- */  
#content { 
position: absolute; top: 0px; left:10%;
width: 800px; 
padding-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px;
border-left: 0px; border-top: 0px; border-right: 0px; border-bottom: 0px;
border-color:#000000; border-style:solid;
z-index:3;
 }
 
/* ------------------------- ÜBERSCHRIFT-Stile ----------------------------- */
h1 { 
font-family:Verdana,Arial,Helvetica,Sans-Serif;
font-size:24px; 
font-style:normal; 
font-weight:normal; 
line-height:18px;
color:#000000;
word-spacing:0mm;
text-decoration:none;
padding-left: 20px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px;
border-left: 0px; border-top: 0px; border-right: 0px; border-bottom: 0px;
border-color:#000000; border-style:solid;
 }
h2 { 
font-weight:normal; font-size:18px; line-height:16px; padding-left: 20px; 
border-left: 0px; border-top: 0px; border-right: 0px; border-bottom: 0px;
border-color:#000000; border-style:solid;
}
h3 { 
font-weight:normal; font-size:14px;  
}
h4 { 
font-weight:normal; font-size:12px;  
}
h5 { 
font-weight:bold; font-size:10px;
}

/* ------------------------- NAVIGATIONS-Container --------------------- */  
/* ------------------------- Stile siehe unten ---------------------------- */ 
#navi {
width:800px; background-color:#ffffff;
border-left: 1px; border-top: 0px; border-right: 1px; border-bottom: 0px;
border-right-color:#000000; border-left-color:#000000;
border-style:solid; background-color:#ffffff;
 }  
#lokal {
width:800px;
padding-left: 20px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px;
border: 0px;
 } 
#global {
width:800px;
padding-left: 20px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px;
border: 0px;
 }
 
 /* ------------------------- Text-Stile NAVIGATION GLOBAL ---------------- */
a.naviglobal  { 
float:left; display:block;
font-family:Verdana,Arial,Helvetica,Sans-Serif;
font-size:10px; font-style:normal; font-weight:normal; 
line-height:12px;
color:#000000;
word-spacing:0px;
text-decoration:none;
padding-left: 10px; padding-top: 2px; padding-right: 20px; padding-bottom: 6px;
border-left: 1px; border-top: 1px; border-right: 0px; border-bottom: 0px;
border-color:#cc9966; border-style:solid;
background-color:#ffffff;
 }
a:hover.naviglobal  { 
display:block;
background-color:#999900;
 }
   
/* ------------------------- Text-Stile NAVIGATION LOKAL ------------------ */ 
a.navilokal { 
float:left; display:block;
font-family:Verdana,Arial,Helvetica,Sans-Serif;
font-size:12px; font-style:normal; font-weight:normal; 
line-height:12px;
color:#000000;
word-spacing:0px;
text-decoration:none;
padding-left: 10px; padding-top: 2px; padding-right: 10px; padding-bottom: 4px;
border-left: 1px; border-top: 1px; border-right: 0px; border-bottom: 0px;
border-color:#cc9966; border-style:solid;
background-color:#ffffff;
 }
a:hover.navilokal { 
display:block;
background-color:#999900;
 }
 
 /* ------------------------- Text-Stile NAVIGATION SUBLOKAL ------------------ */ 
a.navisublokal { 
float:left; display:block;
font-family:Verdana,Arial,Helvetica,Sans-Serif;
font-size:14px; font-style:normal; font-weight:normal; 
line-height:14px;
color:#000000;
word-spacing:0px;
text-decoration:none;
padding-left: 10px; padding-top: 2px; padding-right: 10px; padding-bottom: 4px;
border-left: 1px; border-top: 1px; border-right: 0px; border-bottom: 0px;
border-color:#cc9966; border-style:solid;
background-color:#ffffff;
 }
a:hover.navisublokal { 
display:block;
background-color:#999900;
 }

/* ------------------------- BILD-Container -------------------------------- */ 
/* ------------------------- Das enthaltene Bild bestimmt die Höhe der Box ----- */  
#bildbox { 
width: 800px; background-color:#ffffff;
padding-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px;
border-left: 1px; border-top: 0px; border-right: 1px; border-bottom: 0px;
border-top-color:#cc9966; border-right-color:#000000; border-left-color:#000000;
border-style:solid; overflow:hidden;
 }
.bild {
float:left; 
padding-left: 0px; padding-top: 0px; padding-right: 20px; padding-bottom: 0px;
border-left: 0px; border-top: 0px; border-right: 0px; border-bottom: 0px; 
 }
.bildtextbox {
font-family:Verdana,Arial,Helvetica,Sans-Serif;
font-size:10px; font-style:normal; font-weight:normal;
color:#000000;
line-height:16px; 
word-spacing:0px;
padding-left: 20px; padding-top: 0px; padding-right: 20px; padding-bottom: 0px;
border-left: 0px; border-top: 0px; border-right: 0px; border-bottom: 0px; 
border-color:#cccccc; border-style:solid;
 }

/* ------------------------- TEXTINHALTS-Container ----------------------- */  
/* ------------------------- enthält die einzelnen Textboxen ----------------- */ 
/* ------------------------- feste Höhe 380 ------------------------------- */    
#textinhaltsbox {
width:800px; height:340px; background-color:#ffffff;
padding-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px;
border-left: 1px; border-top: 1px; border-right: 1px; border-bottom: 1px;
border-color:#cccccc; border-right-color:#000000; 
border-left-color:#000000; border-bottom-color:#000000; 
border-style:solid;
overflow:visible;
 }

/* ------------------------- TEXTBOXEN und Text-Stil ---------------------- */   
/* ------------------------- feste Höhe 380 ------------------------------- */  
.textbox {
float:left;
width:220px; height:340px; 
font-family:Verdana,Arial,Helvetica,Sans-Serif;
font-size:10px; 
font-style:normal; 
font-weight:normal;
color:#000000;
line-height:16px; 
word-spacing:0px;
padding-left: 20px; padding-top: 0px; padding-right: 20px; padding-bottom: 0px;
border-left: 1px; border-top: 0px; border-right: 0px; border-bottom: 0px; 
border-color:#cccccc;
border-style:solid;
 }

.textbox b { 
font-weight:bold;
color:#000000;
line-height:16px; 
word-spacing:0px;
 }
 
 #fuss { 
font-family: Verdana,Arial,Helvetica,Sans-Serif;
font-size:9px; font-style:normal; font-weight:normal;
color:#000000; line-height:10px; word-spacing:0px;
padding-left: 20px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px;
width:800px; background-color:#cc9966; 
 }
 
/* ------------------------- TEXTINHALTS-Container ----------------------- */  
/* ------------------------- mittelhoch ----------------- */ 
   
#textinhaltsboxoffen {
width:800px; height:500px; background-color:#ffffff;
padding-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px;
border-left: 1px; border-top: 1px; border-right: 1px; border-bottom: 1px;
border-color:#cccccc; border-right-color:#000000; 
border-left-color:#000000; border-bottom-color:#000000; 
border-style:solid;
overflow:visible;
 }

/* ------------------------- TEXTBOXEN und Text-Stil ---------------------- */   

.textboxoffen {
width:700px;
float:left;
font-family:Verdana,Arial,Helvetica,Sans-Serif;
font-size:10px; 
font-style:normal; 
font-weight:normal;
color:#000000;
line-height:16px; 
word-spacing:0px;
padding-left: 20px; padding-top: 0px; padding-right: 20px; padding-bottom: 0px;
border-left: 1px; border-top: 0px; border-right: 0px; border-bottom: 0px; 
border-color:#cccccc;
border-style:solid;
 }

.textboxoffen b { 
font-weight:bold;
color:#000000;
line-height:16px; 
word-spacing:0px;
 }
 
 /* ------------------------- Shop-Container ----------------------- */  
/* ------------------------- lang ----------------- */ 
   
#shopinhalt {
width:800px; height:4000px; background-color:#ffffff;
padding-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px;
border-left: 1px; border-top: 1px; border-right: 1px; border-bottom: 1px;
border-color:#cccccc; border-right-color:#000000; 
border-left-color:#000000; border-bottom-color:#000000; 
border-style:solid;
overflow:visible;
 }

/* ------------------------- Shop_Bestellliste und Text-Stil ---------------------- */   

.shopbox {
width:350px; 
float:left;
font-family:Verdana,Arial,Helvetica,Sans-Serif;
font-size:10px; 
font-style:normal; 
font-weight:normal;
color:#000000;
line-height:16px; 
word-spacing:0px;
padding-left: 20px; padding-top: 0px; padding-right: 20px; padding-bottom: 0px;
border-left: 1px; border-top: 0px; border-right: 0px; border-bottom: 0px; 
border-color:#cccccc;
background-color:#ffffff;
border-style:solid;
overflow:hidden;
 }

.shopbox b { 
font-weight:bold;
color:#000000;
line-height:16px; 
word-spacing:0px;
 }
 
 .shopboxbreit {
width:700px; 
float:left;
font-family:Verdana,Arial,Helvetica,Sans-Serif;
font-size:10px; 
font-style:normal; 
font-weight:normal;
color:#000000;
line-height:16px; 
word-spacing:0px;
padding-left: 10px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px;
border-left: 1px; border-top: 0px; border-right: 0px; border-bottom: 0px; 
border-color:#cccccc;
background-color:#ffffff;
border-style:solid;
overflow:hidden;
 }