html {
  margin							: 0;
  padding							: 0;
  height							: 100%;
/*  width								: 100%;*/
}

body
{
	color							: #213766;
	background-color				: #fff;
	font-family						: verdana, arial, helvetica, sans-serif;
	font-variant					: normal;
	font-weight						: normal;
	font-style						: normal;
	font-size						: 10px;
	line-height						: normal;
	margin							: 0;
	padding							: 0;
	height							: 100%;
/*	text-align						: center;*/
}

#wrapper 
{
	position						: relative;
/*	margin							: 0 auto;*/
	width							: 835px;
	min-height						: 100%;
	height							: auto !important;
	height							: 100%;
	color						    : black;
}

/**********/
/* input */
/**********/

table, td
{
	font-size						: 100%;
	vertical-align					: top;
	
}

hr
{
	height							: 1px;
	border-top						: 0px;
	border-left						: 0px;
	border-right					: 0px;
	border-bottom					: solid 1px #FF0018;
}

img
{
	border							: 0px;
}


/* Uitgezet ivm call 4268: opmaak in html editor en raadpleeeg scherm is niet hetzelfde. Oa UL LI items worden niet goed getoond
li, ul
{
	padding							: 0px;
	margin							: 0px;
}
*/

a
{
	color							: #213766;
	text-decoration					: none;
}

a:hover
{
	color							: #FF0018;
	text-decoration					: none;
}

.Red
{
	color						: red;	
}

textarea
{
	width						: 100%;
	height						: 4em;
	font-family					: Verdana, Tahoma, Arial;
	font-size					: 100%;
	color						: #082B6B;
}

select
{
	font-family					: Verdana, Tahoma, Arial;
	font-size					: 100%;
	color						: #082B6B;
}

.clsField select
{
	width						: 100%;
}

select.multiple
{
    width						: 100%;
	font-family					: Verdana, Tahoma, Arial;
	font-size					: 100%;
	color						: #082B6B;    
}

input.clsText
{
	width						: 100%;
	font-family					: Verdana, Tahoma, Arial;
	font-size					: 100%;
	color						: #082B6B;    
}

input.clsTextAutoComplete
{
	width						: 95%;
	font-family					: Verdana, Tahoma, Arial;
	font-size					: 100%;
	color						: #082B6B;    
}

input.clsTextSearchDate
{
	width						: 50%;
	font-family					: Verdana, Tahoma, Arial;
	font-size					: 100%;
	color						: #082B6B;    
}

input
{
	font-family					: Verdana, Tahoma, Arial;
	font-size					: 100%;
	color						: #082B6B;    	
}


/**********/
/* layout */
/**********/

.center
{
	text-align						: center;
}

.maxWidth
{
	width							: 100%;
}

.maxHeight
{
	height							: 100%;
}

.lay_col1
{
/*	width							: 6px;*/
}

.lay_col2
{
/*	width							: 175px;*/
}

.lay_col3
{
/*	width							: 834px;*/
}

.lay_col4
{
/*	width							: 3px;*/
}

.lay_col5
{
/*	width							: 147px;*/
}

table.lay_base
{
/*	width							: 985px;*/
	height							: 100%;
	vertical-align					: top;
	text-align						: justify;
}

.lay_barleft
{
/*	width							: 6px;*/
	background-color				: #E03C40;
}

td.lay_header
{
/*	width							: 830px;*/
	height							: 120px;
	background-color				: #FFF;
	vertical-align					: top;
}

td.lay_header_tekst
{
	padding							: 15px 0px 0px 0px;
	height							: 64px;
	font-weight						: bold;
}

td.lay_header_knoppen
{
	height							: 55px;
	vertical-align					: middle;
}

td.lay_menurightGast
{
	width							: 100%;
	height							: 100%;
	vertical-align					: top;
}

td.lay_menurightDeelnemer
{
	width							: 100%;
	height							: 100%;
	background-color				: #FCDDDE;
	vertical-align					: top;
}

table.lay_menuright_bovenstuk
{
	width							: 100%;
	height							: 111px;
	color							: #FFF;
	background-color				: #E03C40;
	padding							: 0px 0px 0px 0px;
}

table.lay_menuright
{
	width							: 100%;
	height							: 0px;
	color							: #FFF;
	background-color				: #E03C40;
	padding							: 0px 0px 0px 0px;
}

td.lay_barwhite
{
/*	width							: 3px;*/
	border-right					: solid 1px #022B53;
}

