/****************************/
/***** Global Settings *****/
/****************************/

* {
	padding:0;
	margin:0;
    }



html, body, div, span, applet, object, iframe,

h1, h2, h3, h4, h5, h6, p, blockquote, pre,

a, abbr, acronym, address, big, cite, code,

del, dfn, em, font, img, ins, kbd, q, s, samp,

small, strike, strong, sub, sup, tt, var,

b, u, i, center,

dl, dt, dd, ol, ul, li,

fieldset, form, label, legend,

table, caption, tbody, tfoot, thead, tr, th, td {

	margin: 0;

	padding: 0;

	border: 0;
	border-collapse:separate;
	border-spacing:0px;

	outline: 0;

	font-size: 100%;

	vertical-align: baseline;

	background: transparent;

}





/* ************************************************** */
/* ******************* Basis ************************ */
/* ************************************************** */

body {
	font: 80%/1.5em Arial, Helvetica, sans-serif;
	background: #E6E6E6 url(../images/bg_site.jpg) repeat-x;
	color: #013866;
}
a/* ******************* LINK ************************ */

  {
	text-decoration:none;
	color: #3399cc;
}

a:hover {
	text-decoration:none;
	color: #999999;
}

/* ***************** HEADINGS + Titles ******************** */

h1, h2, h3, h4, h5, h6 {
margin:0;
padding:0;
font-weight:normal;
}

h1 {
	padding:0px;
	font:bold 12px Verdana, Arial, Helvetica, sans-serif;
	color: #005282;
	margin-bottom: 10px;
	background: url(../images/line_h1.jpg) no-repeat 0px 19px;
	height: 20px;
}

h2 {
	padding:0px 0;
	font:bold 12px Verdana, Arial, Helvetica, sans-serif;
	color: #3399cc;
	margin-bottom: 10px;
}

h3 {
	padding:0px;
	font:bold 11px Arial, Helvetica, sans-serif;
	color: #005282;
	margin-bottom: 5px;
}

h4 {
	padding:0px 0;
	font:bold 10px Arial, Helvetica, sans-serif;
	color: #005282;
	margin-bottom: 10px;
}

blockquote {
margin:22px 40px;
padding:0;
}

small {
font-size:0.85em;
}

sup {
position:relative;
bottom:0.3em;
vertical-align:baseline;
}

sub {
position:relative;
bottom:-0.2em;
vertical-align:baseline;
}

acronym, abbr {
cursor:help;
letter-spacing:1px;
border-bottom:1px dashed;
}


.note{
	color: #666666;
	font-size: 11px;
}

/* ******************* GLOBAL TAGS ************************ */
.hr {
	width: 100%;
	height: 1px;
	border-top: 1px dotted #ccc;
	border-right: 0 none #ccc;
	border-bottom: 0 none #ccc;
	border-left: 0 none #ccc;
	margin: 0px 0px 5px;
	padding: 0px;
}

ol,ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
	}

#content li{
	list-style: url(../images/icon_li.gif) inside;
}
/* bovenstaande maakt treeview stuk, dus daarom deze onderstaande: */
#content #structuurtree li,
#content #landentree li,
#content .exportsectorcontainer li
/*#content #boxtree li,*/
{
	list-style: none;
}

img {
	border:0;

}




/* ******************* GLOBAL CLASSES ******************** */


.clear 			{ 
	clear:both;
	height:1px;
	overflow:hidden;
	margin-top:-1px;

 }

.float-left 	{ float:left; }
.float-right 	{ float:right; }

.text-left 		{ text-align:left; }
.text-right 	{ text-align:right; }
.text-center 	{ text-align:center; }
.text-justify 	{ text-align:justify; }

