/*-----------------------------------------------------------------------------
Website: www.vom.be
Auteur: Webatvantage
Laatst gewijzigd: 06-04-2009
-----------------------------------------------------------------------------*/

/*------------------------------- START RESET -------------------------------*/
* 
{ 
	margin: 0;
	padding: 0;
	outline: none;
}
/*------------------------------- END RESET -------------------------------*/

/*------------------------------- START HTML/BODY -------------------------------*/
html 
{ 
	overflow:-moz-scrollbars-vertical;
}
html, body
{
	background: url(../Graphics/Body_bg.gif) repeat-x top left;
	font-family: Verdana, Arial, Helvetical, sans-serif;
	font-size: 11px;
	color: #2a3e46;
	text-align: center;
	line-height: 130%;
}
/*------------------------------- END HTML/BODY -------------------------------*/

/*------------------------------- START DEFAULT LINKS -------------------------------*/
a:link, a:visited, a:hover, a:active
{
	color: #2a3e46;
	text-decoration: underline;
}
a img
{
	border: none;
}
/*------------------------------- END DEFAULT LINKS -------------------------------*/

/*------------------------------- START DEFAULT LISTS -------------------------------*/
ul
{
	margin: 10px 0 10px 20px;
}
ul li
{
	margin: 5px 0;
	list-style-type: disc;
	list-style-position: inside;
}
/*------------------------------- END DEFAULT LISTS -------------------------------*/

/*------------------------------- START INTRO -------------------------------*/
div#intro
{
	width: 849px;
	height: 300px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -150px;
	margin-left: -425px;
}
div#intro a#fr
{
	position: absolute;
	display: block;
	width: 100px;
	height: 90px;
	bottom: 0;
	right: 0;
	background: #f8991d url(../Graphics/Intro_francais.gif) no-repeat top left;
	text-indent: -9999px;
}
div#intro a:hover#fr
{
	background: #f8991d url(../Graphics/Intro_francais.gif) no-repeat bottom left;
}	
div#intro a#en
{
	position: absolute;
	display: block;
	width: 100px;
	height: 100px;
	bottom: 97px;
	right: 0;
	background: #bb2426 url(../Graphics/Intro_english.gif) no-repeat top left;
	text-indent: -9999px;
}
div#intro a:hover#en
{
	background: #bb2426 url(../Graphics/Intro_english.gif) no-repeat bottom left;
}	
div#intro a#nl
{
	position: absolute;
	display: block;
	width: 100px;
	height: 90px;
	bottom: 0px;
	right: 107px;
	background: #424959 url(../Graphics/Intro_nederlands.gif) no-repeat top left;
	text-indent: -9999px;
}
div#intro a:hover#nl
{
	background: #424959 url(../Graphics/Intro_nederlands.gif) no-repeat bottom left;
}
/*------------------------------- END INTRO -------------------------------*/

/*------------------------------- START WRAPPER -------------------------------*/
#wrapper 
{ 
	width: 890px; 
	margin: 0 auto; 
	text-align: left; 
}
/*------------------------------- END WRAPPER -------------------------------*/

/*------------------------------- START BANNER -------------------------------*/
div#banner
{

	height: 170px;
	overflow: hidden;
}
/*------------------------------- END BANNER -------------------------------*/

/*------------------------------- START STANDAARDNAV -------------------------------*/
ul#standaardnav
{ 
	float: right;
	height: 35px;
	margin: 0;
}
ul#standaardnav li
{ 
	float: left;
	display: inline-block;
	padding: 0 5px;
	background: url(../Graphics/Standaardnav_bg.gif) repeat-x top left;
}
ul#standaardnav li#first
{ 
	float: left;
	height: 35px;
	padding: 0;
	background: url(../Graphics/Standaardnav_first_bg.gif) no-repeat top left;
}
ul#standaardnav li#standaardnav_last
{
	float: left;
	height: 35px;
	padding: 0;
	background: url(../Graphics/Standaardnav_last_bg.gif) no-repeat top right; 
}
ul#standaardnav li a:link, 
ul#standaardnav li a:visited, 
ul#standaardnav li a:active 
{ 
	float: left; 
	display: block; 
	height: 35px; 
	line-height: 35px; 
	color: #95a0a4; 
	text-decoration: none; 
	font-size: 10px; 
	text-transform: uppercase; 
}
ul#standaardnav li a:hover, 
ul#standaardnav li a#standaardnav_active 
{ 
	color: #fff; 
}
/*------------------------------- END STANDAARDNAV -------------------------------*/

/*------------------------------- START LOGO -------------------------------*/
div#logo 
{ 
	clear: both; 
	float: left; 	
	width: 890px; 
	margin: 10px 0 0 0; 
}
/*------------------------------- END LOGO -------------------------------*/

