/* 
  Document   : screen-angebote.css
  Created on : 21.06.2010, 17:44:00
  Author     : rfertig
  Description: Abweichende CSS-Definitionen für die Angebotsseiten
*/

body {
  background:       #333;
}

#content {
  color:            #EDEFBE;
  border:1px solid  #333;
  background-color: #333;
  padding:          10px 0;
  width:            778px;
}

a.navi:link,
a.navi:visited,
a.navi:active,
a.navi:hover {
  color:            #87A180;
}

a.subnavi:link,
a.subnavi:visited,
a.subnavi:hover,
a.subnavi:active {
  color:            #677763;
}

/* ---------------------- Arcordion-Navigation (siehe auch navigation.css) -- */

#navigation a,
#navigation span {
  color:            #87A180;
}
#navigation a.head:hover {
	color:            white;
}
#navigation a.ui-state-active {
  color:            white;
}
#navigation a.current {
  color:            white;
}
#navigation li li a:hover {
	color:            white;
}


.rechts { /* ------------------------- wird das überhaupt genutzt? */
  background-color: #87A180;
}


a:link,
a:visited,
a:active {
color:              #9D9B36;
}
a:hover {
color:              #F1F0A7;
}

h1 {
  color:            #EDEFBE;
}

td {
  color:            #000;
}

/* ---------------------- Klassen und IDs, die es nur bei Angebot-Seiten gibt */

.yellow {
  color:            #E4E481;
}

.red,
#sidebar .videolink {
  color:            #FF2000;
}

p.produkthinweis {
  color:            #E4E481;
  margin-top:       1em;
  margin-bottom:    1em;
  clear:            both;
}


.produkt {
  width:            778px;
  color:            #EDEFBE;
  background-color: transparent;
  clear:            both;
  margin:           1em 0;
  padding:          0;
}

.produktbild {
  float:            right;
  text-align:       right;
  width:            360px;
  border:           none;
  margin:           0;
  position:         relative;
}
.produktbild img {
  margin-bottom:    1em;
}

.produkttext {
  text-align:       left;
  margin:           0;
  padding:          0 10px 0 0;
  width:            400px;
  color:            #EDEFBE;
}


.galerieLine {
  line-height:      0; /* sonst haben wir einen zusätzl. Abstand */
}
.galerieLine div {
  float:            left;
  margin-bottom:    10px;
  margin-left:      10px;

}
.galerieLine div:first-child { /* erster DIV der Zeile */
  margin-left:      0px;
}
.ie6 div.galerieLine { /* IE6 kennt first-child nicht */
  margin-left:      -20px;
  width:            790px;
}
.galerieLine div p {
  line-height:      12pt;
  text-align:       center;
  margin-top:       55px;
}
.galerieLine div p.twoCol {
  width:            510px;
}

.TopPreisCont {
  position:         relative;
  padding-bottom:   20pt; /* Platz für einen Absatz schaffen (Line-height + margin = 12 + 8pt) */
}

.with_shop_link {
  padding-bottom:   32pt; /* Platz für einen zweizeiligen Absatz schaffen (2xLine-height + margin = 2x12 + 8pt) */  
}

p.topPreis,
p.sonderPreis {
  font-weight:      bold;
  position:         absolute;
  bottom:           0pt;
}

p.topPreis em,
p.sonderPreis em,
em.topPreis {
  color:            #FF2000;
  font-style:       normal;
  font-weight:      bold;
}

p.sonderPreis img {
  margin-left:      -10px;
  margin-bottom:    -10px;
}

em.alterPreis {
  color:            #FF2000;
  font-style:       normal;
  font-weight:      bold;
  text-decoration:  line-through;
}

h2.vorraetig {
  padding-right:    90px;
  margin-right:     -60px;
  min-height:       46px;
  background:       url(/images/vorraetig.png) right no-repeat;
  display:          inline-block;
}
.produkttext span.vorraetig {
  display:          none; /* Soll nur im Ausdruck auftauchen */
}

p.bottomSpace {
  margin-bottom:    2.5em;
}

.topSpace2_5 {
  margin-top:       2.5em;  
}

a.shop_link {
/*  background: url(/images/cart.png) no-repeat;
  padding-left: 20px;*/
  color:            #FF2000;
  font-weight:      bold;
}

table.yellow {
/*  width:            80%;*/
  margin-left:      1em;
}

table.yellow caption {
  margin-bottom:    8pt;
  margin-left:      -1em;
}

table.yellow td {
  color:            #E4E481;
  padding:          0.2em 1em 0.2em 0;
}

.galerie a,
a.lightBox {
  cursor:           url('/images/lupe.cur'), pointer;
}

.fussnote {
  margin-top:       2em;
  border-top:       1px solid #EDEFBE;
  padding-top:      0.6em;
  width:            100px;
  overflow:         visible;
  white-space:      nowrap;
}

.hinweisGuenstiger {
  position:         absolute;
  top:              0;
  right:            0;
  width:            264px;
  padding:          5px;
  margin:           10px;
  background-color: yellow;
  color:            #DD0000;
  text-align:       center;
  font-size:        10pt;
  font-weight:      bold;
  border:           3px solid #DD0000;
}

div.prozente {
  position:         relative;
}
div.prozente15,
div.prozente25 {
  width:            50px;
  height:           50px;
  background:       url(/images/prozente.png) right no-repeat;
  position:         absolute;
  top:              -20px;
  right:            -30px;
}
div.prozente25 {
  background:       url(/images/prozente.png) left no-repeat;
}

div.sonderangebot,
div.restposten {
  width:            185px;
  height:           185px;
  background:       url(/images/corner-sonderangebot.png) right no-repeat;
  position:         absolute;
  top:              -10px;
  right:            -7px;
  z-index:          200;
}
div.restposten {
  background:       url(/images/corner-restposten.png) right no-repeat;
}