html,body
{
	margin:			0px;
	background-color:	#c0c0c0;
	font-family:		Arial, Helvatica, Sans-serif;
	font-size:		12px;
	color:			#000;
}

#container
{
	margin-top:		10px;
	width:			900px;
	height:			600px;
	max-height:		600px;
	margin-left:		auto;
	margin-right:		auto;
	border:			1px solid #000;
}

#navigation
{
	width:			191px;
	height:			333px;
	max-height:		333px;
	margin-left:		0px;
	background-color:	#fff;
}

#navigation ul
{
	margin-top:		0px;
	padding-top:		10px;
	list-style:		none;
	margin-left:		-25px;
}

#navigation li
{
	padding-top:		5px;
	height:			20px;
}

#navigation a:link, #navigation a:visited
{
	text-decoration:	none;
	color:			#253e60;
}

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

.navigation_selected
{
	background-image:	url("nav_selected.png");
	background-repeat:	no-repeat;
	margin-left:		-10px;
	margin-top:		-5px;
	padding-left:		10px;
	padding-top:		5px;
	height:			20px;
}

#content_container
{
	width:			710px;
	height:			452px;
	max-height:		452px;
	background-color:	#ebf0f1;
	float:			right;
	margin-right:		0px;
	padding-left:		10px;
	padding-right:		10px;
	overflow:		hidden;
	background-image:	url("bottom.png");
	background-repeat:	no-repeat;
	background-position:	bottom left;
	z-index:		1;
}

#content
{
	width:			600px;
	height:			360px;
	margin-top:		25px;
	margin-bottom:		25px;
	margin-left:		10px;
	max-height:		450px;
	padding-right:		10px;
	overflow:		auto;
	z-index:		1;
}

#legal
{
	width:			190px;
	height:			119px;
	max-height:		119px;
	background-color:	#00325b;
	color:			#fff;
	z-index:		1;
}

#legal ul
{
	margin-top:		0px;
	padding-top:		10px;
	list-style:		none;
	margin-left:		-25px;	
}

#login_button a:link, #login_button a:hover, #login_button a:visited
{
	text-decoration:	none;
	color:			#00325b;
	font-weight:		normal;
}

#login_button
{
	margin-top:		0px;
	margin-left:		-10px;
	width:			190px;
	height:			32px;
	background-image:	url("login_button.png");
	background-repeat:	no-repeat;
	padding-left:		10px;
	padding-top:		8px;
	color:			#00325b;
	font-size:		14px;
}

.legal_link:link, .legal_link:visited
{
	color:			#fff;
	text-decoration:	none;
}

.legal_link:hover
{
	color:			#c0c0c0;
	text-decoration:	none;
}

#legal_nav
{
	margin-left:		20px;
	margin-right:		20px;
}

#header
{
	width:			900px;
	height:			148px;
	max-height:		148px;
	background-image:	url("header.png");
	background-repeat:	no-repeat;
}

.news_column_left
{
	float:			left;
	width:			320px;
	margin-left:		20px;
}

.news_column_right
{
	float:			right;
	width:			320px;
	margin-right:		20px;
}

.news_items
{
	width:			100%;
	font-size:		10px;
	font-weight:		normal;
}

.no_bullet
{
	list-style:		none;
}

#login_failure
{
	color:			red;
	font-weight:		bold;
	text-align:		center;
	margin-bottom:		12px;
	margin-top:		10px;
	border-top:		1px solid red;
	border-bottom:		1px solid red;
	padding:		5px;
}

#success
{
	color:			green;
	font-weight:		bold;
	text-align:		center;
	margin-bottom:		12px;
	margin-top:		10px;
	border-top:		1px solid green;
	border-bottom:		1px solid green;
	padding:		5px;
}

div.row 
{
	clear: 			both;
	padding-top: 		10px;
}

div.row span.label 
{
	float: 			left;
	width: 			300px;
	text-align: 		right;
	font-weight:		bold;
	color:			#00325b;
}

div.row span.formw 
{
	float:			right;
	width:			350px;
	text-align:		left;
}

#ledenlijst_letter
{
	margin-left:		20px;
	width:			30px;
	margin-top:		30px;
	float:			left;
	color:			#00325b;
	font-size:		52px;
	font-weight:		bold;
}

#letters
{
	margin-top:		15px;
	margin-left:		320px;
	width:			175px;
}

.letter
{
	float:			left;
	width:			30px;
	height:			24px;
	font-size:		15px;
	font-weight:		bold;
	padding-top:		6px;
	text-align:		center;
	margin-left:		5px;
	margin-bottom:		5px;
	color:			#c3c9ca;
	background-image:	url(letter.png);
	background-repeat:	no-repeat;
}

.letter a:link, .letter a:hover, .letter a:visited
{
	font-weight:		bold;
	color:			#c3c9ca;
	text-decoration:	none;
}

#letter_selected
{
	float:			left;
	width:			30px;
	height:			24px;
	text-align:		center;
	font-size:		15px;
	font-weight:		bold;
	padding-top:		6px;
	margin-left:		5px;
	margin-bottom:		5px;
	color:			#c3c9ca;
	background-image:	url(letter_selected.png);
	background-repeat:	no-repeat;
}

#namen_lijst
{
	margin-top:		15px;
	float:			left;
	margin-left:		20px;
	height:			370px;
}

#search_lijst
{
	margin-top:		15px;
	float:			left;
	margin-left:		20px;
	height:			370px;
}

#ledenlijst_search_explain
{
	color:			#000;
	font-size:		12px;
	float:			left;
	width:			220px;
}

