/* * * * * * * * * * * * *
 * A L L G E M E I N E S *
 * * * * * * * * * * * * */

body {
  margin:      0;
  padding:     0;
  font-family: Arial, Helvetica, sans-serif;
  font-size:   12px;
  min-width:   855px;
}

body.withoutheader {
  padding:    20px;
  background: white;
}

div {
  margin: 0; padding: 0;
}

label {
  cursor: pointer;
}

/* * * * * * * *
 * H E A D E R *
 * * * * * * * */

div#header {
  background-image:  url(images/header_895x88.gif);
  background-repeat: no-repeat;
  background-color:  rgb(244,107,0);
  height: 88px;
}

div#header h1 {
  display: none;
}

div#header a {
  float: left;
}


div#langselect {
  float: right;
  padding: 10px;
}

div#langselect a {
  padding: 5px;
}

div#langselect a img {
  margin: -5px -5px 0 0;
}

div#langselect a, div#langselect a:link, div#langselect a:visited, div#langselect a:active, div#langselect a:focus {
  font-size:       13px;
  font-weight:     bold;
  text-decoration: none;
  color:           white;
}

div#langselect a:hover {
  text-decoration: underline;
}

/* * * * * * * * * * * *
 * H E A D E R M E N U *
 * * * * * * * * * * * */

div#headermenu {
  background-image:  url(images/header_menu_piranha_musik_657x24.gif);
  background-repeat: no-repeat;
  background-color:  rgb(248,158,2);
  height:            16px;
  text-align:        center;
  padding:           4px;
}

div#headermenu a, div#headermenu a:link, div#headermenu a:visited, div#headermenu a:active, div#headermenu a:focus {
  font-size:       13px;
  font-weight:     bold;
  text-decoration: none;
  margin:          0px 14px 0 14px;
  color:           white;
  vertical-align:  top;
}

div#headermenu a:hover {
  text-decoration: underline;
}

/* * * * * * * * * * * * * *
 * H E A D E R B O T T O M *
 * * * * * * * * * * * * * */

div#headerbottom {
  background: white;
  height:     49px;
}

/* * * * * * * * * *
 * L E F T   B A R *
 * * * * * * * * * */

div#leftbar {
  width:       192px;
  background:  rgb(229,229,229);
  float:       left;
  margin-left: -100%;
}

div#leftbar[id] {
  position: relative;
  right:    192px;
}

div#leftbar h1 {
  color:         rgb(45,0,3);
  border-bottom: 3px solid rgb(245,117,7);
  margin:        0 0 5px 0;
  padding:       0 0 0 25px;
  font-size:     13px;
}

/* * * * * * * * * * *
 * L E F T   M E N U *
 * * * * * * * * * * */

ul#leftmenu {
  list-style-type: none;
  margin:          0 0 35px 25px;
  padding: 0;
}

ul#leftmenu li {
  margin: 0;
  padding: 0;
}

ul#leftmenu a, ul#leftmenu a:link, ul#leftmenu a:visited, ul#leftmenu a:active, ul#leftmenu a:focus {
  font-weight:     normal;
  text-decoration: none;
  color:           rgb(45,0,3);
}

ul#leftmenu a:hover {
  text-decoration: underline;
}

form#mailingliste {
  font-size: 11px;
  padding: 3px 3px 3px 25px;
}

form#search {
  padding: 3px 3px 3px 25px;
}

/* * * * * * * * * * * * * * *
 * E I N K A U F S W A G E N *
 * * * * * * * * * * * * * * */

div#cart {
  margin-bottom: 35px;
  background:    url(images/cart_130x110.gif) no-repeat 45px 30px;
  min-height:    140px;
}

div#cart li {
  font-size: 11px;
}

div#cart h1 a, div#cart h1 a:link, div#cart h1 a:visited, div#cart h1 a:active, div#cart h1 a:focus {
  color:           rgb(45,0,3);
  font-size:       13px;
  text-decoration: none;
  margin:          0;
}

