@charset "UTF-8"; /* charset festlegen */

/*
Projektname:   WDR Shop Relaunch 2008
Funktion:     Vorlagen CSS
Erstellt am:   02.01.2008 von KDre
Bearbeitet am: 31.03.2008 von KDre
validiert am: 17.01.2008 von KDre
QS am:         
Freigabe am:   NICHT freigegeben
/*

/* ################################## */
/* ### Inhaltsverzeichnis ### */
/* ### Elemente ### */
/* ### 1. Formatierung des body ### */
/* ### 2. Links: <a> ### */
/* ### 3. Typo ### */
/* ### 4. Formulare ### */
/* ### 5. Tabellen ### */
/* ### 6. sonstige Elemente ### */

/* ### weitere Regeln ### */
/* ### Sonderfaelle ### */
/* ################################## */


/* ### Content-Vorlagen ### */
/* Vorlage Dreierteaser-Boxen */

.dreierteaser-box {
position: relative;
float: left;
display: block;
border: 1px solid #CED8EC;
text-decoration: none;
width: 300px; /* IE 5.5 */
height: 341px;
voice-family: "\"}\""; 
voice-family:inherit;
width: 298px;
}

.dreierteaser-box img.oben {
position: absolute;
top: -1px;
left: -1px;
margin: 0;
padding:0;
}

.dreierteaser-box img.unten {
position: absolute;
bottom: -1px;
left: -1px;
margin: 0;
padding:0;
}

* html .dreierteaser-box img.unten {
bottom: -2px;
}

.dreierteaser-box.rechts-oben {
float: right;
height: 201px;
margin-bottom: 22px; /* IE 5.5 */
voice-family: "\"}\""; 
voice-family:inherit;
margin-bottom: 20px;
}

.dreierteaser-box.rechts-unten {
float: right;
height: 118px;
margin-bottom: 20px;
}

/* Vorlage Produktteaser */
#content .breadcrumb li {
float: left;
margin: 0 10px 0 0;
padding: 0 8px 0 0;
list-style-type: none;
background: url(../images/breadcrumb_weiterpfeil.gif) no-repeat right 5px;
}

#content .breadcrumb li.last {
background: none;
}

#content .breadcrumb li a,
#content .breadcrumb li strong {
text-decoration: none;
color: #565656;
font-size: 0.9em;
font-weight: normal;
}

#content .breadcrumb li a:hover {
text-decoration: underline;
}

#wrapper #content .headlinebox {
position: relative;
width: 621px;
margin-bottom: 10px;
padding: 8px 0 0 10px;
font-family: arial, verdana, sans-serif;
font-size: 1.9em !important;
color: #497BB8;
font-style: italic;
letter-spacing: -1px;
background: url(../images/rundungen/bg_h1_headlinebox.gif) no-repeat 0 0;
height: 40px; /* IE 5.5 */
voice-family: "\"}\""; 
voice-family:inherit;
height: 32px;
}

#wrapper #content h1.headlinebox {
line-height: 1.2941;
}

/* IE 6 */
* html .headlinebox {
padding-bottom: 8px;
}

.headlinebox img {
position: absolute;
right: 20px;
top: 9px;
}

.headlinebox select {
font-size: 0.7em !important;
position: absolute;
right: 20px;
top: 9px;
}

.produktteaser {
position: relative;
float: left;
display: block;

margin: 0 0 20px 10px;
border: 1px solid #CED8EC;
text-decoration: none;
width: 147px; /* IE 5.5 */
height: 256px;
voice-family: "\"}\""; 
voice-family:inherit;
width: 145px;
background: #FFF;
}

.produktteaser.first {
margin-left: 0;
}

.produktteaser img.oben {
position: absolute;
top: -1px;
left: -1px;
z-index: 999;
margin: 0;
padding:0;
}

.produktteaser img.unten {
position: absolute;
bottom: -1px;
left: -1px;
margin: 0;
padding:0;
}

.produktteaser .produktbild-link {
display: block;
position: absolute;
top: 0;
left: -8px;
width: 145px;
height: 183px;
overflow: hidden;
}

.produktteaser .produktbild {
z-index: -999;
}

.produktteaser strong {
position: absolute;
display: block;
width: auto;
height: 22px;
margin: 159px 0 2px 2px;
padding: 0 0 0 2px;
background: url(../images/rundungen/produktteaser_preis.gif) no-repeat 0 0;
color: #AA0000;
font-size: 1.3em;
font-weight: bold;
z-index: 999;
}

.produktteaser strong span {
display: inline-block;
padding: 3px 5px 0 5px;
width: auto;
height: 22px;
background: url(../images/rundungen/produktteaser_preis_test.gif) no-repeat right 0;
voice-family: "\"}\""; 
voice-family:inherit;
display: block;
}

* html .produktteaser strong span {
display: inline-block;
}

.produktteaser a {
display: block;
position: absolute;
top: 187px;
margin: 0 0 0 8px;
}


.produktteaser a.button-inwarenkorb {
position: absolute;
top: 230px;
left: 0px;
}

/* Produktboxen in dreier Anordnung */
#content h3.weitere {
font-size: 1.5em;
font-weight: bold;
color: #497BB8;
font-style: italic;
}