.bold 			{ font-weight:bold; }
.italic 		{ font-style:italic; }
.underline 		{ border-bottom:1px solid; }
.highlight 		{ background:#ffc; }

.img-left 		{ float:left;margin:4px 10px 4px 0; }
.img-right 		{ float:right;margin:4px 0 4px 10px; }

.nopadding 		{ padding:0; }
.noindent 		{ margin-left:0;padding-left:0; }
.nobullet 		{ list-style:none;list-style-image:none; }

.pic {
	border: 1px solid #dfe1e0;
	padding: 1px;
	background: #FFFFFF;	
}

.spacer {

	width: 1px;

	float: left;

	display: block;

	margin: 0px 14px 0px 15px;

	padding: 0px;

}
.space  { padding: 5px }

.space2 { padding: 10px }

.space3 { padding: 20px }

.spacebottom{

	margin-bottom: 10px;

}
.half{
	float: left;
	width: 215px;
	padding: 10px;
}




/* ************************************************** */	
/* ******************* FRAMEWORK ******************** */
/* ************************************************** */

#wrapper     {
	width: 940px;
	padding: 0;
	margin: 0 auto;
	position: relative;
	}

#leftframe{
	width: 250px;
	position: absolute;
	left: 150px;
	top: 100px;
}

#rightframe{
	width: 560px;
	padding-left: 380px;
}

#campagnepic {
	position: absolute;
	left: 0px;
	top: 110px;
	z-index: 100;
}

/* ******************* RIGHTBG ************************ */

#righttop{
	background: url(../images/bg_top_right.gif) no-repeat;
	height: 17px;
	width: 560px;
}

#rightmiddle{
	background: url(../images/bg_middle_right.gif) repeat-y;
	width: 503px;
	padding: 8px 17px 0px 43px;
	margin-top: -5px;
}

#rightbottom{
	background: url(../images/bg_bottom_right.gif) no-repeat;
	height: 17px;
	width: 560px;
}

/* ******************* TOP ************************ */

#top{
	height: 100px;
	background: url(../images/bg_top.gif) no-repeat 270px 5px;
}

.baseline{
	color: #FFFFFF;
	font: normal 30px "Trebuchet MS";
	padding-top: 60px;
	padding-left: 430px;
}

/* ******************* LOGO ************************ */

#logo  {
	
}

#logobmo{
	padding-left: 70px;
	padding-top: 20px;
	position: absolute;
	top: 440px;
	left: 150px;
}


/* ******************* CONTENT *********************** */

#content   { margin: 0px; padding: 0px}

#main   {
	
}



/* ************************************************** */
/* ******************* Navigation ******************* */
/* ************************************************** */

#nav   {
	margin: 0px;
	padding: 7px 0px 0px;
	color: #003865;
	height: 220px;
	width: 250px;
	background: url(../images/bg_nav.gif) no-repeat;
	font-size: 13px;
	font-weight: bold;
	z-index: 110;
	position: absolute;
	top: 100px;
	left: 150px;
}

#navmember   { display: none }

#nav a {
	color: #003865;
	text-decoration: none;
}

#nav a:hover {
	color: #FFFFFF;
	text-decoration: none;
}

#navitem ul {
	color: #FFFFFF;
	font-size: 14px;
	text-align: left;
	white-space: nowrap;
	list-style: none;
	margin: 0px;
	padding: 0px;
	width: 230px;
}



#navitem li {
	list-style: url(none) none;
	color: #FFFFFF;
	padding-right: 15px;
	margin: 0px 10px;
/*
	background: url(../images/line_nav.gif) no-repeat -10px 29px;
	height: 30px;
*/
	height: 20px;
	width: 200px;
	display: block;
	padding-left: 0px;
	padding-top: 5px;
}


#navitem .navactif{
	color: #FFFFFF;
	text-decoration: none;
}

#navitem .navactif a {
	color: #FFFFFF;
	text-decoration: none;
}

#navitem .navactif a:hover {
	color: #013866;
	text-decoration: none;
}


/* ************************************************** */
/* ******************* LANGUAGE *********************** */
/* ************************************************** */
#language{
	float: left;
	width: 160px;
	margin: 30px 0px 0px;
	padding: 0px 0px 0px 40px;
	text-transform: uppercase;
	font-size: 11px;
}

#language a{
	color: #FFFFFF;
	text-decoration: none;
}

#language a:hover{
	color: #3399cc;
	text-decoration: none;
}


#language span.langactif a{
	color: #3399cc;
	text-decoration: none;
}

#language span.langactif a:hover{
	color: #3399cc;
	text-decoration: none;
}


