body{
	background-color: white;
	margin-top: 20px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 200%;}

p{
	margin: 20px 0 0px 0;
}

li{
	list-style: url(/gfx/shared/list-square.gif);
}
ol li{
	list-style: lower-latin;
}

b{
	/*color: #9cb10c;*/ /* indien color override -> opgelet, uitzonderingen schrijven voor de navigatieklassen */
}

img.noborder{
	border: 0 !important;
}
/* Big buildingblocks */	
#mainBlock{
	border: 0px solid red;
	width: 957px;
	/* margins make block center on the page */
	margin-left: auto;
	margin-right: auto;}

#mastHead{
	border-top: 1px solid #646464;
	border-bottom: 1px solid #646464;
	height: 113px;}
	
#topnavig{
	background-image: url(/gfx/shared/back-topnavig.gif);
	background-repeat: repeat-x;
	height: 19px;
	border-bottom: 1px solid #646464;}

#container{
	border: 0px solid red;
	background-image: url(/gfx/shared/back-bottom.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	/* padding nodig om onderkant te laten aansluiten
	FF/Opera : 0px
	updated: FF/opera: 10px voor IE7 na upgrade .clearfix voor IE7
	IE: minimum 1px (0px wordt geinterpreteerd als 10px ofzo
	*/
	padding-bottom: 10px !important;
	padding-bottom: 1px;
}
	
#sidenavigBlock{
	background-image: url(/gfx/shared/back-top-sidenavig.gif);
	background-repeat: repeat-x;
	border-right: 1px solid #abacad;
	width: 204px;
	padding: 30px 0 0 0;
	float: left;}

#contentBlock{
	border: 0px solid blue;	
	border-left: 1px solid #abacad;
	 /*geen width voor IE + opvullen in de breedte
	 linkermarge valt samen met rechtermarge van sidenavigBlock */
	margin: 0 0 20px -1px;
	background-image: url(/gfx/shared/back-top-contentblock.gif);
	background-repeat: repeat-x;
	padding: 10px 0 0 40px;
	text-align: justify;
	 /*width en float meegeven om positie te doen kloppen 
	na rare marge in IE bij clearfix-classe*/
	width: 712px;
	float: left;}

/* FIX FLOATING DIV #solution 1
als een div float binnen een andere div, kan de andere div de hoogte
van de encapsulated div niet zien.
Oplossing: div toevoegen waarbij je allebei de floats cleart

Nadeel: je moet een overbodige div toevoegen aan je code
*/	
	
.fixFloatingDiv, #fixFloatingDiv{
	clear: both;
	height: 1px}


/* FIX FLOATING DIV #solution 2
clear de encapsulating div met onderstaande klasse
IE negeert de pseudoclasse :after
de * html .clearfix fixt IE
*/	
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
/* clearfix workaround for IE7 */
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {
	height: 1px;}
/* End hide from IE-mac */

#footer{
	border: 0px solid green;
	color: #9cb10c;
	margin: 50px 0 0 0;
	padding-bottom: 10px;
}
	
#footerHome{
	border: 0px solid green;
	color: #9cb10c;
	margin: 10px 0 0 20px;
	padding-bottom: 10px;
}
		
/* page markup */

h3{
	border: 0px solid red;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	color: #9cb10c;
	text-transform: lowercase;
	margin: 15px 0 5px 0 !important;
	margin: 30px 0 5px 0;
}
h4{
	border: 0px solid red;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #9cb10c;
	text-transform: lowercase;
	margin: 15px 0 5px 0;
}
h5{
	border: 0px solid red;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #9cb10c;
	text-transform: lowercase;
	margin: 0 0 5px 0;
}

h6{
	border: 0px solid red;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #9cb10c;
	text-transform: lowercase;
	margin: 40px 0 0 0;}
	
h3+h6{ /* works only in FF */
	border: 0px solid red;
	margin: 00px;
}	

#nieuwsbrief h5{
	width: 100%;
	background-image: url(/gfx/shared/dot-H2-green.gif);
	background-repeat: repeat-X;
	background-position: bottom ;
	font-size: 16px !important;
	margin: 40px 0 -15px 0 !important;	
}

#nieuwsbrief h6{
	font-size: 13px !important;
	margin: 20px 0 -15px 0;
}

#contentBlock img{
	border: 1px solid #9cb10c;
	vertical-align: text-top;
	float: left;
	margin: 7px 15px 15px 0;
}

img.noFloat{
	border: 1px solid #9cb10c;
	margin: 7px 15px 15px 0;
}

