:root {
	--bgcolor1: #f0db43;	/* yellow */
	--bgcolor2: #ff6400;	/* red */
	--bgcolor3: #71afd1;	/* blue */
	--bgcolor4: #bebdad;	/* gray */
	--bodybgcolor: #f2f2e5;
	--pink: #ffafff;
	--bigfontsize: 3.2vw;
	--regfontsize: 1.35vw;
	--parttimefontsize: 0.8vw;
}
@font-face {
    font-family: 'favorit-regular';
    src: url('/_incf/ABCFavorit-Regular.woff2') format('woff2'),
		 url('/_incf/ABCFavorit-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'favorit-light';
    src: url('/_incf/ABCFavorit-Light.woff2') format('woff2'),
		 url('/_incf/ABCFavorit-Light.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'favorit-book';
    src: url('/_incf/ABCFavorit-Book.woff2') format('woff2'),
		 url('/_incf/ABCFavorit-Book.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
* { box-sizing: border-box; }
* { outline: none; }
*:focus {
	outline: none !important;
}
.ui-tooltip {
    z-index: 10000;
}
.modal {
	display: block !important;
	position: fixed;
	left: 0;
	top: 0;
	width: 100vw;
	height: 100vh;
	z-index: 99999999;
	padding-top: calc((1.2 * var(--bigfontsize)) + 2.3vw);
	padding-top: 0;
	top: calc((1.2 * var(--bigfontsize)) + 2.3vw);
	background-color: transparent;
}
html {
	width: 100vw;
	overflow-x: hidden;
}
body {
	border: 0; margin: 0; padding: 0;
	font-family: favorit-regular;
	font-size: var(--regfontsize);
	background-color: var(--bodybgcolor);
	width: 100vw;
	overflow-x: hidden;
	overflow-x: clip;
}
select, input[type=text] {
	border: 1px solid black !important;
	height: 2em;
}
div.navmenu {
	display: flex;
	gap: 3vw;
	margin-top: 0.1em;
	line-height: 1;
}
div.portraitmenu {
	display: none;
}
div.navmenu div {
	text-align: center;
}
div.navmenu a, div.navright a {
	text-decoration: none;
	color: inherit;
	display: inline-block;
	text-align: center;
}
div.navmenu img, div.navright img {
	height: var(--bigfontsize);
}
div.navright {
	text-align: right;
	margin-top: 0.1em;
	line-height: 1;	
}
#phtoprow {
	position: sticky;
	top: -1px;
	display: flex;
	padding: 2.3vw 2.3vw 1.6vw 2.3vw;
	justify-content: space-between;
	font-family: favorit-book;
	font-size: var(--bigfontsize);
	line-height: 1.2;
	background-color: var(--bodybgcolor);
	z-index: 100;
	z-index: 20000;
	transition: .1s;
	border-bottom: 1.6vw solid var(--bodybgcolor);
	width: 100vw !important;
}
div.phtoprow-ra {
	display: inline-block; 
}
div.phtoprow-ra a {
	text-decoration: none;
	color: inherit;
}
body.whilesorting #phtoprow {
	position: fixed;
	width: 100%;
	z-index: 20001;
}
body.whilesorting #pagecontentholder {
	display: none;
}
div.hamburger {
	float: right;
	cursor: pointer;
	height: var(--bigfontsize);
	order: 4;
	text-align: right;
	width: 3em;
}
img.hamburgercloseimg {
	display: none;
}
#favorites {
	float: right;
	cursor: pointer;
	height: var(--bigfontsize);
	order: 3;
	text-align: center;
}
#favorites a {
	height: inherit;
}
#favorites img {
/*	height: calc(0.7 * var(--bigfontsize)); */
}
#sendlisttomaildialog {
	position: absolute; 
	right: 0; 
	top: var(--regfontsize); 
	font-size: var(--regfontsize); 
	cursor: pointer;
}
#search {
	float: right;
	cursor: pointer;
	height: var(--bigfontsize);
	order: 2;
	text-align: center;
	margin-right: -0.5em;
}
div.arrownav {
	width: 100%; 
	padding-left: 2.3vw;
	padding-right: 2.3vw;
	font-size: var(--bigfontsize);
	position: sticky;
	top: calc((1.2 * var(--bigfontsize)) + 2.3vw);	
	background-color: var(--bodybgcolor);
	height: 1.2em;
	z-index: 100;
}
div.arrownav div.arrowleft {
	float: left;
	height: inherit;
}
div.arrownav div.arrowright {
	float: right;
	height: inherit;
}
div.arrownav div.arrowleft img {
	width: 3em; 
	margin-left: -0.75em;
}
div.arrownav div.arrowleft img.active {
	display: none;
}
div.arrownav div.arrowright img {
	width: 3em; 
	margin-right: -0.75em;
}
div.arrownav div.arrowright img.inactive {
	display: none;
}
div.pccolumnheaders {
	position: sticky;
	top: 130px;
	top: calc((2 * 1.2 * var(--bigfontsize)) + 2.3vw);	
	
	display: block;
	overflow: hidden;
	z-index: 20000;
	cursor: pointer;
/*position: fixed;*/
/*
width: 100vw !important;
background-color: orange;
max-width: 100vw !important;
top: 300px;
*/
}
div.pccolumnheadersaz {
	/* we need to generate this somehow */
	min-width: 126vw;
}	
div.pccolumnheadersyr {
	/* we need to generate this somehow */
	min-width: calc(((var(--nrofyears) - 1 )/ 26 * 100vw) + 26vw);
	overflow-x: hidden;
}	
div.pccolumnheadersdept {
	/* we need to generate this somehow */
	min-width: 126vw;
	min-width: calc(((var(--nrofdepts) - 1 )/ 16 * 100vw) + 26vw);
}	
div.pccolumnheaders > div {
	float: left;
	padding-left: 0;
/*	
	padding-bottom: 500em;
	margin-bottom: -500em;	
*/
}
div.pccolumnheadersaz > div {
	/* we need to generate this somehow */
	width: calc(100vw / 26);
}
div.pccolumnheadersyr > div {
	/* we need to generate this somehow */
	width: calc(100vw / 26);
}
div.pccolumnheadersdept > div {
	/* we need to generate this somehow */
	width: calc(100vw / 16);
}
div.pccolumnheaders div.open div.colh {
	background-color: inherit;
	height: calc(1em + 20px);
}
div.pccolumnheadersdept div.open div.colh {
	height: calc(3.1em + 20px);
	padding-right: 3em;
}
div.pccolumnheadersyr div.open div.colh {
	height: calc(3em + 20px);
}
div.pagecontent {
	min-width: 100%;
	display: flex;
	justify-content: space-between;
	min-height: calc(100vh - 300px);
}
div.pagecontentaz {
	display: block;
	overflow: hidden;
	/* we need to generate this somehow */
	min-width: 126vw;
}
div.pagecontentaz > div {
	width: calc(100vw / 26);
	float: left;
	padding-bottom: 500em;
	padding-left: 0;
	margin-bottom: -500em;
	padding-top: 1em;
}
div.pagecontentyr {
	display: block;
	overflow: hidden;
	overflow-x: hidden;
	min-width: calc(((var(--nrofyears) - 1 )/ 26 * 100vw) + 26vw);
}
div.pagecontentyr > div {
	width: calc(100vw / 26);
	float: left;
	padding-bottom: 500em;
	padding-left: 0;
	margin-bottom: -500em;
	padding-top: 1em;
}
div.pagecontentdept {
	display: block;
	overflow: hidden;
	overflow-x: hidden;
	min-width: calc(((var(--nrofdepts) - 1 )/ 16 * 100vw) + 26vw);
}
div.pagecontentdept > div {
	float: left;
	width: calc(100vw / 16);
	padding-bottom: 500em;
	padding-left: 0;
	padding-top: 1em;
	margin-bottom: -500em;	
}
div.colh {
	font-family: favorit-book;
	font-size: var(--bigfontsize);
	line-height: 1;
	padding-top: 0.2rem;
	padding-left: 0.2rem;
	display: block;
	position: relative;
	height: 2em;
	height: 1em;
	overflow: hidden;
}
div.colborder {
	height: 20px; background-color: var(--bodybgcolor); width: 100%;
}
div.posterholder {
	cursor: pointer;
	padding-left: 0.2rem;
}
div.colname.open div.colh {
/*	height: 2em; */
}
div.colyear div.colh {
	height: 3em;
	text-align: right;
}
div.colyear.open div.colh {
	text-align: left;
}
div.yearname {
	margin-top: 1em;
}
div.yearname:first-of-type {
	margin-top: 0;
}
div.pccolumnheadersdept div.colh {
	height: 3.1em;
}
div.colhyr span {
	writing-mode: vertical-lr;
	transform: rotate(180deg);
	cursor: pointer;
	height: 2.6em;
	text-align: left;
}
div.colnames {
	padding-left: 0.2rem;
}
div.colnames div {
	height: 1.3em;
	cursor: pointer;
	overflow: hidden;
}
div.colnames a {
	text-decoration: none;
	color: inherit;
}
div.col1 {
	background-color: var(--bgcolor1);
}
div.col2 {
	background-color: var(--bgcolor2);
}
div.col3 {
	background-color: var(--bgcolor3);
}
div.col4 {
	background-color: var(--bgcolor4);
}
.mytooltip {
	position: absolute;
	display: inline-block;
	background-color: white;
	color: black;
	padding: 2px;
	border: 0;
	max-width: none;
}
.ui-helper-hidden-accessible {
	display: none;
}
div.closex {
	float: right;
	position: absolute;
	right: 0;
	top: 0;
	font-size:  var(--bigfontsize);
	display: none;
	cursor: pointer;
	margin-left: auto;
	order: 2;
	cursor: pointer;
}
div.sortclose {
	display: inline-block;
	top: 2em;
	z-index: 100;
}
div.colname.open div.closex {
	display: inline-block;
}
div.popup {
	position: fixed;
	left: 20vw;
	top: 120px;
	width: 42.5vw;
	min-height: 100px;
	padding: 20px;
	padding-top: 0;
	background-color: #ff6400;
	z-index: 50000 !important;
	display: none;
	line-height: 1.15;
}
div.popup a {
	color: inherit;
}
div.popupcoll a {
	color: inherit;
}
div.popupid {
	display: none;
}
div.popupgrabber {
	width: 100%;
	height: 20px;
	cursor: grab;
}
div.popupbuttons {
	float: right;
	margin-right: -1em;
	margin-top: -1em;
}
div.popupclose {
	float: right;
	display: inline-block !important;
	font-size:  var(--bigfontsize);
	cursor: pointer;
}
div.popupclose img {
	height: 1em; margin-right: 0.3em; margin-top: 0.3em;	
}
div.colclose img {
	height: 1em; margin-right: 0.3em; margin-top: 0.3em;	
}
div.sortclose img {
	height: 1em; margin-right: 0.3em; margin-top: 0.3em;	
}
div.popuplike {
	float: right;
	position: absolute;
	right: 2.5em;	
	top: 0.3em;
	font-family: favorit-book;
	font-size:  var(--bigfontsize);
	display: inline-block;
	line-height: 1em;
	height: 2em;
	width: 2em;
	margin-right: -1em;
}
div.popuplike img.likenonactive {
	display: inline;
	cursor: pointer;
}
div.popuplike img.likeactive {
	display: none;
}
div.popuplike.liked img.likenonactive {
	display: none;
}
div.popuplike.liked img.likeactive {
	display: inline;
	cursor: pointer;
}
span.ftpt {
	font-size: var(--parttimefontsize);
	display: inline-block;
	vertical-align: middle;
	text-transform: uppercase;
	border: 1px solid black;
	padding-top: 0.5vw;
	padding-bottom: 0.5vw;
	padding-left: 0.8vw;
	padding-right: 0.8vw;
	margin-left: 1vw;
}
div.popupimgholder {
	display: inline-block;
	max-width: 22.1vw;
	max-height: 16.7vw;
	margin-top: 1em;
}
img.popupimg {
	max-width: 22.1vw;
	max-height: 16.7vw;
}
div.posterpopup div.popupimgholder {
	display: inline-block;
	max-width: 19.3vw;
	max-height: 27.4vw;
}
div.posterpopup div.popuptext {
	float: right;
	width: 14vw;
	position: absolute;
	right: 0;
	bottom: 0;
	font-size: 1vw;
	padding-bottom: 1vw;
	padding-right: 1vw;
}
div.popupname {
	font-size: 2em;
	margin-top: 1rem;
	line-height: 1;
	margin-bottom: 1rem;
}
div.searchresult div.popupname {
	cursor: pointer;
}
div.popupurl a {
/*	text-decoration: none; */
	color: inherit;
}
div.popupurl a:hover {
	text-decoration: underline;
}
img.poster {
	max-width: 100px;
}
div.colname.open {
	overflow-x: visible;
	align-self: stretch;
	z-index: 102;
	width: 26vw;
	padding-top: 0;
}
div.pccolumnheaders div.colname.open {
	margin-top: -20px;
}
div.colyear.open {
	width: 26vw;
}
div.deptname {
	margin-top: 1em;
}
div.deptname:first-of-type {
/*	background-color: lime; */
}
#menu {
	position: absolute; 
	padding: 30px; 
	background-color: var(--bgcolor3);
	display: block;
	align-items: stretch;
	top: 0;
	left: 50%;
	width: 50%;
	z-index: 99999;
	font-family: favorit-book;
	font-size: var(--bigfontsize);
	display: none;
	min-height: 100vh;
}
#menu div.menuitems {
	padding-top: 200px;
	width: 100%;
}
#menu a {
	text-decoration: none;
	color: inherit;
	display: inline-block;	
	text-indent: -1.5em;
	margin-left: 1.5em;
}
#menu a:hover {
	text-decoration: underline;
	color: inherit;
}
div.mobmenu {
	display: none;
}
div.menuclose {
	font-size: 16px;
	height: 4em;
/*	width: 4em;*/
	cursor: pointer;
	float: right;
	margin-left: auto;
	order: 2;
}
div.pagecontentpage {
	position: relative; 
	padding: 30px;
	padding: 2.3vw;
	padding-top: 0;
	background-color: var(--bodybgcolor);
	justify-content: flex-start;
	display: flex;
	align-items: stretch;
	width: 100%; 
	z-index: 1000;
	font-size: var(--bigfontsize);
}
div.pagecontentpage div.left {
	font-family: favorit-book;
	display: inline-block;
	width: 50vw;
}
div.pagecontentpage div.right {
	width: 50vw;
	font-size: var(--regfontsize);
	padding-top: 1em;
}
div.pagecontentpage div.right p:first-child {
	margin-top: 0; padding-top: 0;
}