.produktbox {
position: relative;
float: left;
display: block;
margin: 0 0 0 20px;
text-decoration: none;
width: 193px; /* IE 5.5 */
height: 246px;
background: url(../images/rundungen/bg_produktbox.gif) no-repeat 0 0;
voice-family: "\"}\""; 
voice-family:inherit;
width: 193px;
}

.produktbox.first {
margin-left: 0;
}

.produktbox a.produktbild {
position: relative;
display: block;
top: 10px;
left: 38px;
width: 128px;
height: 128px;
}

.produktbox strong {
position: absolute;
top: 128px;
left: 10px;
display: block;
width: auto;
height: 22px;
padding: 0 0 0 2px;
background: url(../images/rundungen/produktteaser_preis.gif) no-repeat 0 0;
color: #AA0000;
font-size: 1.3em;
font-weight: bold;
}

.produktbox strong span {
display: block;
padding: 3px 5px 0 5px;
height: 22px;
background: url(../images/rundungen/produktteaser_preis_test.gif) no-repeat right 0;
voice-family: "\"}\""; 
voice-family:inherit;
display: inline-block;
}

/* IE 6 */
* html .produktbox strong span {
display: inline-block;
}

/* IE 7 */
* + html .produktbox[class] strong span {
display: block;
}

.produktbox a {
position: absolute;
top: 158px;
left: 10px;
width: 175px;
font-size: 1.1em;
}

.produktbox .button-detail {
position: absolute;
top: 194px;
left: 10px;
}

.produktbox .button-inwarenkorb {
position: absolute;
top: 194px;
left: 50px;
}

/* Vorlage Gutscheinbox */
.gutscheinbox .produktbild img {
position: absolute;
left: -37px;
top: -9px;
}

.gutscheinbox .oben-links,
.gutscheinbox .oben-rechts {
position: absolute;
z-index: 2;
}

.gutscheinbox .oben-links {
top: 0;
left: 0;
}

.gutscheinbox .oben-rechts {
top: 0;
right: 0;
}

/* Pagination */
.pagination {
display: block;
height: 40px !important; /* IE 6 */
margin-bottom: 10px;
background: url(../images/rundungen/bg_h1_headlinebox.gif) no-repeat 0 0;
}

#oben #wrapper #content .pagination ul {
float: left;
display: block;
margin: 13px 0 0 42px;
}

#wrapper #content .pagination ul li {
padding-left: 0;
margin-left: 15px;
float: left;
list-style-type: none;
background: none;
font-size: 1.2em;
}

#wrapper #content .pagination ul li.first {
margin-left: 0;
font-size: 1.1em;
}

.pagination ul li strong {
color: #000;
}

.pagination ul li a {
color: #2E4C91;
}

.pagination a.navbutton-zurueck,
.pagination a.navbutton-vor {
float: left;
}

.pagination a.navbutton-zurueck {
margin: 9px 0 0 150px;
}

.pagination a.navbutton-vor {
margin: 9px 0 0 50px;
}

/* Inhalt-Warenkorb */
#inhalt-warenkorb legend {
display: none;
}

#inhalt-warenkorb table {
margin-bottom: 0;
width: 619px;
border: none;
}

#inhalt-warenkorb table th {
border: none;
text-align: left;
}

#inhalt-warenkorb table td {
border: none;
background: #FFF;
}

#inhalt-warenkorb table td.oben {
height: 6px;
margin: 0;
padding: 0;
font-size: 0;
background: url(../images/rundungen/bg_warenkorbinhalt_oben.gif) no-repeat 0 0;
}

#inhalt-warenkorb table td.unten {
height: 16px;
margin: 0 0 20px 0;
padding: 0;
font-size: 0;
background: url(../images/rundungen/bg_warenkorbinhalt_unten.gif) no-repeat 0 0;
}

#inhalt-warenkorb table td.obenluecke {
height: 6px;
margin: 0 0 20px 0;
padding: 0;
font-size: 0;
background: url(../images/rundungen/bg_warenkorbinhalt_obenluecke.gif) no-repeat 0 0;
}

#inhalt-warenkorb table td.untenluecke {
height: 16px;
margin: 0 0 20px 0;
padding: 0;
font-size: 0;
background: url(../images/rundungen/bg_warenkorbinhalt_untenluecke.gif) no-repeat 0 0;
}

#inhalt-warenkorb table .produktname {
display: block;
margin: 14px 0 10px 0;
}

#inhalt-warenkorb table .verfuegbarkeit {
float: left;
margin: 0 0 10px 5px;
}

#inhalt-warenkorb table .preis {
float: left;
display: block;
width: auto;
height: 22px;
padding-left: 2px;
background: url(../images/rundungen/produktteaser_preis.gif) no-repeat 0 0;
}

#inhalt-warenkorb table .preis span {
display: block;
padding: 4px 6px 4px 6px;
background: url(../images/rundungen/produktteaser_preis_test.gif) no-repeat right 0;
}

#inhalt-warenkorb table .details {
display: block;
width: 50px;
margin: 0 0 20px 0;
padding: 0 0 0 8px;
background: url(../images/context_bullet_pfeil.gif) no-repeat 0 3px;
}

#inhalt-warenkorb table .header {
width: 619px;
height: 5px;
font-size: 1.1em;
}

#inhalt-warenkorb table th.loeschen {
text-align: center;
width: 35px;
}

