@CHARSET "ISO-8859-1";
/* KLEUREN */ /*
#f5f5f5   rgba (245,245,245,1)
*/
@import url(http://fonts.googleapis.com/css?family=Playfair+Display+SC:400italic,700,900|Raleway:500|Martel+Sans:400,700);

.fp-responsive .fp-section,
.fp-responsive .fp-slide,
.fp-responsive .fp-tableCell{
    height: auto !important;
}
.fp-auto-height.fp-section,
.fp-auto-height .fp-slide,
.fp-auto-height .fp-tableCell{
    height: auto !important;
}
@media (max-width: 950px){
    #section-bladmuziek.fp-section,
    #section-bladmuziek .fp-tableCell{
        height: auto !important;
        min-height: 100%;
    }
}
/* Reset in jquery.fullPage.css */ 
@CHARSET "ISO-8859-1";
/* Reset CSS
 * --------------------------------------- */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,
form,fieldset,input,textarea,p,blockquote,th,td {
    padding: 0;
    margin: 0;
}
a{
    text-decoration:none;
}
table {
    border-spacing: 0;
}
fieldset,img {
    border: 0;
}
address,caption,cite,code,dfn,em,strong,th,var {
    font-weight: normal;
    font-style: normal;
}
strong{
    font-weight: bold;
}
ol,ul {
    list-style: none;
    margin:0;
    padding:0;
}
caption,th {
    text-align: left;

}
h1,h2,h3,h4,h5,h6 {
    font-weight: normal;
    font-size: 100%;
    margin:0;
    padding:0;
    color:#444;
}
q:before,q:after {
    content:'';
}
abbr,acronym { border: 0;
}



/* Custom CSS
 * --------------------------------------- */
*, *:after, *:before {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.clearfix:before, .clearfix:after {
  display: table;
  content: '';
}

.clearfix:after {
  clear: both;
}
html {font-family: "Martel Sans","Helvetica Neue",Helvetica, Arial, sans-serif !important;} /* om UIkit standaard te overrulen */

body {
  background-color: #f5f5f5;
  background-color: #e5e9ec;
  /*background-color: transparent !important;*/
  color: #7b7b7b;
  font-weight: 400;
  font-size: 16px;
  font-family: "Martel Sans", Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;

}
h1,h2,h3,h4,h5,h6 {font-family: "Playfair Display", "Martel Sans","Helvetica Neue",Helvetica,Arial,sans-serif;}
h2 {font-family: "Playfair Display",serif;
    margin: 0;
    text-align: ;
    font-size: 3.25em;}
h3.uk-panel-title {letter-spacing: -0.05em; padding-right: 25px;}
a h3.uk-panel-title {padding-right: 0px; color: #07d; font-family: "Playfair Display",serif !important; font-size: 110%; letter-spacing: 0em; margin-bottom: 5px;}
a.cd_water-link h3.uk-panel-title {letter-spacing: -0.03em;}
h3.uk-panel-title + p {margin-top: -12px}
img, .animate, .itemRow, , a.track, .audio, .uk-panel{
	    -webkit-transition: all 0.7s ease-out;
		-moz-transition: all 0.7s ease-out;
		-o-transition: all 0.7s ease-out;
		transition: all 0.7s ease-out;

	}
.uk-animation-5 {
  -webkit-animation-duration: 5s;
  animation-duration: 5s;
}
.uk-animation-2 {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}
.uk-animation-1 {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
}
.uk-animation-08 {
  -webkit-animation-duration: 800ms;
  animation-duration: 800ms;
}
.uk-animation-05 {
  -webkit-animation-duration: 500ms;
  animation-duration: 500ms;
}
.uk-delay-1 {
  -webkit-transition-delay: 3s; /* Safari */
  transition-delay: 3s;
}
.uk-delay-05 {
  -webkit-transition-delay: 500ms; /* Safari */
  transition-delay: 500ms;
}

.divanimate {
    width: 100px;
    height: 100px;
    background: red;
    -webkit-transition-property: width; /* Safari */
    -webkit-transition-duration: 5s; /* Safari */
    -webkit-transition-delay: 2s; /* Safari */
    transition-property: width;
    transition-duration: 5s;
    transition-delay: 2s;
}

.divanimate:hover {
    width: 300px;
}


a:hover h3 {text-decoration: none}
/* inset */ hr.uk-article-divider {border: 0; height: 0; border-top: 1px solid rgba(0, 0, 0, 0.1); border-bottom: 3px solid rgba(255, 255, 255, 0.1); margin-bottom: 15px;}
.fp-tableCell { height: 100% !important; }

/* https://css-tricks.com/examples/hrs/ */
/* ==== § ==== */ hr.glyph { padding: 0; border: none; border-top: medium double #333; color: #333; text-align: center; } 
/* ==== § ==== */ hr.glyph:after { content: "§"; display: inline-block; position: relative; top: -0.7em; font-size: 1.5em; padding: 0 0.25em; background: white; }
/* Single-direction drop shadow */ hr.style-shadow { height: 12px; border: 0; box-shadow: inset 0 12px 12px -12px rgba(0, 0, 0, 0.5); }
/* Double-color dashed line */ hr.style-dashed { border: 0; border-bottom: 1px dashed #ccc; background: #999; }
/* Cloud */ hr.cloud { border: 0; height: 0; /* Firefox... */ box-shadow: 0 0 10px 1px black; } 
/* Cloud */ hr.cloud:after { /* Not really supposed to work, but does */ content: "\00a0"; /* Prevent margin collapse */ }
/* Inset, by Dan Eden */ hr.inset { border: 0; height: 0; border-top: 1px solid rgba(0, 0, 0, 0.1); border-bottom: 1px solid rgba(255, 255, 255, 0.3); }
/* Gradient transparent - color - transparent */ hr.gradient { border: 0; height: 1px; background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0)); }
/* Flaired edges, by Tomas Theunissen */ 
hr.flaired-edges { height: 30px; border-style: solid; border-color: black; border-width: 1px 0 0 0; border-radius: 20px; } 
hr.flaired-edges:before { /* Not really supposed to work, but does */ display: block; content: ""; height: 30px; margin-top: -31px; border-style: solid; border-color: black; border-width: 0 0 1px 0; border-radius: 20px; }
hr.uk-article-end {
  border-top: 4px double #8c8b8b;
  text-align: center;
}
hr.uk-article-end:after {
  font-family: sans-serif;
/*  content: '\00b6'; /* paragraph */
/*  content: '\001f3b9'; /* keyboard */
/*  content: '\001f3bc'; /* staff */
/*  content: '\00266e'; /* natural note */
/*  content: '\00266c'; /* dubbeln noot*/
/*  content: '\00266b'; /* dubbeln noot klein */
/*  content: '\00266a'; /* achtste noot */
  content: '\002669'; /* kwart noot*/
  display: inline-block;
  position: relative;
  top: -15px;
  padding: 0 10px;
  background: #e5e9ec;
  color: #8c8b8b;
  font-size: 18px;
}
/* cutline: 002702; chevron: 00bb; pijl: 002192; heavypijl: 00279e; dashed: 0021e2; tripple thick: 0021e2; */ /* http://timtrott.co.uk/html-character-codes/ */
hr.uk-article-readmore { 
  border-top: 1px dashed #8c8b8b; 
} 
hr.uk-article-readmore:after { 
  content: '\0021e2'; 
  display: inline-block; 
  position: relative; 
  top: -19px; 
  left: 40px; 
  left: 95%;
  padding: 0 3px; 
  background: #e5e9ec; 
  color: #8c8b8b; 
  font-size: 24px; 
  font-size: 27px; 
}


.cd_container-albumart img.playbutton {width: 25px; margin-top: 0px; margin-left: -50px; position: absolute;}

.wrap{ /* Fullpage default */
/*	margin-left: auto;
	margin-right: auto;
	width: 960px;
	position: relative;*/
}



html .uk-nav.uk-nav-offcanvas > li.uk-active > a, li.active, .uk-nav-offcanvas > .uk-open > a, html:not(.uk-touch) .uk-nav-offcanvas > li > a:focus, html:not(.uk-touch) .uk-nav-offcanvas > li > a:hover {
  background-color: #4379c4;
}
a.moveSlideRight:after {
    content:'\f101';
    font-family:'FontAwesome';
 /*   font-size:30px;
        color:#ccc;*/
 /*   position:absolute;
    top:5px;
    left:8px;*/
    margin-left: 5px;
    display:inline-block;
}
.uk-article-title > a.moveSlideRight:after {display: none}
/* .slimScrollBar {margin-top: 20px; margin-bottom: 20px;} */
#sidebar {
    /*background:  rgba(33, 33, 33, 0.5) none repeat scroll 0 0;*/
    background-color: ;
    color: #4379c4;
 /*   bottom: 0;
    left: 0;
    max-width: 100%;
    overflow-y: auto;
    position: absolute;
    top: 0;*/
 /*   transform: translateX(-100%);*/
    transition: transform 0.3s ease-in-out 0s;
 /*     z-index: 2;

 box-sizing: border-box;
 */

  /*	width: 270px;*/

}
	/* Common styles
	* --------------------------------------- */
	img{
	    -webkit-transition: all 0.7s ease-out;
		-moz-transition: all 0.7s ease-out;
		-o-transition: all 0.7s ease-out;
		transition: all 0.7s ease-out;
	}

#cd_container-secret.slide,#cd_container-carpediem.slide,#cd_container-confuoco.slide,#cd_container-water.slide,#cd_container-diadans.slide {visibility: hidden;
	-webkit-transition: all 0.7s ease-in-out 50ms;
	-moz-transition: all 0.7s ease-in-out 50ms;
	-o-transition: all 0.7s ease-in-out 50ms;
	transition: all 0.7s ease-in-out 50ms;} /* bij albums verbergt album ervoor bij animatie */