/*------------------------------- START MAINNAV -------------------------------*/
ul#mainnav 
{ 
	margin: 0;
	border: none; 
	padding: 0; 
	width: 890px;
	list-style: none; 
	height: 32px; 
	background: url(../Graphics/Mainnav_bg.gif) repeat-x top left; 
}
ul#mainnav li 
{ 
	margin: 0; 
	border: none; 
	padding: 0; 
	float: left; 
	display: inline; 
	list-style: none; 
	position: relative; 
	height: 32px; 
}
ul#mainnav ul 
{ 
	margin: 0; 
	border: none;
	padding: 0; 
	width: 200px; 
	list-style: none; 
	display: none;
	position: absolute; 
	top: 32px; 
	left: 0; 
}
ul#mainnav ul:after 
{ 
	clear: both; 
	display: block; 
	font: 1px/0px serif; 
	content: "."; 
	height: 0; 
	visibility: hidden; 
}
ul#mainnav ul li 
{ 
	width: 200px; 
	float: left; /*For IE 7 lack of compliance*/ 
	display: block !important; 
	display: inline; /*For IE*/ 
}
ul#mainnav a 
{
	border-right-color: #22343c;
	padding: 5px 6px;
	float: none !important; /*For Opera*/
	float: left; /*For IE*/
	display: block;
	background: url(../Graphics/Mainnav_bg.gif) repeat-x top left;
	color: #fff;
	font: normal 10px/22px Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	height: auto !important;
	height: 1%; /*For IE*/
}
/* Root Menu */
ul#mainnav a:hover, 
ul#mainnav li:hover a, 
ul#mainnav li.iehover a, 
ul#mainnav a#mainnav_active 
{
	background: url(../Graphics/Mainnav_hover_bg.gif) repeat-x top left; 
	color: #fff; 
}
/* 2nd Menu */
ul#mainnav li:hover li a, 
ul#mainnav li.iehover li a 
{ 
	float: none; 
	background: url(../Graphics/Subnav_bg.gif) repeat-x top left; 
	color: #2b3f47;
}
/* 2nd Menu Hover Persistence */
ul#mainnav li:hover li a:hover, 
ul#mainnav li:hover li:hover a, 
ul#mainnav li.iehover li a:hover, 
ul#mainnav li.iehover li.iehover a 
{ 
	background: url(../Graphics/Subnav_hover_bg.gif) repeat-x top left; 
	color: #2b3f47; 
}
/* 3rd Menu */
ul#mainnav li:hover li:hover li a, 
ul#mainnav li.iehover li.iehover li a 
{ 
	margin-left: 40px;
	background: #eee;
	color: #666; 
}
/* 3rd Menu Hover Persistence */
ul#mainnav li:hover li:hover li a:hover, 
ul#mainnav li:hover li:hover li:hover a, 
ul#mainnav li.iehover li.iehover li a:hover, 
ul#mainnav li.iehover li.iehover li.iehover a 
{ 
	background: #eee; 
	color: #333; 
}	 
/* 4th Menu */
ul#mainnav li:hover li:hover li:hover li a, 
ul#mainnav li.iehover li.iehover li.iehover li a 
{ 
	background: #eee; 
	color: #666; 
}
/* 4th Menu Hover */
ul#mainnav li:hover li:hover li:hover li a:hover, 
ul#mainnav li.iehover li.iehover li.iehover li a:hover 
{ 
	background: #ccc; 
	color: #fff;
}
ul#mainnav ul ul, ul#mainnav ul ul ul 
{ 
	display: none; 
	position: absolute; 
	top: 0; 
	left: 160px; 
}
/* Do Not Move - Must Come Before display:block for Gecko */
ul#mainnav li:hover ul ul, 
ul#mainnav li:hover ul ul ul, 
ul#mainnav li.iehover ul ul, 
ul#mainnav li.iehover ul ul ul 
{ 
	display: none; 
}
ul#mainnav li:hover ul, 
ul#mainnav ul li:hover ul, 
ul#mainnav ul ul li:hover ul, 
ul#mainnav li.iehover ul, 
ul#mainnav ul li.iehover ul, 
ul#mainnav ul ul li.iehover ul 
{ 
	display: block; 
}
/*------------------------------- END MAINNAV -------------------------------*/

/*------------------------------- START TAALKEUZE -------------------------------*/
div#taalkeuze 
{ 
	float: right;
	width: 190px;
	height: 30px;
	line-height: 30px;
	margin: 0 0 10px 0;
	padding: 0 20px;
	background: url(../Graphics/Taalkeuze_bg.gif) no-repeat top left;
}
div#taalkeuze a
{
	text-decoration: none;
}
div#taalkeuze a:hover, div#taalkeuze a#taalkeuze_active
{
	text-decoration: underline;
}
/*------------------------------- END TAALKEUZE -------------------------------*/

/*------------------------------- START CONTAINER -------------------------------*/
div#container
{
	width: 890px;
	padding: 20px 0 0 0;
	background: url(../Graphics/Container_bg.gif) repeat-x top left;
}
/*------------------------------- END CONTAINER -------------------------------*/

/*------------------------------- START CONTENT -------------------------------*/
div#content 
{ 
	float: left; 
	width: 598px; 
	padding: 10px; 
}

/* Inline images vanuit het CMS */
div#content table tr td.archivetable img
{
	padding: 1px;
	border: 2px solid #eee;
}
/* Ordered list */
div#content ol
{
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 20px;
}
div#content ol li
{
	line-height: 1.5em;
}
/*------------------------------- END CONTENT -------------------------------*/

