/* Styles für den Warenkorb*/
.stern {
 color: #c00;
}

.sonderangebote div{
float: left;
width: 600px;

}

.sonderangebote b.arial{
font-family: Arial;
border: 0px solid #00f;
}

.sonderangebote b{
font-family: Arial;
}

.sonderangebote h2 {
margin: 0;
color: #c00;
}

.sonderangebote div.angebot {
width: 300px;
/*margin-bottom: 3px;*/
margin-bottom: 5px;
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
/*padding: 3px 0 3px 0;*/
padding: 5px 0 5px 0;
/*margin-left: 5px;*/
margin-left: 3px;
height: 110px;
background: #FFC;
}
/* quickfix: verschobene Teaser im IE */
.center .sonderangebote div.angebot {
height: 130px;
}

html>body .sonderangebote div.angebot {
/*height: 127px;*/
height: 108px;


}

.sonderangebote div.angebot div.bild {
width: 80px;
text-align:center;
padding-left: 4px;
}

.sonderangebote div.angebot div.titel {
margin: 0 10px 0 10px; 
/*width: 190px;*/
width: 190px;

}

html>body .sonderangebote div.angebot div.titel {
width: 180px;
}

.sonderangebote div.angebot div.titel a {
color: #000;
font-size: 11px;
height: 40px;
display: block;


}

.sonderangebote div.angebot div.titel b {
font-size: 12px;
color: #c00;
}

.sonderangebote div.angebot div.warenkorb {
width: 280px;
text-align: center;
margin:  5px 0 0 5px;
padding: 5px 10px 5px 0;
background: #fc0;
border: none;
}

.sonderangebote div.angebot div.warenkorb a {
color: #000;
background: url(/global/medien/bilder/rahmen/einkaufswagen_klein.gif) no-repeat left;
padding: 0 0 0 25px;
}

/*NEU */

.warenkorbueberschrift {
 background: #036;
 width: 780px;
 color: #036;
}

.warenkorbueberschrift1 {
 background: #036;
 width: 780px;
 color: #036;
}

.loginueberschrift{
 background: #FFEECC;
 width: 780px;
 color: #036;
 margin-top: 10px;
 border-top: 1px solid #f00;
 border-bottom: 1px solid #f00;
}

.warenkorbueberschrift h2, .warenkorbueberschrift1 h2, .loginueberschrift h2 {
 color: #fff;
}

.loginueberschrift h2 {
 color: #000;
}

.warenkorb {
font-family: verdana, Arial, helvetica, sans-serif;
font-size: 11px;
width: 780px; 
margin-top: 10px;
border: 1px solid #036;
}

div.preis {
text-align: center;
width: 70px;
}

div.rabattbild {
margin-top: 10px;
}

td.abstand, .warenkorb td.abstand, .warenkorb1 td.abstand {
height: 0;
margin: 0;
padding: 0;
}

.warenkorb td, .warenkorb1 td {
vertical-align: top;
padding: 5px;
border: 1px solid #036;
}

.warenkorb thead th, .warenkorb1 thead th {
font-weight: bold;
background: #eee;
text-align: left;
border: 1px solid #000;
}

.warenkorb th, .warenkorb1 th {
padding: 5px 0 5px 2px;
}

.warenkorb div.vorschau, .warenkorb1 div.vorschau {
 text-align: center;
}

.warenkorb tr.gerade, .warenkorb1 tr.gerade {
background: #eee;
}

.warenkorb div.wunschtext fieldset, .warenkorb1 div.wunschtext fieldset {
 border: 1px solid #000;
 padding-bottom: 10px; 
 padding-left: 15px; 
 padding-right: 15px; 
 padding-top: 10px;
 width: 260px;
}

.warenkorb div.wunschtext legend, .warenkorb1 div.wunschtext legend {
 text-align:left;
 color: #000;
 }
/**/

a.speichern, a.speichern:link, a.speichern:visited, a.speichern:hover {
 margin: 0 0 0 470px;
 font-size: 11px;
 color: #fff;
 font-weight: normal;
}

a.aendern, a.aendern:link, a.aendern:visited, a.aendern:hover {
 margin: 0 0 0 350px;
 font-size: 11px;
 color: #fff;
 font-weight: normal;
}

