/*
Cascading Stylesheets von Musik Produktiv

Farbwerte:
#B23A00     rotbraun
#FF4D00     orange (Ral 2004 / CI-Farbe)
#F37636     orange (vom MP Logo)
#FF0000     signalrot
#000080     marineblau
#00A0DD     marcblau
#C0C0C0     silber

Grauwerte:
#FFFFFF     weiss
#EEEEEE     grau (hell)
#DDDDDD     grau |
#CCCCCC     grau  |
#BBBBBB     grau   |
#AAAAAA     grau    |
#999999     grau     |
#666666     grau      |
#333333     grau (dunkel)
#000000     schwarz
*/

body {font-family:Arial, Tahoma, Verdana, Sans-Serif; color:#000000; background-color:#FFFFFF; margin:0px; padding:0px;}

h2 {width:100%; text-align:center; color:#202020; background-color:#DDDDDD; font-size:0.8em; font-weight:bold; line-height:150%; letter-spacing:0; border-top:solid 1px #BBBBBB; border-bottom:solid 1px #BBBBBB; margin:0px; padding:0 5px;}
h3, h4, h5, h6 {font-size:0.8em; line-height:120%; letter-spacing:0; margin:0px; text-align:left;}

ol {list-style-type:decimal; line-height:120%; margin:0px; padding-left:20px; padding-right:20px;}

strong {font-weight:normal;}

/* Um bei fehlenden oder fehlerhaften Eingaben das Feld rot zu markieren */
.inputNormal {border: solid 1px #7F9DB9;}
.inputFehler {border: solid 1px #FF0000;}

/* Klassen - Textformatierung */
.fliess12 {font-size:1.2em; line-height:120%; letter-spacing:0;}
.fliess11 {font-size:1.1em; line-height:120%; letter-spacing:0;}
.fliess10 {font-size:1.0em; line-height:120%; letter-spacing:0;}
.fliess09 {font-size:0.9em; line-height:120%; letter-spacing:0;}
.fliess08 {font-size:0.8em; line-height:120%; letter-spacing:0;}
.fliess07 {font-size:0.7em; line-height:115%; letter-spacing:0;}
.fliess06 {font-size:0.6em; line-height:110%; letter-spacing:0;}

.fliess10i {font-size:1.0em; line-height:120%; letter-spacing:0; color:#FFFFFF;}
.fliess09i {font-size:0.9em; line-height:120%; letter-spacing:0; color:#FFFFFF;}
.fliess08i {font-size:0.8em; line-height:120%; letter-spacing:0; color:#FFFFFF;}
.fliess07i {font-size:0.7em; line-height:115%; letter-spacing:0; color:#FFFFFF;}

/* Klassen - Tabellen und Zellen */
table.bilderrahmen {color:black; background-color:white; table-layout:fixed; overflow:hidden;}
table.bilderrahmen tfoot {color:#000000; background-color:#DDDDDD;}

/* Klassen - Links */
.link01 {text-decoration:none;}
.link01:link {color:#000000;}
.link01:visited {color:#000000;}
.link01:active {color:#000000;}
.link01:hover {color:#CC3300;}

.link01u {text-decoration:underline;}
.link01u:link {color:#000000;}
.link01u:visited {color:#000000;}
.link01u:active {color:#000000;}
.link01u:hover {color:#CC3300;}

.link02u {text-decoration:underline;}
.link02u:link {color:#FFFFFF;}
.link02u:visited {color:#FFFFFF;}
.link02u:active {color:#FFFFFF;}
.link02u:hover {color:#FF4D00;}

.link03u {text-decoration:underline;}
.link03u:link {color:#333399;}
.link03u:visited {color:#333399;}
.link03u:active {color:#333399;}
.link03u:hover {color:#FF4D00;}

.link04 {text-decoration:none; font-weight:bold;}
.link04:link {color:#333333;}
.link04:visited {color:#333333;}
.link04:active {color:#333333;}
.link04:hover {color:#CC3300;}

.linkTopNaviWg {color:#FFFFFF;}
.linkTopNaviWg:hover {color:#FFFFFF; background-color:#FF4D00;}

.button {background:url(/grafik/backgrounds/bg-button-yellow.gif) left center repeat-x; border:1px solid #d5bd98; border-right-color:#935e0d; border-bottom-color:#935e0d; font-weight:bold; color:#1C1C1C; text-decoration:none;}
.button:active {border:1px solid #935e0d; border-right-color:#d5bd98; border-bottom-color:#d5bd98;}
.backbutton {background:#818181 url(/grafik/backgrounds/bg-button-grey.gif) left center repeat-x; border:1px solid #b6b6b6; border-right-color:#505050; border-bottom-color:#505050; font-weight:normal; color:#1C1C1C; text-decoration:none; padding:1px 7px 1px 7px; }
.backbutton:active {border:1px solid #505050; border-right-color:#b6b6b6; border-bottom-color:#b6b6b6;}

/* Klassen - Listen */
ul.eigenschaften {display:block; margin:0px; list-style-image:url(/grafik/dots/haekchen_mini.gif); list-style-position:outside; line-height:130%; padding-left:16px;}
ul.eigenschaften li{margin-bottom:0px;}

ol.aufzaehlung {margin:0px 0px 5px 0px; list-style-type:decimal; line-height:120%; padding-left:25px;}

/* Fuehrungstexte der Produktbewertung */
.produktbewertung_label {color:#000000; font-weight:bold; font-style:normal; font-size:0.8em;}

/* Klassen - Hintergruende */
.nav_inaktiv {background-color:Transparent;}
.nav_aktiv {background-color:#E5E5E5;}

/* Zum Schutz gegen E-Mail Spam Robots, Abgefahren aber hilft */
.email {text-decoration:underline; color:#000000; background-color:Transparent;}
.email:hover {color:#CC3300; background-color:Transparent;}
.email>ins:before {content: "@"; text-decoration:none}
.email del {text-decoration:none}
.email>del {display:none}
*:first-child+html .email>del {display:inline} /* Woraraund fuer IE 7 */

/* Klassen fuer einheitliche Fehler- und Erfolgsmeldungen */
.msgFehler {text-align:left; margin-top:15px; margin-bottom:15px; border-style:solid; border-width:1px; border-color:#FF0000; padding-left:5px; padding-right:5px; padding-top:5px; padding-bottom:5px; color:#000000; background-color:#FFFFFF;}
.msgErfolg {text-align:left; margin-top:5px; border-style:solid; border-width:1px; border-color:#00BB00; padding-left:20px; padding-right:5px; padding-top:5px; padding-bottom:5px; color:#000000; background-color:#FFFFFF; background-image:url(/grafik/clips/haekchen15.gif); background-repeat:no-repeat; background-position:3px 3px;}

/* Pflichfelder */
div.eingabepflicht {color:#FF0000; background-color:Transparent;}

/* Styleklassen fuer den Step-by-Step Ablauf (Gutscheinbestellung) */
.step_aktiv {color:#000000; background-color:#FFFFFF; font-weight:bold;}
.step_inaktiv {color:#333333; background-color:#DDDDDD; font-weight:normal;}

/* Styleklassen fuer die Gruppennavigation mit Bildern alt */
/* #gruppennavi div {display:inline; float:left; font-size:0.8em;}
#gruppennavi a {display:block; border:solid 1px #DDDDDD; color:#333333; background-color:#DDDDDD; margin:7px; text-align:center; width:134px; height:170px; overflow:hidden; text-decoration:none;}
#gruppennavi a:hover {border:solid 1px #CC2200; color:#FFFFFF; background-color:#CC2200;}
#gruppennavi img {border-style:solid; border-color:#FFFFFF; margin:0px 0px 3px 0px;} */

/* Styleklassen fuer die Gruppennavigation mit Bildern neu */
#gruppennavi {margin-top:14px;}
#gruppennavi div {display:inline; float:left; font-size:0.8em;}
#gruppennavi a {display:block; color:#333333; background:url('/grafik/backgrounds/gruppennavi-back-01.gif') no-repeat left top; margin:7px; text-align:center; width:136px; height:172px; overflow:hidden; text-decoration:none;}
#gruppennavi a:hover {color:#993333; background:url('/grafik/backgrounds/gruppennavi-back-02.gif') no-repeat left top;}
#gruppennavi img {border:none;}
#gruppennavi span {padding:0px 5px 0px 5px; display:block;}

/* Styles fuer die TopSeller */
#topseller {margin:14px 7px 14px 7px;}
#topseller div.title{margin:0px 0px 14px 0px; font-size:0.8em; font-weight:bold; background-color:#dddddd; color:#333333; padding:3px 0px 3px 7px; border-left:solid 7px #FB5F1C;}
#topseller div.b{width:284px; height:134px; border:1px solid #DDDDDD; margin-bottom:14px; background-color:#DDDDDD; position:relative;}
#topseller div.bez{font-size:0.7em; color:#666666; position:absolute; right:7px; top:7px; width:127px;}
#topseller div.rate{font-size:0.7em; position:absolute; top:60px; left:148px;}
#topseller div.uvp{font-size:0.7em; color:#666666; position:absolute; right:7px; bottom:36px; text-decoration:line-through;}
#topseller div.price{font-size:16pt; font-weight:bold; color:#666666; position:absolute; right:7px; bottom:7px;}
#topseller img.prod{border-style:solid; border-color: #FFFFFF;}
#topseller img.star{border:0px; margin:0px 0px -2px 0px;}
#topseller a{color:#333333;}

/* Styles fuer die TOP 10 Liste */
#top10 div.top10_head{display:block; color:#333333; background-color:#eeeeee; cursor:pointer; padding:1px 3px 1px 3px; margin-top:5px;}
#top10 div.top10_head:hover{color:#151515; background-color:#dddddd;}
#top10 div.top10_body{text-align:center;}
#top10 a{display:block; color:#333333; font-size:0.8em; }
#top10 img{border:none; margin:5px 0px 5px 0px;}
#top10 .pos{font-size:0.8em; font-weight:bold; margin-right:3px;}
#top10 .marke{font-size:0.7em; font-weight:bold;}
#top10 .artbez{font-size:0.7em; margin-left:14px;}
#top10 .preis{font-size:16pt; font-weight:bold; color:#333333;}

/* Styleklassen fuer die Darstellung von Artikeln mit Bildgr s */
#artikel div {display:inline; float:left; font-size:0.8em;}
#artikel a {display:block; border:solid 1px #DDDDDD; color:#000000; background-color:#FFFFFF; margin:7px; width:134px; height:226px; overflow:hidden; text-decoration:none; position:relative;}
#artikel a:hover {border:solid 1px #BBBBBB;}
#artikel img {border-style:solid; border-color:#FFFFFF; margin:0px;}
#artikel span.artbez {padding: 7px; display:block;}
#artikel span.preis {color:Red; font-weight:bold; position:absolute; display:block; bottom:7px; right:7px;}

/* Styleklassen fuer das seitenweise Blaettern */
div.pagenav {display:inline; float:left; margin-right:7px; font-size:0.8em;}
a.navpage {display:block; border:solid 1px #DDDDDD; color:#000000; font-weight:normal; background-color:#FFFFFF; text-align:center; width:26px; height:26px; line-height:26px; text-decoration:none; vertical-align:middle;}
a.aktpage {display:block; border:solid 1px #DDDDDD; color:#CC3300; font-weight:bold; background-color:#FFFFFF; text-align:center; width:26px; height:26px; line-height:26px; text-decoration:none; vertical-align:middle;}
a.vzpage {display:block; border:solid 1px #DDDDDD; width:26px; height:26px;}
a.navpage:hover {border:solid 1px #CC3300; color:#000000; background-color:#DDDDDD;}
a.vzpage:hover {border:solid 1px #CC3300;}

span.sz {display:block; margin-top:17px; color:#333333; font-size:0.7em; height:26px; line-height:26px; vertical-align:middle; padding-left:5px; padding-right:5px;}
span.sz a {text-decoration:underline; color:#333333; background-color:Transparent;}
span.sz a:hover {color:#CC3300; background-color:Transparent;}

/* FactFinder Auto SUGGEST */
div.suggestLayer {clear:both; font-family:Arial, Tahoma, Verdana, Sans-Serif; position:absolute; width:1px;	height:1px;	display:none; padding:0px; margin-top:2px; z-index:1000; background-color:white;}
table.suggestLayer {width:130px; border:1px solid #BBBBBB; height:12px; background-color:white; color:#173553;}
tr.suggestLayer {height:12px;}
td.suggestArtikel {font-size:0.7em; font-weight:bold; padding:2px 15px 2px 10px; cursor:pointer;}
td.suggestTreffer {font-size:0.7em; padding:2px 5px 2px 15px; cursor:pointer;}
td.suggestLayer {font-size:0.7em; padding:0px; height:12px;}
th.suggestHeader {background-color:#BACAE8; color:#000000; font-size:0.7em;	font-weight:normal; padding:3px 3px 3px 5px; white-space:nowrap; text-align:left;}

/* Styleklassen fuer Slidebanner mit jquery.cycle */
.slidebanner01 {margin:16px 23px 16px 23px;}
.slidebanner01 img {padding:0px;}

/* Styleklassen fuer SimpleGallery mit jquery.cycle */
#simplegallery1 {position:relative; /*keep this intact*/ visibility: hidden; /*keep this intact*/}
#simplegallery1.gallerydesctext{text-align:left; padding: 2px 5px;}

/* Neue CSS Angaben, um die Tabellen rauszukicken */
#wrapper {position:relative; width:968px; margin:0 auto; text-align:center;}

#divNaviRedOben {position:absolute; top:5px; right:0px; font-size:0.7em;}
#divNaviRedOben a {text-decoration:underline;}
#divNaviRedOben a:link {color:#000000;}
#divNaviRedOben a:visited {color:#000000;}
#divNaviRedOben a:active {color:#000000;}
#divNaviRedOben a:hover {color:#CC3300;}

#header {height:82px; vertical-align:bottom; overflow:hidden;}
#header_logo {float:left; width:184px; height:82px; overflow:hidden;}
#header_slogan {float:left; width:300px; height:60px; margin-top:22px;}
#divSprachauswahlOben {float:right; margin-top:61px; text-align:right; font-size:0.7em;}
#divShopauswahl {float:right; margin-top:61px; text-align:right;}
#divChangeCountry {position:absolute; visibility:hidden; left:758px; top:80px; width:200px; border:solid 1px #CC3300; color:#000000; background-color:#FFFFFF; font-size:0.7em; text-align:left; padding:5px;}

#header_balken1 {width:100%; min-height:24px; background:#CC3300 url('/grafik/logos/mp_logo_bottom_silvester2.jpg') no-repeat left top; text-align:left; }

#header_balken2 {width:100%; min-height:22px; background-color:#DDDDDD; text-align:left; }
#header_home {width:182px; text-align:center; vertical-align:middle; font-size:0.8em; margin-top:3px; margin-bottom:3px; float:left; }
#header_marken {font-size:0.7em; float:left; vertical-align:middle; margin-top:4px;}
#header_marken a {text-decoration:underline;}
#header_marken a:link {color:#000000;}
#header_marken a:visited {color:#000000;}
#header_marken a:active {color:#000000;}
#header_marken a:hover {color:#CC3300;}

#main {width:100%;}
#main_two {float:left; width:784px; overflow:hidden;}
#main_left {float:left; width:178px; text-align:left; overflow:hidden; padding-top:16px;}
#main_center {float:right; width:600px; text-align:left; background:#EEEEEE url('/grafik/backgrounds/vertikal_eeeeee_ffffff.jpg') repeat-x bottom; overflow:hidden;}
#main_right {float:right; width:178px; text-align:left; overflow:hidden; padding-top:16px;}
#main_bestellablauf {float:right; width:778px; text-align:left; margin-top:40px;}


#breadcrumb {width:600px; height:15px; font-size:0.7em; text-align:right; padding-top:10px; background-color:#FFFFFF;}
#breadcrumb a {color:#333333;}
#breadcrumb a:hover {color:#CC3300;}

#topnavi {list-style:none; margin:0px 0px 0px 182px; padding:0px; font-size:0.8em; font-weight:bold; color:#FFFFFF;}
#topnavi li {float:left;}
#topnavi li.sep {padding:4px 2px 4px 2px;}
#topnavi a {display:block; color:#FFFFFF; padding:4px 0px 4px 0px;}
#topnavi a.topnavi_aktiv {background: url('/grafik/dots/arrow-top-navi.gif') no-repeat top center;}
#topnavi a:hover {background: url('/grafik/dots/arrow-top-navi.gif') no-repeat top center;}

#credits{width:100%; text-align:center; background-color:#EEEEEE; border-top:solid 1px #BBBBBB;}
#credits img{margin:10px 14px 6px 14px; border:none;}

.whitebox {background-color:#FFFFFF; color:#000000; border:solid 1px #BBBBBB; text-align:left;}

.clear_l {clear:left; width:0px; height:0px; margin-top:-15px;}
.clear_r {clear:right; width:0px; height:0px; margin-top:-15px;}
.clear_b {clear:both; width:0px; height:0px; margin-top:-15px;}

#redsite {margin:10px;}
#redsite div {background:#FFFFFF; font-size:0.8em; border:solid 1px #BBBBBB; padding:5px; margin-bottom:20px;}
#redsite h3, #redsite h4, #redsite h5 {display:block; font-size:inherit; font-weight:bold; color:#CC3300; background-color:Transparent;}

div.table { display:table; border-collapse:collapse; }
div.tr { display:table-row; }
div.td { display:table-cell; padding:5px; }

#teaser_container {position:relative; width:600px; margin:23px 0px 0px 0px;}
#teaser_container div.teaser {position:absolute; width:200px; height:150px;}
#teaser_container img.teaser {border:none; margin:2px;}
#teaser_container div.teaserpreis {font-family:Verdana, Tahoma, Arial, Sans-Serif; font-weight:900; font-size:1.3em; color:#FF4D00; background-color:Transparent; letter-spacing:-0.07em; text-align:center; position:absolute; width:80px; right:0px; top:90px;}
#teaser_container div.teaseruvp {font-family:Verdana, Tahoma, Arial, Sans-Serif; font-weight:500; font-size:0.6em; color:#333333; background-color:Transparent; letter-spacing:-0.07em; text-align:center; position:absolute;}
/* Preisformat bei Umrechnung in Fremdwaehrung */
#teaser_container div.teaserpreis_wk1 {font-family:Verdana, Tahoma, Arial, Sans-Serif; font-weight:900; font-size:1.1em; color:#FF4D00; background-color:Transparent; letter-spacing:-0.07em; text-align:center; position:absolute; width:80px; right:0px; top:85px;}
#teaser_container div.teaserpreis_wk2 {font-family:Verdana, Tahoma, Arial, Sans-Serif; font-weight:500; font-size:0.6em; color:#333333; background-color:Transparent; letter-spacing:-0.07em; text-align:center; position:absolute; width:80px; right:0px; top:105px;}
#teaser_container div.angebote {position:absolute; border:solid 1px #BBBBBB; text-align:center; overflow:hidden;}
#teaser_container div.angebote_head {width:100%; font-size:0.8em; background-color:#CCCCFF; text-align:left; padding:3px; overflow:hidden;}
#teaser_container div.angebote_zeile {width:98%; font-size:0.7em; overflow:hidden; text-align:left;}
#teaser_container div.angebote_uvp {width:50%; float:left; color:#666666;}
#teaser_container div.angebote_preis {width:50%; float:right; color:#FF4D00; margin-bottom:2px; font-weight:bold; text-align:right;}

#wg_container {width:600px; height:240px; margin:15px 0px 0px 0px; overflow:hidden;}
#wg_container img {border:none; margin:2px;}
#wg_container a {display:block; float:left; border:0;}
#wg_container a:hover img {visibility: hidden;}
#wg_container a:hover {border:0;}
* html #wg_container a {margin-right:0px;}
* html #wg_container a:hover {width:120px; margin-right:0;}

#id_bookmark_dienst {float:right; font-size:0.8em; font-weight:bold; color:#CC3300;}
#id_bookmarks {clear:right; margin-top:5px; text-align:left;}

fieldset.rahmen_l {display:block; border:solid 1px #BBBBBB; padding:5px; margin:0px;}
fieldset.rahmen_l legend {font-size:0.8em; font-weight:bold; background-color:#DDDDDD; border:solid 1px #BBBBBB; padding-left:2px; padding-right:2px;}

fieldset.rahmen_r {display:block; border:solid 1px #BBBBBB; padding:5px; margin:0px 0px 15px 0px;}
fieldset.rahmen_r legend {font-size:0.8em; font-weight:bold; background-color:#DDDDDD; border:solid 1px #BBBBBB; padding-left:2px; padding-right:2px;}

ul.rahmen_r {display:block; list-style:none; font-size:0.8em; margin-top:10px; margin-left:3px; padding:0px; font-weight:bold; line-height:120%;}
ul.rahmen_r li {display:block; background-image:url(/grafik/dots/dot02_FF3300.gif); background-position:left; background-repeat:no-repeat; margin:0px; padding-left:8px; }

#leftnavi {margin-top:18px;}
#leftnavi a {display:block; font-size:0.8em; color:#000000; text-decoration:none; overflow:hidden; white-space:nowrap;}
#leftnavi a.nav_wg {background:#DDDDDD url(/grafik/dots/arrow08r-999999-inv.gif) no-repeat left; font-weight:bold; margin-top:1px; padding-left:10px;}
#leftnavi a:hover.nav_wg {color:#CC3300; background:#CCCCCC url(/grafik/dots/arrow08r-888888-inv.gif) no-repeat left;}
#leftnavi a.navowg {background:#DDDDDD url(/grafik/dots/arrow08d-999999-inv.gif) no-repeat left; font-weight:bold; margin-top:1px; padding-left:10px;}
#leftnavi a:hover.navowg {color:#CC3300; background:#CCCCCC url(/grafik/dots/arrow08d-888888-inv.gif) no-repeat left;}
#leftnavi a.nav_ag {margin-left:7px; background:#EEEEEE url(/grafik/dots/arrow01r_888888.gif) no-repeat left; font-weight:normal; margin-top:1px; padding-left:10px;}
#leftnavi a:hover.nav_ag {color:#CC3300; background:#DDDDDD url(/grafik/dots/arrow01r_FF3300.gif) no-repeat left;}
#leftnavi a.navoag {margin-left:7px; background:#EEEEEE url(/grafik/dots/arrow01d_888888.gif) no-repeat left; font-weight:normal; margin-top:1px; padding-left:10px;}
#leftnavi a:hover.navoag {color:#CC3300; background:#DDDDDD url(/grafik/dots/arrow01d_FF3300.gif) no-repeat left;}
#leftnavi a.nav_ob {margin-left:14px; background:#EEEEEE url(/grafik/dots/rhombus01-888888.gif) no-repeat left; font-weight:normal; margin-top:1px; padding-left:10px;}
#leftnavi a:hover.nav_ob {color:#CC3300; background:#DDDDDD url(/grafik/dots/rhombus01-FF3300.gif) no-repeat left;}
#leftnavi a.navoob {margin-left:14px; background:#EEEEEE url(/grafik/dots/rhombus01-FF3300.gif) no-repeat left; font-weight:normal; color:#CC3300; background-color:#E5E5E5; margin-top:1px; padding-left:10px;}
#leftnavi a:hover.navoob {color:#CC3300; background:#DDDDDD url(/grafik/dots/rhombus01-FF3300.gif) no-repeat left;}


.leftnavi2_1 {display:block; background-color:#DDDDDD; border-left:solid 7px #888888; margin-top:1px; padding-left:5px; font-size:0.8em; font-weight:bold; color:#000000; text-decoration:none; overflow:hidden; white-space:nowrap;}
.leftnavi2_1:hover {color:#CC3300; background-color:#CCCCCC; border-left:solid 7px #777777;}

.leftnavi2_2{display:block; background-color:#DDDDDD; border-left:solid 7px #FB5F1C; margin-top:1px; padding-left:5px; font-size:0.8em; font-weight:bold; color:#000000; text-decoration:none; overflow:hidden; white-space:nowrap;}
.leftnavi2_2:hover {color:#CC3300; background-color:#CCCCCC; border-left:solid 7px #FF4D00;}

.leftnavi2_3 {margin-left:7px; background:#EEEEEE url(/grafik/dots/rhombus01_888888.gif) no-repeat left; font-weight:normal; color:#CC3300; margin-top:1px; padding-left:10px;}
.leftnavi2_3:hover {color:#CC3300; background:#DDDDDD url(/grafik/dots/rhombus01_FF3300.gif) no-repeat left;}


#produktbild {position:relative; float:right; width:240px; height:260px; border:solid 1px #DDDDDD; background-color:#FFFFFF; color:#000000; overflow:hidden; text-align:center;}
#produktbild_info{position:absolute; bottom:0px; height:20px; font-size:0.8em; margin-left:5px; background-color:#FFFFFF;}
#produktbild_zoom{position:absolute; bottom:0px; right:5px; width:200px; height:20px; font-size:0.8em; text-align:right;}

#divPlaintextTop {font-size:0.8em; margin:10px 5px;}

#seitenzahl {width:588px; font-size:0.8em; font-weight:bold; color:#000000; background-color:#FFFFFF; border:solid 1px #BBBBBB; margin:10px 5px; text-align:center; height:26px; line-height:26px; vertical-align:middle;}

#gruppentext {width:580px; background-color:#FFFFFF; margin-top:50px; margin-left:7px; margin-right:7px; border:double 3px #BBBBBB;}
#gruppentext h4 {display:inline; font-size:inherit; font-weight:bold;}
#gruppenhead {background-color:#D0D5E5; color:#000000; width:100%; height:18px;}
#gruppenhead img {float:left; border:none; margin-left:10px; margin-top:4px;}
#gruppenhead h3 {display:inline; float:left; margin-left:10px;}

#markenhitliste {width:580px; height:18px; background-color:#D0D5E5; margin-top:50px; margin-left:7px; margin-right:7px; border:solid 1px #BBBBBB;}
#markenhitliste img {float:left; border:none; margin-left:10px; margin-top:4px;}
#markenhitliste h4 {display:inline; float:left; margin-left:10px;}

/* Termine */
#termine {margin: 10px 5px 3px 5px; font-size:0.7em; letter-spacing:0; line-height:1.2em;}
#termine div {margin:6px 0px 0px 0px; padding:0px 1px 0px 1px; background-color:#EEEEEE; font-weight:bold; text-align:right;}
#termine a {display:block; padding:0px 1px 6px 1px; text-decoration:none; color:#000000; background:transparent;}
#termine a:hover {color:#CC3300; background-color:Transparent;}

#listfilter {width:588px; margin:5px; border:solid 1px #BBBBBB; font-size:0.8em; line-height:120%; letter-spacing:0; color:#000000; background-color:#FFFFFF;}
#listfilter .listfilter_th {padding: 2px 5px; background-color:#D4D7EB;}
#listfilter .listfilter_td {width:182px; float:left; padding:3px; overflow:hidden;}
#listfilter .listfilter_td a {text-decoration:underline; color:#000000;}
#listfilter .listfilter_td a:hover {color:#CC3300;}

.listitem {width:588px; height:98px; position:relative; border:solid 1px #BBBBBB; margin:10px 5px 0px 5px; overflow:hidden; background-color:#E5E5E5; color:#000000;}
.listitem_white {width:561px; height:70px; position:absolute; top:0px; left:29px; background-color:#FFFFFF;}
.listitem_pic {width:70px; height:70px; position:absolute; text-align:center; line-height:70px; top:0px; left:0px;}
.listitem_bez {width:410px; position:absolute; text-align:left; top:2px; left:71px; font-size:0.8em; line-height:120%; letter-spacing:0;}
.listitem_korb {width:70px; position:absolute; top:2px; right:5px; text-align:right;}
.listitem_poempel {width:310px; position:absolute; bottom:2px; left:71px;}
.listitem_ampel {width:180px; position:absolute; bottom:2px; right:5px; font-size:0.7em; text-align:right;}
.listitem_vgl {width:29px; height:28px; position:absolute; bottom:0px; left:0px; background-color:#D4D79C; text-align:center;}
.listitem_info {width:70px; height:28px; position:absolute; bottom:0px; left:29px; font-size:0.7em; line-height:28px; vertical-align:middle; text-align:center;}
.listitem_artnr {width:310px; height:28px; position:absolute; bottom:0px; left:100px; font-size:0.7em; line-height:28px; vertical-align:middle;}
.listitem_price {width:175px; height:24px; position:absolute; bottom:0px; right:5px; line-height:28px; vertical-align:middle; text-align:right;}
.listitem_sparen {position:absolute; right:150px; bottom:0px; line-height:28px; font-size:0.8em; font-weight:bold; vertical-align:middle; color:#CC0000; background-color:#FFCC33; padding-left:5px; padding-right:5px;}

div.detailkat {clear:both; margin-top:20px; background-color:#FFFFFF; border:solid 1px #BBBBBB; overflow:hidden;}
div.detailkat_head {margin:5px;}
div.detailkat_head img {border:none;}
div.detailkat_head h2, h3 {display:block; float:left; font-size:0.8em; font-weight:bold; margin-left:5px; margin-top:1px;}
div.detailkat_body {clear:both; font-size:0.8em; margin:5px 10px 10px 10px;}
div.detailkat h4 {display:block; font-size:inherit; font-weight:bold;}

div.detailkat_retoure_head{clear:both; margin-top:20px; background-color:#FFCC33; border-top:solid 1px #BBBBBB; border-left:solid 1px #BBBBBB; border-right:solid 1px #BBBBBB; overflow:hidden;}

div.detail_bild {float:left; width:120px; height:120px; border:solid 1px #BBBBBB; margin:20px;}

div.bewertung {position:relative; margin:10px; border:solid 1px #BBBBBB;}
div.bewertung_header {background-color:#D4D7EB; height:18px;}
div.bewertung_von {float:left; margin-left:5px; font-size:0.8em;}
div.bewertung_datum {float:right; margin-right:5px; font-size:0.8em;}
div.bewertung_body {clear:both; margin:5px; font-size:0.8em;}
div.bewertung_footer {clear:both; height:35px; border-top:solid 1px #BBBBBB; background-color:#EEEEEE;}
div.bewertung_stars {float:left; margin-left:5px; font-size:0.8em; font-weight:bold; width:130px; overflow:hidden;}

div.cross_kat {margin-top:20px; padding-left:5px; border:solid 1px #BBBBBB; background-color:#FFFFFF; font-size:0.8em; font-weight:bold;}
div.cross_wrapper {clear:both; border:solid 1px #BBBBBB; margin-top:10px; background-color:#FFFFFF; overflow:hidden;}
div.cross_wrapper_retoure {clear:both; border:solid 1px #BBBBBB; margin-top:0px; background-color:#FFFFFF; overflow:hidden;}
div.cross_foto {float:left; width:70px; height:70px; text-align:center; padding-top:5px;}
div.cross_artikel {float:left; font-size:0.8em; padding-top:5px;}
div.cross_poempel {position:absolute; left:70px; bottom:2px;}
div.cross_ampel {position:absolute; right:0px; bottom:0px; font-size:0.7em;}
div.cross_info {position:absolute; left:0px; bottom:0px; line-height:20px; width:70px; font-size:0.7em; text-align:center; vertical-align:middle;}
div.cross_bstnr {position:absolute; left:70px; bottom:0px; line-height:20px; font-size:0.7em; vertical-align:middle;}
div.cross_preis {position:absolute; right:2px; bottom:0px; line-height:20px; vertical-align:middle; padding-bottom:4px;}
div.cross_sparen {position:absolute; right:150px; bottom:0px; line-height:20px; font-size:0.8em; font-weight:bold; vertical-align:middle; color:#CC0000; background-color:#FFCC33; padding-left:5px; padding-right:5px;}

#haftungsausschluss{color:#555555; font-size:0.7em; margin:20px 0px 10px 0px; text-align:center;}

.best_aktiv {width:150px; height:44px; float:left; text-align:center; background-color:#DDDDDD; color:#FFFFFF; background-image:url(/grafik/dots/kreis40_CC3300.gif); background-repeat:no-repeat; background-position:center; border-top:solid 1px #BBBBBB; border-bottom:solid 1px #BBBBBB;}
.best_inaktiv{width:150px; height:44px; float:left; text-align:center; background-color:#DDDDDD; color:#333333; background-image:url(/grafik/dots/kreis40_BACAE8.gif); background-repeat:no-repeat; background-position:center; border-top:solid 1px #BBBBBB; border-bottom:solid 1px #BBBBBB;}
.best_nr {margin-top:9px; font-size:1.4em; font-weight:bold;}
.best_label {width:150px; float:left; text-align:center; font-size:0.7em;}
.best_h1 {font-size:1.2em; font-weight:bold;}
.best_h2 {margin-top:20px; color:#CC3300; font-size:0.9em; font-weight:bold; border-bottom:solid 1px #BBBBBB;}

#order_head{background-color:transparent; color:#666666; font-size:14pt; height:20px; line-height:20px; vertical-align:middle; margin-left:10px;}
#order_head div{background-color:#CC3300; color:#FFFFFF; width:20px; height:20px; float:left; text-align:center; margin-right:10px;}
#order_wrapper {margin:40px 10px; min-height:600px;}
.order_table{background-color:#EFEFEF; border:none; table-layout:fixed;}
.order_table th{background-color:#DDDDDD; padding:5px; color:#333333; font-size:0.8em; font-weight:bold; text-align:left;}
.order_hilfe{background-color:transparent; color:#666666; font-size:0.8em;}
.order_hilfe a{color:#666666;}

#redlinks {border:solid 1px #BBBBBB; width:580px;}
#redlinks h5 {text-align:center; background-color:#DDDDDD;}
#redlinks ul {display:block; list-style:none; width:180px; float:left; margin:0px; padding:5px; text-align:left;}
#redlinks li {font-size:0.8em; line-height:115%; margin:0px;}
#redlinks a {color:#333333;}
#redlinks a:hover {color:#CC3300;}

#footer {clear:both; padding:15px 0px 0px 0px;}

.zahlungsart {width:580px; border:solid 1px #BBBBBB; color:#000000; background-color:#FFFFFF; margin:10px;}
.zahlungsart div {margin:8px;}
.zahlungsart h5 {font-size:1.0em; color:#FF3300; background-color:transparent;}
.zahlungsart p {font-size:0.8em; margin-top:10px;}
.zahlungsart img {float:right; border-style:none; margin:0px 0px 5px 10px;}
.zahlungsart ul {margin:0px; font-size:0.8em;}

#footer_redlinks {width:600px; margin:0px 184px 0px 184px; padding:4px 0px 4px 0px; text-align:center; background-color:#EEEEEE; border-top:solid 1px #BBBBBB; font-size:0.7em; line-height:115%; letter-spacing:0;}
#footer_redlinks a {text-decoration:underline;}
#footer_redlinks a:link {color:#000000;}
#footer_redlinks a:visited {color:#000000;}
#footer_redlinks a:active {color:#000000;}
#footer_redlinks a:hover {color:#CC3300;}

#footerlinks {width:600px; margin:100px 184px 0px 184px;}
#footerlinks ul {display:block; list-style:none; width:110px; float:left; margin:0px; padding:5px; text-align:left;}
#footerlinks li {font-size:0.7em; line-height:115%; margin:0px;}
#footerlinks a {color:#333333;}
#footerlinks a:hover {color:#CC3300;}

/* ColorBox Core Style */
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:hidden;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/*  Example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand. */
#cboxOverlay{background:url(/grafik/colorbox/overlay.png) 0 0 repeat;}
#colorbox{}
#cboxTopLeft{width:21px; height:21px; background:url(/grafik/colorbox/controls.png) -100px 0 no-repeat;}
#cboxTopRight{width:21px; height:21px; background:url(/grafik/colorbox/controls.png) -129px 0 no-repeat;}
#cboxBottomLeft{width:21px; height:21px; background:url(/grafik/colorbox/controls.png) -100px -29px no-repeat;}
#cboxBottomRight{width:21px; height:21px; background:url(/grafik/colorbox/controls.png) -129px -29px no-repeat;}
#cboxMiddleLeft{width:21px; background:url(/grafik/colorbox/controls.png) left top repeat-y;}
#cboxMiddleRight{width:21px; background:url(/grafik/colorbox/controls.png) right top repeat-y;}
#cboxTopCenter{height:21px; background:url(/grafik/colorbox/border.png) 0 0 repeat-x;}
#cboxBottomCenter{height:21px; background:url(/grafik/colorbox/border.png) 0 -29px repeat-x;}
#cboxContent{background:#fff;}
#cboxLoadedContent{margin-bottom:28px;}
#cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
#cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
#cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
#cboxPrevious{position:absolute; bottom:0; left:0px; background:url(/grafik/colorbox/controls.png) -75px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
#cboxPrevious.hover{background-position:-75px -25px;}
#cboxNext{position:absolute; bottom:0; left:27px; background:url(/grafik/colorbox/controls.png) -50px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
#cboxNext.hover{background-position:-50px -25px;}
#cboxLoadingOverlay{background:url(/grafik/colorbox/loading_background.png) center center no-repeat;}
#cboxLoadingGraphic{background:url(/grafik/colorbox/loading.gif) center center no-repeat;}
#cboxClose{position:absolute; bottom:0; right:0; background:url(/grafik/colorbox/controls.png) -25px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
#cboxClose.hover{background-position:-25px -25px;}
/* ACHTUNG: weitere Style fuer den IE sind im File mpstyle01_ie.css */
/* Ende ColorBox Core Style */


/* Styles fuer die Lytebox */
/* #lbOverlay {position:fixed; top:0; left:0; z-index:99998; width:100%; height:500px;} */
#lbOverlay { position:fixed; top:0; left:0; z-index:99998; width:100%; height:500px; background-color:#000000;}
#lbOverlay.grey {background-color:#000000;}

#lbMain {position:absolute; left:0; width:100%; z-index:99999; text-align:center; line-height:0;}
#lbMain a img {border:none;}

#lbOuterContainer {position:relative; background-color:#fff; width:200px; height:200px; margin:0 auto;}
#lbOuterContainer.grey {border:3px solid #888888;}

#lbDetailsContainer {font:10px Verdana, Helvetica, sans-serif; background-color:#fff; width:100%; line-height:1.4em; overflow:auto; margin:0 auto;}
#lbDetailsContainer.grey {border:3px solid #888888; border-top:none;}

#lbImageContainer, #lbIframeContainer {padding:10px;}
#lbLoading {position:absolute; top:45%; left:0%; height:32px; width:100%; text-align:center; line-height:0; background:url(/grafik/lytebox/loading.gif) center no-repeat;}

#lbHoverNav {position:absolute; top:0; left:0; height:100%; width:100%; z-index:10;}
#lbImageContainer>#lbHoverNav {left:0;}
#lbHoverNav a {outline:none;}

#lbPrev {width:49%; height:100%; background:transparent url(/grafik/lytebox/blank.gif) no-repeat; display:block; left:0; float:left;}
#lbPrev.grey:hover, #lbPrev.grey:visited:hover {background:url(/grafik/lytebox/prev_grey.gif) left 15% no-repeat;}
	
#lbNext {width:49%; height:100%; background:transparent url(/grafik/lytebox/blank.gif) no-repeat; display:block; right:0; float:right; }
#lbNext.grey:hover, #lbNext.grey:visited:hover {background:url(/grafik/lytebox/next_grey.gif) right 15% no-repeat; }

#lbPrev2, #lbNext2 {text-decoration:none; font-weight:bold;}
#lbPrev2.grey, #lbNext2.grey, #lbSpacer.grey {color:#333333;}
	
#lbPrev2_Off, #lbNext2_Off {font-weight:bold;}
#lbPrev2_Off.grey, #lbNext2_Off.grey {color:#CCCCCC;}
	
#lbDetailsData {padding:0 10px;}
#lbDetailsData.grey {color:#333333;}

#lbDetails {width:60%; float:left; text-align:left;}
#lbCaption {display:block; font-weight:bold;}
#lbNumberDisplay, #lbNavDisplay {float:left; display:block; padding-bottom:1.0em;}

#lbClose, #lbPlay, #lbPause { width:64px; height:28px; float:right; margin-bottom:1px;}
#lbClose.grey {background: url(/grafik/lytebox/close_grey.png) no-repeat;}
#lbPlay.grey {background: url(/grafik/lytebox/play_grey.png) no-repeat;}
#lbPause.grey {background: url(/grafik/lytebox/pause_grey.png) no-repeat;}

div#tab-nav {color:#202020; background-color:#DDDDDD; padding:0px; margin:0px; border-top:solid 1px #BBBBBB; border-bottom:solid 1px #BBBBBB; text-align:center;}
div#tab-nav ul { list-style-type:none; display:inline; padding:0px; border:none; margin:0px; }
div#tab-nav ul li { display:inline; background-color:#DDDDDD; padding-left:3px; padding-right:3px; margin-left:4px;}
div#tab-nav ul li a { font-size:0.8em; color:#000000; white-space:nowrap;}
div#tab-nav ul li a.active { color:#000000; text-decoration:none; font-weight:bold;}
div#tab-nav ul li a.inactive { color:#202020; text-decoration:underline; font-weight:normal;}
div#tab-nav ul li a:hover { color:#CC3300; }
.tab-nav-hidden { display:none; }


/* Magic Zoom Plus Styles Start */
.MagicZoom img {border:0;padding:0;margin:0;}
/* Style of zoomed window */
.MagicZoomBigImageCont {border:1px solid #DDDDDD;}
/* Style of header, activated with "title" attribute in <a> tag */
.MagicZoomHeader {font-size: 8pt;line-height:normal;color:#fff;background:#666;text-align:center;}
/* Style of small square under mouse */
.MagicZoomPup {border: 1px solid #aaa;background: #fff;cursor: move;}
/* Style of message box while image is loading */
.MagicZoomLoading {border: 1px solid #ccc; background: #fff url(/grafik/magiczoom/loader.gif) no-repeat 2px 50%;padding: 4px 4px 4px 24px;margin:0;text-decoration:none;text-align:left;font-size:8pt;font-family:sans-serif;color:#444;}
/* Style of the small image link */
.MagicZoomPlus {cursor: url(/grafik/magiczoom/zoomin.cur), pointer;outline:0;}
/* Style of the small image */
.MagicZoomPlus img {border:0;padding:0;margin:0;}
/* Style of the span inside the small image link */
.MagicZoomPlus span {display:none;}
/* Style of hotspots */
.MagicHotspots {display:none;visibility:hidden;}
.MagicHotspots a {border: 1px solid #ccc;}
.MagicHotspots a:hover {border: 1px solid red;}
/* Style of the small image link */
.MagicThumb, .MagicThumb:hover {cursor:url(/grafik/magiczoom/zoomin.cur), pointer;outline:0;}
/* Style of the small image when the large image is expanded */ 
.MagicThumb-expanded-thumbnail {cursor: default;}
/* Style of the span inside the small image link */
.MagicThumb span {display: none !important;}
/* Style of the small image */
.MagicThumb img {border: 0;outline: 0;}
/* Style of the expanded image */
.MagicThumb-expanded {cursor: url(/grafik/magiczoom/zoomout.cur), pointer;background: transparent;border: 1px solid #ccc;outline: 0;padding: 0;}
/* Style of the caption for the expanded image */
.MagicThumb-caption {color: #333;font:normal 10pt Verdana, Helvetica;background: #ccc;text-align: left;padding: 8px;border: 0;outline: 0;}
/* Style of the close/next/previous buttons */
.MagicThumb-buttons {background: transparent url(/grafik/magiczoom/buttons1.png) no-repeat 0 0;height: 24px;display: block;}
.MagicThumb-buttons a {width:24px;height:24px;margin:0px 1px;overflow: hidden;}
/* Style of the loading message box */
.MagicThumb-loader {font: normal 12pt sans-serif;border:1px solid #000;background: #fff url(/grafik/magiczoom/loader.gif) no-repeat 2px 50%;padding:2px 2px 2px 22px;margin:0;text-decoration:none;text-align:left;}
/* Style of the small images which swap the main image */
.MagicThumb-swap {}
/* Style to hide caption on page. Only needed for #id method. */
.MagicThumb-external-caption {display: none;}
/* Magic Zoom Plus Styles Ende */