body{

	font-family: verdana, helvetica, arial, sans-serif;

	font-size: small;

	color: #001c3d;

		text-align: center;

	padding: 0;

}



#wrapper,

#footer{

  background: #fff;

  text-align: left;

  margin: 0 auto;

	font-size: 85%;

	width: 975px;

}



#wrapper{

  padding-top: 1px;

}



#footer{

  width: 931px;

  padding: 10px 0 10px 44px;

}





#maincontent a:visited{

	color: #00a2db;

	text-decoration: underline;

}



a,

a:hover,

#maincontent a,

#maincontent a:hover{

	color: #001c3d;

	text-decoration: underline;

}



a.arrow{

	background: url(blue-sma.htm) left 5px no-repeat;

	display:block;

	padding-left: 10px;

	padding-bottom: 2px;

}



th{

	text-align: left;

}



/* ================ */

/* = Autoclearing = */

/* ================ */

ul.faq .answer:after,

#titlebar:after,

#breadcrumb:after,

#content #toprow:after,

#content #snippets:after,

#sidebar div.comment div:after,

#ribbonwrapper:after,

#wrapper:after,

#faq-search:after,

label.radio:after,

.clear:after,

ul.double:after,

.thumbnails:after,

.thumbnails .items ul:after,

.multimedia .selected:after,

.multimedia .tnavigation:after,

#sidebar div.poll form:after,

#search form:after{

	content: ".";

	visibility:  hidden;

	clear: both;

	display: block;

	height: 0px;

}



/* ============ */

/* = Logo bar = */

/* ============ */

#top{

	margin: 8px 0px 0px 44px;

	width: 737px;

	border-bottom: 1px solid #001c3d;

	padding-bottom: 4px;

}



#titlebar{

	width: 968px;

	position: relative;

}



#title{

	width: 770px;

	text-align:right;

	border-right: 1px solid #001c3d;

	padding: 11px 10px 11px 0;

	float:left;

}



#title.small{

	padding: 9px 10px 9px 0;

}



#title.small h1{

	font-size: 100%;

}



#title h1 img{

  display: block;

  float:right;

}



#title h1{

	font-size: 120%;

	color: #001c3d;

	font-weight: bold;

}



/* ================ */

/* = Language bar = */

/* ================ */

#titlebar #language{

	border: none;

	position: absolute;

	bottom: 0;

	right: 0px;

	margin-left: 0;

}



#language{

	width: 187px;

	text-align: right;

	margin-left: 780px;

	height: 10px;

	position: relative;

	border-left: 1px solid #001c3d;

	font-size: 90%;

}



#language span,

#language ul{

	position: absolute;

	top: -10px;

}



#language span{

	left: 5px;

}



#language ul{

	right: 0px;

}



#language ul,

#language li{

	display: inline;

}



#language li span{

	position: relative;

	top: auto;

	left: auto;

	color: #001c3d;

}



#language li a,

#language li a:hover,

#language li a:visited{

	color: #001c3d;

	text-decoration: none;

}



#language li a:hover{

	text-decoration: underline;

}





/* ================= */

/* = Header & Menu = */

/* ================= */

#header{

	background-color: #29166F;

	width: 780px;

	position:relative;

	float:left;

	clear:right;

}



#menu{

	height: 20px;

	padding-top: 10px;

}



#menu{

	background-color: #996633;

	background-image: none;

	background-repeat: no-repeat;

	background-position: right top;

}



#breadcrumb{

	min-height: 22px;

	text-align: right;

	background-color: #0099CC;

	background-image: none;

	background-repeat: no-repeat;

	background-position: right top;

}



#menu a,

#breadcrumb a{

	color: #fff;

}



#menu ul,

#breadcrumb ul{

	float: left;

}



#breadcrumb ul{

	width: 680px;

	text-align: left;

	padding-bottom: 5px;

}



#menu ul li{

	display:inline;

	padding-right: 14px;

	color: #00a2db;

}



#breadcrumb ul li,

#sidemenu ul li{

	display:inline;

	color: #fff;

}



#menu,

#breadcrumb{

	margin-left: 22px;

	color: #fff;

	border-left: 1px solid white;

	padding-top: 5px;

	padding-right: 10px;

	padding-bottom: 0px;

	padding-left: 21px;

}



/* =========== */

/* = Content = */

/* =========== */

#contentwrapper{

	width: 780px;

	float:left;

}



.form #ribbonwrapper,

.bare #ribbonwrapper{

	background: none;

}



#ribbonwrapper{

	background: url(ribbon-d.gif) top left repeat-y;

	width: 975px;

}



#bachelor #ribbonwrapper{

	background: url(ribbon-b.gif) top left repeat-y;

}



#master #ribbonwrapper{

	background: url(ribbon-m.htm) top left repeat-y;

}



#bachelor.form #ribbonwrapper{

	background: url(ribbon-b.gif) top left repeat-y;

}



#master.form #ribbonwrapper{

	background: url(ribbon-m.gif) top left repeat-y;

}



.form #content{

	width: auto;

}



#content{

	float:left;

	position:relative;

	display:inline;

	width: 758px;

	padding: 1px 0px 0px 0;

	margin-left: 22px;

	background-color: #fff;

}



#content h2{

	font-size: 130%;

	color: #001c3d;

	font-weight: bold;

	padding-bottom: 1em;

}



#content h2.tight{

	padding-bottom: 0;

}



