/* workarounds ? */
ul, ol { position: relative;  }
/* MSIE macht fehler bei Margen und Floats, verschiedene "display: inline"
 * Anweisungen sollten das beheben, sogn. "double margin bug" (siehe
 * http://www.positioniseverything.net/explorer/floatIndent.html */

/* INHALT */

/* Breite Spalte im Mitte mit Inhalt, gelbe Hintergrund, dunkelrote Text */
body	{ margin-left: 20%; margin-right: 10%; font-family: Arial, sans-serif ;
	color: #000000; background-color: #EEEEEE; padding: 0;}

/* Link im Text: schwarz, unterstrichen und standaard-graue Hintergrund */
a:link, a:visited, a:hover {background-color: #EEEEEE; }
a:hover, ul.navbar li a:hover {background-color: #CCCCCC; }
/* Im Menu mit dunkelergrau */
ul.navbar a:link, ul.navbar a:visited {background-color: #DDDDDD; }
a:link	{ color: #990033; text-decoration: underline; }
/* Besuchte Link, gleiche Farbe als normale Text */
a:visited	{ color: #000000; text-decoration: underline; }
/* hover: schwarz auf dunkelgrau */
a:hover { color: #990033;  }
	
/* Für link nach oben, tief unter Inhalt plazieren */
p.zurueck	{ margin-top: 5em; }
p.unterschrift {margin-top: 2em; text-align: right;}

/* Image mit caption zusammen */
div.image { margin-top: 1em; text-align: left; display: inline; }
div.image p { font-size: smaller; font-style: italic; margin-top: -1em; }
/* Verschiedene images sollen sich nicht berühren */
div.image img { border: thin #EEEEEE solid;}

/* Liste für zum Seiten-layout gehörende images */
ul.logo { list-style-type: none; padding: 0; margin: 0; position: absolute; top: 2em; right: 1%; width: 8%; }
img.logo	{ width: 100%; display: inline; }
p.logo { padding: 0; margin: 0; position: absolute; top: 2em; right: 1%; width: 8%; }
/* Liste für nicht weiter anklickbare Bilder in rechte Spalte */
dd.logo { list-style-type: none; padding: 0; margin: 0; position: absolute; right: 1%; width: 8%; display: inline; }
dd.logo img { 
/* Nicht optimal: sollte abhängig sein von andere dd element:
	mit kleine Font überlappen foto's, in Iexplorer zu klein */
	width: 80%; display: inline; }
dl.publ dt {margin-top: 0.9em; }

/* liste mit kurse */
ul li {margin-bottom: 0.5em;}
ul li img { width: 5%; }

/* Hauptmenu als Liste mit ein sublevel */
ul.navbar, ul.subnavbar	{ list-style-type:none; }
ul.navbar	{ padding: 0; margin: 0; position: absolute; top: 1.5em; left: 1%; width: 15% }
ul.navbar li	{ font-size: smaller; background-color: #DDDDDD; color: #000033; margin: 0.3em 0; padding: 0.2em; }
ul.subnavbar li	{ margin: 0em 0; font-size: 100%; background-color: #DDDDDD; color: #000000;}

/* In rechte Spalte anklickbare Fotos */
ul.illus { list-style-type: none; padding: 0; margin: 0; position: absolute; right: 1%; width: 8%; display: inline; }
ul.illus img	{ display: inline; width:95%; }

/* table */
caption  { font-size: smaller; font-style: italic; text-align: left; padding-bottom: 0.5em; }
th {text-align: left; font-size: 90%;  padding-bottom: 0.5em; }
tr {text-align: left; font-size: 80%; }
td {padding-right: 0.5em;  }