/**********************************************/
/* KLEUREN
/**********************************************/
/* DONKER GROEN		achtergrond	rand	#A3BA5A
/* LICHT GROEN		achtergrond 		#E4EDCB
/* BLAUW			balk rechts			#0F98B8
/* ORANJE			navigatie			#FF7F00
/* BLAUW			navigatie			#1688D3
/* ROZE				navigatie			#F0037F
/* LICHT ORANJE		navigatie			#FFAA00
/* DONKER BLAUW		navigatie			#152D6B
/* LICHT BLAUW		fotobalk vulling	#61BBD1
/* DONKER BLAUW		balkje onder logo	#003366
/* DONKER GROEN		navigatie niveau 3	#A3BA5A
/* LICHT GRIJS		afscheiding links	#CDCED1
/* LICHT ORANJE		navigatie 1 hover	#FFD1A7
/* LICHTER BLAUW	navigatie 1 hover	#A7DCE5
/* LICHT ROZE		navigatie 1 hover	#F5CFE3
/**********************************************/


/**********************/
/*	GENERAL
/**********************/
* {
	margin: 0px;
	padding: 0px;
}

a img {
	border: none;
}

body {
	/*background-color: #A3BA5A;*/
	/*background-image: url(../images/background_licht.gif);*/
	background-position: 0px 40px;
	background-repeat: repeat-x;
	color: black;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	margin: 0px;
	padding: 0px 0px 20px 0px;
}

/*html {
	height: 100%;
}*/

p {
	margin-bottom: 10px;
}

/**********************/
/*	CLEARER
/**********************/
div.clearer {
	clear: both;
	font-size: 1px;
	line-height: 1%;
}

/**********************/
/*	HOLDER
/**********************/
div.holder {
	background-color: white;
	border: 1px solid #666666;
	color: black;
	/*_height: 480px;*/
	min-height: 480px;
	margin: 20px auto 0px auto;
	padding: 0px;
	text-align: left;
	width: 910px;
}

/**********************/
/*	TOPBALK
/**********************/
div.topbalk {
	height: 44px;
}

div.topbalk div.blok {
	/*background-color: #0F98B8;*/
	/*color: white;*/
	display: inline;
	float: right;
	font-size: smaller;
	font-weight: normal;
	height: 34px;
	margin: 5px 5px 0px 8px;
	text-align: right;
	width: 225px;
}

div.topbalk div.blok ul {
	list-style: none;
	margin-top: 15px; /*3px;*/
	padding-right: 25px; /*10px;*/
}

div.topbalk div.blok ul li {
	margin-bottom: 2px;
}

div.topbalk div.blok ul li a {
	margin: 0px 0px 0px 0px; /* 	0px 5px 0px 3px; */
}

div.topbalk div.blok ul li a:link, div.topbalk div.blok ul li a:visited {
	background-color: inherit;
	color: white;
	text-decoration: none;
}

div.topbalk div.blok ul li a:hover {
	background-color: inherit;
	color: white;
	text-decoration: underline;
}

/***********************/
/*	NAVIGATIE - NIVEAU 1
/***********************/
div.topbalk div.logo_top {
	background-image: url(../images/logoccnv_top.jpg);
	background-position: 0px 0px; /*center 85px;*/
	background-repeat: no-repeat;
	height: 50px;
	position: relative;
	top: 20px;
	left: 0px;
	width: 147px;
}

div.navigatie_1 {
	display: inline;
	float: right;
	height: 21px;
	margin-right: 4px; /* IE: 3px; */
}

div.navigatie_1 ul {
	list-style: none;
}

div.navigatie_1 ul li {
	background-color: gray;
	color: white;
	float: left;
	font-size: 12px;
	font-weight: bold;
	margin: 0px 1px 0px 1px;
	position: relative;
	text-align: center;
	width: 106px;
}

div.navigatie_1 ul li.groen {
	background-color: #A3BA5A;
	color: white;
}
div.navigatie_1 ul li.oranje {
	background-color: #FF7F00;
	color: white;
}
div.navigatie_1 ul li.blauw {
	background-color: #1688D3;
	color: white;
}
div.navigatie_1 ul li.roze {
	background-color: #F0037F;
	color: white;
}
div.navigatie_1 ul li.lichtoranje {
	background-color: #FFAA00;
	color: white;
}
div.navigatie_1 ul li.donkerblauw {
	background-color: #152D6B;
	color: white;
}

