html {
  -webkit-text-size-adjust: none;
  /* Prevent font scaling in landscape */
}

body {
  font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
}

.fll {
  float: left;
}

.flr {
  float: right;
}

#popArchiefWrap {
  width: 980px;
  margin: auto;
}

.contentPadding {
  width: 95%;
  margin: auto;
}

hr.inset {
  background: url(assets/hr1.jpg) repeat-x left bottom;
  height: 2px;
  margin: 20px 0 20px 0;
  border: none;
}

.blockTitle {
  display: block;
  width: 100%;
  background: url(./assets/blockBar1.jpg) repeat-x;
  font-weight: bold;
  color: white;
  font-size: 16px;
  text-shadow: 1px 1px 1px #fd7701;
  height: 40px;
  text-align: center;
  padding-top: 8px;
  margin: 0;
  font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, sans-serif;
}

.blockTitleSmall {
  height: 26px;
  padding-top: 3px;
}

.smallText {
  font-size: 10px;
}

div.filter {
  font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, sans-serif;
  width: 90%;
  margin: auto auto 45px auto;
  background: #fdf4f1;
  border: 1px solid #fd7c01;
  font-size: 14px;
  color: #fd7701;
  position: relative;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}
div.filter .filterInfo {
  position: absolute;
  right: 3%;
  bottom: 4px;
}
div.filter .filterSubmit {
  width: 148px;
  height: 55px;
  background: url(assets/filterBtn1.png) no-repeat;
  margin: auto;
  position: relative;
  display: block;
  border: none;
  outline: none;
  bottom: -31px;
  color: white;
  font-weight: bold;
  font-size: 16px;
  padding-top: 4px;
}
div.filter .filterSubmit:hover {
  cursor: pointer;
  opacity: 0.9;
}
div.filter .filterSubmit:active {
  background: url(assets/filterBtn2.png) no-repeat;
}
div.filter .inputTextFull {
  margin: 24px auto -24px auto;
  display: block;
  width: 92%;
  padding: 0 5px 0 5px;
  height: 25px;
  line-height: 25px;
  color: #ffb830;
}

#sideFilter {
  width: 100%;
}
#sideFilter .type, #sideFilter .decenia, #sideFilter .genre, #sideFilter .locaties {
  padding: 0 5px 0 5px;
}
#sideFilter .locaties {
  display: none;
}

#mainFilter {
  text-align: center;
}
#mainFilter .filterSubmit {
  bottom: 0;
  margin-bottom: -31px;
}
#mainFilter .type {
  width: 30%;
  display: inline-block;
  vertical-align: top;
  text-align: left;
}
#mainFilter .muziek, #mainFilter .overige {
  width: 66%;
}
#mainFilter .locaties {
  width: 66%;
  text-align: left;
}
#mainFilter .locaties .checkbox {
  width: 44%;
  display: inline-block;
}
#mainFilter .decenia, #mainFilter .genre {
  width: 49%;
  display: inline-block;
  vertical-align: top;
  text-align: left;
}
#mainFilter .decenia .checkbox, #mainFilter .genre .checkbox {
  width: 41%;
  display: inline-block;
}

#sideSearch {
  width: auto;
}
#sideSearch .inputTextFull {
  width: 85%;
  margin-top: 10px;
  margin-bottom: 1em;
}

.checkbox {
  background: url(assets/btnr1.jpg) right top no-repeat, url(assets/btnl1.jpg) left top no-repeat, url(assets/btnm1.jpg) 8px top repeat-x;
  display: block;
  padding: 1px 10px 10px 10px;
  color: #ffb830;
  behavior: url(js/pie/PIE.htc);
  font-size: 15px;
  height: 23px;
  line-height: 23px;
}

.filterButtons {
  text-align: center;
  padding: 8px 0 12px 0;
  background: url(assets/hr1.jpg) repeat-x left bottom;
  width: 100%;
  margin-bottom: -5px;
  color: #ffb830;
  font-size: 15px;
}
.filterButtons .whiteButton {
  padding-bottom: 0px;
}

.whiteButton {
  background: url(assets/btnr1.jpg) right top no-repeat, url(assets/btnl1.jpg) left top no-repeat, url(assets/btnm1.jpg) 8px top repeat-x;
  display: block;
  padding: 2px 5px 2px 5px;
  color: #ffb830;
  behavior: url(js/pie/PIE.htc);
  border-bottom: 1px solid #d3c9c7;
  color: #ffb830;
  display: inline;
  font-size: 14px;
  text-decoration: none;
}
.whiteButton.checked {
  background: url(assets/btnr2.jpg) right top no-repeat, url(assets/btnl2.jpg) left top no-repeat, url(assets/btnm2.jpg) 8px top repeat-x;
  display: block;
  padding: 2px 5px 2px 5px;
  color: #ffb830;
  behavior: url(js/pie/PIE.htc);
  color: #fd7701;
  display: inline;
}

.whiteButton:hover {
  color: #fd7701;
}

.checkbox:hover, .whitebutton:hover {
  cursor: pointer;
}

.checked {
  background: url(assets/btnr2.jpg) right top no-repeat, url(assets/btnl2.jpg) left top no-repeat, url(assets/btnm2.jpg) 8px top repeat-x;
  display: block;
  padding: 1px 10px 10px 10px;
  color: #ffb830;
  behavior: url(js/pie/PIE.htc);
  color: #fd7701;
}

.tooltip {
  position: absolute;
  z-index: 99;
  width: 300px;
  background: white;
  border: 3px solid #fd7c01;
  padding: 7px;
  font-size: 12px;
  display: none;
  font-weight: bold;
  color: black;
  font-style: normal;
  text-align: left;
}
.tooltip.right:after {
  width: 79px;
  height: 43px;
  background: url(assets/ttb1.png) no-repeat;
  display: block;
  position: absolute;
  left: -79px;
  bottom: -3px;
  content: "";
}
.tooltip.left:after {
  width: 79px;
  height: 43px;
  background: url(assets/ttb2.png) no-repeat;
  display: block;
  position: absolute;
  right: -79px;
  bottom: -3px;
  content: "";
}

.spreadWrap {
  text-align: justify;
}
.spreadWrap .spacer {
  display: inline-block;
}
.spreadWrap .blockItem {
  position: relative;
  border: 1px solid #c7bab7;
  border-radius: 10px;
  display: inline-block;
  vertical-align: top;
  max-height: 247px;
}
.spreadWrap .blockItem:hover {
  cursor: pointer;
}
.spreadWrap .blockItem img {
  border-radius: 8px 8px 0 0;
  margin-bottom: -5px;
}
.spreadWrap .blockItem .blockTitle {
  display: block;
  border-radius: 0 0 8px 8px;
  border-top: 1px solid #c7bab7;
  padding-top: 8px;
  height: 31px;
  text-transform: uppercase;
  position: absolute;
  bottom: 0;
}