#content h2.slogan{

	padding: 0;

	font-size: 120%;

	font-style: italic;

}





/* =================== */

/* = Content : Broad = */

/* =================== */



#content.broad{

  width: 759px; /* Covers up the line of ribbonwrapper */

  background: #fff;

}



#content.broad table.generic,

#content.broad table.balanced,

#content.broad table.listing,

#content.broad table.azlist,

#content.broad table.figure,

#content.broad table.form,

#content.broad form{

  position: relative;

  width: 656px;

  margin-right: -195px;

}



#content.broad table.generic{

  width: 597px;  

}





/* ================== */

/* = Content : menu = */

/* ================== */

#contentmenu{

	float:left;

	display:inline;

	width: 232px;

	margin-right: 20px;

	margin-bottom: 30px;

}



#contentmenu ul{

	margin-top: 20px;

}



#contentmenu .sectionheader ul{

  margin-top: 0;

}



/* Back to news overview */

a.back{

	display:block;

	padding: 20px 0 0 22px;

}





/* Selection filter */

#newsfilter{

	padding: 20px 0 0 0;

	margin-bottom: 40px;

}



form.search{

	margin-top: 20px;

	padding-left: 22px;

}



#newsfilter select,

form.search input.text{

	font-family: verdana, arial;

	font-size: 90%;

	margin-top: 2px;

	margin-bottom: 10px;

}

form.search input.text {

	border: 1px solid #001c3d;

}



#newsfilter select{

	width: 232px;

}



#newsfilter input.button,

#newssearch input.button{

	float:right;

}



form.search input.text{

	padding: 2px 18px 2px 2px;

	width: 166px;

	background: url(intranet.gif) #fff top right repeat-y;

}



form.search input.button{

	position: relative;

	left: 172px;

	top: -27px;

	display:block;

	float: left;

	padding: 4px 5px 4px 5px;

	height: 7px;

	border: none;

}



#newssearch{

	padding-left: 0px;

}



#newssearch input.text{

	width: 225px;

	margin-bottom: 5px;

}



/* MyUM header */

h3.myum {

  font-weight: normal;

  color: #e84e10;

  padding-bottom: 10px;

}



/* global */



#contentmenu ul.global{

	margin-left: 22px;

}



#contentmenu ul.global li,

#sidebar ul.global li{

	margin-bottom: 10px;

}



a.play span.goto,

#contentmenu ul.global li a,

#sidecontent ul.global li a,

#contentmenu ul.global li a:hover,

#sidecontent ul.global li a:hover{

	font-size: 110%;

	color: #e84e10;

	font-weight: bold;

	background: url(orange-m.gif) #fff left 0.3em no-repeat;

	display:block;

	padding-left: 15px;

}



#contentmenu ul.global.home li a,

#contentmenu ul.global.home li a:hover{

	color: #001c3d;

	background: url(blue-med.htm) #fff left 0.3em no-repeat;  

}



a.play span.goto{

  background-color:transparent;

  background-image:url(orange-m.gif);

  text-decoration: underline;

  font-weight: normal;

}



/* ================= */

/* = Sectionheader = */

/* ================= */

#contentmenu .sectionheader{

  margin: 20px 0px -10px 15px; 

  padding-bottom: 10px; 

  border-bottom: 1px solid #001C3D

}



#contentmenu .sectionheader h2{

  font-size: 100%;

  padding-bottom: 0;

}



#bachelor #contentmenu .sectionheader h2,

#bachelor #contentmenu .sectionheader h2 a{

  color: #f39425;

}



#master #contentmenu .sectionheader h2,

#master #contentmenu .sectionheader h2 a{ 

  color: #c9002c;

}





/* detailed */

#contentmenu ul.detailed{

	margin-left: 15px;

}



#contentmenu ul.detailed li{

	font-weight: bold;

	line-height: 1.3;

	padding: 3px 0 4px 0px;

}



#contentmenu ul.detailed li.active,

#contentmenu ul.detailed li a:hover,

#contentmenu ul.detailed li.selected li a:hover,

#contentmenu ul.detailed li.selected li.selected li a:hover{

	background-color: #d2f1fb;

	text-decoration: none;

}



#contentmenu ul.detailed.landingpage li.active,

#contentmenu ul.detailed.landingpage li a:hover {

  background-color: #fff;

  text-decoration: underline;

}



#bachelor #contentmenu ul.detailed li.active,

#bachelor #contentmenu ul.detailed li a:hover,

#bachelor #contentmenu ul.detailed li.selected li a:hover,

#bachelor #contentmenu ul.detailed li.selected li.selected li a:hover{

	background-color: #e84e10; 

}



#master #contentmenu ul.detailed li.active,

#master #contentmenu ul.detailed li a:hover,

#master #contentmenu ul.detailed li.selected li a:hover,

#master #contentmenu ul.detailed li.selected li.selected li a:hover{

	background-color: #FFCCFF; 

}



#contentmenu ul.detailed li ul{

	margin: 0;

	background-color: white;

}



#contentmenu ul.detailed li li{

	font-weight: normal;

	line-height: 1.3;

	font-size: 90%;

	padding: 0 0 0 0px;

}



#contentmenu ul.detailed li li li{

	font-size: 100%;

	padding: 0 0 0 0px;

}



