*{
     color: black;  /* Artuso=#C0C0C0   Maxi=blak AsiaCity=white gelb= #5C005C; */
     margin: 0;
     padding: 0;
     border: none;
     font-size: 16px;
     font-family: Tahoma, Geneva, sans-serif;
     scrollbar-face-color: #800000;    /* Balken oberfläche*/
     scrollbar-track-color: black;   /*  Balken Spur  */
}   


 .allscreen {                         /*  ganzer Bildschirm  */
  text-align: center;
  background-color: #874604;
  background:-webkit-linear-gradient(to , #696900, #2E2E00);
  background:-moz-linear-gradient(to left, #696900, #2E2E00);
  background:-o-linear-gradient(to left, #696900, #2E2E00);
  background:linear-gradient(to left, #696900, #2E2E00);

}
                                /*  alle knöpfe */

.KopfRechtsNoBild, .GrNamenSeite2,  .plus, .minus , .anBestellt, .plusminus,
.btnAPr, .AllGrup, .ArtikelGrup, .ArtikelUGrup,.btnPLZab3,.anpassen,
.Aktualisieren{
 background-color: #800000;

}                                      /*  alle knöpfe hand over */

.btnPLZab3:hover,.btnPLZ:hover, .AllGrup:hover, .ArtikelGrup:hover, .btnStart:hover,
    .ArtikelUGrup:hover, .extraPik:hover,.Aktualisieren:hover,.anpassen:hover,
    .btnAPr:hover, .extraEnd:hover, .anBestellt:hover , .plusminus:hover  ,  .plus:hover, .minus:hover
 {
  color: black;                     /* textfarbe  hand over  */
  background-color: #FFCF00;            /* hintergrund  hand over*/
}

                              /*  Farbenverlauf einzelner Seiten */

#seite1, #seite3, #seite2, #Seite00DivRechts, .KopfLinks, #bodyExtras, #Seite00DivLinksunten,
 #Seite00DivRechts{
   background-color: #EBE9DD;
  background:-webkit-linear-gradient(to left, #EBE9DD, #F0AF87);
  background:-moz-linear-gradient(to left, #EBE9DD, #F0AF87);
  background:-o-linear-gradient(to left, #EBE9DD, #F0AF87);
  background:linear-gradient(to left, #EBE9DD, #F0AF87);

 }


.ugColor1{
    background-color: #F0B894;      /*  mittlere Seite, jede zweite ArtikelZeile andere farbe*/
}

.ugColor2{
    background-color:transparent;   /*  Seite2 jede ArtikelZeile andere farbe*/
}

.backColorUngeradeZeilen{             /* Zeilen im Warenkorb  */
  background-color:#ff2003;
}

.backColorGeradeZeilen{
  background-color:#ff7053;
}

.hoch, .artikelbeschreibung{
color: #454545;      /*   artuso= #B4B4B4  maxi=#C85A00 */

}




.td_plz{
    width: 20%;
}

.btnPLZ{
 width: 14em;    /* #2F4E5C  #FFFFD8 #EB0000  #B89100   #EBBA00  */
  text-align: left;
  padding: 0;
  margin: 0;
  min-width:10em;
  margin-left: 1.6em;
}



.ListeSeite2b:hover{                             /* gilt NUR wenn ANam Klickbar*/
  color: white;          /* dklrot=black  artuso=  white   */
  background-color: red;     /* dklrot=#FFFF96  artuso=  red   */

}
.ListeSeite2b{                             /* gilt NUR wenn ANam Klickbar*/
  text-align: left;
  min-width: 12em;
  background-color: transparent;
  font-size: .9em;
}



.btnStart,.zahlung, .btnAPr, .btnPLZ, .anBestellt{
 font-size: .9em;
 }
 
 
.btnAPr{
    color: yellow;      /* artuso=maxi  yellow   */  
} 

.anpassen, .Aktualisieren, .minus, .plus, .plusminus{
    text-align: center;  
     padding-left: .2em;
     padding-right: .2em;
     font-size: .9em;
color: #CCCCCC; 
 }



.btnAPr, .AllGrup, .ArtikelGrup, .ArtikelUGrup,.btnPLZab3,
.anpassen,.Aktualisieren, .minus, .plus, .anBestellt, .plusminus{
 /*background-color: #2F0000;  artuso=#2F0000 maxi= #7A0D1F*/
  border-bottom-width: 2px;
  border-bottom-color: green;
  border-bottom-style: solid;
}

.btnAPr{
  min-width: 2.8em;
  padding-left: .1em;
  margin-left: .2em;
}
 
.GrNamenSeite2{    /*  gilt nur wenn eigene Bilder und
                        GrName untehalb des Bildes erscheinen sooll also wenn WeitereEinstellungen =2 ist
                        sonst siehe class=Gruppenname  */
display: block;
    font-size: 130%;
    margin-left: 15%;
    margin-right: 15%;
    min-width: 120%;
     text-align: center;
/*   background-color: #2F0000;  Artuso=#B20D1F   AsiaCity=#760303 gelb= #056F20; */
/* color: #DCDCDC;  */
    padding-bottom: 1%;
}


.mit{           /* ..mit in der Zeile Extras*/
/* color: yellow;   */
    text-decoration: none;
    margin-left: 0.1em;
    background-color: transparent;
    font-size: 1em;
}




.extraDel{
 color: yellow;
    text-decoration: none;
    margin-left: 0.1em;
    background-color: transparent;
    font-size: .8em;
    padding-bottom: 1%;
}
.extraDel:hover{
 text-decoration:line-through;
cursor: url(bilder/CrBlBlink.ani), pointer; 
 /* cursor: url(bilder/MeinKreuz.gif), pointer;   */
}


.extraPik{
 color: yellow;
    text-decoration: none;
    margin-left: .5em;
    background-color: transparent;
    font-size: .9em;
    padding-right:5%;
    padding-left: 5%;
    text-align: left;
}

.extraEnd{
text-decoration: underline; 
color: #FF0000; 
font-weight: bold;  
background-color: transparent; 
padding: 1%; 
}



.TextImLogo{               /* über den Gruppen */
  font-size: .9em;     
   /* color: #5C005C;    artuso=#00CF00  maxi=#5C005C*/ 
  text-align: center;
}


.GruppenName{        /*  nur wenn in der Seite 2 oben statt Bild  WeitereEinstellungen =0 ist 
                      sonst siehe class= GrNamenSeite2*/
font-size: 1.8em;
/* color: #DCDCDC;  */
 margin-left: 1em;
}
.PrKlicken{
margin-left: 11em ;
color: yellow;      /* artuso=#00CF00  maxi=yellow  AsiaCity=yellow gelb= #FF0023; */
font-size: 1.3em; 
}

.tdGesPreis{
    padding-right: 3px;
    padding-left: 3px;
    padding-top: 10px;
    text-align: right;
/*  color: orange;           artuso=orange  maxi=leer  AsiaCity=yellow gelb= #FF0023;*/ 
}


.dasWortWarenkorb{
   color:#FF0023 ;
   text-align: center;
   font-weight: bold;
    margin-bottom: .4em;
   }

.EsFehltWas{
margin-top: 1%;
font-weight: bold;
font-size: 120%;
text-align: center;
 color: red;        /* artuso=yellow  maxi= orange    */
}


.ListeSeite2{
  text-align: left;
  min-width: 12em;
  background-color: transparent;
  font-size: .9em;
}
.PrLeer{
    text-decoration: none;
    text-align: center;
        color: yellow;   
    width: 6%;
}



#Seite00DivLinks{
 width: 58%;
 height: 100%;
 float: left;
 background-color: transparent;
}



.NamTelStrOrt, .zahlung{
/*    display: block; */
       font-size: .65em; 
  }


.SingleJumboTittel{
  text-align: center;
  font-size: .7em;
  padding-left: .1em;
  padding-right: .1em;
  
}



.zahlung{
 padding-left: 5px; 
 }



.OrtPLZunten{
    margin-left: 1.7em;
}

.SpanMinBestellWert{
    font-size: small;
    font-weight: normal;
  margin-right: 20px;
}

/* #seite2 a:hover {
    text-decoration: underline;
    color: white;
  background-color: red;
}
 */
 

#bodyExtras{
    color: #2f7eb1;
/*  background-image: url(bilder/bckmitte.gif); */
}

#divSeiteExtras {
  border: thick;
  border-style: double;
  padding-top: 12px;
  background-color:#572E09;   /* braun*/
}
.chooseExtra{
  text-align:center;
  margin-top: 0px;
  font-size: 1.1em;
  color: white;
}


/* #bodyExtras a {   
 color: yellow;
    text-decoration: none;
    margin-left: 20px;
    }
#bodyExtras a:hover {
    text-decoration: underline;
    color: white;
   background-color: red;
}

.extImKorb a{
color:yellow;
 text-decoration: underline;
}


 */


.zeileOben{
  text-align: left;
    
 }
 
.KopfRechtsYesBild{
     width: 72%;
     height: 100%;
     float: right;
     text-align: left;
/*  background-image: url(./bilder/bild99.jpg);  NIX mehr so  Bilder werden in index.php berechnet
 */
 }



#infoseite{
     position: absolute;
    margin-left: 2em;
    top: .8em;
     left: 0px;
     width: 95%;
     height: auto;
     
     background-color:  #CFD3D3;
     padding: 10px;
     text-align:left;
     font-size: .7em;
     font-weight: lighter;
    white-space: pre-wrap;    
 }
.ColorInfoText{
   color: #801B26;   
 }
.InfoSeiteBack {
  color: red;
  text-align: center;
  font-size: large;  
}

.HappyBack {
  background-color: red;
  color: white;
  text-align: center;
  font-size: large;
  text-decoration: none;
}

#geschlossen{
     width: 98%;
     padding-top: 10px;
     text-align: center;
     font-size: 1em;
 }

.text_geschlossen{
     font-size: .8em;
     font-style: normal;
     font-weight: normal;

 }
#happy{
    position: absolute;
     top: 160px;
     left: 200px;
     width: 490px;
     background-color: #8E4F1C;     /* italia */
     padding-top: 60px;
     text-align: center;
     font-size: 1em;
     
 }

/* .onlinebestellen{
    background: url(bilder/onlinebestell.png) no-repeat;
  width: 199px;
  height: 35px;
}
 */
.NameBlack{
    padding-left: 1px;
    background-color: white;
    color: black;
    font-size: .7em;
}
.ccNameBlack{
    color: black;
    font-size: 1em;
}


.SeiteInfoDiv
{
position: absolute;
width: 400px;
margin-top: 200px;
color: #F59015;
  text-align: center;
  font-size:.7em ;
}

.ExtrBack{
 text-align: right;
 padding-right: 5%; 
}


#alldiv{
   
 width:1000px;
 margin:  auto;
 margin-top: 35px;
 height: 650px;
 background-color: transparent;         
 } 
 

