html { padding: 0; margin:0 ; height: 100%; }
body { margin: 0; padding: 0; height: 100.2%; font-family: arial, helvetica, sans-serif; font-size: 62.5%; /* resets 1em to 10px */ behavior: url('htc/csshover.htc'); /*needed for hovermenu*/ }
/* standard elements */
.error, .alert, div.mceContentBody .error, div.mceContentBody .alert { color: #ff0000; }
.clearfix:after { content: '.'; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; clear:both; }
* html .clearfix {height: 1%;}
/* to center the website */
div.wrapper { position: relative; width: 94.1em; margin: 0 auto; text-align: left; }
/*Standaard opmaak*/
p { font-size: 12px; line-height: 16px; }
a { color: #0063a1; }
p.date { font-weight: bold; margin-bottom: 0;}
p.title { font-weight: normal; font-weight: normal; color: #0063a1;}
p.more { margin-top: 0.4em;}
p.more a { color: #0063a1; text-decoration: none; }
p.more a:hover { text-decoration: underline;}
div.sidecontainer h2 { color:#00062a1; font-weight:bold; margin-bottom:1em;}
div.padding { margin: 12px 12px 12px 22px; }
/* main menu */
div.menu { position: absolute; z-index: 10; right: 0; top: 5.3em; }
div.menu ul { border: none; }
div.menu ul li { display: block; float: left; width: 18.2em; border-right: 1px solid #ffffff; }
div.menu ul li.last { width: 18.2em !important; width: 18.15em; }
div.menu ul li a { background-color: #0063a1; width:100%; height: 3.3em; font-weight: bold; line-height: 3.3em; color: #ffffff; font-size: 1.1em; display: block; float: left; text-align:center; text-decoration:none;}
div.menu ul li:hover a { background-color: #c3d946; }
div.menu ul li ul { display: none; width: 18.2em; border-left: 1px solid #ffffff; border-bottom: 1px solid #ffffff; margin-left: -2px; }
div.menu ul li.last ul { width: 18.2em !important; width: 18.15em; }
div.menu ul li:hover ul { display: block; }
div.menu ul li:hover ul li ul { display: none; }
div.menu ul li ul li { position: relative; float: left; display: block; width: 100%; border: none; }
div.menu ul li:hover ul li a { height:2.5em; line-height: 2.5em; float: none; background-color: #0063a1; border-left:1px solid #ffffff; border-top:1px solid #ffffff;}
div.menu ul li ul li a:hover { background-color:#c3d946; }
div.menu ul li ul li ul { position: absolute; top: 0; left: 18.5em; width: 18.2em; display: none; }
div.menu ul li.last ul li ul { position: absolute; top: 0; left: -18.3em; width: 18.2em; display: none; }
div.menu ul li ul li:hover ul { display: block; }
div.menu ul li ul li a { }
/* service menu */
div.servicemenu { position: absolute; right: 0; top: 3.6em; }
div.servicemenu ul li { float: left; }
div.servicemenu ul li a { width: 9.05em; background-color:#c3d946; height:1.6em; display: block; line-height: 1.6em; color: #0063a1; font-size: 1.0em; float: left; border-right: 1px solid #ffffff; text-align:center; text-decoration:none; }
div.servicemenu ul li a:hover { background-color:#0063a1; color: #ffffff;}
/* top bar container */
div.topbarcontainer { position: absolute; top: 0; width: 100%; background-color: #aaaaaa; }
div.topbarcontainer div.container { width: 94.1em; height: 22px; margin: 0 auto; /*border: 1px solid red; */ }
div.languageswitch { float: left; width: 300px; /*border: 1px solid green;*/ }
div.languageswitch ul li { float: left; line-height: 22px; }
div.languageswitch ul li a,
div.languageswitch ul li span { color: #FFFFFF; text-decoration: none; }
div.languageswitch ul li.active a { color: #0063a1; }
div.languageswitch ul li a:hover { color: #0063a1; text-decoration: underline; }
div.search { float: right; padding-top: 2px; }
div.search form { }
div.search form input.text { font-size: 11px; height: 15px; padding: 0; border: 1px solid #FFFFFF; }
div.search form input.button { vertical-align: top !important; vertical-align: baseline; height: 17px; margin: 0; background: #7b7a7a; border:1px solid #FFFFFF; border-left: none; color: #FFFFFF; font-size: 11px; line-height: 17px; font-weight: normal; }
div.search form input.button:hover { background: #0063a1; color: #FFFFFF; cursor: pointer; }
*+html div.search form input.button { margin-top: 1px; }
ul.header { width: 73.1em; position: absolute; top: 9em; margin-left: 20.9em; }
ul.header li { position: absolute; top: 0; }
img.homeimage { width: 73.1em; }
img.vervolgimage { width: 73.1em; }
div.content div.vervolg { width:72.3em; border-left:1px solid #c3d946; }
div.content div.vervolg div.padding { padding:2em 6em;}
div.sidebar-menu h1 { background:#eff7e6; border-bottom:1px solid #c3d946; text-align:center; line-height: 3.2em; color:#0063a1; font-size:1.4em; }
div.position { float: left; background:#eff7e6; width: 20.7em; overflow: hidden; margin-top: 14.9em; border-bottom:1px solid #c3d946; text-align:center; }
div.position div.padding { margin:1.5em 0 1.5em 0; }
div.content { float: right; width: 73.3em; overflow: hidden; }
div.content div.vervolg div.contentarea { background-color:#ffffff; float:left; width:45em; margin-left:3em; }
/* maincontainer */
div.maincontainer { float: right; width: 73.1em; padding: 2em 0 1.5em 0 !important; padding: 3.5em 0 1.5em 0; }
div.mainconhome { margin-top: 41.5em; }
div.mainconnext { margin-top: 21.6em; }
/* left container */
div.maincontainer div.leftcontainer { background-color:#ffffff; float:left; width: 32em; padding-right:2em; }
div.maincontainer div.leftcontainer div.rcprojects { color: #0063a1; padding: 40px 0 0 0; }
div.maincontainer div.leftcontainer div.rcprojects h2 { font-size: 14px; color: #0063a1; }
div.maincontainer div.leftcontainer div.rcworld { width: 24em; height: 12.4em; margin-top: 1em; }
div.maincontainer div.leftcontainer div.rcworld img.rcworld { width: 24em; height:12.4em; }
div.maincontainer div.leftcontainer div.rcworld a { position: absolute; width: 10px; height: 10px; display: block; text-decoration: none; }
div.maincontainer div.leftcontainer div.rcworld a.mali { margin-left: 9.7em; margin-top: 4.7em; }
div.maincontainer div.leftcontainer div.rcworld a.mozambique { margin-left: 13.0em; margin-top: 8.0em; }
div.maincontainer div.leftcontainer div.rcworld a.honduras { margin-left: 3.5em; margin-top: 4.7em; }
div.maincontainer div.leftcontainer div.rcworld a.panama { margin-left: 2.5em; margin-top: 4.9em; }
div.maincontainer div.leftcontainer div.rcworld a.bolivia { margin-left: 5.3em; margin-top: 8.2em; }
div.maincontainer div.leftcontainer div.rcworld a.kenia { margin-left: 13.1em; margin-top: 7em; }
div.maincontainer div.leftcontainer div.rcworld a.laos { margin-left: 19em; margin-top: 4.9em; }
div.maincontainer div.leftcontainer div.rcworld a.guineeb { margin-left: 9.2em; margin-top: 5.4em; }
div.maincontainer div.leftcontainer div.rcworld a.brazil { margin-left: 6.0em; margin-top: 7.5em; }
div.maincontainer div.leftcontainer div.rcworld a.colombia { margin-left: 4.0em; margin-top: 6.2em; }
div.maincontainer div.leftcontainer div.rcworld a.hondurasloi { margin-left: 3.8em; margin-top: 4.7em; }
div.maincontainer div.leftcontainer div.rcworld a.maliloi { margin-left: 10em; margin-top: 4.7em; }
div.maincontainer div.leftcontainer div.rcworld a.thenetherlands { margin-left: 10.2em; margin-top: 2.0em; }
div.maincontainer div.leftcontainer div.rcworld a.denmark { margin-left: 10.7em; margin-top: 1.3em; }
div.maincontainer div.leftcontainer div.rcworld a.uganda { margin-left: 10.2em; margin-top: 2.3em; }
div.maincontainer div.leftcontainer div.rcworld a.mozambiqueloi { margin-left: 13.3em; margin-top: 8.0em; }
div.maincontainer div.leftcontainer div.rcworld a.uganda { margin-left: 12.8em; margin-top: 6.4em; }
div.maincontainer div.leftcontainer div.rcworld a.india { margin-left: 16.4em; margin-top: 4.7em; }
div.maincontainer div.leftcontainer div.rcworld a.pacific { margin-left: 23.5em; margin-top: 9.0em; }
div.maincontainer div.leftcontainer div.rcworld a.switzerland { margin-left: 10.8em; margin-top: 2.1em; }
div.maincontainer div.leftcontainer div.rcworldlegenda { float: right; }
div.maincontainer div.leftcontainer form.rcworld { margin-top: 0.4em; }
div.maincontainer div.leftcontainer form.rcworld select { width: 10em; }
div.maincontainer div.rightcontainer{ background-color:#ffffff; float:left; width: 33em; padding-left:2em; }
/* media lib */
div.maincontainer div.rightcontainer div.rcmedia { border: 1px solid #B5CE42; padding: 1em; color: #0063a1; }
div.maincontainer div.rightcontainer form.rcmedia { margin: 8px 0; }
div.maincontainer div.rightcontainer form.rcmedia div { float: left; width: 9em; margin-bottom: 0.6em; }
div.maincontainer div.rightcontainer form.rcmedia input.text { background-color: #F5F9DC; border: 1px solid #0063a1; width: 16em; padding: 0.1em; }
div.maincontainer div.rightcontainer div.filespecs { color: #000000; font-size: 1.1em; margin-top: 0.3em; }
div.maincontainer div.rightcontainer h2 { border-bottom:medium none; font-size:2.3em; margin: 0 0 8px 0; }
div.maincontainer div.rightcontainer h3 { color:#0063a1; font-size:1.4em; margin-bottom:0.3em; }
div.maincontainer div.rightcontainer form input.button, button { background-color:#B5CE42; border:1px solid #0063a1; color:#000000; cursor:pointer; font-weight:bold; }
/* sidebarcontainer */
img.logo { position: absolute; top: 5.3em; left: 0; width: 20.8em !important; width: 20.7em; }
div.sidecontainer { position: absolute; top: 21.3em; width: 20.6em !important; width: 20.6em; background:#eff7e6; border: 1px solid #c3d946; }
div.sidecontainer div.padding { margin: 1.5em 1.5em; }
div.sidecontainer div.newsitem { margin-bottom: 24px; }
div.sidecontainer p.date { font-size: 13px; font-weight: bold; margin-bottom: 0;}
div.sidecontainer p.title { margin: 6px 0; font-weight: normal; color: #0063a1;}
div.sidecontainer p.more { margin-bottom: 1em;}
div.sidecontainer p.more a { color:#0063a1; text-decoration:none; }
div.sidecontainer p.more a:hover { text-decoration:underline;}
div.sidebar-menu { width: 20.6em; padding-bottom: 22px; margin-bottom: 75px; background: #ffffff; border-bottom: 1px solid #c3d946; }
div.sidebar-menu div.submenu { width: 14.8em; }
div.sidebar-menu div.submenu ul { margin:0; padding:0; list-style:none; }
div.sidebar-menu div.submenu ul li { list-style: none; margin: 0; padding: 0; }
div.sidebar-menu div.submenu ul li a { background-color:#ffffff; width:11.3em; font-size: 1.2em; padding-top:1em; border-bottom:1px solid #c3d946; display:block; text-decoration:none; margin-left:3.1em; color:#0063a1; background-image:url(../../images/default/pijl_blauw.gif); background-repeat:no-repeat; background-position:right bottom; }
div.sidebar-menu div.submenu ul li a span { display: block; padding-right: 26px; }
div.sidebar-menu div.submenu ul li a:hover { color:#0063a1; background-image:url(../../images/default/pijl_groen.gif);}
div.sidebar-menu div.submenu ul li a.selected { font-weight: bold; }
div.sidebar-menu div.submenu ul li ul li a { padding-top: 6px; margin-left: 4.1em; border: none; background-image: none; font-size: 1.1em; }
div.sidebar-menu div.submenu ul li ul li a:hover { background-image: none; text-decoration: underline; }
div.sidebar-menu div.submenu ul li ul li a.selected { font-weight: bold; }
div.sidebar-menu div.submenu ul li ul li ul li a { padding-top: 6px; margin-left: 5.1em; border: none; background-image: none; font-size: 1.1em; }
div.sidebar-menu div.submenu ul li ul li ul li a:hover { background-image: none; text-decoration: underline; }
div.sidebar-menu div.submenu ul li ul li ul li a.selected { font-weight: bold; }
/* form styles */
div.content form { margin: 0; }
div.content form span.formerror { color: #ff0000; }
div.content form span.formrequired { color: #ff0000; font-weight: bold; }
div.content form input.radio { }
div.content form input.checkbox { }
div.content form input.checkbox { }
button { }
/* searchengine */
div.searchengine div.resultshead { }
div.searchengine div.resultpagination { }
div.searchengine div.resultpagination span { display: block; float: left; height: 1.5em; width: 1.5em; margin: 0.2em; text-align: center; border: 1px solid silver; }
div.searchengine div.resultpagination a { display: block; float: left; height: 1.5em; width: 1.5em; margin: 0.2em; text-align: center; background: silver; border: 1px solid gray; text-decoration: none; }
div.searchengine div.searchstars { font-size: 2em; margin: 0.5em 0 -0.5em; font-weight: bold; color: gray; }
div.searchengine div.searchresultitle { }
div.searchengine div.searchresultitle a { }
div.searchengine div.searchresultlocation { font-style:italic; }
div.searchengine div.searchresultdescription a { text-decoration: none; }
div.bumper { width: 100%; height: 50px; border: 1px solid red; }
/* light box */
div.lightbox { position: absolute; left: 0em; width: 100%; z-index: 100; text-align: center; line-height: 0em; }
div.lightbox a img { border: none; }
div.outerimagecontainer { position: relative; background-color: #ffffff; width: 250px; height: 250px; margin: 0em auto; }
div.imagecontainer { padding: 10px; }
div.loading { position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0em; }
div.hovernav { position: absolute; top: 0em; left: 0em; height: 100%; width: 100%; z-index: 10; }
div.imagecontainer>div.hovernav { left: 0em; }
div.hovernav a { outline: none; }
a.prevlink, a.nextlink { width: 49%; height: 100%; background: transparent url('../../images/default/lightbox/blank.gif') no-repeat; /* Trick IE into showing hover */ display: block; }
a.prevlink { left: 0em; float: left; }
a.nextlink { right: 0em; float: right; }
a.prevlink:hover, a.prevlink:visited:hover { background: url('../../images/default/lightbox/prevlabel.gif') left 15% no-repeat; }
a.nextlink:hover, a.nextlink:visited:hover { background: url('../../images/default/lightbox/nextlabel.gif') right 15% no-repeat; }
div.imagedatacontainer { font: 10px Verdana, Helvetica, sans-serif; background-color: #ffffff; margin: 0em auto; line-height: 1.4em; overflow: auto; width: 100% }
div.imagedata { padding:0 10px; color: #666; }
div.imagedata div.imagedetails { width: 70%; float: left; text-align: left; }
div.imagedata span.caption { font-weight: bold; }
div.imagedata span.numberdisplay { display: block; clear: left; padding-bottom: 1.0em; }
div.imagedata a.bottomnavclose { width: 66px; float: right; padding-bottom: 0.7em; }
div.overlay { position: absolute; top: 0em; left: 0em; z-index: 90; width: 100%; height: 500px; background-color: #000000; }
/* media library */
div.mediacontainer
{
z-index:999;
background-color: #ffffff;
position: absolute;
right: 0;
top: 9.2em;
padding: 0;
margin: 0 auto;
}
iframe.mediaframe
{
width: 725px;
height: 477px;
margin: 0;
padding: 0;
}
/* sitemap */
ul.sitemap { margin:0; background-color:#EFF7E6; margin:0; padding:0;}
/* level 1 */
ul.sitemap li { margin:0; padding:0; }
ul.sitemap li a { color: #ffffff; font-size: 1.1em; font-weight: bold; display:block; padding-left:1em; height:1.5em; line-height:1.5em; background-color:#0063a1; border-bottom:1px solid #ffffff; text-decoration: none; }
ul.sitemap li span { color: #ffffff; font-size: 1.1em; font-weight: bold; display:block; padding-left:1em; height:1.5em; line-height:1.5em; background-color:#0063a1; border-bottom:1px solid #ffffff; text-decoration: none; }
ul.sitemap li a:hover { text-decoration: underline; }
/* level 2 */
ul.sitemap li ul { padding:0; margin:0 0 0.5em 0; }
ul.sitemap li ul li { padding:0; margin:0; }
ul.sitemap li ul li a { color:#0063a1; background-color:#c3d946; border-bottom:1px solid #ffffff; font-size :1em; font-weight: normal; }
ul.sitemap li ul li span { color:#000000; background-color:#c3d946; border-bottom:1px solid #ffffff; font-size :1em; font-weight: normal; }
ul.sitemap li ul li a:hover { color:#0063a1;}
/* level 3 */
ul.sitemap li ul li ul { padding:0; margin:0;}
ul.sitemap li ul li ul li a { padding-left:3em; margin:0; background-color: transparent; border-bottom: 1px solid #c3d946; }
ul.sitemap li ul li ul li span { color:#000000; padding-left:3em; margin:0; background-color: transparent; border-bottom: 1px solid #c3d946; }
/* level 4 */
ul.sitemap li ul li ul li ul li a { padding-left:4em; }
ul.sitemap li ul li ul li ul li span{ color:#000000; padding-left:4em; }