#contentmenu ul.detailed li a{

	color: #001c3d;

	display:block;

	padding: 1px 0 1px 19px;

	background: url(blue-med.htm) 7px 0.4em no-repeat;

}



#contentmenu ul.detailed li.selected{

	padding-bottom: 0;

	margin-bottom: 4px;

}



#contentmenu ul.detailed li.selected a{

	background-image: url(blue-mee.htm);

}



#contentmenu ul.detailed li.selected li a{

	background: url(blue-sma.htm) 19px 0.5em no-repeat;

	padding-left: 29px;

}



#contentmenu ul.detailed li.selected li li a,

#contentmenu ul.detailed li.selected li.selected li a{

	padding-left: 40px;

	background: url(blue-sma.htm) 30px 0.5em no-repeat;

}



#contentmenu ul.detailed li.selected li.selected a,

#contentmenu ul.detailed li.selected li.selected li.selected a{

	background-image: url(blue-sma.gif);

}



#contentmenu a.active{

	text-decoration: underline;

}





/********************************

 * SITEMAP                      *

 * styles based on content menu *

 ********************************/



/* first level */

#sitemap li{

  padding-bottom: 10px;

}



#sitemap li a,

#sitemap li a:hover{

	font-size: 110%;

	color: #e84e10;

	font-weight: bold;

	background: url(orange-m.gif) #fff left 0.3em no-repeat;

	display:block;

	padding-left: 15px;

  padding-bottom: 7px;

}



#sitemap li.final a,

#sitemap li.final a:hover{

  background-image: url(orange-m.gif);

}



#sitemap li a:link,

#sitemap li a:visited{

  text-decoration: none;

}



#sitemap li a:hover{

  text-decoration: underline;

}



#sitemap li a:visited{

  color: #e84e10;

}



/* second level */

#sitemap li ul{

  padding-left: 44px;

}



#sitemap li li{

  padding-bottom: 0;

}



#sitemap li li a,

#sitemap li li a:hover{

  color: #001c3d;

  background-image: url(blue-mee.htm);

}



#sitemap li li a:visited{

  color: #00a2db;

}



/* third level */

#sitemap li li li a,

#sitemap li li li a:hover{

  font-size: 100%;

  padding-bottom: 4px;

}



#sitemap li li.final a,

#sitemap li li.final a:hover{

	background-image: url(blue-med.htm);

}



/* fourth level */

#sitemap li li li li a,

#sitemap li li li li a:hover{

  font-size: 90%;

  font-weight: normal;

  background: url(blue-sma.gif) #fff left 0.4em no-repeat;

  padding-bottom: 2px;

  padding-left: 10px;

}



#sitemap li li li li.final a,

#sitemap li li li li.final a:hover{

	background-image: url(blue-sma.htm);

}



/*///////////////////////////*/



#maincontent{

  padding: 20px 15px 30px 0;

	line-height: 1.3;

	float: left;

	width: 491px;

}



#maincontent h4{

	font-style: italic;

	font-weight: normal;

}



#maincontent img.visual{

	position:relative;

	top: -20px;

	float:left;

	display:inline;

}



/* =============================== */

/* = General purpose text wrapper = */

/* =============================== */



#maincontent div.text,

div.text{

  margin: 0;

  padding: 0;

}



/* ========== */

/* = Images = */

/* ========== */



div.image,

div.image div,

#maincontent div.image,

#maincontent div.image div{

  padding: 0;

}



div.image em{

  display: block;

}



#maincontent .image .left,

.image .left{

	float:left;

	padding: 0 10px 5px 0;

}



#maincontent .image .right,

.image .right{

	float:right;

	padding: 0 0 5px 10px;  

}



#maincontent .image .clear,

.image .clear{

  clear: both;

	padding: 0 0 5px 0;    

}



#maincontent .image .center,

.image .center{

  display: block;

  margin-left: auto;

  margin-right: auto;

	padding: 0 0 5px 0;   

}





/* Dotted list */



ul.dottedlist{

	list-style:disc outside;

  margin-left: 15px;  

  clear: both;

}



ul.dottedlist li{

	padding-bottom:0.3em;	

}



ul.dottedlist.double{

	display:block;

	margin-left: 0;

}



ul.dottedlist.double li{

	float:left;

	margin-right: 15px;

	margin-left: 15px;

	width: 212px;

}



ul.dottedlist h4{

   display:inline;

   font-style: normal;

   margin-right: 5px;

   font-weight: bold;

}



/* anchor list */

ul.anchors{

	margin-bottom: 15px;

	list-style: disc outside;

}



ul.anchors li{

	font-size: 90%;

	padding-bottom: 5px;

	margin-left: 17px;

}



ul.anchors li a{

	display:block;

}



/* ordered list */

ol{

  margin-left: 1.5em;

  list-style: decimal outside;

}



ol li{

	padding-bottom:0.2em;

	margin-left: 0.5em;

}



/* FAQ */

ul.faq{

  width: 100%;

  float: left;

	margin-bottom: 15px;

}



ul.faq li{

	font-weight: normal;

	line-height: 1.3;

	font-size: 100%;

	padding: 0;

}



ul.faq li a,

#maincontent ul.faq li a,

#maincontent ul.faq li a:visited{

	display:block;

	text-decoration: none;

	padding: 1px 0 1px 14px;

	background: url(blue-sma.htm) 2px 0.5em no-repeat;

}



ul.faq li a:hover,

#maincontent ul.faq li a:hover{

	text-decoration: underline;

}