#cd_container-secret.slide.active,#cd_container-carpediem.slide.active,#cd_container-confuoco.slide.active,#cd_container-water.slide.active,#cd_container-diadans.slide.active {visibility: visible;

  } /* bij albums verbergt album ervoor bij animatie */
.cd_container-albumart{
	-webkit-transition: all 0.7s ease-out;
	-moz-transition: all 0.7s ease-out;
	-o-transition: all 0.7s ease-out;
	transition: all 0.7s ease-out;}
.cd_container-albumtext{
	-webkit-transition: all 0.7s ease-in-out 50ms;
	-moz-transition: all 0.7s ease-in-out 50ms;
	-o-transition: all 0.7s ease-in-out 50ms;
	transition: all 0.7s ease-in-out 50ms;}
.cd_container-albumart, .cd_container-albumtext {
	-webkit-transform: translate3d(500px, 0px, 0px);
	-moz-transform: translate3d(500px, 0px, 0px);
	-ms-transform:translate3d(500px, 0px, 0px);
	transform: translate3d(500px, 0px, 0px);}
.slide.active .cd_container-albumart, .slide.active .cd_container-albumtext {
	-webkit-transform: translate3d(0px, 0px, 0px);
	-moz-transform: translate3d(0px, 0px, 0px);
	-ms-transform:translate3d(0px, 0px, 0px);
	transform: translate3d(0px, 0px, 0px);
	}

.fullpage-wrapper {transition: all 1000ms ease-in-out 300ms !important;} /* Vertraging zodat de terug scrol niet zichtbaar is */

.fp-no-transitions { /*WERKT NIET Vertraagt animatie silentMove to first slide */
    -webkit-transition: all 5s ease-out !important; 
    transition: all 5s ease-out !important;
		}


/* Bolletjes NAV */
#fp-nav.right {}
#fp-nav ul li a span, 
.fp-slidesNav ul li a span {
    background: white;
    width: 8px;
    height: 8px;
    margin: -4px 0 0 -4px;
}
#fp-nav ul li a.active span, 
.fp-slidesNav ul li a.active span, 
#fp-nav ul li:hover a.active span, 
.fp-slidesNav ul li:hover a.active span {
    width: 16px;
    height: 16px;
    margin: -8px 0 0 -8px;
    background: transparent;
    box-sizing: border-box;
    border: 1px solid #24221F;
}	

body  .uk-navbar {background-color: rgba(245, 245, 245, 0.25); z-index: 1000; position: fixed;}
body  .uk-nav-navbar ul a:hover {
    color: #ccc;
}
body  .uk-navbar-nav > li > a {font-size: 24px; line-height: 20px; padding: 7px 9px;} /* Hamburger */
#sidebarmenu.uk-nav-offcanvas > li > a {
    color: #4a5261;
    padding: 20px 15px;
    text-align: center;
    font-size: 1.2rem;
}


#sidebarmenu .uk-nav-header img.sidebar-silhouette {width: 100px; margin-left:20%; margin-top: 0px; z-index: 4; position: relative;}
#sidebarmenu .uk-nav-header img.sidebar-logo {width: 100%;}
.uk-panel:hover {
	/*border-color: #e5e5e5;*/
     /* background: #f5f5f5 none repeat scroll 0 0; */
   /*  background-color: rgba(245, 245, 245, 0.15) !important;
     box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);*/
}
/*.uk-panel:hover .uk-panel-title {text-decoration: underline;}*/
.uk-panel {padding: 5px; padding-top: ;}
.uk-panel:focus, .uk-panel:hover {
    background-color: rgba(245, 245, 245, 0.5);
    border-color: #b2b2b2;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
 /*   outline: 0 none;
    text-decoration: none;
    padding:0px;*/
}
/*div.uk-panel:hover .uk-panel-title {padding: 0px;}

a.uk-thumbnail:focus, a.uk-thumbnail:hover {
    background-color: #fff;
    border-color: #b2b2b2;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
    outline: 0 none;
    text-decoration: none;
}*/
.uk-panel-space {padding: 20px;} /* Albums */
.uk-panel-space .uk-panel-badge {
    right: 20px;
    top: 24px;
}

