html
{
  margin:0;
  padding:0;
  width:100%;
  overflow-y: scroll;
}

body
{
  margin:0;
  padding:0;
  width:100%;
  background-color: white;
}

form
{
  padding: 0;
  margin: 0;
}

div.pageline
{
  height:1px;
  background-color: #8f8f8f;
  width:100%;
  overflow:hidden;
}
div.pagepartholder
{
  margin: 0 auto;
  width:940px;
}


/* Header */
div#firstpageline
{
  position:absolute;
  left:0;
  top:99px;
}
div#siteheaderholder, div#sitefooterholder
{
  position: relative;
}
div#siteheader, div#sitefooter
{
  background-repeat: no-repeat;
  background-position: top center;
  width:100%;
}
div#sitefooter
{
  margin-top: 80px;
  height:585px;
}
body.header196 div#siteheader
{
  height:196px;
}
body.header99 div#siteheader
{
  height:99px;
}
div#headerlinksholder
{
  position: relative;
  width: 956px;
  margin: 0 auto;
}
div#headerlinksholder table
{
  position: absolute;
  top: 12px;
  width: 956px;
  border: none;
  border-collapse: collapse;
  font-family: Arial Narrow, Arial, Helvetica, sans-serif;
  font-size: 0.666em;
  font-stretch: condensed;
}
div#headerlinksholder td
{
  padding:0;
}
div#headerlinksholder td#uplinkcell
{
  text-align: left;
  vertical-align: top;
  width: 340px;
}
div#headerlinksholder td#headerlinkscell
{
  text-align: right;
  vertical-align: top;
  width: 600px;
}
div#headerlinksholder a
{
  text-transform: uppercase;
  text-decoration: none;
  color: #585858;
  font-weight: bold;
}
a#headeruplink
{
  position: absolute;
  display: block;
  top: 12px;
}
div#headerlinksholder a img
{
  border: none;
}
div#headerlinks
{
  position: absolute;
  right: 46px;
  top: 12px;
}
div#headerlinksholder a
{
  display: inline-block;
  background-color: white;
}
div#headerlinksholder span.linkcontents
{
  margin: 0 8px;
}
div#headerlinksholder a:hover
{
  background-color: #d2d2d2;
}
img#headerutlogo
{
  position: absolute;
  top: 70px;
}

div#headerlinksholder .custom_search
{
  display: inline-block;
}

#ut_searchinput
{
  border: solid 1px #000000;
  background: #ffffff;
  padding-left: 2px;
  width: 138px;
}

#ut_searchinput.googlesearch.emptyvalue.dutch
{
  background: url('http://www.google.com/coop/intl/nl/images/google_custom_search_watermark.gif') no-repeat scroll left center rgb(255, 255, 255);
}

#ut_searchinput.googlesearch.emptyvalue.english
{
  background: url('http://www.google.com/coop/intl/en/images/google_custom_search_watermark.gif') no-repeat scroll left center rgb(255, 255, 255);
}

#ut_searchinput.googlesearch:focus,
#ut_searchinput.googlesearch.hasfocus /* just for silly old IE7 */
{
  background-image: none !important;
}


div#headerlinksholder .custom_search_button
{
  background: url("../img/searchicon.jpg") no-repeat scroll 0 0 transparent;
  border: medium none !important;
  color: #000000;

  width: 25px;
  height: 20px;

  margin-left: 5px;
}

/* searchpage */
.cse .gsc-control-cse, .gsc-control-cse
{
    padding: 0 !important;
}


div#sitenameholder
{
  position: absolute;
  top: 70px;
  width: 940px;
  height: 20px;

  text-align: right;
  font-family: Arial Narrow, Arial, Helvetica, sans-serif;
  font-size: 1.3em;
  color: #222222;
  font-stretch: condensed;
}
div#sitenameholder img
{
}
div#sitenameholder span#headersitetitle
{
  background-color: white;
}

