/**********************************************/
/* 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-position: top left;
	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_top {
	background-image: url(../images/schaduw_top.png);
	background-repeat: no-repeat;
	background-position: top left;
	height: 58px;
	width: 943px;
	margin: 5px auto 0px auto;
}

div.holder {	
	background-image: url(../images/schaduw_midden.png);
	background-repeat: repeat-y;
	background-position: top left;	
	border: none;
	/*border: 1px solid #CCCCCC;*/
	color: black;
	/*_height: 480px;*/
	min-height: 480px;
	margin: 0px auto 0px auto;
	padding: 5px 16px 0px 17px;
	text-align: left;
	width: 910px;
}


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

div.topbalk div.blok {
	display: inline;
	float: right;
	font-size: smaller;
	font-weight: normal;
	height: 34px;
	margin: 24px 21px 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;
	float: right;
}

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.navigatie_1 {
	display: inline;
	float: right;
	height: 21px;
	margin-right: 4px; /* IE: 3px; */
	/*width: 652px;*/	
}

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.rood {
	background-color: #959693;
	color: white;
}
div.navigatie_1 ul li.lichtblauw {
	background-color: #959693;
	color: white;
}
div.navigatie_1 ul li.donkerblauw {
	background-color: #959693;
	color: white;
}
div.navigatie_1 ul li.geel {
	background-color: #959693;
	color: white;
}
div.navigatie_1 ul li.paars {
	background-color: #959693;
	color: white;
}
div.navigatie_1 ul li.groen {
	background-color: #959693;
	color: white;
}

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

div.navigatie_1 ul li.rood.current,
div.navigatie_1 ul li.rood:hover {
	background-color: #FA3F0F;
}
div.navigatie_1 ul li.lichtblauw.current,
div.navigatie_1 ul li.lichtblauw:hover {
	background-color: #0099CC;
}
div.navigatie_1 ul li.donkerblauw.current,
div.navigatie_1 ul li.donkerblauw:hover {
	background-color: #0066A1;
}
div.navigatie_1 ul li.geel.current,
div.navigatie_1 ul li.geel:hover {
	background-color: #E9C914;
}
div.navigatie_1 ul li.paars.current,
div.navigatie_1 ul li.paars:hover {
	background-color: #B57AC6;
}
div.navigatie_1 ul li.groen.current,
div.navigatie_1 ul li.groen:hover {
	background-color: #3EA67E;
}

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;
	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: #959693;
	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.rood ul li {
	background-color: #959693;
	color: inherit;
}

div.navigatie_1 ul li.lichtblauw ul li {
	background-color: #959693;
	color: inherit;
}

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

div.navigatie_1 ul li.geel ul li {
	background-color: #959693;
	color: inherit;
}

div.navigatie_1 ul li.paars ul li {
	background-color: #959693;
	color: inherit;
}

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

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

div.navigatie_1 ul li.lichtblauw ul li:hover {
	background-color: #0099CC;
	color: white;
}
		
div.navigatie_1 ul li.donkerblauw ul li:hover {
	background-color: #0066A1;
	color: white;
}			

div.navigatie_1 ul li.geel ul li:hover {
	background-color: #E9C914;
	color: white;
}			

div.navigatie_1 ul li.paars ul li:hover {
	background-color: #B57AC6;
	color: white;
}			

div.navigatie_1 ul li.groen ul li:hover {
	background-color: #3EA67E;
	color: white;
}			

div.navigatie_1 ul li ul li a {
	display: block;
	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.rood ul li a:hover {
	background-color: inherit;
	color: white;
}

div.navigatie_1 ul li.lichtblauw ul li a:hover {
	background-color: inherit;
	color: white;
}

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

div.navigatie_1 ul li.geel ul li a:hover {
	background-color: inherit;
	color: white;
}

div.navigatie_1 ul li.paars ul li a:hover {
	background-color: inherit;
	color: white;
}

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

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

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

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

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

/* Fix IE. Hide from IE Mac */
/*
div.navigatie_1  ul li ul li  { float: right; height: 1%; }
div.navigatie_1  ul li ul li a { height: 1%; }
*/
/***********************/
/*	HOLDER - LOGO EN FOTOBALK
/***********************/
div.holder_logofoto {
	color: black;
	height: 155px;
	margin-left: 0px; /*65px;*/
	margin-top: 5px;
	margin-right: 0px;
}

div.holder_logofoto div.logo {
	background-color: #3EA67E;
	background-image: url(../images/schaduw_logo.png);
	background-position: top left;
	background-repeat: no-repeat;
	height: 155px;
	margin-left: 36px;
	width: 218px;
}

div.holder_logofoto a.logo {
	background-image: url(../images/logo_vmboharderwijk.png);
	background-position: center 10px ;
	background-repeat: no-repeat;
	color: black;
	display: block;
	height: 155px;
	/*margin-left: 36px;*/
	text-align: center;
	width: 218px;
}

div.holder_logofoto a.logo.spectrum {
	background-image: url(../images/logo_spectrum.png);
}
div.holder_logofoto a.logo.focus{
	background-image: url(../images/logo_focus.png);
}

/*
div.holder_logofoto a.logo_top {
	background-image: url(../images/logo_focus_top.jpg);
	background-position: -10px 0px;
	background-repeat: no-repeat;
	display: block;
	height: 27px;	
	position: relative;
	top: -182px;
	left: 36px;
	width: 218px;
}
*/

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: 5px 5px 0px 36px;
}

