/* CSS Shop */

body#shop #content-main h1 {
background: #ffffff url(../de_img/shop/ue_shop.gif) 0 0 no-repeat;
width:230px;
height:60px;
/*left: 175px;
margin: 10px 0 30px 0;*/
left: 18px;
margin: 0 0 10px 0;
}

body#shop #content-main a {
border:none;
}
body#shop #content-main a.rotfett {
color:#ed008c;
font-weight:bold;
border-bottom:1px dotted #333333;
}
body#shop #content-main a.rotfett:hover,
body#shop #content-main p.bestellt a:hover,
body#shop #content-main p.check a:hover {
border-bottom:1px solid #000000;
}
body#shop #content-main p.bestellt a,
body#shop #content-main p.check a {
border-bottom:1px dotted #333333;
}
body#shop.step5 #content-main h1 {
background: #ffffff url(../de_img/shop/ue_shopstep5.gif) 0 0 no-repeat;
}
body#shop #content-main p.bestellt {
margin:15px 0 0 18px;
}

/* Infoseiten (Geldzurück, Sicherheit, Zahlung) */
body#geldzurueck #content-main h1 {
background: #ffffff url(../de_img/shop/ue_geldzurueck.gif) 0 0 no-repeat;
width:300px;
height:56px;
left: 175px;
margin: 15px 0 45px 0;
}
body#zahlung #content-main h1 {
background: #ffffff url(../de_img/shop/ue_zahlung.gif) 0 0 no-repeat;
width:230px;
height:60px;
left: 175px;
margin: 10px 0 45px 0;
}
body#versand #content-main h1 {
background: #ffffff url(../de_img/shop/ue_versand.gif) 0 0 no-repeat;
width:250px;
height:60px;
left: 180px;
margin: 25px 0 35px 0;
}

/* Spalte rechts */
#gutschein.infobox {
border-top: 2px dotted #9ddb4a;
background: transparent url(../de_img_layout/hg-infobox4.gif) 0 0 repeat-x;
padding-bottom: 25px;
}
#gutschein.infobox h2 {
font-weight:bold;
}
#gutschein.infobox input {
width: 140px;
margin: 0 0 0 5px;
vertical-align:middle;
border:1px solid #333333;
background-color:#f2f2f2;
}
#gutschein.infobox input.send {
width: 23px;
padding:0;
border:none;
}


/* Kategorie-/Produktauswahl, Warenkorb */

table.kat,
table.produkt,
table.warenkorb,
table.adr-zahl {
width: 100%;
}

/* Seite Produktauswahl */

div.shoptab {
margin:0 15px;
padding: 8px 12px;
border: 1px solid #cccccc;
clear:right;
font-size:0.95em;
}
body#shop #content-main div.shoptab p,
body#shop #content-main div.shoptab h3,
body#shop #content-main div.shoptab h4 {
padding:0;
}

body#shop #content-main div.shoptab h3 {
font-weight:normal;
font-size:1.3em;
}
body#shop #content-main div.shoptab h4#preis {
font-size: 1.65em;
margin-bottom: 5px;
}
body#shop #content-main div.shoptab ul {
list-style:none;
padding:0;
margin: 20px 0 8px 0;
font-size:0.95em;
}
body#shop #content-main div.shoptab ul li {
margin: 2px 0 0 0;
}
table.produkt td,
table.produkt th {
border:none;
padding: 3px 10px 3px 0;

}
table.farben td,
table.farben th {
border:none;
padding: 3px 0px 3px 1px;
}

table.produkt td.bild {
width: 130px;
}
table.produkt td.preis {
vertical-align: bottom;
text-align: right;
}
table.produkt td.preis h4 {
font-size: 1.4em;
color: #67B200;
}
table.produkt td.preis p.klein {
margin-bottom: 0;
}

td.farbe {
font-size:0.94em;
}
td.menge input {
width: 1.8em;
height: auto;
margin: 0 4px 0 1px;
text-align: center;
font-size: 0.9em;
}
td.menge label {
font-size: 0.85em;
}

/* PopUp Produktdetails */

