/* LogoTextColor rgb(72, 102, 150) #486696 */
/*  	*/


:root {
	--scrollMethod: smooth;
}

* {
	box-sizing: border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
}

html {
  scroll-behavior: smooth;

}


:root {
	--imgEurHeight: 600px;
	
}

BODY {
    margin:0;
    padding:0;
    border:0;
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	color: #ffffff;
	text-decoration: none;
	overflow-x: hidden;
	overflow-y: auto;
	}
#startView {}

.clickAreaImg {
	height:var(--imgEurHeight);
	width: 100%;
	margin: 0px 0px 0px 0px;
	padding: 1px 1px 1px 1px;
	display:inline-block;
	position:relative;
	}
.caTitleTopW {   /* click area Title Top white  */
	position:absolute;
	top:0;
	padding: 12px 0px 0px 0px;
	width:100%;
	left:50%;
	margin-left:-50%;
	color: white;
/*	text-shadow: #000 -1px 0 2px, #000 0 1px 2px, #000 1px 0 2px, #000 0 -1px 2px;   hor ver blurRadius */
	}
.caTitleTopB {   /* click area Title Top white  */
	position:absolute;
	top:0;
	padding: 12px 0px 0px 0px;
	width:100%;
	left:50%;
	margin-left:-50%;
	color: black;
/*	text-shadow: #FFF -3px 0 8px, #FFF 0 3px 8px, #FFF 3px 0 8px, #FFF 0 -3px 8px;  /* hor ver blurRadius */
	}
.caTitleBotW {   /* click area Title Top white  */
	position:absolute;
	bottom:0;
	padding: 0px 0px 12px 0px;
	width:100%;
	left:50%;
	margin-left:-50%;
	color: white;
/*	text-shadow: #000 -1px 0 2px, #000 0 1px 2px, #000 1px 0 2px, #000 0 -1px 2px; */
	}
.caTitleBotB {   /* click area Title Top white  */
	position:absolute;
	bottom:0;
	padding: 0px 0px 12px 0px;
	width:100%;
	left:50%;
	margin-left:-50%;
	color: black;
/*	text-shadow: #FFF -3px 0 8px, #FFF 0 3px 8px, #FFF 3px 0 8px, #FFF 0 -3px 8px; */
	}

table#PTHoView {
	vertical-align:middle;
	width: 100%;
	text-align:center;
	color: white;
	margin: 98px 0px 4px 0px; /* top right bottom left */
}
	
td {
	height:36px;
	color: #ffffff;
	padding: 0 0 0 0;
	border: 0 0 0 0;
	font-size:1.125em;
	font-weight: 500;
	margin-bottom:4px;
	width: 25%}
	
	
/* classes for adjusting Height in empty CELLs */
.tdCell {
	height: 12px;
	}
.tdHcell {
	height: 42px;
	}
.tdHHcell {
	height: 60px;
	}	

.tdHHHcell {
	height: 80px;
	}
.tdHHHHcell {
	height: 96px;
	}	
.tdHHHHHcell {
	height: 176px;
	}
	
/* classes for  Active CELLs */	
.tdElement {
	vertical-align:middle;
	opacity:0.8;
	margin:0px 0px 0px 0px;
	}
.tdElementYear {
	vertical-align:middle;
	opacity:0.8;
	margin:0px 0px 0px 0px;
	}

/*
.tdYear {
	height: 40px;
	width: 100%;
	display:block;
	opacity:1;
	text-align:center;
	font-size: 1em;
	padding-top: 8px;
	font-weight: 700;
	color: #ffffff;
	background-color:rgba(255,255,255,0.9);
	text-decoration: none;
	border-top: 2px solid black;
	}
*/

.tdYearMinorTop {
	width: 4%;
	opacity:1;
	}
.tdYearMinorBottom {
	width: 4%;
	opacity:1;
	}
.tdYearMinor {
	width: 4%;
	opacity:1;
	text-align:center;
	background-color:rgba(255,255,255,0.4);
	color: #486696;
	font-size: 24px;
	font-weight: 700;
	border-top: 1px solid black;
	border-bottom: 1px solid black;
	z-index:100;
	}
.tdYearNav {
	padding-top:2px;
	width: 4%;
	opacity:1;
	text-align:center;
	}


/* because of the working with Microsoft edge browser ...  */
.verticalSpaceHeader {
	height: 2px;
	width: 100%;
	border: 0px;
}
.verticalSpace {
	margin-top:4px;
	height: 8px;
	width: 100%;
	border: 0px;
}