a.fortsetzen, a.fortsetzen:link, a.fortsetzen:visited, a.fortsetzen:hover {
 margin: 0 0 0 10px;
 font-size: 11px;
 color: #fff;
 font-weight: normal;
}

.abschicken a.fortsetzen:visited, .abschicken a.fortsetzen:hover {
 margin: 0 0 0 10px;
 font-size: 11px;
 color: #c00;
 font-weight: normal;
}

.versandkosten {
 width: 700px;
 text-align: center;
 margin-top: 10px;
}

.einkauf {
 width: 780px;
 margin: 10px 0 10px 0;
 padding: 2px;
 background: #036;
}

.abschicken {
 width: 780px;
 margin: 10px 0 10px 0;
 padding: 2px;
 background: #fff;
}

.einkauf div#fortsetzen, .einkauf div#kasse, .abschicken div#fortsetzen, .abschicken div#kasse{
float: left;
}

.einkauf div#kasse, .abschicken div#kasse{
margin-left: 285px;
}

html>body .einkauf div#kasse, html>body .abschicken div#kasse{
margin-left: 440px;
}


/*Schnäppchen Kasten auf der Warenkorbseite*/

#schnaeppchen {
width: 790px;
margin: 20px 0 20px 0;
background: #FFFFCC;
}

#schnaeppchen h2 {
padding: 5px;
font-size: 11px;
}

#schnaeppchen div.schnaeppchenangebot {
width: 192px;
float: left;
padding: 5px;
margin: 2px 2px 10px 2px;
background: #fff;
border: none;
color: #036;
border: 1px solid #fc0;
height: 210px;
font-size: 11px;
}

html>body #schnaeppchen div.schnaeppchenangebot {
width: 180px;
}

div.schnaeppchenangebot {
width: 180px;
height: 40px;
}

#schnaeppchen div.schnaeppchenangebot a {
color: #036;
display: block;
}

#schnaeppchen div.schnaeppchenangebot .schnaeppchenwarenkorb {
height: 45px;
}
	
html>body #schnaeppchen div.schnaeppchenangebot .schnaeppchenwarenkorb {
height: 40px;
}

#schnaeppchen div.schnaeppchenangebot  div.schnaeppchenbild {
float: left;
width: 60px;
height: 110px;
}

#schnaeppchen div.schnaeppchenangebot  div.schnaeppchentext {
height: 103px;
float: left; 
width: 120px;
}

html>body #schnaeppchen div.schnaeppchenangebot  div.schnaeppchentext {
height: 105px;
float: left; 
width: 108px;
}

#schnaeppchen div.schnaeppchenangebot div.schnaeppchenpreis {
padding: 0px 0 5px 0;
height: 25px;
}

#schnaeppchen div.schnaeppchenangebot div.schnaeppchenpreis a {
 background: #fc0;
 text-decoration: none;
 display: inline;
 height: 10px;
 
}

#schnaeppchen div.schnaeppchenangebot div.schnaeppchenwarenkorb {
padding: 0 0 8px 0;
color: #036;
}

#schnaeppchen .schnaeppchenangebot .kaufen {
float: left;
margin-top: 5px;
background: #fc0;
width: 178px;
text-align: center;
border: none;
height: 17px;
padding: 3px;
}

html>body #schnaeppchen .schnaeppchenangebot .kaufen {
float: left;
display: block;
margin-top: 5px;
background: #fc0;
width: 174px;
text-align: center;
height: 17px;
padding: 3px;
}


#schnaeppchen div.schnaeppchenangebot div.kaufen a.warenkorb {
color: #036;
}

html>body #schnaeppchen .schnaeppchenangebot .kaufen a.warenkorb {
color: #036;
}


.text {
width: 780px;
padding-bottom: 10px;
}

/*Login mit Passwort*/
.vorteile {
width: 220px;
margin: 10px 0 0px 5px;
padding: 2px 10px 10px 10px;
background: #eee;
font-weight: normal;
float: left;
border: 2px solid #036;
}

html>body .vorteile {
width: 200px;
}

.vorteile li {
margin: 0 0 0 10px;
padding: 5px 0 5px 0;
font-weight: normal;
list-style: none;
line-height: 15px;
}