body#popup-detail {
font-size: 0.85em;
margin: 0;
width: 630px;
}
body#popup-detail table.produkt td.bild {
width: 300px;
padding: 0;
}
#close {
padding: 10px 0 5px 0;
text-align: right;
}


/* Seite Warenkorb */

table.warenkorb {
border-top:2px dotted #cccccc;
}
th.preis,
table.warenkorb td.preis,
table.warenkorb td.zwischensumme,
table.warenkorb td.summe,
table.warenkorb td.mwst {
text-align: right;
padding: 4px 0 4px 5px;
}
table.warenkorb td.aendern {
text-align:left;
}
table.warenkorb td {
vertical-align: middle;
padding: 2px 5px 2px 0;
border:none;
}
table.warenkorb td.bild img {
height: 60px;
width: 60px;
}
table.warenkorb td.zwischensumme {
border-top: 2px dotted #BBBBBB;
}
table.warenkorb td.summe {
font-weight: bold;
border-top: 1px solid #BBBBBB;
padding-bottom: 10px;
}
table.warenkorb td.mwst {
border-top: 2px solid #BBBBBB;
}

/* Seiten Dateneingabe, Zahlungsarten */

td.eingabe {
width: 500px;
}

td.info {
padding: 10px;
background-color: #F0F0F0;
width:188px;
font-size: 0.95em;
}
td.info h2 {
margin-top: 0;
}

body#shop #content-main legend a {
border-bottom:1px dotted #333333;
}
body#shop #content-main legend a:hover {
border-bottom:1px solid #000000;
}
#daten fieldset {
margin-bottom: 15px;
border-top:2px dotted #cccccc;;
padding-top: 10px;
margin-top: 10px;
}

#daten fieldset label {
width: 7.5em;
float: left;
margin: 0 4px 0 0;
}
#daten fieldset p.options label,
#daten fieldset p.options input,
#daten fieldset p.check label,
#daten fieldset p.check input {
width: auto;
float: none;
}
#daten fieldset input,
#daten fieldset textarea {
width: 203px;
}
#daten fieldset textarea {
height: 7em;
width:350px;
}
#daten fieldset input.ort {
width: 135px;
}
#daten fieldset input.plz {
width: 60px;
margin-right: 5px;
}


/* Seite Übersicht */
table.adr-zahl td {
border:none;
padding:2px 0pt 2px 0;
}
table.adr-zahl .aendern,
.aendern {
padding: 15px 0 4px 0;
text-align: right;
}
td.subth,
table.adr-zahl td.subth {
font-weight: bold;
padding: 15px 0 4px 0;
width: 120px;
}
td.sub,
table.adr-zahl td.sub {
padding: 15px 0 4px 0;
}


/* Warenkorb-Navigation (Schritte 1 bis 5) */

#bestellschritte {
margin: 25px 15px 5px 15px;
/*padding: 5px;
background-color:#E7E3D9;*/
}

a.warenkorbnav1,
a.warenkorbnav2,
a.warenkorbnav3,
a.warenkorbnav4,
a.warenkorbnav5,
a.warenkorbnav1_a,
a.warenkorbnav2_a,
a.warenkorbnav3_a,
a.warenkorbnav4_a,
a.warenkorbnav5_a {
color:#babcbe;
text-decoration: none;
font-weight: bold;
font-size: 0.95em;
line-height:24px;
padding: 11px 0 0 16px;
margin-right: 15px;
}
a.warenkorbnav1:hover,
a.warenkorbnav2:hover,
a.warenkorbnav3:hover,
a.warenkorbnav4:hover,
a.warenkorbnav5:hover {
color:#999999;
}