@media (max-width: 767px){
    .uk-panel-space {padding: 5px;} /* Albums */
    .uk-panel-space .uk-panel-badge {
    right: 5px;
    top: 10px;}
}


.shadow {box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);}

#albums .uk-grid.uk-grid-collapse {bottom: -50px}

#ABCsection-biografie.active {background-color: green; border: solid 10px blue}
/*#albums.loadImage {background-color: red; border: solid 10px blue}*/
.ABCloadImage {background-color: khaki; border: solid 15px orange}

  .loadImage {padding: ; background-color: rgba(255, 0, 0, 0); display: ; /* red */}
  .loadImageSlide {padding: ; background-color: ; border-left: inset 0px yellow;
   -webkit-transition: all 2s ease-out !important; 
    transition: all 2s ease-out !important;}
  .loadImageFun {padding: 35px; background-color: purple; display: ;}


#bioportret.active {padding: 10px;  box-shadow: 0 0 0px rgba(0, 0, 0, 0.3);}
#section-home #home-nieuws-alert p {color: #999 !important;  line-height: 1.2; margin-bottom: 0px;}
/*#section-home #home-nieuws-alert span.uk-panel-title {color: #2d7091;}*/
#section-home .uk-thumbnail {background-color: transparent; border: 0px; padding: 0px;}
#section-home .uk-panel .imgsContainer {position: relative; left: 50; top: 0; margin-right: 50px;}
#section-home .uk-panel .imgsContainer img {position: absolute; top: 0px; left: 50px; /*border-radius: 4px;*/
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);}
#section-home .uk-panel .imgsContainer img:first-of-type {position: relative; top: 0; left: 0; }

#bladmuziek-1 .imgsContainer {position: relative; left: 5%;  margin-right: 50px; display: block;}
#bladmuziek-1 .imgsContainer img {position: absolute; top: 0px; left: -750px; border-radius: 4px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); max-width: auto; }
#bladmuziek-1 .imgsContainer img:first-of-type {position: relative; /*top: 0px;  left: 50px;*/}

/* book covers groot eerste tab bladmuziek */
#bladmuziek-2 .imgsContainer {position: relative; left: 0; top: 0; margin-right: 50px;}
#bladmuziek-2 .imgsContainer img {position: absolute; top: 0px;  border-radius: 4px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); top: 0px; /*left: 100px; max-width: auto; max-height: auto*/ left: 30%;}
#bladmuziek-2 .imgsContainer img:first-of-type {position: relative; top: -50px; left: 5px; opacity: 0.75; /*top:; -50px; */}

ul.reset-list {padding-left: ;}

.uk-grid div {background-color: ;}
.uk-grid div:first-of-type {background-color: ;}
.cd_container-albumart img {border: solid red 0px; width: 350px; margin-top: 25px;}
/*
darkest gray: 4a5261;
darkgray:  rgba(33, 33, 33, 0.1)
lighter gray: eee
light gray: f5f5f5
*/

div.cd_container-albumtext{background-color: #eee;}

#cd_container-secret .cd_container-albumart, #cd_container-carpediem .cd_container-albumart, #cd_container-confuoco .cd_container-albumart, #cd_container-water .cd_container-albumart, #cd_container-diadans .cd_container-albumart, #cd_container-geluidenwind .cd_container-albumart  {background-size: cover; background-attachment: ;
/*filter: blur(5px);
  -webkit-filter: blur(5px);*/
 }
.cd_container-albumart {background-color: ; position: relative; z-index: 2; overflow: hidden;}
#cd_container-secret .cd_container-albumart::before {background-image: url("../img/album_secret-of-the-heart_blur.jpg");}
#cd_container-carpediem .cd_container-albumart::before {background-image: url("../img/album_carpe-diem_blur.jpg");}
#cd_container-confuoco .cd_container-albumart::before {background-image: url("../img/album_con-fuoco_blur.jpg");}
#cd_container-water .cd_container-albumart::before {background-image: url("../img/album_water-dat-van-zilver-is_blur.jpg");}
#cd_container-diadans .cd_container-albumart::before {background-image: url("../img/album_diadans_blur.jpg");}
#cd_container-geluidenwind .cd_container-albumart::before {background-image: url("../img/album_musica-poetica-geluiden-wind-blur.jpg");}

#cd_container-secret .cd_container-albumart::before, #cd_container-carpediem .cd_container-albumart::before, #cd_container-confuoco .cd_container-albumart::before, #cd_container-water .cd_container-albumart::before, #cd_container-diadans .cd_container-albumart::before, #cd_container-geluidenwind .cd_container-albumart::before {
   /* background: rgba(0, 0, 0, 0) url("../img/album_carpe-diem.jpg") no-repeat scroll top center / cover;*/
    background-color: rgba(0, 0, 0, 0.);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    /*background-attachment: scroll;*/
    border: 1px solid red;
    
    content: " ";
    bottom: -15px;
    left: -15px;
    right: -15px;
    top: -15px;
    opacity: 1;
    position: absolute;
    z-index: -1;

    filter: blur(5px);
    -webkit-filter: blur(5px);
}
.ie#cd_container-carpediem .cd_container-albumart::before {display: none;}

.canvasblur2 {position: relative; float: left; top: 0; width: 100%; height: 100%; }
.canvasblur {width: 100%;}
.canvasblurdiv {position: relative; left: 0;  background-color: blue; width: 100%;}
.gridcanvasblurdiv {position: ; float; ; float: left;}
#myCanvas{ position: absolute; z-index: 1; }

C2.cd_albumart-inner {position: relative; width: 100%; overflow: hidden;}

@media screen\0 {#cd_container-carpediem .cd_container-albumart::before  {background-color: rgba(33, 33, 33, 0.1); display: none;}} /* IE? only? */

A#BCcd_container-carpediem .cd_container-albumart::before {
  background-image: url('../img/photo3.jpg');
  content: "";
/*  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: -1;*/
  
  width: 100%;
  height: 100%;
   position: fixed;
  left: 0;
  right: 0;
  z-index: -1;
  
  -webkit-filter: blur(5px);
  -moz-filter: blur(5px);
  -o-filter: blur(5px);
  -ms-filter: blur(5px);
  filter: blur(5px);
}


#container,#container2 {
overflow:hidden;
position:relative;
z-index: 1;
}
#pixie,#pixie2 {
z-index:0;
background:#010222;
background: 
}
#over_stuff,#over_stuff2{
color:white;
position:absolute;
top:0px;
left:0px;
z-index:5;
padding:10px;
}