/* gewone list binnen contentblock*/	
#contentBlock li{
	margin-bottom: 5px;
}	
/*
#contentBlock b + ul>li{
	color: red;
	margin-bottom: 0px !important;
	border: 1px solid green;
}
*/

	
/* navigations */

#topnavig ul{
	border: 0px solid red;
	/*padding added for FireFox */
	padding: 0px 0 0 0;
	margin: 0 0 0 10px;}
	
#topnavig li{
	display: inline;}

#topnavig a{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	font-weight: bold;
	cursor: hand;
	padding: 0 15px 0 15px;}


#topnavig a:link, #topnavig a:visited{
	color: #646464;}

#topnavig a:hover, #topnavig a:active{
	color: white;
	background-color: #9cb10c;}


	
#topnavig a.selected:link, #topnavig a.selected:visited{
	color: red;}

#topnavig a.selected:hover, #topnavig a.selected:active{
	color: white;
	background-color: #9cb10c;}
	
	
	
/* side navig */	
/*
opbouw: 
-> A is de buitenste container, met selectiepijltje
(pijltje verandert bij hover/Select)

-> DIV (met bottom dots) BINNEN de A plaatsen:
dots-achtergrond moet voorrang krijgen op A-background,
anders verdwijnen de dots onder de selectiepijltjes
*/
#sidenavigBlock div{
	background-image: url(/gfx/shared/sidenavig-dots-pattern.gif);
	background-repeat: repeat-X;
	background-position: bottom ;
	padding: 0 30px 0px 0;
	margin: 0 0px 0px 0;
	overflow: visible;}


#sidenavigBlock div.lastitem{
	margin: 0 0 0 0;
	background-image: none;}

#sidenavigBlock a{
	display: block;
	margin-bottom: 0px;
	clear: both;
	text-decoration: none;
	text-align: right;
	padding: 0 0px 0px 0;
	margin-bottom: 0px;}


#sidenavigBlock a:link, #sidenavigBlock a:visited{
	color: #646464;
	background-image: url(/gfx/shared/sidenavig-notselected.gif);
	background-position: top right;
	background-repeat: no-repeat;}

#sidenavigBlock a:hover, #sidenavigBlock a:active{
	color: white;
	background-color: #9cb10c; 
	background-image: url(/gfx/shared/sidenavig-selected.gif);
	background-position: top right;
	background-repeat: no-repeat;
	font-weight: normal;}

#sidenavigBlock a.selected:link, #sidenavigBlock a.selected:visited{
	color: #9cb10c;
	background-position: top right;
	background-image: url(/gfx/shared/sidenavig-selected.gif);
	background-repeat: no-repeat;
	font-weight: bold;}

#sidenavigBlock a.selected:hover, #sidenavigBlock a.selected:active{
	color: white;
	background-color: #9cb10c; 
	background-position: top right;
	background-image: url(/gfx/shared/sidenavig-selected.gif);
	background-repeat: no-repeat;
	font-weight: bold;}
	
/* reo in cijfers */

#table8 td{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

/* subnav fine fleur */
.subMenu a{
	line-height: 150%;
}
.subMenu a div{
	padding-bottom: 5px !important;
}
.subMenu a {/*min-height: 50px;*/} /* This is for all mozilla based browsers */
*html* .subMenu a {/*height: 50px;*/} /* This targets IE */

a.selected2nd:link, #sidenavigBlock a.selected2nd:visited{
	color: white;
	background-color: #9cb10c;
	background-position: top right;
	background-image: url(/gfx/shared/sidenavig2nd-selected.gif) !important;
	background-repeat: no-repeat;
	font-weight: bold;}

#sidenavigBlock a.selected2nd:hover, #sidenavigBlock a.selected2nd:active{
	color: white;
	background-color: #9cb10c; 
	background-position: top right;
	background-image: url(/gfx/shared/sidenavig2nd-selected.gif);
	background-repeat: no-repeat;
	font-weight: normal;}
	
#sidenavigBlock a.sublevel:link, #sidenavigBlock a.sublevel:visited{
	color: #75840b;
	background-color: #ebf5a9;
	background-position: top right;
	background-image: url(/gfx/shared/sidenavig-2nd-level.gif);
	background-repeat: no-repeat;
	font-weight: normal;}

#sidenavigBlock a.sublevel:hover, #sidenavigBlock a.sublevel:active{
	color: #75840b;
	background-color: #c5d559; 
	background-position: top right;
	background-image: url(/gfx/shared/sidenavig-2nd-level-selected.gif);
	background-repeat: no-repeat;
	font-weight: bold;}
	
