/**************************************
  Fonts
***************************************/
@font-face {
    font-family: 'Cinzel Bold';
    src: url('cinzel-bold-webfont.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Cinzel';
    src: url('cinzel-regular-webfont.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Source Sans Pro Regular';
    src: url('sourcesanspro-regular.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Source Sans Pro Semibold';
    src: url('sourcesanspro-semibold.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Source Sans Pro Italic';
    src: url('sourcesanspro-it.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

/**************************************
  Allgemein
***************************************/

body {
  background-color: #f0f0f0;
  color: black;
  font-family: 'Source Sans Pro Regular';
  font-size: 11pt;
  margin: 0;
  padding: 0;
}


#page {
  background-color: white;
  border: 2px solid black;
  margin: 20px auto;
  text-align: left;
  width: 670px;
}

a {
  text-decoration: none;
  color: black;
}

a:hover {
  color: blue;
}


/**************************************
  Header
***************************************/

header {
  background-color: #49557e;
  border-bottom: 1px solid black;
  color: white;
  font-family: 'Cinzel';
  padding: 20px;
}

#name {
  font-family: 'Cinzel Bold';
  font-size: 3.9em;
}

#bibliographie, #datum {
  font-size: 0.9em;
}

#datum {
  text-align: right;
  margin-top: -15px;
}

#bibliographie {
  margin-bottom: -10px;
}

.impressum {
  font-size: 0.8em;
  color: dimgray;
}

.wip {
	position: absolute;
	color: white;
	font-size: .6em;
  font-family: 'Source Sans Pro Regular';
	width: 120px;
	text-align: center;
	left: 570px;
	top: 10px;
}

/**************************************
  Navigation
***************************************/

nav ul {
  margin: 0;
  padding: 5px 20px;
  border-bottom: 1px solid black;
}
nav ul li{
  display: inline;
  padding-right: 10px;
  font-size: 1em;
}


/**************************************
  Content
***************************************/
#content {
  padding: 20px 20px 0 20px;
  text-align: left;
  font-size: 1.3em;
}

#content h1 {
  font-size: 1.3em;
  font-family: 'Source Sans Pro Semibold';
  font-weight: normal;
  margin: 0 0 10px 0;
  padding: 0;
}
  
#content p {
  line-height: 1.2em;
  margin: 0 0 20px 0;
  padding: 0;
}

#content strong {
  font-family: 'Source Sans Pro Semibold';
  font-weight: normal;
}

#content em {
  font-family: 'Source Sans Pro Italic';
  font-style: normal;
}

#content sup {
  font-size: 0.6em;
}

span.aktiv {
	color: #49557e;
}

div.auchin {
  margin-top: 10px;
  font-size: 0.8em;
  line-height: 1.1em;
}

dl.bio dt, dl.titel dt {
  float: left;
  font-weight: bold;
  color: #49557e;
}

dl.bio dd {
  margin: 0 0 20px 100px;
}

dl.titel dt a {
  color: white;
  font-size: .8em;
  font-weight: normal;
  padding: 2px 5px;
  background-color: #1c2952;
  border-radius: .4em;
}

dl.titel dt a:hover {
  background-color: blue;
}
dl.titel dd {
  margin: 0 0 20px 70px;
}
dl.titel dd dl {
  font-size: 0.8em;
  margin: 10px 0 0 0;
}
dl.titel dl dt {
  float: left;
  font-weight: normal;
  color: black;  
}
dl.titel dl dd {
  margin: 0 0 0 60px;
}

.zwiti {
  font-weight: bold;
  font-size: 0.9em;
  margin: 10px 0 0 0;
}

.zwiti span {
  font-size: .8em;
  font-weight: normal;
}
/**************************************
  Footer
***************************************/

footer {
  background-color: #49557e;
  border-top: 1px solid black;
  clear: both;
  color: white;
  font-size: 0.8em;
  margin: 40px 0 0 0;
  padding: 10px 20px 10px 20px;
  text-align: left;
}

footer a {
  color: white;
}