/******************************************************************************
 * Diese Zeilen müssen hierher, damit die Seiten auch im Firefox gut aussehen.
 ******************************************************************************/
@media screen {

body {
	margin: 0px; 
	height: 100%; 
}

/*
 * kleiner Fix: setzt alle bereits besuchten Links in der Navigations-Leiste
 * auf weiß, weil sie sonst im Internet Explorer grau angezeigt werden
 */
.navigation a:visited {
	color: #FFFFFF;
}

.navigation li a:visited {
	color: #FFFFFF;
}

.navigation p a:visited {
	color: #FFFFFF;
}

/************************************
 * Der Container für die Navigation *
 ************************************/

.navigation {
	background-image: url('backgr.jpg');
	background-repeat: repeat-y;
	height: 100%;
	right: 0px;
	position: fixed;
	top: 0px;
	width: 140px;
	padding: 0px 13px 0px 13px;
}

.navigation p a {/*alle Wörter in der Navi sind weiß*/
	color: #FFFFFF;
}

.navigation li a {
	color: #FFFFFF;
}

.navigation p a:hover {/*gelb*/
	color: #CCCC00;
}

.navigation li a:hover {
	color: #CCCC00;
}

.navigation p {
    margin-top : 0px;
	margin-bottom: 14px;/*Bereich unter jedem p ist 14 Pixel hoch*/
    margin-left: 0px;
	color: #FFFFFF;
}

.navigation li {/*alle Listenelemente, die in der Navi vorkommen sollen weiter vorn stehen als üblich*/
    margin-left: -10px;
	margin-top: 0px;
	margin-bottom: 2px;
	font-size: 80%;/*Schriftgröße soll 80% der Normalgröße sein*/
}

.navigation ul {/*das Aufzählungszeichen in der Navi ist weiß*/
	color: #FFFFFF;
}

.navigation p.humboldt {
	text-align: center;
}

.navigation p.humboldt img {
	border: 0px;
	margin-top: 10px;
}

.navigation p.institut {
	font-weight: bold;
	text-align: center;
}

.navigation p.lehrstuhl {/*Wörter der class lehrstuhl sind weiß, fettgedruckt, groß und mittig platziert*/
	color: #CCCC00;
	font-weight: bold;
	font-size: larger;
	text-align: center;
}

.navigation p.lehrstuhl a {
	color: #CCCC00;
}

.navigation p.lehrstuhl_link {
	color: #FFFFFF;
	font-weight: bold;
	font-size: larger;
	text-align: center;
}

.navigation p.netzwerk {
	color: orange;
	font-weight: bold;
	font-size: larger;
	text-align: center;
}

.navigation p.netzwerk a {
	color: orange;
}

.navigation p.orange a:hover {
	color: orange;
}

.navigation ul.orange a:hover {
	color: orange;
}

.navigation ul.li.orange a:hover {
	color: orange;
}

.navigation p.orange.active {
	font-weight: bold;
}

.navigation ul.active {
	font-weight: bold;
}

.navigation p.active {
	font-weight: bold;
}

.navigation ul li.active {
	font-weight: bold;
}

/********************************
 * Der Container für den Inhalt *
 ********************************/

.inhalt {
	margin-right: 180px; /*230px*/
}

.inhalt_mit_bild {
	margin-left: 131px;
	margin-right: 180px;
}

.inhalt_mitarbeiter {
	margin-left: 50px;
	margin-right: 180px;
	font-size: 103%;
}

.kapitaelchen {
	font-size: 85%;
}

/***************************************************************
 * Globale Tags (gilt sowohl in Inhalt als auch in Navigation) *
 ***************************************************************/

p {
	margin-left: 30px;
}

li {
    margin-left: 30px;
	margin-top: 1em;  /*Abstand zwischen den Absätzen 1 m*/
}

.inhalt_mit_bild p {
	font-size: 103%;
	margin-left: 30px;
}

.inhalt_mit_bild ol li {
	font-size: 103%;
	margin-left: 30px;
}

.inhalt p {
	font-size: 103%;
	margin-left: 30px;
}

.inhalt_mit_bild table {
	margin-left: 30px;
}

.inhalt_mit_bild h1 {
	margin-left: 30px;
}

.inhalt_mit_bild h2 {
	margin-left: 30px;
}

.inhalt_mit_bild h3 {
	margin-left: 30px;
}

.inhalt_mit_bild h4 {
	margin-left: 30px;
}

.inhalt_mit_bild h5 {
	margin-left: 30px;
}

.inhalt_mit_bild h6 {
	margin-left: 30px;
}

.inhalt_mit_bild ul.information {
	/*um Aufzählungen der class information ist ein Rahmen gezogen*/
	margin-left: 30px;
	border-style: solid;
	border-width: 1px;
	border-color: #000080;
	padding-left: 0px;
}

.inhalt_mitarbeiter ul.information {
	margin-left: 30px;
	border-style: solid;
	border-width: 1px;
	border-color: #000080;
	padding-left: 0px;
}

.inhalt ul.information {
	margin-left: 30px;
	border-style: solid;
	border-width: 1px;
	border-color: #000080;
	padding-left: 0px;
}

.inhalt_mit_bild ul.information li {
	/*Aufzählungen mit Rahmenhaben 0 m Abstand zueinander*/
   margin-top: 0em;
}

.inhalt_mitarbeiter ul.information li {
	/*Aufzählungen mit Rahmenhaben 0 m Abstand zueinander*/
   margin-top: 0em;
}

.inhalt ul.information li {
	/*Aufzählungen mit Rahmenhaben 0 m Abstand zueinander*/
   margin-top: 0em;
}

.inhalt_mit_bild h4.information {
	margin-left: 30px;
	border-style: solid;
	border-width: 1px;
	border-color: #000080;
	padding-left: 0px;
	margin-top: 0em;
}

.inhalt h4.information {
	margin-left: 30px;
	border-style: solid;
	border-width: 1px;
	border-color: #000080;
	padding-left: 0px;
	margin-top: 0em;
}

table {
	border-width: 0px;
}

.inhalt_mit_bild table tr td{
	font-size: 103%;
}


.inhalt_mit_bild table tr td a{
	font-size: 103%;
}


.inhalt_mit_bild ul li{
	font-size: 103%;
}


.inhalt_mit_bild ul li a{
	font-size: 103%;
}


.inhalt table tr td{
	font-size: 103%;
}


.inhalt table tr td a{
	font-size: 103%;
}


.inhalt ul li{
	font-size: 103%;
}


.inhalt ul li a{
	font-size: 103%;
}


.inhalt_mitarbeiter p{
	font-size: 103%;
}

.inhalt_mitarbeiter ul li{
	font-size: 103%;
}


.inhalt_mitarbeiter table tr td a{
	font-size: 103%;
}


.inhalt_mitarbeiter table tr td{
	font-size: 103%;
}

.inhalt_mit_bild table tr td h6{
	margin-left: 0px;
}


.inhalt_mit_bild table tr td h5{
	margin-left: 0px;
}


.inhalt_mit_bild table tr td h4{
	margin-left: 0px;
}


.inhalt_mit_bild table tr td h3{
	margin-left: 0px;
}


.inhalt_mit_bild table tr td h2{
	margin-left: 0px;
}


.inhalt_mit_bild table tr td h1{
	margin-left: 0px;
}

td h3 { 
 margin-bottom: 0px;
 padding-bottom: 0px;
 bottom: 0px;
}

td h2 { 
 margin-bottom: 0px;
 padding-bottom: 0px;
 bottom: 0px;
}

td h1 { 
 margin-bottom: 0px;
 padding-bottom: 0px;
 bottom: 0px;
}

/***************************************/
/* Informationszeile am Ende der Seite */
/***************************************/

.ende {
  text-align: center;
  margin-top: 100px;
  border-top:1px solid #AAAAAA; font-size: x-small;
}

.ende p {
  font-size: x-small; color:#888888;
  margin-top: 0px;
  text-decoration: none;
}

.ende a {/*grau*/
  font-size: x-small; color:#888888;
  margin-top: 0px;
  text-decoration: none;
}

.ende a:hover {
  color: #990000;
}

}

@media print {
 /* auf einem Ausdruck der Seite soll die Navigation nicht erscheinen */
 .navigation { display: none; }
}