#sidenavigBlock a.sublevelselected:link, #sidenavigBlock a.sublevelselected:visited{
	color: #75840b;
	background-color: #c5d559;
	background-position: top right;
	background-image: url(/gfx/shared/sidenavig-2nd-level-selected.gif);
	background-repeat: no-repeat;
	font-weight: bold;}

#sidenavigBlock a.sublevelselected:hover, #sidenavigBlock a.sublevelselected:active{
	color: white;
	background-color: #c5d559; 
	background-position: top right;
	background-image: url(/gfx/shared/sidenavig-2nd-level-selected.gif);
	background-repeat: no-repeat;
	font-weight: bold;}
	
	
#navig3levels a.sublevelselected:link, #navig3levels a.sublevelselected:visited{
	color: #75840b;
	background-color: #c5d559;
	background-position: top right;
	background-image: url(/gfx/shared/sidenavig-2nd-level-selected-open.gif) !important;
	background-repeat: no-repeat;
	font-weight: bold;}

#navig3levels a.sublevelselected:hover, #navig3levels a.sublevelselected:active{
	color: white;
	background-color: #c5d559; 
	background-position: top right;
	background-image: url(/gfx/shared/sidenavig-2nd-level-selected-open.gif) !important;
	background-repeat: no-repeat;
	font-weight: bold;}	
	
#sidenavigBlock a.sublevel2:link, #sidenavigBlock a.sublevel2:visited{
	color: #75840b;
	background-color: #f5f8de;
	background-position: top right;
	background-image: url(/gfx/shared/sidenavig-3d-level.gif);
	background-repeat: no-repeat;
	font-weight: normal;}

#sidenavigBlock a.sublevel2:hover, #sidenavigBlock a.sublevel2:active{
	color: #75840b;
	background-color: #d6e478; 
	background-position: top right;
	background-image: url(/gfx/shared/sidenavig-3d-level-selected.gif);
	background-repeat: no-repeat;
	font-weight: normal;}
	
#sidenavigBlock a.sublevel2selected:link, #sidenavigBlock a.sublevel2selected:visited{
	color: #75840b;
	background-color: #d6e478; 
	background-position: top right;
	background-image: url(/gfx/shared/sidenavig-3d-level-selected.gif) !important;
	background-repeat: no-repeat;
	font-weight: bold;}

#sidenavigBlock a.sublevel2selected:hover, #sidenavigBlock a.sublevel2selected:active{
	color: red;
	background-color: #d6e478; 
	background-position: top right;
	background-image: url(/gfx/shared/sidenavig-3d-level-selected.gif);
	background-repeat: no-repeat;
	font-weight: bold;}
	
	
/* profiel 2column verantwoordelijken*/
.rowContainer{
	margin-bottom: 35px;
	display: block;
}
.row1{
	width: 165px;
	float: left;
	display: block;
}

.row2{
	width: 300px;
	display: block;
	margin-left: 180px;	
}



/* linkrows */
#links li{
	margin: 0 0 0px 0;
	padding: 0;	
}

#links a{
	text-decoration: none;
}

/* link met buttonachtergrond */

a.linkButton{
	display: block;
	background-image: url(/gfx/shared/linkbutton.gif);
	background-repeat: no-repeat;
	width: 250px;
	height: 30px;
	text-decoration: none;
	padding: 3px 0 0 5px !important;
	margin: 10px 0 0 0;
}

a.linkButton:link, a.linkButton:visited{
	color: #809110;
}

a.linkButton:active, a.linkButton:hover{
	color: red;
}

a.newsButton{
	display: block;
	background-image: url(/gfx/shared/linkbutton.gif);
	background-repeat: no-repeat;
	width: 250px;
	height: 24px;
	text-decoration: none;
	padding: 1px 0 0 5px;
	margin: 0 0 20px 0 !important;
	margin: 0 0 20px 0;
	border: 0px dotted red;
}

a.newsButton:link, a.newsButton:visited{
	color: #809110;
}

a.newsButton:active, a.newsButton:hover{
	color: red;
}
/* finefleur */

.head{
	background-color: #c5d559;
	color: #75842b;
	font-weight: bold;
	padding-left: 2px;
}

.item{
	background-color: #ebf5a9;
	color: #75842b;
	font-weight: normal;
	padding-left: 2px;
}

.ffKalNo{
	background-color: #ebf5a9;
	font-weight: normal;
	padding-left: 2px;
}

.ffKalYes{
	background-color: #9cb10c;
	font-weight: normal;
	padding-left: 2px;
}

ul.speciaalzaak{
	display: block;
	border: 1px solid red;
}

ul.speciaalzaak li{
	display: inline;
	border: 0px solid green;
}

ul.speciaalzaak+li{
	border: 1px solid blue;
}

