/* 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:1,5em;}
#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: 120px; border-bottom:2px solid #785D4B;background:#b5d8c5 no-repeat bottom right;
overflow:hidden; /*horizontal scroll in MOZ*/
}
#header p {text-align:center;font-size: 40px;color: #1ba79c;font-style:italic;margin:40px 0;}
#header p.container{position:relative;margin:0;padding:0 0 0 0;height:0px;line-height:0px;text-align:left;font-size:0px;}/* dw positioningbug (relative position on #footer) workaround */
#header #fotolinks {position:absolute; left:0;top:0;margin: 5px;height:110px;border:none; }
#header #fotorechts {position:absolute; right:0;top:0;margin: 5px;height:110px;border:none; }

/* mainnav */
#mainnav {padding:7px 5px 7px 5px;clear:both;border-bottom:2px solid #785D4B;color:#54B1B8;background:#9EC54C repeat-x left top;}
#mainnav li {font-size: 16px} 
#mainnav li {display:inline; border-right: 1px solid #785D4B;}
/*#mainnav li+li {margin-left: -3px;}/* Gecko whitespacefix*/
#mainnav li a {padding: 0 10px;white-space:nowrap;color:#785D4B;text-decoration:none;}
#mainnav a:hover {color:#b5d8c5}
#mainnav li.highlight {
	background-color:#CCFF00;
	padding-top:3px;
	padding-bottom:2px;
}

/* subnav */
#wrapper #subnav {float:left; width:169px;margin-top: 16px;padding-bottom: 100px;}
#wrapper #contentwrapper {margin-left: 189px;}

/*#subnav h2 {font-size:14px; font-weight:normal;}
#subnav h2 a {display:block;margin-left:8px;padding:5px 18px 5px 5px;background: #e8f5f6 url(../_i/icons/icon_subnavhome.gif) no-repeat right bottom;color:#00407a;border-bottom: solid 1px #72aabe;border-top: solid 1px #72aabe;}
#subnav h2 a:hover {background: #72aabe url(../_i/icons/icon_subnavhome2.gif) no-repeat right bottom;color:#ffffff}*/
#subnav h2 {font-size:14px; font-weight:normal;}
#subnav ul#subnavlist {margin:0 0 5px 8px;}
#subnavlist li {font-size:14px;border-bottom: 1px solid #1ba79c;}
#subnav a {display:block;margin:0;padding:3px 5px;color:#785D4B;text-decoration:none;}
#subnav a:hover {color:#1ba79c; background:#b5d8c5;}
#subnavlist li.separator {height:3em;}

/*footer*/
#footer {height:30px;clear:both;margin:0;padding-bottom:0;border-top:2px solid #785D4B;border-bottom:2px solid #785D4B; background:#9EC54C;}
#footer p {text-align:center;font-size: 1em;padding:4px 0 0 0;}
#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 #ster {position:absolute; left:0;top:0;margin: 0 0 0 50px;height:30px;border:none; }
#footer a {color:#785D4B;text-decoration:none;}
#footer a:hover {color:#b5d8c5;}

/* 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: #1ba79c; margin-bottom:0.6em;}
#content h2 {margin: 1em 0 0.5em 0;line-height:1.2;font-weight:normal;font-size: 1.5em;color: red}
#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.5em;color:#785D4B;font-weight:normal;}
#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: #785D4B;}
a:visited {color: #72aabe;}
a:hover {color: #9EC54C;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: 5px;margin-bottom:2px;list-style-type: disc;}
/*#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 #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;}
.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*/


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