/* Site footer */
div#sitefooternav
{
  position: absolute;
  top:36px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 0.73em;
}
div#sitefooternav ul
{
  float: left;
  margin: 0;
  padding: 0;
  color: #004499;
  text-indent:0;
  width:188px;
}
div#sitefooternav li
{
  margin: 4px 0 0 0.6em;
  text-indent: -0.6em;
  padding-left: 0;

  list-style-position: outside;
  list-style-image: none;
  list-style-type: none;
}
div#sitefooternav li a
{
  color: #003399;
  text-decoration:none;
}
div#sitefooternav li a:hover
{
  text-decoration:underline;
}
div#grayarea
{
  position:absolute;
  top:37px;
  left:720px;
  width:220px;
  height:195px;
  background-color:#d2d2d2;
}
div#footerutlogo
{
  position: absolute;
  top: 322px;
  left: 700px;
  width: 240px;
  height: 14px;
  background-repeat: no-repeat;
  background-position: right;
  background-image: url(../img/nl/utlogo.169x14.gif);
}
body.lang_en div#footerutlogo
{
  background-image: url(../img/en/utlogo.169x14.gif);
}
div#footerlinks
{
  position: absolute;
  top: 339px;
  left: 700px;
  width: 240px;
  text-align: right;

  font-family: Arial Narrow, Arial, Helvetica, sans-serif;
  font-size: .7em;
  color: #d2d2d2;
  font-stretch: condensed;

  white-space: nowrap;
}
div#footerlinks a, div#footerlinks span
{
  margin: 0 0 0 12px;
  color: #a2a2a2;
  text-decoration: none;
}
div#footerlinks a:hover
{
  text-decoration: underline;
}
/* Inner page */
table#pagebodytable
{
  width: 940px;
  border: none;
  border-collapse: collapse;
}
td#pageheadmenucol, td#pageheadcontentcol, td#pageheadbannercol, td#pagebodymenucol, td#pagebodycontentcol, td#pagebodybannercol
{
  vertical-align: top;
  text-align: left;
}
td#pageheadmenucol, td#pagebodymenucol
{
  padding: 0px 10px 0 0;
  width:220px;
}
div#pagebodymenucolminsize
{
  width:220px;
}
td#pageheadcontentcol, td#pagebodycontentcol
{
  padding: 0 10px 0 10px;
  width: 530px;
}
body.widebannercol td#pageheadcontentcol, body.widebannercol td#pagebodycontentcol
{
  width: 460px;
}
body.widecontent td#pagebodycontentcol
{
  width: 690px;
}
td#pageheadbannercol, td#pagebodybannercol
{
  padding: 0 0 0 10px;
  width: 150px;
}
body.widebannercol td#pageheadbannercol, body.widebannercol td#pagebodybannercol
{
  width: 220px;
}
td#pagebodybannercol div.banner
{
  width: 100%;
  overflow: hidden;
  margin-top: 12px;
  text-align: center;
}
div#navpatharea, div#sitetypeindicator
{
  margin:13px 0 0 0;
  height:33px;

  color: #585858;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 0.7333em;
  overflow: hidden;
}
div#navpatharea a, div#navpatharea span
{
  color: #585858;
  text-decoration:none;
}
div#navpatharea a:hover
{
  text-decoration:underline;
}
/* Site type (ie intranet) */
div#sitetypeindicator
{
  text-align:right;
}

/* corners */
span.corners
{
  position:relative;
  display:block;
}
img.corner_nw, img.corner_ne, img.corner_sw, img.corner_se
{
  position: absolute;
  display: block;
  border: none;
}
span.corner_nw, span.corner_ne, span.corner_sw, span.corner_se
{
  position: absolute;
  display: block;
  width: 1px;
  height: 1px;
  background-image: url(../img/corner.gif);
  background-repeat: no-repeat;
}
.corner_nw
{
  top:0;
  left:0;
  background-position:top left;
}
.corner_ne
{
  top:0;
  right:0;
  background-position:top right;
}
.corner_sw
{
  bottom:0;
  left:0;
  background-position:bottom left;
}
.corner_se
{
  bottom:0;
  right:0;
  background-position:bottom right;
}

/* Site menu (left) */
div.sitemenu
{
  width:100%;
  margin-bottom:25px;
}
div.sitemenuitem
{
  margin: 6px 0;
}
div.sitemenu a
{
  display:block;
  margin: 6px 0; /* Backwards compatibility. After a full republish of the div.sitemenuitem, remove both this margin rule and the one in div.sitemenuitem a */

  font-family: Arial Narrow, Arial, Helvetica, sans-serif;
  font-size: 1em;
  text-decoration: none;
  text-transform: uppercase;
  color: #222222;
  font-stretch:condensed;
}
div.sitemenu div.sitemenuitem a
{
  margin: 0; /* Backwards compatibility. After a full republish of the div.sitemenuitem, remove both this margin rule and the one in div.sitemenu a */
}
div.sitemenu span.linkcontents
{
  display:block;
  padding: 0 8px 1px 5px;
}
div.sitemenu a:hover
{
  background-color: #d2d2d2;
  font-weight: bold;
}
div.sitemenu a.selected
{
  background-color: #000000 !important;
  font-weight: bold;
  color: #ffffff;
}