div#cart p {
  margin:    0 0 0 25px;
  padding:   0;
  font-size: 11px;
}

/* * * * * * * * *
 * C O N T E N T *
 * * * * * * * * */
 
div#contentcontainer {
  padding: 0 0px 0 192px;
  background: url(images/left_bg_192x1.gif) repeat-y white;
}

div#content {
  float:    left;
  width:    100%;
}

div#content div.padding {
  padding: 0 5px;
}

div.padding h1, body.withoutheader h1 {
  color:         rgb(45,0,3);
  border-bottom: 3px solid rgb(245,117,7);
  margin:        0 -5px 10px 0;
  font-size:     13px;
}

div.padding h2, body.withoutheader h2 {
  font-size: 13px;
  color:     rgb(245,117,7);
  padding:   15px 0 5px 0;
  margin:    0; 
}

/* * * * * * * *
 * F O O T E R *
 * * * * * * * */

div#footer {
  clear:             both;
  background-image:  url(images/footer_895x23.gif);
  background-color:  rgb(248,158,2);
  background-repeat: no-repeat;
  text-align:        center;
  padding:           3px;
  color:             white;
  font-size:         10px;
  /* border: 1px solid red; */
}

div#footer a, div#footer a:link, div#footer a:visited, div#footer a:active, div#footer a:focus {
  font-size:       10px;
  font-weight:     normal;
  text-decoration: none;
  margin:          0px 10px 0 10px;
  color:           white;
}

div#footer a:hover {
  text-decoration: underline;
}

div#secondfooter {
  display: none;
}

/* * * * * * * * * * * * *
 * S E A R C H R S U L T *
 * * * * * * * * * * * * */

div.searchresult {
  width:  310px;
  /* height: 150px; */
  height: 30px;
  float:  left;
  padding: 0 60px 40px 0;
}

div.searchresult div.mediumsmall {
  margin: 20px 0 0 20px;
} 

div#content div.searchresult h2 {
  margin: 0; padding: 0;
}

div.searchresult a, div.searchresult a:link, div.searchresult a:visited, div.searchresult a:active, div.searchresult a:focus, div.searchresult a:hover {
  font-size:       12px;
  color:           gray;
  font-weight:     bold;
  text-decoration: underline;
}

div.searchresult h2 a, div.searchresult h2 a:link, div.searchresult h2 a:visited, div.searchresult h2 a:active, div.searchresult h2 a:focus {
  font-size:       13px;
  color:           rgb(245,117,7);
  font-weight:     bold;
  text-decoration: none;
}

/* * * * * * * * * * * * *
 * A L L G E M E I N E S *
 * * * * * * * * * * * * */

a.arrow, a.arrow:link, a.arrow:visited, a.arrow:active, a.arrow:focus, a.arrow:hover, a.arrowback, a.arrowback:link, a.arrowback:visited, a.arrowback:active, a.arrowback:focus, a.arrowback:hover, div.searchresult a.arrow, div.searchresult a.arrow:link, div.searchresult a.arrow:visited, div.searchresult a.arrow:active, div.searchresult a.arrow:focus, div.searchresult a.arrow:hover {
  height:          13px;
  min-width:       36px;
  /* width:           52px; */
  background:      url(images/arrow_150x13.gif) no-repeat right;
  font-size:       10px;
  font-weight:     normal;
  text-decoration: none;
  color:           white;
  display:         block;
  float:           left;
  padding: 0 11px 0 5px;
}

a.arrowback, a.arrowback:link, a.arrowback:visited, a.arrowback:active, a.arrowback:focus, a.arrowback:hover {
  background:  url(images/arrow_back_150x13.gif) no-repeat left;
  padding:     0 5px 0 11px;
  margin:      0;
  line-height: 130%;
}

a.button, a.button:link, a.button:visited, a.button:active, a.button:focus, a.button:hover {
  height:          13px;
  min-width:       36px;
  background:      url(images/button_150x13.gif) no-repeat right;
  font-size:       10px;
  font-weight:     normal;
  text-decoration: none;
  color:           white;
  display:         block;
  float:           left;
  padding:         0 11px 0 5px;
}

