﻿/* 
    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     weiß
    #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:120%; letter-spacing:0;}
           
               
/* 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;}

.link02 {text-decoration:none;}
.link02:link {color:#FFFFFF;}
.link02:visited {color:#FFFFFF;}
.link02:active {color:#FFFFFF;}
.link02:hover {color:#FF4D00;}

.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;}

.linkTopNaviWg {color:#FFFFFF;}
.linkTopNaviWg:hover {color:#FFFFFF; background-color:#FF4D00;}

.button {background:#FF0373 url(/grafik/backgrounds/bg_button.gif) left center repeat-x; border:1px solid #d5bd98; border-right-color:#935e0d; border-bottom-color:#935e0d; font-weight:bold; color:#1C1C1C;}
.button:active {border:1px solid #935e0d; border-right-color:#d5bd98; border-bottom-color:#d5bd98;}

/* Klassen - Listen */
ul.eigenschaften {display:block; margin:0px; list-style-type:square; line-height:120%; padding-left:17px;}

ol.aufzaehlung {margin:0px 0px 5px 0px; list-style-type:decimal; line-height:120%; padding-left:25px;}

ul.aufzaehlung {list-style-type:disc; line-height:120%; padding-left:15px;}
             
/* Fuehrungstexte der Produktbewertung */
.produktbewertung_label {color:#000000; font-weight:bold; font-style:normal; font-size:0.8em;}

/* Klassen - Hintergründe */
.nav_inaktiv {background-color:Transparent;}
            
.nav_aktiv {background-color:#E5E5E5;}
         
      
/* 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;
}

#seitenzahl {font-size:0.8em; font-weight:bold; color:#000000; background-color:#FFFFFF; border:solid 1px #BBBBBB; padding:5px; margin:10px 5px; text-align:center;}

/* Styleklassen fuer die Gruppennavigation mit Bildern */
#gruppennavi div {display:inline; float:left; font-size:0.8em;}
#gruppennavi a {display:block; border:solid 1px #DDDDDD; color:#000000; background-color:#FFFFFF; margin:7px; text-align:center; width:134px; overflow:hidden; background-image:url('/grafik/backgrounds/gruppe_u_01.gif'); background-position:bottom center; background-repeat:repeat-x; white-space:nowrap; text-decoration:none;}
#gruppennavi a:hover {border:solid 1px #CC2200; color:#FFFFFF; background-color:#FFFFFF; background-image:url('/grafik/backgrounds/gruppe_u_02.gif');}

/* 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;}

/* 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;}

/* 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; color:#333333;}
#divNaviRedOben a:hover {color:#CC3300;}

/* #divNaviRedOben {width:100%; height:14px; text-align:right; font-size:0.7em;} */

#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.gif') 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;}

#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;}

#brotkrumenpfad {width:600px; height:15px; font-size:0.7em; text-align:right; padding-top:10px; background-color:#FFFFFF;}

#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;}

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-top:8px;}
#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;}
#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;}

#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;}
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-888888.gif) no-repeat left; font-weight:normal; color:#CC3300; 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;}

.leftnavi2_4 {display:block; background-color:#DDDDDD; border-left:solid 7px #E42F0E; margin-top:1px; padding-left:5px; font-size:0.8em; font-weight:bold; color:#000000; text-decoration:none; overflow:hidden; white-space:nowrap;}
.leftnavi2_4:hover {color:#CC3300; background-color:#CCCCCC; border-left:solid 7px #d0290b;}

.leftnavi2_5 {display:block; background-color:#DDDDDD; border-left:solid 7px #FD9C10; margin-top:1px; padding-left:5px; font-size:0.8em; font-weight:bold; color:#000000; text-decoration:none; overflow:hidden; white-space:nowrap;}
.leftnavi2_5:hover {color:#CC3300; background-color:#CCCCCC; border-left:solid 7px #f0940f;}

#produktbild {position:relative; float:right; width:240px; height:260px; border:solid 1px #DDDDDD; background-color:#FFFFFF; color:#000000;}
#produktbild_bild{width:100%; height:240px; 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{float:right; height:20px; font-size:0.8em;}

#gruppentext {width:580px; background-color:#FFFFFF; margin-top:50px; margin-left:7px; margin-right:7px; border:double 3px #BBBBBB;}
#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;}

.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;}

/* 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-color:Transparent;}
#termine a:hover {color:#CC3300; background-color:Transparent;}

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.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;}
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_foto {float:left; width:70px; height:70px; text-align:center; padding-top:5px;}
div.cross_artikel {float:left; font-size:0.8em;}
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; top:3px; width:70px; font-size:0.7em; text-align:center;}
div.cross_bstnr {position:absolute; left:70px; top:3px; font-size:0.7em;}
div.cross_preis {position:absolute; right:2px; bottom:2px; font-size:0.9em;}

#haftungsausschluss{color:#555555; font-size:0.7em; padding: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 #CC3300;}

#footer {clear:both;}

/* Styles fuer die Lytebox */
#lbOverlay {position:fixed; top:0; left:0; z-index:99998; width:100%; height:500px;}
#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;}
	