/*------------------------------- START SIDEBAR -------------------------------*/
div#sidebar 
{ 
	float: right;
	width: 230px;
}

/* Nieuwsbrief */
div#sidebar #nieuwsbrief 
{ 
	width: 190px; 
	height: 104px; 
	padding: 20px; 
	background: url(../Graphics/Nieuwsbrief_bg.gif) no-repeat top left; 
	color: #666; 
}
div#sidebar #nieuwsbrief h1#digitale_nieuwsbrief_NL 
{ 
	margin: 0 0 10px 0; 
	text-indent: -9999px; 
	background: url(../Graphics/Digitale_nieuwsbrief_NL.png) no-repeat top left; 
}
div#sidebar #nieuwsbrief h1#digitale_nieuwsbrief_FR 
{ 
	margin: 0 0 10px 0; 
	text-indent: -9999px;
	background: url(../Graphics/Digitale_nieuwsbrief_FR.png) no-repeat top left; 
}
div#sidebar #nieuwsbrief h1#digitale_nieuwsbrief_EN 
{
	margin: 0 0 10px 0; 
	text-indent: -9999px; 
	background: url(../Graphics/Digitale_nieuwsbrief_EN.png) no-repeat top left; 
}
div#sidebar #nieuwsbrief form .input 
{
	width: 176px; 
	height: 15px; 
	margin: 10px 0 0 0; 
	padding: 3px 2px 1px 2px; 
	background: url(../Graphics/Nieuwsbrief_input_bg.gif) repeat-x top left;
	border: 1px solid #ccc; 
	color: #666; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px; 
} 
div#sidebar #nieuwsbrief form .inputred 
{
	width: 176px; 
	height: 15px; 
	margin: 10px 0 0 0;
	padding: 3px 2px 1px 2px; 
	background: url(../Graphics/Nieuwsbrief_input_bg.gif) repeat-x top left;
	border: 1px solid #cc0000; color: #cc0000; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; 
} 
div#sidebar #nieuwsbrief form .submit 
{
	margin: 10px 0 0 0; 
	padding: 0 0 0 20px; 
	border: none; 
	background: url(../Graphics/Mail_button_icon.gif) no-repeat center left; 
	cursor: pointer; 
	color: #2a3e46; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px; 
	font-weight: bold; 
	text-decoration: underline; 
	text-align: left; 
} 
div#sidebar #nieuwsbrief form .submitred 
{
	margin: 10px 0 0 0; 
	padding: 0 0 0 20px; 
	border: none; 
	background: url(../Graphics/Mail_button_icon_error.gif) no-repeat center left; 
	cursor: pointer; 
	color: #cc0000; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px; 
	font-weight: bold; 
	text-decoration: underline; text-align: left; 
}

/* Tagcloud */
div#sidebar div#tagcloud
{
	display: block;
	width: 190px;
	max-width: 190px;
	min-widhth: 190px;
	min-height: 104px;
	height: auto !important;
	padding: 20px; 
	background: #e3e3e4 url(../Graphics/Tagcloud_bg.gif) no-repeat top left;
	color: #666; 
}
div#sidebar div#tagcloud h1#tags_title
{ 
	margin: 0 0 10px 0; 
	text-indent: -9999px; 
	background: url(../Graphics/Tags.gif) no-repeat top left; 
}
div#sidebar div#tagcloud a.tagsize1,
div#sidebar div#tagcloud a.tagsize2,
div#sidebar div#tagcloud a.tagsize3,
div#sidebar div#tagcloud a.tagsize4
{
	display: inline-block;
	line-height: 150%;
	cursor: pointer;
}
div#sidebar div#tagcloud a.tagsize1
{
	font-size: 14px;
	font-weight: bold;
	color: #bb2426; /* ROOD */
}
div#sidebar div#tagcloud a.tagsize2
{
	font-size: 12px;
	font-weight: bold;
	color: #f8991d; /* Oranje */
}
div#sidebar div#tagcloud a.tagsize3
{
	font-size: 10px;
	color: #424959; /* Paars/blauw */
}
div#sidebar div#tagcloud a.tagsize4
{
	font-size: 9px;
	color: #666;
}

/* Fotobox */
div#sidebar div#fotobox 
{
	width: 226px; 
	height: 226px; 
	margin: 10px 0 0 0; 
	padding: 0; 
	border: 2px solid #d2d2d2; 
	overflow: hidden;
}
div#sidebar div#fotobox a img 
{ 
	border: none;
}
/*------------------------------- END SIDEBAR -------------------------------*/

/*------------------------------- START TABBOX -------------------------------*/
div#tabbox 
{ 
	margin: 20px 0 0 0; 
}
a.tabbox_btn
{
	float: left;
	padding: 7px;
	background: #2a3e46;
	color: #fff;
	margin: 10px 10px 0 0px;
	text-decoration: none;
}
/* Tabbox nav */
ul#tabbox_nav 
{ 
	float: left; 
	display: block; 
	width: 598px; 
	margin: 0;
	border-bottom: 1px solid #ccc; 	
	border-right: none; 
}
ul#tabbox_nav li 
{ 
	float: left; 
	display: inline; 
	margin: 0;
	list-style-type: none;
	list-style-position: outside;
}
ul#tabbox_nav li a:link,
ul#tabbox_nav li a:visited, 
ul#tabbox_nav li a:active 
{ 
	float: left; 
	display: block; 
	width: auto; 
	height: 31px; 
	margin-bottom: -1px; 
	padding: 0 5px;
	border-top: 1px solid #ccc; 
	border-left: 1px solid #ccc; 
	background: url(../Graphics/Tabnav_bg.gif) repeat-x top left;
}
ul#tabbox_nav li a#last { border-right: 1px solid #ccc; }
ul#tabbox_nav li .selected { border-bottom: 1px solid #fff !important; }

