@font-face {
    font-family: "Vollkorn";
    src: local("Vollkorn"), url("/Vollkorn-Regular.woff") format("woff"), url("/Vollkorn-Regular.ttf") format("truetype");
}
@font-face {
    font-family: "Vollkorn";
    font-weight: bold;
    src: local("Vollkorn"), url("/Vollkorn-Bold.woff") format("woff"), url("/Vollkorn-Bold.ttf") format("truetype");
}

html {
    font-size: 62.5%;
}

body {
    /*margin:5em 6em 5em 6em;*/
    margin:0;
    font-family: Vollkorn;
    line-height: 2rem;
    font-size: 1.5rem;
}

h1 {
	color: #444;
    font-size: 3rem;
    line-height: 2rem;
    margin-bottom:3rem;
    margin-top:4rem;
    padding-top:4rem;
    border-top:1px solid black;
    clear:both;
}

h1:first-child {
	border-top:none;
}
.subheadline {
	/*font-size: 1.5rem;
	color:#444;*/
}

h2 {
    font-size: 2.25rem;
    line-height: 1.5rem;
    margin-bottom:3rem;
}

hr {
	color: #f00;
	background-color: #ccc;
	height: 3px;
	border:0;
	margin-bottom:4rem;
	margin-top:6rem;
}

audio {
    width: 80%;
}

table.theses {
    margin-bottom: 40px;
    margin-top:2rem;
}

th {
	font-weight:bold;
	border-bottom:1px solid black;
	vertical-align:bottom;
}

td {
	border-top:1px dotted black;
}

th,td {
	text-align:left;
	padding:1rem 2rem 1rem 0;
}

div.section {
	margin-bottom:3rem;
}

/*b {
	font-weight: bold;
}*/

div.img-left {
	float:left;
	width:80px;
}

.author {
	font-style:italic;
}

.title {
	font-weight:bold;
}

a {
	color:#0092DB;
	text-decoration:none;
}

a:hover {
	/*text-decoration:underline;*/
	background-color:#0092DB;
	color:white;
	padding:0 3px;
	margin:0 -3px;
}

ul, ol {
	list-style:initial;
	margin-top:15px;
	/*padding-left:20px;*/
	margin-left:20px;
}

li {
	padding-bottom:15px;
	/*text-indent: -1rem;*/
}

.menu {
	position:fixed;
	top: 0;
	bottom:0;
	padding-top:71px;
	padding-left:20px;
	padding-right:40px;
	/*background-color:#efefef;*/
}

.menu ul {
	list-style: none;
}

.menu ul li {
	/*border-bottom:1px solid black;*/
	
}

.content {
	position:relative;
	margin-left:200px;
	margin-right:50px;
	margin-top:20px;
	margin-bottom:50px;
}

em {
	font-style:italic;
}

.portrait {
	display:inline-block;
	/*width: 100%;*/
	margin-bottom:30px;
	border-bottom:1px solid black;
	border-top:1px solid black;
	text-align:center;
	background-color:#C7C7CB;	
}

.portrait img {
	width: 50%;
}

.portrait-right {
	float:left;
	width:250px;
	border: 1px solid black;
	padding:3px;
	margin-bottom:40px;
	margin-right:50px;
}