body{
    font-family: verdana, helvetica, arial, sans-serif;
    font-size: small;
    color: #001c3d;
    background: url(../images/backgrounds/body.gif) 50% 0 #fff repeat-y;
    text-align: center;
    padding: 0;
}

#wrapper,
#footer{
  background: #fff;
  text-align: left;
  margin: 0 auto;
    font-size: 85%;
    width: 975px;
}

#wrapper{
  padding-top: 1px;
}

#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(../images/backgrounds/blue-small-arrow.gif) 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,
.box .columns:after,
#footermenu: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,
#newspresentation .newsitem: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;
    height: 87px;
    z-index: 10001;
}

#menu{
    height: 25px;
    padding: 30px 20px 0px 21px;
    color: #fff;
    border-left: 1px solid white;
    margin-left: 22px;
    background: none #001c3d top right no-repeat;
}

#rolldown-menu,
#breadcrumb{
    margin-left: 22px;
    padding: 10px 20px 0px 21px;
    color: #fff;
    border-left: 1px solid white;
    background: none #00a2db top right no-repeat;
    min-height: 22px;
    text-align: right;
}

#rolldown-menu a, 
#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:block;
    padding-right: 14px;
    color: #00a2db;
    position: relative;
  height: 25px;
    float: left;
}

#breadcrumb ul li,
#sidemenu ul li{
    display:inline;
    color: #fff;
}

/************************
  Specific header colors bachelor
 ************************/


#bachelor.portal #menu a:hover{
  text-decoration: none;
  color: #001C3D;
}

#bachelor.portal #rolldown-menu{
    background-color: #f39425;
} 

#bachelor.portal #rolldown-menu > ul > li > a{
  color: #001C3D;
}

#bachelor.portal #search{
  background-color: #F39425;
}  

#bachelor.portal #menu{
  background-color: #00A2DB;
}

#bachelor.portal #sidemenu{
  background-color: #00A2DB;
}

/* ================= */
/* = Rolldown-menu = */
/* ================= */
/* used for multiple layer navigation, also makes use of the .box-styles */

#rolldown-menu > ul > li{
  float: left;
  margin-left: 20px;
  /* padding-bottom for hovering*/
  padding-bottom: 9px;
  position: relative;
}

#rolldown-menu li:first-child{
  margin-left: 0;
}

/* Styles specific (?!) for bachelor environment*/
#rolldown-menu{
    height: 22px;
}

#rolldown-menu li .menu.box{
  display: none;
  position: absolute;
  top: 22px;
  left: -13px;
  z-index: 10000;
  border-top: none !important;
}

#rolldown-menu > ul > li:hover > a{
  color: #fff;
  text-decoration: none;
}

/*active class displays the deeper menu navigationable items*/
#rolldown-menu li.hover .menu,
#rolldown-menu li:hover .menu{
  display: block;
}

#rolldown-menu .menu.box .columns{
  background: url(../images/backgrounds/faux-rolldown-menu.png);
  margin: 18px 0 24px 0;
}

#rolldown-menu .box.one .columns{
  margin-bottom: 0;
}


/* ============== */
/* = Box-styles = */
/* ============== */
/* used for #rolldown-menu and footer menu */

.box{
  background: #fff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0,0,0,0.2);

  color: #646464;
  text-align: left;
  line-height: 14px;
  
  font-size: 100%;
  
  -webkit-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.25);
  -moz-box-shadow:  1px 1px 4px rgba(0, 0, 0, 0.25);
  -o-box-shadow:  1px 1px 4px rgba(0, 0, 0, 0.25);  
  box-shadow:  1px 1px 4px rgba(0, 0, 0, 0.25); 
}

.box.one    { min-width: 175px;}
.box.two    { min-width: 350px;}
.box.three  { min-width: 525px;}
.box.four   { min-width: 700px;}

.box .columns{
  background: url(../images/backgrounds/faux-rolldown-menu.png) transparent 0 0;
  margin: 20px 0 24px 0;
}

