﻿body, table, textarea, input
{
	font-family:Helvetica, Arial, sans-serif;
	font-size:10pt;
}

div
{
	-moz-box-sizing:content-box;
	box-sizing:content-box;
}

body
{
	height:100%;
}
html
{
	overflow:hidden;
}

img
{
	border:none;
}

a
{
	color: #005EE8;
}
input
{
	border: 1px solid #005EE8;
	background-color: white; /*#FFEFEF;*/
	color: #005EE8;
	padding: 1px;
}

/*****************************************************************************/
/*
 * global layout
 */
 
#layout_body
{
}
#layout_page_outer
{
}
#layout_page_inner
{
}
#layout_banner
{
	position:absolute;
	left:8px;
	top:0px;
	height:85px;
	right: 8px;
	text-align: center;
}

#layout_top
{
	font-family:"Rockwell","Courier New", Courier, monospace;
	position:absolute;
	left:8px;
	top:85px;
	height:auto;
	right: 16px;
	background-image:url(../images/layout/top_logo.png);
	background-repeat:no-repeat;
	background-position: 0px 6px;
	
	padding-top:101px;
	font-size:10pt;
	/*border-bottom: 4px blue dotted;*/
	
	/*border-left:solid 1px #747474;*/
}

#layout_bottom
{
	/*border-top: 4px #005EE8 dotted;*/
	background: url(../images/layout/stippellijn.gif) repeat-x scroll left top;
	position:absolute;
	left:8px; 
	bottom:0px;
	height:4px;
	right: 8px;
}


#layout_menu
{
	font-family:"Rockwell","Courier New", Courier, monospace;
	position:absolute;
	left:8px;
	top:186px;
	bottom: 8px;
	width:230px;
	overflow:auto;
	
	font-size:10pt;
	
	/*border-left:solid 1px #747474;*/
}

#layout_main_header
{
	position:absolute;
	left:250px; /* WIDTH OF #LAYOUT_MENU */
	top:85px;
	height:100%;
	padding-top:5px;
	padding-left:35px;
	right: 16px; 
	
}
	.main_header_title
	{
		color: #005EE8;
		font-size:14pt;
	}
	.main_header_loggedin
	{
		font-family:"Rockwell","Courier New", Courier, monospace;
		position: absolute;
		top: 8px;
		right: 0px;
		color:black;
		font-size:9pt;
	}
	a.main_header_logout
	{
		color:#EE7F00;
		margin-left:4px;
		visibility:hidden;
	}

#layout_top_dottedline
{
	/*border-top: 4px #005EE8 dotted;*/
	background: url(../images/layout/stippellijn.gif) repeat-x scroll left top;
	position:absolute;
	left:8px; 
	top:186px;
	height: 4px;
	right: 8px;
}

#layout_main
{
	position:absolute;
	left:240px; /* WIDTH OF #LAYOUT_MENU */
	top:193px;
	bottom: 16px;
	/*width:703px;*/
	right: 8px;
	
	padding-top:4px;
	padding-left: 10px;
	overflow:auto;
}
	#layout_main_dottedline
	{
		position: absolute;
		left: 238px;
		top: 198px;
		bottom: 16px;
		width: 8px;
		/*border-left: 4px #006EE8 dotted;*/
		background: url(../images/layout/stippellijn.gif) repeat-y scroll left top;
	}

	#layout_main_topleft
	{
		position:absolute;
		height:17px;
		width:17px;
		top:128px;
		left:-14px;
		
		z-index:10;
		
		/*background-image:url(../images/layout/main_topleft.png);*/
	}

#layout_main_footer
{
	position:absolute;
	left:180px; /* WIDTH OF #LAYOUT_MENU */
	bottom:0px;
	height:50px;
	width:703px;
	padding-left:30px;
	padding-top:20px;
}

/*****************************************************************************/
/*
 * menu
 */
.header_small
{
	font-weight:bold;
}