div.holder_content.rechtsverborgen {
	background-image: url(../images/background_content_alleen_lijn.gif);
}

/**********************/
/*	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: 0px 0px 10px 0px;
	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: #00828A;
	border: 1px solid #3EA67E;
	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: 5px 0px 5px 0px;
	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 black;
	border-right: 2px solid black;
	background-color: inherit;
	color: #666666;
	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 {
	border-bottom: 5px solid white;
	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 {
	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 {	
	text-decoration: none;
}

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

/***********************/
/*	CONTENT
/***********************/
div.content {
	color: #3A3A3A;
	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.content_rechtsverborgen {
	background-image: none;
	width: 615px;
}

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;
	float: right;
	line-height: 150%;
	margin: 30px 13px 165px 10px;
	overflow: hidden;
	padding-bottom: 15px;
	text-align: left;
	width: 197px; /* 195px; */ /* 225px; */

}

div.rechts h1 {
	font-size: 1.6em;
	font-style: normal;
	font-weight: normal;
	padding-top: 0px;
	line-height: 140%;
	margin-bottom: 10px;
}

div.rechts h2 {
	font-size: 1.4em;
	font-style: normal;
	font-weight: normal;
	padding-top: 15px;
	margin-bottom: 5px;
}

div.rechts h3 {
	font-size: 1.2em;
	font-style: normal;
	font-weight: normal;
	padding-top: 15px;
	margin-bottom: 5px;
}

div.rechts h4 {
	font-size: 1.0em;
	font-style: normal;
	font-weight: bold;
	padding-top: 5px;
	margin-bottom: 5px;
}

div.rechts ul, 
div.rechts ol  {
	margin: 0px 0px 15px 0px;
}

div.rechts ul li, 
div.rechts ol li {
	padding-bottom: 2px;
	list-style-position: outside;
	text-indent: 0px;
	margin-left: 20px;
}

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;*/
}

/***********************/
/*	CONTENT
/***********************/
div.content h1 {
	font-size: 1.6em;
	font-style: normal;
	font-weight: normal;
	padding-top: 0px;
	line-height: 140%;
	margin-bottom: 10px;
}

div.content h2 {
	font-size: 1.4em;
	font-style: normal;
	font-weight: normal;
	padding-top: 15px;
	margin-bottom: 5px;
}

div.content h3 {
	font-size: 1.2em;
	font-style: normal;
	font-weight: normal;
	padding-top: 15px;
	margin-bottom: 5px;
}

div.content h4 {
	font-size: 1.0em;
	font-style: normal;
	font-weight: bold;
	padding-top: 5px;
	margin-bottom: 5px;
}

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

div.content ul li, 
div.content ol li {
	padding-bottom: 2px;
	list-style-position: outside;
	text-indent: 0px;
	margin-left: 20px;
}

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;
}

div.content blockquote {
	font-style: italic;
	margin: 0px 25px 0px 25px;	
}

/***********************/
/*	BOTTOM
/***********************/
div.bottom_bg {
	background-image: url(../images/schaduw_bottom.png);
	background-repeat: no-repeat;
	background-position: bottom left;
	height: 58px;
	text-align: left;
	width: 943px;
	margin: 0px auto 0px auto;
}

div.bottom_bg div.bg {
	background-repeat: repeat-y;
	background-position: 53px 0px;
	height: 36px;
	width: 922px;
}

div.bottom_bg div.bg.bg_rechtsverborgen {
	background-image: url(../images/background_content_alleen_lijn.gif);
}

div.bottom_bg div.bg img {
	position: relative;
	top: -62px;
	left: 49px; /* 42px; */
}


/***********************/
/*	COPYRIGHT
/***********************/
div.copyright {
	color: white;
	/*display: none;*/
	font-size: smaller;
	margin: 0px auto 0px auto;
	padding-right: 15px;
	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;
}

/***********************/
/*	TEKST
/***********************/
div.wijziging_info {
	color: #CCCCCC;
	font-size: smaller;
	text-align: center;
	margin-top: 25px;
	/*position: relative;
	top: 46px;*/
}


div.rechts div.wijziging_info {
	color: #DDDDDD;
}