.spreadWrap .blockItem .blockTitle a {
  text-decoration: none;
  line-height: 10px;
}
.spreadWrap .blockItem .blockTitle .smallText {
  position: relative;
  top: 3px;
  text-transform: lowercase;
}
.spreadWrap:after {
  content: "";
  display: inline-block;
  width: 100%;
  height: 1px;
}

.homeResults .spacer {
  width: 24%;
  height: 1px;
}
.homeResults .blockItem {
  width: 24%;
  height: auto;
  margin-bottom: 12px;
}
.homeResults .blockItem img {
  width: 100%;
  height: auto;
}

.ajaxLoad {
  width: 100%;
  clear: both;
  padding: 15px 0 15px 0;
  text-align: center;
}
.ajaxLoad img {
  height: 35px;
}

.muziekPage .blockTitle {
  display: block;
  width: 100%;
  background: url(assets/blockBar1.jpg) repeat-x;
  font-weight: bold;
  color: white;
  font-size: 16px;
  text-shadow: 1px 1px 1px #fd7701;
  height: 40px;
  line-height: 40px;
  text-align: left;
  padding-top: 0px;
  padding-left: 10px;
  margin: 0;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.muziekPage .blockTitleSmall {
  height: 29px;
  padding-top: 0px;
  line-height: 29px;
}
.muziekPage a {
  color: #fd7701;
}
.muziekPage .breadcrumb {
  text-align: center;
  color: #fd7701;
  font-size: 13px;
  padding: 0 0 8px 0;
}
.muziekPage .breadcrumb a {
  color: #fd7701;
  text-decoration: none;
}
.muziekPage .breadcrumb a:hover {
  text-decoration: underline;
}
.muziekPage .leftCol {
  width: 190px;
  min-height: 100px;
  margin-right: 15px;
  float: left;
  position: relative;
  font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, sans-serif;
}
.muziekPage .leftCol .filter .blockTitle {
  padding-left: 0;
  text-align: center;
}
.muziekPage .leftCol .filter p {
  margin: 0.5em 0 0.5em 0;
}
.muziekPage .leftCol .filter .decenia, .muziekPage .leftCol .filter .genre {
  text-align: justify;
}
.muziekPage .leftCol .filter .decenia:after, .muziekPage .leftCol .filter .genre:after {
  display:inline-block;
  content:"";
  width:100%;
}
.muziekPage .leftCol .filter .decenia .checkbox, .muziekPage .leftCol .filter .genre .checkbox {
  width: 64px;
  display: inline-block;
}
.muziekPage .leftCol .filter .genre {
  clear: both;
}
.muziekPage .leftCol .filter .filterInfo {
  margin: 0 0 -30px 0;
  position: static;
  width: 100%;
  text-align: center;
  display: block;
  font-size: 12px;
}
.muziekPage .leftCol .filter .filterSubmit {
  margin-top: -30px;
}
.muziekPage .midCol {
  width: 630px;
  float: left;
}
.muziekPage .midCol .photoWrapper, .muziekPage .midCol .homePhotoWrapper, .rightCol .sponsor {
  width: 100%;
  height: 365px;
  overflow: hidden;
  position: relative;
}
.muziekPage .midCol .photoWrapper .cycle, .muziekPage .midCol .homePhotoWrapper .cycle {
  z-index: 0;
  position: relative;
  width: 100%;
  height: 100%;
  background: black;
}
.muziekPage .midCol .photoWrapper .cycle div, .muziekPage .midCol .homePhotoWrapper .cycle div, .rightCol .sponsor .cycle div {
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  display: none;
}
.muziekPage .midCol .photoWrapper .cycle div .overlay, .muziekPage .midCol .homePhotoWrapper .cycle div .overlay {
  position: absolute;
  z-index: 1;
  right: 15px;
  bottom: 15px;
  margin: 0;
  padding: 0;
  color: white;
  font-size: 20px;
  font-weight: normal;
  padding: 0 2px 0 0;
  font-style: normal;
  text-shadow: 0 0 8px #000, 0 0 8px #000;
  filter: glow(color=black, strength=3);
}
.muziekPage .midCol .photoWrapper .cycle div img, .muziekPage .midCol .homePhotoWrapper .cycle div img {
  max-height: 365px;
  height: auto;
  width: 100%;
}
.rightCol .sponsor img
{
	width: 100%;
}

.muziekPage .midCol .photoWrapper .dots, .muziekPage .midCol .homePhotoWrapper .dots {
  position: absolute;
  top: 6px;
  left: 10px;
  z-index: 1;
}
.muziekPage .midCol .photoWrapper .dots img, .muziekPage .midCol .homePhotoWrapper .dots img {
  opacity: 0.5;
}
.muziekPage .midCol .photoWrapper .dots img.active, .muziekPage .midCol .homePhotoWrapper .dots img.active {
  opacity: 1;
}
.muziekPage .midCol .photoWrapper .dots img:hover, .muziekPage .midCol .homePhotoWrapper .dots img:hover {
  cursor: pointer;
  opacity: 0.75;
}
.muziekPage .midCol .photoWrapper .controls, .muziekPage .midCol .homePhotoWrapper .controls {
  z-index: 1;
}
.muziekPage .midCol .photoWrapper .controls a, .muziekPage .midCol .homePhotoWrapper .controls a {
  width: 35px;
  height: 33px;
  display: block;
  position: absolute;
  margin-top: -17px;
  top: 50%;
  opacity: 0.5;
}
.muziekPage .midCol .photoWrapper .controls a:hover, .muziekPage .midCol .homePhotoWrapper .controls a:hover {
  opacity: 1;
}
.muziekPage .midCol .photoWrapper .controls #left, .muziekPage .midCol .homePhotoWrapper .controls #left {
  z-index: 1;
  left: 10px;
  background: url(assets/arrow1.png) 0 -2px no-repeat;
}
.muziekPage .midCol .photoWrapper .controls #right, .muziekPage .midCol .homePhotoWrapper .controls #right {
  z-index: 1;
  right: 10px;
  background: url(assets/arrow2.png) 0 -2px no-repeat;
}
.muziekPage .midCol .singleTitle {
  overflow: hidden;
  margin: 0 0 12px 0;
}
.muziekPage .midCol .singleTitle .blockTitle {
  text-align: left;
  font-size: 32px;
  height: 40px;
  line-height: 40px;
  padding: 0 0 0 15px;
  font-weight: Normal;
}
.muziekPage .midCol .singleTitle div {
  background: black;
  width: 601px;
  padding: 5px 15px 5px 15px;
  color: white;
  font-style: italic;
  font-size: 14px;
}
.muziekPage .midCol .singleContent {
  font-size: 13px;
  line-height: 20px;
  width: 630px;
  overflow: hidden;
  padding-bottom: 10px;
}
.muziekPage .midCol .singleContent .blockTitleSmall {
  max-width: 322px;
  text-align: left;
  padding: 3px 15px 0 15px;
  margin: 0 0 5px 0px;
  font-size: 13px;
  line-height: 23px;
}
.muziekPage .midCol .singleContent .singleInfo {
  font-weight: normal;
  width: 298px;
  background: black;
  margin-left: 10px;
}
.muziekPage .midCol .singleContent .singleInfo .blockTitleSmall {
  max-width: 300px;
}
.muziekPage .midCol .singleContent .singleInfo table {
  color: white;
  padding: 0 8px 5px 8px;
}
.muziekPage .midCol .singleContent p {
  margin: 1.3em 0 1.3em 0;
}
.muziekPage .midCol .discografie .blockTitle {
  margin-bottom: 10px;
}
.muziekPage .midCol .discografie .spacer {
  width: 190px;
}
.muziekPage .midCol .playerBlock, .muziekPage .midCol .homePlayer {
  vertical-align: top;
  width: 190px;
  display: inline-block;
  position: relative;
  margin-bottom: 15px;
}
.muziekPage .midCol .playerBlock:last-child, .muziekPage .midCol .homePlayer:last-child {
  margin-bottom: 0;
}
.muziekPage .midCol .playerBlock .playerInfo, .muziekPage .midCol .homePlayer .playerInfo {
  padding-top: 200px;
  text-align: left;
}
.muziekPage .midCol .playerBlock .playerInfo .albumTitle, .muziekPage .midCol .homePlayer .playerInfo .albumTitle {
  font-size: 13px;
  color: #fd7701;
  font-weight: bold;
  line-height: 22px;
}
.muziekPage .midCol .playerBlock .playerInfo .albumRelease, .muziekPage .midCol .homePlayer .playerInfo .albumRelease {
  font-size: 13px;
  color: #ffb830;
  font-weight: bold;
  line-height: 22px;
}
.muziekPage .midCol .playerBlock .playerInfo .playlist, .muziekPage .midCol .homePlayer .playerInfo .playlist {
  margin: 0;
  padding: 0;
  list-style-position: inside;
  line-height: 20px;
  font-size: 13px;
}
.muziekPage .midCol .playerBlock .playerInfo .playlist li.clickable:hover, .muziekPage .midCol .homePlayer .playerInfo .playlist li.clickable:hover {
  cursor: pointer;
  text-decoration: underline;
}
.muziekPage .midCol .playerBlock .playerInfo .playlist li span, .muziekPage .midCol .homePlayer .playerInfo .playlist li span {
  color: #fd7701;
  font-weight: bold;
}
.muziekPage .midCol .playerBlock .artOverlay, .muziekPage .midCol .homePlayer .artOverlay {
  position: absolute;
  left: 1px;
  top: 1px;
  z-index: 2;
}
.muziekPage .midCol .playerBlock .artOverlay img, .muziekPage .midCol .homePlayer .artOverlay img {
  width: 190px;
  height: 190px;
}
.muziekPage .midCol .playerBlock .artOverlay .largePlay, .muziekPage .midCol .homePlayer .artOverlay .largePlay {
  width: 61px;
  height: 61px;
  position: absolute;
  z-index: 3;
  left: 64px;
  top: 64px;
  background: url(assets/playerPlay.png) no-repeat;
}
.muziekPage .midCol .playerBlock .player, .muziekPage .midCol .homePlayer .player {
  position: absolute;
  border: 1px solid #fac6b7;
  top: 0;
  left: 0;
  width: 190px;
  height: 190px;
  background: black;
}
.muziekPage .midCol .playerBlock .player .albumArt, .muziekPage .midCol .homePlayer .player .albumArt {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0.3;
}
.muziekPage .midCol .playerBlock .player .albumArtSmall, .muziekPage .midCol .homePlayer .player .albumArtSmall {
  position: absolute;
  top: 5px;
  left: 5px;
}
.muziekPage .midCol .playerBlock .player .playerlist, .muziekPage .midCol .homePlayer .player .playerlist {
  width: 160px;
  position: absolute;
  left: 5px;
  top: 72px;
  color: white;
  padding-right: 20px;
  font-size: 12px;
  line-height: 20px;
  height: 113px;
  overflow-y: auto;
  overflow-x: hidden;
}
.muziekPage .midCol .playerBlock .player .playerlist .active, .muziekPage .midCol .homePlayer .player .playerlist .active {
  color: #ffb830;
}
.muziekPage .midCol .playerBlock .player .playerlist ul, .muziekPage .midCol .homePlayer .player .playerlist ul {
  margin: 0;
  padding: 0;
  list-style: none;
  width: 170px;
  padding-right: 30px;
  height: auto;
}
.muziekPage .midCol .playerBlock .player .playerlist ul li:hover, .muziekPage .midCol .homePlayer .player .playerlist ul li:hover {
  cursor: pointer;
  text-decoration: underline;
}
.muziekPage .midCol .playerBlock .player .playerlist .scroll, .muziekPage .midCol .homePlayer .player .playerlist .scroll {
  position: absolute;
  background: white;
  top: 0px;
  right: 0px;
  width: 8px;
  height: 109px;
  border: 2px solid #ffb830;
}
.muziekPage .midCol .playerBlock .player .playerlist .scroll .scrollBar, .muziekPage .midCol .homePlayer .player .playerlist .scroll .scrollBar {
  background: #828281;
  width: 8px;
  height: 50%;
  max-height: 109px;
}
.muziekPage .midCol .playerBlock .player .prev, .muziekPage .midCol .homePlayer .player .prev {
  display: block;
  position: absolute;
  top: 5px;
  left: 60px;
  width: 35px;
  height: 35px;
  background: url(assets/playerPrevious.png) no-repeat;
}
.muziekPage .midCol .playerBlock .player .prev:hover, .muziekPage .midCol .homePlayer .player .prev:hover {
  opacity: 0.9;
}
.muziekPage .midCol .playerBlock .player .stop, .muziekPage .midCol .homePlayer .player .stop {
  display: block;
  position: absolute;
  top: 5px;
  left: 100px;
  width: 35px;
  height: 35px;
  background: url(assets/playerStop.png) no-repeat;
}
.muziekPage .midCol .playerBlock .player .stop:hover, .muziekPage .midCol .homePlayer .player .stop:hover {
  opacity: 0.9;
}
.muziekPage .midCol .playerBlock .player .play, .muziekPage .midCol .homePlayer .player .play {
  background: url(assets/playerPlay2.png) no-repeat;
}
.muziekPage .midCol .playerBlock .player .play:hover, .muziekPage .midCol .homePlayer .player .play:hover {
  opacity: 0.9;
}
.muziekPage .midCol .playerBlock .player .next, .muziekPage .midCol .homePlayer .player .next {
  display: block;
  position: absolute;
  top: 5px;
  right: 16px;
  width: 35px;
  height: 35px;
  background: url(assets/playerNext.png) no-repeat;
}
.muziekPage .midCol .playerBlock .player .next:hover, .muziekPage .midCol .homePlayer .player .next:hover {
  opacity: 0.9;
}
.muziekPage .midCol .playerBlock .player .progBar, .muziekPage .midCol .homePlayer .player .progBar {
  position: absolute;
  top: 48px;
  left: 5px;
  background: white;
  border: 2px solid #ffb830;
  width: 177px;
  height: 15px;
  margin: auto;
}
.muziekPage .midCol .playerBlock .player .progBar .bar, .muziekPage .midCol .homePlayer .player .progBar .bar {
  background: #828281;
  width: 0%;
  height: 15px;
}
.muziekPage .midCol .playerBlock .player .progBar .text, .muziekPage .midCol .homePlayer .player .progBar .text {
  position: absolute;
  top: 0;
  right: 3px;
  font-size: 11px;
  font-weight: bold;
}
.muziekPage .midCol .playerBlock .player .progBar .line, .muziekPage .midCol .homePlayer .player .progBar .line {
  position: absolute;
  left: 0;
  top: 0;
  width: 2px;
  height: 15px;
  background: #ffb830;
  opacity: 0.8;
  display: none;
  z-index: 9;
}
.muziekPage .midCol .playerBlock .player .progBar:hover .line, .muziekPage .midCol .homePlayer .player .progBar:hover .line {
  display: block;
}
.muziekPage .midCol .homePlayer {
  height: 472px;
  margin-top: 20px;
  width: 100%;
  background: #450B42;
}
.muziekPage .midCol .homePlayer .player {
  width: 100%;
  height: 346px;
  border: 0;
  background: none;
}
.muziekPage .midCol .homePlayer .player .albumArtSmall {
  width: 100px;
  height: 100px;
  left: 10px;
  top: 10px;
}
.muziekPage .midCol .homePlayer .player .playerlist {
  top: 150px;
  left: 10px;
  right: 10px;
  bottom: 15px;
  width: auto !important;
  padding-right: 0;
  width: 100%;
  height: 311px;
  background-image: url(data:image/jpeg;base64,/9j/4QAYRXhpZgAASUkqAAgAAAAAAAAAAAAAAP/sABFEdWNreQABAAQAAABkAAD/4QMpaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLwA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/PiA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA1LjAtYzA2MCA2MS4xMzQ3NzcsIDIwMTAvMDIvMTItMTc6MzI6MDAgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDUzUgV2luZG93cyIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpEREMyQ0ZDRTgxNEYxMUUzQjFBNThCQkUzODlGQTdCQSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpEREMyQ0ZDRjgxNEYxMUUzQjFBNThCQkUzODlGQTdCQSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkREQzJDRkNDODE0RjExRTNCMUE1OEJCRTM4OUZBN0JBIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkREQzJDRkNEODE0RjExRTNCMUE1OEJCRTM4OUZBN0JBIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+/+4ADkFkb2JlAGTAAAAAAf/bAIQAAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQICAgICAgICAgICAwMDAwMDAwMDAwEBAQEBAQECAQECAgIBAgIDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMD/8AAEQgAKAABAwERAAIRAQMRAf/EAFgAAQEBAAAAAAAAAAAAAAAAAAAHCQEBAAMAAAAAAAAAAAAAAAAAAAQFCBABAAMBAAAAAAAAAAAAAAAAAGWl5RcRAQADAQEAAAAAAAAAAAAAAACh4WIUFf/aAAwDAQACEQMRAD8AysaObEASXqMFZ56dxai1n524tJU9ZAP/2Q==);
}
.muziekPage .midCol .homePlayer .player .playerlist .scroll {
  height: 311px;
  width: 13px;
}
.muziekPage .midCol .homePlayer .player .playerlist .scroll .scrollBar {
  width: 13px;
  max-height: 100%;
}
.muziekPage .midCol .homePlayer .player .playerlist ul {
  width: 100%;
}
.muziekPage .midCol .homePlayer .player .playerlist ul li:hover span {
  cursor: pointer;
  text-decoration: underline;
}
.muziekPage .midCol .homePlayer .player .playerlist ul .artist {
  padding-left: 10px;
}
.muziekPage .midCol .homePlayer .player .playerlist ul .artist, .muziekPage .midCol .homePlayer .player .playerlist ul .track {
  width: 40%;
}
.muziekPage .midCol .homePlayer .player .playerlist ul .playcount {
  width: 19%;
  text-align: right;
}
.muziekPage .midCol .homePlayer .player .playerlist ul .artist, .muziekPage .midCol .homePlayer .player .playerlist ul .track, .muziekPage .midCol .homePlayer .player .playerlist ul .playcount {
  display: inline-block;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}
