Results of the CSS crunched for testshop.musikerkabel.de

Let's see what we've done for testshop.musikerkabel.de

CSSCruncher.com has crunched this CSS to
34.26 %Less Size! I cant't believe it!

BUT UHH OHH! We found some errors in your CSS code!

Crunched CSS code:

#Logo{position:absolute;top:0px;left:0px;width:13em;height:3.9em;background-color:#ffffff;clear:both;border-bottom:solid 1px #cbe6ff;z-index:100}
#Logo img{width:12.5em;height:3.5em;z-index:101}
#TopNav{position:absolute;top:0px;left:0px;width:99%;height:3.9em;background-color:#7DA7D9;*/
background-repeat:repeat-x;color:#ffffff;clear:both;margin-top:0px;border-top:0px}
#TopNav ul{padding-left:13em;margin:0px;margin-top:15px;margin-bottom:15px;z-index:2}
#TopNav li{display:inline;list-style-type:none;padding:20px;z-index:2}
#TopNav a{color:#ffffff;font-weight:bold;z-index:2}
#ShopNav{position:absolute;top:3.9em;left:0px;width:13em;height:100%;float:left;clear:both}
#ShopNav Div H1{text-align:center;border-bottom:thin solid #7DA7D9;font-weight:bold;font-size:smaller;height:35px;vertical-align:bottom;background-image:url(http://www.musikerkabel.de/wk_top_nav.jpg);background-repeat:no-repeat;background-position:top right}
#ShopMain{position:absolute;top:3.9em;left:0px;width:99%;margin:1ex;clear:both;float:right}
body{font-family:Verdana,Arial,Helvetica;color:#000000;padding:0px;margin:0px;border:0px;position:relative;top:0px;left:0px;font-size:100.01%}
a,p,ul,ol,dl{font-size:0.95em}
a{color:black}
img{border:0px}
a{text-decoration:none}
a:active{text-decoration:none}
a:focus{text-decoration:none}
a:hover{text-decoration:none}
a:link{text-decoration:none}
a:visited{text-decoration:none}
#footer{width:99%;background-image:url(http://www.musikerkabel.de/Logo_bottom_right.gif);background-repeat:repeat-x;background-attachment:scroll;height:40px;margin-top:2ex;clear:both;border-style:none}
#footer img{width:264px;height:40px}
*.suchergebnis{background-color:#7DA7D9;color:#ffbe00;font-weight:bold}
#shop_uebers{padding-left:13em;font-size:1em}
#hssn{width:99%;font-size:1em}
#hssn li{display:inline;list-style-type:none;padding-left:0px;padding-right:0px;padding-top:1ex;padding-bottom:1ex}
#pps{width:99%;font-size:1em}
#pps p{display:inline;float:left}
#pps form{display:inline;float:right}
#pps select{width:17em}
#pps input{}
#seitenzahlen_oben{padding-bottom:1ex;width:99%;font-size:1em;clear:both}
#seitenzahlen_oben ol{padding-left:0px;margin-left:0px;border-left:0px}
#seitenzahlen_oben li{display:inline;list-style-type:none}
#unterkataloge_text{font-weight:bold;font-size:1em}
#seitenzahlen_unten{padding-bottom:1ex;width:99%;font-size:1em;clear:both}
#seitenzahlen_unten ol{padding-left:0px;margin-left:0px;border-left:0px}
#seitenzahlen_unten li{display:inline;list-style-type:none}
div.shop_uebers_produktrahmen{clear:both;border:solid 1px silver;background-color:#ffffff;margin:1ex 1ex 1ex 0ex;padding:0px;font-size:80%}
div.shop_uebers_produktrahmen h1{border-style:solid;border-color:silver;border-width:1px 1px 2px;background-color:rgb(125,167,217);color:white;font-weight:bold;margin:1px;font-size:medium;height:2ex;text-align:left;padding:0.5ex}
div.shop_uebers_produktrahmen img{float:left;margin:2ex}
.produktabbildung{height:14ex;width:14ex}
div.shop_uebers_produktrahmen p{font-size:1em;padding:1ex;margin:0px}
div.shop_uebers_produktrahmen dl{font-size:smaller;border:1px solid #cbe6ff;margin:0px 0px 0px 1ex;padding:1ex;float:right;background-color:#f1f8ff}
div.shop_uebers_produktrahmen dt{}
div.shop_uebers_produktrahmen dd{margin-bottom:0.5ex;font-style:italic}
div.shop_uebers_produktrahmen div{clear:both}
p.footertext{font-style:italic;font-size:smaller;clear:left}
div.katalogebene0{border:solid 1px #ffffff;background-color:#7DA7D9;background-image:url(http://www.musikerkabel.de/katalog_.gif);background-repeat:no-repeat;background-attachment:scroll;background-position:0% 50%}
a.katalogebene0{color:#ffffff;padding-left:13px;font-size:smaller}
div.katalogebene0a{border:solid 1px #ffffff;background-color:#7DA7D9;background-image:url(http://www.musikerkabel.de/katalog_a.gif);background-repeat:no-repeat;background-attachment:scroll;background-position:0% 50%}
a.katalogebene0a{color:#ffffff;padding-left:13px;font-size:smaller;font-weight:bold}
div.katalogebene0u{border:solid 1px #ffffff;background-color:#7DA7D9;background-image:url(http://www.musikerkabel.de/katalog_u.gif);background-repeat:no-repeat;background-attachment:scroll;background-position:0% 50%}
div.katalogebene0au{border:solid 1px #ffffff;background-color:#7DA7D9;background-image:url(http://www.musikerkabel.de/katalog_au.gif);background-repeat:no-repeat;background-attachment:scroll;background-position:0% 50%}
div.katalogebene1{border:solid 1px #ffffff;background-color:#7DA7D9;background-image:url(http://www.musikerkabel.de/katalog_.gif);background-repeat:no-repeat;background-attachment:scroll;background-position:13px}
a.katalogebene1{vertical-align:middle;color:#ffffff;padding-left:26px;font-size:smaller}
div.katalogebene1a{border:solid 1px #ffffff;background-color:#7DA7D9;background-image:url(http://www.musikerkabel.de/katalog_a.gif);background-repeat:no-repeat;background-attachment:scroll;background-position:13px}
a.katalogebene1a{color:#ffffff;padding-left:26px;font-size:smaller;font-weight:bold}
div.katalogebene1u{border:solid 1px #ffffff;background-color:#7DA7D9;background-image:url(http://www.musikerkabel.de/katalog_u.gif);background-repeat:no-repeat;background-attachment:scroll;background-position:13px}
div.katalogebene1au{border:solid 1px #ffffff;background-color:#7DA7D9;background-image:url(http://www.musikerkabel.de/katalog_au.gif);background-repeat:no-repeat;background-attachment:scroll;background-position:13px}
div.katalogebene2{border:solid 1px #ffffff;background-color:#7DA7D9;background-image:url(http://www.musikerkabel.de/katalog_.gif);background-repeat:no-repeat;background-attachment:scroll;background-position:26px}
a.katalogebene2{color:#ffffff;padding-left:39px;font-size:smaller}
div.katalogebene2a{border:solid 1px #ffffff;background-color:#7DA7D9;background-image:url(http://www.musikerkabel.de/katalog_a.gif);background-repeat:no-repeat;background-attachment:scroll;background-position:26px}
a.katalogebene2a{color:#ffffff;padding-left:39px;font-size:smaller;font-weight:bold}
div.katalogebene2u{border:solid 1px #ffffff;background-color:#7DA7D9;background-image:url(http://www.musikerkabel.de/katalog_u.gif);background-repeat:no-repeat;background-attachment:scroll;background-position:26px}
div.katalogebene2au{border:solid 1px #ffffff;background-color:#7DA7D9;background-image:url(http://www.musikerkabel.de/katalog_au.gif);background-repeat:no-repeat;background-attachment:scroll;background-position:26px}
div.katalogebene3{border:solid 1px #ffffff;background-color:#7DA7D9;background-image:url(http://www.musikerkabel.de/katalog_.gif);background-repeat:no-repeat;background-attachment:scroll;background-position:39px}
a.katalogebene3{color:#ffffff;padding-left:52px;font-size:smaller}
div.katalogebene3a{border:solid 1px #ffffff;background-color:#7DA7D9;background-image:url(http://www.musikerkabel.de/katalog_a.gif);background-repeat:no-repeat;background-attachment:scroll;background-position:39px}
a.katalogebene3a{color:#ffffff;padding-left:52px;font-size:smaller;font-weight:bold}
div.katalogebene3u{border:solid 1px #ffffff;background-color:#7DA7D9;background-image:url(http://www.musikerkabel.de/katalog_u.gif);background-repeat:no-repeat;background-attachment:scroll;background-position:39px}
div.katalogebene3au{border:solid 1px #ffffff;background-color:#7DA7D9;background-image:url(http://www.musikerkabel.de/katalog_au.gif);background-repeat:no-repeat;background-attachment:scroll;background-position:39px}
div.katalogebene4{border:solid 1px #ffffff;background-color:#7DA7D9;background-image:url(http://www.musikerkabel.de/katalog_.gif);background-repeat:no-repeat;background-attachment:scroll;background-position:52px}
a.katalogebene4{color:#ffffff;padding-left:65px;font-size:smaller}
div.katalogebene4a{border:solid 1px #ffffff;background-color:#7DA7D9;background-image:url(http://www.musikerkabel.de/katalog_a.gif);background-repeat:no-repeat;background-attachment:scroll;background-position:52px}
a.katalogebene4a{color:#ffffff;padding-left:65px;font-size:smaller;font-weight:bold}
div.katalogebene4u{border:solid 1px #ffffff;background-color:#7DA7D9;background-image:url(http://www.musikerkabel.de/katalog_u.gif);background-repeat:no-repeat;background-attachment:scroll;background-position:52px}
div.katalogebene4au{border:solid 1px #ffffff;background-color:#7DA7D9;background-image:url(http://www.musikerkabel.de/katalog_au.gif);background-repeat:no-repeat;background-attachment:scroll;background-position:52px}
#detail_maincontainer{padding:3.9em 2ex 2ex 13em}
#detail_maincontainer h1{font-size:medium;margin-left:1ex}
#detail_katalog{padding:1ex}
#detail_katalog li{display:inline;list-style-type:none;padding-left:0ex;padding-right:0ex;padding-top:1ex;padding-bottom:1ex}
#detail_bilder{border:1px solid silver;margin:1ex;width:94ex;float:left;background-color:rgb(255,255,255);font-size:80%;padding:1px}
#detail_bilder h2{border-style:solid;border-color:silver;border-width:1px 1px 2px;background-color:rgb(125,167,217);color:rgb(255,255,255);font-weight:bold;margin:1px;font-size:12pt;height:3ex;text-align:center;vertical-align:middle;padding:0px;height:4ex}
#detail_bilder img{margin:1ex;width:75ex;height:75ex;float:left}
#detail_bilder dl{margin:0px;padding:0px}
#detail_bilder dl dt img{border:1px solid black;margin:1ex;width:15ex;height:15ex}
#detail_produktdaten{border:1px solid silver;margin:1ex 1ex 1ex 1ex;font-size:80%;width:46ex;float:left}
#detail_produktdaten td,th{padding:1ex;border-bottom:1px dotted silver;text-align:left}
#detail_preise{border:1px solid silver;margin:1ex 1ex 1ex 1ex;font-size:80%;float:left;white-space:nowrap;width:46ex}
#detail_preise th{border-style:solid;border-color:silver;border-width:1px 1px 2px;background-color:rgb(125,167,217);color:rgb(255,255,255);font-weight:bold}
#detail_preise td{padding:1ex;border-bottom:1px dotted silver}
#detail_beschreibung{border:1px solid silver;margin:1ex 1ex 1ex 1ex;font-size:80%;clear:both;float:left;width:94ex}
#detail_beschreibung h2{border-style:solid;border-color:silver;border-width:1px 1px 2px;background-color:rgb(125,167,217);color:white;font-weight:bold;margin:1px;font-size:12pt;height:4ex;text-align:center;vertical-align:middle;padding:0px}
#detail_beschreibung h2 a{color:white;font-size:smaller}
#detail_beschreibung p{padding:1ex;clear:both}
#detail_beschreibung ul{line-height:200%;list-style-type:none}
#detail_beschreibung ul li img{vertical-align:middle;width:7ex;height:1.3ex;margin-right:1ex}
#detail_php_to_pdf a{vertical-align:middle;text-decoration:none;font-style:italic;clear:both;height:4ex}
#detail_php_to_pdf a img{width:2ex;height:2ex;margin:1ex;vertical-align:middle}
#detail_warenkorb{border:1px solid silver;margin:1ex;font-size:80%;width:46ex;height:52ex;float:left}
#detail_warenkorb h2{border-style:solid;border-color:silver;border-width:1px 1px 2px;background-color:rgb(125,167,217);color:white;font-weight:bold;margin:1px;font-size:12pt;height:3ex;text-align:center;vertical-align:middle;padding:0px}
#detail_passende_produkte{border:1px solid silver;margin-top:2ex;margin-left:1ex;margin-right:1ex;margin-bottom:2ex;font-size:80%;clear:both;width:94ex;color:black}
#detail_passende_produkte table{width:100%}
#detail_passende_produkte table caption{width:100%}
#detail_varianten{border:1px solid silver;margin:1ex;width:94ex;font-size:80%;clear:both;color:black}
#detail_fragen{border:1px solid silver;margin:1ex;font-size:80%;clear:both;float:left;width:45ex}
#detail_fragen h2{border-style:solid;border-color:silver;border-width:1px 1px 2px;background-color:rgb(125,167,217);color:white;font-weight:bold;margin:1px;font-size:12pt;height:3ex;text-align:center;vertical-align:middle;padding:0px}
#detail_weiterempfehlen{border:1px solid silver;margin:1ex;font-size:80%;float:left;width:45ex}
#detail_weiterempfehlen h2{border-style:solid;border-color:silver;border-width:1px 1px 2px;background-color:rgb(125,167,217);color:white;font-weight:bold;margin:1px;font-size:12pt;height:3ex;text-align:center;vertical-align:middle;padding:0px}
#detail_maincontainer h2,caption{border-style:solid;border-color:silver;border-width:1px 1px 2px;background-color:rgb(125,167,217);color:rgb(255,255,255);font-weight:bold;margin:1px;font-size:normal;text-align:center;vertical-align:middle;padding:0px}
.sternchen{vertical-align:super;font-size:60%}
.i{font-style:italic}
.s{font-size:smaller}
.fr{float:right}
.fl{float:left}
#wk{padding:2ex;padding-top:6em;font-size:80%}
#wk_tabelle{border-style:solid;border-color:silver;border-width:1px;border-collapse:collapse}
#wk_tabelle caption{border-style:solid;border-color:silver;border-width:1px 1px 2px;background-color:rgb(125,167,217);color:white;font-weight:bold;margin:1px;font-size:12pt;height:3ex;text-align:center;vertical-align:middle;padding:0px}
#wk_tabelle th{background-color:white;font-weight:bold;color:black;font-size:80%;border:0px;margin-left:1ex;margin-right:1ex;text-align:left;padding-left:0.5ex;padding-right:0.5ex}
#wk_tabelle td{padding-left:0.5ex;padding-right:0.5ex;border-right:1px solid silver}
#wk_tabelle_gesamt{border-bottom:black double medium}
#wk a.imgpreview,#wk a.imgpreview:link,#wk a.imgpreview:visited,#wk a.imgpreview:active{position:relative;text-decoration:none;font-style:italic;color:#0000ff}
#wk a.imgpreview:hover{color:#0000ff;background:transparent}
#wk a.imgpreview span{display:none;text-decoration:none}
#wk a.imgpreview:hover span{display:block;position:absolute;top:20px;left:0;width:100px;z-index:100;color:#000000;border:1px solid #000000;background:#FFFFFF;font:12px Verdana,sans-serif;text-align:left}
#wk a.imgpreview span b{display:block;margin:0;padding:0;font-size:16px;font-weight:bold;color:yellow;background-color:gray;border:0px;border-bottom:1px solid black}
#fua{position:absolute;top:53px;padding:2ex;width:97%;font-size:80%}
#fua h1{font-size:1.5em;width:100%}
#fua ul{font-size:1em}
#fua dl{clear:both;border:solid 1px #cbe6ff;background-color:#ffffff;margin:0.5em;font-size:1em}
#fua dl dt{background-color:#e5f2ff;margin-top:0px;font-size:14pt;border-bottom:solid 1px #cbe6ff;padding-left:0.5em}
#fua dl dd{padding:0.5em;margin-left:0px}
#agb{position:absolute;top:53px;padding:2ex;width:97%;font-size:80%}
#agb h1{font-size:1.5em;width:100%}
#agb h2{font-size:1.2em;width:100%}
#kontakt{position:absolute;top:53px;padding:2ex;width:97%;font-size:80%}
#kontakt h1{font-size:1.5em;width:100%}
#emailliste{width:31em;text-align:right}
#kontakt dl{padding:0px;border:0px;margin:0px;font-size:1em}
#kontakt dd{float:left;padding:0px;border:0px;margin:0px;clear:both;display:inline}
#kontakt dt{padding:0px;border:0px;margin:0px;display:inline}
#kontakt input,select,textarea{width:30em}
#impressum{position:absolute;top:53px;padding:2ex;width:97%;font-size:80%}
#impressum h1{font-size:1.5em;width:100%}
#impressum li{list-style-type:none}
.tabelledetaillink:hover{background-color:#7DA7D9}
a.tooltip,a.tooltip:link,a.tooltip:visited,a.tooltip:active{position:relative;text-decoration:none;font-style:italic;color:#0000ff}
a.tooltip:hover{color:#0000ff;background:transparent}
a.tooltip span{display:none;text-decoration:none}
a.tooltip:hover span{display:block;position:absolute;top:20px;left:0;width:200px;z-index:100;color:#000000;border:1px solid #000000;background:#FFFFCC;font:12px Verdana,sans-serif;text-align:left}
a.tooltip span b{display:block;margin:0;padding:0;font-size:16px;font-weight:bold;color:yellow;background-color:gray;border:0px;border-bottom:1px solid black}
.tooltip2{position:absolute;display:none;background-color:#FFFFFF;border:1px solid black;margin:1ex}
a.tooltip2 span{display:none;text-decoration:none}
a.tooltip2 span b{display:block;margin:0;padding:0;font-size:16px;font-weight:bold;color:yellow;background-color:gray;border:0px;border-bottom:1px solid black}

» Show original CSS code

« Hide original CSS code

/* ------------------------------------------------------------------------------------------------ */
/* Globaler Aufbau der Seite, 4 Rahmen:                                                             */
/* - Logo                                                                                           */
/* - TopNav                                                                                         */
/* - ShopNav                                                                                        */
/* - ShopMain                                                                                       */

#Logo {
  position:absolute; /* soll fixed;, geht nicht beim IE */
  top:0px;
  left:0px;
  width:13em;
  height:3.9em; /*60px;*/
  background-color:#ffffff;
  clear:both;
  border-bottom: solid 1px #cbe6ff;
  z-index:100;
}

#Logo img {
  width:12.5em;
  height:3.5em;
  z-index:101;
}

#TopNav {
  position:absolute; /* soll fixed;, geht nicht beim IE */
  top:0px;
  left:0px;
  width:99%;
  height:3.9em; /*60px;*/
  background-color:#7DA7D9; /*#f1f8ff;*/
  /* background-image: url(http://www.musikerkabel.de/top_bg.jpg); /* neu */ */
  background-repeat:repeat-x; /* neu */
  color:#ffffff; /*#F7941D;*/ /* neu */
  clear:both;
  /* border-bottom: solid 1px #cbe6ff; */
  margin-top:0px;
  border-top:0px;
}

#TopNav ul {
  padding-left:13em;
  margin:0px;
  margin-top:15px;
  margin-bottom:15px;
  z-index:2;
}

#TopNav li {
  display:inline;
  list-style-type:none;
  padding:20px;
  z-index:2;
}
#TopNav a {
  color:#ffffff; /*#F7941D;*/
  font-weight:bold;
  z-index:2;
}

#ShopNav {
  position:absolute;
  top:3.9em; /*60px;*/
  left:0px;
  width:13em;
  height:100%;
  float:left;
  clear:both;
}

/* test */
#ShopNav Div H1 {
  text-align:center;
  border-bottom: thin solid #7DA7D9;
  font-weight:bold;
  font-size:smaller;
  height:35px;
  vertical-align:bottom;
  background-image: url(http://www.musikerkabel.de/wk_top_nav.jpg);
  background-repeat:no-repeat;
  background-position:top right;
}

#ShopMain {
  position:absolute;
  top:3.9em; /*60px;*/
  left:0px;
  width:99%;
  margin:1ex;
  clear:both;
  float:right;
}
  
/* ------------------------------------------------------------------------------------------------ */
/* Allgemein                                                                                        */

body {
  font-family:Verdana, Arial, Helvetica;
  color:#000000;
  padding:0px;
  margin:0px;
  border:0px;
  position:relative;
  top:0px;
  left:0px;
  font-size:100.01%
}

a, p, ul, ol, dl {
  font-size: 0.95em;
}

/* backup 2007-08-05 
a, h1, h2, h3, h4, h5, h6 {
  color:black;
}
*/

/* 2007-08-05 */
a {
  color:black;
}

img {
  border:0px;
}

a {
  text-decoration:none;
}

a:active {
  text-decoration:none;
}

a:focus {
  text-decoration:none;
}

a:hover {
  text-decoration:none;
}

a:link {
  text-decoration:none;
}

a:visited {
  text-decoration:none;
}

#footer {
  width:99%;
  background-image:url(http://www.musikerkabel.de/Logo_bottom_right.gif);
  background-repeat:repeat-x;
  background-attachment:scroll;
  height:40px;
  margin-top:2ex;
  clear:both;
  border-style:none;
}

#footer img {
  width:264px;
  height:40px;
}

/* ------------------------------------------------------------------------------------------------ */
/* Shop Uebersicht                                                                                  */

*.suchergebnis {
  background-color: #7DA7D9;
  color:#ffbe00;
  font-weight:bold;
}

#shop_uebers {
  padding-left:13em;
  font-size:1em;
}

#hssn {
  width:99%;
  font-size:1em;
}

#hssn li {
  display:inline;
  list-style-type:none;
  padding-left:0px;
  padding-right:0px;
  padding-top:1ex;
  padding-bottom:1ex;
}

#pps {
  width:99%;
  font-size:1em;
}

#pps p {
  display:inline;
  float:left;
}

#pps form {
  display:inline;
  float:right;
}

#pps select{
  /*float:right;*/
  width:17em;
}

#pps input {
  /*float:right;*/
}

#seitenzahlen_oben {
  padding-bottom:1ex;
  width:99%;
  font-size:1em;
  clear:both;
}

#seitenzahlen_oben ol {
  padding-left:0px;
  margin-left:0px;
  border-left:0px;
}

#seitenzahlen_oben li {
  display:inline;
  list-style-type:none;
}

#unterkataloge_text {
  font-weight:bold;
  font-size:1em;
}

#seitenzahlen_unten {
  padding-bottom:1ex;
  width:99%;
  font-size:1em;
  clear:both;
}

#seitenzahlen_unten ol {
  padding-left:0px;
  margin-left:0px;
  border-left:0px;
}

#seitenzahlen_unten li {
  display:inline;
  list-style-type:none;
}

div.shop_uebers_produktrahmen {
  clear:both;
  border: solid 1px silver;
  background-color:#ffffff;
  margin:1ex 1ex 1ex 0ex;
  padding:0px;
  font-size:80%;
}

div.shop_uebers_produktrahmen h1 {
        border-style:solid;
        border-color:silver;
        border-width:1px 1px 2px;
        background-color:rgb(125, 167, 217);
        color:white;
        font-weight:bold;
        margin:1px;
        font-size:medium; /* font-size:2ex; */
        height:2ex;
        text-align:left;
        /*vertical-align:middle;*/
        padding:0.5ex; 
}

div.shop_uebers_produktrahmen img {
  float:left;
  margin:2ex;
  /* height:100px; */
  /* width:100px; */
}

.produktabbildung {
  height:14ex; /*100px; */
  width:14ex; /*100px; */
}

div.shop_uebers_produktrahmen p {
  font-size:1em;
  padding:1ex;
  margin:0px;
}

div.shop_uebers_produktrahmen dl {
  font-size:smaller;
  border:1px solid #cbe6ff;
  margin:0px 0px 0px 1ex;
  padding:1ex;
  float:right;
  background-color:#f1f8ff;
}

div.shop_uebers_produktrahmen dt {
}

div.shop_uebers_produktrahmen dd {
  margin-bottom:0.5ex;
  font-style:italic;
}

div.shop_uebers_produktrahmen div {
  clear:both;
}

p.footertext {
  font-style:italic;
  font-size:smaller;
  clear:left; /* 2006-05-19 */
}

/* ------------------------------------------------------------------------------------------------ */
/* Shop Navigation                                                                                  */

div.katalogebene0 {
  border: solid 1px #ffffff;
  background-color: #7DA7D9;
  background-image: url(http://www.musikerkabel.de/katalog_.gif);
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: 0% 50%;
}

a.katalogebene0 {
  color: #ffffff;
  padding-left:13px;
  font-size:smaller;
}

div.katalogebene0a {
  border: solid 1px #ffffff;
  background-color: #7DA7D9;
  background-image: url(http://www.musikerkabel.de/katalog_a.gif);
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: 0% 50%;
}

a.katalogebene0a {
  color: #ffffff;
  padding-left:13px;
  font-size:smaller;
  font-weight:bold;
}

div.katalogebene0u {
  border: solid 1px #ffffff;
  background-color: #7DA7D9;
  background-image: url(http://www.musikerkabel.de/katalog_u.gif);
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: 0% 50%;
}

div.katalogebene0au {
  border: solid 1px #ffffff;
  background-color: #7DA7D9;
  background-image: url(http://www.musikerkabel.de/katalog_au.gif);
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: 0% 50%;
}

div.katalogebene1 {
  border: solid 1px #ffffff;
  background-color: #7DA7D9;
  background-image: url(http://www.musikerkabel.de/katalog_.gif);
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: 13px;
}

a.katalogebene1 {
  vertical-align: middle;
  color: #ffffff;
  padding-left: 26px;
  font-size:smaller;
}

div.katalogebene1a {
  border: solid 1px #ffffff;
  background-color: #7DA7D9;
  background-image: url(http://www.musikerkabel.de/katalog_a.gif);
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: 13px;
}

a.katalogebene1a {
  color: #ffffff;
  padding-left: 26px;
  font-size:smaller;
  font-weight:bold;
}

div.katalogebene1u {
  border: solid 1px #ffffff;
  background-color: #7DA7D9;
  background-image: url(http://www.musikerkabel.de/katalog_u.gif);
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: 13px;
}

div.katalogebene1au {
  border: solid 1px #ffffff;
  background-color: #7DA7D9;
  background-image: url(http://www.musikerkabel.de/katalog_au.gif);
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: 13px;
}

div.katalogebene2 {
  border: solid 1px #ffffff;
  background-color: #7DA7D9;
  background-image: url(http://www.musikerkabel.de/katalog_.gif);
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: 26px;
}

a.katalogebene2 {
  color: #ffffff;
  padding-left: 39px;
  font-size:smaller;
}

div.katalogebene2a {
  border: solid 1px #ffffff;
  background-color: #7DA7D9;
  background-image: url(http://www.musikerkabel.de/katalog_a.gif);
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: 26px;
}

a.katalogebene2a {
  color: #ffffff;
  padding-left: 39px;
  font-size:smaller;
  font-weight:bold;
}

div.katalogebene2u {
  border: solid 1px #ffffff;
  background-color: #7DA7D9;
  background-image: url(http://www.musikerkabel.de/katalog_u.gif);
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: 26px;
}

div.katalogebene2au {
  border: solid 1px #ffffff;
  background-color: #7DA7D9;
  background-image: url(http://www.musikerkabel.de/katalog_au.gif);
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: 26px;
}

div.katalogebene3 {
  border: solid 1px #ffffff;
  background-color: #7DA7D9;
  background-image: url(http://www.musikerkabel.de/katalog_.gif);
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: 39px;
}

a.katalogebene3 {
  color: #ffffff;
  padding-left: 52px;
  font-size:smaller;
}

div.katalogebene3a {
  border: solid 1px #ffffff;
  background-color: #7DA7D9;
  background-image: url(http://www.musikerkabel.de/katalog_a.gif);
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: 39px;
}

a.katalogebene3a {
  color: #ffffff;
  padding-left: 52px;
  font-size:smaller;
  font-weight:bold;
}

div.katalogebene3u {
  border: solid 1px #ffffff;
  background-color: #7DA7D9;
  background-image: url(http://www.musikerkabel.de/katalog_u.gif);
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: 39px;
}

div.katalogebene3au {
  border: solid 1px #ffffff;
  background-color: #7DA7D9;
  background-image: url(http://www.musikerkabel.de/katalog_au.gif);
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: 39px;
}

div.katalogebene4 {
  border: solid 1px #ffffff;
  background-color: #7DA7D9;
  background-image: url(http://www.musikerkabel.de/katalog_.gif);
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: 52px;
}

a.katalogebene4 {
  color: #ffffff;
  padding-left: 65px;
  font-size:smaller;
}

div.katalogebene4a {
  border: solid 1px #ffffff;
  background-color: #7DA7D9;
  background-image: url(http://www.musikerkabel.de/katalog_a.gif);
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: 52px;
}

a.katalogebene4a {
  color: #ffffff;
  padding-left: 65px;
  font-size:smaller;
  font-weight:bold;
}

div.katalogebene4u {
  border: solid 1px #ffffff;
  background-color: #7DA7D9;
  background-image: url(http://www.musikerkabel.de/katalog_u.gif);
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: 52px;
}

div.katalogebene4au {
  border: solid 1px #ffffff;
  background-color: #7DA7D9;
  background-image: url(http://www.musikerkabel.de/katalog_au.gif);
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: 52px;
}

/* ------------------------------------------------------------------------------------------------ */
/* Shop Detailseite                                                                                 */

#detail_maincontainer {
        /* padding:60px 2ex 2ex 220px; */
	padding:3.9em 2ex 2ex 13em; /* oben rechts unten links */
      }

#detail_maincontainer h1 {
        font-size:medium; /* font-size:100%; */
        margin-left:1ex;
      }
      
      #detail_katalog {
        padding:1ex;
      }
      
      #detail_katalog li {
        display:inline;
        list-style-type:none; 
        padding-left:0ex;
        padding-right:0ex;
        padding-top:1ex;
        padding-bottom:1ex;
      }

#detail_bilder {
        border: 1px solid silver;
        margin: 1ex;
        width: 94ex;
        float: left;
        background-color: rgb(255, 255, 255);
        font-size:80%;
        padding:1px;
      }
      
      #detail_bilder h2 {
        border-style:solid;
        border-color:silver;
        border-width:1px 1px 2px;
        background-color:rgb(125, 167, 217);
        color:rgb(255, 255, 255);
        font-weight:bold;
        margin:1px;
        font-size:12pt;
        height:3ex;
        text-align:center;
        vertical-align:middle;
        padding:0px;
        height:4ex;
      }

#detail_bilder img {
        /*border:1px solid black;*/
        margin:1ex; 
        width:75ex;
        height:75ex;
        float:left;
      }

#detail_bilder dl {
        margin:0px;
        padding:0px;
      }

#detail_bilder dl dt img {
        border:1px solid black;
        margin:1ex;
        width:15ex;
        height:15ex;
      }
      
      #detail_produktdaten {
        border:1px solid silver;
        margin:1ex 1ex 1ex 1ex;
        font-size:80%;
        width:46ex;
        float:left;
       }

#detail_produktdaten td, th {
        padding:1ex;
        border-bottom:1px dotted silver;
		text-align: left;
      }

#detail_preise {
        border:1px solid silver;
        margin:1ex 1ex 1ex 1ex;
        font-size:80%;
        float:left;
        white-space:nowrap;
        width:46ex;
      }

#detail_preise th {
        border-style:solid;
        border-color:silver;
        border-width:1px 1px 2px;
        background-color:rgb(125, 167, 217);
        color:rgb(255, 255, 255);
        font-weight:bold;
      }

#detail_preise td {
        padding:1ex;
        border-bottom:1px dotted silver;
      }

#detail_beschreibung {
        border:1px solid silver;
        margin:1ex 1ex 1ex 1ex;
        font-size:80%;
        clear:both;
        float:left;
        width:94ex;
      }

#detail_beschreibung h2 {
        border-style:solid;
        border-color:silver;
        border-width:1px 1px 2px;
        background-color:rgb(125, 167, 217);
        color:white;
        font-weight:bold;
        margin:1px;
        font-size:12pt;
        height:4ex;
        text-align:center;
        vertical-align:middle;
        padding:0px;
      }

#detail_beschreibung h2 a {
        color:white;
        font-size:smaller;
      }

#detail_beschreibung p {
        padding: 1ex;
        clear: both;
      }

#detail_beschreibung ul {
        line-height:200%;
        list-style-type:none;      
      }

#detail_beschreibung ul li img {
        vertical-align:middle;
        width:7ex;
        height:1.3ex;
        margin-right:1ex;
      }

#detail_php_to_pdf a {
        vertical-align:middle;
        text-decoration:none;
        font-style:italic;
        clear:both;
        height:4ex;
      }

#detail_php_to_pdf a img {
        width:2ex;
        height:2ex;
        margin:1ex;
        vertical-align:middle;      
      }

#detail_warenkorb {
        border:1px solid silver;
        margin:1ex;
        font-size:80%;
        width:46ex;
        height:52ex;
        float:left;
        /*clear:both;*/
      }

#detail_warenkorb h2 {
        border-style:solid;
        border-color:silver;
        border-width:1px 1px 2px;
        background-color:rgb(125, 167, 217);
        color:white;
        font-weight:bold;
        margin:1px;
        font-size:12pt;
        height:3ex;
        text-align:center;
        vertical-align:middle;
        padding:0px;
      }

#detail_passende_produkte {
        border:1px solid silver;
        margin-top:2ex;
        margin-left:1ex;
        margin-right:1ex;
        margin-bottom:2ex;
        font-size:80%;
        clear:both;
        width:94ex;
        color:black;
      }

#detail_passende_produkte table {
        width:100%;
      }

#detail_passende_produkte table caption {
        width:100%;
      }

#detail_varianten {
        border:1px solid silver;
        margin:1ex;
        width:94ex;
        font-size:80%;
        clear:both;
        color:black;
      }

#detail_fragen {
        border:1px solid silver;
        margin:1ex;
        font-size:80%;
        clear:both;
        float:left;
        width:45ex;
      }

#detail_fragen h2 {
        border-style:solid;
        border-color:silver;
        border-width:1px 1px 2px;
        background-color:rgb(125, 167, 217);
        color:white;
        font-weight:bold;
        margin:1px;
        font-size:12pt;
        height:3ex;
        text-align:center;
        vertical-align:middle;
        padding:0px;
      }

#detail_weiterempfehlen {
        border:1px solid silver;
        margin:1ex;
        font-size:80%;
        float:left;
        width:45ex;
      }

#detail_weiterempfehlen h2 {
        border-style:solid;
        border-color:silver;
        border-width:1px 1px 2px;
        background-color:rgb(125, 167, 217);
        color:white;
        font-weight:bold;
        margin:1px;
        font-size:12pt;
        height:3ex;
        text-align:center;
        vertical-align:middle;
        padding:0px;
      }

/*      #detail_maincontainer h2, th, caption { */
      #detail_maincontainer h2, caption {
        border-style: solid;
        border-color: silver;
        border-width: 1px 1px 2px;
        background-color: rgb(125, 167, 217);
        color: rgb(255, 255, 255);
        font-weight: bold;
        margin:1px;
        font-size:normal;
        /* height:3ex; */
        text-align:center;
        vertical-align:middle;
        padding:0px;
      }
    
      .sternchen {
        vertical-align:super;
        font-size:60%;
      }

.i {
        font-style: italic;
      }

.s {
        font-size: smaller;
      }

.fr {
        float:right;
      }
      
      .fl {
        float:left;
      }
/* ------------------------------------------------------------------------------------------------ */
/* Warenkorb                                                                                        */
/* backup 
#wk {
  font-size:80%;
}

#wk_tabelle {
  margin:80px 2ex 2ex 2ex;
  border:solid 1px #cbe6ff;
  border-collapse:collapse;
}

#wk_tabelle th {
  background-color:#e5f2ff;
  border-width: 0px 0px 1px 0px;
  border-style:solid;
  border-color:#cbe6ff;
  padding:0.5ex;
}
*/

#wk {
  padding:2ex;
  padding-top:6em;
  font-size:80%;
}

#wk_tabelle {
  border-style:solid;
  border-color:silver;
  border-width:1px;
  border-collapse:collapse;
}