ul.faq li.selected{

	padding-bottom: 0;

	margin-bottom: 4px;

}



ul.faq li.selected a,

#maincontent ul.faq li.selected a,

#maincontent ul.faq li.selected a:visited{

	background-image: url(blue-sma.gif);

}



ul.faq li ul{

	margin: 0;

	background-color: white;

}



ul.faq li li{

	background: url(blue-sma.htm) 14px 0.5em no-repeat;

	padding-left: 24px;

	margin-bottom: 0.2em;

}



ul.faq li li.selected{

	background-image: url(blue-sma.gif);

}



#maincontent ul.faq h4{

	font-weight: bold;

	font-style: normal;

}



#maincontent ul.faq .answer,

#maincontent ul.faq div.answer{

  margin: 0;

  padding: 0;

	display:none;

}



#maincontent ul.faq li.selected li.selected .answer,

#maincontent ul.faq li.selected li.selected div.answer{

  display: block;

}



#maincontent ul.faq li.selected li a,

#maincontent ul.faq li.selected li a:visited{

	padding: 0;

	background: none;

	background-image: none;

}



#faq-search{

	margin: 5px 0 20px 0;

}



#faq-search input,

#faq-search select{

	float:left;

	margin-right: 5px;

	display:block;

}



#faq-search select{

	width: 150px;

}



/*///////////////*/



#maincontent div{

	padding-top: 0;

	padding-right: 0;

	padding-bottom: 0px;

	padding-left: 0;

}



#maincontent p.highlight{

	font-weight: bold;

}



#maincontent p.date{

	margin-top: 2em;

}



.sectionheader .spaced,

#maincontent .spaced,

#snippets .spaced,

#maincontent p.highlight{

	padding-bottom: 1em;

}



#maincontent p.signature{

	font-weight: bold;

	font-style: italic;

}



.sectionhaeder .bold,

#maincontent .bold{

	font-weight: bold;

}



#snippets{

	background: url(snippets.gif) top left repeat-y;

  display:inline-block;

	min-height: 154px;

	/*margin-bottom: 30px;*/

}



#snippets.dual{

	margin-left: 252px;

}



#snippets div{

	text-align: right;

	width: 231px;

	margin-right: 20px;

	border-top: 1px solid #001c3d;

	float:left;

	display:inline;

	padding-right: 1px;

}



#snippets div.news{

	text-align: left;

	padding: 10px;

	width: 212px;

	line-height: 1.4;

}



h3{

	font-weight: bold;

}



p.totop{

  text-align: right;

}



#maincontent a.totop{

	float:right;

	margin-left: 5px;

	font-weight: normal;

	text-decoration: none;

}



a.totop:hover,

#maincontent a.totop:hover{

	text-decoration: underline;

}



/***************

  General table

 ***************/



table.balanced{

	width: 99%;

	border-collapse: collapse;

	margin-bottom: 20px;

}



table.balanced tr{

	vertical-align: top;

}



table.balanced td{

	padding: 3px 5px 3px 0;

	width: 50%;

	text-align: left;

}



/************

  Form table

 ************/

p.explanation{

	width: 500px;

	margin-top: 0.1em;

	margin-bottom: 0.2em;

}



table.form tr{

	vertical-align: top;

}



table.form span{

	color: #e84e10;

}



table.form{

	margin-top: 20px;

	margin-bottom: 20px;

	width: 660px;

	border-collapse: collapse;

}



table.form td.description{

	text-align: right;

}



table.form td.input{

	width: 240px;

}



table.form td.help{

	width: 235px;

}



table.form td{

	padding: 5px;

}



input,

select,

textarea{

	font-family: verdana, arial;

	font-size: 90%;

}



input,

textarea{

	padding: 2px;

}



select{

	padding: 1px;

}



table.form input.checkbox,

.choices input.checkbox{

	padding: 0;

	border: none;

}



table.form select{

	padding: 0;

}



table.form .extra-long,

input.extra-long{

	width: 320px;

}



table.form .long,

input.long{

	width: 240px;

}



table.form .medium,

input.medium{

	width: 120px;

}



table.form .short,

input.short{

	width: 50px;

}



table.form .tiny,

input.tiny{

	width: 30px;

}



table.form input.button{

	padding: 0;

}



table.form textarea{

	height: 50px;

	overflow:auto;

}



table.form td.help a,

#maincontent table.form td.help a,

div.tooltip{

	background-color: #001c3d;

	color: #fff;

	text-decoration: none;

}



table.form td.help a{

	position: relative;

	float:left;

	display:block;

	line-height: 17px;

	padding: 0px 6px;

}



label.radio{

	display:block;

	width: 100%;

	vertical-align: middle;

	margin-bottom: 2px;

}



label.radio input{

	border: none;

	padding: 0;

	margin-right: 3px;

	float:left;

}



#maincontent table.form td.help a span{

	color: #fff;

}



div.tooltip{

	display:none;

	position: absolute;

	padding: 5px;

	font-size: 85%;

}



td.input label,

ul.choices label{

	padding: 0px 20px 0px 5px;

}



ul.choices li{

	padding: 3px 0 0 0;

}



ul.choices{

	margin-bottom: 1em;

}







/*************

   A-Z lists

 *************/



/* Study filter */

#studyfilter{

	border: 1px solid #001c3d;

	font-family: verdana, arial;

	font-size: 90%;

}

 