.cblurgradient {
  /* background-color: red;*/
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
            background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjE1Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
            background: -moz-linear-gradient(top,  rgba(0,0,0,0.15) 0%, rgba(0,0,0,1) 100%); /* FF3.6+ */
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.15)), color-stop(100%,rgba(0,0,0,1))); /* Chrome,Safari4+ */
            background: -webkit-linear-gradient(top,  rgba(0,0,0,0.15) 0%,rgba(0,0,0,1) 100%); /* Chrome10+,Safari5.1+ */
            background: -o-linear-gradient(top,  rgba(0,0,0,0.15) 0%,rgba(0,0,0,1) 100%); /* Opera 11.10+ */
            background: -ms-linear-gradient(top,  rgba(0,0,0,0.15) 0%,rgba(0,0,0,1) 100%); /* IE10+ */
            background: linear-gradient(to bottom,  rgba(0,0,0,0.15) 0%,rgba(0,0,0,1) 100%); /* W3C */
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#26000000', endColorstr='#000000',GradientType=0 ); /* IE6-8 */

}

/* LET OP: in @MEDIA zit MIN-width 768px! of960nu  */

.uk-article, .uk-article-lead { /* in @media MIN-width 768px! */
  /*  font-size: 1em;*/
  /*  padding: 20px 60px 80px; *//* 20px 60px 80px  */
    background-color: rgba(255, 255, 255, 0);
    /*padding: 0.5em 0.5em 1em;*/
    padding: 1.5em 2.5em 1em;
    width: 100%; /* 90%;*/
    max-width: 800px;
}
/*.uk-article p:first-of-type, */.uk-article-lead p:first-of-type {
    /*font-size: 1.3em;
    font-size: 18px;*/
    font-size: 1.3rem;
    line-height: 1.5;
}
h1.uk-article-title	{
	font-family: "Playfair Display",serif !important;
  font-size: 2.25em;
	font-weight: 700;
  /*line-height: 1.35;*/
   /* line-height: 1.2;*/ margin-left: -2px; }
h2.uk-lead-title {line-height: 1.2; /*line-height: 0.8;*/ margin-left: -3px; }
/*
.uk-article p {
    color: #7b7b7b;
    margin: 1em auto;
    max-width: 1200px;
    text-align: justify;
}*/
.uk-article p {
  margin: 0 auto 1em;
  font-size: 1.1em;
  line-height: 1.4;
  color: #7b7b7b;
}
blockquote {font-style: normal}
blockquote {
    background: #f9f9f9 none repeat scroll 0 0;
    border-left: 10px solid #ccc;
    line-height: 1.6;
    margin: 1.5em -20px;
    padding: 0.5em 10px;
    quotes: ;
    text-align: left;
   /* font-size: 1.6rem;*/
}
/*blockquote::before {
    color: #ccc;
    content: open-quote;
    font-size: 4em;
    line-height: 0.1em;
    margin-right: 0.25em;
    vertical-align: -0.4em;
}*/
blockquote small{
    display: block;}

blockquote {
    position:relative;
    padding:10px 45px;
}
blockquote:before, blockquote:after {
    color:#ccc;
    content:'\f10d';
    display:block;
    font-family:'FontAwesome';
    font-size:30px;
    left:8px;
    position:absolute;
    top:5px;
}
blockquote:after {
    content:'\f10e';
    bottom:0;
    right:8px;
    top:auto;
    left:auto;
}


@media only screen and (min-width: 960px) { /* 768 */
  .uk-article , .uk-article-lead {
    padding: 1.5em 2.75em 1.5em;
  }

  .uk-article-lead, .uk-article p {
    margin: 0 auto 1.5em;
    font-size: 1.2rem;
    line-height: 1.6;
  }
  h1.uk-article-title {
  line-height: 1.35;
  padding-top: 5px; 
  padding-bottom: 5px; }
}


article.uk-article p:last-of-type:after{
  background : url("../img/silhouette.png") no-repeat;
  background-size: contain;
  content : " ";
  display: inline-block;
  width: 0.75em;
  height: 0.75em;
  opacity: 0.45;
-moz-transform: scaleX(-1);
  -o-transform: scaleX(-1);
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
  filter: FlipH;
  -ms-filter: "FlipH";
}
.cd_container-albumtext > article.uk-article p:last-of-type:after {display: none}
ABC.uk-article-lead p:after{  /* Muziek icoontje */
  /* color: #cbcbcb; /* nav grijs */
  /*color: #4a5261; /* nav blauw */
  color: rgba(33, 33, 33, 0.3);
   content: '\f001';
   font-family: FontAwesome;
   font-weight: normal;
   font-style: normal;
   margin:0px 0px 0px 5px;
   text-decoration:none;
   font-size: 1em;
} 

article.uk-article a[target="_blank"]:after, .uk-panel a[target="_blank"]:after, a.external-link {
  content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAQElEQVR42qXKwQkAIAxDUUdxtO6/RBQkQZvSi8I/pL4BoGw/XPkh4XigPmsUgh0626AjRsgxHTkUThsG2T/sIlzdTsp52kSS1wAAAABJRU5ErkJggg==);
  margin: 0 3px 0 5px;
  opacity: 0.75;
 /* content: '\f08e';
   font-family: FontAwesome;
  color: rgba(33, 33, 33, 0.3);*/
}
a.uk-icon-youtube[target="_blank"]:after{display: none;}

.silhouette {max-width: 300px}
.silhouette {width: 100px; margin-left:20%; margin-top: 0px; z-index: 4; position: relative;}

/*.uk-article-title2 {color: #7b7b7b; transform: translateX(-100px); width: calc(100vw - 300px);}*/
.img.article{ /* float: right;
        margin: 0 0 5% 5%;*/
        max-width: 50%;} /* article img */

/*.cd-images-list > li > a {
    padding: 4em 0em;
}*/
/* .track is single mp3 (Bv projecten)*/
.tracklist {
  background-color: rgba(0, 0, 0, 0.4);
  padding: 10px;
/*  width: 100%;
  position: relative;
  bottom: 50px;*/
   /*   -webkit-columns: 300px 2; /* Chrome, Safari, Opera */
   /* -moz-columns: 300px 2; /* Firefox */
   /* columns: 300px 2;*/
}