#wk_tabelle caption {
  border-style:solid;
  border-color:silver;
  border-width:1px 1px 2px;
  background-color:rgb(125, 167, 217);
  color:white;
  font-weight:bold;
  margin:1px;
  font-size:12pt;
  height:3ex;
  text-align:center;
  vertical-align:middle;
  padding:0px;
}

#wk_tabelle th {
  background-color:white;
  font-weight:bold;
  color:black;
  font-size:80%;
  border:0px;
  margin-left:1ex;
  margin-right:1ex;
  text-align:left;
  padding-left:0.5ex;
  padding-right:0.5ex;
}

#wk_tabelle td {
  padding-left:0.5ex;
  padding-right:0.5ex;
  border-right:1px solid silver;
}

#wk_tabelle_gesamt {
  border-bottom:black double medium;
}

/* Tooltip, ImgPreview */
#wk a.imgpreview, #wk a.imgpreview:link, #wk a.imgpreview:visited, #wk a.imgpreview:active  {
  position: relative;
  text-decoration: none; 
  font-style: italic;
  color: #0000ff; 
  }
  
#wk a.imgpreview:hover {
  color: #0000ff; 
  background: transparent;
  }

#wk a.imgpreview span {
  display: none;  
  text-decoration: none; 
}

#wk a.imgpreview:hover span {
  display: block;
  position: absolute; 
  top: 20px; 
  left: 0; 
  width: 100px;
  z-index: 100;
  color: #000000; 
  border:1px solid #000000; 
  background: #FFFFFF;
  font: 12px Verdana, sans-serif; 
  text-align: left;
  }