/* With index / indented */

ul.alphabet{

	padding-right: 5px;

	padding-bottom: 15px;

	text-align: center;

	list-style: none;

}



ul.alphabet li{

	display:inline;

	font-weight: bold;

}



ul.azlist{

	padding-right: 5px;

}



#maincontent ul.dottedlist.bare a,

#maincontent ul.dottedlist.bare a:visited{

	text-decoration: none;

}



#maincontent ul.dottedlist.bare a:hover{

	text-decoration: underline;

}



ul.azlist li{

	padding: 20px 0;

	background: url(termlist.gif) top left no-repeat;

	position:relative;

}



ul.azlist li.first{

	background: none;

	padding-top: 0px;

}



ul.azlist li span.totop{

	display:block;

	text-align: right;

	padding: 0;

	margin: 0;

}



ul.azlist li h3{

	font-weight: bold;

	text-decoration: underline;

	font-size: 100%;

	padding-bottom: 15px;

}



ul.azlist li ul{

	margin-left: 1.5em;

	padding-left: 15px;

	padding-bottom: 15px;

	list-style: disc outside;

}



ul.azlist li ul li{

	background: none;

	padding: 0 0 0 0px;

	line-height: 1.3;

}



ul.azlist li ul li ul{

	padding: 0;

	margin-left: 0;

	list-style: none;

}



ul.azlist li ul li ul li{

	padding-left: 10px;

	background: url(dash0000.gif) 0% 50% no-repeat;

}



/* Without index / table style */

table.azlist{

	width: 99%;

	border-collapse: collapse;

	margin-bottom: 20px;

}



table.azlist tr{

	vertical-align: top;

}



table.azlist td,

table.azlist th{

	font-weight: bold;

	text-align: left;

	padding: 2px 5px 2px 0;

}



table.azlist td.lang,

table.azlist th.lang{

	width: 100px;

}



table.azlist td.lang{

	font-weight: normal;

}





/* ============= */

/* = Newsitems = */

/* ============= */

#newsdatefilter select{

	font-family: verdana, arial;

	font-size: 90%;

	margin-bottom: 20px;

	margin-right: 5px;

}



ul.newsitems li{

  float: left;

  width: 100%;  

	margin-bottom: 1em;

}



ul.newsitems li a{

	display:block;

	padding-left: 10px;

	background: url(blue-sma.htm) left 5px no-repeat;

}



#maincontent ul.newsitems li a,

#maincontent ul.newsitems li a:hover,

#maincontent ul.newsitems li a:visited{

	text-decoration: none;

}



#maincontent ul.newsitems li a:hover h3{

	text-decoration: underline;

}



#maincontent ul.newsitems li img{

  float:left;

  margin-right: 5px;

  margin-top: 2px;

}



/*************

   SIDE MENU

 *************/



#sidebar{

  position:relative;

  display:inline;

	float:left;

	width: 195px;

	padding: 0;

	margin: 0;

	border: 0;

}



#sidebar div.pagesectionright{

	border-bottom: 1px solid #001c3d;

	margin-bottom: 15px;

}



#search{

	background-color: #996633;

	height: 45px;

}



#search input.text{

	width: 112px;

	padding: 2px 18px 2px 2px;

	background: url(search-b.htm) #fff top right repeat-y;

	font-family: verdana, helvetica, arial, sans-serif;

	font-size: 90%;

	color: #001c3d;

	float:left;

	border: none;

	margin-bottom: 5px;

}



#search a{

	color: #fff;

	font-size: 90%;

	letter-spacing: -0.2px;

	margin-right: 6px;

}



#search input.button{

	position: relative;

	left: -15px;

	display:block;

	float: left;

	padding: 5px 5px 5px 5px;

	height: 5px;

	border: none;

}



#sidemenu{

	background-color: #00a2db;

	height: 22px;

}



#sidemenu a{

	color: #fff;

}



#sidemenu ul li{

	padding-right: 7px;

}



#search,

#sidemenu{

	color: #fff;

	border-left: 1px solid white;

	padding-top: 5px;

	padding-right: 0;

	padding-bottom: 0;

	padding-left: 10px;

}



#sidecontent{

	padding: 20px 10px 0 11px;

	line-height: 1.4;

}



#sidecontent ul a,

#sidecontent ul a:hover{

	color: #001c3d;

}







#latestnews h3{

	font-weight: bold;

	padding-bottom: 10px;

}



#latestnews ul{

	padding-bottom: 5px;

}



#latestnews ul li{

	padding-bottom: 10px;

	font-size: 90%;

}



#latestnews ul li a{

	display:block;

	padding-left: 8px;

	background: url(blue-sma.htm) left 0.5em no-repeat;

	color: #001c3d;

}



#latestnews ul li a:hover{

	color: #001c3d;

}





#sidebar div.comment{

	margin-top: 10px;

	margin-bottom: 5px;

	padding-bottom: 15px;

	font-size: 90%;

}



#sidebar div.comment p{

	font-style: italic;

}



#sidebar div.comment img{

	margin-bottom: 2px;

}



#sidebar div.comment a,

#sidebar div.comment a:hover{

	color: #001c3d;

}



#sidebar div.centered{

	text-align: center;

	margin-top: 10px;

	margin-bottom: 5px;

}



#sidebar a.banner{

		border: none;

		margin-bottom: 10px;

		display:block;

}





/* Persberichten: contacten */