/* ************************************************** */
/* ******************* SUBNav *********************** */
/* ************************************************** */

#subnav   {
	margin: 30px 0px 10px;
	padding: 0px;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	width: 350px;
	text-align: right;
	float: right;
}

#subnav a {
	color: #FFFFFF;
	text-decoration: none;
}

#subnav a:hover {
	color: #00AEEF;
	text-decoration: none;
}

#subnavitem ul {
	color: #FFFFFF;
	font-size: 1em;
	text-align: right;
	white-space: nowrap;
	list-style: none;
	margin: 0px;
	padding: 10px 0px 0px;
}



#subnavitem li {
	display: inline;
	list-style: none;
	color: #FFFFFF;
	padding-right: 10px;
	padding-left: 10px;
	margin: 0px;
}


#subnavitem .subnavactif{
	color: #00AEEF;
	text-decoration: none;
}

#subnavitem .subnavactif a {
	color: #00AEEF;
	text-decoration: none;
}

#subnavitem .subnavactif a:hover {
	color: #FFFFFF;
	font-weight: bold;
}


/* ************************************************** */
/* ******************* HOMEPAGE ********************* */
/* ************************************************** */

#boxnewsletter{
	width: 220px;
	background: url(../images/box_newsletter.gif) no-repeat;
	margin-top: 60px;
	padding: 15px;
	color: #FFFFFF;
	font-weight: bold;
	height: 60px;
	z-index: 200;
	top: 300px;
	position: absolute;
	left: 150px;
}


#boxnews{
	width: 230px;
	background: url(../images/bg_boxnews.gif) no-repeat;
	margin-top: 60px;
	padding: 15px;
	color: #FFFFFF;
	font-weight: bold;
	height: 123px;
	z-index: 200;
	top: 315px;
	position: absolute;
	left: 150px;
}

#boxmember{
	width: 230px;
	background: url(../images/bg_boxmember.gif) no-repeat;
	margin-top: 60px;
	padding: 15px;
	color: #FFFFFF;
	font-weight: bold;
	height: 80px;
	z-index: 200;
	top: 100px;
	position: absolute;
	left: 150px;
}

#boxtree{
	width: 254px;
	background: url(../images/bg_boxtree.gif) no-repeat bottom;
	margin-top: 60px;
	color: #FFFFFF;
	font-weight: bold;
	z-index: 200;
	top: 450px;
	position: absolute;
	left: 150px;
}

#boxtreemember{
	width: 254px;
	background: url(../images/bg_boxtree.gif) no-repeat bottom;
	margin-top: 60px;
	color: #FFFFFF;
	font-weight: bold;
	z-index: 200;
	top: 240px;
	position: absolute;
	left: 150px;
}

#boxtree_top{
	background: url(../images/bg_boxtree_top.gif) no-repeat top;
	height: 10px;
	width: 254px;
}

#boxnews a, #boxmember a{
	color: #FFFFFF;
	text-decoration: none;
}

#boxnews a:hover, #boxmember a:hover{
	color: #3399cc;
	text-decoration: none;
}

#boxnews ul li,#boxmember ul li{
	list-style: url(none) none;
	padding-bottom: 6px;
}

#boxnews .active, #boxmember .active{
	color: #71b7e5;
	text-decoration: none;
}


#boxnews .active a, #boxmember .active a{
	color: #71b7e5;
	text-decoration: none;
}


#boxnews .active a:hover, #boxmember .active a:hover{
    color: #ffffff;
	text-decoration: none;
	
}

/* ************************************************** */
/* ******************* SUBPAGES ********************* */
/* ************************************************** */

.date{
	color: #999999;
	margin-bottom: 10px;
	font-size: 10px;
}


.pictures{
	margin-bottom: 15px;
	padding: 1px;
}

.picthcont{}

.picbig{
	margin-bottom: 15px;
	padding: 1px;
}

.picth{
	float: left;
	height: 70px;
	width: 100px;
/*	overflow: hidden;*/
	padding: 1px;
	border: 1px solid #Efefef;
	margin-right: 15px;
	margin-bottom: 15px;
}