.tracklist a, a.track {color: white;background-color: rgba(0, 0, 0, 0.3); border-radius: 50px; padding: 0 10px 0 45px; margin-left: -47px; }
a.track {display: inline-block; padding-left: 30px; margin-right: 3px; margin-left: -20px; margin-top: -2px; padding-top: 2px;}
.tracklist a:hover, a.track:hover {background-color: #666; background-color: rgba(0, 0, 0, 0.6); text-decoration: none; color: white; border-radius: 0.5em; }
/*.tracklist a:focus, a:focus.track {outline: none;}*/
.tracklist ol {list-style-type: none; list-style-position: inside; color: white; /*font-size: 1.2rem;*/ margin-left: 25px;}
article .cp-container { /* Losse track */
    /*height: 26px;
    width: 26px;*/
    /*padding: 0px;
    position: relative;*/
    white-space: nowrap;
    display: inline-block; 
    -webkit-tap-highlight-color:rgba(0,0,0,0);
  -webkit-transform: scale(0.2);
  -moz-transform: scale(0.2);
  -ms-transform: scale(0.2);
  -o-transform: scale(0.2);
  transform: scale(0.2);
    /*
    top: -10px;
    float: left;
    left: -10px;
    margin-left: 5px;*/
   /*  margin-right: 8px;
     
     margin-top: -15px;
     padding-top: 0px;*/
     padding: 0;
     margin-left: -5px;
}
.book-filter-list .cp-container { /* bladmuziek */
/*    float: right;
    margin-left: 0;
    margin-right: 15px;
    padding: 0;
    position: relative;
    top: 2px;*/
    -webkit-tap-highlight-color:rgba(0,0,0,0);
    -webkit-transform: scale(0.25);
    -moz-transform: scale(0.25);
    -ms-transform: scale(0.25);
    -o-transform: scale(0.25);
    transform: scale(0.25);
    /*z-index: 100;*/
}
.book-filter-list li {}
#ABCbook-filter-list li .Acp-container { /* bladmuziek */
    /*height: 26px;
    width: 26px;*/
 /*   padding: 0px;*/

    /* top: 2px;
   position: absolute;
    right: 20px;*/
    /*-webkit-tap-highlight-color:rgba(0,0,0,0);
    -webkit-transform: scale(0.25);
    -moz-transform: scale(0.25);
    -ms-transform: scale(0.25);
    -o-transform: scale(0.25);
    transform: scale(0.25);*/
   
  /*  top: 2px;
    float: right;
    margin-right: 15px;*/
    /*z-index: 100;*/
}
/*s.book-filter-list > li > a, .cp-container {display: inline;}*/
/*.audio {display: inline; position: static;position: absolute; float: left; z-index: 100;}*/
.uk-tab > li > a.audio {display: none; position: absolute;} /* voorkomt extra witblok bij li bladmuziek maar verbergt speler niet*/
.tracklist > ol > li::before {
    content: counter(step-counter) ". ";
   /* margin-right: 5px;
    font-size: 80%;
    background-color: rgb(200,200,200);
    color: white;
    font-weight: bold;
   padding: 3px 8px;
    border-radius: 3px;*/ 
}
.tracklist > ol > li {position: relative; display: list-item; list-style-type: none; counter-increment: step-counter; min-height: 28px;} /* position relative = fix for .cp-container album */
.tracklist .cp-container { /* album */
    /*height: 26px;
    width: 26px;*/
    padding: 0px;
    position: absolute;
  	-webkit-tap-highlight-color:rgba(0,0,0,0);
	-webkit-transform: scale(0.2);
	-moz-transform: scale(0.2);
	-ms-transform: scale(0.2);
	-o-transform: scale(0.2);
	transform: scale(0.2);
    
    top: -12px;
    float: left;
    left: 13px;
    margin-left: -50px;
} /* Audio player control circle */

.cp-controls li a {margin-left: 0px;}
.cp-controls div {/*position: relative; z-index: 999*/} /* werkt niet? = muziekplayer */
/*ul.uk-tab li, ol.uk-tab li{
background-color: rgba(0, 0, 0, 0.1);
  padding: 5px 10px;
  color: gray;
}
ul.uk-tab {margin-top: 40px;}*/
.uk-tab > li {/*background: #c0c0c0; border: solid blue 1px;*/}
.uk-tab > li > a {border-color: transparent; border: none !important; margin-right: 0px; }
.uk-tab > li.uk-active {/*background: rgba(255, 255, 255, 0.5) ; border: solid gray 0px; */ border-color: #00a8e6; color: #333}
.uk-tab > li.uk-active {border-right: solid white 0px}
.uk-tab ul.reset-list {padding-left: 15px; box-shadow: inset -10px 0px 10px -10px rgba(0, 0, 0, 0.2); line-height: 2;border-bottom: solid 3px gray;}
.whitebg {background-color: white;}

.uk-tab-left > li:nth-child(n+2) > a, .uk-tab-right > li:nth-child(n+2) > a {margin-top: 0px; line-height: 2;} /* book list li */
.uk-tab-left.uk-list-line > li:nth-child(n+2) {
    border-top: 0px solid #ddd;
    margin-top: 0px;
    padding-top: 0px;
}

.uk-tab-left .uk-nav-header  { /* Seperator */
    font-size: 1.15em; /* font-size: 1.1em; */
    font-weight: 400;
    color: #444;
    color: #00a8e6;
    padding: 0px 0px 0px 0px; /* 0 0 0 10xp */
    text-transform: none; /* uppercase */
    border-bottom: solid 3px #00a8e6; /* gray */
    /*line-height: 2;*/
    cursor: pointer;
   background-color: rgba(255, 255, 255, 0.9);
   background-color: white;
}
.uk-tab-left .uk-nav-header  span, 
.uk-accordion-title-switch
 {background-color:  #f5f5f5;
 float: ; line-height: 15px; display: block; padding: 0.7em; padding-left: 10px;}
.uk-accordion-title-switch {background-color: rgba(0, 0, 0, 0.1);border-bottom: solid 3px white;}
.shadow-inset-left {box-shadow: inset 10px 0px 10px -10px rgba(0, 0, 0, 0.3);}
.shadow img{box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);}
#bladmuziek-book-cover {width: ; display: inline;}
#bladmuziek-book-cover  {width: 50%; border: 1px purple solid; }
#bladmuziek-book-cover.dl1  {background-color: ; background: transparent url("../img/boek_songs-for-piano-dl1_small.jpg") no-repeat top center ; background-size: contain;}
#bladmuziek-book-cover.dl2 {background-color: ; background: transparent url("../img/boek_songs-for-piano-dl2_small.jpg") no-repeat top center ; background-size: contain;}
/*.book-cover-list {display: ; position: absolute; float: ; left:0; margin-left: 35%;}*/
.book-cover-list {display: none; position: relative; float: left; left:; margin-left: ; }
ul.book-filter-list {float: right;}
/*#book-filter-list , #book-filter-list1,#book-filter-list2,*/ ul.book-filter-list, ul.book-filter-list li {max-width: 100%; width: 100% !important; }
/* zie ook einde css */
#book-filter-cover {max-width: 100%; width: 100%; margin-top:50px;}
#book-filter-cover {display: ; position:  }
#book-filter-cover div {}
#book-filter-cover img {width: 80%; margin-left: 8%; }
#book-filter-cover .imgsContainer img {position: ; top: ; width: 75% ; margin-left: 6% !important; }
#book-filter-cover .imgsContainer img:last-of-type {} /* margin-bottom: -250px; */
#book-filter-cover  img.shadows {box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);}

.fix {position: fixed; top:0; z-index: 1008; padding: 15px; background-color: orange;}
/* Cart heeft class met - , shelfItem heeft class met _ */
#cartsidebar {
  /*position: fixed; width:auto;  margin:; top:0; left: 0; */
  bottom: 0;
    left: 0;
    max-width: 100%;
    overflow-y: auto;
    position: fixed;
    top: 0;
    width: auto;
  padding-left: 5px;  z-index: 1004; background-color: rgba(255, 255, 255, 0.9);
}
#formtarget #contentOrder2.externalfile {background-color: red}

#cart {/*position: fixed; z-index: 999; top: 0; width: 100%;*/ 
  /* z-index:1004; top: 50px;  */