div.pagecontentpage div.right a {
/*	text-decoration: none; */
	color: inherit;
}
div.pagecontentsearch {
	display: block;
}
div.pagecontentpage div.searchleft {
	width: 24rem;
	line-height: 1;
	margin-top: 1rem;
}
div.pagecontentpage div.searchright {
	padding-top: 1em;
	font-size: var(--regfontsize);
    width: calc(100% - 24rem);	
}
div.pagecontentpage div.searchright div.line {
	margin-bottom: 1em;
}
span.linedesc1 {
	display: inline-block;
	width: 40%;
}
span.linedesc2 {
	display: inline-block;
	width: 25%;
}
div.pagecontentpage div.searchright div.col {
	float: left;
	width: 50%;
	padding-right: 2em;
}
div.pagecontentpage div.searchright:after {
	clear: both;
	border-bottom: 1px solid black;
}
div.searchleftsmall {
	font-size: var(--regfontsize);
}
#searchresults div.popupname {
	font-size: var(--regfontsize);
	margin-top: -1em;
}
#searchresults div.popuplike {
	font-size: var(--regfontsize);
}

#dice {
	display: inline-block;
	height: var(--bigfontsize);
}
#dice img {
	height: inherit;
}
@keyframes rolldice {
	0% 	  	{ transform: rotate(0deg); 		}
	12.5%  	{ transform: rotate(45deg); 	}
	25%		{ transform: rotate(90deg);		}
	37.5%	{ transform: rotate(135deg);	}
	50%   	{ transform: rotate(180deg);	}
	62.5%  	{ transform: rotate(225deg);	}
	75%		{ transform: rotate(270deg);	}
	87.5%  	{ transform: rotate(315deg);	}
	100%	{ transform: rotate(360deg);	}
}
#dice:hover {
	animation: rolldice 0.4s forwards;
	-webkit-animation: rolldice 0.4s forwards;
	-moz-animation: rolldice 0.4s forwards;
	-o-animation: rolldice 0.4s forwards;
	animation-iteration-count: 1;
	-webkit-animation-iteration-count: 1;
	-moz-animation-iteration-count: 1;
	-o-animation-iteration-count: 1;  
}
.hovering {
	animation: rolldice 0.4s forwards;
	-webkit-animation: rolldice 0.4s forwards;
	-moz-animation: rolldice 0.4s forwards;
	-o-animation: rolldice 0.4s forwards;
	animation-iteration-count: 1;
	-webkit-animation-iteration-count: 1;
	-moz-animation-iteration-count: 1;
	-o-animation-iteration-count: 1;  
}
#heart:hover {
	animation: heartbeat 1s infinite;
}
@keyframes heartbeat {
  0%   { transform: scale(.75); }
  20%  { transform: scale(1);   }
  40%  { transform: scale(.75); }
  60%  { transform: scale(1);   }
  80%  { transform: scale(.75); }
  100% { transform: scale(.75); }
}
div.sortpage {
}
div.sortpagecontent {
	position: relative; 
	padding: 30px;
	padding-top: 2em;
	min-height: 100%;
	overflow-y: auto;
	background-color: var(--bodybgcolor);
	display: flex;
	align-items: stretch;
	width: 100%; 
	font-family: favorit-light;
	font-size: var(--bigfontsize);
}
div.sortpagecontentbody {
	position: relative; 
	height: 100%;
	background-color: var(--bodybgcolor);
	display: flex;
	align-items: stretch;
	width: 100%; 
	font-family: favorit-regular;
	font-size: var(--bigfontsize);
	line-height: 1.5;
}
div.sortpagecontent a {
	text-decoration: none;
	color: inherit;
}
div.sortaz {
	width: 85%;
	columns: 6; column-gap: 1.2vw;
}
div.sortaz div {
	text-align: center;
}
div.sortyr {
	width: 85%;
	columns: 6; column-gap: 1.2vw;
}
div.sortyr div {
	text-align: center;
}
div.sortdept {
	width: 100%;
	columns: 2; column-gap: 1.2vw;
}
div.sortdept div {
	text-indent: -1em;
	margin-left: 1em;
}
div.favorites {
	width: 90.2vw;
}
div.pagetitle {
	width: 100%;
	width: 89.9vw;
	font-family: favorit-book;
	font-size: var(--bigfontsize);
	padding-left: 2.3vw;
	position: relative;
}
div.favitem {
	font-size: var(--regfontsize);
	width: 42.5vw;
	min-height: 100px;
	padding: 20px;
	padding-top: 0;
	margin-bottom: 2.6vw;
	margin-right: 2.6vw;
}
div.favitem div.popuplike {
	right: 0;
	margin-right: 0;
}

