/* reset */
html, body, div, ul, li, h1, h2, h3, h4, h5, h6, form, textarea, input, p {
  margin:0;padding:0;
}
ul li {
  list-style:none;
}
/*========================= MAIN ============================*/
html {
  overflow-x: auto;
  overflow-y: scroll;
}
body { 
  background: #ededed;
  font:10px Arial, sans-serif; /* basispercentage -> 10px */
  line-height: 1.4;
  color:#222;
}
#wrapper {
/*width:980px;
  margin: 0px auto;
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd;*/
  background: #FFF;
}
#portal-columns {
}
#contentwrapper {
  padding: 10px 0px 50px 0px;
  font-size: 1.2em; /* 12px */
}
#portal-columns,#nieuws {position:relative;}  /*dw-fix*/

/*========================= HEADER ============================*/
#header {
  position:relative;height: 100px;
  background: #1e9bb7 url(https://stijl.kuleuven.be/_i/background/banner_kuleuven.png) no-repeat left top; 
  /*** z-index:10000 ***/
  z-index:1000
}

.intranet #header {
  background: #1e9bb7 url(https://stijl.kuleuven.be/_i/background/banner_intranet.png) left top;
}
/*
.kuloket #header {
  background-image: url(https://stijl.kuleuven.be/_i/background/bgheaderkuloket.jpg);
}
*/
#taskbar {
  margin:0;padding:7px 3px 0px 3px; text-align:right;color:#fff;
}
#taskbar li {
  display:inline;padding:0 7px 0 9px; /*padding:0 8px 0 8px;*/
  border-left: 1px solid #23B7D6;background:transparent;
}
#taskbar li.first { border-left: none;}

.intranet #taskbar li {border-left: 1px solid #ffffff;}
.intranet #taskbar li:first-child {border: none;} /*of .first*/
.intranet #taskbar .kuleuven a {background: url(https://stijl.kuleuven.be/_i/icons/icon_home.png) no-repeat right center transparent; padding-right: 18px;}

#taskbar a:link, #taskbar a:visited {
  color:#fff; border-bottom: none;
  font-size: 1.2em;
}
#taskbar a:hover {
  border-bottom: none; color:#FFF
}
#taskbar li.homeintranet {
  width: 11em;
  text-align: left;
}

#logo {
  position:absolute; top: 7px;left:10px;
  border:none; background:transparent;
}

#header form {
  position: absolute; top: 35px;right: 10px;height: 20px;width:200px;margin:0;
  overflow: hidden;
  background: #f0f0f0;
  border: 1px solid #078398;
}

/* +++ #header form #words { */
#words {
  height: 15px;width: 160px;
  padding: 2px 4px 0;
  font-size: 1.1em;   
  background: transparent;color: #666666; border: none;
}
#header input.zoekbutton {
  float:right; width: 20px; height:20px;margin:0;
  text-indent:-9999px;border: none; cursor: pointer;
  background: url(https://stijl.kuleuven.be/_i/icons/icon_zoek.png) no-repeat 0px 0px; 
  }

.intranet #header form {border: 1px solid #C14F11;}
.intranet #header form #words {
height: 15px;width: 160px;
padding: 2px 4px 0;
font-size: 1.1em;      
background: transparent;color: #666666; border: none;
}
.intranet #header input.zoekbutton {
float:right; width: 20px; height:20px;  margin:0;
text-indent:-9999px;border: none; cursor: pointer;
background: url(https://stijl.kuleuven.be/_i/icons/icon_zoek.png) no-repeat 0px 0px;
}
.intranet #header input.zoekbutton {background: url(https://stijl.kuleuven.be/_i/icons/icon_zoek_intranet.png) no-repeat;}

/* mainnav */
#mainnav {
  position: absolute;bottom:0px; /* absoluut positioneren onderaan, beginnen boven middenzone */
}
/* DROPDOWN CSS */

#nav, #nav ul { /* all lists */
  padding: 0; margin: 0;
  list-style: none;
  line-height: 1;
  position: relative;
}
#nav a {
  display: block;
  /*padding: 10px 10px 10px 20px;
    background: url(https://stijl.kuleuven.be/_i/icons/icon_nav.png) no-repeat 4px 50%;*/
  color: #FFFFFF;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 1.2em;
  border-bottom:none;
}

