/**

#BFD3DD: hellblau
#00636C: petrol
#879DA5: grau (menü mouseover)
#EBF0F2: grau-blau
**/



body {
 margin:0;
 padding:0;
 color: black;
 background-color:#CECECE;  /* F4D604*/
 font-family: Arial, Helvetica, sans-serif;
}

#kopfzeile {width:100%; height:90px; padding:0px;/*background-color:#EC870E;*/}

/* Bunter Streifen in der Menüzeile */
#menuezeile {background-image:url(http://www.discounter-archiv.de/bilder/site/streifen.gif);}

/* Google Webung */
.werbung {
 position:absolute; 
 top:5px;  
 right:20px;
 padding:10px;
 background: #ffffff;
 -moz-border-radius:10px;
}




/***** BOXEN *****/

div.boxLinks {
 width: 140px;
 float: left;
 margin-left: 5px;
}

div.boxRechts {
 width: 140px;
 float: right; 
 margin-right: 10px;
}


div.box {
 background-color:#EFEFEF;
 font-size: 0.91em;
 width: 140px;
 margin-top: 20px;
 padding: 0;
 border: 2px solid #000000;
 -moz-border-radius:10px;
}

h3.box {
 color: #FFFFFF;
 font-size: 0.91em;
 text-align:center;
 background-color: #464646; 
 padding:0px; 
 margin:0px;
 border-bottom-width: 3px;
 border-bottom-style: solid;
 border-bottom-color: #464646;
}

p.box {
 background-color:#EFEFEF;
 padding:2px; 
 margin:3px;
 color: #000000;
}

/***** ENDE BOXEN *****/




/***** Index-BOXEN *****/
h1.index {
 background-color:#464646;
 font-size: 0.91em;
 color:#ffffff;
 margin-bottom:3px;
}

h2.index {
 font-size: 1.1em;
 margin-top:3px;
}

p.index {
 margin-top:0px;
 margin-bottom:2px;
}

p.index2 {
 margin-top:0px;
 text-align:right;
}




td.index{
 background-color:#EFEFEF;
}


/***** ENDE IndexBOXEN *****/



/***** Grundstruktur der Seite *****/
div#header{position:relative}
div#wrapper{float:left;width:100%}
div#content2{margin: 0 160px; background-color:#FFFFFF; padding-top:5px; padding-left:20px; padding-right:10px;}
div#rahmen_links{float:left;width:150px;margin-left:-100%}
div#rahmen_rechts{float:left;width:150px;margin-left:-150px}


/***** Content & zugehörige Elemente *****/
#content {
 background-color:#FFFFFF;
 margin-left:155px;
 margin-right:155px;
 padding-top:5px;
 padding-left:20px;
 padding-right:10px;
}


div.breadcrumbs {
 font-size: x-small;
 margin-bottom: 30px;
}



div.news {  /* Bild + Unterschrift in News-Artkel von Text umfließen lassen */
 margin: 20px;
 margin-left:0px;
 font-size: x-small;
 float:left;
}

/***** ENDE Content & zugehörige Elemente *****/



.archivkalender {
 color: #00636C;
 background-color:#EFEFEF;
 padding: 0;

 -moz-border-radius:10px;
}