float: left;
  position: relative; max-width: 275px;  top: 115px; background-color: ; box-shadow: inset 10px 0px 10px -10px rgba(0, 0, 0, 0.3);  border: 0px solid yellow; }

 
.simpleCart_shelfItem .item_type {display:; /* hide op pagina */}
.simpleCart_items {white-space: nowrap; position: relative;   }
.simpleCart_items .headerRow {display: none;}
.cart-total {text-align: right; border-top: solid 2px #7B7B7B; padding-top: 5px;}
.cart-total div { font-style: italic;}
.itemRow {border-bottom: solid 1px #ddd;  border-left: solid #fff 5px; display: block; overflow: hidden; padding: 5px 0; padding-left: 0px; }
.itemRow:hover {background-color:rgba(255, 255, 255, 1); border-left: solid  5px #00A8E6 ; }
.item-name {
  font-family: "Playfair Display",serif;
  font-weight: bold;
  color: #444;
  letter-spacing: -0.025em;
    font-size: 1.2em;
    font-weight: ;
    line-height: 24px;
    padding-top: 5px}
.item-name small { /* zelfde als .uk-tab-left .uk-nav-header */
  border-bottom: 0px solid gray;
    cursor: pointer;
    font-family: "Martel Sans","Helvetica Neue",Helvetica, Arial, sans-serif;
    letter-spacing: -0.05em;
    color: #7b7b7b;
    font-size: 70%;
    font-weight: 600;
    line-height: ;
    padding: 5px 0px 0px 0.5em;
    text-transform: uppercase;}

.item-thumb {max-width: 50px; padding: 5px; float: left; display: block; ;
    vertical-align: top; }
.item-thumb img {box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);}
.item-pageLink {/* nog niet in gebruik */}

.item-type, .simpleCart_shelfItem .item_type { /* copy .uk-badge */
    background: #00a8e6 none repeat scroll 0 0;
    color: #fff;
    display: inline-block;
    font-size: 10px;
    font-weight: 700;
    line-height: 14px;
    padding: 0 5px;
    text-align: center;
    text-transform: uppercase;
    vertical-align: middle;
    position: relative;
    margin-left: -50%;
    /*bottom: 0; lijkt mooi */
    float: right;
    top: ;
    z-index: 2;}
.simpleCart_shelfItem .cd_container-albumart:hover .item_type {bottom: 0}
.simpleCart_items .item-type {left: 0; position: absolute; margin-left: 0; margin-top: 0.25em;}
.item-price {}
.item-quantity {float: left; padding: 0 25px 0 0px; font-weight: bold; }
.item-increment, .item-decrement, .item-remove {float: left; padding: 0 0px; visibility: hidden;}
.item-increment {}
.item-decrement {}
.item-remove {float: right; ; top: ; line-height: ; background-color: ;}
.item-total {float: left; margin-left: 15%;font-size: 1.1em;}
.simpleCart_total {font-weight: bold;font-size: 1.1em;}
.item-price a:before, .item-decrement a:before, .item-increment a:before, .item-remove a:before, .simpleCart_shelfItem .item_add:before, .item_add .item_price:before {
   font-family: FontAwesome;
   display: inline-block;
   visibility: visible;
   /*padding-right: 5px;*/
   vertical-align: middle;
   /*visibility: visible;*/
}
/* https://fortawesome.github.io/Font-Awesome/cheatsheet/ */
.item-price a:before {content: "\f153";}
.item-decrement a:before {content: "\f056";}
.item-increment a:before {content: "\f055";}
.item-remove a:before {content: "\f014"; /*font-size: 15px;*/ padding-right: 5px;  margin-top: -1px;} /* Kruisje = f00d */
/*.simpleCart_shelfItem .item_price:before,*/ button.item_add .item_price:before {content: "\f153"; font-size: 1rem;} /* Euroteken */
.simpleCart_shelfItem button.item_add:hover .item_price:after {
  background-color: #35b3ee;
  color:  rgba(33, 33, 33, 0.5);
  color: white;

  font-family: FontAwesome;
  content: "\f290";
  position: absolute;
  font-size: 40px;
  padding-right: 45px ;
  vertical-align: top;
  padding: 5px 15px;
  float: ;
  top: 5px;
  right: 15px;

}
.item-remove:hover a:before {content: "\f1f8";padding-right:0px ; font-size: 20px; color: firebrick;} /* Kruisje = f057 */


/*.simpleCart_shelfItem .item_add:before {content: "\f07a"; border: yellow dotted 2px}*/
.simpleCart_shelfItem .item_add:before {}
.simpleCart_shelfItem .item_add:after, #bladmuziek-2 .item_add:after  {
  content: "Bestellen";
  display: block;
  font-size: 1em;
  font-weight: 400;
  color: #00a8e6;
  color: rgba(33, 33, 33, 0.5);
  position: ;
  margin: 0 5px -5px 4px;
}
.item-quantity:after {display: inline-block;
  content: "x";
  font-family: FontAwesome;
  content: "\f24d";
  position: absolute;
  display: ;
  margin-top: -1px;
  padding: 0 10px 0 4px;
  vertical-align: middle;
  padding: ;
}
/*.simpleCart_shelfItem */ .item_add:hover:after {text-decoration: underline; color: white;}
/*.simpleCart_shelfItem */ .item_add {padding: 1em; padding-left: ; position: relative; float: right; z-index: 1; margin-right: 0px;
/*z-index: 999; position: relative;*/}

/*.simpleCart_shelfItem */ .item_add .item_price {white-space: nowrap; float: left;  margin-right: 0.25em;}
/*.simpleCart_shelfItem*/ .item_add .item_price {font-size: 2.5em; clear: both; float: none; margin-top: 6px; white-space: nowrap} /* jQuery voegt ook class toe */
 #bladmuziek-2 .item_add {padding: 0.70em; margin-top: 0px; margin-left: -1px; }
 #bladmuziek-2 .item_add .item_price {font-size: 1.75em; font-weight: 400; margin-right: 0em; float: right}
 #bladmuziek-2 .item_add::after {float: right; padding-top: 0.5em; margin-right: 7px;}

#bucketbutton {z-index: 1005; position:fixed; top:35px; left:0;} /* =<960px, @media = +960 */
.bucket {border: solid transparent 2px; position: relative; padding: 0.25em; margin: 0.5em}
.bucket:hover {border: solid orange 2px;}
.bucket > i{font-size: 110%; vertical-align: -10%;}
.bucket.use {border: 2px solid rgba(33, 33, 33, 0.5);}
.bucket div {display: none;}

@media (min-width: 960px) {
#bucketbutton {z-index: 1005; position:fixed; top:75px; left:0; border-radius: 50%;}
.bucket {border: solid transparent 5px; position: relative; padding: 0.75em; margin: 1em}
.bucket:hover {border: solid orange 5px;}
.bucket > i{font-size: 250%; vertical-align: -22%;}
.bucket.use {border: 5px solid rgba(33, 33, 33, 0.5);}
.bucket div {position: absolute;  color: red; background-color: white; color: #00a8e6; bottom: -0.25em; right: 0; font-size: 1.5em; line-height: ; font-weight: bold; display: inline-block; 
  width: 50%;
height: 50%;
padding-bottom: 50%; border:;}
#cart {top: 115px; }
} /* End Bucket @media 960 */

.square {
  border: 5px solid red;
  position: relative;
  text-align: center;
  width: 50%;
}

.square:after {
    content: "";
    display: block;
    padding-bottom: 100%;
  }

  .content {
    position: absolute;
    width: 100%;
    height: 100%;
    
    font-size: 2em;
    padding-top: 20%;
  }

#cart .simpleCart_items div .item-price{ padding: ;}



.green {background-color: green; border: 3px solid red;}

/*.book-filter-list .item_type {top: 12px;}*/

/* ========== CHECKOUT ========== */
.uk-form-horizontal .uk-form-label {max-width: 50px !important; margin-bottom: auto; line-height: 3; margin-top: 0!important;}

.uk-form-horizontal .uk-form-controls {margin-left:55px; line-height: 3;}
#checkout-form form fieldset {margin-left: 38px !important;}
#checkout-form form fieldset .uk-form-controls.uk-form-controls-text p  {margin-left: 28px;} /* Checkbox */
.uk-form-row + .uk-form-row {margin-top: 0; }
/*.uk-form-row + .uk-form-row {margin-top: 0;}*/


.uk-modal-header {
    background: #fafafa none repeat scroll 0 0;
    border-bottom: 1px solid #e5e5e5;
    border-radius: 4px 4px 0 0;
    margin: -20px -20px 10px;
    padding: 10px;
}
.uk-modal-footer {
    background: #fafafa none repeat scroll 0 0;
    border-radius: 0 0 4px 4px;
    border-top: 1px solid #e5e5e5;
    margin: 15px -20px -20px;
    padding: 20px;
}
#my-dialog .uk-form-row + .uk-form-row {
    margin-top: 0px;
}