#wk a.imgpreview span b {
  display: block;
  margin: 0;
  padding: 0;
  font-size: 16px;
  font-weight: bold;
  color: yellow;
  background-color: gray;
  border: 0px;
  border-bottom: 1px solid black;
}

/* ------------------------------------------------------------------------------------------------ */
/* Fragen und Antworten                                                                             */

#fua {
  position:absolute;
  top:53px;
  padding:2ex;
  width:97%;
  font-size:80%;
}

#fua h1 {
  font-size:1.5em;
  width:100%;
}

#fua ul {
  font-size:1em;
}

#fua dl {
  clear:both;
  border:solid 1px #cbe6ff;
  background-color:#ffffff;
  margin:0.5em;
  font-size:1em;
}

#fua dl dt {
  background-color:#e5f2ff;
  margin-top:0px;
  font-size:14pt;
  border-bottom:solid 1px #cbe6ff;
  padding-left:0.5em;
}

#fua dl dd {
  padding:0.5em;
  margin-left:0px;
}

/* ------------------------------------------------------------------------------------------------ */
/* AGB                                                                                              */

#agb {
  position:absolute;
  top:53px;
  padding:2ex;
  width:97%;
  font-size:80%;
}

#agb h1 {
  font-size:1.5em;
  width:100%;
}

