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

img
{
  border: 0;
}


/* 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.touchframeholder
{
  height:250px;
}
div.touchframeholder iframe
{
  position:absolute;
  left:0;
  right:0;
  border:none;
  display:block;
  height:234px;
  margin-top:30px;
  width:100%;
}
div#sitefooter
{
  margin-top: 80px;
  height:585px;
}
div.touchframeholder + div#sitefooter
{
  margin-top:30px;
}
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;
}
#headerutlogo
{
  display: block;
  position: absolute;
  top: 70px;
  z-index: 2;
}

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

#ut_searchinput
{
  border: solid 1px #000000;
  background: rgba(255,255,255,0.85);
  padding-left: 2px;
  width: 138px;
}

#ut_searchinput.googlesearch.emptyvalue.dutch
{
  x-background: url('https://web.archive.org/web/20160406003515im_/https://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
{
  x-background: url('https://web.archive.org/web/20160406003515im_/https://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;
}

table.gsc-search-box td.gsc-input input
{
  background-image: none !important;
}


div#headerlinksholder .custom_search_button
{
  background: url("/web/20160406003515im_/https://www.utwente.nl/repository/utwente/dottwente/img/searchicon.png") 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 10px 0 0;
  padding: 0;
  color: #004499;
  text-indent:0;
  width:178px;
}
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(/web/20160406003515im_/https://www.utwente.nl/repository/utwente/dottwente/img/en/utlogo.169x14.gif);
}
body.lang_en div#footerutlogo
{
  background-image: url(/web/20160406003515im_/https://www.utwente.nl/repository/utwente/dottwente/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.hideutstyling
{
  top: 15px;
}

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(/web/20160406003515im_/https://www.utwente.nl/repository/utwente/dottwente/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. Had to dupe it as div.content as the homepage needs its #content to be split in two */
div#content, div.content
{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 0.8em;
  color: #222222;
}
div#content a, div.content a
{
  text-decoration:none;
  color:#003399;
}
  div#content h1, div#content h2
, div.content h1, div.content h2
, .wh-rtd-editor h1, .wh-rtd-editor 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
, div.content h1, div.content h1.wh-heading1
, .wh-rtd-editor h1
{
  font-size: 1.86em;
  line-height: 1.3em;
  margin: 0 0 20px 0;
  padding: 0;
}

div#content h2, div#content h2.wh-heading2
, div.content h2, div.content h2.wh-heading2
, .wh-rtd-editor h2
{
  font-size: 1.2em;
  margin: 15px 0 8px 0;
  padding: 0;
}
div#content h3, div#content h3.wh-heading3
, div.content h3, div.content h3.wh-heading3
, .wh-rtd-editor h3
{
  margin: 15px 0 8px 0;
  padding: 0;
  font-family: Arial Narrow, Arial, Helvetica, sans-serif;
  color: #222222;
  text-transform: uppercase;
  font-weight: bold;
  font-stretch: condensed;
}

div#content h4, div#content h4.wh-heading4
, div.content h4, div.content h4.wh-heading4
, .wh-rtd-editor h4
{
  margin: 15px 0 15px 0;
  padding: 0;
}
div#content p.normal
,div.content p.normal
{
  margin-bottom: 12pt;
}
div#content div#indexpage div.browsetitle
, 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
, div.content div#indexpage table.indexoverview
{
  border-collapse: collapse;
  border: none;
}

div#content div#indexpage table.indexoverview td
, 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
, div.content div#indexpage table.indexoverview td.first div.block
{
  padding-right: 26px;
}

div#content div#indexpage div.block
, div.content div#indexpage div.block
{
  margin-bottom: 20px;
}
div#content div#indexpage div.line
, 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
, 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, 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;
}



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, #buildingblocks
{
  color: #222222;
  font-family: Arial,Helvetica,sans-serif;
  font-size: 0.8em;
}

td#pagebodybannercol #buildingblocks
{
  width: 150px;
  overflow: hidden;
}


#pagebodymenucol #buildingblocks
{
  width: 100%;
}

.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("/web/20160406003515im_/https://www.utwente.nl/repository/utwente/dottwente/img/btn_video_play.png") no-repeat scroll center center;
}