#contacts{

	margin-bottom: 1em;

}



#contacts li{

	margin-bottom: 1em;

}



#contacts a{

	text-decoration: underline;

}



/* (Scientific) agenda */

#agenda{

	padding-bottom: 1em;

	border-bottom: 1px solid #001c3d;

}





/* Poll */

#sidebar div.poll{

  padding-bottom: 1em;

  font-size: 90%;

}



#sidebar div.poll h3{

  font-size: 110%;

}



#sidebar p.question{

  font-weight: bold;

  margin-bottom: 0.2em;

}



#sidebar div.poll input{

  float:left;

  clear:left;

}



#sidebar div.poll input.radio{

  height: 12px;

  width: 12px;

  margin: 1px 0;

  padding: 0;

}



#sidebar div.poll input.button{

  padding: 1px;

}



#sidebar div.poll label{

  margin: 0 0 4px 18px;

  display:block;

  zoom: 1;

}



#sidebar div.poll form{

  margin-bottom: 5px;

}



#sidebar div.poll table{

  width: 100%;

}



#sidebar div.poll tr{

  vertical-align: top;

}



#sidebar div.poll td{

  padding-bottom: 4px;

}



#sidebar div.poll td.percentage{

  text-align: right;

}



#sidebar div.poll td.bargraph{

  width: 50%;

  padding-top: 0.2em;

}



#sidebar div.poll td.bargraph div{

  background-color: #caecfd;

  height: 10px;

  line-height: 1px;

}



#sidebar div.poll td.bargraph span{

  background-color: #001c3d;

  height: 10px;

  display:block;

  line-height: 1px;

}









/***********

	 FOOTER

 ***********/



#footer ul li{

	display:inline;

}



#footer ul li span{

	color: #e84e10;

}











/*******************

 *******************

   INTRANET STYLES

 *******************

 *******************/



#accountdetails{

	width: 227px;

	text-align: right;

	margin-left: 737px;

	height: 10px;

	position: relative;

	border-left: 1px solid #001c3d;

	font-size: 90%;

}



#accountdetails span,

#accountdetails ul{

	position: absolute;

	top: -10px;

}



#accountdetails span{

	left: 5px;

}



#accountdetails ul{

	right: 0px;

}



#accountdetails ul,

#accountdetails li{

	display: inline;

}



#accountdetails li span{

	position: relative;

	top: auto;

	left: auto;

	color: #001c3d;

}



#accountdetails li,

#accountdetails li a:hover{

	color: #e84e10;

}



#accountdetails li a{

	text-decoration: none;

	margin-left: 2px;

}





/************

  Login form

 ************/

#login{

	padding: 44px 22px;

}



#login dt{

	float:left;

	width: 120px;

	text-align:right;

	font-weight: bold;

}



#login dd{

	margin-left: 130px;

	margin-bottom: 10px;

}



#login dd input{

	padding: 1px 2px;

	width: 150px;

	font-family: verdana, arial;

	color: #001c3d;

}



#login a{

	margin-left: 235px;

	padding-left: 10px;

	background: url(blue-sma.htm) left 60% no-repeat;

}



/****************

  Search results

 ****************/

ul.pages,

ul.pages li,

ul.navigation,

ul.navigation li{

	display:inline;

}



#maincontent .pages li a{

	text-decoration: none;

}



ul.pages li span,

ul.navigation li span{

	color: #e84e10;

	padding-left: 3px;

}



#maincontent ul.pages li a,

#maincontent ul.pages li a:visited,

#maincontent ul.navigation li a,

#maincontent ul.navigation li a:visited{

	text-decoration: none;

}



#maincontent ul.pages li a:hover,

#maincontent ul.navigation li a:hover{

	text-decoration: underline;

}



ul.results li h3{

	font-weight: bold;

	font-size: 100%;

}



ul.results{

	margin-top: 20px;

	width: 500px;

}



ul.results li{

	margin-bottom: 15px;

	line-height: 1.4;

}



ul.results li p{

	font-weight: normal;

}



ul.navigation{

	margin-left: 10px;

}





/************************

  General styles

  (for default content)

 ************************/



/**************************************************

 * DEFAULT COLORS

 *

 * general 		table/menu background: #d2f1fb

 * bachelor  	table/menu background: #fdead3

 * master			table/menu background: #f4ccd5

 *

 * dark blue			#001c3d

 * light blue			#00a2db

 *

 *

 ***************************************************/





div.custom{

	

}



strong{

	font-weight: bold;

}



em{

	font-style: italic;

}



ul li{

	padding-bottom: 5px;

}



a em{

	font-style: normal;

}



div.section{

	margin-bottom: 1em;

}



/* BAMA/Listing table */



table.bama thead tr.caption th{

  background: #001C3D;

  color: #fff;

}



table.bama tbody tr th{

  padding-left: 18px;  

  font-weight: normal;  

}



table.bama tbody tr.expandable th{

  background-image: url(blue-mee.htm);

  background-position: 5px 8px;

  background-repeat: no-repeat;

}



table.bama tbody tr.description td{

  padding-left: 18px;

}





/* Listing table */



table.listing{

	width: 100%;

	border-collapse: collapse;

	margin: 20px 0;

	border-bottom: 1px solid #001c3d;

}



table.listing tr{

	vertical-align: middle;

}



table.listing tr.description{

	display:none;

}