td.lay_barwhite
{
	height							: 5px;
}

td.lay_headermenu
{
	background-color				: #3675B7;
	vertical-align					: top;
}

td.lay_topmenu
{
	width							: 490px;
}

.lay_zoekmenu
{
	text-align					: right;
	height						: 21px!important;
}

td.lay_loginmenu
{
/*	width							: 147px;*/
}

td.lay_menuleft
{
/*	width							: 174px;*/
	height							: 100%;
	background-color				: #E2F2FF;
	vertical-align					: top;
}

table.lay_menuleft_resolution
{
	width							: 100%;
	height							: 10px;
	color							: #FFF;
	background-color				: #3675B7;
	padding							: 15px 0px 0px 0px;
}

table.lay_menuleft
{
	width							: 100%;
	height							: 396px;
	color							: #FFF;
	background-color				: #3675B7;
	padding							: 15px 0px 0px 0px;
}


.lay_login
{
	width							: 174px;
	height							: 113px;
	background-color				: #003366;
	font-size						: 9px;
	color							: #FFFFFF;
}

.lay_login_row_left
{
	width							: 1px;
}

.lay_login_header
{
	width							: 19px;
	font-weight						: bold;
	padding							: 4px 0px 4px 10px;
}

.lay_login_field
{
	background-color				: #336699;
	padding							: 0px 0px 0px 10px;
}

.inp_login
{
	width							: 125px;
	height							: 16px;
}

.lay_login_button
{
	background-color				: #336699;
	padding							: 0px 0px 1px 10px;
}

.lay_login_vergeten
{
	background-color				: #336699;
	padding							: 2px 0px 0px 0px;
	width							: 110px;
}

.lay_login_footer
{
	height							: 6px;
}

.lay_kruimelpad, .lay_properties
{
	vertical-align					: top;
	font-size						: 11px;
	padding							: 1px 1px 10px 15px;
}

div.content
{
	height							: 100%;
	background-color				: #FFF;
	vertical-align					: top;
	margin							: 0px 10px 15px 15px;
	font-size						: 11px;
}



/**********/
/* specifieke stijl */
/**********/

.cel-top, .clsHeader
{
	font-weight						: bold;
}

/***********************/
/* Oude explorer stijl */
/***********************/
.clsTblExplorer
{
	border				: solid 1px #3675B7;
	background-color    : #E2F2FF;
	font-size			: 100%;
}

.clsTblExplorer A
{
	color				: black;
	text-decoration		: none;
}

.clsTblExplorer A:hover
{
	color				: black;
	text-decoration		: underline;
}

.clsRowExplorer
{
	background-color	: #3675B7;
	border-bottom		: solid 1px #3675B7;
	height				: 35px;
	vertical-align		: top;
	color				: White
}

.clsRowExplorer A
{
	color				: white;
	font-weight			: bold;
	text-decoration		: none;
}

.clsRowExplorer A:hover
{
	color				: white;
	font-weight			: bold;
	text-decoration		: underline;
}

.clsExplorerMeer
{
	border-top			: solid 1px #3675B7;
	font-weight			: bold;
}

td.clsSort
{
	color				: white;
}

td.krantColWidth
{
	width				: 310px;
}

td.krantColSpacer
{
	width				: 10px;
}
.krantColWidth table
{
	width	: 100%;
}
.white
{
	color				: #FFFFFF;
}


/*
 * Invoersjablonen
 */
.clsTable, .table
{
	width						: 100%;
}

.clsOverzichtCluster
{
	/*border						: solid 1px #99CC00;*/
	border						: solid 1px #003366;
	background-color			: #3675B7;
	color						: #FFFFFF;
	font-weight					: bold;
	padding						: 4px 4px 4px 10px;
	vertical-align				: middle;
}

.clsMenu
{
	border						: solid 1px #003366;
	background-color			: #3675B7;
	color						: #FFFFFF;
	font-weight					: bold;
	height						: 19px;
/*	padding						: 4px 4px 4px 10px;*/
	vertical-align				: middle;

	width						: 100%;
}

.clsMenuSeperator
{
	color						: #FFFFFF;
/*	padding						: 4px 0px 4px 0px;*/
	padding						: 0px 4px 0px 4px;
}

.clsMenuItem
{
/*	padding						: 4px 4px 4px 4px;*/
	padding						: 0px 4px 0px 4px;
	color						: #FFFFFF;
}