.bb_playbutton:hover
{
  background: transparent url("/web/20160406003515im_/https://www.utwente.nl/repository/utwente/dottwente/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;
}


/* Twitter BB */
div.twitterwidget
{
  border:1px solid #000000;
  border-radius:3px;
  background:#000000;
}
div.twitterwidget > div.widgetheader
{
  margin:0;
  padding:5px 10px;
  color:#ffffff;
}
div.twitterwidget > div.widgetheader > img.avatar
{
  display:none;
  float:left;
  margin-right:5px;
}
div.twitterwidget > div.widgetheader > div.subject
{
  font-size:12px;
}
div.twitterwidget > div.widgetheader > div.title
{
  font-size:15px;
  font-weight: bold;
}
div.twitterwidget > div.morelink
{
  padding:5px 10px;
}
div.twitterwidget > div.morelink a
{
  display:block;
  height:25px;
  background:url("/web/20160406003515im_/https://www.utwente.nl/repository/utwente/dottwente/img/bb_twitter.png") left center no-repeat;
}
div.twitterwidget > .-wh-twitter-widget
{
  clear:both;
  background:#ffffff;
  border-radius:3px 0 0 3px;
  overflow:auto;
  overflow-x:hidden;
  height:510px;
  padding:5px 10px;
}
div.twitterwidget > .-wh-twitter-widget > div
{
  clear:both;
  padding-top:6px;
  padding-bottom:6px;
  border-top:1px solid;
  font-size:90%;
}
div.twitterwidget > .-wh-twitter-widget > div:first-child
{
  border-top:none;
}
div.twitterwidget  a
{
  text-decoration:none;
  color:#003399;
}
div.twitterwidget img.-wh-socialwidget-avatar
{
  float:left;
  margin: 0 5px 5px 0;
}
div.twitterwidget .-wh-socialwidget-timepassed
{
  clear:both;
  display:block;
  font-size:80%;
}
div.twitterwidget span.twitter-user, div.twitterwidget span.twitter-hashtag
{
  color:#42a3b0;
}

/* language warnings */
.languagewarning
{
  background: #ffff00;
  padding:5px;
  margin:0 0 20px 0;
  border:1px solid #222222;
  text-align:center;
}



/* 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-family: 'Arial Narrow',Arial,Helvetica,sans-serif;
  font-size: 1.25em; /* compensates for 0.8 on body */
  font-stretch: condensed;
  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;
}


/* fix takeover not positioning itself above the UT site */
#take-over { z-index: 99999; }