#nav a:hover {
  background-color: #338093;
  color: #FFF;
}

.intranet #nav a:hover {
  background-color: #BE4B06
}

#nav li:hover > a {
  background-color: #338093;
  color: #FFF;
}

.intranet #nav li:hover > a {
  background-color: #BE4B06
}


#nav ul li a {
  padding: 8px 10px;
  width: 150px;
  text-transform: none;
  color: #000;
  background-image: none;
  font-size: 1em;
  border-top: 2px solid #fafafa;
}
#nav ul li a:hover, .intranet #nav ul li a:hover {
  background-color: #ddd;
  color: #000;
}
#nav li { /* all list items */
  float: left; margin:0;padding:0;
  width: auto;
  position: relative;
}

#nav li ul { /* second-level lists */
  position: absolute;
  left: -999em; 
  /*** z-index: 9500; ***/
  z-index: 950;
  width: 170px;
  background-color: #eee;
  font-size: 1.2em;
  text-transform: none;
  border: 2px solid #fafafa;
  border-top: none;
}
#nav li ul li {
  width: 170px;
  background: none;
}
#nav li:hover ul, #nav li.hover ul { /* lists nested under hovered list items */
  left: auto;
}
#nav li.last:hover ul { 
  right:0;
}

/* footer */
#footer {
  clear:both;padding: 10px;
  font-size: 1.1em;
  background-color: #14758B;color: #FFFFFF;
}
#footer p {
  text-align:right;
}
#footer #anysurfer {
  float:right;margin-left: 10px;
  border:none;}
#footer a {border-bottom: 1px dotted #fff;text-decoration: none;color:#FFFFFF;}
#footer.intranet {background-color: #BE4B06;}

/* ACCESSIBILITY */
#header #access {
  position: absolute; left:10px;top: 72px;width: 10em;z-index:100;
  padding: 4px 0.5em 0; margin:0;
  font-size:1.2em;
}
.intranet #header #access {
  top:5px;left:180px
}
#header #access li {
  float:left;margin:0;padding:0;background:transparent;
  line-height:1.5em;
}
#header #access a {
  float:left;margin:0;padding:0;
  text-indent:-9999px;border:none;
  color: #FFF;  text-transform:uppercase; outline:none
}
#header #access a:focus {text-indent:0;}

#header h2.access, #header form label, #mainnav h2.access, #left h2.access {
  position:absolute;
  left:-9999px;
  width:300px
}

/*========================= CONTENT ============================*/
/*breadcrumbs*/
#breadcrumbs {font-size:0.916666em;font-weight:bold;}
#breadcrumbs a {border: none;text-decoration: none;font-weight:normal;color: #536368;}
#breadcrumbs a:hover {color: #0c788b;}

/*headers, p's, ...*/

h1 {
  font-size:2em;font-weight:bold;
  color: #000;margin-bottom: 0.9em;
}

h2 {
  font-size: 1.5em; font-weight: normal;margin: 0.9em 0;
}

.colcontainer h2 {margin-top: 0.9em;}
h2 a { color: #000;margin: 0.9em 0;}

h3 { font-size: 1.333em;font-weight:bold; margin: 0.9em 0;
}

#content h4 {
  font-size: 1.16666em; color: #068FA1;font-weight:bold; margin: 0.9em 0;
}

#content h5 {
  margin: 1em 0 0.5em 0;
  font-size: 1.0833em; font-weight:bold; color: #068FA1;
}

h6 {
  margin: 0.9em 0;font-size: 1em;font-weight:normal;text-transform: uppercase; color: #000;
}

/*all headers in 2col look the same*/
.colcontainer h1, .colcontainer h2, .colcontainer h3, #content .colcontainer h4, #content .colcontainer h5, .colcontainer h6 {
      margin: 0 0 0.5em 0; padding: 0 0 0.333em 0;   
    font-size: 1.1666em;line-height: 1; font-weight: bold; color: #222;border-bottom: 1px dotted #888888; 
}