#inhalt-warenkorb table th.artikel {
width: 111px;
}

#inhalt-warenkorb table th.artikel-beschreibung {
width: 271px;
}

#inhalt-warenkorb table th.anzahl {
width: 95px;
}

#inhalt-warenkorb table th.summe {
width: 97px;
}

#inhalt-warenkorb .first {
background: url(../images/rundungen/bg_warenkorbinhalt_strich.gif) repeat-y 0 0 #FFF;
}

#inhalt-warenkorb table .last {
background: url(../images/rundungen/bg_warenkorbinhalt_strich.gif) repeat-y right 0 #FFF;
}

#inhalt-warenkorb table td .textinput {
margin-top: 14px;
width: 40px;
}

#inhalt-warenkorb table .doppelborder {
background: url(../images/rundungen/bg_warenkorbinhalt_doppelborder.gif) repeat-y left 0 #FFF;
}

#inhalt-warenkorb table .doppelborder a {
display: block;
width: 128px;
height: 128px;
overflow: hidden;
margin-bottom: 10px;
}

#inhalt-warenkorb table .doppelborder a img {
margin: 0;
padding: 0;
}

#inhalt-warenkorb table .doppelborder strong {
display: block;
margin-left: 10px;
}

#inhalt-warenkorb table .first input {
margin-left: 10px;
}

#inhalt-warenkorb table .last strong {
display: block;
margin-top: 14px;
font-size: 1.2em;
}

#inhalt-warenkorb .loeschenbut  {
display: block;
width: 60px;
margin-left: 10px;
}

#inhalt-warenkorb table .last .zwischensumme {
display: block;
margin-top: 0;
}

#inhalt-warenkorb table small {
color: #848484;
}

.submitcontainer {
display: block;
width: 621px;
margin-top: 0;
padding-top: 10px;
height: 42px;
background: url(../images/rundungen/bg_h1_headlinebox.gif) no-repeat 0 0;
}

.submitcontainer .aktualisieren {
margin-left: 425px !important;
}

.submitcontainer input {
margin: 0 0 0 10px;
}

.gutscheincode {
display: block;
width: 621px;
margin: 0 0 5px 0;
padding-top: 4px;
height: 42px;
background: url(../images/rundungen/bg_h1_headlinebox.gif) no-repeat 0 0;
}

/* IE 6 */
* html .gutscheincode {
padding-bottom: 10px; /* fuer IE 6 und 5 */
margin-bottom: 10px;
}

.gutscheincode label {
float: left;
margin: 9px 5px 0 10px;
font-weight: bold !important;
}

.gutscheincode input {
margin: 7px 10px 0 0;
float: left;
}

.gutscheincode .aktualisieren {
float: left;
margin-top: 4px;
}

/* .produktdetails */
.produktdetails {
background: #fff;
margin: 0 0 20px 0;
padding: 0px 20px 20px 0;
overflow: hidden;
background: url(../images/rundungen/proddetail_unten.gif) no-repeat 0 bottom transparent;
width: 620px;
}

/* IE 6 */
* html .produktdetails {
padding-bottom: 5px;
}

.produktdetails img.oben {
margin: 0 0 10px 0;
}

.produktdetails .bild {
float: left;
margin: 0 10px 0 10px;
width: 224px;
text-align: center;
}

.produktdetails .beschreibung {
float: left;
width: 344px;
}

.produktdetails .beschreibung table td {
border: none;
background: none;
}

.produktdetails .beschreibung object {
display: block;
margin-bottom: 13px;
}

#content .produktdetails h2 {
font-size: 1.4em;
line-height: 1.2143;
background-image: none;
width: auto;
height: auto;
}

/* Sonderfall fuer Produktname */
#content .produktdetails h1 {
font-size: 1.4em;
line-height: 1.2143;
background-image: none;
width: auto;
height: auto;
}


#content .produktdetails .beschreibung .hl {
margin-bottom: 10px;
}

.produktdetails .beschreibung .hl li {
margin-right: 9px;
}

.produktdetails .beschreibung .hl li.last {
margin-right: 0;
}

.produktdetails .beschreibung .hl li a {
display: block;
height: 22px;
text-indent: -9999px;
background-position: bottom;
}

.produktdetails .beschreibung .hl li input {
height: 22px;
background: 
text-indent: -9999px;
}

.produktdetails .beschreibung .hl li.auf-den-wunschzettel a {
width: 156px;
background-image: url(../images/button_auf_den_wunschzettel.gif);
}

.produktdetails .beschreibung .hl li.empfehlen a {
width: 92px;
background-image: url(../images/button_empfehlen.gif);
}

.produktdetails .beschreibung .hl li.drucken a {
width: 77px;
background-image: url(../images/button_drucken.gif);
}

.produktdetails .beschreibung .preis-in-den-warenkorb-wrapper {
background: url(../images/preis-in-den-warenkorb-wrapper_bg.gif) no-repeat;
width: 343px;
height: 75px;
}

.produktdetails .beschreibung .preis-in-den-warenkorb-wrapper .inner {
padding: 8px 10px;
}

.produktdetails .beschreibung .preis-in-den-warenkorb-wrapper strong.preis {
font-size: 1.7em;
}