/* 
In winkelmandje
In winkelwagen
In winkelwagentje
Bestel nu!
Klik en bestel
Bestellen

*/
ABC.botvanger { display:none;}

input:required {
    background:khaki;
    border:1px solid red;
}
input[type="checkbox"]:required:invalid + label { color: red; }
input[type="checkbox"]:required:valid + label { color: green; }


input:required:invalid, input:focus:invalid {
   color: red;border-bottom:1px solid red;
  -moz-box-shadow: none;
}

input:invalid + label::before { content: ' ⨉'; background-color: rgba(255,0,0,0.25); }
input:valid + label::before { content: ' ✓'; }
 .submitted input:invalid { background-color: rgba(255,0,0,0.25); }
    .submitted input:valid { background-color: rgba(0,255,0,0.25); }
/* ========== DEBUG =============== */
/*.fullpage {}
#myContainer {display: none}
body {background-color: indigo}
#offcanvasmenu {background-color: red;}
.uk-offcanvas-bar {background-color: khaki !important;}
ul.uk-nav.uk-nav-offcanvas {background-color: green;}

#my-offcanvas > .uk-offcanvas-bar {background-color: limegreen !important;}
#my-offcanvas .uk-panel {background-color: lime}*/
/*.navfilter {background-color: orange; padding: 10px; top: 0px ; position: absolute; z-index:100; right: 0;}*/
.fullpage > nav > .navfilteroffc {float: left;}
.navfilteroffc {float: right;}
.navfilter span:hover, .navfilteroffc span {background-color: orange; padding: 2px 3px; }
.navfilter span:hover, .navfilteroffc span:hover {text-decoration: underline;}

.navfilteroffc {position: fixed; top: 0; z-index: ;}

/*.audio {visibility: hidden; display: none}*/
.book-filter-list .cp-container { /* bladmuziek r680 */
/*    float: right;
    margin-left: 0;
    margin-right: 15px;
    padding: 0;
    position: relative;
    top: 2px;*/}

ul.book-filter-list {float: right;}
.book-filter-list {max-width: 100%; width: 100%; }
.book-filter-list.uk-tab-left {border-right: 0px;} 

#bladmuziek-2 .uk-tab img + button.item_add,
/*#bladmuziek-2 .uk-tab button.item_add, .uk-tab button {display: none !important;}*/
.uk-tab > li.uk-active > a {background-color: rgba (245,245,245,0.5) ; /* background: transparent !important;*/}
.cp-container.cp_container {}
/* verbergt woorden play pause in dropdown*/
/*div.uk-dropdown .cp-container.cp_container ul.cp-controls li > a.cp-play, 
div.uk-dropdown .cp-container.cp_container ul.cp-controls li > a.cp-pause {display: none}*/
.book-filter-list button{}
.book-filter-list li.uk-hidden, .uk-list-line > li:nth-child(n+2) {margin:0px; padding: 0px; /*border: none;*/}
/*.book-filter-list div.uk-dropdown .cp-container.cp_container {display: none; visibility: hidden;}*/

#tablatuur {}
.uk-nav li > a.audio {padding: 0px; display: none; visibility: hidden; float: right; }
/*.uk-nav li > a:first-of-type {float: ; background-color: olive; border: 5px solid purple; width: 75%}*/
.uk-nav li  a.audio + a {background-color: ; border: 5px solid none; float: ;}
.uk-tab > li [aria-expanded="true"]/*, .uk-tab > li.uk-tab-responsive.uk-active*/ {
    float: none;
}

.book-filter-list .cp-container.cp_container.jp-state-playing,
.book-filter-list li > .cp-container.cp_container,
.book-filter-list /*div.uk-dropdown ul.uk-nav-dropdown .uk-dropdown */ li.uk-active > .cp-container.cp_container
/*, .book-filter-list li.uk-active > .audio*/ {/*border: 2px solid magenta; background-color: yellow; padding-bottom: 1px;*/ 
top: 0px; right: 15px; position: absolute; z-index:100; display: inline-block;
}
.book-filter-list div.uk-dropdown /*ul.uk-nav-dropdown .uk-dropdown */  li > .cp-container.cp_container,
.book-filter-list div.uk-dropdown /*ul.uk-nav-dropdown .uk-dropdown */  li.uk-active > .cp-container.cp_container {position: fixed; top: 40px; z-index: 1000;}
/* als er al een afspeelt, niet verbergen*/
/*.book-filter-list li > .cp-container.cp_container.jp-state-playing {top: 0px;left: 5px; position: absolute; z-index:99;}*/
#tablatuur-cover {}