#halbdivlinks {
 width: 58%;
 height: 100%;
 float: left;}


#halbdivrechts {

    width:42%;
    height: 100%;
    float: right;   }

 

#divkopf {
    width: 100%;
    height: 13%;
      padding-top: 0;
}

#divmitteundlinks{                  
    width: 100%;
    height: 87%;

}

 #divlinks{

    width: 28%;
    height: 100%;
    float: left;}
    
#divmitte {
     width: 72%;
    margin-left: 0%;
    height: 100%;
    float: right;
}


.tdSize{
  width: 90px;
  text-align: center;  
}
.headKorb {   
  background-color: #CFD3D3;
  color: black;
  height: 1em;
  min-width: 4em;
  text-align: center;
  font-size: .9em;
  padding-left: 2px;
  padding-right: 2px;
}  


 


#framemi{
width: 100%;
height: 100%; 
}



.extImKorb {

 text-decoration: none;
 font-size: .9em;
 height: 1.5em;    
 margin-bottom: 3px;
}

/* .extImKorb a:hover{
 text-decoration:line-through;
 cursor: url(bilder/CrBlBlink.ani);
}
 */
.dasWortExtra{
 color: black;
  font-size: .8em; 
  padding-right: 2px;
  padding-left: 0px; 
}
/* .submitt{
    background: url('./bilder/bestell4.png') no-repeat;
  width: 94px;
  height: 30px;
  margin-top: 10px;
  margin-left: 20px;
  margin-bottom: 10px;
  text-align: right;
  color: transparent;
}
 */