a.arrow1 {
  margin: -13px 0 0 175px;
}

a.arrow2 {
  margin: -13px 0 0 275px;
}

a.arrow3, input.arrow3 {
  margin-left: 30px;
}

a.arrow4 {
  margin: -23px 0 0 100px;
}

a.arrow5 {
  margin: -23px 0 0 200px;
}

a.arrow6 {
  margin: 3px 0 0 25px;
}

input.arrow7 {
  margin-top: 30px;
}

input.arrow8 {
  margin-bottom: 30px;
}

/* * * * * * * * * * * * *
 * M E D I E N L I S T E *
 * * * * * * * * * * * * */
 
div.medium {
  width:   370px;
  height:  170px;
  padding: 5px;
  /* border-right: 10px solid white;
   border-bottom: 10px solid white; */
  margin:  0 10px 10px 0;
  float:   left;
}

div.medium div {
  height: 170px;
}

div.medium a {
  float: left;
}

div.medium h3 a, div.medium h4 a {
  float: none;
}

div.medium img {
  border-right: 5px solid white;
}

div.medium h4 a, div.medium h3 a, div.medium h4, div.medium h3 {
  color:           black;
  text-decoration: none;
  font-weight:     bold;
  font-size:       12px;
  margin:          0;
  padding:         0;
}

div.medium h3, div.medium h3 a {
  color:         gray;
  padding:       0 0 5px 0;
  border-bottom: 3px solid rgb(245,117,7);
}

div.medium h3 a {
  border: none;
}

div.medium p {
  margin-top: 5px;
  text-align: justify;
  width: 190px;
  float: left;
  font-size: 11px;
}

/* * * * * * * * * * * * * * * * * * * * *
 * M E D I E N L I S T E   ( S M A L L ) *
 * * * * * * * * * * * * * * * * * * * * */
 
div.mediumsmall {
  width:      330px;
  height:     110px;
  /* background: rgb(240,240,240); */
  /* border: 1px solid rgb(220,220,220); */
  /* border-bottom: 1px dotted black; */
  background: url(images/border_3x1.gif) repeat-x top;
  /* margin:     -1px 20px 0 0; */
  margin-top: -1px;
  border-right: 20px solid white;
  float:      left;
}

div.mediumsmall div {
 height:     90px;
 padding:    10px 5px 10px 5px;
 background: url(images/border_3x1.gif) repeat-x bottom;
}

div.mediumsmall a {
  float: left;
}

div.mediumsmall h3 a, div.mediumsmall h4 a {
  float:           none;
  text-decoration: none;
}


div.mediumsmall img {
  margin: 5px 10px 5px 5px;
}

div.mediumsmall h4, div.mediumsmall h4 a {
  color:       black;
  font-weight: bold;
  font-size:   12px;
  margin:      0;
  padding:     0;
}

div.mediumsmall h3, div.mediumsmall h3 a {
  font-weight: normal;
  font-size:   11px;
  color:       rgb(75,75,75);
  margin:      0;
  padding:     0;
}

/* * * * * * * * * * * * * * * * * * * * * *
 * M E D I U M   E I N Z E L A N S I C H T *
 * * * * * * * * * * * * * * * * * * * * * */

div.mediumDescrTbl {
  float:      left;
  max-width:  495px;
  margin:     0 0 0 5px;
}

div.mediumDescrTbl div.row div, div.mediumDescrTbl div.oddrow div {
  float:      left;
  width:      111px;
  height:     2px;
  text-align: right;
  margin:     0;
  padding:    5px 3px 0 0;
}

div.mediumDescrTbl div.oddrow {
  background: rgb(240,240,240);
  padding: 3px 0 3px 0;
  /* height:     25px; */
}

div.mediumDescrTbl div.row {
  background: white;
  padding: 3px 0 3px 0;
  /* height:     25px; */
}