/* Tabcontent */
.tabcontent 
{ 
	clear: both; 
	position: relative;
	width: 594px; 
	min-height: 140px;
	height: auto !important;
	height: 140px;
	padding: 10px 1px; 
	border: 1px solid #ccc; 
	border-top: none; 
}
.tabcontent .button
{
	position: absolute;
	width: 110px;
	height: 24px;
	line-height: 24px;
	bottom: 3px;
	right: 3px;
	background: url(../Buttons/Button.gif) no-repeat top left;
	color: #666;
	text-decoration: none;
	text-align: center;
}
.tabcontent .button:hover
{
	color: #1f2f36;
}
.tabcontent ul 
{ 
	list-style: none; 
	margin: 0; 
}
.tabcontent li 
{ 
	display: block; 
	width: 574px; 
	margin: 0; 
	padding: 5px 10px; 
	overflow: hidden; 
	color: #2a3e46; 
	list-style-type: none; 
	list-style-position: outside; 
}
.even 
{ 
	background: url(../Graphics/Tabcontent_ul_bg.gif) repeat-x top left; 
}
.oneven 
{
	background: none; 
}
.datum 
{ 
	display: inline-block; 
	margin: 0 0 5px 0; 
	font-weight: bold; 
	color: #2a3e46;
}
/*------------------------------- END TABBOX -------------------------------*/

/*------------------------------- START CONTACTFORM -------------------------------*/
form#contactform 
{ 
	float: left; 
	width: 600px; 
}
form#contactform .input 
{ 
	float: left; 
	width: 197px;
	height: 17px; 
	padding: 3px 0 0 3px; 
	font-family: Verdana, Arial, sans-serif; 
	font-size: 11px; 
	border: 1px solid #999; 
} 
form#contactform .label 
{
	float: left; 
	width: 120px; 
	height: 20px; 
	line-height: 20px;
}
form#contactform .textarea, 
form#contactform .textareared 
{ 
	float: left; 
	width: 400px; 
	height: 200px; 
	font-family: Verdana, Arial, sans-serif; 
	font-size: 11px; 
	overflow: auto;
}
form#contactform .textarea2, 
form#contactform .textarea2red 
{ 
	float: left;
	width: 400px; 
	height: 100px; 
	font-family: Verdana, Arial, sans-serif; 
	font-size: 11px; 
	overflow: auto; 
}
form#contactform .inputred 
{ 
	float: left; 
	width: 197px; 
	height: 17px;
	padding: 3px 0 0 3px; 
	font-family: Verdana, Arial, sans-serif; 
	font-size: 11px; 
	border: 1px solid #c00; 
}
form#contactform .select 
{
	float: left; 
	width: 202px; 
	padding: 3px 2px; 
	height: auto; 
	font-family: Verdana, Arial, sans-serif; 
	font-size: 11px; 
	border: 1px solid #999; 
}
form#contactform .textarea, 
form#contactform .textarea2 
{ 
	border: 1px solid #999; 
	overflow: auto;
}
form#contactform .textareared, 
form#contactform .textarea2red 
{ 
	border: 1px solid #c00; 
}

form#contactform .info 
{ 
	float: left; 
	display: block; 
	width: 568px; 
	padding: 5px 5px 5px 25px; 
	background: #eee url(../Graphics/Info.gif) no-repeat 2px 4px; 
	border: 1px solid #ddd;
}
form#contactform .error 
{ 
	float: left; 
	display: block;
	width: 568px;
	padding: 5px 5px 5px 25px; 
	background: #edd5d5 url(../Graphics/Error.gif) no-repeat 2px 4px;
	border: 1px solid #c00;
	color: #c00;
}
form#contactform .submit 
{ 
	margin: 10px 0 0 120px; 
	padding: 4px; 
	background: #2a3e46; 
	border: none; 
	color: #fff;
	cursor: pointer; 
}
/*------------------------------- END CONTACTFORM -------------------------------*/

/*------------------------------- START INNERNAV -------------------------------*/
ul.innernav 
{ 
	width: 600px; 
	min-height: 20px;
	height: auto !important; 
	height: auto; 
	margin: 10px 0 0 0; 
}
ul.innernav li 
{
	float: left; 
	display: inline; 
	height: 25px; 
	line-height: 25px; 
	margin: 0 1px 1px 0; 
}
ul.innernav li:first-child 
{ 
	border: none; 
}
ul.innernav li a:link, 
ul.innernav li a:visited, 
ul.innernav li a:active 
{ 
	display: inline-block; 
	height: 25px; 
	line-height: 25px; 
	padding: 0 10px; 
	background: #eee; 
	text-decoration: none; 
}
ul.innernav li a:hover, 
ul.innernav li a.innernav_active 
{ 
	background: #2a3e46 !important; 
	color: #fff; 
}