.produktdetails .beschreibung .preis-in-den-warenkorb-wrapper small.mwst,
.produktdetails .beschreibung .preis-in-den-warenkorb-wrapper small.mwst a {
color: #8b8e94;
}

.produktdetails .beschreibung .anzahl-in-den-warenkorb-wrapper {
margin-top: 5px;
background: url(../images/anzahl-in-den-warenkorb-wrapper_bg.gif) no-repeat;
}

.produktdetails .beschreibung .anzahl-in-den-warenkorb-wrapper input.anzahl {
position: relative;
top: -11px;
width: 34px;
height: 16px;
padding-left: 1px;
padding-top: 2px;
margin-left: 3px;
}

* html .produktdetails .beschreibung .anzahl-in-den-warenkorb-wrapper input.anzahl {
top: -8px;
height: 22px;
width: 37px;
voice-family:"\"}\"";
voice-family:inherit;
height: 16px;
width: 34px;
}

*+html .produktdetails .beschreibung .anzahl-in-den-warenkorb-wrapper input.anzahl {
top: -8px;
height: 16px;
}

.produktdetails .beschreibung .anzahl-in-den-warenkorb-wrapper img {
margin-left: 2px;
}

/* .Content Fliesstext */
.fliesstext {
background: #fff;
margin: 0 0 20px 0;
padding: 0px 20px 15px 0;
overflow: hidden;
background: url(../images/rundungen/proddetail_unten.gif) no-repeat 0 bottom transparent;
width: 620px;
}

/* IE 6 */
* html .fliesstext {
padding-bottom: 5px;
}

#wrapper #content .fliesstext p {
margin: 0 20px 10px 15px;
line-height: 1.6em;
}

#wrapper #content .fliesstext p a {
font-weight: bold;
}

#wrapper #content .fliesstext img {
margin: 0 0 20px 15px;
}

#wrapper #content .fliesstext .zurueck {
margin-left: 520px;
}

#wrapper #content .fliesstext img.oben {
margin: 0 0 0 0;
}

/* IEs */
* html #wrapper #content .fliesstext img.oben {
margin: -10px 0 0 0;
}

* + html #wrapper[id] #content .fliesstext img.oben {
margin: -10px 0 0 0;
}

#wrapper #content .fliesstext h2,
#wrapper #content .fliesstext h3,
#wrapper #content .fliesstext table,
#wrapper #content .fliesstext form {
margin: 0 0 10px 15px;
}

#wrapper #content .fliesstext ul,
#wrapper #content .fliesstext ol {
margin: 0 20px 20px 20px;
}

#wrapper #content .fliesstext ul ul {
margin: 0;
}


/* 
#wrapper #content .fliesstext ul li,
#wrapper #content .fliesstext ol li {
padding: 0;
margin: 0 0 10px 0;
background: none;
}
*/

#wrapper #content .fliesstext ul.buchstabenliste {
list-style-type: lower-alpha;
}

#wrapper #content .fliesstext ul.buchstabenliste li {
margin: 0 0 10px 15px;
background: none;
}

#wrapper #content .fliesstext ol {
list-style-type: decimal;
}

#content .fliesstext .blauer-balken {
height: 32px;
background: url(../images/checkout_balken_blau_bg.gif) no-repeat;
margin-left: 15px;
width: 588px !important;
}

* html #content .fliesstext .blauer-balken {
margin-bottom: 10px;
}

#content .fliesstext .blauer-balken .right {
margin-top: 5px;
margin-right: 5px;
float: right;
}

#content .fliesstext .blauer-balken .left {
margin-top: 5px;
margin-left: 5px;
float: left;
}

#content .fliesstext .blauer-balken .right img,
#content .fliesstext .blauer-balken .left img {
margin: 0 !important;
}

/* Checkout */
#content .checkout .status {
display: block;
margin-bottom: 10px;
}

#content .checkout h2 {
font-size: 1.1em;
background: url(../images/checkout_ub_balken_bg.gif);
width: 588px;
height: 22px;
}

#content .checkout h2 span {
display: block;
padding-top: 4px;
padding-left: 5px;
}

#content .checkout .box-1-von-2,
#content .checkout .box-2-von-2 {
display: inline;
float: left;
width: 265px;
height: 138px;
background: url(../images/checkout_box_grau_halb_bg.gif) no-repeat;
margin: 0 0 20px 15px;
}

#content .checkout .box-1-von-2 .inner,
#content .checkout .box-2-von-2 .inner {
padding: 10px 0 0 15px;
}

#content .checkout .box-1-von-2 .inner dt,
#content .checkout .box-2-von-2 .inner dt {
float: left;
clear: left;
width: 100px;
height: 1%;
}

#content .checkout .box-1-von-2 .inner dd,
#content .checkout .box-2-von-2 .inner dd {
float: left;
background: none;
padding-left: 0;
}

* html #content .checkout .box-1-von-2 .inner dd,
* html #content .checkout .box-2-von-2 .inner dd {
float: none;
}

*+html #content .checkout .box-1-von-2 .inner dd,
*+html #content .checkout .box-2-von-2 .inner dd {
float: none;
}

#content .checkout .box-1-von-2 .inner a,
#content .checkout .box-2-von-2 .inner a {
background: url(../images/pfeil_nach_rechts_grau.gif) center left no-repeat;
padding-left: 10px;
font-size: 1.1em;
}