.box .column{
  width: 155px;
  padding: 0 8px 12px 12px;
  float: left;
}

.box .banner{
  display: block;
  margin: 24px 12px;
  background: #fff;
}

.box .banner img{
  overflow: hidden;
}

.box .single-item{
  margin-bottom: 10px;
}

.box .list{
  margin-bottom: 4px;
}

.box li{
  padding-left: 0.6em;
  text-indent: -0.6em;
  padding-bottom: 6px;
}

.box .single-item,
.box h3{
  margin-bottom: 8px;
  font-weight: bold;
}


/* Styles specific (?!) for bachelor environment*/

#rolldown-menu .box a,
#rolldown-menu .box a:visited,
.box a,
.box a:visited{
  color: #646464;
}

.box a:hover{
  text-decoration: none;
  color: #f39425 !important;
}

/* =========== */
/* = Content = */
/* =========== */
#contentwrapper{
    width: 780px;
    float:left;
}

.form #ribbonwrapper,
.bare #ribbonwrapper{
    background: none;
}

#ribbonwrapper{
    background: url(../images/backgrounds/ribbon-default.gif) top left repeat-y;
    width: 975px;
}

#bachelor #ribbonwrapper{
 background: url(../images/backgrounds/ribbon-bachelor.gif) top left repeat-y;
}

#bachelor.portal #ribbonwrapper{
  background: url(../images/backgrounds/ribbon-default.gif) top left repeat-y;
}

#master #ribbonwrapper{
    background: url(../images/backgrounds/ribbon-master.gif) top left repeat-y;
}

#bachelor.form #ribbonwrapper{
    background: url(../images/backgrounds/ribbon-bachelor-intranet.gif) top left repeat-y;
}

#master.form #ribbonwrapper{
    background: url(../images/backgrounds/ribbon-master-intranet.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 h1{
    font-size: 130%;
    color: #001c3d;
    font-weight: bold;
    padding-bottom: 1em;
}

#content h1.tight{
    padding-bottom: 0;
}

#content h1.slogan{
    padding: 0;
    font-size: 120%;
    font-style: italic;
}

/* =================== */
/* = Content : Broad = */
/* =================== */

#content.broad{
  width: 759px; /* Covers up the line of ribbonwrapper */
  background: #fff;
  margin-left: 0;
  padding-left: 22px;
}

#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;
    position: relative;
}

#contentmenu .sectionheader ul{
  margin-top: 0;
}

#contentmenu li{
  padding-right: 10px;
}

/* 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(../images/backgrounds/intranet-search-button.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 */
h2.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(../images/backgrounds/orange-medium-arrow.gif) #fff left 0.3em no-repeat;
    padding-left: 15px;
}

#contentmenu ul.global.home li a{
    color: #001c3d;
    background: url(../images/backgrounds/blue-medium-arrow.gif) #fff left 0.3em no-repeat;  
    display: block;
}

#contentmenu ul.global.home li a:hover{
  color: #00A2DB;
  text-decoration: none;
  /* TODO: licht blauwe arrow toevoegen */
  background: url(../images/backgrounds/blue-medium-arrow.gif) #fff left 0.3em no-repeat;  
}

a.play span.goto{
  background-color:transparent;
  background-image:url(../images/backgrounds/orange-medium-arrow-blue.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 h1{
  font-size: 100%;
}

#contentmenu .sectionheader h1,
#contentmenu .sectionheader .title{
  padding-bottom: 0;
  font-weight: bold;
}

#bachelor #contentmenu .sectionheader,
#bachelor #contentmenu .sectionheader a{
  color: #f39425;
}

#master #contentmenu .sectionheader,
#master #contentmenu .sectionheader 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: #fdead3; 
}

#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: #f4ccd5; 
}

/* submenu color for detailed page */
#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;
    padding: 1px 0 1px 19px;
    background: url(../images/backgrounds/blue-medium-arrow.gif) 7px 0.4em no-repeat;
    display: block;
}

#contentmenu ul.detailed li.selected{
    padding-bottom: 0;
    margin-bottom: 4px;
}