#nieuwsbrief h3{
	background-image: url(/gfx/ndl/home-head-finefleur.gif);
	background-repeat: no-repeat;
	background-position: top left;
	padding: 70px 0 0 0;
}

#nieuwsbrief h4{
	text-align: left !important;
	font-size: 16px;
}

#nieuwsbrief h5{
	text-align: left !important;
}




.ff_nieuw{
	background-color: #eef3cd;
	background-image: url(../gfx/shared/1px-darkgreen.gif);
	background-repeat: repeat-y;
	background-position: top;
	display: block;
	border: 1px solid #75840b;
	width: 501px !important;
	width: 497px;
	margin: 15px 0 0 0;
	
}
.ff_nb_c1{
	display: block;
	width: 250px !important;
	width: 248px;
	margin: 0 0px 0 0 !important;
	margin: 0 -2px 0 0;
	padding: 0;
	float: left;
	text-align: center;
}
.ff_nb_c2{
	display: block;
	width: 250px !important;
	width: 248px;
	margin: 0 0 0 251px !important;
	margin: 0 0 0 -2px;
	padding: 0 !important;
/*	border-left: 1px solid #75840b;
*/	text-align: center;
}

.ff_nieuw h6{
	background-color: #c5d559;
	color: #75840b;
	font-size: 14px;
	margin: 0px 0 0 0 !important;
	padding: 0 0 0 0px;
	border-bottom: 1px solid #75840b;

}



.ff_nieuw ul{
	margin-left: -20px;
}
.ff_nieuw ul, .ff_nieuw li{
	list-style: none;
	list-style-image: none;
	line-height: 150%;
}


/* workaround old reo actueel style */
#oldReoActueel{
	color: #9cb10c;
}
#oldReoActueel body{
	color: #9cb10c !important;
}

#oldReoActueel td{
		font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
		font-size : 11px;
		color: black;
		text-decoration: none;
		font-weight : normal;
}
#oldReoActueel p{
		font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
		font-size : 11px;
		color: black;
		text-decoration: none;
		font-weight : normal;
}

#oldReoActueel li{
		font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
		font-size : 11px;
		color: black;
		text-decoration: none;
		font-weight : normal;
}

.hilight{
	display: block;
	background-color: #f5f8de;
	border: 1px solid #75841d;
	padding: 5px;
}


/* extranet */
.loginForm{
	border: 0px solid red;
	width: 430px;
	background-image: url(/gfx/shared/1px-darkgreen.gif);
	background-repeat: repeat-y;
	background-position: top;	

}

.loginRow{
	display: block;
	margin: 0 0 0px 0 !important;
	margin: 0 0 -20px 0;
	padding: 0 0 5px 0 !important;
	padding: 0 0 0 0;
}

.loginLabel{
	width: 200px;
	float: left;
	text-align: right;
	font-style: italic;
}

.loginField{
	margin-left: 210px;
	padding-left: 20px;
}

/* newsoverview */
.newsRow{
	width: 700px;
	border: 0px dotted red;

}

.newsItem{
	border: 0px solid green;
	padding: 0 0 0px 0;
}

#newsOverview img{
	border: 1px dotted #646464;
	vertical-align: text-top;
	float: left;
	margin: 7px 10px 5px 0;
}


#aanvoergegevens td{
	color: white;
}


#reoaktueel h5{
	font-size: 14px;
	margin: 30px 0 -10px 0;
}

#vacatures h4{
	margin-top: 40px;
}

#vacatures ul{
	margin-top: -5px;
}

/* flandria mail archief*/
#flandriamail .pdflink{
	display: block;
	text-decoration: none;
	background-image: url(../gfx/shared/ico.pdf.gif);
	background-repeat: no-repeat;
	padding: 0px 0 0px 20px;
	margin-bottom: -20px;
}

#columnpubliek{
	display: block;
	float: left;
	width: 350px;
	padding-bottom: 20px;
}
#columnpro{
	display: block;
	float: right;
	width: 350px;
	padding-bottom: 20px;
}



/* dichtgeklapte menu's */
	
#AJ, #KR, #SZ, #M2004, #M2005, #M2006, #M2007, #M2008, #M2009, #M2010, #MR01, #MR02, #MR03, #MR04, #MR05, #MR06, #MR07, #eurepgap, #IKKB{
	display: none;
}


/* INTRANET SECTIE */

.intranet{}	
	
.intranet #contentBlock{
	border: 0px solid blue;
	display: block;
	width: 950px;
	background-image: none;
	margin-left: auto !important;
	margin-right: auto !important;
	margin-top: 0;
	margin-bottom: 0;
	padding: 0;
	float: none;
	clear: both;}

