@charset "utf-8";

@font-face {
  font-family: OpenSans;
  src: url('/fonts/OpenSans/OpenSans-Regular.ttf');
}

@font-face {
  font-family: OpenSans;
  src: url('/fonts/OpenSans/OpenSans-Semibold.ttf');
  font-weight: bold;
}

@font-face {
  font-family: OpenSans;
  src: url('/fonts/OpenSans/OpenSans-Italic.ttf');
  font-style: italic;
}

@font-face {
  font-family: OpenSans;
  src: url('/fonts/OpenSans/OpenSans-SemiBoldItalic.ttf');
  font-style: italic;
  font-weight: bold;
}

body, html {
          font-family: OpenSans;
          height: 200%;
          -webkit-font-smoothing: antialiased;
          background: white;
          font-size: 0.8em;
          padding: 0;
          margin: 0;
}
body {
          background-image: url('/backbw2.jpg');
          background-repeat: no-repeat;
          background-attachment: fixed;
          background-size: auto 100%;
}
     
.tabs input[type=radio] {
  position: absolute;
  top: -9999px;
  left: -9999px;
}
.tabs {
  width: 800px;
  float: none;
  list-style: none;
  position: relative;
  padding: 0;
  margin: 0px auto;
}
.tabs li{
  float: left;
}
.tabs label {
  display: block;
  padding: 16px 20px;
  border-radius: 10px 10px 0 0;
  color: black;
  font-size: 1.7em;
  font-weight: normal;
  font-family: OpenSans;
  background: rgba(160,160,160,1);#rgba(28,113,201,0.6);
  cursor: pointer;
  position: relative;
  top: 10px;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.tabs label:hover {
  background: lightgrey; #rgba(134,173,213,0.9);
  top: 3px;
}
       
[id^=tab]:checked + label {
  background: white; '#08C;
  color: black;
  top: 0;
}
       
[id^=tab]:checked ~ [id^=tab-content] {
  display: block;
}
.tab-content{
  z-index: 2;
  display: none;
  text-align: left;
  width: 100%;
  font-size: 1.5em;
  line-height: 140%;
  padding-top: 10px;
  background: white; 
  padding: 15px;
  color: #303030;
  position: absolute;
  top: 53px;
  left: 0;
  box-sizing: border-box;
  -webkit-animation-duration: 0.5s;
  -o-animation-duration: 0.5s;
  -moz-animation-duration: 0.5s;
  animation-duration: 0.5s;
  padding-bottom: 100px;
  border-radius: 0px 10px 10px 10px;
}

.hidden{
  display:none;
}

h1 {
  font-family: OpenSans;
  font-size: 1.6em;
  font-weight: bold;
  margin-bottom: 1em;
  margin-top: 1em;
  margin-left: 5px;
}

h2 {
  font-family: OpenSans;
  font-size: 1.4em;
  font-weight: bold;
  margin-bottom: 1em;
  margin-top: 1em;
  margin-left: 5px;
}

p {
  font-family: OpenSans;
  font-size: 14px;
  font-weight: normal;
  margin-left: 5px;
  margin-bottom: 1.5em;
  line-height: 1.5em;
}

a {
  font-family: OpenSans;
  font-size: 1em;
  font-weight: normal;
  text-decoration: none;
}

a.submenu {
  margin-left: 1em;
  font-family: OpenSans;
  font-size: 1.0em;
  font-weight: bold;
  text-decoration: none;
  color: black; #rgba(28,113,201, 1);
}
a.submenu:hover {
  #background-color: lightgrey;
    color: rgba(28,113,201, 0.6);
}

.content {
  color: #666;
  margin-left: 3em;
}

ul.content {
  padding: 0em 0em 0em 1em;
  margin-bottom: 1em;
  list-style-type: square;
}
ul.content li {
  float: none;
  margin-bottom: 1em;
}

li.jahr {
  list-style-type: none;
  font-weight: bold;
  padding: 0.1em;
}

li.pub {
  color: #666;
  font-weight: normal;
  font-size: 0.9em;
}

td.pub {
  vertical-align: top;
}

tr.lec {
  color: #666;
  font-weight: normal;
  font-size: 0.9em;
}

.vita {
  color: #666;
}
table.vita td {
  vertical-align: top;
  font-size: 0.9em;
}
td.vitaleft {
  min-width: 130px;
}
table.vita {
  padding-right: 20px;
}

.research {
  color: #666;
  font-weight: normal;
  font-size: 0.9em;
}