* { margin:0; padding:0; }
html { height: 101%; }
body { 
	font-family: Arial, Helvetica, sans-serif; 
	background-color: #EBEFF5; 
	color: #000; 
	font-size: 0.9em; 
	line-height: 1.5em;
	}
a { 
	text-decoration: none; 
	outline: none; 
	color: #700; 
	}
a:hover, a:active { 
	color: #006; 
/*	text-decoration: underline; */
	}
.block { display:block; }
.clear { clear:both; }
ul.quer, ul.quer li { display:inline } 
ul.quer li { margin-right: 1em }
p + ul { margin-top: -1em; }
#stud #text .extra, #mita #text .extra, #indx #spalte1 .extra, #fach #text .extra, #indx #spalte2 .extra  {
	border:#700 dotted 2px; 
	padding: 1em 0.75em; 
	background:#F5D3BB; 
	margin:1em 0; 
	color: #700; 
	font-size:1em;
	}
.nachruf {
	border:2px solid #7f0000; 
	background:#ffdddd; 
	margin:1em 0; 
	padding:0 20px 0px 20px; 
	text-align:left; 
	height:135px;
	}
hr { 
	background-color: #000; /* Farbe für Opera und Firefox */ 
	color: #000; /* Farbe für Internet Explorer (IE) */ 
	border: 0; 
	height: 1px; 
	width: 300px;
	}
blockquote { margin-left: 3em; font-size:0.9em; }
/* ---------------------
           all 
------------------------ */
#all { 
	position: relative; 
	width: 1000px;
	margin: 0 auto;
	}

#pdf {
	width: 32px;
	height: 12px;
	margin: 0 10px;
	}
/* ---------------------
           head 
------------------------ */
#head {
	position: relative;
	height: 124px;
	background-color: #fff;
	color: black;
	background-image:   url(http://www.uni-koeln.de/phil-fak/afrikanistik/grafiken/design/koeln.png);
	background-position: right bottom;
	background-repeat: no-repeat;
	font-family: Arial, Verdana, Helvetica, sans-serif; 
	font-size: 1.2em;
	font-size: .625em;
	font-weight: bold;
	margin-bottom: 19px;
 	}
	
	#head img {
		float: left; 
		padding: 27px 20px 0px 20px;
		border: none; 
		}
	#head ul {
		padding-top: 37px;
		margin-left: 130px;
		margin-right: 360px;
		font-size: 1.1em;
		font-weight: bold;
		}
	#head li {
		list-style-type: none;
		}
	#head ul li #uni {
		font-size:2em;
		}
	#head #phil {
		margin-top: 0.15em;
		padding-top: 0.15em;
		font-size: 1.5em; 
		}
	#head #afr { 
		margin-top: 0.15em;
		padding-top: 0.15em;
		font-size: 1.2em; 
		}
	#head a { 
		background-color: transparent; 
		text-decoration: none; 
		color: #41799E; 
		}
	#head a:hover, #head a:active { 
		background-color: transparent; 
		color: #812981; 
		}
	#head #afrika { 
		position: absolute;
		right: 0px;
		top: 10px;
		height: 78px;
		width: 75px;
		}
		


/* ---------------------
         topnavi 
------------------------ */
#topnavi {
	position: absolute;
	top: 0.25em;
	right: 5px;
	background-color: transparent;
	color: #000;
	padding: 0em 0.35em;
	font-size: 0.75em;
 	}
	#topnavi ul { 
		list-style: none; 
		text-align: right; 
		}
	#topnavi li { 
		display: inline; 
		}
	#topnavi a { 
		color: #41799E; 
		}
	#topnavi #impressum { 
		border: none;
		}
	#topnavi form#googleSearch input {
		background-color: #EBEFF5;
		background-image: none;
		background-repeat: repeat;
		background-attachment: scroll;
		background-position: 0% 0%;
		border-top-color: #41799E;
		border-right-color: #41799E;
		border-bottom-color: #41799E;
		border-left-color: #41799E;
		border-left-color-ltr-source: physical;
		border-left-color-rtl-source: physical;
		border-right-color-ltr-source: physical;
		border-right-color-rtl-source: physical;
		border-top-width: 1px;
		border-right-width: 1px;
		border-bottom-width: 1px;
		border-left-width: 1px;
		border-left-width-ltr-source: physical;
		border-left-width-rtl-source: physical;
		border-right-width-ltr-source: physical;
		border-right-width-rtl-source: physical;
		border-top-style: solid;
		border-right-style: solid;
		border-bottom-style: solid;
		border-left-style: solid;
		border-left-style-ltr-source: physical;
		border-left-style-rtl-source: physical;
		border-right-style-ltr-source: physical;
		border-right-style-rtl-source: physical;
		padding-top: 0px;
		padding-right: 0px;
		padding-bottom: 0px;
		padding-left: 0px;
		font-size: 9px;
		}

	#topnavi #suche { padding-right: 0.5em;  padding-left: 0.4em; }	
	#topnavi #english { padding-right: 0.3em; padding-left: 0.2em; }
	#topnavi #deutsch { padding-right: 0.3em; padding-left: 0.2em; }


