/* CSS Document */

body {background-color: #A68B86;}
a:link {
	text-decoration: none;
	color: #ffdf00;
}
a:visited {
	text-decoration: none;
	color: #ffdf00;
}
a:hover {
	text-decoration: none;
	color: #000000;
}
a:active {
	text-decoration: none;
}

.style1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: normal;
	color: #FFDF00;
	font-size: 0.8em;
	line-height: 133%;
	letter-spacing: 0.2em
}
.style2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: normal;
	color: #FFDF00;
	font-size: 1em;
	line-height: 150%;
	letter-spacing: 0.1em
	
}
.style3 {
	font-style: normal;
	color: #FFDF00;
	line-height: 133%;
	letter-spacing: 0.2em;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	font-size: 18px;
}
.style4 {
	font-style: normal;
	color: #001E53;
	line-height: 166%;
	letter-spacing: 0.01em;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
}
.style5 {
	font-style: normal;
	color: #003399;
	line-height: 133%;
	letter-spacing: 0.02em;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
}
#aToolTip {
	position: absolute;
	display: none;
	z-index: 50000;
}

	#aToolTip .aToolTipContent {
		position:relative;
		margin:0;
		padding:0;
	}
/* 
	END: Required Styles
*/
/**
	Default Theme
*/
.defaultTheme {
	border:2px solid #655;
	background:#866;
	color:#fff;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:11px;
	font-style:italic;
	letter-spacing:0.1em;
	margin:0;
	padding:6px 12px;	
	
	-moz-border-radius: 12px 12px 12px 0;
	-webkit-border-radius: 12px 12px 12px 0;
	-khtml-border-radius: 12px 12px 12px 0;
	border-radius: 12px 12px 12px 0;
	
	-moz-box-shadow: 2px 2px 5px #111; /* for Firefox 3.5+ */
	-webkit-box-shadow: 2px 2px 5px #111; /* for Safari and Chrome */
	box-shadow: 2px 2px 5px #111; /* for Safari and Chrome */
}
gridblok {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); 
	grid-gap: 2rem;
	margin-top: 4rem;
	margin: 5vw;
	font-size: 0.8rem;
	line-height: 1.2rem;
}
	.spons {
	width: 100%;
	height: auto;	
}
	#wit {
		padding-left: 3vw;
	}
galerijl {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(30vw, 1fr));
	grid-gap: 3rem;
	margin: 10vw 5vw 5vw 5vw;
	font-size: 1rem;
	line-height: 1.2rem;
	}
.shadow {
	display: block;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.5), 0 6px 20px 0 rgba(0, 0, 0, 0.5);
}
info {
	display: grid;
	grid: 4vw / 1fr 4vw 1fr;
	margin-top: 1vw;
	margin-left: 1vw;
	margin-right: 1vw;
}
.tooltip {
  position: relative;
  display: inline-block;
 
}

.tooltip .tooltiptext {
  visibility: hidden;
  width: 26em;
 background-color: hsla(44,93%,94%,0.75);
	border: 4px;
	border-color: #FFD419;
	border-radius: 5px;
	align-content: left;
	font-size: 15px;
	letter-spacing: 3%;
	margin: 5px;
	padding: 5px;
	font-family: Georgia, "Times New Roman", Times, serif;
	line-height: 20px;

  /* Position the tooltip */
 	 position: absolute;
 	 z-index: 1;
	 top: 100%;
	 left: 50%;
	 margin-left: -13em;
}

.tooltip:hover .tooltiptext {
  visibility: visible;
}	

index{
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
	grid-gap: 2rem;
	margin: 10vw 5vw 5vw 5vw;
	
}

.responsive {
width: 100%;
	height: auto;	
}
/*grote tooltip*
.tooltipx {
  position: relative;
  display: inline-block;
 margin-left: 10vw;
	margin-right: 1vw;
}

.tooltipx .tooltipxtext {
  visibility: hidden;
  width: 30vw;
  background-color: #4a3c41;
  color:  #B4AFA0;
  text-align: center;
  border-radius: 10px;
  border: 1.5px dotted rgba(207,2,251,1.00) ;
  padding: 1rem ;
  /* Position the tooltip */
  position: absolute; 
  z-index: 1;
}

.tooltipx:hover .tooltipxtext {
  visibility: visible;
}

.tooltips .tooltiptexts {
  visibility: hidden;
  width: 30vw;
  background-color: rgba(74,60,65,0.0);
  color:  #B4AFA0;
  text-align: left;
  border-radius: 10px;
  border:0px dotted rgba(100,200,0,1.00) ;
  padding: 1rem ;
  /* Position the tooltip */
  position: absolute; 
  z-index: 1;
}

.tooltips:hover .tooltiptexts {
  visibility: visible;
}