#layout_menu_top
{
	position:absolute;
	
	right: 200px;
	top:64px;
	left:0px;
	color:black;
	
	z-index:10;
}
	.menu_top_item
	{
		color:black;
		text-decoration:none;
		font-size:18pt;

		background-image:url(../images/layout/menu_dot_small.png);
		background-repeat:no-repeat;
		background-position:right;
		padding-right:18px;
		margin-left: 6px;
	}
		.menu_top_item:hover
		{
			/*text-decoration:underline;*/
			color: #005EE8;
		}
		
	.menu_top_item_home
	{
		margin-left: 0px;
	}
	.menu_top_item_contact
	{
	}
	.menu_top_item_sectie
	{
		text-transform: lowercase;
		background-image: none;
		color: #005EE8;
	}
	.menu_top_item_sectie:hover
	{
		text-decoration: none;
		cursor: default;
	}
	

	
#layout_menu_topright
{
	position: absolute;		
	top:64px;
	right:8px;
	color:black;

	z-index:10;
}
	.menu_top_item_uitloggen
	{
		padding-left: 24px;
		text-align: right;
	}

.menu_header
{
	/*background-image:url(../images/layout/menu_header.png);*/
	color:black;
	/*border-top: 4px #005EE8 dotted;*/
	background: url(../images/layout/stippellijn.gif) repeat-x scroll left top;

	height:33px;
	padding-top:13px;
	padding-left:0px;
	font-size: 16px;
	margin-right: 13px;
}
	.menu_header_strong
	{
		color: #005EE8;
	}
.menu_link
{
	display:block;
	text-decoration:none;
/*
	background-image:url(../images/layout/menu_item.png);
	color:white;
*/
	height:20px;
	padding: 4px 4px 4px 0px;
	margin-bottom:2px; 
	
	color:black;
	font-size: 13px;
	
}
.menu_link:visited
{
	color:black;
}
a.menu_link:hover
{
	text-decoration: none;
	color: #005EE8;
}
	.menu_link_selected
	{
		/*background-image:url(../images/layout/menu_item_selected.png);*/
		color: #005EE8;
	}
	.menu_link_selected:visited
	{
		color: #005EE8;
		cursor: default; 
	}
	a.menu_link_selected:hover
	{
		text-decoration: none;
	}

/*****************************************************************************/
/*
 * common style elements
 */
.main_header
{
	color: #005EE8;
	font-size: 24px;
	font-family:"Rockwell","Courier New", Courier, monospace;
	text-transform: lowercase;
}

.main_subheader
{
	font-weight: bold;
	margin-top: 16px;
	margin-bottom: 2px;
}

.main_uwgegevens
{
	overflow:auto;
	margin-bottom:10px;
}

.main_uwgegevens_iconcolumn
{
	margin-top:10px;
	margin-right:5px;
	float:left;
}
.main_uwgegevens_column
{
	margin-top:10px;
	width:140px;
	margin-right:10px;
	float:left;
}
	.main_uwgegevens_column_wide
	{
		width:400px;
	}
	.uwgegevens_maillink
	{
		color: #005EE8;
		text-decoration:none;
	}
	.uwgegevens_maillink:hover
	{
		text-decoration:underline;
	}
	
	
.main_middleline
{
	/*border-top: 4px #005EE8 dotted;*/
	background: url(../images/layout/stippellijn.gif) repeat-x scroll left top;
	height: 4px;
	position:relative;
	left:-2px;
	
	margin-bottom:4px;
}
	.main_middleline_image
	{
		position:absolute;
		left:-8px;
		
		/*background-image:url(../images/layout/main_middleleft.png);*/
		background-repeat:no-repeat;
		width:18px;
		height:19px;
		
	}
/*****************************************************************************/
/*
 * common style elements
 */
.btnCommand, .btnCommandWide, .btnCommandLarge
{
	padding:1px 8px;
	margin-right:10px;
	cursor:pointer;
	text-decoration:none;
}
	.btnCommand
	{
		border:outset 1px navy;
		text-align:center;
		background-color: #005EE8;
		color: white;
/*		float:left;
		width:140px; */
	}
	.btnCommandWide
	{
/*		float:left;
		width:160px; */
	}
	
	.btnCommandLarge
	{
		font-family: "Rockwell","Courier New", Courier, monospace;
		font-size: 22px;
		color: black;
		padding: 1px;
		text-transform: lowercase;
	}

	.btnCommand, .btnCommand:visited, .btnCommandWide, .btnCommandWide:visited;
	{
		color:white;
	}

	.btnCommandLarge, .btnCommandLarge:visited
	{
		color:black;
	}

	.btnZoekInline
	{
		height: 20px;
	}

	.btnCommandDisabled
	{
		background-color:Gray;
		color: LightGrey;
		font-style:italic;
		cursor:default;
	}
	.btnCommandDisabled:hover
	{
		text-decoration: line-through;
	}