/* ---------------------
         main 
------------------------ */
#main {
	overflow: visible;
	position: relative;
	left: 0;
/* Farbe mittelgelb: #FEF4CE */
	background-color: #FEF4CE;
	color: black;
	min-height: 600px;
	border-top: 1px solid #700;
}

/* ---------------------
         navi 
------------------------ */
#navi {
	position: absolute;
	margin-top:-14px;
	float: left;
	width: 175px;
	background-color: f00;
	color: #000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: right;
 	}
	#navi ul { 
		font-weight: bold; 
		list-style: none; 
		margin-top: 1em; 
		line-height: 1em;
		}
	#navi ul li {
/* Farbe mittelgelb: #FEF4CE */
		background-color: #FEF4CE;
		color: #700;
		padding: 10px 10px 5px 10px;
		border-bottom: 1px solid #700;
		border-collapse: collapse;
		font-size: 0.9em;
		}
	#navi a, #navi p { 
		display: block; 
		padding-bottom: 0.5em;
		color: #700;
		}
	#navi a:hover, #navi a:active {
		color: #006
		}
		#navi ul ul a {
			padding-bottom: 0.25em;
			}
		#navi ul ul li {
			border:none;
			}
	#navi p { 
		color: #700; 
		padding-top:1em;
		margin-bottom: -0.5em;
		}
	#navi ul ul {
		display: none;
		margin-bottom: 0.5em;
		font-size: 0.9em;
		font-weight: normal;
		margin-top: 0;
		}
		#navi ul ul li {
			padding: 0em 0 0.25em 0;
			}
	#inst ul#institut, #spra ul#sprachen, #fors ul#forschung, #stud ul#studium, #fach ul#fachschaft, #publ ul#publikationen, #mita ul#mitarbeit, #web ul#weblinks, #tagu ul#tagukonfwork {
		display: block;
		}
		#stud ul#studium ul#verlauf	{
			display: block;
			margin-top: 0;
			margin-bottom: 0.5em;
			margin-left: 2em;
			font-size: 0.85em;
			font-weight: normal;
			border: 1px solid #700;
			border-width: 1px 0;
			padding: 0.25em 0.5em 0 0; 
			}

#navi form#googleSearch input {
		background-color: #FEF8E6;
		background-image: none;
		background-repeat: repeat;
		background-attachment: scroll;
		background-position: 0% 0%;
		border-top-color: #EBAF8F;
		border-right-color: #EBAF8F;
		border-bottom-color: #EBAF8F;
		border-left-color: #EBAF8F;
		border-left-color-ltr-source: physical;
		border-left-color-rtl-source: physical;
		border-right-color-ltr-source: physical;
		border-right-color-rtl-source: physical;
		border-top-width: 1px;
		border-right-width: 1px;
		border-bottom-width: 1px;
		border-left-width: 1px;
		border-left-width-ltr-source: physical;
		border-left-width-rtl-source: physical;
		border-right-width-ltr-source: physical;
		border-right-width-rtl-source: physical;
		border-top-style: solid;
		border-right-style: solid;
		border-bottom-style: solid;
		border-left-style: solid;
		border-left-style-ltr-source: physical;
		border-left-style-rtl-source: physical;
		border-right-style-ltr-source: physical;
		border-right-style-rtl-source: physical;
		padding-top: 0px;
		padding-right: 0px;
		padding-bottom: 0px;
		padding-left: 0px;
		font-size: 12px;
		}
/* ---------------------
         info 
------------------------ */
#info { 
	overflow: hidden;
	margin-left: 175px;
