html, body {
    background-color: #666666;
    height: 100%;
    font: 100%/1.7 Helvetica,Arial,sans-serif;
}

/* for <random bad word> IE */
a img { border: none; }

#outer{
    background-color: #FFFFFF;
}

h1, h2, h3, div.topic-title {
    font-family: 'MisoBold',sans-serif;
    font-size-adjust: 0.47;
    font-stretch: normal;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    margin: 0 0 14px;
}

h1 {
    font-size: 24px;
    line-height: 28px;
    padding-top: 10px;
}

h1:first-child { padding-top: 0; }

h2 {
    font-size: 22px;
    line-height: 26px;
}

h3 {
    font-size: 18px;
    line-height: 22px;
}

ul { list-style-type: square; }

a {
    color: #81B41C;
    text-decoration: none;
}

#content {
    clear: both;
}

.photo {
    float: left;
}

#contactData {
    overflow: hidden;
    margin-bottom: 20px;
}

#formerMessage {
    float: left;
    margin: 0;
    width: 546px;
    font-weight: bold;
}

#contactData dl, #team dl{
    float: left;
    margin: 0;
    width: 546px;
}

#contactData dt, #team dt{
    clear: left;
    float: left;
    font-weight: bold;
    padding: 0 1px 10px 0px;
    width: 120px;
}

#contactData dd, #team dd {
    float: left;
    margin: 0;
    padding: 0 0 10px 5px;
    width: 413px;
}

#team dd br { margin-bottom: 5px; }

img#unibas {
    float: right;
		max-width: 50%;
}

nav.toggler {
    float: left;
}

div.research-project {
    border-bottom: 1px solid #999999;
    padding-bottom: 5px;
    margin-bottom: 5px;
}

div.thesis {
    padding-bottom: 5px;
    margin-bottom: 5px;
}

.news-list {
   background:#f5f5f5;
   font: 100% Verdana,Arial,Helvetica,sans-serif;
}

.news-list dl { margin: 0; }

.news-list dt {
    background:#eeeeee;
    border-top: 1px solid #AAAAAA;
    color: #000000;
    font-family: 'MisoRegular',sans-serif;
    font-size: 14px;
    font-size-adjust: 0.46;
    font-stretch: normal;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    letter-spacing: 1px;
    line-height: 18px;
    margin: 0;
    padding: 4px 8px;
    text-transform: uppercase;
}

.news-list dd {
    border: 0 none;
    line-height: 1.5em;
    margin: 0;
    color: #000000;
    font-family: "Times New Roman",Times,serif;
    font-style: italic;
    font-weight: lighter;
    padding: 5px 8px;
}

span.date {
    font-style: normal;
    color: #888888;

}

div.quote {
    border-bottom: 1px dashed #000000;
    border-top: 1px dashed #000000;
    font: 18px/22px 'CharisSILBoldItalic','Trebuchet MS',Arial,sans-serif;
}

div.quote span.origin {
    font: 18px/22px 'CharisSILItalic','Trebuchet MS',Arial,sans-serif;
    color: #AAAAAA;
}

p.hidden a { color: #666666; }

div.topic-title {
    font-size: 22px;
    margin: 5px 0 5px 0;
}


.reading-group-block table {
    border-collapse: collapse;
}

.reading-group-block th {
    border-top: 1px solid #AAAAAA;
    background-color: #eeeeee;
    padding: 5px;
}

.reading-group-block td {
    padding: 5px;
    vertical-align: top;
}

.reading-group-block tr:nth-child(odd) {
    background-color: #f5f5f5;
}

.important {
    color: #C1002B;
}

a.show-abstract, a.hide-abstract {
    cursor: pointer;
}

/* navigation bar */
.navbar-custom .nav-item.hover .nav-link,
.navbar-custom .nav-item:focus .nav-link,
.navbar-custom .navbar-nav .nav-link {
    color: #81B41C;
}

.navbar-custom .nav-item.active .nav-link {
    color: black;
}

.navbar-expand-sm .navbar-nav .nav-link {
	padding-left: 0;
	padding-right: 1rem;
}

@font-face {
    font-family: "CharisSILRegular";
    font-style: normal;
    font-weight: normal;
    src: url("fonts/CharisSILR-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/CharisSILR-webfont.woff") format("woff"), url("fonts/CharisSILR-webfont.ttf") format("truetype"), url("fonts/CharisSILR-webfont.svg#CharisSILRegular") format("svg");
}
@font-face {
    font-family: "CharisSILItalic";
    font-style: normal;
    font-weight: normal;
    src: url("fonts/CharisSILI-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/CharisSILI-webfont.woff") format("woff"), url("fonts/CharisSILI-webfont.ttf") format("truetype"), url("fonts/CharisSILI-webfont.svg#CharisSILItalic") format("svg");
}
@font-face {
    font-family: "CharisSILBold";
    font-style: normal;
    font-weight: normal;
    src: url("fonts/CharisSILB-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/CharisSILB-webfont.woff") format("woff"), url("fonts/CharisSILB-webfont.ttf") format("truetype"), url("fonts/CharisSILB-webfont.svg#CharisSILBold") format("svg");
}
@font-face {
    font-family: "CharisSILBoldItalic";
    font-style: normal;
    font-weight: normal;
    src: url("fonts/CharisSILBI-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/CharisSILBI-webfont.woff") format("woff"), url("fonts/CharisSILBI-webfont.ttf") format("truetype"), url("fonts/CharisSILBI-webfont.svg#CharisSILBoldItalic") format("svg");
}

@font-face {
    font-family: "MisoLight";
    font-style: normal;
    font-weight: normal;
    src: url("fonts/miso-light-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/miso-light-webfont.woff") format("woff"), url("fonts/miso-light-webfont.ttf") format("truetype"), url("fonts/miso-light-webfont.svg#MisoLight") format("svg");
}
@font-face {
    font-family: "MisoRegular";
    font-style: normal;
    font-weight: normal;
    src: url("fonts/miso-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/miso-webfont.woff") format("woff"), url("fonts/miso-webfont.ttf") format("truetype"), url("fonts/miso-webfont.svg#MisoRegular") format("svg");
}
@font-face {
    font-family: "MisoBold";
    font-style: normal;
    font-weight: normal;
    src: url("fonts/miso-bold-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/miso-bold-webfont.woff") format("woff"), url("fonts/miso-bold-webfont.ttf") format("truetype"), url("fonts/miso-bold-webfont.svg#MisoBold") format("svg");
}