.muziekPage .midCol .homePlayer .player .prev {
  left: 135px;
  top: 75px;
}
.muziekPage .midCol .homePlayer .player .stop {
  left: 175px;
  top: 75px;
}
.muziekPage .midCol .homePlayer .player .next {
  left: 215px;
  top: 75px;
}
.muziekPage .midCol .homePlayer .player .shuffle {
  display: block;
  position: absolute;
  left: 260px;
  top: 82px;
  width: 26px;
  height: 20px;
  background: url("homeAssets/shuffleOff.png") no-repeat;
}
.muziekPage .midCol .homePlayer .player .shuffle.active {
  background: url("homeAssets/shuffleOn.png") no-repeat;
}
.muziekPage .midCol .homePlayer .player .homeTitle {
  position: absolute;
  left: 135px;
  top: 15px;
}
.muziekPage .midCol .homePlayer .player .homeTitle strong {
  color: white;
  font-weight: bold;
}
.muziekPage .midCol .homePlayer .player .homeTitle .songTitle {
  color: #ffb830;
  font-size: 14px;
  padding: 10px 0 0 0;
  display: inline-block;
}
.muziekPage .midCol .homePlayer .player .playlistHeader {
  background-image: url(data:image/jpeg;base64,/9j/4QAYRXhpZgAASUkqAAgAAAAAAAAAAAAAAP/sABFEdWNreQABAAQAAABkAAD/4QMpaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLwA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/PiA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA1LjAtYzA2MCA2MS4xMzQ3NzcsIDIwMTAvMDIvMTItMTc6MzI6MDAgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDUzUgV2luZG93cyIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpCODcyMDg4MDgxNEMxMUUzOUE1Mzg4RkE4RjlCMkJBMSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpCODcyMDg4MTgxNEMxMUUzOUE1Mzg4RkE4RjlCMkJBMSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkI4NzIwODdFODE0QzExRTM5QTUzODhGQThGOUIyQkExIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkI4NzIwODdGODE0QzExRTM5QTUzODhGQThGOUIyQkExIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+/+4ADkFkb2JlAGTAAAAAAf/bAIQAAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQICAgICAgICAgICAwMDAwMDAwMDAwEBAQEBAQECAQECAgIBAgIDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMD/8AAEQgAHgABAwERAAIRAQMRAf/EAG0AAQEBAAAAAAAAAAAAAAAAAAcGCAEBAQEAAAAAAAAAAAAAAAAABgMKEAAAAwMNAAAAAAAAAAAAAAAABBXwAQNRgZGh4QISYtJTk1TUEQABAgUFAQAAAAAAAAAAAAAAkQIBYVMEFNFS0hMVA//aAAwDAQACEQMRAD8A3utGOzH5b+oZtvUuKj1jqaGfM+OxiQ0D5RdK9pwLzZi7DiGq1mrsF8AjmzIHAc3IFJjzhb02dZiP4hbuu6T1ZzP/2Q==);
  background-repeat: repeat-x;
  height: 30px;
  color: white;
  position: absolute;
  left: 10px;
  right: 10px;
  top: 120px;
  line-height: 28px;
  font-size: 14px;
}
.muziekPage .midCol .homePlayer .player .playlistHeader .artist {
  padding-left: 10px;
}
.muziekPage .midCol .homePlayer .player .playlistHeader .artist, .muziekPage .midCol .homePlayer .player .playlistHeader .track {
  width: 38%;
}
.muziekPage .midCol .homePlayer .player .playlistHeader .playcount {
  width: 19%;
}
.muziekPage .midCol .homePlayer .player .playlistHeader .artist, .muziekPage .midCol .homePlayer .player .playlistHeader .track, .muziekPage .midCol .homePlayer .player .playlistHeader .playcount {
  display: inline-block;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}
.homePlayer .player .playlistHeader .playcount
{
	text-align: right;
}
.muziekPage .midCol .videos .videoWrap, .muziekPage .midCol .videos videoWrapFull {
  width: 630px;
  height: 390px;
  margin: 10px auto 10px auto;
}
.muziekPage .midCol .fotos {
  overflow: hidden;
}
.muziekPage .midCol .fotos .spreadWrap {
  margin: 10px auto 10px auto;
}
.muziekPage .midCol .fotos .spreadWrap .spacer {
  width: 19%;
  height: 1px !important;
}
.muziekPage .midCol .fotos .spreadWrap div {
  display: inline-block;
  width: 19%;
  margin-bottom: 6px;
  vertical-align: top;
}
.muziekPage .midCol .fotos .spreadWrap div img {
  width: 100%;
  height: 100%;
}
.muziekPage .midCol .evenementen .eventWrap {
  margin: 10px auto 0px auto;
}
.muziekPage .midCol .evenementen .eventWrap .spreadWrap .spacer {
  width: 32%;
  height: 1px !important;
  display: inline-block;
}
.muziekPage .midCol .evenementen .eventWrap .spreadWrap .event {
  position: relative;
  display: inline-block;
  width: 32%;
  margin-bottom: 50px;
  vertical-align: top;
  text-align: center;
  color: #ffb830;
  font-style: italic;
    font-size: 13px;
}
.muziekPage .midCol .evenementen .eventWrap .spreadWrap .event img {
  width: 100%;
  height: 100%;
}
.muziekPage .midCol .evenementen .eventWrap .spreadWrap .event strong {
  color: #fd7701;
  font-style: normal;
}
.muziekPage .midCol .evenementen .eventWrap .spreadWrap .event img {
  width: 100%;
  border: 1px solid #cfc2bf;
}
.muziekPage .midCol .evenementen .eventWrap .spreadWrap .event a
{
	color: #ffb830;
	text-decoration: none;
}
.muziekPage .midCol .evenementen .eventWrap .spreadWrap .event a:hover
{
	color: #ffb830;
	text-decoration: underline;
}
.muziekPage .midCol .meerinfo {
  line-height: 22px;
  font-size: 13px;
  padding: 0px 0 25px 0;
}
.muziekPage .midCol .meerinfo .blockTitle {
  margin: 0px 0 10px 0;
}
.muziekPage .rightCol {
  width: 125px;
  float: right;
  margin-right: 7px;
  font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, sans-serif;
}
.muziekPage .rightCol .blockTitle {
  padding-left: 0;
  text-align: center;
}
.muziekPage .rightCol div.related {
  text-align: center;
  position: relative;
  color: #ffb830;
  font-style: italic;
  line-height: 17px;
  font-size: 12px;
  margin: 10px 0 0px 0;
}
.muziekPage .rightCol div.related img {
  width: 100%;
  border: 1px solid #cfc2bf;
}
.muziekPage .rightCol div.related strong {
  color: #fd7701;
  font-style: normal;
  font-size: 13px;
}

.overigePage .midCol .singleContent .singleInfo {
  background: none;
}
.overigePage .midCol .singleContent .singleInfo img {
  border: 1px solid #cfc2bf;
}
.overigePage .midCol .kaart {
  padding: 0 0 30px 0;
}

.locatiePage .midCol .singleContent .singleInfo {
  background: none;
}
.locatiePage .midCol .singleContent .singleInfo img {
  border: 1px solid #cfc2bf;
}
.locatiePage .midCol .kaart {
  padding: 0 0 30px 0;
}
.locatiePage .midCol .posters .posterWrap {
  margin: 10px 0 0px 0;
}
.locatiePage .midCol .posters .posterWrap .spreadWrap .spacer {
  width: 19%;
  height: 1px !important;
  display: inline-block;
}
.locatiePage .midCol .posters .posterWrap .spreadWrap .poster {
  position: relative;
  display: inline-block;
  width: 19%;
  margin-bottom: 10px;
  vertical-align: top;
}
.locatiePage .midCol .posters .posterWrap .spreadWrap .poster img {
  width: 100%;
  height: auto;
}
.locatiePage .midCol .program {
  font-size: 13px;
}
.locatiePage .midCol .program .blockTitle {
  margin: 0 0 10px 0;
}
.locatiePage .midCol .program .programWrap {
  margin: 10px 0 0px 0;
}
.locatiePage .midCol .program .programWrap .spreadWrap {
  vertical-align: top;
}
.locatiePage .midCol .program .programWrap .spreadWrap .spacer {
  width: 32%;
  display: inline-block;
}
.locatiePage .midCol .program .programWrap .spreadWrap .program {
  position: relative;
  display: inline-block;
  width: 32%;
  margin-bottom: 10px;
  vertical-align: top;
  text-align: center;
  color: #ffb830;
  font-style: italic;
}
.locatiePage .midCol .program .programWrap .spreadWrap .program strong {
  color: #fd7701;
  font-style: normal;
}
.locatiePage .midCol .program .programWrap .spreadWrap .program img {
  width: 100%;
  border: 1px solid #cfc2bf;
}

.homePage {
  overflow: hidden;
}
.homePage .leftCol {
  margin-left: 14px;
}
.homePage .midCol {
  width: 544px;
  min-height: 400px;
}
.homePage .midCol .singleTitle {
  margin: 0;
}
.homePage .midCol .singleTitle .blockTitle {
  text-align: center;
  padding: 0;
}
.homePage .midCol .homeContent {
  color: white;
  background: black;
  padding: 8px;
}
.homePage .midCol .homeContent .homeInfo {
  font-size: 13px;
  line-height: 20px;
}
.homePage .rightCol {
  width: 190px;
  margin-right: 14px;
}
.homePage .rightCol .filterInfo {
  margin: 0 0 -30px 0;
  position: static;
  width: 100%;
  text-align: center;
  display: block;
  font-size: 12px;
}
.homePage .rightCol .filterSubmit {
  margin-top: -30px;
}
.homePage .sideBarBlock {
  border: 1px solid #fd7c01;
}
.homePage .sideBarBlock .blockContent {
  padding: 8px;
}
.homePage .sideBarBlock .blockContent img {
  max-width: 100%;
  display: block;
  margin: auto;
}
.homePage .sideBarBlock.sponsor {
  margin: 30px 0 30px 0;
  height: 246px;
}
.homePage .sideBarBlock.sponsor img {
  margin: 29px 0 35px 0;
  width: 100%;
  height: auto;
}

.homePage .sideBarBlock.popboek {
  margin: 0 0 30px 0;
  height: 246px;
}
.homePage .sideBarBlock.popboek img {
  margin: 0 0 35px 0;
  width: 100%;
  height: auto;
}

.homePage .sideBarBlock.image .blockTitle {
  padding-left: 0px;
  text-align: center;
}
.homePage .sideBarBlock.image .blockContent {
  padding: 0px;
}
.homePage .sideBarBlock.image .blockContent img {
  width: 100%;
}
.homePage .sideBarImage {
  margin-bottom: 25px;
  width: 100%;
}
.homePage .sideBarImage img {
  width: 100%;
}

.homePadding {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  padding: 0 15px 0 15px;
}

.lineTitle {
  padding: 0;
  margin: 0;
  display: block;
  width: 100%;
  font-weight: bold;
  color: #fd7a02;
  font-size: 16px;
  background: url(assets/line2.png) repeat-x bottom left;
  padding-bottom: 10px;
  text-align: center;
  font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, sans-serif;
}

.homePadding .videoWrapFull {
  padding-bottom: 25px;
}
.homePadding .videoWrapFull iframe {
  width: 49%;
  float: left;
  margin-bottom: 15px;
  display: block;
  height: 290px;
}
.homePadding .videoWrapFull iframe:nth-child(2n) {
  float: right;
}


.midCol a.white {
	text-decoration: none;
	color: white;
}

.midCol a.orange {
	text-decoration: none;
	color: #ffb830;
}
.midCol a.orange:hover {
	text-decoration: underline;
}
.rightCol a
{
	text-decoration: none;
	color: #ffb830;
}
.rightCol a:hover
{
	text-decoration: underline;
}
.bezetting a
{
	text-decoration: none;
	color: white;
}




@media only screen and (max-width: 1018px) {
  body {
    background: url("http://roomseherrie.nl/images/Achtergrond.png") repeat-y center top #a6caee;
    width: 100%;
  }

  div#content_wrap {
    background: none;
    width: 100%;
  }
}

