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: #e84e10;
	width: 780px;
	position:relative;
	float:left;
	clear:right;
}

#menu{
	height: 20px;
	padding-top: 10px;
}

#menu{
	background-color: #666666;
	background-image: none;
	background-repeat: no-repeat;
	background-position: right top;
}

#breadcrumb{
	min-height: 22px;
	text-align: right;
	background-color: #E84E10;
	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: 758px;
	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: #e84e10; 
}

#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:right;
	width: 195px;
	padding: 0;
	margin: 0;
	border: 0;
}

#sidebar div.pagesectionright{
	border-bottom: 1px solid #001c3d;
	margin-bottom: 15px;
}

#search{
	background-color: #666666;
	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;
}