/* stylesheet voor RJ */


/* Raad voor de Jaarverslaggeving */
 
 html,body {
	height: 100%; /* héél belangrijk */
	margin: 0;
	padding: 0;
 }
 
 body { 
	background: #d8e094;
	text-align: center;
	font-family: Verdana, sans-serif; 
	font-size: 0.7em;
	color: #000;
 }
 
 form {
	margin: 0;
	padding: 0;
 }
 
 #container {
	margin: 0 auto;
	text-align: left;
	position: relative;
	width: 772px;
	min-height: 100%;
	height: auto !important; /* voor moderne browsers */
	height: 100%; /* voor IE */
	background: #fff;
	background: #fff url("/sites/RJ/images/bg.gif") top left repeat-y;
	padding: 0;
 }
 
 #inhoud {
	float: left;
	text-align: left;
	width: 772px;
	background: #fff;
	background: #fff url("/sites/RJ/images/bg.gif") top left repeat-y;
	margin: 0;
	padding: 0;
 }

 h1 { 
	font-size: 1.3em;
	color: #842938; 
 }

 h1 span.tekstklein { margin-top: 0; padding-top: 0; font-size: 0.7em; }
 
 h2 { 
	font-size: 1.2em;
	color: #842938; 
 }

 h3 { 
	font-size: 1.1em;
	color: #842938; 
 }
 
 h4 { 
	font-size: 1em;
	color: #842938;
	font-style: italic;
 }
 
 h5 { 
	font-size: 1em;
	color: #842938;
	font-weight: normal;
	font-style: italic;
 }

 /*  hyperlinks */

 a:link { color: #842938; text-decoration: underline }
 a:visited { color: #b5005a; text-decoration: underline }
 a:hover { color: #b5005a; text-decoration: underline }
 a:active  { color: #842938; text-decoration: underline }

 a.lijst:link { color: #842938; text-decoration: none }
 a.lijst:visited { color: #b5005a; text-decoration: none }
 a.lijst:hover { color: #b5005a; text-decoration: underline }
 a.lijst:active  { color: #842938; text-decoration: none }

 a.top:link { color: #842938; text-decoration: none }
 a.top:visited { color: #842938; text-decoration: none }
 a.top:hover { color: #842938; text-decoration: underline }
 a.top:active  { color: #842938; text-decoration: none }

 /* algemene positionering */
 
 #header {
	float: left;
	margin: 0;
	padding: 0;
	width: 772px;
	height: 98px;
	text-align: center;
 }
 
 #top {
	float: left;
	text-align: center;
	width: 772px;
	height: 98px;
	padding: 0;
 }
 
 #topleft {
	background: url("/sites/RJ/images/rj_bovenbalk3.jpg") top left no-repeat;
	float: left;
	width: 463px;
	height: 98px;
	margin: 0;
	padding: 0;
 }
 
 #metacontainer {
	overflow: hidden;
	background: #fff;
	float: right;
	text-align: right;
	margin: 0;
	padding: 0;
	padding-top: 35px;
	padding-right: 5px;
	font-size: 0.85em;
	color: #036;
 }

 #metalist {
	float: right;
	list-style-type: none;
	margin: 0;
	padding: 0;
 }

 #metalist li {
	background: #d8e094;
	float: left;
	width: 90px;
	height: 28px;
	line-height: 1.3em;
	margin: 0em .1em 0em .1em;
	padding: .4em .3em 0.5em .3em;
	text-align: center;
 }
 
 #metalist li a { 
	color: #842938;
	font-size: 1em;
	text-decoration: none;
 }
 
 #metalist li a:link { 
	color: #842938;
	text-decoration: none;
 }
 
 #metalist li a:visited { 
	color: #842938;
	text-decoration: none;
 }
 
 #metalist li a:active { 
	color: #842938;
	text-decoration: none;
 }
 
 #metalist li a:hover { 
	color: #842938;
	text-decoration: underline;
 }
 
 #main  {
	overflow: hidden;
	float: left;
	text-align: left;
	width: 772px;
	padding-bottom: 20px;
	background: #fff url("/sites/RJ/images/bg.gif") top left repeat-y;
 }
 
 #links {
	float: left;
	background: #fff;
	text-align: left;
	margin: 0;
	padding: 0;
	width: 100px;
	color: #000;
 }
 
 #content {
	width: 635px;
	float: right;
	text-align: left;
	background: #fff;
	background-image: url(/sites/RJ/images/rjlogo_15procent_635x495.jpg);
	background-repeat: no-repeat;
	min-height: 600px;
	height: auto !important; /* voor moderne browsers */
	height: 600px; /* voor IE */
	padding: 20px 10px 0px 0px;
 }

 div.venster {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	padding-top: 20px;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
	text-align: left;
 }

 #projectlaag {
	position: absolute;
	top: 22px;
	left: 500px;
	width: 130px;
	height: 31px;
	text-align: right;
 }
 
 #navlist {
	margin: 0;
	padding: 0;
	position: absolute;
	margin-top: 12px;
	/*margin-left: -8px;*/
	text-align: left;
	width: 100px;
	list-style: none;
	background: #fff;
	z-index:3;
	margin: 0;
	padding: 0;
	display: block;
 }

 /* Het 100% CSS menu */

 /*#navlist ul, li {
	margin: 0;
	padding: 0;
	display: block;
 }*/
 
 /*#navlist>ul {	margin: 0;	padding: 0;	display: block; } 
 #navlist>ul>li {	margin: 0;	padding: 0;	display: block; }*/

 #navlist li {
	margin: 0;
	padding: 0;
	display: block;
	position: relative;
	padding: 3px 1px 3px 8px;
	background: #fff;
	border-left: 8px solid #d8e094;
	list-style: none;
	line-height: 30px;
	width: 102px;
	z-index: 9;
 }

 #navlist li a {
	color: #842938;
	/*font-size: 11px;*/
	font-size: 1em;
	text-decoration: none;
 }
 
 #navlist li a:link { 
	color: #842938;
	text-decoration: none; }

 #navlist li a:visited { 
	color: #842938;
	text-decoration: none; }

 #navlist li a:hover {
	color: #842938;
	text-decoration: none;
	background: #d8e094;
}

 #navlist li a:active {
	color: #842938;
	text-decoration: none;
}

 #navlist li ul li {
	width: 165px;
	border: 1px solid #fff;
	background: #d8e094;
	line-height: 20px;
}

 #navlist li.current {
	line-height: 30px;
	color: #842938;
	text-decoration: none;
	font-weight: normal;
	letter-spacing: -1px;
	border-left: 8px solid #fff;
	background: #d8e094;
	z-index: 16;
}

 #navlist li.current a:link {
	color: #842938;
}

 #navlist li.current a:visited {
	color: #842938;
	font-weight: bold;
}

 #navlist li.current a:hover {
	color: #842938;
}

 #navlist li.current a:active {
	color: #842938;
}

 #navlist li.current ul {
	position: relative;
	display: block;
	left: -16px;
	top: 3px;
	/*width: 100px; */
	width: 102px; 
	height: auto;
	border: 0px;
	background: #d8e094;
	font-weight: normal;
	z-index:3;
 }

 #navlist li.current>ul { width: 103px; }