#agb h2 {
  font-size:1.2em;
  width:100%;
}

/* ------------------------------------------------------------------------------------------------ */
/* Kontaktformular                                                                                  */

#kontakt {
  position:absolute;
  top:53px;
  padding:2ex;
  width:97%;
  font-size:80%;
}

#kontakt h1 {
  font-size:1.5em;
  width:100%
}

#emailliste {
  width:31em;
  text-align:right;
}

#kontakt dl {
  padding:0px;
  border:0px;
  margin:0px;
  font-size:1em;
}

#kontakt dd {
  float:left;
  padding:0px;
  border:0px;
  margin:0px;
  clear:both;
  display:inline;
}

#kontakt dt {
  padding:0px;
  border:0px;
  margin:0px;
  display:inline;
}

#kontakt input, select, textarea {
  width:30em;
}

/* ------------------------------------------------------------------------------------------------ */
/* Impressum                                                                                        */

#impressum {
  position:absolute;
  top:53px;
  padding:2ex;
  width:97%;
  font-size:80%;
}

#impressum h1 {
  font-size:1.5em;
  width:100%;
}

#impressum li {
  list-style-type:none;
}

.tabelledetaillink:hover {
  background-color:#7DA7D9
}

/* Relativer Tooltip */
a.tooltip, a.tooltip:link, a.tooltip:visited, a.tooltip:active  {
  position: relative;
  text-decoration: none; 
  font-style: italic;
  color: #0000ff; 
  }
  
a.tooltip:hover {
  color: #0000ff; 
  background: transparent;
  }

a.tooltip span {
  display: none;  
  text-decoration: none; 
}

a.tooltip:hover span {
  display: block;
  position: absolute; 
  top: 20px; 
  left: 0; 
  width: 200px;
  z-index: 100;
  color: #000000; 
  border:1px solid #000000; 
  background: #FFFFCC;
  font: 12px Verdana, sans-serif; 
  text-align: left;
  }
  
a.tooltip span b {
  display: block;
  margin: 0;
  padding: 0;
  font-size: 16px;
  font-weight: bold;
  color: yellow;
  background-color: gray;
  border: 0px;
  border-bottom: 1px solid black;
}

.tooltip2 {
  position: absolute;
  display: none;
  background-color: #FFFFFF;
  border:1px solid black;
  margin:1ex;
}

a.tooltip2 span {
  display: none;  
  text-decoration: none; 
}

a.tooltip2 span b {
  display: block;
  margin: 0;
  padding: 0;
  font-size: 16px;
  font-weight: bold;
  color: yellow;
  background-color: gray;
  border: 0px;
  border-bottom: 1px solid black;
}