#content .ondertitel {display:block;
  margin-bottom: 1.3em; margin-top:-1em; font-size: 1.1em; font-weight:bold;color: #247298;
}

#content p {
  margin-bottom: 0.8em;
}
a {text-decoration:none;}
a:link {
  color: #0C788B;
  text-decoration: none;
  border-bottom: 1px dotted #0C788B;
}
  
a:visited {
  border-bottom: 1px dotted #bbb;
  color: #536368;
  text-decoration: none;
}
a:hover {
   /* border-bottom: 1px dotted #0C788B; */
   /*border-bottom: none;*/
   border-bottom: 1px solid transparent;   
   color: #0C788B;
   text-decoration: none;
}
img {display:block; padding:0; border:none;}
#content img {display:inline;} /*change to block to get rid of dotted border under linked images */
#content img[border] {border-color:#222}
/*a img {border:none;}*/
img.banner {display:block;}
img.left, #nieuws img.left {float:left; margin: 0 8px 0 0;}
img.right, #nieuws img.right {float:right; margin: 0 0 0 8px;}
img.border {border:1px solid black;}
.noborder {border:none;}
#content img.center {display:block;}
/* 15/07/2014: added by YK for captioned images */
figure.left {float:left; margin: 0 8px 0 0;}
figure.right {float:right; margin: 0 0 0 8px;}
figure.border img {border: 1px solid black;}
figcaption {color:#555; font-size:0.9em;}

/* ul, ol, dl */
#content #content ol {  margin: 5px 0 10px 0px;}
#content ul {margin: 5px 0 10px 20px;overflow:hidden;}
#content ul ul {margin: 0}
#content ul li {
  margin: 0 0 4px 0;padding-left: 15px;
  background: url(https://stijl.kuleuven.be/_i/icons/icon_bullet-levelone.png) no-repeat left 3px;
}
#content ul li ul li {
  margin-top:3px;
  background:url(https://stijl.kuleuven.be/_i/icons/icon_bullet-leveltwo.gif) 0 2px no-repeat;
}
#content ul li ul li ul li {
  margin-top: 3px;
  background:url(https://stijl.kuleuven.be/_i/icons/icon_bullet-levelthree.gif) 0 0.15em no-repeat;
}

#content ol {padding:0;margin-left:15px;}
#content ol li {
margin: 0;padding-left: 0px;
background: transparent;list-style: decimal}

#content ul li ol li ul li {
  background:url(https://stijl.kuleuven.be/_i/icons/icon_bullet-leveltwo.gif) 0 0.15em no-repeat;
}
#content ul li ol li ul li ul li {
  background:url(https://stijl.kuleuven.be/_i/icons/icon_bullet-levelthree.gif) 0 0.15em no-repeat;
}
#content ol li ul li {
  margin-top: 3px;padding-left: 15px;
  background:url(https://stijl.kuleuven.be/_i/icons/icon_bullet-levelone.png) 0 0.15em no-repeat;
}
#content ol li ul li ul li {
   background:url(https://stijl.kuleuven.be/_i/icons/icon_bullet-leveltwo.gif) 0 0.15em no-repeat;
}
#content ol li ul li ul li ul li {
  background:url(https://stijl.kuleuven.be/_i/icons/icon_bullet-levelthree.gif) 0 0.15em no-repeat;
}

dl { margin: 1em 0;}
dd { padding: 0;  margin: 0 0 1em;}
dt { font-weight:bold;  margin-bottom: 3px;}

/* cols */
.colcontainer {clear:both;margin-bottom:1em;}
  /*.twocol {width:48%; float:left; position:relative;} 
  .twocol+.twocol {float:right;}
  .threecol {width:31%; float:left; position:relative;}*/
.colcontainer li {margin:0; padding:0;}

/* attentionboxes */
.twocol .attentionbox1, .twocol .attnboxfilled1, .twocol .attentionbox2, .twocol .attnboxfilled2, 
.twocol .attentionbox3, .twocol .attnboxfilled3 {
width: 90%; margin: 0 auto 5px;}

