/* /var/www/html/css/all.css */


/* die gesamte Webseite */
body {
  border-width:1px 1px 1px 1px; /* Rahmendicke oben rechts unten links */
  border-style:solid;
  border-color:black;
  font-family:sans-serif,Arial;
}

/* Kopfzeile für Logo */
header {
  display:block; 
  height:7.8em;
  border-width:0px 0px 1px 0px; /* Rahmendicke oben rechts unten links */
  border-style:solid;
  border-color:black;
  background-color:#33629d; 
}


/* Mittelteil = Menü + Hauptbereich rechts */
.mittelteil {
  display:flex;
  flex-direction:row;
  padding:0;
  margin:0;
}


/* Hauptbereich mit den eigentlichen Inhalten, Mittelteil rechts */
.inhalt { 
  flex:1;
  background-color:white; 
  border-width:0px 0px 0px 1px; /* Rahmendicke oben rechts unten links */
  border-style:solid;
  border-color:black;
/*  background-repeat:no-repeat;
  background-image:url("../Bilder/rwth.gif");
  background-position:top +0.8em right;
*/
  padding:1em 1em 1em 1em; /* Innenabstand oben rechts unten links */
}

.seitenangabe {
  text-align:left;
  font-size:small;
  font-weight:bold;
  color:#00418f;
}


/* Navigation für Menüeinträge (Sidebar links) */
nav {
  background-color:Gainsboro;
  font-weight:bold;
  padding:1em 0 1em 0.5em;
}

nav h2 {
  color:#00418f;
  border-style:none;
  margin:0;
  padding:0;
  font-size:medium; 
}

nav ul {
  list-style:none;
  font-size:smaller;
  margin:0;
  padding:0.5em;
}

nav li {
  display:block;
  border-style:none;
}

nav li a {
  display:block;
  padding:0.5ex; 
  text-decoration:none;
  color:#404040;
  /* border-Angaben für li a notwendig als Platzhalter für Rahmen bei a:hover */
  /* sonst hüpfen die Menüeinträge beim Überfahren mit der Maus */
  /* Rahmenfarbe entprechend der Farbe wie nav background-color (unsichtbar) */
  border-width:1px; 
  border-style:solid;
  border-color:Gainsboro; /* dieselbe Farbe wie nav background-color */
}

nav li a:hover {
  background-color:#d0d0d0;
  border-width:1px;
  border-style:solid;
  border-color:#404040;
}


/* Fusszeile */
.footer {
  display:block; 
  padding:3px 20px 2px 20px;
  background-color:#96a8c4; 
  border-width:1px 0px 0px 0px; /* Rahmendicke oben rechts unten links */
  border-style:solid;
  border-color:black;
  text-align:center;
  font-size:smaller;
  clear:both;
}

#footerwebmaster a {
  text-decoration:none;
  color:#ffffff;
}


/* Tabellen für aktuelle Mitarbeiter */
.tabmitarbeiter {
  width:90%;
  border-style:none;
}

.tabmitarbeiter td {
  width:33%;
  text-align:center;
  vertical-align:top;
  padding-bottom:2.5em;
}


/* Tabellen für Ehemalige */
.tabehemalige td {
  padding-left:1em;
}


/* ul-Listen allgemein */
.ullisten li {
  padding-bottom:0.5em;
}

/* ul-Listen für Projekte */
.projekte li {
  padding-bottom:1.5em;
}


/* Tabellen für Info von Lehrveranstaltungen */
.tablehre{
  background-color:#f0f0f0;
  border:1px #000 solid;
  text-align:left;
}


/* für Bildschirme bzw. Fenster mit Breite < 985px */
@media only screen and (max-width:900px) {
.tablehre{
    float:left !important;
    margin:0 10px 10px 0;
  }
  .tablehre td:nth-child(3) {
    display:none;
  }
  .tablehre th:nth-child(3) {
    display:none;
  }
}

/*  */
.tablehretermine {
  width:72%;
  max-width:800px;
  float:left; 
}

.tablehreinfo {
  width:23%;
  max-width:200px;
  float:right;
}


/* Tabellen für Homepage von Mitarbeitern */
.tabhomemitarbeiter {
  width:98%;
  border-style:none;
}

.tabhomemitarbeiter tr {
  padding:0 0 1em 0;
}