body 
{
	
	 background-color: #333; font-family: sans-serif; font-size: 13px;
}

a, a:visited, a:active 
{
	
	 color: navy; text-decoration: none 
}

a:hover 
{
	
	 color: navy; text-decoration: none 
}

#main 
{
	
	 width: 800px; margin-left: -400px; position:absolute; left: 50%;
}

#header 
{
	
	 margin: 0px; height: 135px; background-color: white; 
}

#menu 
{
	
	 margin: 0px; height: 36px; background-color: black;
}

#menu ul 
{
	
	 list-style: none; display: block; margin: 0px; padding: 0px; 
}

#menu ul li 
{
	
	 float: left; display: block; margin: 0px 10px; padding: 0px; height: 36px; vertical-align: middle; font-weight: bold; font-size: 14px; line-height: 36px;
}

#menu ul li a 
{
	
	 color: white; 
}

#menu ul li a:hover 
{
	
	 color: rgb(0,167,231); 
}

#content 
{
	
	 min-height: 600px; background-color: white; padding: 10px;
}

#footer 
{
	
	 height: 40px; background-color: rgb(0,167,231); border-top: solid 10px black; border-bottom: solid 3px black; padding: 10px;
}

#photoface 
{
	
	 height: 135px; display: block;position: absolute; left: 0px; z-index: 10;
}

#tudelftlogo 
{
	
	 height: 135px; width: 183px; display: block; float: right; 
}

#celogo 
{
	
	 height: 104px; width: 104px;display: block; float: left; position: absolute; left: 96px; 
}

#bluebar 
{
	
	 height: 31px; width: 617px; background-color: rgb(0,167,231); z-index: 5; position:relative; top: 104px;
}

#infobox 
{
	
	 text-align: center; width: 400px; position: absolute; left: 50%; margin-left:-200px; height: 104px; background-color: white; font-weight: bold;top: 0px;
}

#infobox h1 
{
	
	 font-size: 16px; line-height: 20px; margin: 0px; margin-top: 10px; padding: 0px; 
}

#copyright 
{
	
	 font-weight: bold; position: absolute; left: 200px;
}

#infotable 
{
	
	 margin: 0px auto; margin-top: 20px; width: 100% border-collapse: collapse; background-color: #ddd; border: dashed thin #aaa; font-size: 11px;
}

#infotable .header th 
{
	
	 border-bottom: solid thin black;
}

#infotable th 
{
	
	 vertical-align: top; text-align: left; 
}

#infotable td 
{
	
	 vertical-align: top; width: 33.3%
}

#infotable td table td 
{
	
	 width: auto 
}

ul.twocolumn li 
{
	
	float: left; width: 33%;
}

br.clear 
{
	
	 clear: left; 
}

blockquote 
{
	
	 font-style: italic;  
}

ol.pub li
{
    display: block;
    margin-bottom: 10px;
}
ol.pub li:before
{
    content: counters(item,".");
    counter-increment: item;
    padding-right:8px;
}