/* VRIENWOLDE (c) 2024 */

@font-face	{
		font-family:'cella';
             		src:url('fonts/cella.otf') format('opentype');
		}

@font-face	{
		font-family:'algerian_mesa';
             		src:url('fonts/algerian_mesa.ttf') format('truetype');
		}

@font-face	{
		font-family:'beyond_wonderland';
             		src:url('fonts/beyond_wonderland.ttf') format('truetype');
		}

@font-face	{
		font-family:'merry_xmas_flake';
             		src:url('fonts/merry_xmas_flake.ttf') format('truetype');
		}

@font-face	{
		font-family:'merry_xmas_star';
             		src:url('fonts/merry_xmas_star.ttf') format('truetype');
		}

@font-face	{
		font-family:'perfect_xmas';
             		src:url('fonts/perfect_xmas.ttf') format('truetype');
		}

@font-face	{
		font-family:'xmas_22';
             		src:url('fonts/xmas_22') format('truetype');
		}

@font-face	{
		font-family:'xmas_eve';
             		src:url('fonts/xmas_eve') format('truetype');
		}

body		{
		text-align:center;
		padding:0px;
		margin:0px;
		display:flex;
 		justify-content:center;
		background-image:url(img/bg.jpg);
		background-attachment:fixed;
		}

main		{
		height:auto;
		width:900px;
		padding:0px;
		margin:0px;
		float:left;
		clear:none;
		text-align:center;
		vertical-align:top;
		border-width:0px;
		}

header		{
		height:auto;
		width:876px;
		padding:10px;
		margin:20px 0px 0px 0px;
		float:left;
		clear:none;
		position:static;
		color:#FFFFFF;
		border-width:2px;
		border-style:solid;
		border-color:#FFFFFF;
		border-radius:20px;
		background-color:#000000;
		}

nav		{
		height:auto;
		width:876px;
		padding:10px 10px 20px 10px;
		margin:20px 0px 0px 0px;
		float:left;
		clear:none;
		text-align:center;
		vertical-align:top;
		position:static;
		font-family:cella,verdana,arial,sans-serif;
		font-size:2em;
		text-decoration:none;
		font-weight:normal;
		font-style:normal;
		line-height:1.25em;
		color:#FFFFFF;
		border-width:2px;
		border-style:solid;
		border-color:#FFFFFF;
		border-radius:20px;
		background-color:#000000;
		}


.menu-item	{
		height:auto;
		width:876px;
		padding:10px;
		margin:20px 0px 0px 0px;
		float:left;
		clear:none;
		text-align:left;
		vertical-align:top;
		position:static;
		font-family:cella,verdana,arial,sans-serif;
		font-size:1.25em;
		text-decoration:none;
		font-weight:normal;
		font-style:normal;
		line-height:1.25em;
		color:#FFFFFF;
		border-width:2px;
		border-style:solid;
		border-color:#FFFFFF;
		border-radius:20px;
		background-color:#000000;
		}

#logo-div	{
		height:auto;
		width:auto;
		padding:0px;
		margin:0px;
		float:left;
		clear:none;
		position:static;		
		}

#inbox		{
		height:auto;
		width:auto;
		padding:0px;
		margin:10px 0px 0px 20px;
		float:left;
		clear:none;
		text-align:left;
		vertical-align:top;
		font-family:cella,Verdana,Arial,sans-serif;
		font-size:2.75em;
		text-decoration:none;
		font-weight:bold;
		font-style:normal;
		line-height:1.25em;
		color:#FFFFFF;
		border-width:0px;
		border-style:solid;
		border-color:#FFFFFF;
		border-radius:10px;
		}

#map		{
		border-radius:10px;
		}

.logo		{
		width:250px;
		height:250px;
		margin:0px;
		padding:0px;
		float:none;
		clear:none;
		position:static;
		}

.fit		{
		object-fit:contain;
		width:100%;
		height:100%
		}

.QR-Code		{
		width:200px;
		height:200px;
		border-radius:5px;
		}

.textbox		{
		height:auto;
		width:876px;
		padding:10px;
		margin:20px 0px 0px 0px;
		float:left;
		clear:none;
		text-align:left;
		vertical-align:top;
		position:static;
		font-family:cella,verdana,arial,sans-serif;
		font-size:1.25em;
		text-decoration:none;
		font-weight:normal;
		font-style:normal;
		line-height:1.25em;
		color:#FFFFFF;
		border-width:2px;
		border-style:solid;
		border-color:#FFFFFF;
		border-radius:20px;
		background-color:#000000;
		}

.secbox		{
		height:auto;
		width:900px;
		padding:0px;
		margin:0px;
		float:left;
		clear:none;
		text-align:center;
		vertical-align:top;
		border-width:0px;
		}

.event		{
		height:auto;
		width:876px;
		padding:10px;
		margin:20px 0px 0px 0px;
		float:left;
		clear:none;
		text-align:center;
		vertical-align:top;
		position:static;
		font-family:beyond_wonderland,verdana,arial,sans-serif;
		font-size:1.25em;
		text-decoration:none;
		font-weight:normal;
		font-style:normal;
		line-height:1.25em;
		color:#FFFFFF;
		border-width:2px;
		border-style:solid;
		border-color:#FFFFFF;
		border-radius:10px;
		background-color:#000000;
		}

.brclear		{
		clear:both;
		height:0px;
		font-size:1px;
		line-height:0px;
		margin:0px;
		}

.bs10		{margin-bottom: 10px;}
.bs20		{margin-bottom: 20px;}
.bs30		{margin-bottom: 30px;}
.bs40		{margin-bottom: 40px;}
.bs50		{margin-bottom: 50px;}
.bs100		{margin-bottom: 100px;}
.bs150		{margin-bottom: 150px;}
.bs200		{margin-bottom: 200px;}