/* ******************* LISTS ********************* */

.listcont{
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px dotted #CCCCCC;
}

.listpic{
	float: left;
	width: 100px;
	border: 1px solid #e3e1e1;
/*
	height: 70px;
	overflow: hidden;
*/
	margin-right: 15px;
	padding: 1px;
}

.listtxtcont{
	float: left;
	width: 380px;
}

.listtitle{
	font-weight: bold;
	padding-bottom: 5px;
	color: #336699;
}

.listtitle a{
	color: #336699;
	text-decoration: none;
}

.listtitle a:hover{
	color: #3399cc;
	text-decoration: none;
}

.listdate{
	color: #999999;
	font-weight: normal;
	font-size: 11px;
}

.listtxt{
	margin-bottom: 5px;
}

/* ******************* PAGENAV ********************* */

.box {
	border:1px solid #e3e1e1;
	line-height:1.3em;
	font-size:0.95em;
	margin-bottom: 20px;
}

.box .pagenavi {
	background:#f6f6f6 url(../images/bg_pagenav.gif) repeat-x;
	margin:0pt 1px;
	padding:2px;
}
.number{
	float: left;
	width: 190px;
	color: #3399cc;
	text-transform: uppercase;
	font-size: 90%;
	font-weight: bold;
	padding: 2px;
}

.number2{
	float: left;
	width: 450px;
	color: #3399cc;
	text-transform: uppercase;
	font-size: 90%;
	font-weight: bold;
	padding: 2px;
}
.pagenav{
	float: right;
	width: 290px;
	text-align: right;
	padding-right: 5px;
	padding-top: 2px;
}

/* ******************* Member ********************* */

.box_member {
	border:1px solid #e3e1e1;
	line-height:1.6em;
	font-size:0.95em;
	margin-bottom: 20px;
	background: url(../images/bg_box_member.gif) repeat-x bottom;
}



/* ******************* LINKS *********************** */
.urlcont{
	margin-bottom: 10px;
	padding-bottom: 5px;
	border-bottom: 1px dotted #CCCCCC;
}

.url{
	margin-bottom: 5px;
}

.urltxt{
	margin-bottom: 5px;
	padding-left: 20px;
}



/* ************************************************** */
/* ******************* VLEESVERSNIJDING************** */
/* ************************************************** */

#container
	{
	padding: 0px;
	background: #fff;
	margin: 0px;
	}

#tabnav
	{
	height: 20px;
	margin: 0;
	padding-left: 10px;
	font-size: 11px;
	}

#tabnav li
	{
		margin: 0; 
		padding: 0;
  		display: inline;
  		list-style-type: none;
  	}
	
#tabnav a:link, #tabnav a:visited
	{
	float: left;
	background: #e7f1f8;
	font-size: 11px;
	line-height: 14px;
	font-weight: bold;
	padding: 2px 10px 2px 10px;
	margin-right: 4px;
	text-decoration: none;
	color: #003865;
	border-top: 1px solid #bdc5c9;
	border-right: 1px solid #bdc5c9;
	border-left: 1px solid #bdc5c9;
	}

#tabnav a:link.active, #tabnav a:visited.active
	{
	border-bottom: 1px solid #fff;
	background: #fff;
	color: #003865;
	}

#tabnav a:hover
	{
		background: #fff;
	}
	
	
/* ******************* LEVERANCIERS *********************** */	


.levcont{
	background: #FAFCFB;
	border-top: 1px dotted #CCCCCC;
	border-bottom: 1px dotted #CCCCCC;
	padding: 5px;
	margin-bottom: 10px;
}

.levcont2{
	background: #FFFFFF;
	border-top: 1px dotted #CCCCCC;
	border-bottom: 1px dotted #CCCCCC;
	padding: 5px;
	margin-bottom: 10px;
}

.levtitle{
	font-weight: bold;
	margin-bottom: 10px;
}

.levtitle a{
	color: #003966;
	text-decoration: none;
}

.levtitle a:hover{
	color: #3399cc;
	text-decoration: none;
}

.levtxtcont{
	padding-left: 20px;
}

.levdata1{
	float: left;
	width: 170px;
}