.intranetalert{
	color: red;
	font-size: 16px;
	font-weight: bold;
}
.intranet h3{
	margin: 15px 0 5px 0 !important;
}	
.intranet .row{
	margin-bottom: 20px;}

.intranet .row span, .intranet .row form{
	float: left;
	margin-right: 10px;
}	



.intranet #vvkAangifteHeader{
	padding: 0;
	margin-left: 0;
}


.intranet #vvkAangifteHeader li{
	background-color: #9cb10c;
	list-style: none;
	list-style-image: none;
	display: block;
	height: 30px !important;
	height: 32px;
	float: left;
	padding: 5px;
	margin-right: 1px;
	margin-bottom: 2px !important;
	margin-bottom: -15px;
	text-align: center;
	line-height: 100%;
}

.intranet .vvkAangifteRow{
	padding: 0;
	margin-left: 0;
	margin-bottom: -22px;
	clear: both;
}


.intranet .vvkAangifteRow li{
	background-color: #e4eea1;
	list-style: none;
	list-style-image: none;
	display: block;
	float: left;
	padding: 5px;
	margin-right: 1px;
	text-align: center;
	line-height: 100%;
}

.intranet .datum{ width: 120px;}
.intranet .produkt{ width: 250px;}
.intranet .periode{ width: 80px;}
.intranet .aangifte{ width: 80px;}
.intranet .eigenverpakk{ width: 170px;}
.intranet .wijzigen{ width: 150px;}

.intranet .wijzigen a{	text-decoration: none;}

/* opgave aangifte */
.intranet .aangifteCol1{
	float: left;
	background-color: #9cb10c;
	display: block;
	width: 200px;
	height: 25px;
	margin-right: 2px;
	padding: 2px;
}

.intranet .aangifteCol2{
	float: left;
	background-color: #e4eea1;
	display: block;
	width: 200px;
	height: 25px;
	padding: 2px;
}

.intranet .vvkdropdown{
	font-size: 9px;
}

.opgaveaangifte .row{
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 5px !important;
	margin-bottom: 1px;
	width: 410px;
	height: 25px;
}
.opvragen .row{
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 1px !important;
	margin-bottom: 1px;
	width: 410px;
}
.opgaveaangifte .buttonrow{
	text-align: center;
	margin-top: 10px;
}

.opvragen .bonnetje{
	border: 1px solid #9cb10c;
	text-align: left;
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 5px !important;
	margin-bottom: 1px;
	width: 410px;
	height: auto !important;
}
.opvragen .aangifteCol1{
	float: left;
	background-color: #9cb10c;
	display: block;
	width: 200px;
	height: auto !important;
	margin-right: 2px;
	padding: 2px;
}

.opvragen .aangifteCol2{
	float: left;
	background-color: #e4eea1;
	display: block;
	width: 200px;
	height: auto !important;
	padding: 2px;
}


.intranet #insertTextblock{
	display: block;
	width: 300px;
	background-color:  #e4eea1;
}


/* document lijstjes */
#doclist{
	/*margin-left: -30px !important;*/
	margin-left: -40px !important;
	margin-left: 0px;
	list-style: none;
	list-style-image: none;
	
}
#doclist li{
	list-style: none;
	list-style-image: none;
	background-image: url(/gfx/shared/sidenavig-dots-pattern.gif);
	background-repeat: repeat-X;
	background-position: bottom ;
}

#doclist a{
	display: block;
	background-repeat: no-repeat;
	padding-left: 20px;
	margin: 0 0 10px 0px !important;
	margin: 0 0 -10px 0px;
	text-decoration: none;
	color: #4b4b4d;
}

#doclist .pdf{	background-image: url(../gfx/ico/ico.pdf.gif);}
#doclist .doc{	background-image: url(../gfx/ico/ico.doc.gif);}
#doclist .xls{	background-image: url(../gfx/ico/ico.xls.gif);}
#doclist .pic{	background-image: url(../gfx/ico/ico.jpg.gif);}
#doclist .ppt{	background-image: url(../gfx/ico/ico.ppt.gif);}
#doclist .urlext{	background-image: url(../gfx/ico/ico.url.ext.gif);}
#doclist .urlint{	background-image: url(../gfx/ico/ico.url.int.gif);}
#doclist a:visited{
	color: #c8c7c7;
}

#doclist a:active, #doclist a:hover{
	color: #ee332a;
}

.italic{
	font-style: italic !important;
	font-style: normal; /* italic uitschakelen voor ie6: reo actueel heeft anders verschuivingen */
}