/* Site contents */
div#content
{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 0.8em;
  color: #222222;
}
div#content a
{
  text-decoration:none;
  color:#003399;
}
 div#content h1
,div#content h2
{
  font-family: Arial Narrow, Arial, Helvetica, sans-serif;
  color: #222222;
  text-transform: uppercase;
  font-weight: normal;
  font-stretch: condensed;
}

 div#content h1
,div#content h1.wh-heading1
{
  font-size: 1.86em;
  line-height: 1.3em;
  margin: 0 0 20px 0;
  padding: 0;
}

 div#content h2
,div#content h2.wh-heading2
{
  font-size: 1.2em;
  margin: 15px 0 8px 0;
  padding: 0;
}
 div#content h3
,div#content h3.wh-heading3
{
  margin: 15px 0 8px 0;
  padding: 0;
}

 div#content h4
,div#content h4.wh-heading4
{
  margin: 15px 0 15px 0;
  padding: 0;
}

div#content div#indexpage div.browsetitle
{
  border-bottom: 1px solid #8f8f8f;
  padding-bottom: 0px;
  margin-bottom: 15px;
}

div.webpack-survey fieldset div.browsetitle h2
{
  font-weight: bold;
  text-transform: uppercase;
  color: #8f8f8f;
}


div#content div#indexpage table.indexoverview
{
  border-collapse: collapse;
  border: none;
}

div#content div#indexpage table.indexoverview td
{
  text-align: left;
  vertical-align: top;
  padding: 0;
  width: 220px;
}
div#content div#indexpage table.indexoverview td.first div.block
{
  padding-right: 26px;
}

div#content div#indexpage div.block
{
  margin-bottom: 20px;
}
div#content div#indexpage div.line
{
  padding: 4px 0 4px 0.75em;
  text-indent: -0.75em;
}

 div#content div#indexpage span.blocktitle
,div#content div#indexpage a.blocktitle
{
  font-family: Arial Narrow, Arial, Helvetica, sans-serif;
  color: #222222;
  font-weight: bold;
  font-stretch: condensed;
}

div#content div#indexpage a.blocktitle:hover
{
  text-decoration: underline;
}

div#content div#sitemap ul
{
  margin: 0;
  padding: 0;
  color: #004499;
  text-indent:0;
}

div#content div#sitemap ul li
{
  margin: 4px 0;
  padding-left: 0.75em;
  text-indent: -0.75em;
  list-style-position: outside;
  list-style-image: none;
  list-style-type: none;
}

 div#content div#sitemap ul ul
,div#content div#sitemap ul ul ul
{
  margin-left: 20px;
}

/* Folder navigation: brothers */
div#brothers
{
  border-top: 1px solid #8f8f8f;
  border-bottom: 1px solid #8f8f8f;
  padding: 8px 0;
  margin: 0 0 8px 0;
}
div#brotherlinks
{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 0.7333em;
  text-align: left;
}
div#brotherlinks a
{
  color: #585858;
  text-decoration:none;
}
div#navpatharea a:hover
{
  text-decoration:underline;
}
div#brotherlinks a.selected
{
  color: #000000;
}

/* Document navigation: pages */
div.pagenav
{
  text-align: right;
  font-size: 0.8em;
  margin: 10px 0;
  width: 460px;
}

div.pagenav a
{
  cursor:pointer;
}

 div.pagenav a span.corners
,div.pagenav span.disabled span.corners
{
  display: inline-block;
}

 div.pagenav a span.corners span.linkcontents
,div.pagenav span.disabled span.corners span.linkcontents
{
  background-color: white;
  border: 1px solid #cccccc;
  padding: 3px 8px;
  display: block;
}

div.pagenav span.disabled span.corners span.linkcontents
{
  color: #9f9f9f;
}

div.pagenav a:hover span.corners span.linkcontents
{
  background-color: #dfdfdf;
  border: 1px solid #9f9f9f;
}

div.pagenav a.selected span.corners span.linkcontents
{
  background-color: #4c70b7;
  border: 1px solid #003366;
  color: white;
}

 p.consilio
{
  color: #9f9f9f;
  font-size: 0.7em;
}

input.dtbutton /* generic button class */
, div.cwi-forum input.whwp-button /* blog buttons */
{
  background-color: #8f8f8f;
  border: 1px solid #4a4a4a;
  color: white;
}

