* {  margin:0;  padding:0;  }
html { height:100%;margin-top:0;}
body { background:#fff;margin-top:0; margin-left:0;
  font: 12px Verdana, Arial, Helvetica, sans-serif;
}
img {border:0;}
#outer { width:25cm;margin: 0 auto;}
#wrapper {
  border-right:2px #808080;
  border-left: 2px  #808080;
  background: #808080;
}
#header { display:none;}
.stripe {   /* auch footer*/
  clear:both;height:25px;color:#fff;padding-top:5px;}
.left { display:none; }
.middle { width:620px;float:left;}
.right {  display:none;}
.absatz { clear:both;}
#content { margin-top:0;width:100%;min-height:850px;}

/* alles allgemeine Formate */
h1 {
  font: 14px  Verdana, Arial, Helvetica, sans-serif;
  font-weight: bold;margin:0;
  padding-top:5px;padding-bottom:10px;
  padding-left: 0;
}
.right h1, .right a { padding:0 10px; }
h2 {  /* in stripe */
  font: 13px  Verdana, Arial, Helvetica, sans-serif;
  color: #000; font-weight: bold;padding-left:10px;
}
h3 { font: 12px  Verdana, Arial, Helvetica, sans-serif;
  font-weight: bold;padding:5px 0 10px 0;
}
p {font:12px  Verdana, Arial, Helvetica, sans-serif;
  color:#000;margin-bottom:5px; }
.klein { font:11px  Verdana, Arial, Helvetica, sans-serif; }
.sehrklein { font: 10px Verdana, Arial, Helvetica, sans-serif;}
.red { color:#990000; }
.leerzeile { clear:both; background:#fff;height:3px;}


/* Farbdefinionionen für die verschiedenen kategorien *
/* neutrales grau */
.grau { background: #808080; }
/* grau */
.dunkel0 { background:#484545; }
.mittel0 { background:#A0A0A0; }
.hell0 { background:#DCDCDC; }

/* grün - Rad */
.dunkel1 { background:#006400; }
.mittel1 { background:#349152; /* #009966; */
}
.hell1 { background:#CCFFCC;width:620px; }

/* blau - gewässer */
.dunkel2 { background:#003366; }
.mittel2 { background:#4682B4; }
.hell2 {  background:#B0C4DE; }

/* rot - info */
.dunkel3 { background: #840808; }
.mittel3 { background: #A14545; /* #CC0033;  */
}
.hell3 {   background: #FFCCCC; }

/* braun - buecher */
.dunkel7 { background:#552E0F; /*#743A10;*/   /*#8B4513;*/
}
.mittel7 { background:#A89070;/* #BBA07D;  #D2B48C; */
}
.hell7 {   background:#F5DEB3;
}

/* orange - souv */
.dunkel5 { background:#CC6600; }
.mittel5 { background: #EB9D29;/* #FF9900; */
}
.hell5 {   background: #FDD078; /*#FFCC66; */
}

/* musik  */
.dunkel6 {
/*  background: #006666;  */
/*  background: #330066;  lila */
/*  background: #CC6600;  */
  background: #484545;
}
.mittel6 h2 { color:#CC6600; }
.mittel6 {    background:#000; }
.hell6 { background:#DCDCDC; }
/* Ende Farbkategorien */

/* linke Spalte - Menü */
.left li a  {  padding:8px; }
.left p { padding-left:20px; }
.left a { color:#fff;text-decoration:none; }
.left ul { list-style:none;margin-left:0;margin-bottom:10px; }
.left  ul li { padding-bottom:2px; }
.left ul li a:hover { color:#ffff33; }
.left ul li a.active { color:#ffff33; }

#content .middle a { color:#383D3A;margin-bottom:3px; }
#content .middle ul { margin-left:30px;padding-bottom:10px; }
#content .middle ul li { padding-bottom:3px; }

/* Mitte Inhalte, Listen */
/* Artikellisten */
.rechtsbuendig { text-align:right;margin-right:4px; }
.artikelbeschreibung { width:470px;padding:10px;float:left; }
.bild100 { width:110px;padding:10px;float:right; }
.einzelartikel { width: 280px;min-height:700px;
  padding-top: 20px 10px;float:right;  }
.bild300 { width: 310px;text-align:left;float: left;
  padding-top: 20px;padding-left:10px;padding-bottom:25px; }
.musikartikel { width:420px;padding:10px;float:left; }
.bild150 { width:160px;padding:10px;float:right; }
.agb { width:600px;padding:10px;min-height:500px; }
.agb table { border:1px; dotted #333;}
.agb td { padding: 5px 10px;vertical-align:top;text-align: left;
  font: 11px  Verdana, Arial, Helvetica, sans-serif; }



/* Warenkorbvorschau rechte Spalte */
.right table {border:0;}
.right td { padding: 5px 10px;vertical-align:top; }
/*  Wolke rechte Spalte */
#wolke { width:195px;padding: 15px 10px;text-align:justify; }
#wolke p { padding:0;margin:0; }
#wolke a { color:#fff;text-decoration:none;margin:0;padding:2px; }
#wolke a:hover { color: #ffff33; }
a.h1 { font:18px  Arial, Helvetica, sans-serif; }
a.h2 { font:16px  Arial, Helvetica, sans-serif; }
a.h3 { font:14px  Arial, Helvetica, sans-serif; }
a.h4 { font:12px  Arial, Helvetica, sans-serif; }
a.h5 { font:10px  Arial, Helvetica, sans-serif; }
a.h6 { font:9px  Arial, Helvetica, sans-serif;  }
a.h7 { font:8px  Arial, Helvetica, sans-serif;  }


/* Formulare */
.button { background-color:#DCDCDC;
  color:#000;font-size:11px;
  border-left:  #cccccc 2px solid;
  border-right: #222222 2px solid;
  border-top:   #eeeeee 2px solid;
  border-bottom:#222222 2px solid;
  height:18pt;
}

.selectmenue { padding-top:10px; }
.selectmenue select {
  width: 178px; margin-left:6px;margin-bottom:5px;
  font: 12px  Verdana, Arial, Helvetica, sans-serif;
}
.selectmenue .button { width:178px;margin-left:6px;margin-bottom:5px; }
.middle checkbox { margin-top:2px; }