div.navigatie_1 ul li:hover {
	/*background-color: inherit;
	color: white;*/
}

div.navigatie_1 ul li.home, div.navigatie_1 ul li.home:hover {
	background-color: white;
	color: inherit;
	margin-right: 10px;
	text-align: right;
	width: 40px;
}

div.navigatie_1 ul li a {
	display: block;
	height: 15px;
	padding: 3px 0px 3px 0px;
	width: 106px;
}

div.navigatie_1 ul li.home a {
	width: 40px;
}

div.navigatie_1 ul li a:link, div.navigatie_1 ul li a:visited {
	background-color: inherit;
	color: white;
	text-decoration: none;
}

div.navigatie_1 ul li.home a:link, div.navigatie_1 ul li.home a:visited {
	background-color: inherit;
	color: #A3BA5A;
}

div.navigatie_1 ul li.home a:hover {
	background-color: inherit;
	color: gray;
}

div.navigatie_1 ul li a:hover {
	text-decoration: none;
}

/* Niveau 2 */
div.navigatie_1 li ul {
	border: 1px solid white;
	/*border-top: 5px solid white;*/
	left: -1px;
	margin: 0px;
	padding: 0px;
	position: absolute;
	top: 21px;
	/*white-space: nowrap;*/
	width: 150px;
}
div.navigatie_1 ul li ul li {
	background-color: #666666;
	color: inherit;
	position: relative;
	font-size: small;
	font-weight: normal;
	float: none;
	margin: 0px;
	padding: 0px;
	text-align: left;
	width: 150px;
}

div.navigatie_1 ul li ul li:hover {
	background-color: #999999;
	color: white;
	z-index: 10;
}

div.navigatie_1 ul li.groen ul li {
	background-color: #A3BA5A;
	color: inherit;
}

div.navigatie_1 ul li.oranje ul li {
	background-color: #FF7F00;
	color: inherit;
}

div.navigatie_1 ul li.blauw ul li {
	background-color: #1688D3;
	color: inherit;
}

div.navigatie_1 ul li.roze ul li {
	background-color: #F0037F;
	color: inherit;
}

div.navigatie_1 ul li.lichtoranje ul li {
	background-color: #FFAA00;
	color: inherit;
}

div.navigatie_1 ul li.donkerblauw ul li {
	background-color: #152D6B;
	color: inherit;
}

div.navigatie_1 ul li.groen ul li:hover {
	background-color: #E4EDCB;
	color: inherit;
	z-index: 10;
}

div.navigatie_1 ul li.oranje ul li:hover {
	background-color: #FFD1A7;
	color: inherit;
}
		
div.navigatie_1 ul li.blauw ul li:hover {
	background-color: #A7DCE5;
	color: inherit;
}			

div.navigatie_1 ul li.roze ul li:hover {
	background-color: #F5CFE3;
	color: inherit;
}			

div.navigatie_1 ul li.lichtoranje ul li:hover {
	background-color: #F7E8CB;
	color: inherit;
}			

div.navigatie_1 ul li.donkerblauw ul li:hover {
	background-color: #B2BBD2;
	color: inherit;
}			

div.navigatie_1 ul li ul li a {
	display: block;
	height: auto;
	padding: 3px 0px 3px 5px;
	width: 145px;
}

div.navigatie_1 ul li ul li a:hover {
	background-color: inherit;
	color: inherit;
	margin: 0px;
}

div.navigatie_1 ul li.groen ul li a:hover {
	background-color: inherit;
	color: #666666;
}

div.navigatie_1 ul li.oranje ul li a:hover {
	background-color: inherit;
	color: #666666;
}

div.navigatie_1 ul li.blauw ul li a:hover {
	background-color: inherit;
	color: #666666;
}

div.navigatie_1 ul li.roze ul li a:hover {
	background-color: inherit;
	color: #666666;
}

div.navigatie_1 ul li.lichtoranje ul li a:hover {
	background-color: inherit;
	color: #666666;
}

div.navigatie_1 ul li.donkerblauw ul li a:hover {
	background-color: inherit;
	color: #666666;
}

/* hovers with specificity */
/* voor uitleg, zie: http://www.naarvoren.nl/artikel/hover.html */