#contentmenu ul.detailed li.selected a{
    background-image: url(../images/backgrounds/blue-medium-arrow-rotated.gif);
}

#contentmenu ul.detailed li.selected li a{
    background: url(../images/backgrounds/blue-small-arrow.gif) 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(../images/backgrounds/blue-small-arrow.gif) 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(../images/backgrounds/blue-small-arrow-rotated.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(../images/backgrounds/orange-medium-arrow-rotated.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(../images/backgrounds/orange-medium-arrow.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(../images/backgrounds/blue-medium-arrow-rotated.gif);
}

#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(../images/backgrounds/blue-medium-arrow.gif);
}

/* fourth level */
#sitemap li li li li a,
#sitemap li li li li a:hover{
  font-size: 90%;
  font-weight: normal;
  background: url(../images/backgrounds/blue-small-arrow-rotated.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(../images/backgrounds/blue-small-arrow.gif);
}

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

#maincontent{
  padding: 20px 15px 30px 0;
    line-height: 1.3;
    float: left;
    width: 491px;
    margin-left: 0;
}

/* The wider variant is only used in combination with the drop-down menu */
#maincontent.wider,
#maincontent.no-menu{
    margin-left: 20px;
}


#maincontent.broader{
  width: 722px;
}

#maincontent h3{
    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 h3{
   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(../images/backgrounds/blue-small-arrow.gif) 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(../images/backgrounds/blue-small-arrow-rotated.gif);
}

ul.faq li ul{
    margin: 0;
    background-color: white;
}

ul.faq li li{
    background: url(../images/backgrounds/blue-small-arrow.gif) 14px 0.5em no-repeat;
    padding-left: 24px;
    margin-bottom: 0.2em;
}

ul.faq li li.selected{
    background-image: url(../images/backgrounds/blue-small-arrow-rotated.gif);
}

#maincontent ul.faq h3{
    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: 0 0 30px 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(../images/backgrounds/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;
}

h2{
    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;
}

#maincontent ul.dottedlist.bare div.answer{
  padding: 0;
}
#maincontent ul.dottedlist.bare div.answer a{
  text-decoration: underline;
}

ul.azlist li{
    padding: 20px 0;
    background: url(../images/backgrounds/termlist-divider.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 h2{
    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(../images/backgrounds/dash.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(../images/backgrounds/blue-small-arrow.gif) 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 h2{
    text-decoration: underline;
}

#maincontent ul.newsitems li img{
  float:left;
  margin-right: 5px;
  margin-top: 2px;
}

/* =============== */
/* = News widget = */
/* =============== */

#newspresentation div{
  padding: 0;
}

#newspresentation .newsitem,
#newspresentation .newsitem:hover{
  width: 495px;
  height: 80px;
  background-image:  url(../images/backgrounds/newsitem.png);
  margin-bottom: 15px;
  display: block;
  overflow: hidden;
  position: relative;
  text-decoration: none;
}

#newspresentation .lead{
  float: left;
  margin-right: 20px;
}
#newspresentation .content{
  padding: 5px 5px 0 0;
}

#newspresentation h2{
  font-size: 120%;
  margin-bottom: 3px;
}

#newspresentation .newsitem h2 ,  #newspresentation .newsitem:visited h2 {
  color: #001C3D;
}
#newspresentation .newsitem:hover h2{
  color: #00A2DB;
}

#newspresentation a p, #newspresentation a:visited p, #newspresentation a:hover p {
  text-decoration: none;
  color: #001C3D;
}
#newspresentation p{
  line-height: 15px;
  height: 30px;
  overflow: hidden;
}

#newspresentation .meta{
  position: absolute;
  bottom: 8px;
  right: 10px;
  color: #aaa;
  font-size: 90%;
}