.zurueck{
   
  width: 90px;
  height: 30px;
  margin: 20px;
  margin-left: 100px;
  text-align: right;

}



/* .li_punkt_links3{
display: block;
 padding-left:2px;
 margin-top: 14px;
 padding-top: 6px;
color: yellow;
}


.li_punkt_links2{
display: block;
 padding-left:30px;
 padding-top: 10px;
}

 */
.anzahl-NIXreadonly{
 width: 25px;
 text-align: center;
 font-size:.8em;
 margin-left: 8px;
 margin-bottom:2px;
 margin-right: 2px;
 padding-bottom: 3px;
 height: 1em;
 background-color: #DDDDDD;  /* damit BackColor bleibt */
 color: #002C1A;
          }


.anzahl-readonly{
 width: 25px;
 text-align: center;
 font-size:.8em;
 margin-bottom:2px;
 margin-right: 2px;
 padding-bottom: 3px;
 height: 1em;
 background-color: #DDDDDD;  /* damit BackColor bleibt */
 color: #002C1A;
          }

.tdMargherita {
    padding-right: 0px;
    padding-left: 0px;
    text-align: center;
    color: #000000;
    font-size: .8em;
    padding-left: 2px;
    padding-right: 2px;
 }

.zeilenpreis{
    width: 20px;
}


