/* * * * * * * * * * * * *
 * 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;
}

div {
  margin: 0; padding: 0;
}

label {
  cursor: pointer;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * H E A D E R ,   L E F T   B A R   U N D   F O O T E R *
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

div#header, div#headermenu, div#headerbottom, div#leftbar, div#footer {
  display:none
}

/* * * * * * * * *
 * C O N T E N T *
 * * * * * * * * */
 
div#contentcontainer {
  background-color:  white;
}

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

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

div.padding 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 {
  font-size: 13px;
  color:     rgb(245,117,7);
  padding:   15px 0 5px 0;
  margin:    0; 
}

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

div.searchresult {
  width:  310px;
  height: 150px;
  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 {
  font-size:       12px;
  color:           gray;
  font-weight:     bold;
  text-decoration: none;
}

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;
}

div.searchresult a:hover {
  text-decoration: underline;
}

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

a.arrow, a.arrowback, a.button, input.arrow3, input.arrow7, input.arrow8 {
  display: none;
}

/* * * * * * * * * * * * *
 * M E D I E N L I S T E *
 * * * * * * * * * * * * */
 
div.medium {
  width:   300px;
  height:  250px;
  padding: 5px;
  margin:  0 10px 10px 0;
  float:   left;
}

div.medium div {
  height: 170px;
}

div.medium a {
  float: left;
}

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

div.medium h4, div.medium h3 {
  font-weight: bold;
  font-size:   12px;
  margin:      0;
  padding:     0;
}

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

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

/* * * * * * * * * * * * * * * * * * * * *
 * M E D I E N L I S T E   ( S M A L L ) *
 * * * * * * * * * * * * * * * * * * * * */
 
div.mediumsmall {
  width:      280px;
  height:     100px;
  /* 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;
  float:      left;
}

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

div.mediumsmall a {
  float: left;
}

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

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

div.mediumsmall h3 {
  color:  gray;
}

/* * * * * * * * * * * * * * * * * * * * * *
 * 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:     20px;
  text-align: right;
  margin:     0;
  padding:    5px 3px 0 0;
}

div.mediumDescrTbl div.oddrow {
  background: rgb(240,240,240);
}

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;
}

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 50px;
  padding:    5px 10px 5px 10px;
  float:      left;
  background: rgb(240,240,240);
}

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;
}

/* * * * * * * * * * * *
 * 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;
}

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:         150px;
  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);
}

form.order2 {
  line-height: 130%
}

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