html>body .vorteile ul {
margin: 0;
padding: 0;
}

.login div.eingabefeld {
margin: 0;
font-size: 11px;
vertical-align: top;
padding: 10px;
}

.login div.eingabefeld table {
margin: 5px 0 5px 0;
padding: 0;
}

.login p {
font-family :  Arial, Helvetica, Verdana, Geneva, Swiss, SunSans-Regular, sans-serif;
font-weight: normal;
color: #000;
padding: 0;
margin: 5px;
}

.login div.abstand {
margin: 5px 0 5px 0;
padding: 0;
}

.login div#bankverbindung {
margin: 5px 0 5px 20px;
padding: 0;
}

.ssl {
margin: 5px 0 5px 20px;
padding: 0;
color: #c00;
font-weight: bold;
font-size: 15px;
text-align: center;
width: 700px;
}

.login .reihenfolge {
margin: 10px 0 5px 0;
padding: 2px 2px 2px 5px;
font-size: 11px;
background: #c00;
color: #fff;
font-weight: bold;
}

.kasse {
width: 220px;
margin: 10px 0 0 270px;
padding: 0;
float: left;
}

html>body .kasse {
margin: 10px 0 0 310px;
}

.boxwarenkorb {
width: 220px;
margin: 10px 0 0 5px;
padding: 0;
float: left;
}

/*Bestellung ohne Login*/
.login {
width: 780px;
margin: 5px 0 10px 0;
padding: 0 0 5px 10px;
font-weight: normal;
float:left;
border: 1px solid #f00;
}

html>body .login {
width: 770px;
}

.login h2{
margin: 0 0 10px 0; 
font-size: 11px;
padding: 10px 10px 10px 0;
}

.login table {
margin: 10px 0 10px 0;
font-size: 11px;
vertical-align: top;
padding: 0;
}

.login table.textcenter {
 text-align: center;
}

.login .reihenfolge {
margin: 10px 10px 5px 0;
padding: 2px 2px 2px 5px;
font-size: 11px;
background: #c00;
color: #fff;
font-weight: bold;
}

.login td.erklaerung {
padding: 3px 10px 3px 10px;
font-size: 11px;
vertical-align: top;
}

.login p {
font-family :  Arial, Helvetica, Verdana, Geneva, Swiss, SunSans-Regular, sans-serif;
font-weight: normal;
letter-spacing: 0;
}

.hintergrund {
background: #eee;
}

/* Start Styles Gratisartikel*/

#gratisartikel {
margin: 0 10px 10px 0;
width: 740px;
}

#gratisartikel h1 {
color: #c00;
font-size: 13px;
}

#gratisartikel h2 {
background: #fff;
margin: 0;
padding: 5px 0 5px 10px;
color: #000;
font-size: 11px;
}

#gratisartikel div.geschenke {
 width: 740px;
 background: #fff;
 padding-bottom: 10px;
}

#gratisartikel div.geschenk {
 width: 135px;
 text-align: center; 
 padding: 10px;
 margin: 5px;
 background: #ddd;
 float: left;
 height: 160px;
}

html>body #gratisartikel div.geschenk {
width: 118px;
}

#gratisartikel div.geschenkbild {
height: 70px; 
}

#gratisartikel div.geschenktext {
text-align: left; 
font-size: 10px;
}

html>body #gratisartikel div.geschenktext {
text-align: left; 
font-size: 10px;
width: 110px;
}

/* Ende Styles Gratisartikel*/
.tabelle {
 margin-top: 10px;
 background: #eee;
 padding: 2px;
 margin: 2px;
}

.tabelle td.farbe, .tabelle tr.farbe {
  background: #ddd;
}

.achtung {
 border: 1px solid #c00;
 margin-top: 10px; 
 padding: 10px;
 width: 780px;
 color: #c00;
 font-weight: normal;
 font-size: 12px;
}

html>body .achtung{
 width: 760px;
}

.achtung h1 {
 color: #c00;
 font-size: 14px;
 margin: 0;
 padding: 0;
}

.achtung b {
 color: #000;
}

.achtung a, .achtung a:link, .achtung a:visited, .achtung a:hover {
 color: #000;
}