#ledenlijst_top
{
	width:			234px;
	height:			15px;
	background-image:	url(namen_boven.png);
	background-repeat:	no-repeat;
}

#ledenlijst_bottom
{
	width:			234px;
	height:			15px;
	background-image:	url(namen_onder.png);
	background-repeat:	no-repeat;
}

#ledenlijst_midden
{
	width:			225px;
	height:			340px;
	background-image:	url(namen_midden.png);
	background-repeat:	repeat-y;
	padding:		5px;
	padding-left:		10px;
	overflow:		auto;
}

#ledenlijst_zoekbar
{
	float:			right;
	width:			151px;
	margin-top:		30px;
	margin-right:		20px;
	height:			401px;
	background-image:	url(ledenlijst_zoekbar.png);
	background-repeat:	no-repeat;
}

#ledenlijst_zoekbar_title
{
	padding-top:		15px;
	font-size:		14px;
	color:			#00325b;
	font-weight:		bold;
	margin-left:		10px;
	margin-bottom:		10px;
}

.ledenlijst_zoekbar_item
{
	padding-top:		5px;
	font-size:		12px;
	font-weight:		bold;
	margin-left:		10px;
	color:			#00325b;
	margin-bottom:		0px;
}

.ledenlijst_zoekbar_input
{
	background-image:	url("namen_input_bar.png");
	height:			25px;
	background-repeat:	no-repeat;
	background-position:	center center;
}

.ledenlijst_zoekbar_inputbox
{
	border:			0px;
	background-color:	transparent;
	margin-left:		12px;
	margin-top:		3px;
	width:			125px;
}

#ledenlijst_zoekbar_arrow
{
	background-image:	url("lijst_bladeren.png");
	background-position:	center center;
	background-repeat:	no-repeat;
	margin-top:		10px;
/* 	padding-left:		25px; */
/* 	margin-left:		10px; */
	padding-top:		5px;
	font-weight:		bold;
	font-size:		12px;
	width:			151px;
	color:			#fff;
	height:			20px;
	text-align:		center;
}

#ledenlijst_zoekbar_arrow a:link, #ledenlijst_zoekbar_arrow a:hover, #ledenlijst_zoekbar_arrow a:visited
{
	text-decoration:	none;
	font-weight:		bold;
	color:			#fff;
}

#ledenlijst_zoekbar_submit_button
{
/*	padding-top:		25px;
	padding-left:		45px;*/
}

#ledenlijst_zoekbar_button
{
	background-image:	url("zoeken_button.png");
	background-position:	center bottom;
	background-repeat:	no-repeat;
	background-color:	transparent;
	border:			0px;
	font-weight:		bold;
	font-size:		12px;
	color:			#fff;
	width:			151px;
	height:			20px;
}

#ledenlijst_container
{
	margin-top:		10px;
	margin-left:		10px;
}

#ledenlijst_midden a:link, #ledenlijst_midden a:visited, #ledenlijst_midden a:hover
{
	text-decoration:	none;
	color:			#00325b;
}

.ledelijst_row 
{
	clear: 			right;
}

.ledenlijst_row span.label 
{
	float: 			left;
	width: 			140px;
	text-align: 		right;
	color:			#00325b;
}

.ledenlijst_row span.value
{
	float:			left;
	margin-left:		20px;
	width:			360px;
	text-align:		left;
	color:			#00325b;
}

#ledenlijst_naam_bar
{
	background-image:	url("namen_title_bar.png");
	background-repeat:	no-repeat;
	background-position:	left top;
	width:			365px;
	height:			30px;
	margin-left:		-10px;
	padding-left:		15px;
	padding-top:		5px;
	color:			#00325b;
	font-size:		14px;
	font-weight:		bold;
}

#ledenlijst_naam_title
{
	padding-top:		8px;
}

.ledenlijst_spacer
{
	margin-bottom:		4px;
}

#ledenlijst_uitleg
{
	margin-top:		150px;
	margin-right:		200px;
	color:			#00325b;
}

#welcome_text
{
	margin-top:		10px;
	color:			#00325b;
}

div.row_signup
{
	clear: 			both;
	padding-top: 		5px;
	padding-bottom:		5px;
	border-top:		1px solid #00325b;
}

div.row_signup span.label
{
	float: 			left;
	width: 			130px;
	text-align: 		left;
	color:			#000;
}

div.row_signup span.field
{
	float:			right;
	width:			400px;
	margin-bottom:		5px;
	font-style:		italic;
	text-align:		left;
} 

#news_table
{
	margin-top:		10px;
	width:			100%;
	margin-bottom:		15px;
	font-size:		11px;
}

#news_table th
{
	text-align:		left;
	padding-left:		5px;
	font-weight:		bold;
	font-size:		11px;
	border-bottom:		2px solid #00325b;
}

.news_date_cell
{
	padding-left:		5px;
	width:			85px;
	border-bottom:		1px solid #00325b;
	line-height:		20px;
	vertical-align:		top;
}

.news_article_cell
{
	padding-left:		5px;
	border-bottom:		1px solid #00325b;
	line-height:		20px;
	vertical-align:		top;
	width:			260px;
}

.news_cell
{
	padding-left:		5px;
	border-bottom:		1px solid #00325b;
	line-height:		20px;
	vertical-align:		top;
}

.news_date
{
	margin-top:		20px;
	font-style:		italic;
	font-weight:		normal;
}

#remarks_box
{
	width:			350px;
}

#phone
{
	font-weight:		bold;
}

#password_text
{
	font-style:		italic;
	margin-bottom:		0px;
}