.size-readonly{
    padding-right: 2px;
    padding-left: 2px;
    text-align: center;
 }  

 
 
.sj-readonly{
 width: 3em;
 border: none;
 font-weight: bolder;
 text-align: center;
 background-color: transparent;   /* damit BackColor bleibt */

}
.margerita{
 text-align: center;
 font-size: 1em;
 padding-top: 0%;   
 color: #000000;
}

.KorbTabelle{
  height: .7em;
  text-align:center ;
  margin-right: auto;
  margin-left: auto;
  border-color: black;
  border-spacing: 0 0px;
    
}
 #seite00{
  height: 100%;
  width: 100%;   
 }

#plzoben{                    /*   frei oberhalb Logo*/
text-align: center;
  width: 100%; 
  height: 0%;  
}
#plzunten{                           /*   rest ab Logo bis ganz unten-  */
  width: 100%;
  height: 100%;  
}
 
#Seite00DivLinksoben{
text-align: center;
  width: 100%;
  height: 2%;
  background-color: transparent;
}
#Seite00DivLinksunten{
  width: 50%;
  height: 43%;
  /*background: url(bilder/zettel1.png) no-repeat;  */
  padding: 2em;
/* background-image: url(./bilder/bckmitte.gif);
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;

  background-color: #004E2E;
  background:-webkit-linear-gradient(to left, #004E2E, #00955A);
  background:-moz-linear-gradient(to left, #004E2E, #00955A);
  background:-o-linear-gradient(to left, #004E2E, #00955A);
  background:linear-gradient(to left, #004E2E, #00955A);
  
 */ 
 }

#Seite00DivLinksuntenMitZettel{
  width: 50%;
  height: 43%;
  background: url(bilder/zettel1.png) no-repeat;
  padding: 2em;
}


#Seite00DivLinksunten2{
  width: 100%;
  height: 55%;
  /*background: url(bilder/zettel2.png) no-repeat;  */
}

/* .divmenue {
 position: absolute;
 top: 30px;
 width:auto;
 margin:1px;
 height: 550px;
  padding: 1%;
  background-color: #D3D3BC;

 }

.divmenue1 {
  float: left;
  top: 5%;
  margin: 0%;

  width: 140px;
  height: 95%;
  background-color:#404037 ;
  border: thin;
  border-color: #D3D3BC;
  border-spacing: 2px;
  border-style:solid ;
 }
 */
.btnStart{
 color: #C0C0C0;
 background-color: black;
 width: 5.5em;
  text-align: left;
  padding: 0;
  margin: 0;
  margin-bottom: 1em;
    font-size: .8em;
    margin-left:2%;

}
 .BtnImpress{
  padding: 2px;
  font-size: .7em;
  text-decoration: underline;
  color:black;       /* sonst sieht man die "1" von button-value*/
}


#stattZettel{
 font-size: 1.2em;
 padding-bottom: .5em;
}

.unterLogo{
    text-align: center;
    font-size: 1.2em;
}



 .artikelbeschreibung{
display: block;
    font-size: .7em;
    padding-left:.6em;
    padding-bottom: .1em;
    padding-right: 0em;
    padding-top: 0;
}

#seite1{
    padding-left: 3%;         /* alte version, btacht man nix mehr*/
    padding-right: 3%;
    padding-top: 12px;

/*  background-color: #450B06;
background-image: url(./bilder/bcklinks.gif); */
}


