@charset "UTF-8";


body{
	background: black url("images/achtergrond.jpg")  10% 0 fixed;
}

a:link {
	color: deeppink;
	text-decoration:none;
}

a:visited {
	color:goldenrod;
	text-decoration:none;
}

iframe{
	border:0px;
	margin:0px;
}

.textareaclass{
	font-family:times;
	font-size:20px;
	background-color:rgb(142,242,242);
}

h2{
	font-family:Times;
	color:gold;
	line-height:1.3em;
	text-align:center;
}

p{
	font-family:Times;
	font-size:16pt;
	color:gold;
	margin-left:24%;
	margin-right:24%;
	line-height:1.3em;
	text-align:center;
}

ul{
	font-family:Times;
	font-size:16pt;
	color:gold;
	line-height:1.3em;
	text-align:center;
}


/*
iframe{
	border:10px;
	margin:10px;
	border:none;
	padding:0;
}
*/
#footerplayer {
	position:absolute;
	bottom:0;
	width:99%;
	height:80px;   /* Height of the footer */
}

.titletext{
	color:skyblue;
	text-shadow: 1px 1px 6px gold;
	text-align:center;
	font-size:32px;
}

.aquatext{

	color:aqua;
}

.purpletext{
	margin-left:24%;
	margin-right:24%;
	text-align:center;
	color:deeppink;
	text-align:center;
	font-size:24px;
}

.centeredtext{

	margin-left:24%;
	margin-right:24%;
	text-align:center;
	font-size:24px;
}

.centeredpicture{
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-top: 12px;
	margin-bottom:12px;
	border:0px;
/*	vertical-align:top;	*/
}


.centeredtextandpicture{
	
	position: absolute;
	top: 50%;
	left: 50%;
	text-align: center;
	font-size:16pt;
	color: goldenrod;
	transform: translate(-50%, -50%);
}


.centeredpicturesmallscreen{
	display:block;
	position:relative;
	margin-left: auto;
	margin-right: auto;
/*	border:1px solid green;	*/
	top:-10px;
}
/*
.container {
	position: relative;
	height:60px;
  
}

.container{
	display:flex;
	margin-left: auto;
	margin-right: auto;
	justify-content:space-between;
	width:70%;
 height:66px;
}
*/

.container{
	position: relative;
	height:33px;
	display:flex;
	margin-left: auto;
	margin-right: auto;
	justify-content:space-between;
	width:35%;
}

.container2{
	position: relative;
	height:33px;
	display:flex;
	margin-left: auto;
	margin-right: auto;
	justify-content:space-between;
	width:70%;
}

.centeredmanypictures{
	display: inline-block;
	margin-left: auto;
	margin-right: auto;
	border:0px;
}

.centeredsidepicture{
	display: block;
	margin-left: 10%;
	margin-right: auto;
	margin-top: 10px;
	margin-bottom:10px;
}

.photoontheright{
	
/*	display: block;	*/
	margin-left: 5%;
	margin-right: 0;
	margin-top:10px;
	margin-bottom:2%;
	vertical-align:top;
	float:right;
/*	margin:0px auto 0px;
	vertical-align:top; */
}

#textontheright{
	text-align:left;
}

#textontheleft{
	text-align:right;
}