/* Niveau 3 */
ul ul, li:hover ul ul {
	/* waarde: 2 en 13 */
	display:none;
}
li:hover ul, li:hover li:hover ul {
	/* waarde: 12 en 23 */
	display:block;
}

/* Niveau 4 */
ul ul ul, li:hover li:hover ul ul  {
	/* 3 en 24 */
	display: none;
}
li:hover li:hover ul, li:hover li:hover li:hover ul {
	/* 23 en 34 */
	display: block;
}

/* Niveau 5 */
ul ul ul ul, li:hover li:hover li:hover ul ul  {
	/* 4 en 35 */
	display: none;
}
li:hover li:hover li:hover ul, li:hover li:hover li:hover li:hover ul {
	/* 34 en 45 */
	display: block;
}

/* Fix IE. Hide from IE Mac */
* html div.top div.menu ul li ul li  { float: right; height: 1%; }
* html div.top div.menu ul li ul li a { height: 1%; }

/***********************/
/*	HOLDER - LOGO EN FOTOBALK
/***********************/
div.holder_logofoto {
	background-color: white;
	color: black;
	height: 155px;
	margin-left: 0px; /*65px;*/
	margin-top: 5px;
}

div.holder_logofoto div.logo {
	/*background-color: #A3BA5A;*/
	/*background-image: url(../images/groen_logoccnv_bottom.jpg);*/
	background-position: 0px 0px; /*-39px 0px; /*center 85px;*/
	background-repeat: no-repeat;
	color: black;
	height: 155px;
	margin-left: 7px; /*36px;*/
	text-align: center;
	width: 247px; /* 218px; /* 254px; /*219px;*/
}

div.holder_logofoto div.logo img.logo {
	position: relative;
	left: -69px;
}

div.holder_logofoto div.logo img.tekst {
	position: relative;
	left: 15px;
	top: 90px; /*4px; /*90px;*/
}

div.holder_logofoto div.logo div.afbeelding {
	left: -60px; /*-30px;*/
	top: -68px; /*-69px;*/
	position: relative;
}

div.holder_logofoto div.fotobalk {
	background-color: white; /*#61BBD1;*/
	background-position: 0px 0px;
	background-repeat: no-repeat;
	color: white;
	display: inline;
	float: right;
	height: 155px;
	margin-right: 5px;
	width: 646px;
}

/**********************/
/*	HOLDER - CONTENT
/**********************/
div.holder_content {
	background-color: white;
	/*background-image: url(../images/background_content.gif);*/
	background-position: 0px 0px;
	background-repeat: repeat-y;
	color: black;
	/*_height: 400px;*/
	min-height: 365px;
	margin-bottom: 5px;
	margin-left: 36px;
	margin-right: 5px;
	margin-top: 5px;
}

/**********************/
/*	HOLDER - LINKS
/**********************/
div.holder_links {
	float: left;
	width: 217px;
}

/**********************/
/*	HOLDER - BALK
/**********************/
div.holder_links div.balk {
	/*background-color: #003366;*/
	color: white;
	height: 22px;
	margin-bottom: 0px; /*36px;*/
	width: 218px;	
}

/**********************/
/*	GEBRUIKER
/**********************/
div.holder_links div.gebruiker {
	background-image: url(../images/lijn_verticaal.gif);
	background-position: 0px 0px;
	background-repeat: repeat-y;
	border-bottom: 1px solid #CDCED1;
	border-left: 0px solid #CDCED1;
	border-right: 0px solid #CDCED1;
	border-top: 5px solid white;
	margin-bottom: 10px;
	padding-bottom: 0px;
	padding-top: 0px;
	text-align: center;
	width: 218px;
}

div.holder_links div.gebruiker p {
	font-size: 0.7em;
	padding: 5px 5px 5px 5px;
	margin: 0px;
	text-align: center;
}

div.holder_links div.gebruiker p.naam {
	padding: 0px 5px 2px 5px;
	font-size: 0.9em;
	text-align: left;
}

div.holder_links div.gebruiker p.acties {
	background-color: inherit;
	color: #999999;
	font-size: 0.8em;
	padding: 0px 5px 5px 5px;
	text-align: left;
}

div.holder_links div.gebruiker p.acties a:link, div.holder_links div.gebruiker p.acties a:visited {
	background-color: inherit;
	color: #999999;
}