/* Small version */
ul.innernav_small 
{ 
	width: 600px; 
	height: 20px; 
	margin: 10px 0 0 0; 
} 
ul.innernav_small li 
{ 
	float: left;
	display: inline;
	height: 25px; 
	width: auto; 
	line-height: 25px; 
	margin: 0 1px 1px 0; 
}
ul.innernav_small li:first-child 
{ 
	border: none;
}
ul.innernav_small li a:link, 
ul.innernav_small li a:visited, 
ul.innernav_small li a:active 
{ 
	display: inline-block; 
	height: 25px; 
	line-height: 25px; 
	padding: 0 5px; 
	background: #eee; 
	text-decoration: none;
}
ul.innernav_small li a:hover, 
ul.innernav_small li a.innernav_small_active 
{ 
	background: #2a3e46 !important; 
	color: #fff; 
}
/*------------------------------- END INNERNAV -------------------------------*/

/*------------------------------- START DL -------------------------------*/
dl dt 
{ 
	margin: 10px 0; 
}
/*------------------------------- END DL -------------------------------*/

/*------------------------------- START ANDERE VACATURES -------------------------------*/
div.vacaturebox
{
	padding: 10px; 
	background: #eee;
	border: 1px solid #ddd; 
}
div#andere_vacatures 
{ 
	margin: 20px 0 0 0; 
	padding: 10px; 
	background: #eee; 
	border: 1px solid #ccc;
}
/*------------------------------- END ANDERE VACATURES -------------------------------*/

/*------------------------------- START SITEMAP -------------------------------*/
ul.sitemap 
{ 
	float: left;
	width: 260px;
	margin: 10px 0 10px 30px;
} 
ul.sitemap li
{
	font-weight: bold;
}
ul.sitemap li ul 
{
	margin: 10px 0 10px 25px; 
}
ul.sitemap li ul li
{
	list-style-type: disc;
	font-weight: normal;
}
/*------------------------------- END SITEMAP -------------------------------*/

/*------------------------------- START ACTUALITEIT -------------------------------*/
ul#actualiteit 
{ 
	margin: 25px 0 10px 0; 
	border-bottom: 1px solid #ccc; 
}
ul#actualiteit li 
{ 
	margin: 0 0 20px 0; 
	padding: 0 0 0 25px; 
	background: url(../Graphics/Actualiteit_icon.gif) no-repeat left center; 
	list-style: none; 
	line-height: 16px;
}
ul#actualiteit a#actualiteit_active 
{ 
	font-weight: bold;
}
/*------------------------------- END ACTUALITEIT -------------------------------*/

/*------------------------------- START ONLINE TOOLS -------------------------------*/
/* Box */
div.dottedbox,
div.resultaat
{
	float: left;
	width: 100%;
	margin: 10px 0;
	padding: 10px;
	border: 1px dotted #ccc;
}
div.resultaat
{
	height: auto;
	min-height: 100px !important;
	height: 100px;
	background: url(../Graphics/Bereken.gif) no-repeat 10px 10px;
}
div.resultaat p
{
	margin: 15px 0 0 45px;
}
/* Formulier */
form.online_tools_form
{
	float: left;
	margin: 10px 0;
}
form.online_tools .label
{
	display: block;
	float: left;
	width: 50px;
	height: 20px;
	line-height: 20px;
}
form.online_tools_form .input
{
	float: left;
	width: 200px; 
	height: 17px; 
	padding: 3px 0 0 3px; 
	border: 1px solid #ccc; 
	font-family: Verdana, Arial, sans-serif; 
	font-size: 11px;
}
form.online_tools_form .submit
{
	clear: both;
	float: left;
	margin: 10px 10px 10px 0 !important; 
	padding: 4px; 
	background: #2a3e46; 
	border: none; 
	color: #fff; 
	cursor: pointer;
}
/*------------------------------- END ONLINE TOOLS -------------------------------*/

/*------------------------------- START ADVERTENTIES -------------------------------*/
div#advertenties table 
{ 
	width: 600px; 
	margin: 20px 0 0 0; 
	border-collapse: collapse; 
}
div#advertenties table td 
{ 
	padding: 5px; 
	border: 1px solid #ccc; 
}
div#advertenties table tr.titel 
{ 
	background: #2a3e46; 
	color: #fff; 
}
/*------------------------------- END ADVERTENTIES -------------------------------*/

/*------------------------------- START AGENDA -------------------------------*/
div#agenda_detailbox
{
	margin: 10px 0 0 0;
	padding: 10px 20px;
	background: #eee;
	border: 1px solid #ddd;
}

ul#agenda 
{
	margin: 25px 0 10px 0; 
}
ul#agenda li 
{ 
	position: relative;
	margin: 0 0 20px 0; 
	list-style: none; 
	line-height: 16px;
	min-height: 60px;
	height: auto !important;
	height: auto; 
	overflow: hidden;
}
ul#agenda li img {
	/*
	position: absolute;
	right: 0;
	top: -20px;
	*/
	float: right;
	margin-left: 10px;
	
}