/* Farbe hellgelb: #FEF8E6 */
	background-color: #FEF8E6;
	background-position: right top;
	background-repeat: no-repeat; 
	min-height: 650px;
	}

	#fang {
		float: right;
		width: 400px;
		margin: 3em 3em 0 2em;
		text-align: right;
		}
		.subtext {
			display: block;
			font-size: 0.85em;
			margin-top: -0.5em;
			}
		
	#dekorechts {
		float: right;
		width: 400px;
		margin: 0 1.5em 0 2em;
		text-align: center;
		}
		.subtext {
			display: block;
			font-size: 0.85em;
			margin-top: -0.5em;
			}
	#dekolinks {
		float: left;
		width: 400px;
		margin: 0 0em 0 0em;
		text-align: center;
		}
		.subtext {
			display: block;
			font-size: 0.85em;
			margin-top: -0.5em;
			}
	#text { 
		margin: 3em 1em 1.5em 2em;
		}
	#fach #text {
		background-image: url(grafiken/fachschaft/hintergrund.gif);
		background-position:top right;
		background-repeat: no-repeat;
		}
		#text h1, #text h2, #text h3, #text h4 {
			font-family: Verdana, Arial, Helvetica, sans-serif;
			}
		#text h1 {
			font-weight:normal;
			font-size: 1.8em;
			line-height: 1.25em;
			margin-bottom: 0.75em;
			}
		#text h1 span.ergaenzung {
			font-weight: normal;
			font-size: 0.6em;
			}
		#text h2 {
			font-weight:normal;
			font-size: 1.25em;
			line-height: 1.25em;
			margin-top: 1em;
			margin-bottom: 0.25em;
			}
			#fors .berichte h2 {
				margin-top: 0em;
				margin-bottom: 1em;
				}
			#fach h2 {
				font-size: 1.5em;
				margin-bottom:1em;
				}
		#text h3 {
			font-size: 1em;
			line-height: 1.25em;
			margin-bottom: 0em;
			}
			#fach h3 {
				font-weight:normal;
				font-size: 1.25em;
				margin-top:1em;
				margin-bottom:0.5em;
				}
			#fach #info #text ul li ul li p {
				margin-bottom:0.25em;
				}
			#fach #info #text ul li a {
				display: inline;
				}
			#fach #info #text p.extra a {
				display: block;
				font-weight:bold;
				}
			#fach #info #text ul li ul li p a {
				margin-top:0em;
				}
			#fach #info #text ul li ul li ul li {
				margin-top: 1em;
				}

		#text p {
			margin-bottom: 1em;
			}

		#text ul {
			list-style-type: none;
			margin-bottom: 1em;
			}
		#text ul.std {
			list-style-type: square;
			margin-left: 2em;
			}
		#text ul ul {
			margin-left: 2em;
			font-size: 1em;
			}
		#fach #text ul li {
			margin-top:0.5em;
			}
		#fach #text ul li a {
			display: block;
			margin-top: -0.75em;
			}
		#fach #text ul.noblock li a {
			display:inline;
			}
		#text ol {
			margin: 0em 2em 1em 2em;
			}
		#text img {
			margin-bottom: 5px; 
			border: none;
			}
			#text img.rechts {
				margin-left: 15px; 
				float:right;
				}
			#text img.rechts {
				margin-right: 15px; 
				float:right;
				}
		
		.small {
			font-size: 0.9em;
			}
		.autorin {
			display: block;
			font-size: 0.85em;
			margin-top: -1em;
			margin-right: 2em;
			text-align: right;
			font-style:italic;
			}
		.shortpage {
			padding-bottom: 10em;
			}


		#indx #text ul {
			margin-top: 3em;
			}
		#text ul.inline {
			display: inline;
			}
			#text ul.inline li {
				display: inline;
				margin-left: 0.5em;
				color: #000;
				}
		#text ul.jukun {
			float: left;
			margin-bottom: 1em;
			}
		#text ul.jukun ol {
			margin-top: 0.25em;
			list-style-type:lower-alpha;
			}
		#text ul.jukun ol ol {
			margin-top: 0em;
			list-style-type:lower-roman;
			}
		#text ul.jukun ol ol ul {
			margin-bottom: 0;
			margin-left: -0.5em;
			list-style-type: none;
			font-size: 1em;
			color: #000;
			}

	#spalte1, #spalte2, #spalte3 {
		width: 39%;
		margin: 0em 1em 3em 1em;
		padding: 0 0em;
		float: left;
		}
		#spalte1, #mita #spalte2 {
			width: 42%;
			border-right: 1px solid #700;
			padding-right: 1.5em;
			padding-left: 1em;
			}
		#indx #spalte1 p, #indx #spalte2 p {
			padding: 1em 0;
			border-top: 1px solid #700;
			}
		#mita #spalte1 {padding-left:0}

	#text #antworten {
		margin-top:2em;
		}
	#text a, #spalte1 a, #spalte2 a, #spalte3 a, #fang a {
		background-image:   url(grafiken/design/link.gif);
		background-repeat: no-repeat;
		padding: 0.25em 0 0.25em 12px;
		}
	#text #antworten a {
		background-image:   none;
		padding: 0;
		}

		#text a, #fang a {
			background-position: 0em 0.5em;
			}
		#text a.kontakt { 
			display: inline; 
			background-image:  url(grafiken/design/mail.gif); 
			padding-left: 18px;
			}
		#text a.anker { 
			display: inline; 
			background-image: none; 
			padding-left: 0;
			}
		#text a.pdf, #spalte1 a.pdf, #spalte2 a.pdf {
			background-image:  url(grafiken/design/pdf.gif); 
			background-position: 0em 5px;
			padding-left: 38px;
			}
		#text a.pps {
			background-image:  url(grafiken/design/pps.gif); 
			background-position: 0em 0px;
			padding-left: 24px;
			}
		#spalte1 a.pdf, #spalte2 a.pdf {
			background-position: 0em 7px;
			}
		#spalte1 a, #spalte2 a {
			font-weight: bold;
			display: block;
			background-position: 0em 0.65em;
			}
		#text #spalte1 a.sound, #text #spalte2 a.sound {
			display: inline; 
			background-image:  url(grafiken/design/audio.gif); 
			background-position: 0em 0.25em;
			padding-left: 15px;
			}
		#fors #spalte1 a, #fors #spalte2 a {
			font-weight: normal;
			padding: 0 0 0 12px;
			}
		#fors #spalte1 {
			padding-bottom: 5em;
			}
		#fors #text a {
			background-position: 0em 0.4em;
			}
		#fors #text h2 a {
			background-position: 0em 0.6em;
			}
		#mita #spalte1 a, #mita #spalte2 a, #mita #spalte3 a {
			font-weight: normal;
			display: inline;
			background-position: 0em; 0.25em;
			}
			#mita #spalte1, #mita #spalte3 {
			width: 22%;
				}
			#mita #spalte2 {
			width: 23%;
				}
			#mita #fang {
				margin-top: 0em;
				float:left;
				}
		#web #spalte1 { margin-left: 0}
		#web #text.welt h2 { clear:both; border-bottom: 1px solid #700; margin-bottom: 0em;}

	#info a img {
		margin-left: -15px;
		}
		
	#text table {
		border-collapse: collapse;
		margin-bottom: 2em;
		}
	#text thead {
		position: absolute;
		left: -100em;
		}
	#text td { 
		border: 1px dotted #700;
		padding: 0.25em 0.25em 0.25em 0.5em;
		}
	table#promo, table#magist, table#pub {}
		table#promo tr, table#magist tr, table#pub tr {
			vertical-align:top;
			}
		table#promo td.name, table#magist td.name, table#pub td.name {
			width:13em;
			border-left: none;
			}
		table#promo td.thema, table#pub td.thema {
			width:30em;
			}
		table#promo td.jahr {
			width:15em;
			border-right: none;
			}
		table#magist td.thema, table#pub td.thema {
			width:40em;
			border-right: none;
			}

