/* latin */
@font-face {
  font-family: 'ABeeZee';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/abeezee/v14/esDR31xSG-6AGleN2tWkkA.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

body	{
	background-color: #f1bf00;
	background: #f1bf00 url('image/background.gif') fixed repeat;
	background-repeat: repeat;
	background-attachment: fixed;
	background-size: auto;
	font-family: "ABeeZee", "Verdana", "Geneva", "Arial";
	font-size: 8.8pt;
	color: #000000;
	margin-left: 7px;
	margin-right: 7px;
	line-height: 1.3em;
	scrollbar-base-color: #f1bf00;
	scrollbar-color: #fae595 #f1bf00;
	scrollbar-width: 15px;
	}
	
body::-webkit-scrollbar {
		width: 12px;
		height: 12px;
		border: 2px solid silver;
		}
body::-webkit-scrollbar-track {
		background:  linear-gradient(0deg, #fdd12c 0%, #fae595 100%);
		box-shadow: inset 0 0 2px grey;
		}
body::-webkit-scrollbar-thumb {
		background:  linear-gradient(0deg, #e35f06 0%, #f1bf00 100%);
		border-radius: 7px;
		border: 1px solid #585858;
		}
body::-webkit-scrollbar-thumb:hover {
		background:  linear-gradient(0deg, #e35f06 0%, #f34103 100%);
		}

.headline {
	font-family: "ABeeZee", "Verdana", "Geneva", "Arial";
	}

.lcdstyle	{ /*LCD countdown look*/
	background-color: black;
	color: orange;
	font: bold 18px Comic Sans MS;
	padding: 3px;
	}
.lcdstyle sup{ /*LCD countdown look*/
	color: #F3CE5E;
	font-size: 80%
	}

.top40	{ /*Top 40 Rood*/
	color: #CC0000;
	}

.top40:visited	{ /*Top 40 Rood*/
	color: #CC0000;
	}

.top40:active	{ /*Top 40 Rood*/
	color: #CC0000;
	}

.top40:hover	{ /*Top 40 Rood*/
	color: #FFFFFF;
	}

img {
  border-radius: 8px;
}

a	{
	color: #000000;
	}

a:visited	{
	color: #000000;
	}

a:active	{
	color: #000000;
	}

a:hover	{
	color: #FFFFFF;
	}

h1	{
	border-bottom: 7px solid gold;
	border-bottom-style: ridge;
	padding-bottom: 5px
	font-family: "Comic Sans MS", "Verdana", "Geneva", "Arial", "sans-serif";
	font-size: 180%;
	}

h2	{
	border-bottom: 3px solid gold;
	border-bottom-style: ridge;
	padding-bottom: 5px
	font-family: "Comic Sans MS", "Geneva", "Arial", "sans-serif";
	font-size: 130%;
	}

td	{
	font-family: "ABeeZee", "Verdana", "Geneva", "Arial";
	color: #000000;
	font-size: 8.8pt
	}

ul	{
	margin: 10px;
	padding: 5px;
	}

hr	{
	border-radius: 5px;
	}

*	{
	box-sizing: border-box;
	}

.zoom:hover {
	-ms-transform: scale(1.01); /* IE 9 */
	-webkit-transform: scale(1.01); /* Safari 3-8 */
	transform: scale(1.01); 
	}

.zoom2:hover {
	-ms-transform: scale(1.05); /* IE 9 */
	-webkit-transform: scale(1.05); /* Safari 3-8 */
	transform: scale(1.05); 
	}

audio	{ 
	width: 275px; 
	height: 25px; 
	box-shadow: 5px 5px 20px rgba(0,0, 0, 0.4);
	border-radius: 90px;
	-ms-transform: scale(1.01); /* IE 9 */
	-webkit-transform: scale(1.01); /* Safari 3-8 */
	transform: scale(1.01); 
	}