/* de breedte van deze gaat niet goed in Firefox, zou 92px moeten zijn en voor IE moet het 70px zijn */
 #navlist li.current ul li {
	position:relative;
	display: block;
	width: 72px;
	border: 0px;
	margin-left: 8px;
	border-left: 8px solid #fff;
	line-height: 16px;
	font-weight: normal;
	z-index:25;
}

 #navlist li.current ul>li { display:block; position: relative; width: 92px; line-height: 16px; height: auto; } /* others */

 #navlist li.current ul li.noncurrent  {
	position:relative;
	display: block;
	width: 72px;
	border: 0px;
	margin-left: 8px;
	margin-right: -12px;
	border-left: 8px solid #fff;
	line-height: 16px;
	font-weight: normal;
	letter-spacing: 0px;
	z-index:25;
}

 #navlist li.current ul li.subcurrent  {
	position:relative;
	display: block;
	border: 0px;
	margin-left: 8px;
	margin-right: -12px;
	border-left: 8px solid #fff;
	line-height: 16px;
	font-weight: bold;
	z-index:25;
}



 #navlist li.current ul li a {
	display: block;
	border: 0px;
	height: 20px;
	line-height: 16px;
	font-weight: normal;
	z-index:25;
}



 #navlist li.current ul li a:link { 
	display: block;
	border: 0px;
	color: #842938;
	font-weight: normal;
	text-decoration: none; }

 #navlist li.current ul li a:visited { 
	display: block;
	border: 0px;
	color: #842938;
	font-weight: normal;
	text-decoration: none; }

 #navlist li.current ul li a:hover { 
	display: block;
	border: 0px;
	color: #842938;
	font-weight: normal;
	text-decoration: underline; }

 #navlist li.current ul li a:active { 
	display: block;
	border: 0px;
	color: #842938;
	font-weight: normal;
	text-decoration: none; }

 /*#navlist li.current>a { display: block; width:auto; height: auto; } /* others */

 #navlist li.current ul li.subcurrent a {
	font-weight: bold;

 }

 #navlist li.current ul li.subcurrent a:link {
	font-weight: bold;

 }

 #navlist li.current ul li.subcurrent a:visited {
	font-weight: bold;

 }

 #navlist li.current ul li.subcurrent a:hover {
	font-weight: bold;
	text-decoration: none;
 }

 #navlist li.current ul li.subcurrent a:active {
	font-weight: bold;

 }

 #navlist li.current ul li:hover {
	display: block;
	width: 70px;
	border: 0px;
	margin-left: 8px;
	border-left:8px solid #fff;
	height: 20px;
	line-height: 20px;
	font-weight: normal;
	z-index:25;
}

 #navlist li.current ul>li:hover { display: block; width: 92px; height: auto; } /* others */
 #navlist li.current ul li>a { display: block; width: 92px; height: auto; } /* others */
 #navlist li.current ul li:hover>a { display: block; }

 /* Alle subnavigatie verbergen */
  
 #navlist ul {
	position:absolute;
	display:none;
	right:-90px;
	top: 26px;
	width: 165px;
	border: 1px solid #fff;
	margin: 0;
	padding: 0;}
 }


  
  /* :hover, met specificity */

 #navlist li:hover ul ul {
    display:none;
  }

 #navlist li:hover ul, li:hover li:hover ul {
   display:block;
  }





  /* decoratieve hover */

 #navlist li:hover {
	color: #842938;
	text-decoration: none;
	border-left: 8px solid #fff;
	background: #d8e094;
	z-index: 45;
}

 #navlist li ul li:hover {
	color: #842938;
	text-decoration: none;
	border: 1px solid #fff;
	background: #d8e094;
	height: 20px;
	line-height: 20px;
	z-index: 45;
 }





 table { font-family: Verdana, sans-serif; font-size: 1em; color: #000 }
 tr { font-family: Verdana, sans-serif; font-size: 1em; color: #000 }
 td { font-family: Verdana, sans-serif; font-size: 1em; color: #000 }
 p { font-family: Verdana, sans-serif; font-size: 1em; color: #000 }

 p.kopje:first-line { font-weight: bold }

 hr { border-style: dotted; color: #842938; height: 0.1em }

 .rood {color: #842938 }
 .vet { font-weight: bold }
 .roodvet {font-weight: bold; color: #842938 }
 .kopvet { font-size: 1.1em; font-weight: bold }
 .tekstklein { font-family: Verdana, sans-serif; font-size: 0.9em }
 .tekstsmall { font-size: 0.9em }
 .tekstkleincursief { font-family: Verdana, sans-serif; font-size: 0.9em; font-style: italic }

 div.nieuws {
/*	background: #fff;*/
 }
 
 div.nieuws:hover {
	background: #fafcf1;
	cursor: pointer;
 }
 
 div.nieuws p{
	padding: 0;
	margin: 0;
 }
 
 div.nieuws a[href] {
	color: #842938;
	text-decoration: none;
 }
 
 div.nieuws a:hover {
	color: #842938;
	text-decoration: none;
 }
 
 div.nieuws h2 {
	color: #842938;
	font-size: 1em;
	padding: 0;
	margin: 0;
 }
 
 div.nieuws h2 a {
	color: #842938;
	font-size: 1em;
 }
 
 div.nieuws:hover h2 {
	color: #842938;
 }
 
 div.nieuws h2 a:hover {
	color: #842938;
 }
 
 div.nieuws h3 {
	color: #842938;
	font-size: 1em;
	padding: 0;
	margin: 0;
 }
 
 div.nieuws h3 a {
	color: #842938;
	font-size: 1em;
 }
 
 div.nieuws:hover h3 {
	color: #842938;
 }
 
 div.nieuws h3 a:hover {
	color: #842938;
 }
 
 div.nieuws:hover a.rood {
	color: #842938;
 }
 
 div.nieuws a.rood:hover{
	color: #842938;
 }

 div.zoekresultaten:hover {
	background: #fafcf1;
	cursor: pointer;
 }
 
 div.zoekresultaten p{
	padding: 0;
	padding-left: 20px;
	margin: 0;
 }
 
 div.zoekresultaten a[href] {
	color: #842938;
	text-decoration: none;
 }
 
 div.zoekresultaten a:hover {
	color: #842938;
	text-decoration: none;
 }
 
 div.zoekresultaten h2 {
	color: #842938;
	font-size: 1em;
	padding: 0;
	margin: 0;
 }
 
 div.zoekresultaten h2 a {
	color: #842938;
	font-size: 1em;
 }
 
 div.zoekresultaten:hover h2 {
	color: #842938;
 }
 
 div.zoekresultaten h2 a:hover {
	color: #842938;
 }

/* formulieren */

 label {
	display: block;
	float: left;
	margin-bottom: 10px;
	width: 150px;
	padding-right: 20px;
 }

 label.leeg {
	margin-bottom: 0px;
 }

 label.leegrood {
	margin-bottom: 0px;
	color: #b5005a;
 }

 label.meer {
	margin-bottom: 0px;
 }

 label.rood {
	margin-bottom: 10px;
	color:#b5005a;
 }

 input.rood {
	border: 1px solid #b5005a;
 }

 input.voor {
	display: block;
	float: left;
	margin-bottom: 10px;
	padding-right: 30px;
 }

 label.achter {
	display: block;
	margin-bottom: 10px;
	padding-left: 4px;
	width: 95%;
 }

 label.achterrood {
	padding-left: 4px;
	width: 95%;
	color: #b5005a;
 }

 br {
	clear: left;
 }

 .zoekveld {
	width: 80px;
	line-height: 11px;
	border-style: none;
	font-size: 10px;
	color: #333;
 }

 .ntb_sbc_txt_Search {
	width: 80px;
	height: 11px;
	/*line-height: 11px;*/
	line-height: 10px;
	border-style: none;
	font-size: 10px;
	color: #333;
	margin: 0;
 }

 .ntb_sbc_btn_DoSearch {
	background-color: #d8e094;
	border: 0;
	font-family: Verdana, sans-serif;
	font-size: 7pt;
	color: #842938;
	width: 45px;
	height: 10px;
	cursor: pointer;
	margin: 0;
	padding: 0;
 }

 .pageCurrent {
	font-weight: bold;
 }

 .vensterveld { 
	background: url(images/rjlogo_15procent.jpg) 30px 30px no-repeat fixed;
	width: 93%; 
	height: 100%; 
	font-family: Verdana, sans-serif; font-size: 8pt; color: #333; border: 1px solid #d8e094; }

 .veld { font-family: Verdana, sans-serif; font-size: 8pt; color: #333; border: 1px solid #d8e094; }

 .formveld { font-family: Verdana, sans-serif; font-size: 8pt; color: #333; border: 1px solid #d8e094; width: 300px; }

 .formverplicht { font-family: Verdana, sans-serif; font-size: 8pt; color: #333; border: 1px solid #b5005a; width: 300px; }

 .knop { background-color: #fff; color: #b5005a; border: 1px solid #b5005a; font-family: Verdana, sans-serif; font-size: 7pt; width: 45px; cursor: pointer; }
 .knopversturen { background-color: #fff; color: #b5005a; border: 1px solid #b5005a; font-family: Verdana, sans-serif; font-size: 7pt; width: 65px; cursor: pointer; }
 .knopbreed { background-color: #fff; color: #b5005a; border: 1px solid #b5005a; font-family: Verdana, sans-serif; font-size: 7pt; width: 80px; cursor: pointer; }
 .knopbreed2 { background-color: #fff; color: #b5005a; border: 1px solid #b5005a; font-family: Verdana, sans-serif; font-size: 7pt; width: 125px; cursor: pointer; }


/* opsommingen */

 /*ul {
	list-style: none;
 }
 
 ul li {
	padding-left: 12px;
	background: url("/sites/RJ/images/rondje.gif") center left no-repeat;
 }*/

 ul.opsomming {
	padding-left: 10px;
 }

 ol {
	margin-left: 0; padding-left: 1.9em;
 }

 ol.a {
	list-style-type: lower-alpha;
 }

 .pijltje	 {
	color: #842938;
	font-weight: bold
 }

 .lijst-met-streepje { 
	list-style: none;
	margin-left: 0;
	text-indent: -.8em;
 }
 
 .lijst-met-streepje li a { 
	text-decoration: none;
 }
 
 .lijst-met-streepje li a:link  { 
	text-decoration: none;
 }
 
 .lijst-met-streepje li a:visited { 
	text-decoration: none;
 }
 
 .lijst-met-streepje li a:active { 
	text-decoration: none;
 }
 
 .lijst-met-streepje li a:hover { 
	text-decoration: underline;
 }

 .lijst-3-pijltjes { 
	list-style: none;
	margin-left: 0;
	padding-left: 2.8em;
	text-indent: -2.8em;
 }
 
 .lijst-3-pijltjes li a { 
	text-decoration: none;
 }
 
 .lijst-3-pijltjes li a:link  { 
	text-decoration: none;
 }
 
 .lijst-3-pijltjes li a:visited { 
	text-decoration: none;
 }
 
 .lijst-3-pijltjes li a:active { 
	text-decoration: none;
 }
 
 .lijst-3-pijltjes li a:hover { 
	text-decoration: underline;
 }