.levdata2{
	float: left;
	width: 230px;
	margin-left: 10px;
}

.levlink{
	float: right;
	width: 50px;
}	
	
	

/* ************************************************** */
/* ******************* FOOTER *********************** */
/* ************************************************** */

#footer{
	margin: 10px auto 0;
	padding: 15px 0;
	width: 560px;
	background: url(../images/line.gif) no-repeat 80px 10px;
	font-size: 10px;
	text-align: center;
}


#footer a,#footer a:link,#footer a:visited,#footer a:active {
	text-decoration: none;
	color: #58A3D1;
}

#footer a:hover {
	text-decoration: none;
	color: #1B6691;
}


/* ******************************************** */
/* ******************* STUFF ****************** */
/* ******************************************** */


.langcdcp{}

/* ******************* LEGAL *********************** */

#legal{
	color: #CCCCCC;
	text-align: right;
	width: 350px;
	float: right;
}

.toppage{
	color: #CCCCCC;
	text-align: left;
	width: 150px;
	float: left;
}

#legal a, .toppage a, .back a{
	color: #999999;
	font-size: 11px;
	text-decoration: none;
}

#legal a:hover, .toppage a:hover, .back a:hover{
	color: #013866;
	text-decoration: none;
}

.back{
	color: #999999;
	font-size: 11px;
}

/* ******************* TREEVIEW *********************** */
/*
.treeview, .treeview ul {
	padding: 0;
	margin: 0;
	list-style: url(none) none;
}	

.treeview li {
	margin: 0;
	padding: 4px 0 3px 20px;
	background: url(../images/tv-item.gif) no-repeat 0 0;
	font-size: 11px;
}

.treeview li a{
	color: #003865;
	text-decoration: none;
}

.treeview li a:hover{
	color: #3399cc;
	text-decoration: none;
}

.treeview .collapsable { background-image: url(../images/tv-collapsable.gif); }
.treeview .expandable { background-image: url(../images/tv-expandable.gif); }
.treeview .last { background-image: url(../images/tv-item-last.gif); }
.treeview .lastCollapsable { background-image: url(../images/tv-collapsable-last.gif); }
.treeview .lastExpandable { background-image: url(../images/tv-expandable-last.gif); }
*/

/* ******************* SFEERBOX *********************** */

#sfeerbox{
	margin: 0px 0px 15px;
	padding: 0px;
	height: 200px;
	overflow: hidden;
	width: 500px;
}

/* ******************* WESTSITE ****************** */

.westsite {
	text-align: right;
	float: right;
	margin: 0px;
	padding: 0px;
	}



/* ************************************************** */
/* ******************* INTRO  *********************** */
/* ************************************************** */

#introtop{
	height: 100px;
	background: url(../images/bg_top.gif) no-repeat 170px 5px;
}

.introbaseline{
	color: #FFFFFF;
	font: normal 30px "Trebuchet MS";
	padding-top: 60px;
	padding-left: 330px;
}



#intrologo{
	padding-left: 70px;
	padding-top: 20px;
	position: absolute;
	top: 360px;
	right: 60px;
}

#intropic{
	position: absolute;
	left: 80px;
	top: 140px;
	height: 342px;
	width: 643px;
}


#intronav   {
	margin: 0px;
	padding: 15px 0px 0px;
	color: #003865;
	height: 200px;
	width: 250px;
	background: url(../images/bg_nav.gif) no-repeat;
	font-size: 13px;
	font-weight: bold;
	z-index: 110;
	position: absolute;
	top: 100px;
	right: 20px;
}

#intronav a {
	color: #003865;
	text-decoration: none;
}

#intronav a:hover {
	color: #FFFFFF;
	text-decoration: none;
}

#introcampagnepic {
	position: absolute;
	left: 0px;
	top: 40px;
	z-index: 100;
}

#introfooter{
	margin: 10px auto 0;
	padding: 15px 0 15px 70px;
	width: 560px;
	background: url(../images/line.gif) no-repeat 80px 10px;
	font-size: 10px;
	text-align: center;
}

.foutmelding
{
	color: red;
}

.introslogan { display:none; }