@media only screen and (max-width: 980px) {
  #popArchiefWrap {
    width: 100%;
  }

  div.filter {
    width: 95%;
  }

  .muziekPage {
    width: 97%;
    margin: 0 1.5% 0 1.5%;
    position: relative;
  }
  .muziekPage .leftCol {
    width: 190px;
    float: none;
    position: absolute;
    z-index: 1;
  }
  .muziekPage .midCol {
    width: 100%;
    padding: 0 140px 0 205px;
    float: none;
    position: absolute;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
  }
  .muziekPage .midCol .singleTitle div {
    width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
  }
  .muziekPage .midCol .singleContent {
    width: 100%;
    position: relative;
  }
  .muziekPage .midCol .singleContent .singleInfo {
    display: none;
  }
  .muziekPage .midCol .singleContent .bezetting {
    float: none;
    width: 100%;
    margin: 0 0 10px 0;
    display: block;
  }
  .muziekPage .midCol .singleContent .bezetting .blockTitle {
    width: 100%;
    max-width: 100%;
  }
  .muziekPage .midCol .singleContent .blockTitle {
    width: 100%;
    max-width: 100%;
  }
  .muziekPage .midCol .videos .videoWrap, .muziekPage .midCol .videos .videoWrapFull {
    width: 100%;
  }
  .muziekPage .midCol .kaart iframe {
    width: 100%;
  }
  .muziekPage .rightCol {
    width: 125px;
    margin-right: 0;
	min-height: 896px;
  }
  .muziekPage .rightCol .sponsor {
    margin: 50px 0 43px 0;
  }
  .muziekPage .rightCol .sideBarBlock .blockTitle {
    font-size: 13px;
  }

  .homePage .midCol {
    padding-right: 160px;
  }
  .homePage .leftCol {
    margin-left: 0;
  }
  .homePage .rightCol {
    width: 145px;
  }
}
@media only screen and (max-width: 880px) {
  .muziekPage .midCol .evenementen .eventWrap .spreadWrap .spacer, .muziekPage .midCol .evenementen .eventWrap .spreadWrap .event {
    width: 49%;
  }

  .muziekPage .midCol .fotos .spreadWrap .spacer, .muziekPage .midCol .fotos .spreadWrap div {
    width: 24%;
  }

  .locatiePage .midCol .posters .posterWrap .spreadWrap .spacer, .locatiePage .midCol .posters .posterWrap .spreadWrap .poster {
    width: 24%;
  }

  #mainFilter .decenia .checkbox, #mainFilter .genre .checkbox {
    width: 40%;
  }

  .homeResults .blockItem {
    margin-bottom: 14px;
  }
}
.mobileMenu, .menuList {
  display: none;
}