.attentionbox1, .attnboxfilled1, .attentionbox2, .attnboxfilled2, .attentionbox3, .attnboxfilled3 {
  width: 85%; margin: 0 auto 30px;
}
.attentionbox1, .attnboxfilled1 {
  background: #FBDA97 url(https://stijl.kuleuven.be/_i/icons/icon_attentionbox1.jpg) no-repeat right bottom;
}
.attentionbox2, .attnboxfilled2 {
  background: #ddd url(https://stijl.kuleuven.be/_i/icons/icon_attentionbox2.jpg) no-repeat right bottom;
}
.attentionbox3, .attnboxfilled3 {
  background: #138AA3 url(https://stijl.kuleuven.be/_i/icons/icon_attentionbox3.jpg) no-repeat right bottom;
  color: #fff;
}
.attentionbox1 h6, .attnboxfilled1 h6, .attentionbox2 h6, .attnboxfilled2 h6, .attentionbox3 h6, .attnboxfilled3 h6 {
  margin:0; padding: 10px 10px 5px 10px;
  font-size: 1em;font-weight: bold;line-height:1.2em
}
.attentionbox1 h6, .attnboxfilled1 h6 { 
  background-color:transparent;color: #994D00;
}
.attentionbox2 h6, .attnboxfilled2 h6 {
  background-color:transparent; color: #595959;
}
.attentionbox3 h6, .attnboxfilled3 h6 {
  background-color:transparent; color: #fff;
}
.attentionbox1 p, .attentionbox1 ul, .attnboxfilled1 p, .attnboxfilled1 ul,
.attentionbox2 p, .attentionbox2 ul, .attnboxfilled2 p, .attnboxfilled2 ul,
.attentionbox3 p, .attentionbox3 ul, .attnboxfilled3 p, .attnboxfilled3 ul {
  padding:0 12px 10px; margin:0!important;
}
.attentionbox1 ul ul, .attentionbox2 ul ul, .attentionbox3 ul ul,
.attnboxfilled1 ul ul, .attnboxfilled2 ul ul, .attnboxfilled3 ul ul/*bw compat*/ {
  padding:0;  
}