div.mediumDescrTbl h6 {
  width:       377px;
  font-weight: bold;
  font-size:   12px;
  margin:      0;
  padding:     5px 0 0 3px;
  float:       left;
}

p.mediumDescr {
  max-width: 670px;
  margin:    0;
  padding:   0;
}

img.cover {
  float: left;
  margin-bottom: 20px;
}

table.tracklist {
  margin-bottom: 10px;
}

table.tracklist th {
  border-bottom: 1px solid black;
  padding: 3px;
  margin: 0;
}

table.tracklist td {
  padding: 3px;
  margin: 0;
}

table.tracklist td.right {
  text-align: right;
}

table.tracklist td.even {
  background-color:rgb(240,240,240);
}

/* * * * * * * * * * * * * * * * * * * * * * *
 * K A T E G O R I E N - N A V I G A T I O N *
 * * * * * * * * * * * * * * * * * * * * * * */

form.catpagenav {
  margin:     10px 0 20px 0;
  padding:    5px 10px 5px 10px;
  float:      left;
  background: rgb(240,240,240);
}

form.catpagenav select {
  font-size: 11px;
  font-family: 'Courier New', Courier, monospace;
}

form.catselect a, form.catselect a:link, form.catselect a:visited, form.catselect a:active, form.catselect a:focus {
  font-size:       13px;
  font-weight:     bold;
  text-decoration: none;
  color:           rgb(45,0,3);
}

form.catselect a:hover {
  text-decoration: underline;
}

form.catselect select {
  font-size: 10px;
}

form.catpagenav img {
  margin: 4px 7px 0 7px;
  vertical-align: top;
}

/* * * * * * * * * * * *
 * S T Y L E S L I S T *
 * * * * * * * * * * * */

div.styleslist h2 {
  padding-left: 40px;
  background:   url(images/border_3x1.gif) repeat-x bottom;
}

ul.styleslist {
  list-style-type: none;
  padding-bottom:  50px;
}

ul.styleslist li {
  float: left;
  width: 200px;
}

ul.styleslist a, ul.styleslist a:link, ul.styleslist a:visited, ul.styleslist a:active, ul.styleslist a:focus {
  font-size:       12px;
  font-weight:     normal;
  text-decoration: none;
  color:           black;
}

ul.styleslist a:hover {
  text-decoration: underline;
}

/* * * * * * *
 * H I L F E *
 * * * * * * */

div.help p, div.help li {
  max-width: 500px;
}

div.help h1 {
  padding-top: 20px;
}

/* * * * * * * * * * * *
 * B E S T E L L U N G *
 * * * * * * * * * * * */

span.error, p.error {
  color: red;
  font-weight: bold;
}

option.error {
  background-color: red;
  color:            white;
}

form.order {
  line-height: 200%;
}

ol.order {
  margin: 20px 0 20px 10px;
  padding: 0;
  list-style-type: none;
}

ol.order li {
  margin:      0;
  padding:     12px 25px 25px 25px;
  float:       left;
  line-height: 130%;
  height:      40px;
}

ol.order li.one {
  background: url(images/one_gray_15x30.gif) no-repeat 5px 13px;
  color: rgb(100,100,100);
}

ol.order li.oneactiv {
  background: url(images/one_orange_15x30.gif) no-repeat 5px 13px;
  color: rgb(245,117,7);
}

ol.order li.onefinished {
  background: url(images/one_black_15x30.gif) no-repeat 5px 13px;
  color: black;
}

ol.order li.two {
  padding-top: 21px;
  height: 31px;
  background: url(images/two_gray_22x30.gif) no-repeat 1px 13px;
  color: rgb(100,100,100);
}

ol.order li.twoactiv {
  padding-top: 21px;
  height: 31px;
  background: url(images/two_orange_22x30.gif) no-repeat 1px 13px;
  color: rgb(245,117,7);
}

ol.order li.twofinished {
  padding-top: 21px;
  height: 31px;
  background: url(images/two_black_22x30.gif) no-repeat 1px 13px;
  color: black;
}