.btnCommand:hover, .btnCommandWide:hover, .btnCommandLarge:hover
{
	text-decoration:none;
}
.btnCommandLarge:hover
{
	text-decoration:underline;
}
.btnCommand img, .btnCommandWide img
{
	position:relative;
	top:3px;
	margin-right:2px;
}
	.btnDisabled
	{
		color:Gray;
		font-style:italic;
		text-decoration: line-through;
		cursor:default;
	}
	.btnDisabled:hover
	{
		text-decoration: line-through;
	}

.tbxDisabled 
{
	border: 1px solid gray;
	background-color: #BFBFBF; /*#FFEFEF;*/
	color: #6F6F6F;
	padding: 1px;
}

.iconCommand
{
	cursor:pointer; cursor:hand;
}

.pnl_warning_message
{
	color:Red;
	font-weight:bold;
}
.pnl_warning_message img, .pnl_info_message img
{
	position:relative;
	top:3px;
	margin-right:4px;
}

.pnl_info_message
{
	color: #005EE8;
	font-weight:bold;
}

/*****************************************************************************/
/*
 * layout for lists of items
 */
.tblItems
{
	border:solid 1px #F18E00;
	border-collapse: collapse;

	margin-top:10px;
	margin-bottom:15px;
}

.tblItems A
{
	color:White;
}

.tblItems TR TD
{
	padding:3px 2px;
}

.tblItems_headerrow TD
{
	background-color:#F18E00;
	padding:3px 1px;
	color:White;
	font-weight:bold;
}

	.tblItems_row_hover
	{
		background-color: #eee;
	}

.tblItems_pagerrow TD
{
	background-color:#F18E00;
	color:White;
	font-weight:bold;
}

.tblItems_row_label
{
	cursor:pointer; cursor:hand;
}
	.tblItems_row_100 { width:100px; }
	.tblItems_row_120 { width:120px; }
	.tblItems_row_150 { width:150px; }
	.tblItems_row_200 { width:200px; }
	.tblItems_row_250 { width:250px; }
	
.tblItems TR TD.tblItems_row_label_paddingright
{
	padding-right:20px;
}


/*****************************************************************************/
/*
 * layout for edit pages
 */
.layout1_row
{
	position:relative;
	margin-top:5px;
	height: 30px;
}
	.layout1_row_tall
	{
		height:40px;
	}
	.layout1_row_buttons
	{
		margin-top:30px;
		padding-top: 3px;
		padding-bottom: 3px;
	}

.layout1_cell_header2
{
	background-color:#003882;
	height:20px;
	border-bottom:solid 3px #003882;
	font-weight:bold;
	color:White;
	padding-left:30px;
	font-size:12pt;
	padding-top:2px;
	margin-top:60px;
	margin-bottom:20px;
	position:relative;
	left:-30px;
	width:100%;
}

.layout1_cell_header3
{
	background-color:#F1E400;
	height:20px;
	border-bottom:solid 3px #003882;
	font-weight:bold;
	padding-left:4px;
	padding-top:2px;
	margin-top:30px;
}

.layout1_cell_info
{
	background-color: #005EE8; /*#E4E4F1; /* #EE7F00; */
	border:solid 1px #EFEFFF; /* #EEC18C; */
	color:White;
	padding:5px;
	padding-left:50px;
	margin-bottom:30px;
}
.layout1_cell_info img
{
	position:absolute;
	left:16px;
}