div#content div#consilioresults .searchresulttitle,
div#content div#consilioresults .searchresultdate
{
  color: #9f9f9f;
  font-size: 0.7em;
}

/* Photo galleries */

div#gallery
{
  width: 460px;
}
div#gallery table#thumbnails
{
  border-collapse: collapse;
  border: none;
  width: 100%;
}
div#gallery table#thumbnails td
{
  padding: 7px 7px;
  text-align: center;
  vertical-align: middle;
}
div#gallery table#thumbnails td.first
{
  padding-left:0;
}
div#gallery table#thumbnails td.last
{
  padding-right: 0;
}

div#gallery table#photo
{
  border-collapse: collapse;
  border: none;
  width: 100%;
}
div#gallery table#photo td
{
  padding: 10px 0;
  text-align: center;
  vertical-align: middle;
  width: 680px;
}

/* News overviews */
table#newsoverview
{
  margin-top:15px;
  width:100%;
  border-collapse: collapse;
}
table#newsoverview td
{
  padding: 0 0 23px 0;
  vertical-align: top;
  text-align: left;
}
table#newsoverview td.newspicture
{
  width: 104px;
}
table#newsoverview td.newspicture img
{
  margin: 5px 14px 0 0;
}
table#newsoverview td.newstext
{
  width: 356px;
  font-family: Arial, Arial, Helvetica, sans-serif;
  color:#333333;
}
body.widecontent table#newsoverview td.newstext
{
  width: 534px;
}
body.widecontent table#newsoverview td.newswide
{
  width: 690px;
}
table#newsoverview td.newstext p
{
  margin: 0;
  padding: 0;
}
table#newsoverview td.newstext p.newstitle
{
  font-size: 1.25em; /* compensates for 0.8 on body */
  text-transform: uppercase;
}
table#newsoverview td.newstext p.newstitle a
{
  color: #333333;
}
table#newsoverview td.newstext p.newstext
{
}
table#newsoverview td.newswide p.newstitle
{
  font-size:1.12em !important;
}
div.bodyfollowuplink
{
  margin-top: 1.7em;
}
/* Print control */
div#printoverlay
{
  position:absolute;
  text-align: right;
  top:0;
  width:100%;
}
div#printoverlay span
{
  display:inline-block;
  background-color: #ffff00 !important;
  border-left: 1px solid black;
  border-bottom: 1px solid black;
  border-right: 1px solid black;
  padding: 0 10px;
  margin: 0 auto;

  font-family: Arial Narrow, Arial, Helvetica, sans-serif;
  font-size: 0.8em;
  font-stretch: condensed;
}

div#printcontrols
{
  display: none;
  bottom:0;
  position:fixed;
  text-align: right;
  width:100%;
}
div#printcontrols span
{
  background: #ffffff !important;
  display:inline-block;
  border: 1px solid #8f8f8f;
  padding: 5px 10px;
  margin: 10px;
  text-align: left;

  color: #585858;
  font-family: Arial Narrow, Arial, Helvetica, sans-serif;
  font-size: 0.8em;
  font-stretch: condensed;
}
div#printcontrols a
{
  font-family: Arial, Helvetica, sans-serif;
  text-decoration:none;
  color:#003399;
}
@media print
{
  div#printcontrols
  {
    display: none !important;
  }
}

/* Quicklinks on subhomepages */
div#quicklinks
{
}
div#quicklinks h1
{
  margin: 0 0 .5em 0;
  padding:0;

  font-family: Arial Narrow, Arial, Helvetica, sans-serif;
  color: #222222;
  text-transform: uppercase;
  font-weight: normal;
  font-size: 1.1em;
  font-stretch: condensed;
}
div#quicklinks ul
{
  margin:0 0 1em 0;
  padding:0;
  background-color: #E0E0E0;
  border-top: 1px solid #666666;
  border-bottom: 1px solid #666666;
}
div#quicklinks ul li
{
  border-bottom: 1px dotted #fefefe;

  list-style-position: outside;
  list-style-image: none;
  list-style-type: none;
  padding: 2px 8px;
}
div#quicklinks ul li a
{
  font-family: Arial Narrow, Arial, Helvetica, sans-serif;
  color: #222222;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 0.75em;
  font-stretch: condensed;
}

/* For use by specific pages */
.errortext
{
  color: #b74c4c;
}