table.listing tr.description.show{

	display:table-row;

}



table.listing th,

table.listing td{

	padding: 4px 5px;

	border-bottom: 1px solid #001c3d;

	text-align: left;

}



table.listing tr.open th,

table.listing tr.open td{

	border-bottom: none;

}



table.listing tr.description th,

table.listing tr.description td{

	padding-top: 10px;

}



table.listing th{

	font-weight: bold;

}



table.listing td{

	font-weight: normal;

}



table.listing tr.caption th,

table.listing tr.caption td{

	border-top: 1px solid #001c3d;

}



table.listing tbody tr:hover,

table.listing tbody tr.hover{

	background-color: #d2f1fb;

}



#bachelor table.listing tbody tr:hover,

#bachelor table.listing tbody tr.hover{

	background-color: #fdead3;

}



#master table.listing tbody tr:hover,

#master table.listing tbody tr.hover{

	background-color: #f4ccd5;

}



div#create-pdf{

  padding-bottom: 1px;

}

div#create-pdf input{

  float: right;

}



/* Generic column widths */

th.col10, td.col10{ width: 10%; }

th.col15, td.col15{ width: 15%; }

th.col20, td.col20{ width: 20%; }

th.col25, td.col25{ width: 25%; }

th.col30, td.col30{ width: 30%; }

th.col35, td.col35{ width: 35%; }

th.col40, td.col40{ width: 40%; }

th.col45, td.col45{ width: 45%; }

th.col50, td.col50{ width: 50%; }

th.col55, td.col55{ width: 55%; }

th.col60, td.col60{ width: 60%; }

th.col65, td.col65{ width: 65%; }

th.col70, td.col70{ width: 70%; }





/* Figure table */



table.figure{

	width: 99%;

	border-collapse: collapse;

	margin-bottom: 20px;

}



table.figure tr{

	vertical-align: middle;

}



table.figure thead th,

table.figure td.category{

	color: #fff;

}



table.figure thead th{

	font-weight: normal;

	background-color: #243876;	

}



table.figure thead tr.caption th{

	background-color: #fff;

	color: #001c3d;

	font-weight: bold;

	text-align: left;

}



table.figure th,

table.figure td{

	border-right: 1px solid #fff;

	padding: 1px 4px;

	text-align: right;

}



table.figure th.category{

	text-align: left;

}



table.figure td{

	color: #001c3d;

}



table.figure td.category{

	color: #fff;

	background-color: #00b5ed;

	text-align: left;

}



table.figure td.c1{

	background-color: #50c6f3;

}



table.figure td.c2{

	background-color: #89d5f7;

}



table.figure td.c3{

	background-color: #b3e3fb;

}



table.figure tr.total td.category{

	background-color: #f44c3d;

}



table.figure tr.total td.c1{

	background-color: #f96e4b;

}



table.figure tr.total td.c2{

	background-color: #fc9574;

}



table.figure tr.total td.c3{

	background-color: #ffbaa0;

}



#content table.figure td.category a,

#content table.figure td.category a:visited{

	color: #fff;

}



#content table.figure a:visited{

	color: #001c3d;

}



/* Generic tables */

table.generic{

	width: 90%;

	border-collapse: collapse;

	margin-bottom: 20px;

}



table.generic tr{

	vertical-align: middle;

}



table.generic tr.caption th{

	background-color: #fff;

	color: #001c3d;

	font-weight: bold;

	text-align: left;

}



table.generic th,

table.generic td{

	text-align: left;

	padding: 1px 4px;

	border-right: 1px solid #fff;

}



table.generic th{

	background-color: #001857;

	color: #fff;

	font-weight: normal;

}



table.generic td{

	color: #001c3d;

}



table.generic.red tr.odd td{

	background-color: #ffcfbb;

}



table.generic.red tr.even td{

	background-color: #fda788;

}



table.generic.blue tr.odd td{

	background-color: #caecfd;

}



table.generic.blue tr.even td{

	background-color: #9edcf9;

}



#content table.generic a:visited{

	color: #001c3d;

}



/* =============== */

/* = Video popup = */

/* =============== */



#popup.multimedia{

  padding: 0;

  margin: 0;

  background: #E1F4FC;

  font-size: small;

}



#popup.multimedia #wrapper{

  width: auto;

}



#popup.multimedia #maincontent{

  margin: 0;

  padding: 0;

}



#popup.multimedia #maincontent .multimedia{

  padding: 0;

}



/******************************

  POPUP without default layout

 ******************************/

#popup{

	padding: 15px 40px;

	font-size: 90%;

	text-align: left;

}



#popup img.logo{

  margin-bottom: 10px;

}



#popup div.wrapper{

  padding: 30px 40px 1px 0;

  border-top: 1px solid #001c3d;

  border-right: 1px solid #001c3d;

}



#popup h1{

	font-size: 130%;

	font-weight: bold;

}



#popup ul.tools{

	float:right;

}



#popup ul.tools li{

  color: #e84e10;

  float:left;

  margin-right: 0.4em;

}



#popup dt{

	font-size: 115%;

	font-weight: bold;

}



#popup dd{

	margin: 0 0 1em 0;

}



#popup #footer{

  width: auto;

  margin-top: 30px;

  padding: 0;

  font-size: 95%;

}



#popup #x-close{

  position: absolute; 

  top: 3px;

  right: 32px; 

  font-weight: bold;

}







