@charset "utf-8";
/* CSS Document */

html, body	{ height: 100%; margin: 0; background: url(../images/body-background.gif) repeat-x top; }
*			{ font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;}
a img		{ border: 0; }
form		{ margin: 0; padding: 0; }

#wrapper	{ min-height: 100%; background: url(../images/footer-background.jpg) repeat-x bottom; position: relative; }

/* TOP */
#top		{ height: 34px; position: relative; z-index: 1000; }
#top div	{ width: 100%; position: absolute; }

/* search */
form#search			{ margin: 10px 0; }
form#search label	{ display: none; }
form#search input	{ width: 80px; border: 0; background: url(../images/search-input-top-background.gif) no-repeat; float: left; padding: 1px 0 2px 10px; font-size: 0.75em; color: #616161; margin: 0; }
form#search input.submit	{ width: 21px; height: 17px; background: url(../images/search-submit-top-background.gif) no-repeat; cursor: pointer; }

/* talen */
ul#flags			{ margin: 3px 15px; padding: 0; list-style: none; float: left; }
ul#flags li			{ float: left; }
ul#flags li a		{ width: 17px; height: 11px; display: block; margin: 0 7px 0 0; }
ul#flags li a span	{ display: none; }
li a.nl				{ background: url(../images/icon-flag-nl-down.gif) no-repeat; }
li a.nl:hover		{ background: url(../images/icon-flag-nl-up.gif) no-repeat; }
li a.nl.active		{ background: url(../images/icon-flag-nl-up.gif) no-repeat; }
li a.en				{ background: url(../images/icon-flag-en-down.gif) no-repeat; }
li a.en:hover		{ background: url(../images/icon-flag-en-up.gif) no-repeat; }
li a.en.active		{ background: url(../images/icon-flag-en-up.gif) no-repeat; }

/* SUPERFISH MENU */
ul.sf-menu					{ float: right; margin: 5px 0 0 0; }
ul.sf-menu li.last			{ background: none; padding: 0; }
ul.sf-menu li.seperator		{ height: 29px; width: 20px; background: url(../images/menu-seperator.gif) top center; }