@media (max-width: 960px) {
 #bladmuziek-2 .uk-tab-left li {float: none !important;} 
 .uk-tab-left .uk-nav-header  span { line-height: 20px; padding-top: 1em; padding-left: 40px}

/*Deze uit is dl2 openstaand goed werkend in FF */
.book-filter-list li.uk-nav-header img{width: 70px;}

/* li.uk-tab-responsive.uk-active // + .uk-open */
/* enkel wanneer dropdown en hiern copy ul .book-filter-list */
/* in div_.uk-dropdown .uk-dropdown-small .uk-dropdown-bottom */
/* daarin > ul_.uk-nav .uk-nav-dropdown */
/* */ .book-filter-list li {}
.book-filter-list li.uk-active,

.book-filter-list div.uk-dropdown ul li.uk-active { /* ERBIJ:; div.uk-dropdown ul  */
 /*position: fixed;*/ z-index:100; /* width: 75% !important;*/ top: 50px !important; position: absolute;}
.book-filter-list li.uk-active {top: 0px !important; position: relative;}  /*Top: 20px; absolute */
.book-filter-list li {}
/* */ #book-filter-list li.uk-active,
.book-filter-list div.uk-dropdown ul li.uk-active { /* ERBIJ:; div.uk-dropdown ul  */
 position: fixed; z-index:100;  width: 75%;}
#book-filter-list li.uk-active {top: 20px !important; position: absolute;}   /* */




div.uk-dropdown.uk-dropdown-small.uk-dropdown-bottom ul.uk-nav.uk-nav-dropdown > li {
  display: block !important; position: relative !important; top: auto !important}/* */
div.uk-dropdown.uk-dropdown-small.uk-dropdown-bottom {position: absolute; top: 20px; z-index: 1000;}  /* background-color:rgba(255,0,255,0.8);  */

div.uk-dropdown.uk-dropdown-small.uk-dropdown-bottom ul.uk-nav.uk-nav-dropdown > li {
  display: block !important; position: relative !important; top: auto !important}  /*  */
.uk-tab-responsive.uk-active > .uk-dropdown > ul.uk-nav-dropdown > li.uk-active .audio {background-color: ;}
.uk-tab-responsive.uk-active > .uk-dropdown > ul.uk-nav-dropdown > li.uk-active .cp-container.cp_container {background-color: ;
  position: fixed;top: 50px; z-index: 1000;}


} /* END @Media MaxWidth */
/*
li [aria-hidden="true"] [aria-expanded="false"] [data-grid-prepared="true"]
{display: none; visibility: hidden;}*/

/*.uk-tab li {top: auto;}*/
.uk-tab  li [aria-expanded="true"] {background-color: ;}
li [aria-selected="true"], li:focus {
  background-color: #fc5!important;
} 
.a_red  {background-color: ;}


#bladmuziek-2 .uk-accordion-title .item_add {margin-top: ;visibility: hidden; display: none}
#bladmuziek-2 .uk-accordion-content .item_add,
#bladmuziek-2 .uk-accordion-title.uk-active .item_add
 {
  display: block;
  visibility: visible;
    margin-left: -1px;
   /* margin-top: -30px;*/
    padding: 0.7em;
}
/*Verbergt thumb book */
#bladmuziek-2 .uk-accordion-title.uk-active img.uk-responsive-width {
display: none;}


  #bladmuziek-2 .uk-accordion-title img.uk-responsive-width {
height: 20px;}
/*#bladmuziek-2 .uk-accordion-title.uk-active {width: 100%; background-color: white;}*/

/*.uk-accordion-title {margin-left: 50%;} */
#bladmuziek-2 .uk-accordion-title.uk-active {display: none}
/*#bladmuziek-2 .uk-accordion-content, #bladmuziek-2 .uk-accordion-title {float: left;}*/
.uk-accordion-title, .uk-accordion-title-bundel {
    background: #f5f5f5 none repeat scroll 0 0; /* #EEE */
    cursor: pointer;
    font-size: 18px;
    line-height: 24px; /* 24px */
    margin-bottom: 0px;
    margin-top: 0;
    /*padding: 5px 15px;*/
    padding: 0px 0px;
}
.uk-accordion-content {
    padding: 0 0px 0px;
}

#bladmuziek-2 .uk-accordion-title-switch {background: rgba(33,​ 33,​ 33,​ 0.1) none repeat scroll 0 0; font-size: 90%; line-height: 20px;} /* #00a8e6*/
#bladmuziek-2 .uk-accordion-title-switch:hover {
  background-color: #00a8e6; 
  background-color: rgba(0, 168, 230, 0.1); 
 
  background-color: white;
   text-decoration: underline; }

#bladmuziek-2 .uk-accordion-title-switch:before  {
  content: "Bekijk ";
  display: inline-block;
  font-size: 1em;
  font-weight: 400;
  color: #00a8e6;
  color: rgba(33, 33, 33, 0.5);
  position: ;
  margin: 0 5px -5px 4px;
}
#bladmuziek-2 .uk-accordion-title.uk-active:before,
#bladmuziek-2 .uk-accordion-title-bundel:before  {display: none}
#bladmuziek-2 .uk-accordion-title-bundel  {
  color: rgba(33, 33, 33, 0.5); padding-top: 5px; line-height: 45px;
text-transform: uppercase;}
#bladmuziek-2 .uk-accordion-content-bundel > div >p {padding: 5px; background-color: white}

#bladmuziek-2 #book-filter-list1 .uk-nav-header span{
    background: url(../img/boek_songs-for-piano-dl1_small.jpg);}
#bladmuziek-2 #book-filter-list2 .uk-nav-header span{
    background: url(../img/boek_songs-for-piano-dl2_small.jpg);}

#bladmuziek-2 #book-filter-list1 .uk-nav-header span,
#bladmuziek-2 #book-filter-list2 .uk-nav-header span{
  /*  background: url(../img/boek_songs-for-piano-dl2_small.jpg);*/
    background-size: contain;
     background-position:right center;
    background-repeat: no-repeat;
}
.uk-vertical-align-bottom, .uk-vertical-align-middle {
    font-size: 1.2rem !important;
}

#bladmuziek-2 .uk-accordion-content .uk-nav-header span >p:before  {
  content: "Songs for piano";
  display: inline-block;
  font-size: 1em;
  font-size: 125% !important;
  font-weight: 400;
  color: #00a8e6;
  color: rgba(33, 33, 33, 0.8);
  margin: 0 5px -5px 0px;
  }
  #bladmuziek-2 .uk-accordion-content .uk-nav-header span>p {font-size: 80%; margin-top: 10px;}
@media (max-width: 960px) {
  #bladmuziek-2 .book-filter-list.uk-accordion {padding-left: 40px; padding-top: 0px;}
  #bladmuziek-2 .uk-accordion-content .uk-nav-header span >p:before{margin: -5px 5px -5px 0px; content: " ";}
#bladmuziek-2 .uk-accordion-content .uk-nav-header span>p {margin-top: 0px;}
#bladmuziek-2 .uk-accordion-title-switch {font-size: 100%;}
} /* END @Media MaxWidth */


/*
#bladmuziek-2 .book-filter-list .uk-accordion-content .uk-tab-left li {float: none !important;} */
@media (max-width: 460px) {
/* GEEFT PULLDOWN OOK BIJ GROOT */
 #bladmuziek-2 .uk-tab-left li {float: left !important;} 
/*  #bladmuziek-2 .uk-tab-left li.uk-nav-header {float: left !important;} */
} /* END @Media MaxWidth */