body {
  font-size: 10pt;
  color: black; 
  background: #005;
  font-family: 'Tahoma', sans-serif;
  margin: 0; padding: 0; }
    
a {color: #008; text-decoration: none; border-style: none;}

a:hover {color: #800; text-decoration: none; border:none;}

img {
  border-style: none; }

p {
  margin:0.7em 0;
  padding:0;}
  
small {
  font-size: 0.7em;
  text-align:center;} 

table {
  margin-left: auto;
  margin-right: auto;
  border-collapse:collapse; 
  text-align:left;}

ol {
  margin:0.5em 0;
  padding-left:2em;
  text-align:justify;}
  
td {
  border:1px solid #800;
  padding: 3px; }

/* id's */

#startscreen {
  background: url(title.jpg);
  width:700px;
  height:450px;
  margin-left: auto;
  margin-right: auto;
  }
  
#startscreen h1 {
  padding-top: 80px;
  font-size: 40px;
  text-align:center;
  color:#800;
  }
  
#startscreen p {
  font-size: 17px;
  padding-left:160px;
  width:300px;
  }

#container {
  max-width:700px;
  background: #005;
  margin: 0 0 0 150px;
  line-height: 130%;
  text-align: center;  }

#content {
  min-height:346px;
  border:4px solid #005;
  margin: 0;
  padding: 10px 30px;
  background: #eef8ff;  }

#content hr {clear:left;
  margin:15px;
  height:12px;
  background: url(lines.gif) repeat-x;
  background-position:top;
  border:none;
  color: #800;  }

#content h1, h2, h3 {
  clear:left;
  margin-top:18pt;
  background: url(lines.gif) repeat-x;
  background-position:bottom;
  text-align: center;
  color: #800;  }
  
#content h4 {
  padding: 0;
  margin: 0.2em 0 0.2em 0;
  text-align: center;
  color: #800; }
  
#content p {
  text-align:justify;
  }
  
#footer {
  max-width:682px;
  margin: 0 0 0 154px;
  background: #dee;
  padding: 5px;
  text-align: center;
  clear: both;
  font-size: 8pt;
  line-height: 100%;
  border-right:4px solid #005;}

#navi {
  position: fixed;
  top: 0px;
  left: 4px;
  text-align: right;
  line-height: 100%;
  width: 146px;
  padding: 190px 0 10px 0;
  background: #eef8ff url(menubg.gif) no-repeat;
  background-position:0px 20px;  }

#navi a {
  width: 126px;
  margin: 2px; 
  background: #dee; 
  border: 1px solid #cdd; 
  font-weight: bold; 
  color: #008; 
  display: block; 
  padding: 0.4em 10px 0.4em 0.4em ; 
  text-decoration: none;  }
  
#navi a:hover  {
  color: #800; 
  text-decoration: none; 
  padding: 0.4em 10px 0.4em 0.4em ; 
  background: #eef8ff;  }
  
#title {
  margin:0 4px 0 0;
  height:30px;
  background: #eef8ff url(titlebg.gif) no-repeat;
  color: #800;
  padding: 10px;
  font-size: 22pt; 
  font-weight: bold;
  text-align: center; }

#content table {
	width: 90%
	}

/* classes */

.author {
  margin:0;
  margin-bottom:0.2em;
  color:#006;
  text-align:right; }

.beginn {
  height:1px; }
  
.biotable {
  margin:20px;  
  text-align:justify; }
  
.biotable td {
  padding:0.3em .4em;
  border:none;
  border-left:1px solid #800;  }
    
.clearboth {
  clear:both; }

.diskotable {
   width:95%;
   }

.diskotable b {
  color:#008; }
    
.diskotable td {
  vertical-align:top;
  border:1px solid #cdd;
  }
  
.diskocd {
  background-color:#dee;
  border:1px solid #cdd; 
  width: 160px;
  }
  
.diskocd b {
  color:#800; }
  
  
.image {
  margin: 0;
  border: 1px solid #800;
  padding: 1px; }

.imageright {
  float: right;
  margin: 0 0 0.6em 0.6em;
  border: 1px solid #800;
  padding: 1px; }

.imageleft {
  float: left;
  margin: 0 0.6em 0.6em 0;
  border: 1px solid #800;
  padding: 1px; }

.inhaltsverzeichnis {
  max-width:500px;
  list-style-image:url(arrow.gif);
  text-align:left;
  line-height:130%;
  list-style-position:inside; }
  
.inhaltsverzeichnis li {
  margin:0.2em 0;
  padding-left:4px; }

.leerraum {
  height:40px; }
       
.linkbox {
  margin-top:0.8em;
  text-align:center; }
  
.linkbox a {  
  background: #dee; 
  border: 1px solid #cdd; 
  color: #008; 
  display: inline; 
  padding: 0.2em; 
  text-decoration: none; }
  
.linkbox a:hover {
  color: #800; 
  text-decoration: none; 
  background: #eef8ff; }

.WTitle {
  text-align: left;
  width: 60%;
  float: left;
  background: #dee;
  border:1px solid #cdd;
  }
  
.WOp {
  text-align: left;
  width: 10%;
  float: left;
  background: #dee;
  border:1px solid #cdd;
  }
  
.WYear {
  text-align: left;
  width: 14%;
  float: left;
  background: #dee;
  border:1px solid #cdd;
  }

.Ldate {
  text-align: center;
  font-weight: bold;
  width: 8em;
  float: left;
  background: #dee;
  border:1px solid #cdd;
  }

.Lplace {
  text-align: left;
  color: #005;
  background: #dee; 
  padding-left: 9em;
  border:1px solid #cdd;
  }
  
.Lpiece {
  color: #008;
  text-align: left;
  padding-top:0.2em;
  padding-left:0.5em;
  padding-bottom:0.1em;
  border:1px solid #cdd;
  border-top:none;
  border-bottom:none;
  }
.Lpiece a {
	font-weight:bold;
	}

.Lartist {
  text-align: left;
  font-style:italic;
  padding-left:2em;
  margin-bottom:1em;
  border:1px solid #cdd;
  border-top:none;
  }
  
.menuimage {
  min-width: 150px;
  float: left;
  margin: 1em;
  padding: 1em;
  text-align: center; }
  
.tdyear {
  background: #dee; 
  text-align: right;
  vertical-align: top;
  font-style:italic; }
  
.thumbnail {
  font-size: .8em;
  line-height: 110%;
  text-align: center;
  float: left;
  border: 1px solid #800;
  margin: 15px 18px;
  padding: 1px; }
  
.werkliste {
  border:2px inset #800; }
  
.werkliste td {
  border:1px solid #cdd; }

.werkliste th {
  background: #dee; 
  font-style:italic;
  font-weight:normal;
  font-size: 0.8em; }

.zitat {
  margin:0.8em 1.5em 1.3em 1.5em;
  padding:0 30px 0 30px;
  color:#000;
  border-top:1px solid #cdd;
  border-bottom:1px solid #cdd;
  font-style:italic;
  background:#dee; }