body { font-family:Verdena, sans-serif;
       text-align:justify;
       color:#FFFFFF; /* Weiß */
       background-color:#000000; /* Schwarz, erscheint zuerst */
       background-image:url(Navigation/Bild13.jpg);
       background-repeat:no-repeat;
       background-attachment:fixed;
       background-position:left bottom; }
/* Background für fast gesamte Homepage ( ausnahme Navigation ) (stretch Bild) */

  a:link    { color:#999999; } /* für unbesuchte Links, dunkles Grau */

  a:visited { color:#CC6633; } /* für besuchte Links, braun */

  a:hover   { color:#CCCCCC; } /* Maus über dem Link, helles Grau */

  a:active  { color:#FF0066; } /* Link angeklickt ist, Rot */

  a:focus   { color:#FF3300; } /* aktiver Link, hell Rot */


h1 { font-size:225%; }
h2 { font-size:175%; }
h3 { font-size:150%; }
h4 { font-size:125%; }
h5 { font-size:100%; }


h1, h2, h3, h4, h5 { font-family: "Arial Rounded MT Bold", Arial, sans-serif;
                     text-align: center;
                     margin-top:0.1em;}

/* alle mit "." ansprechen mit <div class="n"></div> */

.t { font-size:100%;
    font-weight:Bold;
    text-align:left; }        /* Spezial Text, besser hervorgehoben */

.t5 { font-size:100%;
    font-weight:Bold;
    text-align:center; }      /* Spezial Text, besser hervorgehoben - mittig */

.t2 { font-size:150%;
     text-align:center; }     /* Spezial Text = für Ankündigungen */

.t3 { font-size:125%;
     text-align:center; }     /* Spezial Text = für Ankündigungen */

.t4 { font-size:100%;
     text-align:center; }     /* Spezial Text = für Ankündigungen */

.n { font-size:125%;
    text-align:left; }        /* Spezial Text = Navigation*/

.z { font-size:125%;
    font-weight:Bold;
    color:#F88204;            /*  Orange, wie beim Logo  */
    text-align:center; }      /*  Spezial Text, Ziffern  */

.z2 { white-space:nowrap;
      font-size:125%;
      font-weight:Bold;
      color:#F88204;           /*  Orange, wie beim Logo  */
      text-align:center; }     /* Spezial Text, Ziffern, kein zeilenumbruch*/

/* alle mit "#" ansprechen mit <div id="C"></div>  nur für Klassen die einmal pro Seite sind*/

#C { font-size:80%;
    font-weight:Bold;
    vertical-align:bottom;
    text-align:center; }     /* Spezial Text = Copyright + Versions Text*/

#K  { font-size:75%;
    font-weight:Bold;
    vertical-align:bottom;
    text-align:center; }     /* Spezial Text = Klausel für Angebote*/



a.menu {
font-family:Arial, "Arial Rounted MT Bold", sans-serif;
font-size:100%;
font-weight:bold;
display:block;
margin-top:3px;
text-align:center;
border-style:outset;
border-width:3px;
padding:2px;
text-decoration:none;}
/* background-image:url();
background-repeat:repeat -y;} - zur zeit nicht in verwendung*/

a.menu:link {
             color:#999999;
             text-decoration:none;}

a.menu:visited {
             color:#CC6633;
             text-decoration:none;}

a.menu:hover {
             color:#CCCCCC;
             text-decoration:none;}

a.menu:active {
             color:#FF0066;
             text-decoration:none;}

a.menu:focus {
             color:#FF3300;
             text-decoration:none;}


             /* Navigation für Kopfleiste */

a.menu2 {
font-family:Arial, "Arial Rounted MT Bold", sans-serif;
font-size:100%;
font-weight:bold;
/* display:block; */
margin-top:5px;
text-align:center;
border-style:outset;
border-width:3px;
padding:2px;
text-decoration:none;}
/* background-image:url();
background-repeat:repeat -y;} - zur zeit nicht in verwendung*/

a.menu2:link {
             color:#999999;
             text-decoration:none;}

a.menu2:visited {
             color:#CC6633;
             text-decoration:none;}

a.menu2:hover {
             color:#CCCCCC;
             text-decoration:none;}

a.menu2:active {
             color:#FF0066;
             text-decoration:none;}

a.menu2:focus {
             color:#FF3300;
             text-decoration:none;}


             /*  Hauptseite2: mit Text, Newsletter und Wetterbericht    */

#intro {
height:170px;
text-align:center;
}
#news {
float:right;
width:300px;
text-align:center;
}
#wetter {
/*margin-right:290px; */
margin: 0px 300px 0px 20px
/* rand: oben, rechts, unten, links */
}


/*  Containerseite für Angebote: mit Überschrift, Text und Bildteil    */

  /* *{margin:0px; padding:0px;}       */

#top {
height:60px;
}
#text {
float:left;
width:55%;
}
#bild {
float:right;
width:40%;
}
#fuss {
clear:both;
height:15px;
position:absolute;
margin:0px 300px 0px 300px;
bottom:0px;
width:250px;
text-align:center;
font-size:70%;
font-weight:Bold;
vertical-align:bottom;
}

/*  Containerseite für Filialen - Wegbeschreibung    */

#einleitung {
height:90px;
text-align:center;
}
#weg {
float:left;
width:28%;
}
#map {
float:right;
width:70%;
text-align:center;
}

/*  Containerseite für Navigation oben    */

#lamprecht {
height:90px;
float:left;
width:28%;
text-align:center;
}
#weltmeister {
float:left;
width:70%;
text-align:center;
}
#navigation {
clear:both;
text-align:center;
height:20px;
}