#content .checkout .pfeil {
background: url(../images/pfeil_nach_rechts_grau.gif) center right no-repeat;
padding-right: 10px;
}

#content .checkout .grauer-balken {
height: 36px;
background: url(../images/checkout_balken_grau_bg.gif) no-repeat;
margin: 0 0 20px 15px;
}

#content .checkout .grauer-balken p {
padding: 12px 0 0 10px;
margin: 0;
font-weight: bold;
}

#content .checkout .blauer-balken {
height: 32px;
background: url(../images/checkout_balken_blau_bg.gif) no-repeat;
margin-bottom: 20px;
}

#content .checkout .blauer-balken .right {
margin-top: 5px;
margin-right: 5px;
float: right;
}

#content .checkout .blauer-balken .left {
margin-top: 5px;
margin-left: 5px;
float: left;
}

#content .checkout .blauer-balken p {
padding-top: 10px;
font-weight: bold;
text-align: center;
color: #497bb8;
margin-bottom: 0;
}

#content .checkout .indent {
margin-left: 15px;
}

/* Schritt 1 */
.checkout-versand {
position: relative;
padding: 15px;
background: url(../images/rundungen/proddetail_unten.gif) left bottom repeat-y;
}

.checkout-versand img.oben {
position: absolute; 
left: 0;
top: 0;
}

/* Schritt 2 */
.checkout-zahlungsart {
position: relative;
padding: 15px;
background: url(../images/rundungen/proddetail_unten.gif) left bottom repeat-y;
}

.checkout-zahlungsart img.oben {
position: absolute; 
left: 0;
top: 0;
}

#content .checkout .checkout-zahlungsart .zahlungsart {
background: url(../images/rundungen/bg_unten_zahlungsart.gif) left bottom no-repeat;
margin-bottom: 20px;
margin-left: 15px;
}

#content .checkout .checkout-zahlungsart .zahlungsart .inner {
background: url(../images/rundungen/bg_oben_zahlungsart.gif) left top no-repeat;
padding: 10px 10px 10px 5px;
}

#content .checkout .checkout-zahlungsart .grauer-balken label {
display: block;
}

#content .checkout .checkout-zahlungsart .zahlungsart fieldset {
margin-top: 10px;
margin-left: 80px;
}

#content .checkout .checkout-zahlungsart .zahlungsart fieldset label {
height: 1%;
clear: left;
float: left;
display: block;
margin-left: 0;
width: 130px;
margin-bottom: 12px;
}

#content .checkout .checkout-zahlungsart .zahlungsart fieldset input,
#content .checkout .checkout-zahlungsart .zahlungsart fieldset select {
float: left;
}

#content .checkout .checkout-zahlungsart .zahlungsart fieldset input {
height: 20px;
voice-family: "\"}\""; 
voice-family:inherit;
height: auto;
padding: 2px;
}

#content .checkout .checkout-zahlungsart .zahlungsart fieldset input.text {
width: 200px;
}

#content .checkout .checkout-zahlungsart .zahlungsart fieldset input.text-small {
width: 50px;
margin-right: 3px;
}

#content .checkout .checkout-zahlungsart .radio {
vertical-align: -3px;
}

* html #content .checkout .checkout-zahlungsart .radio {
position: relative;
top: 2px;
voice-family: "\"}\""; 
voice-family:inherit;
position: static;
vertical-align: -4px;
}

#content .checkout .checkout-zahlungsart .geschaeftsbedingungen {
background: url(../images/checkout_agbs_bg.gif) no-repeat;
padding: 10px 40px 10px 10px;
margin-bottom: 10px;
}

#content .checkout .checkout-zahlungsart .geschaeftsbedingungen .inner {
overflow: auto;
height: 92px;
}

#content .checkout .checkout-zahlungsart .agbs-akzeptieren {
display: block;
margin-bottom: 20px;
}

/* Schritt 3 */
.checkout-bestaetigung {
position: relative;
padding: 15px;
background: url(../images/rundungen/proddetail_unten.gif) left bottom repeat-y;
}

.checkout-bestaetigung img.oben {
position: absolute; 
left: 0;
top: 0;
}

.checkout-bestaetigung h2 span {
float: left;
}

.checkout-bestaetigung h2 .right {
font-weight: normal;
padding: 4px 5px 0 8px;
float: right;
background: url(../images/pfeil_nach_rechts_grau.gif) 0 7px no-repeat;
}

#content .checkout-bestaetigung .indent {
padding-right: 5px;
}

.checkout-bestaetigung .line {
line-height: 0;
border-bottom: 1px solid #dedede;
margin-bottom: 15px;
}

.checkout-bestaetigung .double-line {
line-height: 0;
border-bottom: 3px double #dedede;
margin-bottom: 15px;
}

.checkout-bestaetigung th {
display: none;
}

.checkout-bestaetigung td {
border: 0;
padding: 2px 0;
background: none;
}

.checkout-bestaetigung table {
width: auto;
}

#content .checkout-bestaetigung table.artikel .col1 {
width: 100%;
}

#content .checkout-bestaetigung table.posten .col1 { 
width: 100%;
}

#content .checkout-bestaetigung table.artikel td.right,
#content .checkout-bestaetigung table.posten td.right { 
padding-left: 20px;
}