.archivkalender a:link {color:black; text-decoration:none;  }
.archivkalender a:focus {color:black; text-decoration:none; }
.archivkalender a:hover {text-decoration:none; background-color:#879DA5; color:#EFEFEF}
.archivkalender a:active  {text-decoration:none; background-color:#879DA5; color:#EFEFEF}
.archivkalender a:visited {color:black; text-decoration:none; }


/**

#BFD3DD: hellblau
#00636C: petrol
#879DA5: grau (menü mouseover)
#EBF0F2: grau-blau
**/







/***** Schriften *****/
h1 {
 background-color:transparent;
 font-family: Arial, Helvetica, sans-serif;
 font-weight: normal;
  font-size: 1.1em;
}

h2 {
 background-color:transparent;
 font-family: Arial, Helvetica, sans-serif;
 font-weight: normal;
}






h3 {
 background-color:#464646;
 padding: 3px;
 font-family: Arial, Helvetica, sans-serif;
 font-weight: normal;
 color:#FFFFFF;
 margin-top:50px;
}





.mini {
 background-color:transparent;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 0.7em;
}


.riesig
{
  background-color:transparent;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1.7em;
}


.alarm {
    background:red;
}

.warnung {
    background:orange;
}

.bgGruen {
    background:green;
}

.bgGrau {
    background:gray;
}

.bgRosa {
    background:#FFCCFF;
}




.gruen {
    color:green;
}

.rot {
    color:red;
}






.minPreis {
  font-weight:bold;
  color:green;

}

.maxPreis {
	color:red;

  font-weight:bold;
}





/***** ENDE Schriften *****/



/* Archiv: Übersicht-Box  */
div.produktUebersichtBox {
 background-color:transparent;
 font-size: 0.91em;
 width: 250px;
 margin-top: 20px;
 margin-right: 50px;
 padding-top: 0px;
 padding-right: 0px;
 padding-bottom: 5px;
 padding-left: 5px;
 border-left-width:2px;
 border-left-style:solid;
 border-left-color:#464646;
 border-bottom-width:2px;
 border-bottom-style:solid;
 border-bottom-color:#464646;
 float:left;
}


/* Archiv: Übersicht-Box / Bild */
div.produktUebersichtImage {
 background-color:transparent;
 font-size: 0.91em;
 width: 100px;
 padding: 0;
 float:left;
 padding-right: 5px;
 }



/* Archiv: Übersicht-Box / Icon */
.produktUebersichtIcon {
 background-color:transparent;
 float: right;
 text-align:center;
 padding-top: 20px;
}

.produktIconColor {
 background-color:#464646;
 font-family: Arial, Helvetica, sans-serif;
 color:white;
 font-weight: bold;
 margin-bottom: 5px;
}

.produktIconGrau {
 background-color:#dfdfdf;
 font-family: Arial, Helvetica, sans-serif;
 color:white;
 font-weight: bold;
 margin-bottom: 5px;
}

.produktIconGruen {
 background-color:gray;
 font-family: Arial, Helvetica, sans-serif;
 color:white;
 font-weight: bold;
 margin-bottom: 5px
}

.produktIconRot {
 background-color:red;
 font-family: Arial, Helvetica, sans-serif;
 color:white;
 font-weight: bold;
 margin-bottom: 5px
}





/* Archiv: Übersicht-Box / Info */
.produktUebersichtInfo {
 background-color:transparent;
}

.produktUebersichtInfo a:link {
 background-color:transparent;
 font-family: Arial, Helvetica, sans-serif;
 text-decoration:none; 
 color:#000000;
 font-size: 0.9em;
}

.produktUebersichtInfo a:visited {
 background-color:transparent;
 font-family: Arial, Helvetica, sans-serif;
 text-decoration:none; 
 color:#000000;
 font-size: 0.9em;
}





.produktUebersichtInfo ul {padding:0;margin:0;list-style-type:none;}
.produktUebersichtInfo li {margin-left:5px;}






/* Archiv/Preisliste: 2-spaltige Produkt-Detailansicht */
div.produktDetailInfo {
 margin: 0; 
 padding: 10px;
}


div.produktDetailImage {
 padding:10px;
 float: right; 
 width: 250px;
}


p.preis {
	 margin: 0; 
 padding: 0;
	 float: right; 
 font-size: 1.7em;
 text-align:right;
}









/* Tabellen */

th {
 background:#464646;
 color:#FFFFFF;
}

th.hell {
 background:#5F808B;
}

tr.hov:hover {
    background-color:#9DACB3;
}




.bar1 {
    background:#efefef;
}
.bar2 {
    background:#E1E4E5;
}





a {
color: #464646;
background-color: transparent;

}

a:hover {
text-decoration: underline; 
}

a.seitenzahl {
color: #9DACB3;
background-color: transparent;
text-decoration: none; 

}




/* Quickform 
    siehe dazu auch in config.php:
      -> $cfg['form']['required']
      -> $cfg['form']['error']
*/
/* Unbearbeitet  */
.formErrorLabel {
  color: red;
  background-color:transparent;
  font-family:  Arial, Helvetica, sans-serif;
  font-weight:bold;
  text-transform:uppercase;
}

.formErrorMsg {
  background-color:transparent;
  font-family:  Arial, Helvetica, sans-serif;
  color: orange;
  font-weight:normal;
}

.formRequired {
  background-color:transparent;
  font-family:  Arial, Helvetica, sans-serif;
  color: red;
  font-weight:normal;
}





	
/* Tabelle */











/* Info-Box (z.B. accessliste.php) */


/*

#box a:hover {
color:black;
background:#ddd8b7;
width:400px;}

#box a span {display:none;}

#box a:hover span {
position:absolute; left:700px; 
width:300px;
z-index:3;
color:black;
background:#ffffff;
font:normal 16px courier, sans-serif;
border:1px solid black;
display:block;
padding:10px;}

*/

/* ENDE Info-Box (z.B. accessliste.php) */




/* Tooltipp */
a.tooltip:hover
{    position: relative;                        /* Bezug für span, IE: erst bei :hover setzen */
     background: transparent;          /* IE, Farbe egal */
}  

a.tooltip span  
{    position: absolute;                     /* aus Textfluß herausnehmen */
     visibility: hidden;                        /* normal: unsichtbar */
     background: #ffffdd;
     border: 1px solid #aaaaaa;
     padding: 5px;
     width: auto;                               /* FF: kein Leerzeichen vor Einheit */
     top: 2em; left: 1em;                    /* Tooltip-Position, sollte man festlegen */
     background: #ffffdd;
      border: 1px solid #aaaaaa;
     
}

a.tooltip:hover span  
{    visibility: visible;   }                     /* hover: sichtbar */



a.tooltip            
{     text-decoration: none;
      color: #444444;
      border-bottom:1px solid blue;
}



a.tooltip h3
{     display: block;
      font-weight: bold;
      border-bottom: 1px solid #888888;
      margin-bottom: 5px;
	  background: green;
	  margin:0;
}




a.tooltip span b
{     display: block;
      font-weight: bold;
      border-bottom: 1px solid #888888;
      margin-bottom: 5px;
}





/* Preisliste: Schaltfläche für Discounter */
.ALDI-Nord
{
float: left;
font-size:12px;font-family:Verdana;
width:30px;height:30px;
left:200px;top:100px;
-moz-border-radius:5px;
background-color:#1277CD;
border:4px solid #B90000;
background-position:50% 50%;
margin-right: 20px;
}


.ALDI-Sued
{
float: left;
font-size:12px;font-family:Verdana;
width:30px;height:30px;
left:200px;top:100px;
-moz-border-radius:5px;
background-color:#c60002;
border:4px solid orange;
background-position:50% 50%;
margin-right: 20px;
}

.ALDI-Schweiz
{
float: left;
font-size:12px;font-family:Verdana;
width:30px;height:30px;
left:200px;top:100px;
-moz-border-radius:5px;
background-color:#c60002;
border:4px solid orange;
background-image: url(./../bilder/icons/schweiz.jpg);background-repeat:no-repeat;
background-position:50% 50%;
margin-right: 20px;
}


.HOFER
{
float: left;
font-size:12px;font-family:Verdana;
width:30px;height:30px;
left:200px;top:100px;
-moz-border-radius:5px;
background-color:#c60002;
border:4px solid orange;
background-image: url(./../bilder/icons/oesterreich.jpg);background-repeat:no-repeat;
background-position:50% 50%;
margin-right: 20px;
}


.LIDL
{
float: left;
font-size:12px;font-family:Verdana;
width:30px;height:30px;
left:200px;top:100px;
-moz-border-radius:5px;
background-color:#FFE300;
border:4px solid #003278;
background-position:50% 50%;
margin-right: 20px;
}


.PENNY
{
float: left;
font-size:12px;font-family:Verdana;
width:30px;height:30px;
left:200px;top:100px;
-moz-border-radius:5px;
background-color:#E50C22;
border:4px solid #FEF025;
background-position:50% 50%;
margin-right: 20px;
}


.NETTO
{
float: left;
font-size:12px;font-family:Verdana;
width:30px;height:30px;
left:200px;top:100px;
-moz-border-radius:5px;
background-color:#FFEC00;
border:4px solid #F10000;
background-position:50% 50%;
margin-right: 20px;
}