@media only screen and (max-width: 980px) {
	div.pagecontentpage div.searchright {
		width: 100%;
	}
	div.pagecontentpage div.searchright div.col {
		width: 100%;
	}
	div.pagecontentpage div.searchright div.col div.line {
		text-align: left !important;
	}
	span.linedesc1 {
		width: 100%;
	}
	span.linedesc2 {
		width: 100%;
	}
}
@media only screen and (max-width: 768px) {
	:root {
		--bgcolor1: #f0db43;	/* yellow */
		--bgcolor2: #ff6400;	/* red */
		--bgcolor3: #71afd1;	/* blue */
		--bgcolor4: #bebdad;	/* gray */
		--bodybgcolor: #f2f2e5;
		--pink: #ffafff;
		--bigfontsize: 5vh;
		--regfontsize: 2.5vh;
		--bigfontsize: 8vw;
		--regfontsize: 4vw;
		--parttimefontsize: 2.5vw;
	}
	body {
		width: 100vw;
		overflow-x: hidden;
	}
	div.navmenu {
		display: none;
	}
	div.colh {
		font-size: var(--bigfontsize);
	}
	#favorites {
		display: none;
	}
	#search {
		display: none;
	}
	#menu div.menuitems {
		padding-top: 170px;
	}
	div.portraitmenu {
		display: block;
		margin-left: -30px;
		margin-right: -30px;
		border-top: 1px solid black;
	}
	div.portraitmenu div {
		float: left;
		width: 50%;
		text-align: center;
		border: 1px solid black;
		padding-top: 0.5em;
	}
	#menu a {
		text-indent: 0;
		margin-left: 0;
	}
	div.portraitmenu div img {
		height: 10vw;
		width: auto;
	}
	div.portraitmenu div:nth-child(2n+1) {
		border-left: 0;
	}
	div.portraitmenu div:nth-child(2n) {
		border-right: 0;
	}
	div.portraitmenu div:nth-child(2n):after {
		clear: both;
	}
	div.portraitmenu:after {
		clear: both;
		content: '';
		display: block;
		height: 1em;
		border-top: 1px solid black;
	}
	div.navmenu img, div.navright img {
		height: auto;
		width: 100%;	
	}
	div.arrownav {
		display: none;
	}
	div.pccolumnheaders {
		width: 100vw;
		display: block;
	}
	div.pccolumnheadersyr {
		margin-left: 0 !important;
	}
	div.pccolumnheaders div.colname {
		width: 100%;
		padding-bottom: 1em;
		padding-left: 1.6vw;
		padding-right: 1.6vw;
	}
	div.colnames {
		columns: 2;
		width: 100vw;
	}
	div.colname {
		margin-left: 0 !important;
		width: 100% !important;
	}
	div.pccolumnheaders div.colname.open {
		width: 100%;
		margin-top: 0;
	}
	div.colborder {
		height: 0 !important;
	}
	div.pccolumnheaders div.open div.colh {
		height: 1em !important;
	}
	div.pccolumnheaders {
		position: relative;
	}
	div.pagecontentpage {
		display: none;
		display: block;
	}
	div.pagecontentaz {
		display: none;
	}
	div.pagecontentyr {
		display: none;
	}
	div.pagecontentdept {
		display: none;
	}
	div.infopage {
		display: block;
	}
	#menu {
		left: 0;
		width: 100%;
		background-color: var(--bodybgcolor);
	}
	div.colyear div.colh {
		height: 1em;
		text-align: left;
	}
	div.colhyr span {
		writing-mode: horizontal-tb;
		transform: none;
	}
	#idclone {
		padding-top: 1em;
	}
	div.pccolumnheaders {
		top: 0;
	}
	div.pccolumnheadersdept {
		min-width: 0;
		min-height: 2em;
	}
	div.pccolumnheadersdept div.open div.colh {
		height: auto !important;
	}
	div.pccolumnheadersdept div.colh {	
		height: auto;
		padding-top: 0.5em;
	}
	div.colname.open div.closex {
		display: none;
	}
	div.pagecontent {
		min-height: 0;
	}
	#pagecontent div.colnames {
		display: none;
	}
	div.popup {
		left: 10vw;
		width: 80vw;
	}
	div.popupimgholder {
		display: inline-block;
		max-width: 22.1vw;
		max-width: 45vw;
		max-height: 16.7vw;	
		max-height: 34vw;
	}
	img.popupimg {
		max-width: 45vw;
		max-height: 34vw;
	}
	div.pagecontentpage div.left {
		width: 100%;
	}
	div.pagecontentpage div.right {
		width: 100%;
	}
	div.sortyr {
		columns: 3;
	}
	div.sortdept {
		columns: 1;
	}
	div.pccolumnheadersaz {
		min-width: unset;
	}
	div.pccolumnheadersyr {
		min-width: unset;
	}
	div.pccolumnheadersdept {
		min-width: unset;
	}
	div.posterholder {
		padding-left: 0;
	}
	div.colnames {
		padding-left: 0;
	}
	div.favorites {
		margin-top: 1.5em;
	}
	div.favitem {
		position: relative;
		width: 100%;
		left: 0;
		right: unset;
	}
	#sendlisttomaildialog {
		margin-top: 2em;
	}
	#sortpage {
		top: 0;
	}
	#menu div.menuitems {
		line-height: 1;
	}
	#menu div.menuitems a {
		text-indent: -0.5em;
	}
	#menu div.menuitems div.portraitmenu {
		line-height: 1.3;
	}
	#menu div.menuitems div.portraitmenu  a {
		text-indent: 0;
		margin-left: 0;
	}
	div.popupclose img {
		height: 1em; 
/*		margin-right: -0.3em;  */
		margin-top: 0.3em;
	}

}