.muziekPage .mobOverlay {
  width: 100%;
  height: 1000px;
  position: absolute;
  left: 0;
  top: -10px;
  z-index: 8;
  display: none;
}

@media only screen and (max-width: 770px) {
  .muziekPage .leftCol {
    float: none;
    width: 100%;
    position: static;
    margin-left: 0;
  }
  .muziekPage .leftCol #sideFilter {
    text-align: center;
  }
  .muziekPage .leftCol #sideFilter .type {
    width: 30%;
    display: inline-block;
    vertical-align: top;
    text-align: left;
  }
  .muziekPage .leftCol #sideFilter .muziek, .muziekPage .leftCol #sideFilter .overige {
    width: 67%;
  }
  .muziekPage .leftCol #sideFilter .locaties {
    width: 95%;
    text-align: left;
  }
  .muziekPage .leftCol #sideFilter .locaties .checkbox {
    width: 44%;
    display: inline-block;
  }
  .muziekPage .leftCol #sideFilter .decenia, .muziekPage .leftCol #sideFilter .genre {
    width: 47%;
    display: inline-block;
    vertical-align: top;
    text-align: left;
  }
  .muziekPage .leftCol #sideFilter .decenia .checkbox, .muziekPage .leftCol #sideFilter .genre .checkbox {
    width: 38%;
  }
  .muziekPage .leftCol #sideFilter .filterInfo, .muziekPage .leftCol #sideSearch .filterInfo {
    position: absolute;
    right: 10px;
    bottom: 4px;
    margin: 0;
    font-size: 11px;
    display: inline;
    width: auto;
  }
  .muziekPage .midCol {
    position: static;
    padding: 0;
  }
  .muziekPage .midCol .evenementen .eventWrap .spreadWrap .spacer, .muziekPage .midCol .evenementen .eventWrap .spreadWrap .event {
    width: 32%;
  }
  .muziekPage .midCol .fotos .spreadWrap .spacer, .muziekPage .midCol .fotos .spreadWrap div {
    width: 19%;
  }
  .muziekPage .rightCol {
    padding-top: 20px;
    float: none;
    clear: both;
    width: 100%;
    text-align: center;
  }
  .muziekPage .rightCol .spreadWrap {
    padding-top: 10px;
  }
  .muziekPage .rightCol div.related {
    width: 32%;
    display: inline-block;
    margin: 0;
  }
  .muziekPage .rightCol div.spacer {
    width: 32%;
    height: 1px !important;
    display: inline-block;
  }
  .muziekPage .rightCol .blockTitle {
    text-align: left;
    text-indent: 10px;
  }

  .locatiePage .midCol .posters .posterWrap .spreadWrap .spacer, .locatiePage .midCol .posters .posterWrap .spreadWrap .poster {
    width: 19%;
  }

  .locatiePage .midCol .program .programWrap .spreadWrap .spacer, .locatiePage .midCol .program .programWrap .spreadWrap .program {
    width: 32%;
  }

  #mainFilter .decenia .checkbox, #mainFilter .genre .checkbox {
    width: 38%;
  }

  .homeResults .spacer {
    width: 32%;
  }
  .homeResults .blockItem {
    width: 32%;
  }
  .homePadding .videoWrapFull iframe {
    width: 100%;
    height: 100%;
  }
  .muziekPage .rightCol
  {
	min-height: 250px;
	padding: 0;
	padding-top: 50px;
	margin: 0;
  } 
  
  .homePage .rightCol .sideBarBlock
  {
  	width: 31%;
  	display: inline-block;
  	height: 272px;	
  	vertical-align: top;
  	margin-top: 0;
  	padding-top: 0;
  }
  .tooltip
  {
  	display: none !important;
  }
}
@media only screen and (max-width: 640px) {
  #header_poparchief, #zwarte_balk
  {
  	display: none;
  }
  .muziekPage .leftCol, .homeSearch {
    position: fixed;
    background-color: #FDF4F1;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    padding: 75px 15px 60px 15px;
    width: 100%;
    height: 100%;
    overflow-y: scroll;
    z-index: 8;
    left: 0;
    top: -120%;
    -webkit-transition: top 1.5s;
    transition: top 1.5s;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
  }
  .muziekPage .leftCol.active, .homeSearch.active {
    top: 0;
  }
  .muziekPage .leftCol #sideFilter .type, .muziekPage .leftCol #sideFilter .decenia, .muziekPage .leftCol #sideFilter .genre, .homeSearch #sideFilter .type, .homeSearch #sideFilter .decenia, .homeSearch #sideFilter .genre {
    width: 95%;
    margin: auto;
  }
  .muziekPage .leftCol #sideFilter .filterInfo, .muziekPage .leftCol #sideSearch .filterInfo, .homeSearch #sideFilter .filterInfo, .homeSearch #sideSearch .filterInfo {
    bottom: 17px;
  }
  .muziekPage .leftCol div.filter, .homeSearch div.filter {
    width: 100%;
  }
  .muziekPage .leftCol div.filter .filterInfo, .homeSearch div.filter .filterInfo {
    bottom: 14px;
    font-size: 11px;
  }
  .muziekPage .leftCol #mainFilter .filterInfo, .homeSearch #mainFilter .filterInfo {
    bottom: 17px;
  }
  .muziekPage .leftCol #mainFilter, .muziekPage .leftCol #sideFilter, .homeSearch #mainFilter, .homeSearch #sideFilter {
    width: 100%;
  }
  .muziekPage .leftCol #mainFilter .muziek, .muziekPage .leftCol #mainFilter .overige, .muziekPage .leftCol #sideFilter .muziek, .muziekPage .leftCol #sideFilter .overige, .homeSearch #mainFilter .muziek, .homeSearch #mainFilter .overige, .homeSearch #sideFilter .muziek, .homeSearch #sideFilter .overige {
    width: 100%;
  }
  .muziekPage .leftCol #mainFilter .type, .muziekPage .leftCol #mainFilter .decenia, .muziekPage .leftCol #mainFilter .genre, .muziekPage .leftCol #mainFilter .locaties, .muziekPage .leftCol #sideFilter .type, .muziekPage .leftCol #sideFilter .decenia, .muziekPage .leftCol #sideFilter .genre, .muziekPage .leftCol #sideFilter .locaties, .homeSearch #mainFilter .type, .homeSearch #mainFilter .decenia, .homeSearch #mainFilter .genre, .homeSearch #mainFilter .locaties, .homeSearch #sideFilter .type, .homeSearch #sideFilter .decenia, .homeSearch #sideFilter .genre, .homeSearch #sideFilter .locaties {
    width: 95%;
  }
  .muziekPage .leftCol #mainFilter .type .checkbox, .muziekPage .leftCol #mainFilter .decenia .checkbox, .muziekPage .leftCol #mainFilter .genre .checkbox, .muziekPage .leftCol #mainFilter .locaties .checkbox, .muziekPage .leftCol #sideFilter .type .checkbox, .muziekPage .leftCol #sideFilter .decenia .checkbox, .muziekPage .leftCol #sideFilter .genre .checkbox, .muziekPage .leftCol #sideFilter .locaties .checkbox, .homeSearch #mainFilter .type .checkbox, .homeSearch #mainFilter .decenia .checkbox, .homeSearch #mainFilter .genre .checkbox, .homeSearch #mainFilter .locaties .checkbox, .homeSearch #sideFilter .type .checkbox, .homeSearch #sideFilter .decenia .checkbox, .homeSearch #sideFilter .genre .checkbox, .homeSearch #sideFilter .locaties .checkbox {
    width: 43%;
  }
  .muziekPage .leftCol #mainFilter p, .muziekPage .leftCol #sideFilter p, .homeSearch #mainFilter p, .homeSearch #sideFilter p {
    margin: 0.5em 0 0.5em 0;
  }

  .muziekPage.active .mobOverlay {
    display: block;
  }
  .muziekPage .midCol {
    position: static;
    padding: 0;
    width: 100%;
    position: relative;
  }
  .muziekPage .midCol .fotos .spreadWrap .spacer, .muziekPage .midCol .fotos .spreadWrap div {
    width: 24%;
  }
  .muziekPage .rightCol {
    float: none;
    clear: both;
    width: 100%;
    text-align: center;
  }
  .muziekPage .rightCol .blockTitle {
    text-align: left;
    text-indent: 10px;
  }
  .muziekPage .rightCol div.related, .muziekPage .rightCol div.spacer {
    width: 32%;
  }

  .locatiePage .midCol .posters .posterWrap .spreadWrap .spacer, .locatiePage .midCol .posters .posterWrap .spreadWrap .poster {
    width: 24%;
  }

  .locatiePage .midCol .program .programWrap .spreadWrap .spacer, .locatiePage .midCol .program .programWrap .spreadWrap .program {
    width: 32%;
  }

  div#popArchiefWrap {
    padding-top: 55px;
  }

  .mobileMenu {
    display: block;
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 10;
    height: 70px;
  }
  .mobileMenu .topBar {
    background: url(http://www.roomseherrie.nl/poparchief/assets/topBar.jpg) repeat-x;
    height: 60px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    width: 100%;
  }
  .mobileMenu .topBar:after {
    content: "";
    display: block;
    position: absolute;
    top: 60px;
    left: 0;
    height: 10px;
    background: url(http://www.roomseherrie.nl/poparchief/assets/shadow1.png) repeat-x;
    width: 100%;
  }
  .mobileMenu .topBar #logo {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    padding: 0 120px 0 120px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    line-height: 55px;
    text-align: center;
  }
  .mobileMenu .topBar #logo img {
    width: 100%;
    max-width: 284px;
    vertical-align: middle;
  }
  .mobileMenu .topBar #menuBtn {
    width: 115px;
    height: 60px;
    display: block;
    background: url(http://www.roomseherrie.nl/poparchief/assets/menuBtn.png) no-repeat 38px 15px;
    position: absolute;
    top: 0;
    left: 0;
  }
  .mobileMenu .topBar #menuBtn.active {
    background-color: #45004e;
  }
  .mobileMenu .topBar #menuBtn:after {
    content: "";
    position: absolute;
    top: 0;
    left: 115px;
    width: 2px;
    height: 60px;
    background: url(http://www.roomseherrie.nl/poparchief/assets/line1.jpg) repeat-y top right;
  }
  .mobileMenu .topBar #searchBtn {
    width: 115px;
    height: 60px;
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    background: url(http://www.roomseherrie.nl/poparchief/assets/searchBtn.png) no-repeat 38px 15px;
  }
  .mobileMenu .topBar #searchBtn.active {
    background-color: #45004e;
  }
  .mobileMenu .topBar #searchBtn:after {
    content: "";
    position: absolute;
    top: 0;
    right: 115px;
    width: 2px;
    height: 60px;
    background: url(http://www.roomseherrie.nl/poparchief/assets/line1.jpg) repeat-y top right;
  }

  .menuList {
    display: block;
    width: 270px;
    height: 100%;
    background-color: #7b2b83;
    color: #45004e;
    font-size: 21px;
    position: fixed;
    z-index: 9;
    padding-top: 60px;
    padding-bottom: 80px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    top: 0px;
    left: -270px;
    overflow: auto;
    -webkit-transition: left 1.5s;
    transition: left 1.5s;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
  }
  .menuList.active {
    left: 0;
  }
  .menuList a {
    color: #45004e;
    text-decoration: none;
    height: 45px;
    display: block;
    width: 100%;
  }
  .menuList img {
    float: left;
    margin: 9px 0 0 10px;
  }
  .menuList ul {
    list-style: none;
    margin: 0;
    padding: 0;
  }
  .menuList ul > li {
    width: 94%;
    text-indent: 10px;
    margin-left: 3%;
    line-height: 45px;
    background: url(http://www.roomseherrie.nl/poparchief/assets/arrow3.png) no-repeat 215px 13px, url(http://www.roomseherrie.nl/poparchief/assets/mbBtn1.jpg) repeat-x 0 0;
    margin-top: 15px;
    border-bottom: 1px solid #754d7a;
  }
  .menuList ul > li > ul li {
    background: url(http://www.roomseherrie.nl/poparchief/assets/arrow4.png) no-repeat 215px 13px, url(http://www.roomseherrie.nl/poparchief/assets/mbBtn2.jpg) repeat-x;
    border-top: 1px solid #e0cee2;
    text-indent: 18px;
    margin: 0;
    width: 100%;
  }
  .menuList ul > li > ul li:first-child:after {
    height: 1px;
    width: 100%;
    background: #754d7a;
    position: relative;
    top: -47px;
    display: block;
    content: "";
  }

  .homeResults .blockItem {
    margin-bottom: 16px;
  } 
}
@media only screen and (max-width: 500px) {
  .homeResults .spacer {
    width: 48%;
  }
  .homeResults .blockItem {
    width: 48%;
    margin-bottom: 19px;
  }

  .filterButtons .whiteButton {
    display: block;
    margin: 5px 0 5px 0;
    padding: 0;
  }
}
@media only screen and (max-width: 400px) {
  .mobileMenu .topBar #logo {
    padding: 0 80px 0 80px;
  }
  .mobileMenu .topBar #menuBtn {
    width: 80px;
    background: url(http://www.roomseherrie.nl/poparchief/assets/menuBtn.png) no-repeat 20px 15px;
  }
  .mobileMenu .topBar #menuBtn:after {
    left: 80px;
  }
  .mobileMenu .topBar #searchBtn {
    width: 80px;
    background: url(http://www.roomseherrie.nl/poparchief/assets/searchBtn.png) no-repeat 25px 15px;
  }
  .mobileMenu .topBar #searchBtn:after {
    right: 80px;
  }

  .muziekPage .rightCol div.related, .muziekPage .rightCol div.spacer {
    width: 48%;
  }

  .muziekPage .midCol .fotos .spreadWrap .spacer, .muziekPage .midCol .fotos .spreadWrap div {
    width: 48%;
    margin-bottom: 10px;
  }

  .locatiePage .midCol .posters .posterWrap .spreadWrap .spacer, .locatiePage .midCol .posters .posterWrap .spreadWrap .poster {
    width: 31%;
  }

  .locatiePage .midCol .program .programWrap .spreadWrap .spacer, .locatiePage .midCol .program .programWrap .spreadWrap .program {
    width: 48%;
  }

  .muziekPage .midCol .evenementen .eventWrap .spreadWrap .spacer, .muziekPage .midCol .evenementen .eventWrap .spreadWrap .event {
    width: 48%;
    margin-bottom: 45px;
  }

  .muziekPage .leftCol #sideFilter .locaties .checkbox, .muziekPage .leftCol #sideFilter .muziek .checkbox {
    width: auto;
  }

  #mainFilter .locaties .checkbox, #mainFilter .muziek .checkbox {
    width: auto !important;
  }
   .homePage .rightCol .sideBarBlock
  {
  	width: 48%;
  	display: inline-block;
  	height: 272px;	
  	vertical-align: top;
  	margin-top: 0;
  	padding-top: 0;
  }
}
@media only screen and (max-width: 330px) {
  .homeResults .spacer {
    width: 80%;
  }
  .homeResults .blockItem {
    width: 80%;
    margin-bottom: 19px;
  }
}