img#i { vertical-align: bottom; }
img#foto {
	float:left; border:1px solid #000; margin-right:1em; margin-bottom:2em; margin-top:0.25em
	}
/* ---------------------
        location 
------------------------ */
#location { 
	position: absolute;
	background-color: transparent;
	padding-left: 1.1em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.75em; 
	}
	
	#location a { 
		color: #700; 
		background-image:  url(grafiken/design/pfeil.png); 
		background-position: 0em 5px;
		padding-left: 18px;
		padding-right: 5px;
		background-repeat: no-repeat;
		}
		#location a:hover, #location a:active {
		color: #006
		}


/* ---------------------
         sock, foot 
------------------------ */
#sock {
	border-top:1px solid #700;
	background-color: #FFF;
	color: #000;
	}

#foot {
	position:absoulte;
	bottom: 0px;
	padding: 0.5em 1em;
	text-align: right;
	font-size: 0.7em;
	border-top: 19px solid #EBEFF5;
	border-collapse: separate;
 	}
#foot #kontakt {
	text-align:left;
	float:left;
	}


/* ---------------------
     sehr spezielle 
------------------------ */
img#wocal {
	width:75px; 
	float:right;  
	padding-left: 20px;
	}
	
#text div.fachschaft {
	width:500px;
	float:left;
	padding: 0 20px 0 0;
	}
#text div.fachschaft img {
	float:left;
	margin-right: 20px;
	}
#text #plakate a:link {background-image: url("grafiken/mitarbeit/fotos Behrend/tokyo2010a.jpg")}
#text #plakate a:hover {background-image: url("grafiken/mitarbeit/fotos Behrend/tokyo2010.jpg")}