ol.order li.three {
  padding-top: 21px;
  height: 31px;
  background: url(images/three_gray_22x30.gif) no-repeat 1px 13px;
  color: rgb(100,100,100);
}

ol.order li.threeactiv {
  padding-top: 21px;
  height: 31px;
  background: url(images/three_orange_22x30.gif) no-repeat 1px 13px;
  color: rgb(245,117,7);
}

ol.order li.threefinished {
  padding-top: 21px;
  height: 31px;
  background: url(images/three_black_22x30.gif) no-repeat 1px 13px;
  color: black;
}

ol.order li.four {
  background: url(images/four_gray_22x30.gif) no-repeat 1px 13px;
  color: rgb(100,100,100);
}

ol.order li.fouractiv {
  background: url(images/four_orange_22x30.gif) no-repeat 1px 13px;
  color: rgb(245,117,7);
}

ol.order li.fourfinished {
  background: url(images/four_black_22x30.gif) no-repeat 1px 13px;
  color: black;
}

ol.order li.five {
  padding-top: 21px;
  height: 31px;
  background: url(images/five_gray_22x30.gif) no-repeat 1px 13px;
  color: rgb(100,100,100);
}

ol.order li.fiveactiv {
  padding-top: 21px;
  height: 31px;
  background: url(images/five_orange_22x30.gif) no-repeat 1px 13px;
  color: rgb(245,117,7);
}

form.order table {
  margin: 0 0 30px 30px;
  line-height: 130%;
}

form.order label {
  padding-right: 5px;
  width:         220px;
  text-align:    right;
  display:       block;
  float:         left;
}

form.order input {
  float:        left;
  margin-right: 5px;
}

form.order th {
  color:         rgb(45,0,3);
  border-bottom: 3px solid rgb(245,117,7);
  font-size:     13px;
  font-weight:   bold;
}

form.order tr.shipping td {
  border-top:    1px solid rgb(200,200,200);
  border-bottom: 1px solid rgb(200,200,200);

}

form.order tr.last td {
  border-top:    3px solid rgb(245,117,7);
  border-bottom: 3px solid rgb(245,117,7);
  font-weight:   bold;
}

form.order tr.odd td {
  background: rgb(240,240,240);
}

form.order span.notiz {
  font-size: 10px;
  color:     rgb(245,117,7);
}

form.order div.address, body.rechnung div.address {
  width: 250px;
  float: left;
  margin-bottom: 30px;
}

form.order p.attention {
  border: 3px solid rgb(245,117,7);
  padding: 5px;
}

form.order2 {
  line-height: 130%
}

/* * * * * * * * * * * *
 * A R E A - S E I T E *
 * * * * * * * * * * * */

div .arealinks {
	margin-top:    20px;
}

div.arealinks a, div.arealinks a:link, div.arealinks a:visited, div.arealinks a:active, div.arealinks a:focus {
  font-size:       12px;
  font-weight:     bold;
  text-decoration: none;
  padding:         0 12px 0 12px;
  margin:          0;
  color:           black;
  vertical-align:  top;
	border-top:      1px solid rgb(220,220,220);
	border-bottom:   1px solid rgb(220,220,220);
}

div.arealinks a:hover {
  background: rgb(200,200,200);
  cursor:     hand;
}

/* * * * * * * * * *
 * R E C H N U N G *
 * * * * * * * * * */


body.rechnung {
  margin: 10px;
  font-size: 14px;
  background: white;
}

body.rechnung th {
  border-bottom: 1px solid black;
}

body.rechnung tr.last td {
  border-top:    1px solid black;
  border-bottom: 3px double black;
}

body.rechnung div.header, body.rechnung div.footer  {
  font-size: 11px;
  text-align: center;
  padding: 10px;
  margin:  10px;
}

body.rechnung div.header {
  border-bottom: 1px solid black;
}

body.rechnung div.footer {
  border-top: 1px solid black;
}



/* D E B U G G I N G */
/* 
a[rel~="nofollow"] {
	border: 1px solid green;
};
*/