/* don't specify a display property for the dialog */
.ws_dialog
{
  padding: 10px;
  background-color: #FFFFFF;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

.-wh-popup-closebutton
{
  position: absolute;
  top: -10px;
  right: -10px;

  width: 29px;
  height: 29px;
  background: url(/web/20160406003515im_/https://www.utwente.nl/repository/utwente/dottwente/img/button_close.png) no-repeat scroll center center;
  cursor: pointer;
  z-index: 50;
}

.-wh-popup-closebutton:hover
{
  background: url(/web/20160406003515im_/https://www.utwente.nl/repository/utwente/dottwente/img/button_close_hover.png) no-repeat scroll center center;
}

.javascriptonly
{
  display: none;
}






/**
 *
 * Open Dagen voorinschrijving als block
 *
 */

div.keepinformed
{
  position:relative;

  /*
  margin-left: auto;
  width:248px;
  padding:20px 40px;*/

  padding: 5%;

  background:#e1002d;
  color:#ffffff;
}
div.keepinformed h2
{
  /*font:normal 28px univers_lt_std_47_cn_ltbold,Arial,Helvetica,sans-serif;*/
  font:normal 22px univers_lt_std_47_cn_ltbold,Arial,Helvetica,sans-serif;
  margin: 0 0 10px 0;
  color:#ffffff;
  text-transform: uppercase;
}
div.keepinformed .description
{
  font:bold 14px Arial,Helvetica,sans-serif;
  /*text-transform: uppercase;*/
  margin: 0 0 16px 0;
  text-transform: uppercase;
}
div.keepinformed .description a
{
  color:#ffffff;
  text-decoration:underline;
}
div.keepinformed div.subscribeform > *
{
  vertical-align: middle;
}
div.keepinformed div.subscribeform input.textfield
{
  font: 12px arial;
  color:#000000;
  margin:0;
  padding:4px;
  border-top: 1px solid #a77982;
  border-left: 1px solid #a77982;
  border-bottom: 1px solid #e44066;
  border-right: 1px solid #e44066;
  border-radius: 3px;
  background: #f6b0be;
  background-image: linear-gradient(top, #f6b0be 0%, #f6b0be 100%);
  background-image: -moz-linear-gradient(top, #f6b0be 0%, #f6b0be 100%);
  background-image: -webkit-linear-gradient(top, #f6b0be 0%, #f6b0be 100%);
  background-image: -ms-linear-gradient(top, #f6b0be 0%, #f6b0be 100%);
  width:184px;
}

div.keepinformed div.subscribeform input.textfield::-webkit-input-placeholder
, div.keepinformed div.subscribeform input.textfield::-moz-placeholder
, div.keepinformed div.subscribeform input.textfield:-ms-input-placeholder
{
  color:#555555;
}
  div.subscribeform input[name="firstnamefield"]
, div.subscribeform input[name="emailfield"]
{
  display:block;
  margin-bottom:10px;
}
div.subscribeform .subscribebutton
{
  cursor:pointer;
/*
  padding-top:1px;
  padding-bottom:4px;
*/
  padding: 1px 12px 4px 8px;
  height:16px;

  position:relative;
  width:17px;
  margin-left:2px;
  color:#ffffff;
}

.redtouchbutton
{
  display:inline-block;
  border-top:1px solid #f1718d;
  border-bottom:1px solid #cb0029;
  box-shadow: 0 0 2px rgba(0,0,0,0.3);

  background: #eb325c;
  background-image: linear-gradient(top, #eb325c 0%, #e60135 100%);
  background-image: -moz-linear-gradient(top, #eb325c 0%, #e60135 100%);
  background-image: -webkit-linear-gradient(top, #eb325c 0%, #e60135 100%);
  background-image: -ms-linear-gradient(top, #eb325c 0%, #e60135 100%);

  padding:8px 8px;

  /*font:15px univers_lt_std_57_cnregular;*/
  font:15px/20px univers_lt_std_57_cnregular, Arial;
  color:#ffffff;
  text-decoration:none;
  text-transform: uppercase;
  cursor:pointer;
}
.redtouchbutton:hover
{
  background: #e60135;
  background-image: linear-gradient(top, #e60135 0%, #eb325c 100%);
  background-image: -moz-linear-gradient(top, #e60135 0%, #eb325c 100%);
  background-image: -webkit-linear-gradient(top, #e60135 0%, #eb325c 100%);
  background-image: -ms-linear-gradient(top, #e60135 0%, #eb325c 100%);
}

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

Cookie bar

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

#ut_cookie_warning_bar
{
  color: #ebf0f5;
  font: 12px/14px Arial;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 100;
  background-color: #000000;
  border-top: 1px solid #ebf0f5;
}

#ut_cookie_warning_bar div
{
  max-width: 910px;
  padding: 27px 0;
  position: relative;
  margin: 0 auto;
}

#ut_cookie_warning_bar div span.title
{
  display: inline-block;
  font-size: 110%;
  font-weight: bold;
  margin-bottom: 10px;
}


#ut_cookie_warning_bar .readmorelink
{
  text-decoration: underline;
  color: #ebf0f5;
}
#ut_cookie_warning_bar .closelink
{
  width: 17px;
  height: 17px;
  position: absolute;
  margin-right: 20px;
  background-image: url("https://web.archive.org/web/20160406003515im_/https://www.utwente.nl/repository/utwente/ws2013/img/common/cookiebarclose.png");
  background-repeat: no-repeat;
  top: 17px;
  right: 0;
  transition: transform .2s ease;
}
#ut_cookie_warning_bar .closelink:hover
{
  transform: rotate(90deg);
}
#ut_cookie_warning_bar .button
{
  display: none; /* ws2013-design only! */
}

 .wh-rtd-floatleft
,.-wh-rtd-floatleft
,.floatleft
{
  float: left;
  margin: 0px 20px 10px 0;
}

 .wh-rtd-floatright
,.-wh-rtd-floatright
,.floatright
{
  float: right;
  margin: 0px 0 10px 20px;
}

/* RTD tabel */
#content .wh-rtd-table > table td p.normal
{
  margin-top: 0.2em;
  margin-bottom: 0.2em;
}

/*
     FILE ARCHIVED ON 00:35:15 Apr 06, 2016 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 16:54:17 Nov 05, 2022.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 276.699
  exclusion.robots: 0.346
  exclusion.robots.policy: 0.333
  RedisCDXSource: 31.167
  esindex: 0.013
  LoadShardBlock: 220.316 (3)
  PetaboxLoader3.datanode: 490.973 (5)
  CDXLines.iter: 21.057 (3)
  load_resource: 492.228 (2)
  PetaboxLoader3.resolve: 131.242 (2)
*/