/*
div.holder_links div.gebruiker table.login td.input {
	background-color: inherit;
	color: #003366;
	font-weight: bold;
	text-align: right;
	padding-left: 5px;
	padding-right: 5px;
}

div.holder_links div.gebruiker table.login td.acties {
	padding: 5px 5px 0px 5px;
	text-align: left;
}

div.holder_links div.gebruiker table.login td.submit {
	text-align: right;
}
*/
div.holder_links div.gebruiker input.tekst {
	border: 1px solid #CCCCCC;
	height: 18px;
	margin-left: 0px;
	width: 80px; /*108px;*/
}

div.holder_links div.gebruiker input.wachtwoord {
	border: 1px solid #CCCCCC;
	height: 18px;
	margin-left: 4px;
	width: 80px; /*108px;*/
}

div.holder_links div.gebruiker input.submit {
	background-color: #152D6B;
	border: 1px solid #1688D3;
	color: white;
	margin-left: 3px;
}

div.holder_links div.gebruiker .imgOKButton {
	vertical-align: bottom;
}

/*
div.holder_links div.gebruiker input.submit:hover {
	background-color: #1688D3;
	border: 1px solid #152D6B;
	color: white;
}

div.holder_links div.gebruiker input.submit:active {
	background-color: #1688D3;
	border: 1px solid black;
	color: white;
}
*/

div.holder_links div.gebruiker a:link, div.holder_links div.gebruiker a:visited {
	background-color: inherit;
	color: black;
	text-decoration: none;
}

div.holder_links div.gebruiker a:hover {
	background-color: inherit;
	color: black;
	text-decoration: underline;
}

/**********************/
/*	NAVIGATIE PLATFORM
/**********************/
div.holder_links div.navigatie_platform {
	height: 100px;
	/*font-size: 0.9em;*/
	font-weight: normal;
	margin-bottom: 5px;
	text-align: left;
}

div.holder_links div.navigatie_platform ul {
	list-style: none;
}

div.holder_links div.navigatie_platform ul li {
	/*margin-bottom: 6px;*/
}

div.holder_links div.navigatie_platform ul li a {
	display: block;
	padding: 2px 0px 2px 4px;
	width: 205px; /*212px;*/
}


div.holder_links div.navigatie_platform ul li a:link, div.holder_links div.navigatie_platform ul li a:visited {
	border-bottom: 1px solid #CCCCCC;
	border-top: 1px solid white;
	border-left: 2px solid white;
	border-right: 2px solid white;
	background-color: inherit;
	color: #003366; /*#666666;*/
	text-decoration: none;
}

div.holder_links div.navigatie_platform ul li a:hover {
	border-left: 2px solid #A3BA5A;
	border-right: 2px solid #A3BA5A;
	background-color: inherit; /*#61BBD1;*/
	color: #666666; /* #666666; /*#003366;*/
	text-decoration: none;
}

div.holder_links div.navigatie_platform ul li.first a:hover {
	border-top: 1px solid #CCCCCC;
}

/***********************/
/*	HOLDER - MIDDEN
/***********************/
div.holder_midden {
	min-height: 380px;
	/*_height: 380px;*/
	margin-left: 223px;
}

/***********************/
/*	NAVIGATIE NIVEAU 3
/***********************/
div.navigatie_3 {
	background-color: #A3BA5A;
	border-bottom: 5px solid white;
	color: #999999;
	overflow: hidden;
	padding-bottom: 1px;
}

div.navigatie_3 ul {
	list-style: none;
	/*_height: 21px;*/
}

div.navigatie_3 ul li {	
	display: inline;
	float: left;
	height: 19px;
	padding-top: 2px;
}

div.navigatie_3 ul li a {
	border: 1px solid #A3BA5A;
	margin-left: 2px;
	margin-right: 2px;
	padding-bottom: 2px;
	padding-left: 10px;
	padding-right: 10px;
	
}

div.navigatie_3 ul li a:link, div.navigatie_3 ul li a:visited {	
	background-color: inherit;
	color: white;
	text-decoration: none;
}

div.navigatie_3 ul li a:hover {	
	background-color: #E4EDCB;
	border: 1px solid #CCCCCC;
	color: #666666;
	text-decoration: none;
}

