/* 

PUBLICATIEREEKS GEVAARLIJKE STOFFEN STYLESHEET
Copyright © 2009 Voormedia.

WWW.VOORMEDIA.COM

*/

/* GENERAL TAG STYLES */

html { height: 100%; }
body { height: 100%; margin: 0; color: #6a6a6a; text-align: center; font-size: 10.5pt; font-family: Arial, Helvetica, sans-serif; line-height: 160%; background: #228ee1 url("../images/layout/body.gif") top center repeat-y; }
table { border-collapse: collapse; border-spacing: 0;  }
td { padding: 0 5px 0 0; font-size: 10.5pt; vertical-align: top; }
h1 { margin: 0 0 15px 0; padding: 0 0 10px 0; color: #228ee1; font: 39px Arial, Helvetica, sans-serif; font-weight: 500; background: url("../images/borders/dotted-heading.gif") bottom left repeat-x;}
h2 { margin: 0 0 6px 0; padding: 8px 0 5px;  color: #228ee1; font-weight: 500; font: 17pt Arial, Helvetica, sans-serif; }
ul { margin: 0 0 10px 15px; padding: 0; }
li { margin: 0; padding: 0; }
form { display: inline; }
img { border: 0; }
hr { height: 1px; margin: 18px 2px 18px 0; border: none; background-color: #ccc; }
* html hr { border: 1px solid #ccc; margin: 11px 2px 11px 0; }
*:first-child+html hr { border: 1px solid #ccc; margin: 11px 2px 11px 0; }
p { margin: 0; padding: 0 0 8px 0;  }
a { text-decoration: underline; color: #228ee1; }
a:hover { text-decoration: none; }
input, select, textarea { font-size: 11pt; font-family: Arial, Helvetica, sans-serif; color: #55555c; }
input {	-moz-outline-style: none; outline: none; }
input:focus { outline: none; }

/* CLEARFIX STYLE FOR CLEARING DIVS WITH FLOATS */

div.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
div.clearfix { display: inline-block; }
/* Hides from IE-mac \*/
div.clearfix { display: block; }
* html div.clearfix { height: 1%; }
/* End hide from IE-mac */

/* GLOBAL STYLES */

body.homepage { background-color: #fff; color: #fff; }
div.container { min-height: 101%; width: 685px; margin: 0 auto; padding: 0 51px 0 50px; text-align: left; background: url("../images/layout/container.jpg") top center; }
* html div.container { height: 100%; width: 785px; w\idth: 685px; }
body.homepage div.container { background-image: url("../images/layout/container-homepage.jpg"); } 
div.content { margin-right: 42px; padding: 0 68px 20px 70px; background: url("../images/layout/fade.jpg") top left repeat-x; }
body.homepage div.content { background: #52a8f3 url("../images/home/publications.jpg") top left no-repeat; }
body.homepage div.page {  }
div.sidebar { float: right; width: 42px; xbackground-color: #228ee1; font-size: 11.5pt; } 
div.footer { padding-left: 70px; }
div.footer div,
div.footer a,
div.footer div.madeby { display: inline; font-size: 7pt; color: #a5d1f9; text-decoration: none; cursor: text; }
div.print { display: none; }

/* MENU STYLES */

div.menu { height: 51px; margin: 0 0 20px -13px; background: url("../images/menu/menu-white.gif?v=2") no-repeat; }
body.homepage div.menu { background: url("../images/menu/menu.gif?v=2") no-repeat; }
div.menu ul { margin: 0; padding: 0; }
div.menu li { float: left; margin: 0; padding: 0; list-style: none; }
div.menu li a { display: block; height: 41px; }
div.menu li a span { display: none; }
div.menu li.home {  width: 47px; }
div.menu li.organisation { width: 84px; }
div.menu li.reactions { width: 124px; }
div.menu li.newsletter { width: 82px; }
div.menu li.login { width: 44px; }
div.menu li.contact { width: 46px; }

div.menusearch { position: absolute; top: 14px; margin-left: 435px; width: 114px; }
div.menusearch form { margin: 0; padding: 0 }
div.menusearch form input.menusearchbox { margin: 0; padding: 3px 8px 0 10px; vertical-align: top; border: 0; width: 66px; height: 16px; color: #228ee1; background: url(/images/search/searchbox-menu.gif) no-repeat; font-size: 9pt; }
div.menusearch form input.button { margin: 0; padding: 0; border: 0; vertical-align: top; width: 30px; height: 19px; background: transparent url(/images/search/searchbox-menu.gif) -84px 0 no-repeat; cursor: pointer; }
@media screen and (-webkit-min-device-pixel-ratio:0) {
	div.menusearch form input.menusearchbox { padding-top: 4px; }
}
*:first-child+html div.menusearch { top: 12px }
*:first-child+html div.menusearch form input.menusearchbox { padding-top: 2px; height: 17px; margin-top: -1px; }
* html div.menusearch form input.menusearchbox { padding-top: 2px; height: 17px; margin-top: -1px; }
body.homepage div.menusearch form input.menusearchbox { background-image: url(/images/search/searchbox-menu-home.gif); }
body.homepage div.menusearch form input.button { background-image: url(/images/search/searchbox-menu-home.gif); }

div.flyoutmenu { display: none; position: absolute; margin-top: -5px; margin-left: -8px; background: url(/images/menu/flyout-shade.png) no-repeat left top; padding: 0 10px 10px; width: 83px; }
div.flyoutmenu div.inner { background: #228ee1 url(/images/menu/flyout-gradient.gif) no-repeat left bottom; height: 120px; }
body.homepage div.flyoutmenu div.inner { background-color: #3e93e4 }
* html div.flyoutmenu { background-image: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/menu/flyout-shade.png', sizingMethod='crop'); }
* html div.flyoutmenu ul li a { margin-right: -12px; }
div.flyoutmenu ul { padding: 27px 11px 0; }
div.flyoutmenu ul li { float: none; margin: 0; padding: 0; list-style: none; font-size: 9pt; color: #fff; background: url(/images/menu/dots.gif) no-repeat; }
div.flyoutmenu ul li a { width: 61px; color: #fff; display: block; margin: 0; margin-left: -11px; padding: 0 11px; height: auto !important; height: inherit; text-decoration: none; }
div.flyoutmenu ul li a:hover { background-color: #fff; color: #3e93e4 }

div.selectedhome { background-position: 0 -100px; }
div.selectedorganisation { background-position: 0 -200px; }
div.selectedreactions { background-position: 0 -300px; }
div.selectednewsletter { background-position: 0 -400px; }
div.selectedlogin { background-position: 0 -500px; }
div.selectedcontact { background-position: 0 -600px; }

/* SIDEBAR */

div.sidebar div.numbers { width: 1px; padding: 60px 0 20px; background: url("../images/sidemenu/sidemenu.jpg") top left repeat-y; overflow:hidden; } 
div.sidebar div.numbers a { display: block;  } 
div.sidebar div.frontnumbers { position: absolute; width: 42px; padding: 60px 0 20px; text-align: center; overflow: hidden; z-index: 80; }
div.sidebar div.frontnumbers a { display: block; text-decoration: none; color: #fff; background: url("../images/sidemenu/dashes.gif") top center no-repeat; }

div.sidebar div.sidemenu { position: absolute; width: 42px; margin-left: 0; overflow: hidden; z-index: 50; background-image: url("../images/transparent.gif"); }
div.sidebar div.sideback { position: absolute; width: 42px; z-index: 20; }
div.sidebar div.sideback div { position: relative; height: 250px; background: #228ee1 url("../images/sidemenu/sidemenu.jpg") top left repeat-y; overflow: hidden; }

div.sidebar div.links { width: 643px; margin-left: -743px; padding-top: 20px; color: #fff; xborder-bottom: 1px solid red; }
div.sidebar div.links strong { display: block; height: 40px; margin-left: 40px; padding: 0 0 0 5px; font-size: 12pt; color: #fff; }
div.sidebar div.links a { display: block; margin: 0 5px 0 41px; padding: 0 0 0 5px ; color: #fff; text-decoration: none; background: url("../images/sidemenu/wide-dashes.gif") top left no-repeat; }
* html div.sidebar div.links a { margin-left: 42px; }
div.sidebar div.links a:hover { background-color: #57a9e8; }

div.sidebar div.links { display: none; d\isplay: block; } /* no sliding in old ie versions */
div.sidebar div.sideback { display: none; d\isplay: block; } /* no sliding in old ie versions */
div.sidebar div.sidemenu { display: none; d\isplay: block; } /* no sliding in old ie versions */

img.linkicon { display: inline; margin: 0 2px 0 0; vertical-align: middle; }
* html img.linkicon { margin: 2px 2px 1px 0; }

/* HOMEPAGE STYLES */

div.welcome { padding: 0; margin: 190px 0 17px; }
div.welcome a { font-style: italic; color: #a5d1f9; }

div.homenewsblock { position: absolute; z-index: 2; width: 26px; height: 26px; color: #57a9e8; background-color: #fff; line-height: 11px; }
div.homenewsblock div.day { width: 26px; padding: 3px 0 0; text-align: center; font-size: 10pt; font-weight: 700; }
div.homenewsblock div.month { width: 26px; text-align: center; text-transform: uppercase; font-size: 7pt; }
div.homenews { margin-bottom: 10px }
div.homenews a { display: block; background-color: #62b0f4; color: #e0effd; padding: 5px 10px 10px 40px; text-decoration: none; }
div.homenews span.title { display: block; padding-bottom: 4px; text-transform: uppercase; font-size: 12.5pt; font-weight: 400; letter-spacing: 1px; }
div.homenews span.description { display: block; font-size: 9.5pt; line-height: 140% }
*:first-child+html div.homenews a:hover { background-color: #67b3f5; } /* IE6 doesn't like this and breaks */
div.homenews a:hover span.title { text-decoration: underline; }
div.collapsed a { margin: 0; padding: 3px 10px 0 40px; min-height: 23px; }
* html div.collapsed a { height: 23px }
div.allnews { margin: 10px 10px 40px 0; text-align: left; }
div.allnews a { font-style: italic; color: #E0EFFD; text-decoration: underline; }
div.allnews a:hover { text-decoration: underline }

/* NEWS ITEMS */

div.morenews div.date { position: absolute; }
div.morenews div.link { padding-left: 90px; }

/* PUBLICATION PAGE STYLES */

div.publications h1 { margin: 0; padding: 0 70px 0 0; font-size: 24pt; background: none; } 
div.publications h2, div.question h2 { margin: 10px 0; font-size: 16pt; line-height: 140%; background: url("../images/borders/dotted-heading.gif") bottom left repeat-x; }
div.publications h2.expandable { background: url("../images/borders/dotted-heading2.gif") bottom left no-repeat; }
div.publications h2.expanded { background: url("../images/borders/dotted-heading3.gif") bottom left no-repeat; }
div.publications div.subtitle { padding: 8px 50px 10px 0; font-size: 16pt; line-height: 140%; color: #228ee1; } 
div.publications div.number { padding: 10px 0 30px 0; font-size: 49pt; color: #fff; line-height: 100%; background: url(../images/publications/big-dot.gif) top left no-repeat; } 
div.publications div.number div.centered { width: 86px; text-align: center; letter-spacing: -4px; } 
div.publications div.numberten div.centered { width: 72px; letter-spacing: -8px; } 

div.documents { clear: left; }
div.documents a { width: 500px; display: block; text-decoration: none; color: #6a6a6a; font-size: 9.5pt; line-height: 140%; }
div.documents span { display: block; }
div.documents span.cpr { float: left; width: 70px; font-size: 8pt; line-height: 120%; }
div.documents span.pgs { float: left; width: 70px; font-size: 8pt; line-height: 120%; }
div.documents span.download { min-height: 45px; margin-left: 140px; padding-left: 50px; background: url("../images/icons/acrobat-large.gif") 0 1px no-repeat; }
* html div.documents span.download { height: 45px; }
div.documents span.title { color: #228ee1; font-weight: bold; }
div.documents a:hover span.title { text-decoration: underline; color: #228ee1; }
div.documents span.comments { font-style: italic; font-size: 9pt; }
a.pubdl { cursor: pointer; }
div.hidden { display: none; }

/* ADDITIONAL CONTENT (BACKGROUND INFO, RELATED LINKS, Q&A */

div.questions, div.publicationlinks, div.backgroundinformation { overflow: hidden; height: 1px; }
div.questions a, div.publicationlinks a, div.links a, div.otherquestions a { text-decoration: none; }
div.questions a:hover, div.publicationlinks a:hover, div.links a:hover, div.otherquestions a:hover { text-decoration: underline; }
div.questions ul, div.otherquestions ul { margin: 0px; list-style-type: none; color: #218EE1; }
div.questions li, div.otherquestions li { padding-left: 25px; background-image: url("/images/publications/question_mark.gif"); background-position: 0px 3px; background-repeat: no-repeat; }
div.publicationlinks ul, div.links ul { list-style-type: none; padding: 0; margin-left: 0; }
div.publicationlinks span.url, div.links span.url { font-size: 9.5pt; color: #6A6A6A; }

div.questions li, div.publicationlinks li, div.links li { line-height: 1.2em; margin-bottom: 10px; }
div.expand { float: right; position: relative; top: 30px; right: 10px; }

div.question h1 { margin: 10px 0; font-size: 20pt; line-height: 140%; background: url("../images/borders/dotted-heading.gif") bottom left repeat-x; }
div.question p, ul { padding-bottom: 30px; }

div.backgroundinformation ul { margin: 0; padding: 0 }
div.backgroundinformation li { list-style-type: none; background: #fff url(/images/icons/acrobat-medium.gif) left 5px no-repeat ; padding: 0 0 10px 40px; line-height: 120% }
div.backgroundinformation li a { text-decoration: none; line-height: 160% }
div.backgroundinformation li span.description { font-size: 9.5pt; color: #8a8a8a; }

/* LINKS PAGE */

div.links { padding: 10px 0; }
h2.dotted { background: url("../images/borders/dotted-heading.gif") bottom left repeat-x; }

/* SEARCH FORMS */

table.content { font-family: Arial,Helvetica,sans-serif; font-size: 10.5pt; line-height:140%; }
td.label { font-family: Arial,Helvetica,sans-serif; font-size: 10.5pt; line-height:160%; }
table.content h1 { background:transparent url(../images/borders/dotted-heading.gif) repeat-x scroll left bottom; color:#228EE1; font-family: Arial,Helvetica,sans-serif; font-size:39px; font-size-adjust:none; font-stretch:normal; font-style:normal; font-variant:normal; font-weight:500; line-height:normal; margin: 0 0 15px; padding: 0 0 10px; }
table.content h3 { margin-bottom: 3px; color: #228ddf; font-size: 14px; }
table.content h3 a { color: #228ddf; text-decoration: none; }
table.searchform { padding-bottom: 15px; }
div.noresults { padding-top: 15px; }
span.url { color: #5b9d43; }
span.result { margin-right: 40px; }
div.search { padding-bottom: 35px; line-height: 100%; }
input.searchbox { height: 19px; width: 158px; margin-left: 20px; padding: 3px 0 0 10px; border: 0; background: url("../images/search/searchbox.gif"); color: #228ddf; font-size: 10.5pt; }
input.searchboxhome { height: 21px; width: 158px; margin-left: 20px; padding: 3px 0 0 10px; border: 0; background: url("../images/search/searchbox-home.gif") no-repeat; color: #fff; font-size: 10.5pt; }
input.searchbutton { display: none; position: absolute; height: 22px; width: 50px; margin-left: 8px; color: #fff; border: 0px; background: url("../images/search/searchbutton.gif"); font-size: 10.5pt; }
div.gssfooter { height: 60px; }
div.dottedsep { float: left; height: 20px; width: 100%; background: transparent url("../images/borders/dotted-heading.gif") repeat-x scroll left bottom; }
div.resultpages { float: left; width: 100%; margin-top: 40px; margin-bottom: 20px; }
div.resultpages a { padding: 2px 6px; text-decoration: none; color: #228ddf; }
div.resultpages a.selected { width: 10px; color: #fff; background-color: #5b9d43; text-decoration: none; }
div.desc { margin: 16px 0px; }
img.icon { position: relative; top: 8px; }
div.searchbox { position: absolute; float: left; width: 350px; padding: 0px 50px; left: 550px; }
p.searchheader { margin-bottom: 20px; }
div.google { margin-bottom: 15px; }
img.google_img { position: relative; top: 12px; }
div.spelling { margin-top: 10px; }

/* NORMAL FORMS */

form.normal td.column1 { width: 225px; }
form.normal td.column2 { width: 155px; }
form.normal td.column3 { width: 390px; }
form.normal .field { margin: 1px; border: 1px solid #d1e9ff; background-color: #f8fafc; }
form.normal .fieldfocus { margin: 0; border: 2px solid #52a8f3; background-color: #fff; }

form.normal input.big { width: 385px; }
form.normal textarea.big { width: 385px; height: 100px; }
form.normal input.medium { width: 200px; }
form.normal select.medium { width: 200px; }
form.normal input.date { width: 18px; }
form.normal input.month { width: 18px; }
form.normal input.year { width: 35px; }

/* NEWSLETTER */

span.label { width: 120px; float:left; } 
span.button { display: block; padding: 10px 0 0 120px; } 

/* ERROR PAGE */

body.error { text-align: left; background: #fff url(../images/layout/fade.jpg) top left repeat-x; }
body.error div.logo { margin-bottom: 30px; padding: 100px 0px 0px 70px; }
div.main { float: left; width: 100%; }
div.errorpage { float: left; padding-top: 30px; padding-left: 50px; }
* html div.errorpage { width: 800px; }
div.errorpage h2 { }
div.errorpage h3 { color: #228ee1; }
div.errorpage p,
div.errorpage ul { color: inherit; }
div.error { float: left; width: 400px; margin-bottom: 50px; padding: 0px 50px; border-right: 1px dashed #228EE1; }

/* OVERLAY */

#overlay { height: 100%; width: 100%; position: fixed; _position: absolute; left: 0px; top: 0px; background-color: #387bb0; filter: alpha(opacity=0); -moz-opacity: 0; opacity: 0; display: none; z-index: 100; }
#dlwindow { height: 200px; width: 350px; margin: -100px 0 0 -100px; padding: 20px; position: fixed; _position: absolute; left: 40%; _left: expression(((document.documentElement.clientWidth/2)-125)+((e=document.documentElement.scrollLeft)?e:document.body.scrollLeft)+'px'); top: 45%; _top: expression(((document.documentElement.clientHeight/2)-50)+((e=document.documentElement.scrollTop)?e:document.body.scrollTop)+'px'); text-align: left; border: 1px solid #52a8f3; background: url("../images/layout/fade.jpg") top left repeat-x; display: none; z-index: 101; }
#dlwindow h2 { margin: 0 0 15px 0; padding: 0 0 10px 0; color: #228ee1; font: 24px Arial, Helvetica, sans-serif; font-weight: 300; background: url("../images/borders/dotted-heading.gif") bottom left repeat-x; }
#dlwindow p, table { margin-bottom: 10px; }
#dlwindow input.email { height: 20px; border: 1px solid #d0e8ff; }
#dlwindow a { font-size: 12px; }