.rs10		{margin-right: 10px;}
.rs20		{margin-right: 20px;}
.rs30		{margin-right: 30px;}
.rs40		{margin-right: 40px;}
.rs50		{margin-right: 50px;}
.rs100		{margin-right: 100px;}
.rs150		{margin-right: 150px;}
.rs200		{margin-right: 200px;}

pre		{
		font-family:cella,verdana,arial,sans-serif;
		text-decoration:none;
		font-weight:normal;
		font-style:normal;
		line-height:1.25em;
		}

p.opa		{opacity:20%;}
p.grey		{color:#666666;}
.pic		{border-radius:20px;}

.pic1		{
		width:876px;
		height:auto;
		border-radius:20px;
		}

.pic1-opa		{
		width:876px;
		height:auto;
		border-radius:20px;
		opacity:25%;
		}

.pic2		{
		width:500px;
		height:auto;
		border-radius:20px;
		}

.pic3		{
		width:876px;
		height:auto;
		border-radius:10px;
		border-width:0px;
		border-style:solid;
		border-color:#FFFFFF;
		}

.icon		{
		width:auto;
		height:200px;
		}

.pic2-opa		{
		width:500px;
		height:auto;
		border-radius:20px;
		opacity:25%;
		}

.pic-qr		{
		width:438px;
		height:auto;
		border-radius:20px;
		}

.image 		{
 		transition:background-color 1.5s;
		border-radius:5px;
		}

.image:hover	{
		background-color:#1C1C1C;
		border-radius:5px;
		}

a		{
		font-family:cella,verdana,arial,sans-serif;
		text-decoration:none;
		font-weight:normal;
		font-style:normal;
		color:#FF3333;
		transition:color 1.5s;
		}

a:hover		{
		font-family:cella,verdana,arial,sans-serif;
		text-decoration:none;
		font-weight:normal;
		font-style:normal;
		color:#A7DC56;
		}

a.navlink		{
		text-decoration:none;
		font-weight:bold;
		font-style:normal;
		line-height:1.25em;
		color:#FF3333;
		}

a.navlink:hover	{
		text-decoration:none;
		font-weight:bold;
		font-style:normal;
		line-height:1.25em;
		color:#A7DC56;
		}

a.up		{
		font-family:cella,verdana,arial,sans-serif;
		font-weight:normal;
		font-style:normal;
		font-size:0.8em;
		text-align:left;
		text-decoration:none;
		font-style:normal;
		color:#FF3333;
		}

a.up:hover	{
		font-family:cella,verdana,arial,sans-serif;
		font-weight:normal;
		font-style:normal;
		font-size:0.8em;
		text-align:left;
		text-decoration:none;
		font-style:normal;
		color:#A7DC56;
		}

a.footerlink	{
		font-family:cella,Verdana,Arial,sans-serif;
		font-weight:normal;
		font-style:normal;
		font-size:40px;
		text-decoration:none;
		text-align:left;
		line-height:1.25em;
		color:#FF3333;
		}

a.footerlink:hover	{
		font-family:cella,Verdana,Arial,sans-serif;
		font-weight:normal;
		font-style:normal;
		font-size:40px;
		text-decoration:none;
		text-align:left;
		line-height:1.25em;
		color:#A7DC56;
		}

.px08		{font-size:8px;}
.px10		{font-size:10px;}
.px12		{font-size:12px;}

.px15		{
		font-size:15px;
		font-weight:bold;
		}

.px20		{
		font-size:20px;
		font-weight:bold;
		}

.px25		{font-size:25px;
		font-weight:bold;
		}

.px30		{font-size:30px;
		font-weight:bold;
		}

.px35		{font-size:35px;
		font-weight:bold;
		}

.px40		{font-size:40px;
		font-weight:bold;
		}

.px45		{font-size:45px;
		font-weight:bold;
		}

.px50		{font-size:50px;
		font-weight:bold;
		}

.em1		{font-size:1.0em; line-height:1.25em;}
.em15		{font-size:1.5em; line-height:1.25em;	}
.em175grey	{font-size:1.75em; line-height:1.25em;color:#777777}
.em2		{font-size:2.0em; line-height:1.25em;}
.em25		{font-size:2.5em; line-height:1.25em;}
.em3		{font-size:3.0em; line-height:1.25em;}
.em35		{font-size:3.5em; line-height:1.25em;}
.em375		{font-size:3.75em; line-height:1.25em;}
.em4		{font-size:4.0em; line-height:1.25em;}
.em425		{font-size:4.25em; line-height:1.25em;}
.em45		{font-size:4.5em; line-height:1.25em;}
.em475		{font-size:4.75em; line-height:1.25em;}
.em5		{font-size:5.0em; line-height:1.25em;}

.photobox	{
		height:300px;
		width:300px;
		padding:0px;
		margin:0px;
		float:left;
		clear:none;
		text-align:left;
		border:1px solid #333333;
		}

.orange-bold	{color:#F56F00;
		font-weight:bold;
		}

.gold		{color:#EAA210;}
.grey		{color:#777777;}
.mint		{color:#A7DC56;}
.bluegrey		{color:#009999;}
.white		{color:#FFFFFF;}

.grey-strong	{color:#777777;
		font-weight:bold;
		}

.plaintext		{font-family:Verdana,Arial,sans-serif;}
.text-right	{text-align:center;}	
.underline	{text-decoration:underline;}
.white-space	{white-space:pre;}

.png50		{
		width:50px;
		height:auto;
		}

.png75		{
		width:75px;
		height:auto;
		}

.png100		{
		width:100px;
		height:auto;
		}

li		{color:#777777;}
.r		{font-size:0.8em;}
.center		{text-align:center;}