/*
	01		2005		Nieuwbouw
	02 07.02	03/02/07	Nieuwe knoppen voor bladeren in nieuws
	03 08.00	13/06/07	List voortaan mee CSS ipv tabellen
	04 08.10	30/01/08	boxen zoveel mogelijk relative
*/
body	{ 
	font-size: 			100%;
  	color: 				black;
	line-height: 		100%;
	font-family: 		Trebuchet MS, Arial, Helvetica, sans-serif;
	margin:				0px 0px 0px 0px;
}
h1, h2, h3, h4	{
	font-size:			175%;
	color:				#669999;
	font-weight:		normal;
	line-height:		100%;
}
h2 {font-size:			150%;
	font-weight:		normal;
}
h3 {font-size:			125%;
	font-weight:		normal;
}
h4 {font-size:			110%;
	font-weight:		bold;
}
h5 {font-size:			100%;
	font-weight:		bold;
}
p {	font-size:			80%;
	margin-top:			4px;
	margin-bottom:		4px;
}
#comment {
	font-size:			60%;
	text-align:			center;
}
select, input, textarea {
	font-size:			100%;
	font-family: 		Trebuchet MS, Arial, Helvetica, sans-serif;
}

/*  Login + formulieren *****************************************************************************/
div.login {
    position:           absolute; 
	top:				593px;
	margin-left:		-1px;
}
label {              /* zorgt ervoor dat elementen niet op dezelfde regel komen
                        concreet: bij het login-scherm komt de naam van het invoerveld boven 
                                  het invoerveld te staan en niet ervoor.*/
	display:			block;
    font-size:          70%;
}
fieldset.login {     /* geldt voor alle velden van de login */
	width:				178px;
	height:				178px;
    padding:            0px 0px 0px 4px;
    border:             1px solid gray;
    color:              gray;
	margin-left:		0px;
}
legend.login {
	font-weight: 		bold;
    color:              gray;
	text-transform: 	uppercase;
	margin: 			0 0 5px -2px;
    font-size:          70%;
}
input.login {
	font-size:			70%;
	border: 			1px solid gray;
	background-color: 	#DDD;
	width: 				172px;
}
#logout_message {
	clear: 				both;
	position:			relative;
	padding:			4px;
	font-size:			70%;
}
/*						Alle buttons	*/
/*						- algemeen */
#button_form_submit, 
#button_form_reset,
#button_form_back,
#button_login_submit,
#button_logout,
#button_list,
#button_letter_submit {
	font-family: 		Trebuchet MS, Arial, Helvetica, sans-serif;
	background:		 	#D2D2E6;
	color: 				#494980;
	font-weight: 		bold;
	height:				25px;
	border:             1px solid #494980;
	cursor: 			pointer;
}
/* toegevoegd voor IE 6.0 en lager om hover mogelijk te maken op objecten anders dan links */
* html #button_form_submit, #button_form_reset,
#button_form_back, #button_login_submit, #button_logout,
#button_list, #button_letter_submit {
  behavior: url(hover.htc) }

/* de classes (.hover) zijn toegevoegd voor IE 6.0 en lager voor de oplossing voor het hierboven 
   omschreven probleem */ 
