body {
	font-family: Helvetica, Arial, sans-serif;
	background-color: whitesmoke !important;
}

p {
	text-align: justify;
  text-justify: auto;
}

div#Page {
	max-width: 1400px;
	margin-left: auto;
	margin-right: auto;
}

div#Menu {
	z-index: 100;
	width: 100%;
}

div.ContentBlock {
	box-sizing:border-box;
	background: whitesmoke;
	border: 1px solid gray;
	box-shadow: 1vmin 1vmin 1vmin lightgray;
	margin-bottom: 2vh;
	padding: 2vmin;
}

div#ContactInformation {
	float: right;
	width: 33%;
	padding: 0;
}

div#ContactInformation div.Title, div.Contact, ul.Contact {
	display: block;
	list-style: none;
	margin-left: 2vmin;
	margin-right: 2vmin;
	margin-top:1em;
	padding: 0;
}

div#Content {
	float: left;
	width: 66%;
}

div.Photo img {
	width: 100%;
}

div#NameAndPhoto {
	position: relative;
	top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0;
  padding: 0;
  width: auto;
  height: auto;
}

div#Name {
	position:absolute;
	left:0;
	bottom:0;
	width:100%;
	background: rgba(0, 0, 0, 0.5);
}

div#Name h1 {
	color:white;
	margin-left: 1vw;
}

div.StudentGroup ul {
	display: inline-flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	list-style: none;
	margin:0;
	padding:0;
	width:100%;
}

div.StudentGroup ul li {
	width: 20%;
}

div.StudentGroup ul li div.NameAndPhoto {
	position: relative;
	width: 100%;
	margin-bottom: 2vmin;
}

div.StudentGroup ul li div.NameAndPhoto img {
	border-radius: 50%;
	width: 100%;
}

div.StudentGroup ul li div.NameAndPhoto span.name {
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	background: black;
	color:white;
	text-align: center;
	font-size: 1.25em;
}

div.PublicationYear h3:after {
	content: " ▴";
}

div.PublicationYear h3:hover {
	cursor: pointer;
}

div.PublicationYear.Collapsed h3:after {
	content: " ▾";
}

div.PublicationYear.Collapsed div {
	display: none;
}

div#Footer {
	float:none;
	clear: both;
}

@media screen and (max-width: 600px) {
	div#ContactInformation {
		float: none;
		width: 100%;
	}

	div#Content {
		float: none;
		width: 100%;
	}

	div.StudentGroup ul {
		flex-direction: column;
	}

div.StudentGroup ul li {
		width:100%;
	}

	div.StudentGroup ul li div.NameAndPhoto {
		width:100%;
	}
}

/*Navigation*/

.Navigation {
	position: sticky;
	top: 0;
	overflow: hidden;
	background-color: #333;
}

.Navigation a {
  float: left;
  display: block;
  color: #f2f2f2;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
}

.Navigation a:hover {
  background-color: #ddd;
  color: black;
}

.Navigation a.active {
  background-color: #04AA6D;
  color: white;
}

.Navigation .icon {
  display: none;
}

@media screen and (max-width: 600px) {
  .Navigation a:not(:first-child) {display: none;}
  .Navigation a.icon {
    float: right;
    display: block;
  }
}

@media screen and (max-width: 600px) {
  .Navigation.responsive .icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  .Navigation .icon img {
    height: 1em;
    width: auto;
  }
  .Navigation.responsive a {
    float: none;
    display: block;
    text-align: left;
  }
}

/* Bibliography */
.csl-entry {
	margin-left:1vw;
	margin-right:1vw;
	margin-bottom: 0.5em;
	display: inline-flex;
	flex-direction: row;
	flex-wrap: no-wrap;
	justify-content: space-between;
}

.csl-left-margin {
	
}

.csl-right-inline {
	margin-left:1vw;
}