/* 18-4: nog op te kuisen */
/* 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;}

/* position + basic fonts & colors */
/*body {min-width: 760px;max-width:100%;margin:1px 0 0;padding:0 0 5px;color:#000;background:#FFF;font:small Arial, Helvetica, sans-serif;} */
/*#wrapper {max-width:1280px;min-width:760px; font-size:0.86em;} /*font-size:0.85em;} /*font-size:12px;} /* 0.92em;} */
#wrapper {max-width:1280px;min-width:760px; font-size:0.86em;} 
#header, #footer, #header input{font-size:x-small;}
#contentwrapper {margin: 1px 8px 0 50px;}
#content {float:left;margin-top:16px;padding: 0;padding-bottom: 100px;width:100%;}
#content {position:relative;} /* dw positioning bugfix */ 

/* header */
/*#header {height: 94px;border-bottom:1px solid #72AABE;color:#54B1B8;background: transparent url(../_i/background/bgheader.jpg) no-repeat bottom right;overflow:hidden; /*horizontal scroll in MOZ*/
/* #header {height: 94px;border-bottom:1px solid #72AABE;color:#54B1B8;background: transparent url(http://www.kuleuven.be/data/_i/background/bgheader.jpg) no-repeat bottom right;overflow:hidden; */ /*horizontal scroll in MOZ*/
#header {height: 94px;border-bottom:1px solid #72AABE;color:#54B1B8;background: transparent url(http://stijl.kuleuven.be/_i/background/bgheader.jpg) no-repeat bottom right;overflow:hidden; /*horizontal scroll in MOZ*/
}
.intranet #header {background-image: url(http://www.kuleuven.be/data/_i/background/bgheaderintranet.jpg);}
#taskbar {border-bottom:1px solid #72AABE;padding:4px 0 4px 3px;text-align:right;color:inherit;background:#FFF;}
#taskbar li {background:#FFF; display:inline;padding:0 7px 0 5px;}
#taskbar li.langselect {padding-right:4px;}
#taskbar a {line-height:1.6em;padding: 2px 0 2px 12px; color:#333;text-decoration:none;text-transform:uppercase;}
#taskbar a:hover, #taskbar a.langActive:hover {color:#EE8F03}


#taskbar li.homeintranet {float:left;width:11em;text-align:left;background:#FFF}
#taskbar li.home {float:left;clear:left;width:4em;text-align:left;background:#FFF}
#taskbar li.home a {background: #FFF url(http://www.kuleuven.be/data/_i/icons/icon_home.gif) no-repeat 0 50%;}
#taskbar li.whoiswho a {padding-left: 20px;background: #FFF url(http://www.kuleuven.be/data/_i/icons/icon_whoiswho.gif) no-repeat 0 40%;}
#taskbar li.organigram a {padding-left: 20px;background: #FFF url(http://www.kuleuven.be/data/_i/icons/icon_organigram.gif) no-repeat 0 40%;}
#taskbar li.contact a {padding-left:15px;background: #FFF url(http://www.kuleuven.be/data/_i/icons/icon_mail.gif) no-repeat 0 50%;}
#taskbar li.intranet a, #taskbar li.homeintranet a {background: #FFF url(http://www.kuleuven.be/data/_i/icons/icon_intranet.gif) no-repeat 0 50%;}
#taskbar li a.lang {padding:0px 5px;line-height:1.5em}
#taskbar li a.langActive {padding:0 4px 0 0;color:#fff;background:#54B1B8 url(http://www.kuleuven.be/data/_i/background/langactive.gif) no-repeat right bottom;line-height:1.2em}
#taskbar li span.langActive{padding:0 0 0 4px; background:transparent url(http://www.kuleuven.be/data/_i/background/langactive.gif) no-repeat left top;} 
#taskbar li.langselect a {padding-left:19px;background: #FFF url(files/images/icon_lang.gif) no-repeat 0 40%;}


#header img#logo {float:left;margin:8px;border:none;background:transparent;}
#header form {float:right;margin: 8px;width:16em;text-align:right;}
#header form input {float:left;margin:0;padding: 0 3px;width:75%;}
#header #words {border:1px inset #72AABE; background: #fff; color: #333;}
#header #words:focus {background: #fff;}
#header input.magnifier {float:left;width:16px;border:none;}

/* mainnav */
#mainnav {padding:3px 0 2px 5px;clear:both;border-bottom:1px solid #72AABE;color:#54B1B8;background:#ECEFF0 url(http://www.kuleuven.be/data/_i/background/bgmainnav.gif) repeat-x left top;}
#mainnav li {font-size: 100%;} 
#mainnav li {display:inline; border-right: 1px solid #72AABE;}
#mainnav li+li {margin-left: -3px;/* Gecko whitespacefix*/}
#mainnav li a {padding: 0 3px;white-space:nowrap;color:#333;text-decoration:none;}
#mainnav a:hover {color:#EE8F03}

#footer {clear:both;margin:0;padding-bottom:5px;
border-top:1px solid #72AABE;border-bottom:1px solid #72AABE; background:#E8F5F6;}
#footer p {text-align:center;}
#footer p.container{position:relative;margin:0;padding:5px 0 0 0;height:0px;line-height:0px;text-align:left;font-size:0px;}/* dw positioningbug (relative position on #footer) workaround */
#footer #sedes {position:absolute; left:0;top:0;margin: -98px 0 0 50px;width: 53px;height:87px;border:none;display:inline; }
#footer a {color:#00407A;}

/* accessibility features */
#header #access {position: absolute; z-index:100; left:6em;padding: 4px 0.5em 0;margin:0; width: 10em;}
.intranet #header #access {left: 16.5em;}
#header #access li {float:left;padding:0;line-height:1.5em;}
#header #access a{float:left;display:block;text-indent:-9999px; color: #999;margin:0;padding:0;text-decoration:none;text-transform:uppercase;}
#header #access a:focus {text-indent:0px;color:#EE8F03}
#header #access a:hover {color:#EE8F03}
#header h2.access, #header form label, #mainnav h2.access, #left h2.access {position:absolute;left:-9999px;width:300px}
#header #access a{color: #999;margin:0;padding:0}