#button_form_submit:hover, #button_form_submit.hover,
#button_form_reset:hover, #button_form_reset.hover,
#button_form_back:hover, #button_form_back.hover,
#button_login_submit:hover, #button_login_submit.hover,
#button_logout:hover, #button_logout.hover,
#button_list:hover, #button_list.hover, 
#button_letter_submit:hover, #button_letter_submit.hover {
	background: 		#6D6D99;
	border: 			1px solid #494980;
	color: 				#FFF;
}
#button_form_submit,
#button_form_reset,
#button_form_back,
#button_list {
	font-size:          70%;
	width: 				130px;	
	margin: 			5px 5px 5px 0px; /* top - right - bottom - left*/
}
#button_letter_submit {
	font-size:          70%;
	width: 				100px;	
	margin: 			5px 5px 5px 0px; /* top - right - bottom - left*/
}
#button_login_submit {
	font-size:          70%;
	width: 				174px;	
	margin: 			5px 0px 5px 0px; /* top - right - bottom - left*/

}
#button_logout {
	font-size:          70%;
	width: 				183px;	
	margin: 			5px 0px 5px 0px; /* top - right - bottom - left*/
	text-align:			left;
}
div.login_message {
    font-size:          70%;
    color:              #000000;
    line-height:        100%;
    margin:             2px 0 0 0;
}
input {
	vertical-align:		middle;
}
div.row {
	clear: 				both;
	margin-top:			3px;	/*Voor FireFox */
}
.form_field_label, #form_error_label, #form_mandatory_expl_label,
#form_message_label, #form_times_read_label {
	font-size:			80%;	
	float:				left;
	width:				150px;
	text-align:			right;
	padding:			5px 0px 0px 0px;
}
#form_field, #form_error, #form_mandatory_expl, #form_message, #form_times_read {
	text-align:			left;
	width:				465px;
	padding:			1px 0px 0px 5px;
	display:			inline;
	vertical-align:		middle;
}
#form_field, #form_error, #form_message, #form_times_read {
	font-size:			80%;
}
#form_field {
	position:			relative;
	z-index: 			1;
}
#form_error, #form_message {         /* Foutmelding nadat de gebruiker op verwerken heeft gedrukt */
	font-weight:		bold;
}
#form_mandatory_expl {
	font-size:			70%;
	color:				gray;
}
#form_times_read  {
	position:			relative;
	top:				4px;
}
span.form_field_read {
	float:				left;
	text-align:			left;
	width:				470px;
	padding:			5px 4px 0px 5px;
}
/*						Voor documenten (via FCKeditor) de breedte nemen die ook bij invoer is gebruikt. */
#form_field_read_doc {
	width:				100%;
}
#form_error_label {
	float:				left;
}
#form_ri_error_label {
	font-size:			100%;	
	font-weight:		bold;
	width:				150px;
	text-align:			left;
}
#form_ri_error {
	font-size:			80%;	
	text-align:			left;
	width:				465px;
}
#multi_select_left {
	width:				200px;
	border-color:       gray;
    border-width: 		1px;
	position:           relative;
	left:			    -3px;
}
#multi_select_right {
	width:				200px;
	border-color:       gray;
    border-width: 		1px;
}
#list_error, #list_message {
	text-align:			left;
	width:				465px;
	font-size:			80%;
	font-weight:		bold;
	margin-top:			20px;
}
.form_expl_button {
	float:				left;
	position:			relative; left: 4px; top: 5px;
}
#form_expl_header {
	font-size:			80%;
	font-weight:		bold;
	position:			relative; left:12px;
}
#form_expl {
	font-size:			80%;
	position:			relative;
	height:				auto;
	color:				#6E6D6D;
}
/*  Vak-headers ***********************************************************************************/
.hNews, .hMenu, .hImages, .hForm {	 /* Algemeen */
	font-size: 			80%;
    font-weight: 		bold;
	height:				20px;
	padding-left: 		4px;
	background-image:   url("balk.jpg");
   	background-repeat:  repeat-x;
	border-style: 		solid;
	border-color:		gray;
	border-width: 		1px 0px 1px 0px;
   	color: 				#151515;
	line-height:		20px;
	vertical-align:		middle;
}
.hNews {		     /* News headers */
	width:				474px;
   	position:           relative;
}
.hForm {		     /* Form headers */
	width:				648px;
   	position:           relative;
	background-color:	blue;
}
.hMenu {		     /* Menu header */
	width:				180px;
   	position:           relative;
}
.hImages {		     /* Plaatjes en reclame */
	width:				156px;
   	position:           relative;
}
/*  News voorpagina *********************************************************************************/
#newsDfront, #newsIfront { /* Nieuwsdatum + Nieuwsitem voorpagina */
	line-height:		180%; 
	position:			relative; 
	font-size:          80%;
}
#newsDfront {		 /* Nieuwsdatum */
	float:				right;
}
#newsIfront {		 /* Nieuwsitem */
	display:			list-item;
}
#newsIfrontAct {
	line-height:		80%;
    font-style:         italic;
	position:			relative;
    color:              silver;
    font-size:          70%;
	margin-bottom:		0.5%;
}
ul.square {
	list-style-type:	square;
	position:			relative; left:-20px;
}

/*  News overige pagina's ***************************************************************************/
.news_restHA, .news_restHD {   /* Header, algemeen */
	font-size:          100%;
	line-height:		20px;
	font-weight:        bold;
}
.news_restHA {                 /* Header, activiteiten */ 
	margin-right:		5px;      
}
.news_restHD, .news_restID {   /* Datumkolom */
	float:				right;
	margin-right:		5px;
}
ul.list {
	list-style-type:	square;
	position:			relative; left: -10px; top:-2px;
}
li.news_restI {        /* Activiteitregel, algemeen */
	line-height:		18px;
	font-size:          80%;
	font-weight:        normal;
}
/*  Nieuwsdetailpagina ******************************************************************************/ 
.heading_lines {
    margin-bottom:      20px;  
}
div.heading_line1, div.heading_line2, div.heading_line3, div.heading_line4, div.heading_line5 {
	color:				#888;
	font-weight:		normal;
	line-height:		140%;
	display:            block;
}
div.heading_line1 {
	font-size:			160%;
}
div.heading_line2 {
	font-size:			80%;
    font-style:         italic;
	display:            inline;
}
div.heading_line3 {
	font-size:			120%;
}
div.heading_line4, div.heading_line5 {
	margin-left:        20px;
	display:            inline;
    font-style:         italic;
}
div.heading_line4 {
	font-size:			70%;
}
div.heading_line5 {
	font-size:			70%;
	margin-bottom:      20px;
}