.attentionbox1 p, .attentionbox1 li, .attnboxfilled1 p, .attnboxfilled1 li,
.attentionbox2 p, .attentionbox2 li, .attnboxfilled2 p, .attnboxfilled2 li,
.attentionbox3 p, .attentionbox3 li, .attnboxfilled3 p, .attnboxfilled3 li {
  clear:both; 
}
/* links in kleur van attentionbox */
div.attentionbox1 a, .attnboxfilled1 a {color:#9F4623;  border-bottom:dotted 1px #CC6600;}
div.attentionbox1 a:visited, .attnboxfilled1 a:visited { color:#65576B; border-bottom:dotted 1px #536368;}
div.attentionbox1 a:hover, .attnboxfilled1 a:hover {border-bottom:none;color:#9F4623;text-decoration: none;}

div.attentionbox2 a, .attnboxfilled2 a {color:#2C5C81;border-bottom:dotted 1px #0C788B;}
div.attentionbox2 a:visited, .attnboxfilled2 a:visited {color:#536368; border-bottom:dotted 1px #536368;}
div.attentionbox2 a:hover, .attnboxfilled2 a:hover {border-bottom:none;color:#2C5C81;text-decoration: none;}

div.attentionbox3 a, .attnboxfilled3 a {  color:#FFDA86; border-bottom:dotted 1px #FFDA86;}
div.attentionbox3 a:visited, .attnboxfilled3 a:visited {  color:#EAEAEA; border-bottom:dotted 1px #EAEAEA;}
div.attentionbox3 a:hover, .attnboxfilled3 a:hover {border-bottom:none;color:#FFDA86;text-decoration: none;}

/* different atb bullets */
#content .attentionbox1 li, #content .attnboxfilled1 li {
    background: url(https://stijl.kuleuven.be/_i/icons/icon_bullet-levelone_ab1.png) no-repeat scroll left 4px transparent;
}
#content .attentionbox2 li, #content .attnboxfilled2 li {
    background: url(https://stijl.kuleuven.be/_i/icons/icon_bullet-levelone.png) no-repeat scroll left 4px transparent;
}
#content .attentionbox3 li, #content .attnboxfilled3 li {
  /*  background: url(https://stijl.kuleuven.be/_i/icons/icon_bullet-levelone_ab3.png) no-repeat scroll left 4px transparent;*/
  background: url(https://stijl.kuleuven.be/_i/icons/icon_bullet-levelone.png) no-repeat scroll left 4px transparent;
}

/* para with read more link */
p.more a:link, #nieuws p.more a:visited {
    background: url(https://stijl.kuleuven.be/_i/icons/icon_arrow_nieuws.gif) no-repeat scroll right top transparent;
    border: medium none; color: #222222; font-weight: normal; padding: 0 17px 0 0;
}

p.more a:hover { border-bottom: 1px dotted #222;}

/* insprong -- icm */
.indent   { margin-left: 22px; }
.indent2  { margin-left: 44px; }
.indent3  { margin-left: 66px; }

/* tables: De tabelstijl zoals ze op 27/8 is aangepast (CJ). Tijdelijk uitgecommentarieerd op 29/8 (JN) */

table {vertical-align:top;}
table {margin: 1em 0; border-spacing: 0; border-collapse: collapse;/*ie<7*/}
table.tableborder, table.tableborder td, table.tableborder th,
table.border, table.border td, table.border th {border: 1px solid #ccc;}
th {padding: 4px; background: #1e9bb7; color: #FFF; text-align:left;} 
th a:link, th a:visited {font-weight: bold; text-align:left; color: #FFFFFF; background-color: #1e9bb7;}
tr.alt td, td.alt, tr.alttablecolor td, td.alttablecolor {background-color: #DBF6F4;} /*backward compat*/
/*lijstjes binnen tabellen: geen extra marges -- icm*/
td ul, td ol, td dl {margin: 0;}

td {padding: 5px;}
table.styledtable tr:hover td {background: white;}
table.styledtable td {border: 1px solid #ccc; background-color: #f5f5f5; padding: 5px;}
table.styledtable tr.alt td, table.styledtable td.alt, table.styledtable tr.alttablecolor td, 
table.styledtable td.alttablecolor {background-color: #DBF6F4;} /*backward compat*/

/* elementen centreren -- icm*/
.center {display:block; margin-left: auto; margin-right: auto;}
/* plaatsing en no-border voor top.gif -- icm*/
#content .top {display:block;margin: auto; border:none; }

sub {vertical-align: sub;}
sup {vertical-align: super;}

/* kaderke */
hr {
  width: 100%;height: 1px;margin: 15px 0;
  border:0; background-color: #bbbbbb;color: #bbbbbb;
}
#content blockquote {
  background: url(https://stijl.kuleuven.be/_i/icons/quotes2.gif) no-repeat right bottom transparent;
  display:list-item;
  list-style-image: url(https://stijl.kuleuven.be/_i/icons/quotes1.gif);
  margin: 25px 15% 30px;
  padding-right: 25px;
  font-size: 1.4em; line-height: 120%;
}

  #blockquote p {margin:0}
.inlineimg {
  display:inline;margin: 0 3px;border:none
}
a.intranet {
  margin-right: 4px; padding: 0 18px 0px 0;
  background:transparent url(https://stijl.kuleuven.be/_i/icons/icon_intranet.png) no-repeat 99% 50%;  
}
p.kruimel {
  font-size:0.9em;
}

/* accordion */
#content p.collapse {margin-bottom: 0;}
#content ul.ui-accordion-content {margin: 0;}

/* TEKSTNIEUWS + KALENDER HOMEPAGINA'S */

#nieuwswrap {margin: 1.25em 0 1em 0;}
#nieuwswrap h2 {
  padding: 3px 0 0 0; font-size: 1.3333em; font-weight:bold; color: #000; /*position:relative;*/
  margin: 5px 0 0 0;line-height:1.1875em;
}
#nieuwswrap h2 a {border: none;color:#222;margin:0}

#nieuwswrap h2 a.feeds{float: left;text-indent:-9999px; border-bottom: none; width: 14px; margin:0 7px 0 0;
  background: url(https://stijl.kuleuven.be/_i/icons/icon_rss.jpg) no-repeat scroll left -24px transparent;
}

#nieuwswrap a.feeds:hover {
  background: url(https://stijl.kuleuven.be/_i/icons/icon_rss.jpg) no-repeat scroll left 1px transparent;
  border: none;
} 
#nieuwswrap ul {margin: 0 0 5px 0;border-top:1px solid #f1f1f1;}
#nieuwswrap ul li {
  padding:5px 0 ; margin: 0;
  background: none; overflow:hidden; /*dw-fix*/
  border-bottom: 1px solid #f1f1f1;
} 
#nieuwswrap ul li:hover {background: #FAFAFA;}
#nieuwswrap ul li a {padding:0 5px 0 0; display: block;overflow: hidden;  /* clearfix */
color: #0C788B;border-bottom: none;}

#nieuwswrap .date, #nieuws .date {color: #222; display:block;padding: 0;font-size:0.95em;font-weight:bold;}
#nieuwswrap img {width: 80px; border: none;}
/* wide img brakes this  */
#content img[class~=left]+ul {margin-left: 80px;}

#nieuwswrap #kalender li a:link, #nieuwswrap #tekstnieuws li a:link, #nieuwswrap #kalender li a:visited, #nieuwswrap #tekstnieuws li a:visited  {
  text-decoration: none;color: #095A68;
}
#content .floatcontainer a {border: none;} 

/*========================= NIEUWS ============================*/
#nieuws {position:relative;z-index:900} /*dw cs4-fix*/
#nieuws div {margin:0 0 10px 0; background-color: #fcfcfc; border: 1px solid #eee; } /* maar één type nieuwsbox in stijl (ipv. 3) */
#nieuws .banner {margin-bottom: 10px; border:none; overflow: hidden} /* nieuwe banner div */
#nieuws img {/*width:200px;*/height:auto;margin:0;border:none;}
#nieuws img.banner {margin: -5px;} /* for full width images in rightcolumn in wms */
#nieuws h3 {
  margin:0;padding: 5px;
  font-size: 1.2em; font-weight: normal; line-height:1.3333; text-transform:uppercase; color: #FFF; background: #1E9BB7;
}

#nieuws ul {margin:0;padding: 0px; border:none; }
#nieuws ul li {margin:0; padding:0; background: transparent; font-size:1.2em;
overflow: hidden; clear:both;border-top: 1px solid #eaeaea;
}
#nieuws li a {
  padding:5px;
  display:block;overflow:hidden;border:none;}
#nieuws li a:hover {background: #F1F1F1; border:none;   }
#nieuws li a img {float: left; margin: 0 5px 0 0;width:75px;height:50px;}

#nieuws .kalender li a {padding: 0; }
#nieuws .kalender .date {color:#222;}

#nieuws p {margin:0; padding: 5px;border-top: 1px solid #eaeaea; font-size: 1.2em; overflow:hidden; } /*overflow:hidden trick*/
#nieuws p img {/*width: 50px; height:50px;*/ margin: 0px 5px 0px 0; float:left; }

#nieuws p.more {border-top:none;  padding: 2px 5px; background: #f5f5f5;text-align:right;}
#nieuws p.more a:link,#nieuws p.more a:visited {font-weight:normal; color:#444; 
/*background: url(https://stijl.kuleuven.be/_i/icons/icon_bullet-nieuws.png) no-repeat right 4px; padding:0 13px 0 0; border-bottom: 1px dotted #fafafa*/
}
#nieuws p.more a:hover {border-bottom: 1px dotted #095A68 }

#nieuws .extra ul {margin:0;padding: 8px 5px; border-top: 1px solid #eaeaea; }
#nieuws .extra li {margin:0; padding:2px 0px 2px 20px; border:none;
background: url(https://stijl.kuleuven.be/_i/icons/icon_bullet-levelone_nieuws.gif) no-repeat left 1px; font-size:1.15em;
}
#nieuws .extra li a {display:inline;padding:0;}
#nieuws .extra li a:hover {background: transparent;border-bottom: 1px dotted #095A68}

/*========================= SUBNAV ============================*/
#subnav h2, #subnav h3 {margin: 0 ; /*padding: 5px 0 5px 10px;*/background:#888;
  font-weight:normal;color:#FFF;
line-height:1.4em;
font-size:1.2em /*overwrite default*/}

#subnav h2 a, #subnav h3 a {display:block;margin:0;padding: 7px 15px 5px 5px;border:none;
color:#FFF;background:#6B6B6B url(https://stijl.kuleuven.be/_i/icons/icon_home.png) no-repeat right bottom;
text-decoration:none;}
#subnav h2 img {border:none;}

#subnav ul { padding: 0px; }
#subnav li {margin:0;padding:0;background:transparent;font-weight:normal; font-size: 1.2em;}
#subnav ul li a {background-color: #fafafa; padding: 7px 5px; display: block; text-decoration:none; color:#222; border: 1px solid #eee;border-top: none}
#subnav ul li a:hover { background-color: #eee;}

#subnav li.separator {height: 1.666667em; background-color:#fff} 
#subnav ul > .separator {border-bottom: 1px solid #eee;} 
#subnav br + li {border-top: 1px solid #eee}
#subnav ul {border-top: 1px solid #eee;}

#subnav li.extranavgroup { margin-top: 20px; border-top: 1px solid #eee;}

/* 2nd level */
#subnav li li {font-size:0.91666em}
#subnav ul .extrasubnav li li a, #subnav ul li li a {padding-left:1em;} 
#subnav ul .extrasubnav li li li a, #subnav ul li li li a{padding-left:2em;} 
#subnav ul .extrasubnav li li li li a, #subnav ul li li li li a{padding-left:3em;} 
#subnav ul li a, #subnav ul li.extrasubnav li li a{color: #000;}
#subnav ul>li.extrasubnav>ul>li>a {font-size:100%;}
#subnav ul ul {border-top:0}
/* ?extrasubnav?
#subnavlist .extrasubnav h3 {margin:3em 0 0 0;background: #efefef;color: #00407A;border-top: 1px solid silver;border-bottom: 1px solid silver;}
#subnavlist .extrasubnav h3 a {text-indent:0; padding:5px;border:none;}
#subnavlist .extrasubnav h3 a:hover {background: #9F9F9F; color:#ffffff;}
#subnavlist .extrasubnav h3.nolink {padding: 5px 5px 5px 0;}

*/
#subnav li a.intranet {background:#FAFAFA url(https://stijl.kuleuven.be/_i/icons/icon_intranet.png) no-repeat 97% 50%; margin: 0;padding-right:10%} 

#subnav a.logo, #subnav a:hover.logo {margin-bottom:6px;display:block;text-decoration:none;border:none;}
#subnav .logo img {width:100%;border:none;}

/* SOCIAL MEDIA */
#socialmedia {margin: 30px 0; padding: 0 !important;}
#socialmedia img { border:none;display:inline;}
#socialmedia a {margin-right:5px;text-decoration:none;border:none;}
#socialmedia a:hover {}

/* Dagkrant stijlen */
.pullquoterechts {font-size:18px;font-style: italic;text-align:right;float:right;color:#1E9BB7;width:240px;margin:25px 30px 30px 30px;}
.pullquotelinks {color:#1E9BB7;font-size:18px;width:240px; font-style: italic;text-align:left;float:left;margin:25px 30px 30px 30px;}

/* LOGO'S OP KULEUVEN.BE */
#subnav ul#partners {border-top: none; }
#subnav ul#partners li { margin: 0 0 10px 0; }
#subnav ul#partners li a {border: none; background: none; padding:  0; }
#subnav ul#partners img {margin-bottom:1em;border:none;}

iframe {border:none;margin:0;padding:0;position:relative;/*width:581px; height:301px;*/}

/*========================= FIX OLD SITES ============================*/
#footer #sedes {display:none;}
/*========================= HACKS ============================*/

/* autoclear */
.floatcontainer:after, .colcontainer:after, .clearfix:after {
  content: "."; display: block; clear: both; height: 0; visibility: hidden;}
.floatcontainer, .colcontainer {position:relative;} /*dw-fix*/

/* 20141203 - published state color should be KU Leuven blue */
.state-published {color: #0C788B !important;}

/* Human input verification on PFG forms */
#archetypes-fieldname-protea {display: none;}