.clsMenuItem_over
{
/*	padding						: 3px;*/
	display						: inline;
/*	border						: solid 1px #003366;*/
	padding						: 0px 4px 0px 4px;
	background-color			: #FFFFFF;
}

.clsClusterIcon
{
	color						: #FFFFFF;
	background-color			: #3675B7;
	font-weight					: bold;
	padding						: 4px 4px 4px 4px;
	vertical-align				: middle;
	border-left					: solid 1px #003366;
	border-bottom				: solid 1px #003366;
	border-top					: solid 1px #003366;
	/*
	border-left					: solid 1px #99CC00;
	border-top					: solid 1px #99CC00;
	border-bottom				: solid 1px #99CC00;
	*/
}

.clsClusterLabel a
{
	color						: #FFFFFF;
}

.clsClusterLabel
{
	color						: #FFFFFF;
	background-color			: #3675B7;
	vertical-align				: middle;
	font-weight					: bold;
	border-top					: solid 1px #003366;
	border-bottom				: solid 1px #003366;
}

.clsClusterValidate
{
	color						: #FFFFFF;
	background-color			: #3675B7;
	vertical-align				: middle;
	padding-left				: 4px;
	border-top					: solid 1px #003366;
	border-bottom				: solid 1px #003366;
}

.clsClusterField
{
	color						: #FFFFFF;
	vertical-align				: middle;
	padding-left				: 4px;
	border-top					: solid 1px #003366;
	border-bottom				: solid 1px #003366;
	background-color			: #3675B7;
}

.clsClusterInfo a
{
	color						: #FFFFFF;
}
.clsClusterInfo
{
	color						: #FFFFFF;
	vertical-align				: middle;
	padding-left				: 4px;
	border-top					: solid 1px #003366;
	border-bottom				: solid 1px #003366;
	border-right				: solid 1px #003366;
	background-color			: #3675B7;
}

.clsFieldIcon
{
    border-left					: solid 1px #003366;
    border-bottom				: solid 1px #003366;
    padding						: 2px 0px 0px 4px;
}

.clsFieldLabel
{
	padding						: 4px 4px 4px 0px;
	vertical-align				: top;
	width						: 35%;
    border-bottom				: solid 1px #003366;
}

.clsFieldValidate
{
	padding						: 4px;
	vertical-align				: top;
    background-color			: #CFD8E2;
    border-bottom				: solid 1px #003366;
}

.clsField
{
	padding						: 4px;
	width						: 100%;
    background-color			: #CFD8E2;
    border-bottom				: solid 1px #003366;
}

.clsInfo
{
	padding						: 4px;
	width						: 100%;
    background-color			: #CFD8E2;
    border-right				: solid 1px #003366;
    border-bottom				: solid 1px #003366;
}

.clsNavigatieBar a
{
	color						: #FFFFFF;
}

.clsNavigatieBar
{
	border						: solid 1px #003366;
	background-color			: #3675B7;
	font-weight					: bold;
	/*padding						: 4px 4px 4px 10px;*/
	vertical-align				: middle;
}

.clsKalenderRowOdd
{
    background-color			: #FFFFFF;
}

.clsKalenderRowEven
{
    background-color			: #E9F4CA;
    padding						: 5px 0px 5px 5px;
}

.Zoek
{
	height						: 21px;
}

.TableZoeken
{
	
}

.ZoekInput
{
	width						: 115px;
	margin-right				: 1px;
}

.ZoekButton
{
	width						: 50px;
	height						: 21px;
}

.InputLoginSubmit
{
	cursor						: pointer;
}

.50proces
{
	width						: 50%;
}

.clsRowOdd
{
	background-color			: #FCDDDE;
	padding						: 2px 0px 2px 0px;
}

.clsRowEven
{
	padding						: 2px 0px 2px 0px;
}

.word_list
 {
 background: white;
 border: 1px solid;
 padding: 4px;
 z-index: 4;
 }

 .word_list ul
 {
 padding: 0;
 margin: 0;
 list-style-type: none;
 }

 .word_list a
 {
 text-decoration: none;
 color: navy;
 }

 .word_list .selected
 {
 background: navy;
 color: white;
 }

 .word_list .selected a
 {
 color: white;
 }

 #autoComplete
 {
 display: none;
 }
 
 .clsDropYear
 {
 }
 
 .clsField .clsDropYear
 {
	width:75%;
 }
 
  .clsDropYearInvoer
 {
 }
 
 .clsField .clsDropYearInvoer
 {
	width:100%;
 }