ul#agenda_legende 
{ 
	margin: 20px 0 0 0; 
	border-bottom: 1px solid #ccc;
}
ul#agenda_legende li 
{ 
	margin: 0 0 10px 0; 
	list-style: none; 
}
.agenda_active ,a:hover.agenda_active { font-weight: bold !important; text-decoration: none; }
.agenda_cat_1, .agenda_cat_2, .agenda_cat_3, .agenda_cat_4, .agenda_cat_5, .agenda_cat_6, .agenda_cat_7, .agenda_cat_8, .agenda_cat_9, .agenda_cat_10, .agenda_cat_, .agendasubcat { line-height: 16px; padding: 0 0 0 25px; } 
.agenda_cat_1 { background: url(../Graphics/Agenda_cat_1.gif) no-repeat center left; }
.agenda_cat_2 { background: url(../Graphics/Agenda_cat_2.gif) no-repeat center left; }
.agenda_cat_3 { background: url(../Graphics/Agenda_cat_3.gif) no-repeat center left; }
.agenda_cat_4 { background: url(../Graphics/Agenda_cat_4.gif) no-repeat center left; }
.agenda_cat_5 { background: url(../Graphics/Agenda_cat_5.gif) no-repeat center left; }
.agenda_cat_6 { background: url(../Graphics/Agenda_cat_6.gif) no-repeat center left; }
.agenda_cat_7 { background: url(../Graphics/Agenda_cat_7.gif) no-repeat center left; }
.agenda_cat_8 { background: url(../Graphics/Agenda_cat_8.gif) no-repeat center left; }
.agenda_cat_9 { background: url(../Graphics/Agenda_cat_9.gif) no-repeat center left; }
.agenda_cat_10 { background: url(../Graphics/Agenda_cat_10.gif) no-repeat center left; }
.agenda_cat_ { background: url(../Graphics/Agenda_cat_10.gif) no-repeat center left; }
.agendasubcat {  background: url(../Graphics/Agenda_icon.png) no-repeat center left; }

.datum2, .plaats, .taal, .organisator, .contactpersoon, .annuleren, .doelgroep, .prijs, .telefoon, .fax, .email, .website { display: inline-block; padding: 0 0 0 25px; height: 30px; line-height: 30px; font-weight: bold; }
.datum2 { background: url(../Graphics/Datum_icoon.gif) no-repeat center left; }
.plaats { background: url(../Graphics/Plaats_icoon.gif) no-repeat center left; }
.taal { background: url(../Graphics/Taal_icoon.gif) no-repeat center left; }
.organisator { background: url(../Graphics/Organisator.gif) no-repeat center left; }
.contactpersoon { background: url(../Graphics/Contactpersoon_icoon.gif) no-repeat center left; }
.telefoon { background: url(../Graphics/Tel_icoon.gif) no-repeat center left; }
.fax { background: url(../Graphics/Fax_icoon.gif) no-repeat center left; }
.email { background: url(../Graphics/Email_icoon.gif) no-repeat center left; }
.website { background: url(../Graphics/Website_icoon.gif) no-repeat center left; }
.annuleren { background: url(../Graphics/Annuleren.gif) no-repeat center left; }
.doelgroep { background: url(../Graphics/Doelgroep.gif) no-repeat center left; }
.prijs { background: url(../Graphics/Prijs.gif) no-repeat center left; }
/*------------------------------- END AGENDA -------------------------------*/

/*------------------------------- START MENDELEJEV -------------------------------*/
table#mendelejev 
{ 
	margin: 20px 0;
	empty-cells: hide;  
}
table#mendelejev td.noborder 
{ 
	border: none; 
	text-align: left; 
}
table#mendelejev tr.licht 
{
	background: #fff;
}
table#mendelejev tr.donker
{ 
	background: #eee; 
}
table#mendelejev td 
{ 
	padding: 6px; 
	border: 1px solid #ccc; 
	text-align: center; 
}
table#mendelejev td:hover 
{ 
	background: #e2e2e2; 
	cursor: pointer; 
}
table#mendelejev .label 
{
	float: left;
	width: 150px;
	height: 20px;
	line-height: 20px;
	font-weight: bold;
}
table#mendelejev input 
{ 
	float: left;
	width: 300px;
	height: 20px;
	border: none;
	background: none;
}
/*------------------------------- END MENDELEJEV -------------------------------*/