ul.sf-menu a				{ height: auto; min-height: 15px; background-color: #b7b5b6; }
ul.sf-menu li a:hover		{ background: url(../images/menu-background-item-hover.gif) no-repeat top left #dadada; color: #000; }
ul.sf-menu li a.active		{ background: url(../images/menu-background-item-hover.gif) no-repeat top left; color: #000; height: 21px; }
ul.sf-menu li ul li a.active	{ height: auto; min-height: 15px; background-color: #dadada; }
ul.sf-menu li a.first		{ background: url(../images/menu-background-item-left.png) no-repeat top left; }
ul.sf-menu li a.first:hover	{ background: url(../images/menu-background-item-left-hover.png) no-repeat top left; color: #000; }
ul.sf-menu li a.firstactive	{ background: url(../images/menu-background-item-left-hover.png) no-repeat top left; color: #000; height: 21px; }
ul.sf-menu li a.lastactive	{ background: url(../images/menu-background-item-hover.gif) no-repeat top left; color: #000; height: 21px; }

ul.sf-menu a.extra			{ background: url(../images/menu-background-item-extra.gif) top repeat-x; color: #FFF; padding: 7px 12px; }
ul.sf-menu a.extra font		{ display: block; font-size: 10px; margin: 5px 0 0 0; font-weight: bold; }
ul.sf-menu a.extra:hover	{ height: 15px; color: #000; background: url(../images/menu-background-item-extra.gif); }
ul.sf-menu a.login			{ font-weight: bold; padding: 7px 0; }
ul.sf-menu a.login span		{ background: url(../images/menu-background-login.gif) no-repeat; padding: 1px 30px 2px 15px; }
ul.sf-menu a.logout span	{ background: url(../images/menu-background-logout.gif) no-repeat; }

/* sitemap */
.content-type .options		{ display: none; }
.content-type .sf-menu, .content-type .sf-menu *	{ float: none; padding: 0 40px; margin: 0; list-style: disc; line-height: 18px; }
.content-type ul.sf-menu li	{ float: none; background: none; padding: 0 0 3px 0; position: static; }
.content-type ul.sf-menu a.first, .content-type ul.sf-menu a.extra span, .content-type ul.sf-menu a.first:hover, .content-type ul.sf-menu a, .content-type ul.sf-menu a:hover	{ background: none; padding: 0; font-weight: normal; }
.content-type ul.sf-menu li ul	{ display: block !important; visibility: visible !important; position: static; top: auto; width: auto; background: none; }
.content-type ul.sf-menu li.seperator	{ display: none; }
.content-type ul.sf-menu a.extra:hover	{ height: auto; }

/* HEADER */
#visual				{ width: 720px; height: 170px; background: #dedee0; margin: 0 0 0 10px; position: relative; }
#visual img.visual	{ position: absolute; background: #006600; }
#visual img.left	{ position: absolute; }
#visual img.logo	{ position: absolute; margin: 25px 0 0 40px; }

#header-title	{ height: 120px; background: url(../images/header-title-background.gif) no-repeat #007580; margin: 0 10px 0 0; padding: 25px 0; }
#header-title p			{ color: #FFFFFF; font-size: 20px; margin: 10px 17px; }
#header-title p.small	{ color: #FFFFFF; font-size: 15px; }

/* CONTENT */
#content		{ margin: 20px 0 0 0; padding: 0 0 50px 0; }

/* dropmenu */
ul#dropmenu			{ margin: 0; padding: 0; list-style: none; }
ul#dropmenu li		{ margin: 0 0 10px 0; }
ul#dropmenu li a	{ width: 120px; height: 27px; display: block; font-size: 1.35em; color: #FFFFFF; text-decoration: none; padding: 10px 20px 4px; letter-spacing: 0.5px; white-space: nowrap; }
.dropitem			{ cursor: pointer; }
ul#dropmenu li a:hover	{ color: #000; }

ul#dropmenu li ul	{ display: none; }

.aqua a			{ background: url(../images/submenuitem-background-aqua.gif) no-repeat; }
.aqua a:hover	{ background: url(../images/submenuitem-background-aqua-hover.gif) no-repeat; }
.aqua.TRIPOD_active a	{ background: url(../images/submenuitem-background-aqua-active.gif) no-repeat; }
.tripodpage li.TRIPOD a { background: url(../images/submenuitem-background-aqua-active.gif) no-repeat; }
.tripodpage ul#dropmenu li ul#TRIPOD { display: block; }

.orange a			{ background: url(../images/submenuitem-background-orange.gif) no-repeat; }
.orange a:hover		{ background: url(../images/submenuitem-background-orange-hover.gif) no-repeat; }
.orange.HAZOP_active a	{ background: url(../images/submenuitem-background-orange-active.gif) no-repeat; }
.hazoppage li.HAZOP a { background: url(../images/submenuitem-background-orange-active.gif) no-repeat; }
.hazoppage ul#dropmenu li ul#HAZOP { display: block; }

.purple a			{ background: url(../images/submenuitem-background-purple.gif) no-repeat; }
.purple a:hover		{ background: url(../images/submenuitem-background-purple-hover.gif) no-repeat; }
.purple.SIL_active a	{ background: url(../images/submenuitem-background-purple-active.gif) no-repeat; }
.silpage li.SIL a { background: url(../images/submenuitem-background-purple-active.gif) no-repeat; }
.silpage ul#dropmenu li ul#SIL { display: block; }

.red a			{ background: url(../images/submenuitem-background-red.gif) no-repeat; }
.red a:hover	{ background: url(../images/submenuitem-background-red-hover.gif) no-repeat; }
.red.Risicoanalyse_active a	{ background: url(../images/submenuitem-background-red-active.gif) no-repeat; }
.red.RiskAnalysis_active a	{ background: url(../images/submenuitem-background-red-active.gif) no-repeat; }
.risicoanalysepage li.Risicoanalyse a { background: url(../images/submenuitem-background-red-active.gif) no-repeat; }
.risicoanalysepage li.RiskAnalysis a { background: url(../images/submenuitem-background-red-active.gif) no-repeat; }
.risicoanalysepage ul#dropmenu li ul#Risicoanalyse { display: block; }
.risicoanalysepage ul#dropmenu li ul#RiskAnalysis { display: block; }

.blue a			{ background: url(../images/submenuitem-background-blue.gif) no-repeat; }
.blue a:hover	{ background: url(../images/submenuitem-background-blue-hover.gif) no-repeat; }
.blue.Training_active a	{ background: url(../images/submenuitem-background-blue-active.gif) no-repeat; }
.trainingpage li.Training a { background: url(../images/submenuitem-background-blue-active.gif) no-repeat; }
.trainingpage ul#dropmenu li ul#Training { display: block; }

ul.subdrop		{ margin: 0; padding: 0; list-style: none; }
ul#dropmenu li ul.subdrop li	{ margin: 0; font-size: 1em; }
ul#dropmenu li ul.subdrop li a	{ width: auto; height: auto; margin: 0; padding: 6px 20px; font-size: 1em; }
ul#dropmenu li ul.subdrop li a:hover	{ color: #FFF; }

ul#dropmenu li.aqua ul li a 		{ background: #7fc3ca; color: #007782; border-bottom: 1px solid #a2dce2; }
ul#dropmenu li.aqua ul li a.last 	{ background: url(../images/dropmenu-subitem-bottom-aqua.gif) no-repeat bottom; border: none; }
ul#dropmenu li.orange ul li a 		{ background: #f0cc7f; color: #956909; border-bottom: 1px solid #efd9a8; }
ul#dropmenu li.orange ul li a.last 	{ background: url(../images/dropmenu-subitem-bottom-orange.gif) no-repeat bottom; border: none; }
ul#dropmenu li.purple ul li a 		{ background: #c6acd9; color: #7b4d9c; border-bottom: 1px solid #dec9ee; }
ul#dropmenu li.purple ul li a.last 	{ background: url(../images/dropmenu-subitem-bottom-purple.gif) no-repeat bottom; border: none; }
ul#dropmenu li.red ul li a 			{ background: #f7a388; color: #da241b; border-bottom: 1px solid #f8c9ba; }
ul#dropmenu li.red ul li a.last 	{ background: url(../images/dropmenu-subitem-bottom-red.gif) no-repeat bottom; border: none; }
ul#dropmenu li.blue ul li a 		{ background: #88acd4; color: #0f509a; border-bottom: 1px solid #b0cded; }
ul#dropmenu li.blue ul li a.last 	{ background: url(../images/dropmenu-subitem-bottom-blue.gif) no-repeat bottom; border: none; }

ul#dropmenu li.aqua ul li a.active, ul#dropmenu li.orange ul li a.active, ul#dropmenu li.purple ul li a.active, ul#dropmenu li.red ul li a.active, ul#dropmenu li.blue ul li a.active {
	color: #000;
	cursor: default;
}

.content-type ul#dropmenu 					{ list-style: disc; margin: 10px; padding: 0 30px; }
.content-type ul#dropmenu li ul				{ display: block; list-style: disc; padding: 0 30px; }
.content-type ul#dropmenu li a				{ background: none; color: #008894; font-size: 1em; height: auto; width: auto; padding: 0; }
.content-type ul#dropmenu li a:hover		{ color: #616161; }
.content-type ul#dropmenu li ul li a		{ background: none; border: none; color: #008894; padding: 0; }
.content-type ul#dropmenu li ul li a:hover	{ color: #616161; }
.content-type ul#dropmenu li ul li a.last	{ background: none; }

/* text */
h1				{ margin: 20px 0; color: #008894; font-size: 1em; }
.hazoppage h1			{ color: #e19a00; }
.silpage h1				{ color: #8e58b3; }
.risicoanalysepage h1	{ color: #f43017; }
.trainingpage h1		{ color: #125db1; }
h2				{ margin: 10px 0; color: #000; font-size: 0.75em; }
h3				{ margin: 5px 0; color: #000; font-size: 0.75em; }
#content p		{ margin: 0 0 20px; }
#content p, #content li 	{ color: #616161; font-size: 0.75em; line-height: 18px; }
#content li li			{ font-size: 1em; }
#content a			{ color: #008894; }
.hazoppage #content .content-type a			{ color: #e19a00; }
.silpage #content .content-type a			{ color: #8e58b3; }
.risicoanalysepage #content .content-type a	{ color: #f43017; }
.trainingpage #content .content-type a		{ color: #125db1; }
#content a:hover, #content .content-type a:hover	{ color: #616161; }

hr	{ border: 0; height: 1px; background: #ccc; }

.super		{ vertical-align: super; font-size: 10px; line-height: 1px;  }
#webshop2, #license2	{ display: none; }

.nieuwsitem 			{ border-top: 1px solid #CCC; padding: 10px 0; }
.nieuwsitem h2			{ color: #008894; }
.nieuwsitem img			{ max-width: 125px; }

#content img.simple		{ display: block; margin: 0 0 10px 0; }
.grid_9 img		{ max-width: 520px; }
img.left		{ float: left; margin: 0 10px 5px 0; }
img.right		{ float: right; margin: 0 0 5px 10px; }
img.ul			{ margin: 0 25px 10px 0; }

/* search */
.searchresult		{ border-bottom: 1px solid #CCC; }
#content .paging p	{ margin: 0; padding: 2px 0 5px; border-bottom: 1px solid #CCC; }
#content .first p	{ border-top: 1px solid #CCC; }
#content .paging a.active	{ color: #616161; }

ul.publicatie li	{ margin: 0 0 15px 0; }

/* form */
form		{ /*width: 415px;*/ margin: 0; padding: 0; }
fieldset	{ margin: 0 0 20px; padding: 0; border: 0; }

#content form p		{ margin: 0 5px 5px 0; float: left; }
form legend	{ margin: 0; padding: 0; color: #000; font-size: 0.75em; padding: 0 0 20px 0; font-weight: bold; }
form label	{ display: block; font-weight: bold; }
form label.error	{ font-weight: normal; color: #cd2c29; }
select, option		{ color: #616161; } 
form input			{ width: 125px; }
form select			{ padding: 2px; }
form input.radio, form input.check	{ width: auto; }
form textarea	{ width: 400px; }
div.buttons			{ float: right; margin: 0 108px; }
input.button		{ width: 98px; border: none; background: url(../images/submit-background-aqua_white.gif) top left no-repeat; margin: 20px 0 0 10px; padding: 2px 2px 3px; text-align: left; color: #FFF; cursor: pointer; }
input.button:hover	{ color: #000000; }
#content form a.button			{ float: left; width: 142px; border: none; background: url(../images/submit-background-aqua_white-long.gif) top left no-repeat; padding: 3px 5px; color: #FFF; text-decoration: none; margin: 20px 0 0 10px; cursor: pointer; }
#content form a.next			{ width: 100px; background: url(../images/submit-background-next.gif) top left no-repeat; }
#content form a.prev			{ width: 88px; background: url(../images/submit-background-prev.gif) top left no-repeat; text-align: right; }
#content form a.button:hover	{ color: #000000; }

#content p.small	{ font-size: 0.6em; font-style: italic; }
span.notify			{ color: #cd2c29; }

input#name			{ width: 187px; }
input#postcode		{ width: 80px; }
input#city, input#city_billing		{ width: 187px; }
input#email			{ width: 264px; }

input#initials		{ width: 85px; }
input#company, input#companyname		{ width: 128px; }
input#department_name		{ width: 261px; }

input#cursusday, input#cursusmonth, input#cursusyear	{ width: 35px; }

input#postalcode, input#postalcode_billing	{ width: 70px; }
input#streetname, input#streetname_billing	{ width: 183px; }
input#streetnumber, input#streetnumber_billing	{ width: 115px; }
input#postalcode, input#postalcode_billing	{ width: 80px; }
input#country, input#country_billing		{ width: 202px; }
input#btw	{ width: 400px; }

/* blocks */
.block			{ margin: 0 0 10px 0; }
.block .top		{ height: 10px; background: url(../images/block-aqua-220px-top.gif) no-repeat top; line-height: 1px; font-size: 1px; }
.block .centre	{ padding: 0 10px; background: url(../images/block-aqua-220px-centre.gif) bottom repeat-x #008591; }
.block .small	{ background: url(../images/block-aqua-220px-centre-small.gif) bottom repeat-x #008591; }
.block .bottom	{ height: 10px; background: url(../images/block-aqua-220px-bottom.gif) no-repeat bottom; line-height: 1px; font-size: 1px; }

.block img		{ max-height: 67px; }

#content .block a.more		{ display: block; text-align: right; background: url(../images/link-pointer-aqua-right.gif) no-repeat right; text-decoration: none; color: #FFF; font-weight: bold; margin: 10px 0 0 0; }
.block a.more font	{ margin: 0 15px; display: inline-block; padding: 2px 10px 4px; line-height: 11px; background: url(../images/link-background-aqua.gif) no-repeat; }
#content .block a.more:hover	{ color: #000; }

.block strong.pointer	{ padding: 0 15px 0 0; background: url(../images/icon-pointer-aqua-right.gif) no-repeat right bottom; }

#content .block ul.archive		{ margin: 0; padding: 5px 0 0; list-style: none; }
#content .block ul.archive li	{ padding: 0 0 5px; color: #FFF; }
#content .block ul.archive a		{ color: #FFFFFF; text-decoration: none; }
#content .block ul.archive a.active		{ color: #000; cursor: default; }
#content .block ul.archive a:hover		{ color: #000; }

/* table */
table	{ width: 100%; border-spacing: 0; border: 0; border-collapse: collapse; margin: 5px 0; }
#content td a		{ color: #75B7BD; text-decoration: none; }
#content td p	{ font-size: 1em; margin: 0; }
td, th	{ font-size: 0.75em; line-height: 1.5em; padding: 5px; border-bottom: 1px solid #aaa; vertical-align: top; color: #616161; }
th		{ border-top: 1px solid #aaa; border-bottom: 1px solid #aaa; background: #aaa; color: #FFFFFF; font-weight: bold; text-align: left; }
td.empty	{ background: #ccc; }

th.lastright, td.lastright		{ border-right: none; }
tr.lastbottom th, tr.lastbottom td	{ border-bottom: none; }
.block th, .block td	{ font-size: 12px; text-align: center; color: #FFF; padding: 2px 6px 3px; border-bottom: 1px solid #268d95; border-right: 1px solid #268d95; background: none; border-top: none; }
.block th				{ border-right: none; }
.block #content td a:hover	{ color: #FFF; }
.block td.training	{ background: url(../images/agenda-active-training.gif) no-repeat center; }
.block td.event		{ background: url(../images/agenda-active-event.gif) no-repeat center; }
.block td.webinar	{ background: url(../images/agenda-active-webinar.gif) no-repeat center; }
#content .block td.training a, #content .block td.webinar a		{ color: #008894; text-decoration: none; }
#content .block td.event a			{ color: #aaa; text-decoration: none; }
#content .block td.training a:hover	{ color: #000; }
#content .block td.event a:hover, #content .block td.webinar a:hover	{ color: #FFF; }

.ui-datepicker-header  				{ padding:0.2em 0; position:relative; }
.ui-datepicker-prev  				{ left:2px; height:1.8em; position:absolute; top:6px; width:1.8em; font-size: 0.8em; cursor: pointer; }
.ui-datepicker-next  				{ right:0px; height:1.8em; position:absolute; top:6px; font-size: 0.8em; cursor: pointer; }
#content .ui-datepicker-header a	{ color: #FFF; }
.ui-datepicker-title				{ color: #FFF; font-size: 0.75em;; font-weight: bold; line-height:1.8em; margin:0 auto; text-align:center; }

#content .block p		{ color: #FFFFFF; margin: 0; padding: 0; text-align: left; }

.block label	{ display: block; font-weight: bold; color: #FFF; }
.block input	{ width: 170px; margin: 20px 0 12px; color: #616161; padding: 5px 2px; }
.block input.submit	{ width: 100%; text-align: right; display: block; margin: 0; padding: 0 32px 0 0; color: #FFF; background: none; border: 0; font-weight: bold; background: url(../images/submit-background-aqua.gif) no-repeat right; }
.block input.submit:hover	{ color: #CCC; cursor: pointer; }

/* FOOTER */
#footer			{ height: 28px; position: absolute; bottom: 0; text-align: center; }
#footer p		{ margin: 7px 0; font-size: 0.75em; color: #616161; }
#footer a		{ display: inline-block; text-decoration: none; color: #616161; padding: 0 20px; }
#footer a:hover	{ color: #000; }