#content .checkout-bestaetigung table td,
#content .checkout-bestaetigung p.total {
font-size: 1.2em;
line-height: 1.3333;
}

#content .checkout-bestaetigung table.artikel td {
font-weight: bold;
}

.checkout-bestaetigung table.artikel td.right,
.checkout-bestaetigung table.posten,
p.total {
text-align: right;
}

.checkout-bestaetigung table.artikel td.right,
.checkout-bestaetigung table.posten td.right {
white-space: nowrap;
}

/* Schritt 4 */
.checkout-fertig {
position: relative;
padding: 15px;
background: url(../images/rundungen/proddetail_unten.gif) left bottom repeat-y;
}

.checkout-fertig img.oben {
position: absolute; 
left: 0;
top: 0;
}

#content .checkout h2.fertig {
height: 32px;
background: url(../images/checkout_balken_blau_bg.gif) no-repeat;
margin-bottom: 15px;
}

#content .checkout h2.fertig span {
color: #96a62c;
padding-top: 10px;
padding-bottom: 5px;
padding-left: 45px;
background: url(../images/icon_check.gif) 10px bottom no-repeat;
}

#content .checkout-fertig .blauer-balken {
margin-bottom: 0;
}

/* Standar-Formular */
.formular form,
.formular div.fehler {
position: relative;
padding: 15px;
background: #fff;
}

.formular div.fehler {
margin-bottom: 10px;
background: url(../images/rundungen/fehler_unten.gif) left bottom no-repeat;
}

.formular div.fehler img.oben {
position: absolute;
left: 0;
top: 0;
}

#content .formular div.fehler dl {
margin-bottom: 0;
}

#content .formular div.fehler dl dt {
color: #c01b1c;
margin-bottom: 10px;
}

#content .formular div.fehler dl dd {
color: #c01b1c;
padding-left: 5px;
background: url(../images/fehler_listpoint_bg.gif) left center no-repeat;
}

#content .formular .erneutesuche {
float: left;
margin-top: 3px;
}

#content .formular .suchen {
float: left;
margin-left: 10px;
}

#content .formular .erweitert-suchen {
display: block;
margin: 10px 0 10px 0;
}

.fliesstext .hinweis,
.formular form span.hinweis {
display: block;
margin-bottom: 10px;
font-size: 1.1em;
color: #666;
}

.fliesstext span.hinweis {
margin-left: 15px;
}

.formular form {
background: url(../images/rundungen/proddetail_unten.gif) left bottom repeat-y;
}

.formular form img.oben {
position: absolute; 
left: 0;
top: 0;
}

#content .formular h2 {
font-size: 1.1em;
background: url(../images/checkout_ub_balken_bg.gif);
width: 588px;
height: 22px;
}

#content .formular h2 span {
display: block;
padding-top: 4px;
padding-left: 5px;
}

.formular fieldset.indent {
margin-left: 100px;
}

.formular fieldset.indent label.block,
.formular fieldset.indent span.block {
clear: left;
float: left;
height: 1%;
width: 140px;
margin-bottom: 12px;
}

.formular fieldset.indent input.text,
.formular fieldset.indent label.radio {
float: left;
}

.formular fieldset.indent input.text {
position: relative;
top: -3px;
width: 176px;
height: 20px;
padding-left: 2px;
voice-family: "\"}\""; 
voice-family:inherit;
height: auto;
padding: 2px;
}

.formular fieldset.indent select {
float: left;
position: relative;
top: -3px;
width: 160px;
voice-family: "\"}\""; 
voice-family:inherit;
width: 184px;
}

.formular fieldset.indent label.radio {
margin-right: 15px;
}

* html .formular fieldset.indent label.radio {
margin-right: 10px;
}

*+html .formular fieldset.indent label.radio {
margin-right: 10px;
}

.formular fieldset.indent label.radio input {
margin-left: -2px;
vertical-align: -3px;
}

* html .formular fieldset.indent label.radio input {
position: relative;
top: 2px;
voice-family: "\"}\""; 
voice-family:inherit;
position: static;
vertical-align: -4px;
}

#content .formular fieldset.indent .input-tag,
#content .formular fieldset.indent .input-monat,
#content .formular fieldset.indent .input-jahr {
float: left;
margin-right: 5px;
width: 50px;
}

.formular .block-textarea {
display: block;
}

.formular textarea {
height: 100px;
width: 320px;
}

* html .formular textarea {
width: 300px;
voice-family: "\"}\""; 
voice-family:inherit;
width: 318px;
}

*+html .formular textarea {
width: 318px;
}

#wrapper #content .formular .tag {
float: left;
display: block;
width: 50px;
margin: 0 6px 0 0;
}

#wrapper #content .formular .monat {
margin: 0 6px 0 0;
width: 50px;
}

#wrapper #content .formular .jahr {
margin: 0 6px 0 0;
width: 71px;
}

#content .formular .blauer-balken {
height: 32px;
background: url(../images/checkout_balken_blau_bg.gif) no-repeat;
margin-top: 20px;
margin-bottom: 0;
}

#content .formular .blauer-balken .right {
margin-top: 5px;
margin-right: 5px;
float: right;
}

#content .formular .blauer-balken .left {
margin-top: 5px;
margin-left: 5px;
float: left;
}