/*------------------------------- START DATABANK -------------------------------*/
div.databank 
{ 
	margin: 20px 0 0 0; 
	padding: 10px; 
	background: #ebebeb url(../Graphics/Databank_bg.gif) repeat-x top left; 
	border: 1px solid #e5e5e5; 
}
div.databank a 
{ 
	text-decoration: none; 
}
div.databank a:hover 
{ 
	text-decoration: none;
}
div.databank form .label 
{ 
	float: left; 
	width: 120px; 
	height: 20px; 
	margin: 10px 0; 
	line-height: 20px; 
}
div.databank form .input 
{ 
	float: left; 
	width: 300px; 
	height: 17px; 
	margin: 10px 0; 
	padding: 3px 0 0 3px; 
	border: 1px solid #ccc; 
	font-family: Verdana, Arial, sans-serif; 
	font-size: 11px; 
}
div.databank form .inputred 
{ 
	float: left; 
	width: 197px; 
	height: 17px; 
	margin: 10px 0; 
	padding: 3px 0 0 3px; 
	border: 1px solid #c00; 
	font-family: Verdana, Arial, sans-serif; 
	font-size: 11px; 
}
div.databank form .submit 
{ 
	float: left; 
	margin: 10px 0 0 5px;
	padding: 3px; 
	background: #2a3e46;
	border: none; 
	color: #fff; 
	cursor: pointer; 
	font-size: 11px;
}
table#databank
{
	width: 100%;
}
table#databank a
{
	text-decoration: none;
	color: #fff;
}
table#databank td
{
	padding: 5px;
}
table#databank td.hoofdrubriek
{
	padding: 10px;
	background: #2a3e46; 
	border-top: 1px solid #3d545d;
	border-bottom: 1px solid #1d3038;
}
table#databank tr:hover td.hoofdrubriek
{
	background: #3f5964; 
}

table#databank td.niveau2
{
	background: #688996;
	border-top: 1px solid #7b9daa;
	border-bottom: 1px solid #5e7c87;
}
table#databank tr:hover td.niveau2
{
	background: #84a3af;
}
table#databank td.niveau3
{
	background: #9baeb6;
	border-top: 1px solid #b8c6cc;
	border-bottom: 1px solid #8d9fa6;
}
table#databank tr:hover td.niveau3
{
	background: #b2c2c9;
}

/*------------------------------- END DATABANK -------------------------------*/

/*------------------------------- START WOORDENBOEK -------------------------------*/
div.woord
{
	border-top: 1px solid #eee;
	padding: 10px;
}
div.woord h1
{
	margin: 0 0 15px 0;
}
div.woord ul li
{
	list-style-type: none;
	margin: 10px 0 10px 0;
	padding: 5px 30px;
}
div.woord ul li.flag_nl { background: url(../Graphics/Nl.gif) no-repeat center left; }
div.woord ul li.flag_fr{ background: url(../Graphics/Fr.gif) no-repeat center left; }
div.woord ul li.flag_de { background: url(../Graphics/De.gif) no-repeat center left; }
div.woord ul li.flag_en { background: url(../Graphics/En.gif) no-repeat center left; }

#form_woordenboek
{
	border: 1px solid #eee;
	margin: 10px 0 15px 0;
	padding: 10px 10px 10px 10px;
}
#form_woordenboek .select
{
	width: 246px;
	padding: 2px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;	
}
#form_woordenboek .submit
{
	width: 80px;
	height: 22px;
	background: #2a3e46;
	border: none;
	color: #fff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	cursor: pointer;
}
/*------------------------------- END WOORDENBOEK -------------------------------*/

/*------------------------------- START OPPERVLAKTE LINK -------------------------------*/
a.opp_link 
{ 
	float: left; 
	display: inline-block; 
	width: 100px; height: 25px; 
	line-height: 25px; 
	margin: 1px; 
	padding: 0 5px; 
	background: #eee; 
	text-align: center; 
	text-decoration: none !important; 
	color: #333;
}
a:hover.opp_link, 
a#opp_link_active 
{ 
	background: #2a3e46;
	color: #fff;
}
/*------------------------------- END OPPERVLAKTE LINK -------------------------------*/

/*------------------------------- START PUBLICATIES -------------------------------*/
div.publicatie
{
	border-top: 1px solid #ccc;
	margin: 15px 0;
	padding: 20px 10px 0 20px;
}
div.publicatie h1
{
	margin: 0 0 10px 0;
}
/*------------------------------- END PUBLICATIES -------------------------------*/

/*------------------------------- START ACTUALITEIT -------------------------------*/
div#actualiteit img
{
	padding: 2px; 
	border: 1px solid #ccc;
}
/*------------------------------- END ACTUALITEIT -------------------------------*/

/*------------------------------- START BOX -------------------------------*/
#box1, #box2, #box3, #box4, #box5, #box6 
{ 
	display: none; 
}
#box1 h1, #box2 h1, #box3 h1, #box4 h1, #box5 h1, #box6 h1
{ 
	margin: 25px 0 0 0; 
}
/*------------------------------- END BOX -------------------------------*/

/*------------------------------- START AUTOSUGGEST ------------------------------*/ 
.suggestionsBox
{
	clear: both;
	position: relative;
	top: -10px;
	left: 120px;
	width: 304px;
	margin: -20px 0 0 0;
	padding: 0;
	background: #1f2f36;
	color: #fff;
}
.suggestionList 
{
	margin: 0;
	padding: 15px 0 0 0;
}
.suggestionList li
{
	margin: 0;
	padding: 6px 0;
	list-style: none;
	cursor: pointer;	
}
.suggestionList li:hover
{
	background: #334b56 !important;
}
.suggestionList li a
{
	margin: 0;
	padding: 0;
}
/*------------------------------- END AUTOSUGGEST ------------------------------*/ 

