/* 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.92em; border: 0px solid green;}
#header, #footer, #header input{font-size:x-small;}
#contentwrapper {margin: 1px 8px 0 50px;}
/* rode kader rond tabel content */
#content {float:left;margin-top:0px;padding: 0;padding-bottom: 100px;width:100%; border:0px solid red;}
#content {position:relative;top:0px} /* dw positioning bugfix */

/* header */
#header {height: 94px;border-bottom:1px solid #72AABE;color:#54B1B8;
background: transparent url(https://stijl.kuleuven.be/_i/background/bgheader.jpg) no-repeat bottom right;
overflow:hidden; /*horizontal scroll in MOZ*/
}
.intranet #header {background-image: url(https://stijl.kuleuven.be/_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:0;}
#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(https://stijl.kuleuven.be/_i/icons/icon_home.gif) no-repeat 0 50%;}
#taskbar li.whoiswho a {padding-left: 20px;background: #FFF url(https://stijl.kuleuven.be/_i/icons/icon_whoiswho.gif) no-repeat 0 40%;}
#taskbar li.organigram a {padding-left: 20px;background: #FFF url(https://stijl.kuleuven.be/_i/icons/icon_organigram.gif) no-repeat 0 40%;}
#taskbar li.contact a {padding-left:15px;background: #FFF url(https://stijl.kuleuven.be/_i/icons/icon_mail.gif) no-repeat 0 50%;}
#taskbar li.intranet a, #taskbar li.homeintranet a {background: #FFF url(https://stijl.kuleuven.be/_i/icons/icon_intranet.gif) no-repeat 0 50%;}
#taskbar li.ethics a {padding-left: 20px;background: #FFF url(http://www.kuleuven.be/oce/images/favicon.gif) no-repeat 0 40%;}

#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(https://stijl.kuleuven.be/_i/background/langactive.gif) no-repeat right bottom;line-height:1.2em}
#taskbar li span.langActive{padding:0 0 0 4px; background:transparent url(https://stijl.kuleuven.be/_i/background/langactive.gif) no-repeat left top;} 

#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(https://stijl.kuleuven.be/_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; }
#mainnav li a {padding: 0 4px;white-space:nowrap;color:#333;text-decoration:none;}
#mainnav a:hover {color:#EE8F03}

/* footer */
#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:06em;padding: 4px 0.5em 0;margin:0; width: 10em;}
.intranet #header #access {left: 66.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}

/*IE Mac basic fix*/
/*\*//*/
* {float:none;}
/**/

/* content */
#content h1 {line-height:1.2em; font-weight:normal;font-size:2em;color: #a60046; margin-bottom:0.6em;}
#content h2 {margin: 1em 0 0.5em 0;line-height:1.2;font-weight:normal;font-size: 1.5em;}
#content .twocol h2 {margin-top: 0.5em; }
#content h2, #content h2 a:link, #content h2 a:visited, #content h2 a:hover {color: #45a2b5;}
#content h3 {margin: 0.9em 0 0.7em;line-height:1.2;font-size: 1.3em;color:#075a90;font-weight:bold;}
#content h4 {margin: 0.9em 0 0.7em;line-height:1.2;font-size: 1.3em;color:#075a90;border-bottom: 1px dotted #bbbbbb;font-weight:bold;}
#content h5 {margin: 0.5em 0;line-height:1.2;color: #00407a;font-size: 1.1em;margin-top:1em;margin-bottom:5px;font-weight:bold;}
#content h6 {margin: 0.5em 0;line-height:1.2;font-weight:bold;color: #000;font-size: 1.1em;margin-top:1em;margin-bottom:3px;}
/* 
////////////////
zelf bijgevoegd, nodig om onder ethics te kunnen tonen 
////////////////
*/
#content .title {margin: 0.9em 0 0.7em;line-height:1.2;font-size: 1.3em;color:#075a90;border-bottom: 1px dotted #bbbbbb;font-weight:bold;}
#content .smalltitle {color: #247298;font-size: 1.1em;margin-top:0em;margin-bottom:1.3em; font-style:normal;font-weight:bold;}
#content .subtitle {color: #A60046;font-size: 1.2em;margin-top:-1.5em;margin-bottom:0.3em; font-style:normal;font-weight:bold;}
#content .maincolor{margin: 0.9em 0 0.7em;line-height:1.2;font-size: 1.1em;color:#075a90;font-weight:bold;background:#E8F5F6;}

#content p {margin-bottom: 0.85em;}