/*  Images ******************************************************************************************/
#foto{	
    border-style: 		solid;
	border-color:		gray;
	border-width: 		1px;
}
#foto1 { position:		relative;
    float:              left;
	border-width:		1px;
	border-color:		gray;
	width:				65px;
	margin-top:         14px;
}
#foto2 { position:		relative;
    float:              right;
	border-width:		1px;
	border-color:		gray;
	width:				65px;
	margin-top:         14px;
}
#foto_standaard {
    position:		    relative;
	border-width:		1px;
	border-color:		gray;
	margin-top:         14px;
}
/*  Errors ******************************************************************************************/
.error0 {
	width : 			770px;
	height: 			700px; 
	border-style: 		solid;
	border-width: 		0px 0px 0px 0px;
	position:			absolute; left:0px; top: 0px;
	background-color:	#E6E6FA;
}
.error3 {
	font-size:			12.0pt;
	font-weight:		bold;
	position:			relative; left:10px;	
}

/*  Hyperlinks **************************************************************************************/
a:visited {
	color: 				#696969;
	text-decoration: 	none;
}
a.label:visited, a.label:link {
	color: 				#3F3F3F;  
	text-decoration: 	none;
}
a.label:hover	{
	text-decoration: 	underline;
}

a.aMenu:visited, a.aMenu:link {
	color: 				#3F3F3F;  
	text-decoration: 	none;
}
a.men1a:visited, a.men1a:link {
	color: 				#3F3F3F;
	text-decoration: 	none;
}
a:link	{
	color: 				#00008F;
	text-decoration: 	none;
}
a:hover	{
	text-decoration: 	underline;
}
a.newsIfront:link {		color: 		blue;
}
a.newsIfront:visited {	color: 		navy;}

/*  Lichtkrant  *************************************************************************************/
marquee.welkomst {
	width:              660px;
    font-size: 			90%;
	background-color:   #F2F2F2;
	height:				20px;
	color:              #3F3F3F;
    padding-top: 		3px;
   	border-style: 		solid;
	border-color:		gray;
	border-width: 		1px;
}
/*  Real tables (bijvoorbeeld de overzichtspagina's binnen een programma)***************************/
/* 		  				Real tables CMS */
table.rtc {
	border-collapse: 	collapse;
	border-width: 		1px;
	border-style: 		solid;
}
/*        				Tabelkoppen */
th.rtc    { 
	font-weight: 		bold;
    font-size:			70%;
    border-width: 		1px;
    border-style: 		solid;
	border-color: 		white;
    background-color:	rgb( 192, 192, 192);
	padding-left: 		2px;
    padding-right: 		2px;
}
.space_between_buttons_list {
	line-height: 		2px;
	font-size: 			1px;
}
/*        				Tabelregels */
td.rtc1, td.rtc2 {
	font-size: 			70%;
	border-color: 		rgb( 255, 255, 255);
	border-width: 		1px;
	border-style: 		solid;
	padding-left: 		2px;
	padding-right: 		2px;
	vertical-align: 	middle;
}
/*        				Tabelregel oneven resp. even */
td.rtc1   { 
	background-color: 	rgb( 209, 238, 238);}
td.rtc2   { 
	background-color: 	rgb( 211, 211, 211);}

/* Menu op overzicht*/
table.rtcb{
	border-collapse:	collapse;
	border-style:		solid;
	border-width:		0px;
}
/*        Menu knoppen */
th.rtcb   {
	font-size: 			80%;
	background-color: 	rgb( 209, 238, 238);
	border-style: 		solid;
	border-color: 		#646464 #646464 #646464 #646464;
	border-width: 		1px;
	padding-left: 		4px;
	padding-right: 		4px;
/*            			width:200px;  */
}
/*        				Tussen knoppen*/
th.rtcbb  {
	font-size: 			80%;
	border-bottom: 		solid;
	border-color: 		#646464;
	border-width: 		1px;
	width:				2px;
}
/*        				Eind "knop", dwz de lijn loopt nog een stukje door */
th.rtcbe  { 
	font-size: 			80%;
	border-bottom: 		solid;
	border-color: 		#646464;
	border-width: 		1px;
	width:				2px;
}
/*						Diversen */
#star_mandatory {
	color: 				red;
	vertical-align: 	top;
}
#hr1, #hr2, #hr  {
	clear:				both;
	height:				0px;
	line-height: 		1px;
	border-top: 		1px dotted silver;
}
#hr1			{
	margin-top:			5px;
}
#hr2			{
	margin-top:			0px;
}
#option_width {  	/* Maximale breedte van een "<option>" veld */
	max-width:			370px;;
}
#fieldset_form	{
	border: 			0px;
}
/* test nieuwe metadata popup */
.mouse2
{
	visibility:			hidden;
	text-align: 		left;
	background-color: 	#336699;
	color: 				white;
	width:				300px;
	font-size:			70%;
	position:			fixed;
	top:				140px;
	left:				745px;
	padding:			4px;
	border:				1px solid white;
}