h1 {
  font-size: 130%;
	font-weight: bold;
	text-align: center;
}
h2 {
  font-size: 110%;
	font-weight: bold;
}
h3 {
  font-size: 100%;
	font-weight: bold;
	font-style: italic;
	line-height: 70%; /* damit der Abstand zwischen Ueberschrift und Zeile davor/danach nicht so gross ist */
}
a {
	color: black;
}
a:visited {
  color: black;
}
hr {
  height: 1px;
}
table {
  font-size: 1em;
}
strong {
	font-style: italic;
}
img {
	border: none;
}
/*span {
	color: blue;
}
abbr {
	color: red;
}*/

/* ********** Die alles umgebende Box********** */
#container {
	position: absolute;
	z-index: 0;
	margin-left: 5em;
	margin-top: 3em;
	top: 0%;
	width: 62em;
	height: 40em; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 80%;   /* die ganze Seite wird mit einer etwas kleineren Schrift dargestellt */
}
/* ********** LOGOBOX ********** */
#logobox {
	position: absolute;
	z-index: 1;
	top: 2%;
	left: 0%;
	width: 100%; 
	height: 20%;
}
#logo {
/*	width: 100%;*/ /*Bild scrollt bei Veraenderung der Fenstergroesse mit.*/
	width: 18em; /*Bild scrollt bei Veraenderung der Schriftgroesse mit.*/
}
#schriftbox{
	position: absolute;
	z-index: 1;
	top: 7%;
	left: 30%;
	width: 70%; 
	height: 20%;
  font-size: 180%;
}
#unibox {
	position: absolute;
	z-index: 1;
	top: 7%;
	left: 70%;
	width: 30%; 
	height: 20%;
	font-size: 70%;
	text-align: right;
}
/* ********** GREY BOX ********** */
#greybox { 
	position: absolute;
	z-index: 0;
	top: 0%;
	left: 0%;
	width: 14em; 
	height: 95%;    /* die letzten 5% bleiben frei */
	background-color: #EDF0F3; /*#F0F0F0;*/ /*helleres grau*/
/*	border: 1px solid red;*/
}
/* ********** ADDRESSBOX ********** */
#addressbox {
  position: absolute;
	z-index: 2;
  top: 90%;
  left: 1em;
  width: 12em; /* eigentlich sollte Breite ja nur 13em sein (auch rechts ein Rand von 1em), dann wird allerdings im IE bei der Faxnummer umgebrochen */
  height: 5%; /* die letzten 5% am unteren Rand bleiben frei */
/*	border: 1px solid red;*/
}
.address {
	font-size: 70%; /* Trennung von addressbox und address hat Sinn! Die em der Breite sind abhaengig von der Schriftgroesse; ist diese mit 70% angegeben, ist em viel zu klein. */
}
/* ********** MENUBOX1 ********** */
#menubox { 
	z-index: 2;
	position: absolute;
	top: 30%;
	left: 1em; 
	width: 13em; 
	height: 65%;
/*	border: 1px solid blue;*/
}
.menu {
	list-style-type: none;
	margin-left: 0; /* Rueckt das Menue so weit nach links, dass es in einer Linie mit dem restlichen Text liegt */
	padding-left: 0;
	font-family: Verdana, Arial, sans-serif;
	width: 14em; 	
	line-height: 140%; /*bewirkt, dass die einzelnen Zeilen der Haupt-Navigation nicht so aufeinander kleben. Der default-Wert scheint bei 130 zu liegen???*/
/*	border: 1px solid green;*/
}
.menu li {
/*
	background-image: url(../pics/schwarz.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
*/
/* Alternative fuer die schwarze Linie unterhalb - die einzelnen Zeilen haben dadurch etwas mehr Abstand */
	border-bottom: 1px solid black;
	text-transform: uppercase;
}
.menu li.active{
  color: #A0006B; /* pink */
}
.menu a {
  text-decoration: none; /* die Unterstreichung wurde oben bereits durch ein Bild definiert */
	color: black;
}
/* ********** CONTENTBOX ********** */
#contentbox {
	position: absolute;
	top: 25%;
	left: 18em;
	width: 44em;
	height: 70%;
/*	border: 1px solid black;*/
}
#fusszeile {
	font-size: 0.8em;
	margin: 0;
	padding: 0;
	text-align: right;
}
.fusszeile_logo{
	float: right;
	margin: 0;
	padding-top: 0.5em;   /*damit das Logo nicht gleich unter der horizontalen Linie klebt*/
	padding-left: 1em;
	padding-right: 0;
	padding-bottom: 0;
	width: 4em;
}
/* ********** Allgemeines ********** */
.nowrap {
	white-space: nowrap;
}
.invisible {
	display: none;
}
.skipcontent {
	font-size: 0.8em;
  text-align: right;
}
.uppercase {
  text-transform: uppercase;
}
.pink {
  color: #A0006B; /* pink */
}
.pink_bold {
	color: #A0006B; /* pink */
	font-weight: bold;
	letter-spacing: 0.8em;
}
.liste {
  margin-top: 0;
	margin-bottom: 0;
}
.acronym {
  border-bottom: 1px solid dashed;
}
.bold {
  font-weight: bold;
}
.mail {
  color: #A0006B;
	text-decoration: none;
	font-weight: bold;
}
.link {
  color: black;
	text-decoration: none;
	font-weight: bold;
}
/* ********** Spezielle Einstellungen für lehrende.html und studierende.html ********** */
.person {
  position: relative;
  width: 100%;
	height: 8em;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}
.person_bild {
  position: relative;
	top: 0%;
	left: 0%;
	width: 20%;
	vertical-align: bottom;
}
.person_bild img {
  width: 5em;
	border: 1px solid black;
	vertical-align: bottom;
}
.person_text {
  position: absolute;
	top: 0%;
	left: 20%;
	width: 80%;
}
/* ********** Spezielle Einstellungen für kontakt.html ********** */
.kontakt {
  position: relative;
  width: 100%;
	height: 10em;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}
.kontakt_logo {
  position: relative;
	top: 10%; /* das Bild rutscht dadurch etwas nach unten ! */
	left: 0%;
	width: 25%;
	vertical-align: bottom;
}
.kontakt_logo img {
  width: 8em;
}
.kontakt_text {
  position: absolute;
	top: 0%;
	left: 25%;
	width: 75%;
}
/* ********** Spezielle Einstellungen für partner.html ********** */
.partner {
  position: relative;
  width: 100%;
	height: 6em;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}
.partner_logo {
  position: relative;
	top: 0%;
	left: 0%;
	width: 20%;
}
.partner_logo img { /* kein Rahmen !!! */
  width: 5em;
	vertical-align: bottom;
}
.partner_text {
  position: absolute;
	top: 5%;
	left: 20%;
	width: 80%;
}
/* ********** Spezielle Einstellungen für sitemap.html ********** */
.shortcut{
  position: relative;
  width: 100%;
}
.item {
  position: relative;
  left: 0%;
	width: 25%;
}
.alt {
  position: absolute;
	top: 0%;
  left: 25%;
	width: 75%;
}
/* ********** Spezielle Einstellungen für curriculum.html ********** */
.lva {
  width: 30em;
}