/***********************/
/*	CONTENT
/***********************/
div.content {
	min-height: 380px;
	/*_height: 380px;*/
	float: left;
	line-height: 150%;
	text-align: left;
	padding: 0px 18px 20px 13px; /*0px 18px 0px 13px;*/
	margin-left: 0px;
	margin-top: 0px;
	width: 390px; /* 408px; /*416px; */
	/*overflow: hidden;*/
	/*overflow-x: hidden; */
}

div.content div.kruimelpad {
	font-size: smaller;
	margin-bottom: 15px;
	margin-left: -5px;
}

div.content div.kruimelpad div.beschrijving {
	background-color: inherit;
	color: #666666;
	float: left;
}

div.content div.kruimelpad div.pad {
	background-color: inherit;
	color: #999999;
	margin-left: 95px;
}

div.content div.kruimelpad a:link, div.content div.kruimelpad a:visited {
	background-color: inherit;
	color: #999999;
	text-decoration: none;
}

div.content div.kruimelpad a:hover {
	background-color: inherit;
	color: black;
	text-decoration: none;
}

/***********************/
/*	RECHTS
/***********************/
div.rechts {
	background-color: inherit;
	border-bottom: none; /* 2px solid white;*/
	color: white;
	display: inline;
	float: right;
	line-height: 150%;
	margin: 15px 13px 165px 10px;
	overflow: hidden;
	padding-bottom: 15px;
	text-align: left;
	width: 197px; /* 195px; */ /* 225px; */
}

div.rechts h1 {
	font-size: x-large;
	margin-bottom: 10px;
}

div.rechts a:link, div.rechts a:visited {
	background-color: inherit;
	color: white;
	text-decoration: underline;
}

div.rechts a:hover {
	text-decoration: underline;
}

div.rechts img {
	border: 1px solid white;
	max-width: 195px; /*195px;*/
	/*_width: 195px; /*195px;*/
}


/***********************/
/*	LOGO FRAGMENT
/***********************/
div.logo_fragment {
	/*background-image: url(../images/logos/ccnv_blauw.gif);*/
	background-position: 0px 0px;
	background-repeat: no-repeat;
	position: relative;
	height: 137px;
	margin-top: -137px;
	top: -10px;
	left: 683px;
	width: 218px;
}

/***********************/
/*	CONTENT
/***********************/
div.content h1 {
	background-color: inherit;
	color: #0F98B8;
	font-size: x-large;
	font-weight: normal;
	padding-top: 10px;
	margin-bottom: 15px;
}

div.content h2 {
	background-color: inherit;
	color: #0F98B8;
	font-size: large;
	font-weight: normal;
	padding-top: 15px;
	margin-bottom: 5px;
}

div.content h3 {
	background-color: inherit;
	color: #0F98B8;
	font-size: medium;
	font-weight: normal;
	padding-top: 15px;
	margin-bottom: 5px;
}

div.content h4 {
	background-color: inherit;
	color: #0F98B8;
	font-size: small;
	font-weight: normal;
	padding-top: 15px;
	margin-bottom: 5px;
}

div.content ul, div.content ol  {
	margin-left: 15px;
}

div.content ul li, ol li {
	padding-bottom: 2px;
	list-style-position: inside;
	text-indent: 0px;

	/*list-style-type: none;*/
	padding-left: 0px;
}

div.content a {
	background-color: inherit;
	color: #152D6B;
	text-decoration: underline;
}
div.content a:visited {
	background-color: inherit;
	color: #A3BA5A;
	text-decoration: underline;
}
div.content a:hover {
	background-color: inherit;
	color: #1688D3;
	text-decoration: underline;
}

/***********************/
/*	COPYRIGHT
/***********************/
div.copyright {
	color: white;
	/*display: none;*/
	font-size: smaller;
	margin: 2px auto 0px auto;
	padding-right: 10px;
	text-align: right;
	width: 910px;
}

div.copyright a:link, div.copyright a:visited {
	color: white;
	text-decoration: none;
}

div.copyright a:hover{
	color: white;
	text-decoration: underline;
}

/***********************/
/*	JQUERY INTERFACE
/***********************/
.transferIndicator {
	border: 1px solid #547490;
	background-color: #DADFE2;
	filter:alpha(opacity=30); 
	opacity: 0.3;
}