/*****************************/
	/* TextArea Rich Style Sheet */
	/*****************************/
	
	/* NOTE: to change the colours of the mouse over for the editor buttons, you must
	   go to Profunctions.js and edit the MOUSE OVER / MOUSE OUT class styles         */

	/* Do some basic formatting  */
	
	body {
		background-image:url(/images/achtergrond.gif);
		background-repeat:repeat;
		background-position:left top;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		size:1;
		font-size: 8pt;
		margin-left:0px;
		margin-top:0px;
		margin-right:0px;
        margin-bottom:0px;
	}
	
	.h1 {
		font-size: 15pt;
		color: red;
	}

	td {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 8pt;
	}

	th {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 8pt;
	}

	/*
	A:hover { 
		color: red; 
		font-size: 8pt; 
		font-weight: normal; 
		text-decoration: none;
	} 
	*/

	/* Format text fields to have verdana font  */
	
	.textbox {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 8pt;
		margin-left: 4px;
	}
	
	/* used in the drop down lists on the editor window */
	.dropDown
	{ 
		/*border: 1px solid #DDDDDD; */
		margin: 2; 
		padding: 0;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 8pt;
		margin-left: 4px;
	}

  	/* Colour for the status bar in the editor window. (where it says MODE...)  */
  
  	.editor_status_bg
  	{	
		background-color: #CCCCCC;
  	}
  