a:link {color: #1472a0;}
a:visited {color: #72aabe;}
a:hover {text-decoration:none;}


img {display:block;border:0px solid #000;padding:0;}
img.left {float:left;margin: 0 8px 0 0;}
img.right {float:right;margin: 0 0 0 8px;}
.noborder {border:none;}

/* ul, dl */
#content ul {margin: 1em 0 1em 15px;}
#content ul ul  {margin: 0}
#content ul li {padding-left: 15px;background:url(https://stijl.kuleuven.be/_i/icons/icon_bullet-levelone.gif) 0 0.15em no-repeat;margin-bottom:2px;}
#content ul li ul li {background:url(https://stijl.kuleuven.be/_i/icons/icon_bullet-leveltwo.gif) 0 0.15em no-repeat; margin-top:3px;}
#content ul li ul li ul li {background:url(https://stijl.kuleuven.be/_i/icons/icon_bullet-levelthree.gif) 0 0.15em	 no-repeat; margin-top: 3px;}
#content ol li {margin-bottom: 2px;}
#content dl {margin: 1em 0;}
#content dd {padding: 0; margin: 0 0 1em;}
#content dt {font-weight:bold;margin-bottom: 3px;}

/*form*/
form {width: 100%; margin: 1em 0;}
fieldset {padding: 5px; margin:0.7em 0;border: 0px solid #EE8F03; border-width: 1px;}
legend {padding: 0.4em; color:#EE8F03;border: 0; font-size: 1.2em;}
form p {clear: left;margin-bottom: 1em;line-height:1.2em}
label {float:left; width:30%;}
label.wide {float:left;width:100%;}
label.wide+* {clear: left;}
form input.txt, textarea {border: 1px solid #aaaaaa;width:69%;margin-bottom: 4px;}
form textarea {clear:left;width:99%;height: 120px;}
form input.txt:focus, textarea:focus {border: 1px solid #72aabe;background:#f6f6f6;}
form input.button {border: 1px solid #AAB8DC;background:#f6f6f6;}
form input.button:hover, input.button:focus {border: 1px solid #EE8F03;background:#FFF;cursor:pointer}

/* cols */
.colcontainer {clear:both;}
/* hier intro_double op de indexpagina, border blauw staat af */
.twocol {width:47%;float:left; position:relative; border: 0px solid blue;} 
.twocol+.twocol {float:right;}
.threecol {width:31%;float:left; position:relative;} 

/* attentionboxes */
.attentionbox1 {width: 85%; margin: 0 auto; background: transparent url(https://stijl.kuleuven.be/_i/background/attnbox1.gif) no-repeat left bottom;margin-bottom: 1em;}
#content .attentionbox1 h6 {margin:0 !important;padding:7px 7px 7px 12px;border-left: 3px solid #CBEEEE; background:transparent url(https://stijl.kuleuven.be/_i/background/attnbox1.gif) no-repeat right top; color:#72aabe;font-size: 1.2em;}
.attentionbox1 p, .attentionbox1 ul {border-right: 3px solid #CBEEEE;padding:0 12px 10px;margin:0 !important;}
.attentionbox1 p, .attentionbox1 li {clear:both;margin:0 !important;}

.attentionbox2 {width: 85%; margin: 0 auto; background: transparent url(https://stijl.kuleuven.be/_i/background/attnbox2.gif) no-repeat left bottom;margin-bottom: 1em;}
#content .attentionbox2 h6 {margin:0 !important;padding:7px 7px 7px 12px;border-left: 3px solid #ccc7dd; background:transparent url(https://stijl.kuleuven.be/_i/background/attnbox2.gif) no-repeat right top; color:#ABA7B9;font-size: 1.2em;}
.attentionbox2 p, .attentionbox2 ul {border-right: 3px solid #ccc7dd;padding:0 12px 10px;margin:0 !important;}
.attentionbox2 p, .attentionbox2 li {clear:both;margin:0 !important;}

.attentionbox3 {width: 85%; margin: 0 auto; background: transparent url(https://stijl.kuleuven.be/_i/background/attnbox3.gif) no-repeat left bottom;margin-bottom: 1em;}
#content .attentionbox3 h6 {margin:0 !important;padding:7px 7px 7px 12px;border-left: 3px solid #add285; background:transparent url(https://stijl.kuleuven.be/_i/background/attnbox3.gif) no-repeat right top; color:#add285;font-size: 1.2em;}
.attentionbox3 p, .attentionbox3 ul {border-right: 3px solid #add285;padding:0 12px 10px;margin:0 !important;}
.attentionbox3 p, .attentionbox3 li {clear:both;margin:0 !important;}

.attnboxfilled1 {width: 85%; margin: 0 auto; background: #fff url(https://stijl.kuleuven.be/_i/background/attnboxfill1.gif) no-repeat left bottom;margin-bottom: 1em;}
#content .attnboxfilled1 h6 {margin:0 !important;padding:7px 7px 7px 12px;border-left: 3px solid #CBEEEE; background:#fff url(https://stijl.kuleuven.be/_i/background/attnboxfill1.gif) no-repeat right top; color:#72aabe;font-size: 1.2em;}
.attnboxfilled1 p, .attnboxfilled1 ul {border-right: 3px solid #CBEEEE;padding:0 12px 10px;margin:0 !important;}
.attnboxfilled1 p, .attnboxfilled1 li {clear:both;margin:0 !important;}

.attnboxfilled2 {width: 85%; margin: 0 auto; background: #fff url(https://stijl.kuleuven.be/_i/background/attnboxfill2.gif) no-repeat left bottom;margin-bottom: 1em;}
#content .attnboxfilled2 h6 {margin:0 !important;padding:7px 7px 7px 12px;border-left: 3px solid #ccc7dd; background:#fff url(https://stijl.kuleuven.be/_i/background/attnboxfill2.gif) no-repeat right top; color:#ABA7B9;font-size: 1.2em;}
.attnboxfilled2 p, .attnboxfilled2 ul {border-right: 3px solid #ccc7dd;padding:0 12px 10px;margin:0 !important;}
.attnboxfilled2 p, .attnboxfilled2 li {clear:both;margin:0 !important;}

.attnboxfilled3 {width: 85%; margin: 0 auto; background: #fff url(https://stijl.kuleuven.be/_i/background/attnboxfill3.gif) no-repeat left bottom;margin-bottom: 1em;}
#content .attnboxfilled3 h6 {margin:0 !important;padding:7px 7px 7px 12px;border-left: 3px solid #add285; background:#fff url(https://stijl.kuleuven.be/_i/background/attnboxfill3.gif) no-repeat right top; color:#add285;font-size: 1.2em;}
.attnboxfilled3 p, .attnboxfilled3 ul {border-right: 3px solid #add285;padding:0 12px 10px;margin:0 !important;}
.attnboxfilled3 p, .attnboxfilled3 li {clear:both;margin:0 !important;}

/* para with read more link */
p.more {padding-left: 1em;}
p.more a:link,#nieuws p.more a:visited {font-weight:bold;}
/*back to top link*/
p.backtotop {padding:.5em 0}
p.backtotop a:link, p.backtotop a:visited {padding-left:15px;background: #FFF url(https://stijl.kuleuven.be/_i/icons/icon_top.gif) no-repeat 0 50%; color: #EE8F03;font-weight:bold;}
/* autoclear */
.floatcontainer:after, .colcontainer:after {content: ".";display: block;clear: both;height: 0;visibility: hidden;}
.floatcontainer, .colcontainer{position:relative;}	/*dw fix / nog dw bugs bij floating img buiten p of li*/
.colcontainer li {margin:0;padding:0;}
/*.colcontainer ul {display:block;}*/

/* insprong -- icm */
/*.insprong p, p.insprong {padding-left: 22px;}
.insprong2 p, p.insprong2 {padding-left: 44px;}
.insprong3 p, p.insprong3 {padding-left: 66px;}*/
#content .indent {margin-left: 22px;}
#content .indent2 {margin-left: 44px;}
#content .indent3 {margin-left: 66px;}
/* kleuren voor tabelheader en tabelrij -- icm */
#content tr.alttablecolor, #content td.alttablecolor {background:#E8F5F6;}
#content th, #content th a:link,  #content th a:visited {font-weight: bold; color: #FFFFFF; background-color: #54B1B8;text-align: left;	padding: 4px;}
#content th.alttablecolor {background:#abd6d6;}

/* elementen centreren -- icm*/
#content .center {margin-left: auto; margin-right: auto;}
/* plaatsing en no-border voor top.gif -- icm*/
#content .top {margin: auto;border:none;}
/* lijstjes binnen tabellen: geen extra marges -- icm*/
#content td ul, #content td ol, #content td dl {margin: 0;}
table * {vertical-align:top;}
table { margin: 1em 0; }


/* kaderke */


hr {border:0;  width: 100%;color: #bbbbbb;background-color: #bbbbbb;height: 1px;}

blockquote {display:list-item;color:#075a90;margin: 25px 150px 25px 150px;padding-right: 25px;list-style-image: url(https://stijl.kuleuven.be/_i/icons/quotes1.png);background: url(https://stijl.kuleuven.be/_i/icons/quotes2.png);background-position: bottom right;background-repeat: no-repeat;}