/* deze CSS is nog niet definitief - gelieve deze dus nog niet over te nemen (wacht tot er templates zijn) */
/* 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;}
#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 {position:relative;}
#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*/
}
.intranet #header {background-image: url(../_i/background/bgheaderintranet.jpg);}
.kuloket #header {background-image: url(../_i/background/bgheaderkuloket.jpg);}
#taskbar {border-bottom:1px solid #72AABE;padding:4px 4px 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(../_i/icons/icon_home.gif) no-repeat 0 50%;}
#taskbar li.whoiswho a {padding-left: 20px;background: #FFF url(../_i/icons/icon_whoiswho.gif) no-repeat 0 40%;}
#taskbar li.organigram a {padding-left: 21px;background: #FFF url(../_i/icons/icon_organigram.gif) no-repeat 0 40%;}
#taskbar li.contact a {padding-left:15px;background: #FFF url(../_i/icons/icon_mail.gif) no-repeat 0 50%;}
#taskbar li.help a {padding-left:17px; background: #FFF url(../_i/icons/icon_help.gif) no-repeat 0 50%;}
#taskbar li.logout a {padding-left:17px;background: #FFF url(../_i/icons/icon_arrow.gif) no-repeat 0 50%;}
#taskbar li.intranet a, #taskbar li.homeintranet a {padding-left:13px;background: #FFF url(../_i/icons/icon_intranet.gif) no-repeat 0 50%;}
#taskbar li.langselect a {padding-left:16px;background: #FFF url(../_i/icons/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(../_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 4px;white-space:nowrap;color:#333;text-decoration:none;}
#mainnav a:hover {color:#EE8F03}
#mainnav li.highlight, #mainnav li.highlight a {
	background-color:#a60046;
	color:#FFFFFF;
	padding-top: 3px;
	padding-bottom: 2px;

}

#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 #assoc {position:absolute; left:71px;top:23px;margin: -98px 0 0 50px;width: 44px;height:62px;border:none;display:inline; }
#footer #anysurfer {position:relative; float:right; margin-right: 8px;border:none;}
#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}

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

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

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

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


img {display:block;border:1px 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; overflow:hidden;}
#content ul ul  {margin: 0}
#content ul li {padding-left: 15px;background:url(../_i/icons/icon_bullet-levelone.gif) 0 0.15em no-repeat;margin-bottom:2px;}
#content ul li ul li {background:url(../_i/icons/icon_bullet-leveltwo.gif) 0 0.15em no-repeat; margin-top:3px;}
#content ul li ul li ul li {background:url(../_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: 1px solid #a60046; border-width: 1px;}
legend {padding: 0.4em; color:#a60046;border: 0; font-size: 1.2em;}
form p {clear: left;margin-bottom: 1em;line-height:1.2em}

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 #a60046;background:#FFF;cursor:pointer}

/* cols */
.colcontainer {clear:both;}
.twocol {width:47%;float:left; position:relative;} /*icm:padding verwijderd want anders onregelmatige kantlijn */
.twocol+.twocol {float:right;}
.threecol {width:31%;float:left; position:relative;} /*icm:idem*/

/* attentionboxes */
.attentionbox1 {width: 85%; margin: 0 auto; background: transparent url(../_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(../_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(../_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(../_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(../_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(../_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;}

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

.attnboxfilled1 {width: 85%; margin: 0 auto; background: #fff url(../_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(../_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(../_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(../_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(../_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(../_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(../_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;}
sub { vertical-align: sub; }
sup { vertical-align: super; }
table { margin: 1em 0; }
table.tableborder {border-collapse:collapse; border:1px solid #075A90}
table.tableborder td, table.tableborder th {border-color: #075A90; border-width: 1px 1px 0 0; border-style: solid;}

/* 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(../_i/icons/quotes1.png);background: url(../_i/icons/quotes2.png);background-position: bottom right;background-repeat: no-repeat;}

.inlineimg {display: inline;margin: 0 3px; border:none}

a.intranet
{
background: url(../_i/icons/aintranet.gif) no-repeat 100% 66%;
padding: 0 10px 0px 0;
margin-right: 4px;
}

p.kruimel
{font-size:90%;
}

/*bullet naast graph fix FF 3*/
#content img[class~=left]+ul {margin-left: 80px;}

/*snelnieuws*/
.snelnieuws {width: 90%;margin:auto;margin-top:1em; background: #FFF url(../_i/background/snelnieuws3.gif) no-repeat right bottom;} /* Thomas margin: 1em 0; hiervoor ipv margin: auto; */
.snelnieuws:after, .snelnieuws p:after {content: ".";display: block;clear: both;height: 0;visibility: hidden;}
.snelnieuws {clear:both;position:relative;/*dw fix */}
#content .snelnieuws * {margin: 0;}
#content .snelnieuws h3 {margin: 0; padding: 0.3em 0.3em 0.2em;
background: url(../_i/background/snelnieuws5.gif) no-repeat right top;color:#99b976;
border-left: 3px solid #ADD285;
font-size: 1.08em;
}
.snelnieuws .colcontainer {overflow:hidden; /*dw bg-image fix*/}
.snelnieuws .onecol, .snelnieuws .colcontainer {/*border-right: 3px solid  #ADD285;*/
padding: 9px 9px 0 9px;
background: url(../_i/background/snelnieuws3_l.gif) no-repeat left bottom;
}
.colL {float:left;width:47%;position:relative;}
.colR {float:right;width:47%;position:relative;}

.snelnieuws a {text-decoration:none}
.snelnieuws a:hover {text-decoration:underline}
#content .snelnieuws p img {float:left;margin: 0 0.5em 0.5em 0; height:44px;width:44px;}
#content .snelnieuws a:hover img {border: 1px solid #72AABE; }
.snelnieuws p {padding-bottom: 9px; position:relative; /*dw :after-fix*/}
.snelnieuws ul {padding-bottom: 9px;}
#content .snelnieuws li {
background:transparent url(../_i/background/icon_arrow_snelnieuws.gif) no-repeat scroll 0.8em 0.3em;
padding:3px 10px;
text-indent:1.5em;}