/*  basic button formatting  */	
	.butClass
  	{    
    	border: 1px solid #DDDDDD;
  	}
  
  	
  	/*  spacing for the TD rows in the editor  */	
	.tdClass
  	{
    	padding-left: 3px;
    	padding-top:3px;
  	}
	
	.button     { border: 1px solid #DDDDDD; margin: 2; padding: 0; }

	.buttonOn 	{ border: 1px outset; }

div.logo {
	position: relative;
	top: 0px;
	background-image: url(../images/fcr.png);
	height: 205px;
}

div.search {
	font-size: 10px;
	position: relative;
	top: 155px;
}


	.buttonDown { border: 1px inset; background-color: buttonhighlight; }

	.buttonNa   { border: 1px solid buttonface; filter: alpha(opacity=25); }
	
	.toolbar	{ background-color: #DDDDDD; height: 30; align: left; border-bottom: 1px solid #BBBBBB; }
	
	/* html_path is the path at the bottom of the editor */
	.html_path 	{ font-size: 10px; }
	
	#tr_iView_menu,
	#tr_drop_color_menu,
	#tr_dropMenu {
	position:		absolute;
	display:		none;
	z-index:		101;
	border-left:	1px #CCCCCC solid;
	border-top:		1px #CCCCCC solid;
	border-right: 	2px outset;
	border-bottom:	2px outset;
	padding:		0px;
	
}

.contextMenuStyle
{
	position:		absolute;
	z-index:		101;
	border-left:	1px #CCCCCC solid;
	border-top:		1px #CCCCCC solid;
	border-right: 	2px outset;
	border-bottom:	2px outset;
	padding:		0px;
}
	/* DialogueBox is used for the popups that are called in the editor */
	.dialogueBox	{	background-color:#EEEEEE; margin-left: 0px; margin-top: 2px; margin-right: 0px; margin-bottom: 0px; }
	.dialogueBox_header {font-size: 13pt}
	.dialogueButton {	font-size: 9px;	}
	.dialoguePreview { 	background-color:#DDDDDD;
						border-bottom:buttonhighlight solid 1px;
						border-left:buttonshadow solid 1px;
						border-right:buttonhighlight solid 1px;
						border-top:buttonshadow solid 1px;
	} 
	
	.editor_surround { border: 1px solid #666666; }
	
	/*	EDITOR STYLES */
	.littleOrange	{ 	font-size: 8pt; color:#CC9900 }
	.bigBlue 		{ 	font-size: 14pt; font-weight: bold; color:#163984; }
	.redUnderline	{	font-soze: 12pt; text-decoration: underline; color:#FF0000; }
	/* END EDITOR STYLES */
	
	
	
	/* CONTEXT MENU (right click) STYLES COLOURS */
	.menu_main		{ width:130px; border:0; border-collapse: collapse; }
	.menu_col_one 	{ width: 15px; background-color:#C1C1C1; padding:2px; cursor: hand;}
	.menu_col_two 	{ padding:3px; font-family:verdana,arial,sans-serif; font-size:11px; cursor: hand;}
	.menu_arrow   	{ padding:2px;}
	.menu_over		{ border:#7171FF 1px solid; background-color:#C6C6FF; }
	
	
	
	
	/*style voor page.php */
	
	table.table_rooster {

		border-color		: #0066CC;
		border-width 		: 1px 1px 1px 1px;
		border-collapse		: collapse;
		border-style		: solid solid solid solid;		
	}
	
	td.td_rooster {

		border-color		: #0066CC;
		border-width 		: 1px 1px 1px 1px;
		border-collapse		: collapse;
		border-style		: solid solid solid solid;		
	}
	
	
	
td.page {
	/*	background-color 	: #0099FF; */
	border-collapse: collapse;
	margin: 0px;
	border-top-width: 0px;
	border-right-width: 1px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #DDDDDD;
	border-right-color: #DDDDDD;
	border-bottom-color: #DDDDDD;
	border-left-color: #DDDDDD;
	background-repeat: repeat-y;
	background-image: url(../images/achtergrond.png);
}

div.bg_page {
	padding-top: 20px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 20px;
	background-image: url(../images/blue-sky.png);
	background-repeat: no-repeat;
	background-position: right bottom;
	height: 100%;
}
	
td.menu_mouseout {
		border-color		: #FFFFFF;
		background-color 	: #FCB040;
		/*E79A31;*/
		border-width 		: 1px 1px 1px 1px;
		border-collapse		: collapse;
		border-style		: none;
		cursor				: auto;		
}

td.menu_mouseover {
		border-color		: #FFFFFF;
		background-color	: #0066CC;
		border-width 		: 1px 1px 1px 1px;
		border-collapse		: collapse;
		border-style		: none;
		cursor				: hand;
}

td.td_bottom {
	font-size 			: 9 px;
	font-weight			: normal;
	font-family 		: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color				: #999999;
	background-color 	: #FFFFFF;
	border-collapse		: collapse;
	border-top-width: 1px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #999999;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #999999;
	}
.transparant
  {
	background-image: url(../images/transparant.png);
	background-repeat: repeat;
}
	td.td_bottom_no_border {
		font-size 			: 9 px;
		font-weight			: normal;			
		font-family 		: Verdana, Geneva, Arial, Helvetica, sans-serif;
		color				: #999999;		

		border-color		: #FCB040;
		background-color 	: #FFFFFF;
		border-width 		: 1px 1px 1px 1px;
		border-collapse		: collapse;
		border-style		: none none none none;		
	}

	
td.top {
	font-size 			: 10 px;
	font-weight			: normal;
	font-family 		: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color				: #000000;
	background-repeat	: repeat-y;
	background-position	: right bottom;
	background-color 	: #FFFFFF;
	border-collapse		: collapse;
	background-image: url(../images/achtergrond.png);
	height: 205px;
	background-attachment: scroll;
	text-align: right;
	border-top-width: 0px;
	border-right-width: 1px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #DDDDDD;
	border-right-color: #DDDDDD;
	border-bottom-color: #DDDDDD;
	border-left-color: #DDDDDD;
	}
	
	td.content_td {
	}



	a.menu_page {
		font-size 			: 10 px;
		font-weight			: normal;			
		font-family 		: Verdana, Geneva, Arial, Helvetica, sans-serif;
		color				: #FFFFFF;
		text-decoration		: none;
	}	 

	a.menu_page:hoover {
		font-size 			: 10 px;
		font-weight			: normal;			
		font-family 		: Verdana, Geneva, Arial, Helvetica, sans-serif;
		color				: #FFFFFF;
		text-decoration		: none;
	}	
	
	a.menu_page_selected {
		font-size 			: 10 px;
		font-weight			: bold;			
		font-family 		: Verdana, Geneva, Arial, Helvetica, sans-serif;
		color				: #183A84;
		text-decoration		: none;
	}		
	


	a.menu_menu {
		font-size 			: 10 px;
		font-weight			: bold;			
		font-family 		: Verdana, Geneva, Arial, Helvetica, sans-serif;
		color				: #000000;
		text-decoration		: none;
	}	 

	a.menu_menu:hoover {
		font-size 			: 10 px;
		font-weight			: bold;			
		font-family 		: Verdana, Geneva, Arial, Helvetica, sans-serif;
		color				: #FFFFFF;
		text-decoration		: none;
	}	
	
	a.menu_menu_selected {
		font-size 			: 10 px;
		font-weight			: bold;			
		font-family 		: Verdana, Geneva, Arial, Helvetica, sans-serif;
		color				: #FFFFFF;
		text-decoration		: none;
	}		
	
	
	a.a_disclaimer {
		font-size 			: 9 px;
		font-weight			: normal;			
		font-family 		: Verdana, Geneva, Arial, Helvetica, sans-serif;
		color				: #999999;
		text-decoration		: underline;
	}	
	
	td.src_res_titel {
		font-size			: 10 px; 
		font-weight			: bold; 
		font-family 		: Verdana, Geneva, Arial, Helvetica, sans-serif;
		color				: #163984;
	}
	
	td.src_res_omschrijving {
		font-size 			: 10 px;
		font-weight			: normal;			
		font-family 		: Verdana, Geneva, Arial, Helvetica, sans-serif;
		color				: #000000;
	}

	input.searchInput {
	font-size 			: 12px;
	font-weight			: normal;
	font-family 		: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color				: #000000;
	border-color		: #FCB040;
	background-color 	: #FFFFFF;
	border-width 		: 1px 1px 1px 1px;
	border-collapse		: collapse;
	border-style		: solid solid solid solid;
	height				: 20px;
	width				: 100px;
	vertical-align		: middle;		
	}	
	
	input.normaltext {
		font-size 			: 10 px;
		font-weight			: normal;			
		font-family 		: Verdana, Geneva, Arial, Helvetica, sans-serif;
		color				: #000000;

		border-color		: #FCB040;
		background-color 	: #FFFFFF;
		border-width 		: 1px 1px 1px 1px;
		border-collapse		: collapse;
		border-style		: solid solid solid solid;		
		
	}		
	
	input.normalsubmit {
		font-family			: Verdana, Arial, Helvetica, sans-serif;
		font-size			: 11px;
		font-weight			: bold;
		color				: #FFFFFF;
		background-color	: #FCB040;
		border-top-width	: 1px;
		border-right-width	: 1px;
		border-bottom-width	: 1px;
		border-left-width	: 1px;
		border-top-style	: solid;
		border-right-style	: solid;
		border-bottom-style	: solid;
		border-left-style	: solid;
		border-top-color	: #CCCCCC;
		border-right-color	: #666666;
		border-bottom-color	: #333333;
		border-left-color	: #999999;
		cursor				: pointer;
		
	}			
	
	img.imgborder {	
		/* border-color		: #999999;
		border-width 		: 1px 1px 1px 1px;
		border-style		: solid solid solid solid; */			
	
	}

	img {
	    border-color: #999999;
    }


	a img { border: 1px solid #999999; }
	a:visited img { border: 1px solid #999999; }

	#print {
		position:absolute; 
		width:100%;
		margin-top: -5px;
	}