/* DATEI: formate.css */

/*  orange: 	a96946 a05c37 aa6b4c  */
/*  dgrau:  	85827b 817e77 */
/*  hellgrau:	bdbfbe	*/
/*  mittelgrau:	9a9995	*/

/*  magenta: 	aa4571	*/
/*  braungrau: 	5c5a5d	*/
/*  blauweiß:	e1eaf3	*/

/*  grünblau: 6b8d8c	*/
/*  hellgrau: abaaa8	*/
/*  dunkelgrau:	6b6662	*/

/*  orangeselbst:  f9ac51  */

body {
  background: #9a9995; 
  color: black;
  margin: 0;
  padding: 1%; /* Ein wenig Abstand, damit der Anschein eines Blattes auf der Wand immer erhalten bleibt. */
/*  min-width: 640px;  Bei weniger als 640px Breite soll ein Scrollbalken erscheinen. */
  font-family: verdana, sans-serif ;
}

a {
  color: black;
}

a:visited {
  color: #6b6662;
}

h1,h2,h3,h4,h5,h6 {
  font-weight: normal;
}

/* -- Layoutspezifisches -- */
#container { 
  font-size: 0.8em; 
/*  max-width: 800px; */
  width: 720px;
/*  min-height: 650px;*/
  margin-left: auto; /* Hiermit zentrieren wir unsere Seite. */
  margin-right: auto; /* Hiermit zentrieren wir unsere Seite. */
  padding: 25px;
  background: white;
}

#logo{  
  height:90px
}

#logo  h1{  
  font-weight: normal;
  font-size: 18pt;
  position:relative;
  top:-55px;
  left:60px;
}

#logo  img{
  position:relative;
  top:10px;
}

#menu {
  background: #f9ac51;
  padding: 5px 60px;
  min-width: 600px;
  margin: 0 0 10px;   /* Rand unter Menüleiste lassen */
  text-align: left;
  color: black; /* Hier definieren wir die Farbe des Menüpunktes, der kein Link ist, also den Menüpunkt der Seite auf der wir uns gerade befinden. */
}

#menu li {
  font-size: 1.2em;
  display: inline; /* Damit die Menüpunkte nebeneinander und nicht untereinander erscheinen. */
  list-style-type: none; /* Die Bullets vor den Menüpunkten schalten wir ab. */
  padding: 0 20px 0 0;
  font-weight: bold; /*geändert von bold */
}

#menu li a {
  color: white; /* Hier ist das mit der Linkfarbe genau so, sie soll weiß sein. */
  text-decoration: none;
}

#bildleiste {
/*  background: #6b6662;*/
  padding: 0px 60px; 
  min-width: 600px;
  margin-top: 20px;   /* Rand über Menüleiste lassen */
  margin-bottom: 20px;
  text-align: left;
}

#bildleiste p {
  word-spacing: 0;
  line-height: 0;
}

#bildleiste img {
/*  float:left;*/
  padding:0;
  border:0;
}

div#textcorpus {
/*  clear:left;*/
  position:relative;
  left:60px;
  width:640px;

}

div#textcorpus li{
  list-style-type: square;
  margin: 10px 0 30px; padding: 0;
}


div#archivliste {
  position:relative;
  left:60px;
  width:640px;
}

div#archivliste li{
  list-style: none;
  margin: 10px 0; padding: 0;
}

div#album {
  position:relative;
  left:60px;
  width:640px;

}

div#album img{
  margin: 10px 0;

}

div#seminar li{
  list-style: none;
  margin: 10px 0; padding: 0;
}

div#seminar img{
float:left; 
margin-right:2ex; 
margin-bottom:5px; 
vertical-align:text-bottom;
}

div#seminar {
  position:relative;
  left:60px;
  max-width:640px;
}