#seite3{
padding: 3px;
padding-top: 10px;
/* background-image: url(./bilder/bckmitte.gif);
background-color: #450B06;                      */
text-align: center;

}


#seite2{
/* display: block;
position: absolute;
 */
 height: 95%;
/*border-right: thin;
border-right-style: solid;
border-right-color:#70140B ;
border-left: thin;
border-left-style: solid;
border-left-color:#70140B ;   */
   padding-top: 5%;
   padding-left: 2%;
   padding-right: 2%;

}

#Seite00DivRechts{
 width: 41%;
 height: 100%;
 float: right;
 /*background:linear-gradient(to left, #5F5F5F, #C0C0C0);
 background-color: #450B06;                           */
 border: thin;
 border-color: red;
 border-style: solid;
 border-style: outset;
/*
 *
 * background-image: url(./bilder/bckmitte.gif);
   background: url(bilder/blatt.jpg);  */
}

.KopfLinks{
     width: 28%;
     height: 100%;
     float: left;
/*background-image: url(./bilder/bcklinks.gif);
background-color: #450B06;                       */
 }

.KopfRechtsNoBild{
     width: 72%;
     height: 100%;
     float: right;
     text-align: left;
 }
 
.AnfagsTextSeite00Rechts{
  color: #78347D;       /*  alte Version, nix mehr benötigt  #78347D AsiaCity=yellow gelb= #F59015; */
  text-align: center;
  font-size: medium;
}

  /*                   ab hier Schriftfarben für Texte  */


  /*.AnfagsTextAdresse{    wieder eingesetzt:  Adresse und Tel unter Logo 
text-align: center;
  font-size: .8em ;
  font-weight: bold;
  color: #880000;
}
 */
 /*
.BittePLZ{
font-size: 1em;
text-align: center;
font-style: normal;
color: #800000;       Artuso=#C9C9C9  maxi=#7A0D1F 
 }
*/


 .vorbestellen, .vorbestellenBtn {    /*  Urlaub   */
  color: #000066;   /*  artuso=white  maxi=green  AsiaCity=#DADADA gelb= #056F20; */
}


  /* .AnfagsTextSeite3{     unterhalb Warenkorb
  color: green;         artuso= green  maxi=#632C65
  font-size: .9em;
}
 */


.AnfagsTextSeite321,.BittePLZ,.AnfagsTextSeite00Links3{     /* bitte PLZ , Momentan.... 
                     statt Warenkorb oben,  Dank*/
 color: #000066;   
  text-align: center;
  font-weight: normal;
  font-size:1em ;
}
/* .AnfagsTextSeite322{      statt Warenkorb unten
  color: #005500;     /* artuso=#00CF00  maxi=green  AsiaCity=#DADADA gelb= #FF0000; 
  text-align: center;
  font-weight: normal;
  font-size:.9em ;
}
*/

  /* .AnfagsTextSeite00Links3{
      momentan geschlossen /  Urlaub   / Dank   
  text-align: center;
  font-weight: normal;
  font-size:.8em ;
  margin-left: 3em;
  margin-right: 3em;
  padding: .1em;
}
*/
.AnfagsTextSeite00Links2, .AnfagsTextAdresse,  .AnfagsTextSeite3,
.AnfagsTextSeite322{    /*  Adresse Öffnungszeiten unterhalb warenkorb , unter dem Warenkorb   */
   color: black;  
  text-align: center;
  font-weight: normal;
  font-size:.9em ;
}

.AllGrup, .ArtikelGrup, .ArtikelUGrup,.btnPLZab3,.GrNamenSeite2,
 .GruppenName, .anBestellt{
color: #DCDCDC;
}

.AllGrup{
  color: white;  
}


.AllGrup{
  text-align: left;
 width: 98%;
  padding:2%;
  margin: 2%;
}


.ArtikelGrup, .ArtikelUGrup{
  text-align: left;
 width: 98%;
  padding: 3%;
  margin-bottom: .2em;
}


.ArtikelUGrup{
 width: 90%;
  margin-left: 1em;
}
 .btnPLZab3{
 font-size: .8em;         /* Breite des Text im  balken */
 width: 93%;
 text-align: left;
/* color: #DCDCDC;  */

}
.li_punkt_links{
display: block;
 padding-left:2px;
 padding-top: 5px;
}
.AllGrup, .ArtikelGrup, .ArtikelUGrup{
 font-size: .95em;
 }