/* 
   Fix IE overflow bug, thanks to 
   http://crowstoburnaby.com/index.php/2005/02/07/fixing_the_pc_ie_float_drop_bug
*/

* html #maincont {
    overflow-x: hidden; overflow-y: hidden; 
    width: expression(document.body.offsetWidth-40);
}

body {
  color:            black;
  background-color: white; 
  text-indent: 0;
  line-height: 1.7;
  font-size: 12pt;		
  font: 14px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
  margin: 10px 2% 10px 8%;
}

body.centered {
  color:            black;
  background-color: white; 
  text-indent: 0;
  line-height: 1.7;
  font-size: 11pt;
  margin: 2em 15% 1em 15%;
}
div.navigator {
  font-size: 9pt;
  margin:0pt;
}

/* Generic settings */

img {
  border: 0;
}

a {
  color: #007000;
  font-style: normal;
  text-decoration: none;
}
a:hover  {
  color: #007000;
  background-color: #b2c954;
}

small {
  font-size: 8pt;
}
small.quote {
  font-style: italic;
}
small.author {
  font-style: normal;
}
big {
  font-size: 14pt;
}


/* The navigation bar at the top */

div.navbar {
  display: block;
  width: 69%;
  margin-left: auto;
  margin-right: 8%;
}
ul.evenly-spread {
  width: 100%;
  padding: 0;
  padding-bottom: 1ex;
  list-style: none;					  
  white-space: nowrap;
}
ul.evenly-spread li {
  font-size: 9pt;
  font-style: italic;
  margin: 0;
  text-align: center;
  padding: 0;
  float: left;
  width: 20%;
}
.evenly-spread:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

/* Header block (contact info and image) */

div.header {
  display: block;
}

/* Site navigator */

div.sitenav {
  position: relative;
  text-align: left;
  text-indent: 0em;
  line-height: 1.4;
  float: left;
  width: 35%;
  margin: 0% 0% 0% -37%;
  font-size: 9pt;
}



/* Large images in top-right corner */

img#mainimg {
  display: inline;
  float: right;
  width: 67%;
  margin-right: 7%;
  padding: 0;
  padding-bottom: 2ex;
}

/* The contact information table */

table.data {
  display: inline;
  float: left;
  text-align: left;
  text-indent: 0em;
  line-height: 1.1;
  margin: 0;
}

/* The main text */

div.maintxt {
  display: block;
  width: 65%;
  margin-left: auto;
  margin-right: 8%;
  clear: both;
}
div.text {
  display: block;
  padding-bottom: 1.5em;
  line-height: 1.3;
  margin-left: 2em;
}
div.metext {
  display: block;
  padding-bottom: 1.5em;
  line-height: 1.3;
  margin-left: .5em;
}
p {
  display: block;
  line-height: 1.3;
  margin-left: 2em;
}

/* Text highlights */

span.rr {
	 font-weight: bold;
}
span.pca {
	 font-weight: bold;
	 color: #800000;
}

/* Sections and subsections */

h1 {
  font-size: 24pt;
  font-weight: bold;
  text-shadow: 2px 2px 3px #ccc;
}
b#name {
  text-shadow: 2px 2px 3px #ccc;
}
h2 {
  font-size: 12pt;
  font-weight: bold;
  text-shadow: 2px 2px 2px #ccc;
}

h3 {
  margin-left: 2ex;
  padding-top: 0em;
  font-size: 11pt;
  font-weight: bold;
}

/* Floating margin images on the left */

.figure {
  position: relative;
  text-align: left;
  text-indent: 0em;
  line-height: 1.4;
  float: left;
  width: 40%;
  margin: 0% 0% 0% -45%;
  font-size: 9pt;
  clear: left;
}

small.sideimg {
  display: block;
  margin-bottom: 3ex;
  clear: both;
}

/* Icons */

table.icons {
  width: 95%;
  margin-left: auto;
  margin-top: 2ex;
}
table.icon {
  display: inline;
  margin: 2ex;
}
.icon a:hover  {
  color: #007000;
  background-color: white;
}
td.icontxt {
  width: 100%;
  text-align: center;
}
img.reflect {
  width: 100px;
}

/* References to papers and pdf files */

table.ref {
  font-size: 10pt;
  display: block;
  margin-left: 4em;
  margin-top: 1em;
  margin-bottom: 1em;
  margin-right: 4em;
}

.ref img {
  float: left;
  margin-right: 2ex;
}

/* Timetables */

table.timetable {
  display: block;
  margin-left: 2em;
  margin-top: 1ex;
  border-collapse: collapse;
  font-size: 10pt;
}

tr.nolecture {
  font-style: italic;
}

.timetable td {
	padding: .5ex;
	margin: 0;
	border-bottom: 1px dotted #007000;
}

td.homeworkday {
  font-weight: bold;
}

/* Project report tables */

table.projects {
	 padding: .5ex;
	 margin-left: 3ex;
}

/* Lecture course overview */

table.lectures_overview {
	 margin-left: 2em;
	 margin-bottom: 3ex;
	 padding: 2ex;
	 border-collapse: collapse;
	 width: 90%;
}
.lectures_overview td {
	 padding-left: 2ex;
	 padding-right: 2ex;
	 padding-top: 1ex;
	 padding-bottom: 1ex;
	 border: 1pt dotted #404040;
}
.lectures_overview th.ycol {
	 width: 80px;
}
.lectures_overview th.dcol {
}

/* Validator icon */

div#w3check {
	 margin: 0% 0% 0% -45%;
	 border: none;
}
div#w3checkmain {
	 float: left;
	 border: none;
}
#w3check img {
	 border: none;
}


/* Old */

img.floatrightimg {
  float: right;
  width: 4em;
}
img.mainimg:hover {
  background-color: white;
}
img.new {
   display: block;
   float: left;
   width: 20px;
   vertical-align: middle;
	margin-right: .5em;
}