body {background-color: #222;}
.cover {border-width: 1px; border-style: solid none none none; background-color: black; padding-top: 10px; margin-top: 20px;}
img {border: solid; border-width: 1px; border-color: grey; margin-top:10px;}
p.titel {margin-bottom: 0px; margin-top: 6px; font-size: 15pt; color: white;}
p.artiest {margin-bottom: 0px; margin-top: 2px; font-style: normal; font-size: 14pt; font-family: sans-serif; font-variant: small-caps; margin-top: 5pt; color: lightyellow;}
p.review {margin-bottom: 0px; margin-top: 4px; font-size: 10pt; letter-spacing: 1px;}
h3 {background-color: darkmagenta; font-size:18pt; padding-top: 14px; padding-bottom: 14px; color: white; font-weight: normal; margin-top: 6px;}
h4 {font-size:16pt; color: white; font-weight: normal;}
table, tr, td {
	border-collapse: collapse;
	border: none;
	padding: 0px;
}
p.link1001 {
  margin: 0;
  padding: 0;
}
p.f14 {
  font-size: 1.2em;
  font-variant: small-caps;
  font-weight: bold;
}
table {margin-top: 20px;}
button {
  border: none;
  color: lightgrey;
  padding: 4px 15px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 4px 6px;
  cursor: pointer;
  background-color: #7d087d;
  border-radius: 4px;
  transition-duration: 0.2s;
}
button.nr {
  margin: 4px 3px;	
  padding: 5px 8px;
}
button:active {
  background-color: magenta;	
}
  
button:hover {
  background-color: magenta;	
}

button.nr:hover {
  background-color: magenta;	
}
  
/* Stijlen voor de modale popup */
.modal {
    display: none; /* Verborgen standaard */
    position: fixed;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0,0.4);
}
.modal-content {
    background-color: #fefefe;
    margin: 15% auto;
    padding: 20px;
    border: 1px solid #888;
    width: 80%;
}
.close {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}
.close:hover,
.close:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}

.tooltip {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted black;
    /* color of the span text */
    color: rgb(119, 162, 241);
  }
  
  .tooltip .tooltiptext {
    visibility: hidden;
    width: 120px;
    background-color: black;
    /* color of the tooltip text */
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
  }
  
  .tooltip:hover .tooltiptext {
    visibility: visible;
  }