body { background-color: #dadada; /* vervangen background tile */
    background-image: url(../img/body_bg.jpg);
    padding: 0;
    margin: 0;
    font-family:'DIN Next W01 Regular';
    /*font-family: 'Trebuchet MS', sans-serif;*/
    font-size: 15px;
}

header .header-top, footer { background-color: #000;color: #fff;}
/*
.main, header .row, footer .row { width: 950px; margin: 0 auto;overflow: auto;}
*/

.side {
  /*float: left;
  padding: 29px 0;*/
}

.content {/* margin-top: -39px;z-index: 999; */ }

img { 
  max-width: 100%;
  width: auto; 
  vertical-align: top;
}

a img { border: none;}

a { text-decoration: none;color: #cd0000;}

h1, h2 { font-size: 1.1em;font-weight: bold;margin: 0;padding: 5px 12px 5px 0; background-image: url(../img/header-arrows.png);background-repeat: no-repeat;background-position: right center;display: inline-block;}
h2 a { color: #000;}

div.selector {
  min-height: 29px;
  position: relative;
  padding-top: 6px;
}
    div.selector a { font-weight: bold;color: #000;}
    div.selector a.selected { color: #cd0000;}

.selector select {display:table-cell;width: 170px;padding: 4px; border: none;}


/* 16 column grid - column width: 50px, gutter widthL 10px; */

.row { max-width: 950px;margin-bottom: 0; overflow: auto;}
.row .row { max-width: 100%;}

.column, .columns { float: left; margin-left: 10px; }

.columns .columns {/* test background-color: #fff;*/}

.column:first-child, .columns:first-child { margin-left: 0;}

.clearthis { clear: both;}

/* Clear the columns automagically, thanks @kneath 
.column-row:after, .row:after, .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
* html .column-row, * html .row, * html .clearfix { height: 1%; }
.column-row, .row, .clearfix { display: inline-block; }
.column-row, .row, .clearfix { display: block; }*/



.one        { width: 50px;}
.two        { width: 110px;}
.three      { width: 170px;}
.four       { width: 230px;}
.five       { width: 290px;}
.six        { width: 350px;}
.seven      { width: 410px;}
.eight      { width: 470px;}
.nine       { width: 530px;}
.ten        { width: 590px;}
.eleven     { width: 650px;}
.twelve     { width: 710px;}
.thirteen   { width: 770px;}
.fourteen   { width: 830px;}
.fifteen    { width: 890px;}
.sixteen    { width: 950px;}

.offset-by-four { margin-left: 250px;}
.offset-by-nine { margin-left: 550px;}

/* header search */

/*
.searchinput { background-color: #fff ;margin-top: 30px;}
.searchinput input { border: none;background-color: #fff;padding: 10px 0 10px 10px;width: 185px;font-size: 16px;font-weight: bold;font-family: Arial, sans-serif;margin: 0;}
.searchinput select { border: none;width: 90px;padding: 10px 10px 10px 0;font-size: 16px;font-weight: bold;margin: 0;}

.searchsubmit { margin-top: 30px;}
.searchsubmit a {border: none;background-color: #cd0000;color: #fff;padding: 11px 10px 10px 10px;font-size: 16px;font-weight: bold;display: block;text-align: center;text-decoration: none;font-family: Arial, sans-serif;}
*/


.socialmedia { float: right;padding: 40px 10px 0 0;}
.socialmedia img { width: 24px;}

/* shopping cart */

.shoppingcart { font-size: 11px;margin-top: 25px;text-align: center;}
.shoppingcart .cartoptions { background-color: #cd0000;color: #fff;text-align: center;padding: 3px 2px;margin-top: 4px;}
.shoppingcart .cartoptions a { color: #fff;text-decoration: none;font-weight: bold;}


/* --- */




/* footer */

footer {padding: 30px 0;}
footer ul {padding: 0; margin: 0; list-style-type: none;}
footer a {color: inherit;}
footer p {margin-top: 0;}
address {padding: 0; font-style:normal;}

.nb_add {background-color: #fff; display: table-row;}
    .nb_add input {
      display: table-cell; 
      width: 95%; 
      border: none;

      color: #000;
    }
    .nb_add a {display:table-cell; width: 20%;}                              




/* contentblocks */


.contentblock {
  background-color: #fff;
  /*padding: 0 0 3px 0;*/
  padding-top:    0;
  padding-bottom: 0;
  padding-left:   0;
  padding-right:  0;
  margin: 0 0 10px 0;
  /*min-height: 262px;*/
  overflow: auto;
}
    
  /*
  .contentblock div {
    padding: 10px 10px;
  }
  */
    
    .contentblock h3 {
      padding: 7px 10px;
      margin: 0;
      font-size: 1.1em; 
    }

    .contentblock p {
      padding: 7px 10px;
      margin: 0;
      font-size: 0.85em;
    }

    side .contentblock p { 
      padding: 7px 10px;
      margin: 0;
      font-size: 0.925em;
    }

    .contentblock a.meer-info { 
      margin: 7px 10px;
      padding: 3px 8px;
      background-color: #cd0000;
      color: #fff; 
      font-size: 0.9em;
      text-decoration: none;
      display: inline-block;
    }
     
    a.meer-info:hover { background-color: #af0000;}
.contentblock.black { background-color: #000;color: #fff;}

.instores, .info, .facebook { margin-right: 10px;font-size: 1.1em;}

.info .contentblock { padding-bottom: 0;}

.instores .contentblock, .info .contentblock, .facebook { min-height: auto;}
.facebook { overflow: hidden;height: 70px;}







.contentblock.horizontal {
  /*
  overflow: auto;
  padding: 0;
  min-height: 250px;
  */
}
    /*.contentblock.horizontal div { padding: 20px; width: 50%; float: right; -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;}*/

  .contentblock.horizontal img {
    /*width: 50%;
      float: left;*/
  }

    .contentblock.horizontal h3, 
    .contentblock.horizontal p, 
    .contentblock.horizontal .additem {
      /*
      width: 50%;
      padding: 0 20px;
      float: right; 
      -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
      */
    }

    .contentblock.horizontal h3.artist {
      /*
        padding: 17px 17px 0 17px;
      */
      padding-top:    0;
      padding-bottom: 0;
      padding-left:   0;
      padding-right:  0;
    }

    .contentblock.horizontal h3.title {
      /*padding: 0 17px;*/
      font-weight: normal;
      padding-top:    0;
      padding-bottom: 0;
      padding-left:   0;
      padding-right:  0;
    }

  .contentblock.horizontal p {
    /*padding: 17px;*/
    padding-top:    1em;
    padding-bottom: 1em;
    padding-left:   0;
    padding-right:  0;
    font-size: 0.85em;
  }

  .contentblock.horizontal a.meer-info {
    /*margin: 0 17px 17px 17px;*/
    margin-top:     0;
    margin-bottom:  1em;
    margin-left:    0;
    margin-right:   0;
  }



    .contentblock.horizontal table {
      /*width: 50%;
      padding: 10px 17px;*/
      padding-top:    0;
      padding-bottom: 0;
      padding-left:   0;
      padding-right:  0;
      margin-top:     0.625em;
      margin-bottom:  0.625em;
    }

    .contentblock.horizontal table td,
    .contentblock.horizontal table th { 
      font-size: 0.85em;
      vertical-align: top; 
    }

    .contentblock.horizontal table th { 
      text-align: left;
      padding-right: 8px;
      white-space: nowrap;
    }







    .contentblock.detail,.contentblock.order {padding: 10px; min-height: 10px;}
        .contentblock.detail h3 {padding-left: 0;}
        .contentblock.order, .contentblock.detail p {padding-left: 0;}

        .additem {margin: 0 0 12px 0;}
        .additem div { display: inline-block;}
        .contentblock.horizontal span.prijs, .contentblock.detail span.prijs { display: inline-block;padding: 3px 8px;background-color: #000;color: #fff; }
        .contentblock.detail span.prijs {margin: 3px 0;}
        .additem a, a.a_aanmelden {padding: 3px 8px;background-color: #cd0000;color: #fff; text-decoration: none; margin-bottom: 17px;}
            .order a {padding: 3px 8px;background-color: #cd0000;color: #fff; text-decoration: none;margin: 7px 10px 17px 10px; }
            .additem a:hover, .additem a.active, a.a_aanmelden:hover, a.a_aanmelden:active, .order a:active, .order a:hover {background-color: #af0000;}
        .cartadded { font-size: 0.85em; margin: 7px 0 0 0; background-color: #ededed; padding: 3px 8px; }
    .contentblock.normal {min-height: 0;padding: 0;}
    .contentblock.normal img { width: auto;}
    .contentblock.normal p { font-size: 1em;}
    .contentblock.normal .article img { width: 100%;}

    .contentblock.tablelist { padding: 10px;}
        
        .contentblock.tablelist th { padding: 6px 4px;text-align: left;}
        .contentblock.tablelist td { padding: 4px;border-bottom: 8px solid #fff;}
        .contentblock.tablelist td.rptSalesArticles_td2_release, .contentblock.tablelist td.rptSalesArticles_td1_release { border-right: 8px solid #fff;}
        .contentblock.tablelist td.rptSalesArticles_td2_artist, .contentblock.tablelist td.rptSalesArticles_td1_artist { font-weight: bold;}
        .contentblock.tablelist td a { color: #000;text-decoration: none;}
        .contentblock.tablelist tr:nth-child(even) td { background-color: #dadada;}
        .contentblock.tablelist tr td.rptSalesArticles_td2_prijs, .contentblock.tablelist tr td.rptSalesArticles_td1_prijs { background-color: #000;color: #fff;white-space: nowrap;padding: 4px 8px;}

        .contentblock td.backtotop { text-align: right;}
          .contentblock td.backtotop a { background-color: #af0000;color: #fff;padding: 4px;display: inline-block;}




 
/* articles */


.cdcontainer {
  /*width: 170px;*/ /* three columns */
  /*margin-left: 10px;
  float: left;*/
}

    /* changes for new top 5*/
.cdcontainer--top-5,
.top-5-container .cdcontainer {
  /*width: 134px;*/ /* to get 5 in a row */
  /*width: 130px;*/
}


.cdcontainer:nth-child(4n+1) {
  /*
      margin-left: 0; clear: left;
      */
}

    /* changes for new top 5*/
    .cdcontainer--top-5:nth-child(4n+1),
    .top-5-container .cdcontainer:nth-child(4n+1) {
      margin-left: 10px !important; 
      clear: none !important;
    }

    .top-5-container .cdcontainer:nth-child(5n+1) {
      /*margin-left: 0 !important;*/
      clear: left !important;

      width: 270px;
      width: 340px;
    }

    .top-5-container .cdcontainer:nth-child(2),
    .top-5-container .cdcontainer:nth-child(3) {
      width: 200px;
      width: 165px;
    }




.rundownItemParagraph {
    background-image: url(../img/body_bg.jpg);
}

/*
    .cdcontainer:nth-child(4n+1) .article a {
        background-color: #cd0000
    }
*/

.article {
  /*margin-bottom: 10px;*/
}
  .article a {
    display: block;
    background-color: #fff;
    /*min-height: 250px;*/
    color: #000;
    position: relative;
  }

        .article a:hover, 
        .article a:active { 
          background-color: #ededed;
        }




    /* changes for new top 5*/
    .top-5-container .article {
      margin-bottom: 0;
    }

    .top-5-container .article a {
      min-height: 210px;
      padding-bottom: 15px;
    }

    .top-5-container .article h3.title {
      margin-bottom: 0;
    }



.aanbiedingen .cdcontainer {
    width: 110px; /* two columns */
    margin-left: 10px;
    float: left;
}
    .aanbiedingen .cdcontainer:nth-child(4n+1) { margin-left: 10px; clear: none;}
    .aanbiedingen .cdcontainer:nth-child(6n+1) { margin-left: 0; clear: left;}

.aanbiedingen .article a { min-height: 220px;position: relative;}
    body.pageclass_aanbiedingen .article a { min-height: 290px;}
.aanbiedingen .article h3 { padding: 0 7px;font-size: 0.85em;}
    .aanbiedingen .article h3.artist { margin-top: 7px;}
    .aanbiedingen .article h3.title { margin-bottom: 7px;}

.meervanartiest a { color: #000; }
.meervanartiest i { color: #cd0000;}

.prijs-c { display: none;}

.aanbiedingen .prijs-c, body.pageclass_aanbiedingen .prijs-c { display: block;text-align: center; position: absolute;bottom: 5px;width: 110px;}
body.pageclass_aanbiedingen .prijs-c {width: 170px;}
.aanbiedingen .prijs-c span.prijs, body.pageclass_aanbiedingen .prijs-c span.prijs { display: inline-block;padding: 3px 8px;background-color: #000;color: #fff;}

/* content */


.breadcrumbs {line-height: 29px;}

/* winkelwagen */

.order table th, .order table td {text-align: left; padding: 5px;}
.order table td img {width: auto;}
.order table tfoot th {border-top: 1px solid #ededed;}
.order table {margin: 20px 0;}
.order table#cart a, .order table#cart a:active, .order table#cart a:hover {background-color: transparent; padding: 0;margin: 0;}
.order a.gray {background-color: #5e5e5e;}
.order a.verderbestellen {float: right;}

.divPaging { clear: left;}

html,body,form{
    height:100%;
}
/*show hide elements if frontpage*/
.frontpage {
    display: none;
}
.home .frontpage {
    display: block;
}
.notfrontpage {
    display: block;
}
.home .notfrontpage {
    display: none;
}
/*END show hide elements if frontpage*/

.dropShadow {
    text-shadow: 0px 1px 0px #000000;
    filter: dropshadow(color=#000000, offx=0, offy=1);
}
.dropLight {
    text-shadow: 0px 1px 0px #FFF;
    filter: dropshadow(color=#FFF, offx=0, offy=1);
}



.imgcrop {
  /*
    position: relative;
    overflow: hidden;
  */
}

.imgcrop img {
   /*
    width: auto;
    position: absolute;
  */
  }

/* changes for new top 5 */



.cdcontainer--top-5 .imgcrop,
.top-5-container .cdcontainer .imgcrop {
  height: 134px;
  height: 130px;
}

/*.cdcontainer--top-5 .imgcrop,*/
.top-5-container .cdcontainer:first-child .imgcrop {
  height: 134px;
  height: 410px;
  height: 270px;
  height: 340px;
}

.top-5-container .cdcontainer:nth-child(2) .imgcrop,
.top-5-container .cdcontainer:nth-child(3) .imgcrop {
  height: 200px;
  height: 165px;
}


.cdcontainer--top-5 .imgcrop img,
.top-5-container .cdcontainer .imgcrop img {
  width: 100%; /* 134px */
}

/* testing */

.top-5-container {
  background-image: none;
  background-color: #fff;
  padding-bottom: 10px;
}

.top-5-container:after {
  content: " ";
  display: table;
  clear: both;
}