/* ************************ */
/*    zusätzliche Styles    */
/* ************************ */
.center {
	text-align: center;
}

/*.img100 {
	height: 7em;
	vertical-align:middle;
}
.img80 {
	height: 5.6em;
	vertical-align:middle;
}
.img40 {
	height: 2.8em;
	vertical-align:middle;
}
.img33 {
	height: 2.2em;
	vertical-align:middle;
}
*/
td.grau {
	background-color:#DEDEDE;
	color:#3F292D;
	border-collapse:collapse;
	height: 8em;
}

table.partner, table.partner td{
	border: 1px solid black;
	border-collapse:collapse;
}

/* ************************ */
/* allgemeine einstellungen */
/* ************************ */
html, body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #3F292D;
	font-size: 100%;
	background-color: #EFEFF4;
	padding: 0;
	margin: 0;
	height:100%;
	width:100%;
}

.kontakt {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#3F292D; 
	font-size: 80%;
	background-color: #EFEFF4;
	padding: 0;
	margin: 0;
	height:100%;
	width:100%;
}

h1 {
	font-size: 1.6em;
	padding: 0;
	margin: 0.2em 0;
}

h2 {
	margin: 0.2em 0 0.5em;
	font-size: 1.4em;
	font-weight: normal;

}

h3 {
	margin: 0.5em 0;
	font-size: 1.25em;
}

h4 {
	margin: 0.5em 0;
}

p {
	padding: 0;
	margin: 0.5em 0 0 0;
}

img {
	padding:0;
	margin:0;
	border:0;
}

dt {
	font-weight: bold;
	margin: 0.4em 0 0 0;
}


a, a:link {
	color: #3F292D;
	background-color: #EFEFF4;
	text-decoration:none;
}

a:hover {
	color: #3F292D;
	background-color: #EFEFEF;
}

/*table {
	border-collapse:collapse;
	}
*/

/* ****************************** */
/*           Menü Styles          */
/* ****************************** */
#menu ul { 
	list-style:none; 
	padding:0; 
	margin-left:1em;
}

#menu ul li {
/* gibt allen Links der ersten Ebene einen Abstand: */
	margin:0;
	padding: 0.1em 0 0.1em 0.3em;
/*	border-top: 0.2em solid #3662AD;*/
}

#menu ul li ul li {
	/* verhindert Linien oben fuer Eintraege ab der 2. Ebene: */
	border: 0;
	/* verhindert Abstaende fuer die Links ab der zweiten Ebene: */
	margin: 0;
	/* verhindert unerwuenschte Abstaende im IE: */
	/*display: inline;*/
}

/* sorgt fuer Einzuege und Hoehe der Links und der aufgerufenen Seite 
in der zweiten Ebene: */
#menu ul li ul {
	margin: 0.3em 0 0 0;
}

#menu ul li ul li{
	margin: 0 0 0 1em;
	padding: 0.1em 0 0.1em 0.4em;
/*	border-left: 0.4em solid #3662AD;*/
}

.active {
	color: #FF6D18; /*orange*/
	background-color: #EFEFF4;
	font-weight: bold;
}

/* ****************************** */
/*         header Styles          */
/* ****************************** */

#logobox {
	position:relative/*absolute;*/;
	z-index: 1;
	top: 2.5em/*2%*/;
	left: 0.75em/*5%*/;
	float:left;
/*	width: 100%; */
/*	height: 20%; */
}

/*#logoImage {
	position:relative;
	top: 2.5em;
	left: 1.25em;
	float:left;
}*/

#logo {
	width: 18em;
}

#adressImage {
	position:relative;
	z-index: 1;
	top: 2.5em;
	right:0.75em;/*	border-left: 0.1em solid grey;
*/	float:right;
}

/* ****************************** */
/*        content Styles          */
/* ****************************** */
#content ul {
	padding: 0;
	margin: 0.5em 0;
	list-style-type:square;
}

#content ol {
	padding: 0;
	margin: 1em 0 0 0;
}

#content li {
	padding: 0;
	margin: 0 0 1em 2em;
}
/* **************************** */
/* Positioning */
/* **************************** */
#hiddenNavigation {
	position: absolute;
	top: -100em;
	left: -300em;
	display: inline;
}

#contentWrapper {
	width:75em;
	height:55em;
	margin:0;
	padding:0;
	background-color: #efeff4;
	color: #3F292D;
	border-left: 1em solid #FF6D18;
	border-bottom: 1px #efeff3;
	border-right: 1px #efeff3;
	border-top: 1px #efeff3;
}

#header {
	height: 11em;
	text-align: center;
	background-color: #ffffff;
	color: #fffffe;
}

#menu {
	width: 15em;
	float:left;
	padding-top: 2em;
}

#content {
	float:right;
	width:54.9em/*65%*/;
	height:44em/*70%*/;
	padding:1.5em 0.5em 0 2.5em;
	border-left: 0.1em solid white;
}

#fusszeile {
	height: 10%;
	font-size: 1em;
	margin: 0;
	padding: 0;
	}
.fusszeile_logo{
	float: left;
	margin: 0;
	padding-top: 0.5em;   /*damit das Logo nicht gleich unter der horizontalen Linie klebt*/
	padding-left: 1.25em;
	padding-right: 0;
	padding-bottom: 0;
}

/* ********** Spezielle Einstellungen für lehrende.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: 10%;
	vertical-align: bottom;
}
.person_bild img {
  width: 5em;
	border: 1px solid black;
	vertical-align: bottom;
}
.person_text {
  position: absolute;
	top: 0%;
	left: 15%;
	width: 90%;
}



/* ********** Spezielle Einstellungen für lehrende.html und studierende.html ********** */
/*.person {
  position: relative;
  width: 65%;
	height: 8em;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}
.person_bild {
  position: absolute;
	top: 1px;
	left: 0px;
	vertical-align: center;
}
.person_bild img {
  width: 5em;
	border: 1px solid black;
	text-align:center;
	vertical-align: center;
}
.person_text {
	position: absolute;
	top: 1px;
	padding-left: 180px;
	/*width: 517px;
	height: 106px;
}*/