a.warenkorbnav1 {
background: #ffffff url(../de_img_layout/hg_bestellstep1.gif) 3px 0 no-repeat;
}
a.warenkorbnav2 {
background: #ffffff url(../de_img_layout/hg_bestellstep2.gif) 3px 0 no-repeat;
}
a.warenkorbnav3 {
background: #ffffff url(../de_img_layout/hg_bestellstep3.gif) 3px 0 no-repeat;
}
a.warenkorbnav4 {
background: #ffffff url(../de_img_layout/hg_bestellstep4.gif) 3px 0 no-repeat;
}
a.warenkorbnav5 {
background: #ffffff url(../de_img_layout/hg_bestellstep5.gif) 2px 0 no-repeat;
}
a.warenkorbnav1_a {
background: #ffffff url(../de_img_layout/hg_bestellstep1_a.gif) 0 0 no-repeat;
color:#ed008c;
}
a.warenkorbnav2_a {
background: #ffffff url(../de_img_layout/hg_bestellstep2_a.gif) 0 0 no-repeat;
color:#ed008c;
}
a.warenkorbnav3_a {
background: #ffffff url(../de_img_layout/hg_bestellstep3_a.gif) 0 0 no-repeat;
color:#ed008c;
}
a.warenkorbnav4_a {
background: #ffffff url(../de_img_layout/hg_bestellstep4_a.gif) 0 0 no-repeat;
color:#ed008c;
}
a.warenkorbnav5_a {
background: #ffffff url(../de_img_layout/hg_bestellstep5_a.gif) 0 0 no-repeat;
color:#ed008c;
}



/* Links in den Warenkorb und Bestellung fortsetzten */

.shopnav {
margin:0;
overflow:hidden;
}
.shopnav li {
display:inline;
float:right;
margin: 1px 0 1px 2px;
}
.shopnav a {
color:#FFFFFF;
display:block;
font-size:0.95em;
}
.shopnav a:hover {
color:#f2f2f2;
}
.shopnav a.weiter {
background:#ee0d90 url(../de_img_layout/hg_inwarenkorb.gif) 0 0 no-repeat;
padding: 6px 20px 5px 7px;
width:123px;
font-weight:bold;
}
#bottom.shopnav a.weiter {
background:#ee0d90 url(../de_img_layout/hg_inwarenkorb-u.gif) bottom left no-repeat;
}
.shopnav a.abschicken {
background:#ee0d90 url(../de_img_layout/hg_bestellen.gif) 0 0 no-repeat;
padding: 6px 20px 5px 7px;
width:173px;
font-weight:bold;
}
#bottom.shopnav a.abschicken {
background:#ee0d90 url(../de_img_layout/hg_bestellen-u.gif) bottom left no-repeat;
}
.shopnav a.zurueck {
background:#c5c5c5 url(../de_img_layout/hg_warenkorbzurueck.gif) 0 0 no-repeat;
margin-top:6px;
padding: 3px 5px 2px 15px;
width:90px;
}
#bottom.shopnav a.zurueck {
background:#c5c5c5 url(../de_img_layout/hg_warenkorbzurueck-u.gif) bottom left no-repeat;
margin-top:0;
}
.shopnav a.kaufen {
background:#8dc73f url(../de_img_layout/hg_weiterkaufen.gif) 0 0 no-repeat;
margin-top:4px;
padding: 4px 5px 3px 15px;
width:120px;
}
#bottom.shopnav a.kaufen {
background:#8dc73f url(../de_img_layout/hg_weiterkaufen-u.gif) bottom left no-repeat;
margin-top:0;
}



/* ABG, SICHERE ZAHLUNG, SICHERER VERSAND, GELD-ZURÜCK, DATENSCHUTZ
**********************************************************************/

h1.agb {
background: transparent url(../img_layout/icon_quadrat_agb.gif) 0 0 no-repeat;
padding: 12px 0 3px 35px;
}
h1.sz {
background: transparent url(../img_layout/icon_quadrat_sichZahl.gif) 0 0 no-repeat;
padding: 12px 0 3px 35px;
}
h1.sv {
background: transparent url(../img_layout/icon_quadrat_sichVers.gif) 0 0 no-repeat;
padding: 12px 0 3px 35px;
}
h1.gz {
background: transparent url(../img_layout/icon_quadrat_geldzurueck.gif) 0 0 no-repeat;
padding: 12px 0 3px 35px;
}
h1.ds {
background: transparent url(../img_layout/icon_quadrat_datensch.gif) 0 0 no-repeat;
padding: 12px 0 3px 35px;
}

h1.hilfe {
background: transparent url(../img_layout/icon_quadrat_hilfe.gif) 0 0 no-repeat;
padding: 12px 0 3px 35px;
}

