/* srpco. */
/* cascading style sheets */
/* copyright by srpco (c) 1995 - 2025 */

BODY {
	font-family: Helvetica, Arial;
	font-size:	8 pt;
	color:	#FFFFFF;
	margin-left: 0 px;
	margin-right: 0 px;
	margin-top: 0 px;
}

A:LINK, A:VISITED {
	font-size:	8 pt;
	font-family: Helvetica, Arial;
	color: #FFFFFF;
	text-decoration: none;
}

.menue {
	font-size:10pt;
	font-family: Helvetica, Arial;
	color:#FFFFFF;
	margin-left: 5 px;
	margin-right: 5 px;
}

.subheadline {
	font-size:	small;
	font-family: Helvetica, Arial;
	color:	#F18A10;
	margin-left: 5 px;
	margin-right: 5 px;
}

.normal {
	font-size:	10pt;
	font-family: Helvetica, Arial;
	color:	#929292;
	margin-left: 5 px;
	margin-right: 5 px;
}

.footer {
	font-size:	8pt;
	font-family: Helvetica, Arial;
	color:	#929292;
	margin-left: 5 px;
	margin-right: 5 px;
}

.ticker {
	font-size:	8pt;
	font-family: Helvetica, Arial;
	color:	#ffffff;
	margin-left: 5 px;
	margin-right: 5 px;
}

td: normal {
	font-size:	6 pt;
	font-family: Helvetica, Arial;
	color:	#FFFFFF;
	margin-left: 5 px;
	margin-right: 5 px;
}


.keyword {
	font-size:8 pt;
	font-family: Helvetica, Arial;
	font-weight: bolder;
	color:#424242;
	margin-left: 5 px;
	margin-right: 5 px;
}

.contact {
	font-size:10 pt;
	font-family: Helvetica, Arial;
	font-weight: bolder;
	color:#FFFFFF;
	margin-left: 5 px;
	margin-right: 5 px;
}

.keyword2 {
	font-size:8 pt;
	font-family: Helvetica, Arial;
	color:#f18a10;
	margin-left: 5 px;
	margin-right: 5 px;
}

.H1 {
	color : #FFFFFF;
	font-family: Helvetica, Arial;
	font-size : 10 pt;
	font-weight: bold;
	margin-right: 5 px;
	margin-left: 5 px;
}

.counter

 {
	font-size:8 pt;
	font-family: Helvetica, Arial;
	color:#FFFFFF;
	margin-left: 5 px;
	margin-right: 5 px;
	margin-bottom: 5 px;	
}

/* login style sheets
/* The Modal (background) */

.modal {
	display: none; /* Hidden by default */
	position: fixed; /* Stay in place */
	z-index: 1; /* Sit on top */
	left: 0;
	top: 0;
	width: 80%; /* Full width */
	height: 50%; /* Full height */
	overflow: auto; /* Enable scroll if needed */
	background-color: rgb(0,0,0); /* Fallback color */
	background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
	padding-top: 60px;
}

/* Modal Content/Box */

.modal-content {
	background-color: #424242;
	margin: 5px auto; /* 15% from the top and centered */
	border: 1px solid #888;
	width: 80%; /* Could be more or less, depending on screen size */
}

/* The Close Button */

.close {

/* Position it in the top right corner outside of the modal */
	position: absolute;
	right: 25px;
	top: 0; 
	color: #f18a10;
	font-size: 35px;
	font-weight: bold;
}

/* Close button on hover */

.close:hover,
.close:focus {
	color: #FFFFFF;
	cursor: pointer;
}

/* Add Zoom Animation */
.animate {
	-webkit-animation: animatezoom 0.6s;
	animation: animatezoom 0.6s
}

@-webkit-keyframes animatezoom {
	from {-webkit-transform: scale(0)} 
	to {-webkit-transform: scale(1)}
}

@keyframes animatezoom {
	from {transform: scale(0)} 
	to {transform: scale(1)}
}