/*------------------------------- START FOOTER -------------------------------*/
div#footer 
{ 
	clear: both; 
	margin: 20px 0; 
	padding: 10px; 
	border-top: 1px solid #ccc; 
	color: #999; 
} 
div#footer a:link,
div#footer a:visited,
div#footer a:active
{ 
	color: #999; 
} 
div#footer a:hover 
{ 
	color: #2b3f47; 
} 
div#footer span.floatleft,
div#footer span.floatright
{
	padding: 0 0 10px 0;
}
/*------------------------------- END FOOTER -------------------------------*/

/*------------------------------- START HEADINGS -------------------------------*/
h1, span.cms_title 
{ 
	display: block;
	margin: 0; 
	font-size: 12px;
	font-weight: bold; 
	color: #bb2426;
}
/*------------------------------- END HEADINGS -------------------------------*/

/*------------------------------- START BUTTONS ------------------------------*/ 
/* Online inschrijven */
a.inschrijven_NL, 
a.inschrijven_FR, 
a.inschrijven_EN 
{ 
	float: right; 
	display: inline-block;
	width: 200px; 
	height: 35px; 
	margin: 10px 0; 
	text-indent: -9999px; 
}
a.inschrijven_NL { background: url(../Buttons/Inschrijven_NL.gif) no-repeat top left; }
a.inschrijven_FR { background: url(../Buttons/Inschrijven_FR.gif) no-repeat top left; }
a.inschrijven_EN { background: url(../Buttons/Inschrijven_EN.gif) no-repeat top left; }
/*------------------------------- END BUTTONS ------------------------------*/ 

/*------------------------------- START GEKLEURDE TEKST ------------------------------*/ 
span.rood { color: #bb2426; } 
span.oranje { color: #f8991d; }
span.blauw { color: #8290b1; }
/*------------------------------- END GEKLEURDE TEKST ------------------------------*/ 

/*------------------------------- START OTHER CLASSES -------------------------------*/
.clear { clear: both; }
.important { font-weight: bold; }
.italic { font-style: italic; }
.underline { text-decoration: underline; }
.imgborder { padding: 2px; border: 1px solid #ccc; }
.imgborderleft { float: left; margin: 0 10px 10px 0; padding: 1px; border: 2px solid #eee; }
.imgborderright { float: right; margin: 0 0 10px 10px; padding: 1px; border: 2px solid #eee; }
.floatleft { float: left; }
.floatright { float: right; }
.hidden { display: none; }
.red, .error { color: #c00 !important; }
.naarboven { clear: both; float: left; height: 20px; margin: 15px 0; padding: 0 0 0 20px; background: url(../Graphics/Naar_boven.gif) no-repeat left center; }
.terug { clear: both; height: 20px; padding: 0 0 0 20px; background: url(../Graphics/Terug.gif) no-repeat left center; }
.terug2 { clear: both; height: 20px; padding: 0 0 0 20px; background: url(../Graphics/Pdf2.gif) no-repeat left center; }
.inspring { margin: 10px 10px 10px 30px; }
.pdf { display: inline-block; height: 30px; line-height: 30px; padding: 10px 0 10px 40px; background: url(../Graphics/Pdf.gif) no-repeat center left; }
.pdf2 { display: inline-block; height: 30px; line-height: 30px; padding: 10px 0 10px 40px; background: url(../Graphics/Pdf2.gif) no-repeat center left; }
.bestel { display: inline-block; height: 30px; line-height: 30px; padding: 10px 0 10px 40px; background: url(../Graphics/Bestel.gif) no-repeat center left; }
.download { display: inline-block; height: 30px; line-height: 30px; padding: 10px 0 10px 40px; background: url(../Graphics/Download.gif) no-repeat center left; color:#bb2426 !important; font-weight: bold; }
.inschrijven { float: right; font-weight: bold; display: inline-block; height: 30px; line-height: 30px; padding: 10px 0 10px 40px; background: url(../Graphics/Inschrijven.gif) no-repeat center left; }
.word { display: inline-block; height: 30px; line-height: 30px; padding: 10px 0 10px 25px; background: url(../Graphics/Word.gif) no-repeat center left; }
.next, #next { display: inline-block; height: 30px; line-height: 30px; padding: 10px 0 10px 40px; background: url(../Graphics/Next.gif) no-repeat center left; color:#bb2426 !important; font-weight: bold; }
.database { display: inline-block; height: 30px; line-height: 30px; padding: 10px 0 10px 40px; background: url(../Graphics/Database.gif) no-repeat center left; color:#bb2426 !important; font-weight: bold; }
/*------------------------------- END OTHER CLASSES ------------------------------*/ 



a.captcha{
    position:relative;
	display: block;
	width: 25px;
	height: 18px;
	background: url(../Graphics/Vraag.gif) no-repeat;
    z-index:24; background-color:#ccc;
    color:#000;
	text-decoration: none;
	}

a.captcha:hover{z-index:25; background-color:#ff0}

a.captcha span{display: none}

a.captcha:hover span{ /*the span will display just on :hover state*/
    display: inline-block;
    position:absolute;
    top:2em; 
	left:2em; 
	width:15em;
	padding: 10px;
    border: 1px solid #ddd;
    background-color:#eee; 
	color:#333;
    text-align: center
	}