#content .formular .blauer-balken p {
padding-top: 10px;
font-weight: bold;
text-align: center;
color: #497bb8;
}

.formular h2 {
position: relative;
}

#content .formular h2.indent {
margin-left: 40px;
width: 548px;
}

#content .formular h2 label {
display: block;
padding-top: 4px;
padding-left: 5px;
font-size: 1em;
font-weight: bold;
}

.formular h2 .radio {
position: absolute;
right: 5px;
top: 5px;
}

* html .formular h2 .radio {
top: 3px;
}

*+html .formular h2 .radio {
top: 1px;
}

#content .formular .securitycode {
margin: 0 0 15px 84px;
}

/* Melden Sie sich an */
.melden-sie-sich-an .box-1-von-3,
.melden-sie-sich-an .box-2-von-3,
.melden-sie-sich-an .box-3-von-3 {
position: relative;
float: left;
width: 193px;
height: 226px;

background: url(../images/rundungen/bg_melden_sie_sich_an.gif);
}

.melden-sie-sich-an .box-1-von-3,
.melden-sie-sich-an .box-2-von-3 {
margin-right: 20px;
}

.melden-sie-sich-an .box-1-von-3 .inner,
.melden-sie-sich-an .box-2-von-3 .inner,
.melden-sie-sich-an .box-3-von-3 .inner {
padding: 15px;
}

#content .melden-sie-sich-an .pfeil {
background: url(../images/pfeil_nach_rechts_grau.gif) center right no-repeat;
padding-right: 10px;
}

.melden-sie-sich-an .box-1-von-3 .right,
.melden-sie-sich-an .box-2-von-3 .right,
.melden-sie-sich-an .box-3-von-3 .right {
position: absolute;
right: 15px;
bottom: 20px;
}

.melden-sie-sich-an .box-1-von-3 input.text {
position: relative;
width: 163px;
height: 20px;
padding-left: 2px;
margin-top: 2px;
margin-bottom: 10px;
voice-family: "\"}\""; 
voice-family:inherit;
width: 156px;
height: auto;
padding: 2px;
}

.melden-sie-sich-an .box-1-von-3 .pfeil {
font-size: 1.1em;
}

/* Drei Vorteile */
#content .drei-vorteile {
margin-top: 20px;
}

#content .drei-vorteile .box-1-von-3,
#content .drei-vorteile .box-2-von-3,
#content .drei-vorteile .box-3-von-3 {
display: inline;
float: left;
}

#content .drei-vorteile .box-1-von-3 strong.gruen,
#content .drei-vorteile .box-2-von-3 strong.gruen,
#content .drei-vorteile .box-3-von-3 strong.gruen {
color: #96a62c;
}

#content .drei-vorteile .kostenfreie-retoure {
width: 185px;
}

#content .drei-vorteile .kostenfreie-retoure .inner {
margin-left: 15px;
}

#content .drei-vorteile .bequeme-zahlung .inner,
#content .drei-vorteile .gepruefte-sicherheit .inner {
margin-left: 30px;
}

#content .drei-vorteile .kostenfreie-retoure .inner,
#content .drei-vorteile .bequeme-zahlung .inner {
padding-left: 35px;
background: url(../images/icon_check.gif) left 2px no-repeat;
}


#content .drei-vorteile .bequeme-zahlung {
width: 195px;
}

#content .drei-vorteile .gepruefte-sicherheit {
width: 220px;
}

#content .drei-vorteile .gepruefte-sicherheit input {
display: inline;
float: left;
margin-right: 10px;
}

/* .adressliste */
.adressliste {
margin-bottom: 15px;
}

.adressliste h3 {
position: relative;
background: #eee;
padding: 5px;
width: 578px;
}

.adressliste h3 span.right {
position: absolute;
right: 5px;
}

.adressliste h3 span.right a,
.adressliste h3 em {
color: #A20404;
}

/* ### Context-Vorlagen ### */
/* Warenkorb */
#warenkorb {
width: 140px;
margin: 0 0 18px 20px;
padding-bottom: 5px;
background: url(../images/rundungen/bg_unten_rosa_rahmen.gif) no-repeat 0 bottom #FFF;
}

#warenkorb .oben {
display: block;
width: 100%;
padding: 2px 0 2px 0;
background: url(../images/rundungen/bg_oben_pink.gif) no-repeat 0 top #B63377;
}

#warenkorb .oben strong {
float: left;
margin-left: 5px;
font-size: 1.3em;
color: #FFF;
}

.adminlogin .hinweis,
#wunschzettel .hinweis,
#warenkorb .hinweis {
display: block;
width: 130px;
margin: 2px 0 0 5px;
}

#warenkorb .oben img {
float: left;
margin: 4px 0 0 0;
}

#warenkorb .mitte {
overflow: hidden;
padding-bottom: 14px;
border-left: 1px solid #D6AAC9;
border-right: 1px solid #D6AAC9;
}

#warenkorb .mitte .produktbild-wrapper {
display: block;
float: left;
width: 46px;
height: 46px;
margin: 9px 0 0 5px;
overflow: hidden;
}

#warenkorb .mitte a {
width: 85px;
float: left;
margin: 7px 0 0 0;
color: #333;
text-decoration: none;
font-size: 1.1em;
}

#warenkorb a:hover {
text-decoration: underline;
}