/*************
   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;
}

#sidemenu{
    background-color: #001c3d;
    padding: 30px 10px 0px 11px;
    height: 25px;
}

#sidemenu a{
  color: #fff;
}

#search input.text{
    width: 112px;
    padding: 2px 18px 2px 2px;
    background: url(../images/backgrounds/search-button.gif) #fff top right repeat-y;
    font-family: verdana, helvetica, arial, sans-serif;
    font-size: 90%;
    color: #001c3d;
    float:left;
    border: none;
    margin-bottom: 5px;
    height: 12px;
}

#search a{
    color: #fff;
    font-size: 90%;
    letter-spacing: -0.2px;
    margin-right: 6px;
}

#search a.print{
  position: absolute;
  right: 0;
  top: 8px;
}

#search input.button{
    position: relative;
    left: -17px;
    display:block;
    float: left;
  padding: 0;
    height: 16px;
    width: 17px;
  background-color: #001C3D;
    border: none;
}

#search a{
    color: #fff;
}

#sidemenu ul li{
    padding-right: 7px;
}

#search,
#sidemenu{
    color: #fff;
    border-left: 1px solid white;
}

#search{
    background-color: #00a2db;
    padding: 10px 0 0 10px;
    height: 24px;
  /*#search height is 32px, input.text has a height of 17px */
    padding: 8px 10px 0 10px;
    position: relative;
}

#sidecontent{
    padding: 20px 10px 0 11px;
    line-height: 1.4;
}

#sidecontent ul a,
#sidecontent ul a:hover{
    color: #001c3d;
}


#latestnews h2{
    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(../images/backgrounds/blue-small-arrow.gif) 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 h2{
  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{
 width: 931px;
 padding: 10px 0 10px 44px;
}

#footer ul li{
    display:inline;
}

#footer ul li span{
    color: #e84e10;
}

/* =============== */
/* = Footer menu = */
/* =============== */


#footermenu{
  width: 736px;
  /* margin bottom */
  margin: 24px 0 10px 22px;
}

#footermenu .box{
  width: 718px;
}

#footermenu ul li {
  display: block;
}

/***********
  Ajax Feedback form
   ***********/

.feedback-form{
   background-color: #fff;
   width: 250px;
   margin: 0 auto;
   padding: 15px;
   text-align: left;
   -webkit-box-shadow: 1px 1px 2px rgba(0, 28, 61, 0.5);
   -moz-box-shadow:  1px 1px 2px rgba(0, 28, 61, 0.5);
   box-shadow:  1px 1px 2px rgba(0, 28, 61, 0.5);
}

.feedback-form.overlay-content{
  background: none;
}

.feedback-form .pageid{
  color: #00A2DB;
}

.feedback-form input[type=text], 
.feedback-form select, 
.feedback-form textarea{
  width: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizeing: border-box;
  box-sizing: border-box;
}

.feedback-form textarea{
  height: 100px;
  margin-top: 40px;
}

.feedback-form .row{
  margin-bottom: 0.8em;
}

#feedback-submit{
  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(../images/backgrounds/blue-small-arrow.gif) 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 h2{
    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(../images/backgrounds/blue-medium-arrow-rotated.gif);
  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;
}

#overlay.feedback{
  background-color: #f1f1f1;
}

#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(../images/lightbox/shadow-right.png) right top no-repeat;
}

#overlaywindow div.shadow-bottom{
  height: 10px;
  background: url(../images/lightbox/shadow-bottom.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(../images/lightbox/shadow-corner.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(../images/buttons/play.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 h2,
.multimedia h2{
  margin: 0.6em 0;
}
#maincontent div.multimedia .selected h2,
.multimedia .selected h2{
  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;
}

/* GX toevoegingen */

#content.broader {
  background:#FFFFFF none repeat scroll 0%;
  width:950px;
}


/*Aanpassing entopic 20120120*/
#content.broader #maincontent.no-menu{
  width: 920px;   /* width of #content.broader = 950px - 30px margin/padding */
}


#maincontent.broader {
  float:left;
  line-height:1.3;
  padding:20px 5px 30px 0pt;
  width:682px;
}


/*Aanpassing entopic 20120120*/
/* landingspage such that the iframe fits on the landingspage */
#maincontent.landingspage{
  width: 726px;
}