/*****************

  Popup overlay

 *****************/



#overlay{

	position: absolute;

	top:0; 

	left: 0;

	width: 100%;

	background-color: #001c3d;

	cursor: pointer;

	z-index: 600;

}



#bachelor #overlay{

	background-color: #e87317;

}



#master #overlay{

	background-color: #c9002c;  

}



#overlaywindow{

	position: absolute;

	left: 10%; 

	padding: 0;

	background-color: none;

	width: 80%;

	overflow: hidden;

	z-index: 601;

	font-size: 95%;

}



#overlaywindow div.shadow-right{

  padding-right: 10px;

  background: url(shadow-r.png) right top no-repeat;

}



#overlaywindow div.shadow-bottom{

  height: 10px;

  background: url(shadow-b.png) left top no-repeat;

  margin-right: 10px;

  position: relative;

}



#overlaywindow div.shadow-corner{

  position: absolute;

  right: -10px;

  top: 0;

  height: 10px;

  width: 10px;

  background: url(shadow-c.png) left top no-repeat;

}



#overlaywindow div.overlay-content{

  overflow: auto;

	background-color: #fff;

}





/************************

  Video and Photo gallery

 ************************/

a.play{

  display: inline-block;

}



a.play .caption{

  cursor: pointer;

  color: #fff;

  position: absolute;

  left: 0;

  bottom: 0;

  text-align: left;

  display: block; 

  padding: 5px 15px;

  line-height: 1.3;

}



a.play .caption-wrapper{

  display: block;

  position: absolute;

  background: #001C3D;

  width: 100%;

  left: 0;

  bottom: 0;

}



a.play .caption strong{

  display: block;

}

 

.play img.play,

#maincontent div.multimedia .thumbnails .items .play img.play{

  border: none;

  background: url(play0000.gif) 50% 50% no-repeat;

}

 



#maincontent div.multimedia a.external,

.multimedia a.external{

  display: block;

}



#maincontent div.multimedia,

.multimedia{

  font-size: 90%;

}



#maincontent div.multimedia .selected,

.multimedia .selected{

  background-color: #e1f4fc;

  padding: 9px 12px;

}



#maincontent div.multimedia h3,

.multimedia h3{

  margin: 0.6em 0;

}

#maincontent div.multimedia .selected h3,

.multimedia .selected h3{

  margin: 0 0 0.6em 0;

}

#maincontent div.multimedia .selected p,

.multimedia .selected p{

  margin-bottom: 2em;

}

#maincontent div.multimedia .selected div.highlight,

.multimedia .selected div.highlight{

  text-align: center;

  height: auto !important;

  height: 271px;  /*IE min-height fix*/  

  min-height: 271px;

}



#maincontent div.multimedia .thumbnails .items img,

#maincontent div.multimedia .selected div.highlight img,

.multimedia .thumbnails .items img,

.multimedia .selected div.highlight img{

  border: 1px solid #001c3d;

}

#maincontent div.multimedia .thumbnails-wrapper{

  background-color: #e1f4fc;

  border-top: 1px solid #001c3d;

  border-bottom: 1px solid #001c3d;

  padding: 0 0 0 14px;

  margin: 0;

}

#maincontent div.multimedia .thumbnails{

  margin: 0;

  padding: 0;

  position: relative;

}

#maincontent div.multimedia .thumbnails div.tnavigation{

  margin: 0;

  padding: 0;

  display: inline;

  position: absolute;

  left: -14px;

}

#maincontent div.multimedia .thumbnails div.tnavigation div{

  border-left: 1px solid #001c3d;

  border-bottom: 1px solid #001c3d;

  padding-bottom: 0;

  display: block;

  font-size: 2px;

}

#maincontent div.multimedia .thumbnails .items{

  border-left: 1px solid #001c3d;  

  padding: 0;

  overflow: hidden;

  position: relative;

}

#maincontent div.multimedia .thumbnails .items ul{

  padding: 6px 0 6px 5px;

  font-size: 90%;

  text-align: center;  

  float:left;

}

#maincontent div.multimedia .thumbnails .items ul li{

  float: left;

  width: 92px;

  margin-bottom: 10px;

  height: 101px;

  overflow: hidden;

}

#maincontent div.multimedia.foto .thumbnails .items ul li{

  height: 118px;

}

#maincontent div.multimedia .thumbnails .items ul li a{

  float: left;

}



#maincontent div.multimedia .thumbnails a{

  text-decoration: none;

}



#maincontent div.multimedia.foto .selected div.highlight{

  width: 285px;

  float: right;

  background-color: #fff;

  padding-top: 45px;

  padding-bottom: 45px;

  margin: 0 0 1em 1em;

}



#maincontent div.multimedia.foto .thumbnails .items ul li{

  width: 93px;

}



#maincontent div.multimedia.foto .thumbnails .items ul a{

  cursor: hand;

}



#maincontent div.multimedia.foto .items li div{

  height: 86px;

  border: 1px solid #001c3d;

  border-right: none;

  background-color: #fff;

  margin: 0;

  padding: 6px 0 0 0;

}

#maincontent div.multimedia.foto .items li div.last{

  border-right: 1px solid #001c3d;

}





#content.broader {

  background:#FFFFFF none repeat scroll 0%;

  width:1207px;

}



#maincontent.broader {

  float:left;

  line-height:1.3;

  padding:20px 15px 30px 0pt;

  width:940px;

}