div#utweblognav a.dtbutton
{
  padding:2px 6px;
  text-decoration:none;
  background-color:#8F8F8F;
  border:1px solid #4A4A4A;
  color:white;
  font-family:Arial,Helvetica,sans-serif;
  font-size:0.9em;
  margin-right: 35px;
}

div#utweblognav a.dtbutton:hover
{
  cursor: pointer;
}

/* Expanding menu layout
.whDropDownContainer
{
  background-color: #ffffff;
  width:187px;
  padding: 5px 10px 5px 10px;
}
.whDropDownItem
{
  font-family:Arial Narrow,Arial,Helvetica,sans-serif;
  text-transform: uppercase;
  font-size:0.9em;
  padding: 1px 16px 1px 4px;
  color: #222222;
  text-decoration:none;
  font-stretch: condensed;
}
.whDropDownItem:hover, .whDropDownContainer .whDropDownIsOpen
{
  background-color:#d2d2d2;
  color: #222222;
}
*/
/* Configure social links */
div.addthis_toolbox
{
  margin-top:24px;
  text-align:right;
}
div.addthis_toolbox a
{
  float:right !important;
}

/* Mainmenu subitems */
div.sitemenusubs
{
  overflow: hidden;
  height:0px;
}
div.sitemenusubs.selected
{
  height:auto;
}
div.sitemenusubs div
{
  margin: 0;
  padding: 3px 0 3px 0px;
}
div.sitemenusubs div a
{
  display: block;
  padding: 1px 16px 1px 16px;

  font-family:Arial Narrow,Arial,Helvetica,sans-serif;
  text-transform: uppercase;
  font-size:0.9em;
  color: #222222;
  text-decoration:none;
  font-stretch: condensed;
}
div.sitemenusubs div.selected a
{
  font-weight: bold;
}


#sitesectionmenu
{
  border-top: 1px solid #000000;
  padding-top: 2px;
  padding-bottom: 2px;
}
#sitesectiontable
{
  border-collapse: collapse;
  width: 100%;
  font-size: 80%;
}
#sitesectiontable tr
{
  background-color: #D2D2D2;
}
#sitesectiontable td
{
  padding: 0px;
}
#sitesectiontable td.sectionlink a
{
  display: block;
  color: #000000;
  text-decoration: none;
  text-transform: uppercase;
  white-space: nowrap;
  font-family: Arial, Helvetica, sans-serif;
  padding: 1px 10px 1px 10px;
}
#sitesectiontable td.sectionlink a:hover
{
  background-color: #E3E3E3;
}

#sitesectiontable td.sectionlink.selected a
{
  background-color: #000000;
  color:            #FFFFFF;
}

div#footersocialmedia
{
  padding-top: 5px;
}

div#footersocialmedia img
{
  border: 0;
}

div#footersocialmedia > table
{
  float: right;
}

div#footersocialmedia .mediaimage
{
  margin: 0 0 0 2px;
}


td#pagebodybannercol
{
  color: #222222;
  font-family: Arial,Helvetica,sans-serif;
  font-size: 0.8em;
}

#buildingblocks
{
  width: 150px;
  overflow: hidden;
}
.buildingblock
{
  margin-bottom: 15px;
}
.buildingblock img
{
  border: 0;
}
.bb_banner
{
  display: block;
}
.bb_banner img
{
  display: block;
}
.bb_calendariframe
{
  height: 169px;
}
.bb_richtext
{
  text-align: left;
}
.bb_youtube
{
  position: relative;
  display:  block;
}
.bb_youtube img
{
  display: block;
  border: 0;
}
.bb_playbutton
{
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: transparent url("../img/btn_video_play.png") no-repeat scroll center center;
}

.bb_playbutton:hover
{
  background: transparent url("../img/btn_video_play_hover.png") no-repeat scroll center center;
}

.bb_playbutton .bb_videotitleoverlay
{
  position: absolute;
  bottom: 0;
  visibility: hidden;
  z-index: 8;

  background-color: rgba(0,0,0,0.4);
  color: #FFFFFF;
  line-height: 150%;

  width: 150px;
  text-align: center;

  white-space:            nowrap;   /* ellipsis only works on a single line */
  overflow:               hidden;   /* prevent browsers without ellipsis support from showing overflowing text */
  text-overflow:          ellipsis; /* Safari 1.3, Chrome 1, IE6, Firefox 7, Opera 11 */
  -o-text-overflow:       ellipsis; /* Opera */
  -ms-text-overflow:      ellipsis; /* IE8 */
}

.bb_playbutton:hover .bb_videotitleoverlay
{
  visibility: visible;
}