.layout1_cell1
{
	position:absolute;
	top: 0px;
	left: 0px; 
	width:150px;
	padding-top:2px;
}
.layout1_cell1_5
{
	position:absolute;
	width:20px;
	top:2px;
	left:135px;
	text-align:right;
}
.layout1_cell2, .layout1_cell2_wide, .layout1_cell2_wide_extra
{
	position:absolute;
	top:0px;
	left:160px;
	padding-top:2px;
}

	.layout1_cell2 .layout1_inputtext
	{
		width:200px;
	}
	.layout1_cell2 .layout1_inputtext2
	{
		width:300px;
	}
	.layout1_cell2 .layout1_inputnumber
	{
		width:50px;
	}
	.layout1_cell2 .layout1_dropdown
	{
	}

.layout1_cell2_info
{
	position:relative;
	top:0px;
	left:160px;
	background-color: #F1E400;
	padding:5px;
	padding-left:50px;
	margin-bottom:30px;
	width:250px;
}
.layout1_cell2_info img
{
	position:absolute;
	left:10px;
}


.layout1_inputreadonly
{
	background-color:#eee;
	border-style:inset;
	border-width:1px;
}
.layout1_cell2
{
	width:200px;
}

.layout1_cell2_wide
{
	width:300px;	
}
.layout1_cell2_wide_extra
{
	width:480px;
}

.layout1_cell3
{
	position:absolute;
	left:380px;
	top:0px;
	padding-top:2px;
}
.layout1_cell3_bottom
{
	position:absolute;
	left:380px;

	bottom:0px;
}


.layout1_textarea_tiny, .layout1_textarea_small
{
	width:300px;
}
.layout1_textarea_tiny
{
	height:50px;
}
.layout1_textarea_small
{
	height:100px;
}
.layout1_textarea_large
{
	width:400px;
	height:200px;
}

.layout1_radiolist_horizontal
{
}
.layout1_radiolist_horizontal input
{
	position:relative;
	top:1px;
	margin-right:4px;
}
.layout1_radiolist_horizontal label
{
	margin-right:6px;
}


.layout1_row_smallheader
{
    height:15px;
    font-weight:bold;
    margin-top:20px;
}


.layout1_changerequest
{
	height:150px;
	overflow:auto;
	border:solid 1px lightgrey;
	padding-left:5px;
}

.zoekparamrij
{
	margin: 6px 0px 6px 0px;
	padding-bottom: 2px;
}
	.zoekparamcontainer
	{
		position: relative;
	}

	.zoekparamitem
	{
		vertical-align: middle;
		margin: 2px;
	}

	.zoekparam_toelichting
	{
		color: Gray;
		font-style: italic;
		margin-top: 8px;
	}
	.zoekparambox
	{
		width: 165px;
	}
	
	.zoekparamtextbox
	{
		border: 1px solid #005EE8;
		background-color: white; /*#FFEFEF;*/
		color: #005EE8;
		padding: 1px;
		width: 165px;
		background-position: 2px center;
		background-repeat: no-repeat;
	}
	.zoekparamdropdown
	{
	    background-color: white; /*#EFEFFF; /*#FCDBB8;*/
		border:solid 1px #005EE8;
		color: black; /*#005EE8;*/
		width: 208px;
	}
	.zoekparamdropdown_nullselected
	{
		color: Gray;
	}
	.zoek_kop
	{
		color: #005EE8;
		font-weight: bold;
		position: relative;
	}
	.zoek_resultaatcount
	{
		padding-left: 2px;
		position: relative;
	}

.exbtwmelding
{
	font-style: italic;
	font-size: smaller;
}
	
.defaulttext_emptytextarea
{
	color:#B1B2B4;
}

.pagerrij
{
	font-family: "Rockwell","Courier New", Courier, monospace;
	font-size: 19px;
	color: black;
	height: 30px;
}
	.pagervorige
	{
		position: absolute;
		text-align: left;
		left: 8px;
	}
	.pagerpage
	{
		position: absolute;
		text-align: center;
		left: 100px;
		right: 100px;
	}
	.pagervolgende
	{
		position: absolute;
		text-align: right;
		right: 8px;
	}

.view_instituutlogo 
{
	position: absolute;
	top: 24px;
	right: 8px;
	width: 100px;
	height: 80px;
}

img.view_instituutlogo 
{
	border: none; /* 1px solid black; */
}