#warenkorb .mitte a strong {
margin-left: 4px;
}

#warenkorb .unten {
display: block;
min-width: 138px;
padding: 6px 0 4px 0;
border-left: 1px solid #D6AAC9;
border-right: 1px solid #D6AAC9;
background: #F0D6E4;
}

#warenkorb .unten strong {
display: block;
margin: 0 0 7px 9px;
font-size: 1.1em;
}

#warenkorb .unten .warenkorb-button {
margin: 0 1px 0 9px;
}

/* Wunschzettel */
#wunschzettel {
width: 140px;
margin: 0 0 18px 20px;
padding-bottom: 5px;
background: url(../images/rundungen/bg_unten_gruen_rahmen.gif) no-repeat 0 bottom #FFF;
}

#wunschzettel .oben {
display: block;
width: 100%;
padding: 2px 0 2px 0;
background: url(../images/rundungen/bg_oben_gruen.gif) no-repeat 0 top #96A62C;
}

#wunschzettel .oben strong {
float: left;
margin-left: 5px;
font-size: 1.3em;
color: #FFF;
}

#wunschzettel .oben img {
float: left;
margin: 1px 0 2px 8px;
}

#wunschzettel .mitte {
overflow: hidden;
padding-bottom: 14px;
border-left: 1px solid #D8DFCE;
border-right: 1px solid #D8DFCE;
}

#wunschzettel .mitte .produktbild-wrapper {
display: block;
float: left;
width: 46px;
height: 46px;
margin: 9px 0 0 5px;
overflow: hidden;
}

#wunschzettel .mitte a {
width: 85px;
float: left;
margin: 7px 0 0 0;
color: #333;
text-decoration: none;
font-size: 1.1em;
}

#wunschzettel a:hover {
text-decoration: underline;
}

#wunschzettel .mitte a strong {
margin-left: 4px;
}

#wunschzettel .unten {
display: block;
min-width: 138px;
padding: 6px 0 4px 0;
border-left: 1px solid #D8DFCE;
border-right: 1px solid #D8DFCE;
}

#wunschzettel .unten strong {
display: block;
margin: 0 0 7px 9px;
font-size: 1.1em;
}

#wunschzettel .unten .warenkorb-button {
margin: 0 1px 0 9px;
}

/* adminlogin */
.adminlogin {
width: 140px;
margin: 0 0 18px 20px;
padding-bottom: 5px;
background: url(../images/rundungen/bg_unten_gruen_rahmen.gif) no-repeat 0 bottom #FFF;
}

.adminlogin .oben {
display: block;
width: 100%;
padding: 2px 0 2px 0;
background: url(../images/rundungen/bg_oben_blau.gif) no-repeat 0 top #497BB8;
}

.adminlogin .oben strong {
float: left;
margin-left: 5px;
font-size: 1.3em;
color: #FFF;
}

.adminlogin .oben img {
float: left;
margin: 1px 0 2px 8px;
}

.adminlogin .mitte {
overflow: hidden;
border-left: 1px solid #D8DFCE;
border-right: 1px solid #D8DFCE;
}

.adminlogin .mitte .produktbild-wrapper {
display: block;
float: left;
width: 46px;
height: 46px;
margin: 9px 0 0 5px;
overflow: hidden;
}

.adminlogin .mitte a {
width: 85px;
float: left;
margin: 7px 0 0 0;
color: #333;
text-decoration: none;
font-size: 1.1em;
}

.adminlogin a:hover {
text-decoration: underline;
}

.adminlogin .mitte a strong {
margin-left: 4px;
}

.adminlogin .unten {
display: block;
min-width: 138px;
padding: 6px 0 4px 0;
border-left: 1px solid #D8DFCE;
border-right: 1px solid #D8DFCE;
}

.adminlogin .mitte small,
.adminlogin .unten strong {
display: block;
margin: 5px 0 7px 9px;
font-size: 1.1em;
font-weight: bold;
}

.adminlogin .unten .warenkorb-button {
margin: 0 1px 0 9px;
}

.adminlogin .unten a {
margin-left: 18px;
}


/* Einleitungsteaser */
.einleitungsteaser {
margin: 0 0 13px 20px;
padding-bottom: 9px;
border-bottom: 1px solid #BEC7D9;
}

.einleitungsteaser * {
font-size: 1.1em;
line-height: 1.3em;
color: #333;
}

.einleitungsteaser .headline {
margin: 0 0 2px 6px;
}

.einleitungsteaser .icon {
float: left;
margin: 1px 0 0 5px;
}

#context .einleitungsteaser a {
float: left;
display: block;
width: 90px;
margin-left: 3px;
text-decoration: none;
}

#context .einleitungsteaser p {
display: block;
margin: 0 0 2px 8px;
}

#context .einleitungsteaser a:hover {
text-decoration: underline;
}

.einleitungsteaser a img {
margin-left: 3px;
}

.einleitungsteaser fieldset legend {
display: block;
width: 50px;
font-size: 0.9em;
}

#context .einleitungsteaser form {
margin-bottom: 0;
}

.einleitungsteaser input {
float: left;
width: 105px;
margin: 0 0 2px 8px;
}

.einleitungsteaser input.absenden {
float: left;
width: 12px;
margin-top: 4px;
}


/* ### Ende Context Vorlagen ### */