body
{
	margin:0;
	padding:0;
	font-size:12px;
	background:#E1E1E5;
}

body, table, th, td, input, select, textarea
{
	color:#000061;
	font-family:arial, sans-serif;
}

img
{
	border:0;
}

h1, h2, h3, h4, h5, h6
{
	margin:0 0 1em 0;
	padding:0 0 0 5px;
	border-left:5px solid #C0D900;
	color:#000061;
}

h1	{font-size:16px;}
h2	{font-size:14px;}
h3	{font-size:12px;}
h4	{font-size:11px;}
h5	{font-size:10px;}
h6	{font-size:9px;}

p
{
	margin:0 0 1em 0;
}

form
{
	margin:0;
	padding:0;
}

.radio
{
	vertical-align:middle;
}

a {color:#000061;}
a:hover {text-decoration:none;}

hr 
{
	border: 0;
	color: #8B8BAC;
	background-color: #8B8BAC;
	height: 1px;
	margin:0 0 1em 0;
}

table, td, th
{
	margin:0;
	vertical-align:top;
}

/* alg classes */

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: left; 
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */

/* pos div's */

div#wrapper
{
	position:absolute;
	top:0;
	left:50%;
	width:760px;
	margin:0 0 0 -380px;
}

div#top
{
	background:no-repeat url(/gfx/top_back.jpg);
	border:1px solid #8B8BAC;
	border-top:none;
	border-bottom:none;
	height:157px;
}

div#main
{
	background:no-repeat top right url(/gfx/main_back.gif) white;
	border:1px solid #8B8BAC;
	border-top:none;
	padding:0 18px 0 0;
}

div#footer 
{
	font-size:10px;
	text-align:center;
	padding:7px 0 7px 0;
	background:white;
	border:1px solid #8B8BAC;
	border-top:none;
}

div#footer span
{
	color:#C0D900;
}

/* nav */

div#side
{
 	float:right;
}		

div#nav
{
	margin:10px 0 10px 0;
	padding:0;
	list-style:none;
	text-align:right;
}

div#nav ul
{
	margin:0 0 5px 0;
	padding:0 0 1px 1px;
	list-style:none;
	border:1px solid #000061;
	border-right:none;
	background:white;
}

div#nav ul ul {padding-top:1px;}

div#nav ul a
{
	display:block;
	width:151px;
	margin:1px 0 0 0;
	padding:2px 4px 2px 0;
	text-decoration:none;
	border-right:10px solid #C0D900;	
	text-decoration:none;
	font-weight:bold;
	background:white;
}

div#nav ul a:hover {border-right:10px solid #000061}
div#nav ul em a:hover {border-right:10px solid white;}

div#nav em {display:block;}

div#nav em a 
{
	background:#000061;
	width:141px;
	color:white;
	font-style:normal;
	border-right:10px solid white;	
	border-left:10px solid #C0D900;	
}

div#nav ul ul
{
	margin:0;
	border:none;
}

div#nav ul ul a
{
	display:block;
	margin:0 10px 1px 0;
	width:141px;
	border-right:10px solid #8C8BAD;	
	font-weight:normal;
}

div#nav ul ul em a, div#nav ul ul em a:hover
{
	background:none;
	width:141px;
	color:#000061;
	font-style:normal;
	border-right:10px solid #000061;
	border-left:none;
}

/* login */
	

div#login
{
	margin:10px 0 10px 0;
	padding:0;
	list-style:none;
	text-align:right;
}

div#loginform
{
	text-align: left;
}

div#login ul
{
	margin:0 0 5px 0;
	padding:1px; 0 1px 1px;
	list-style:none;
	border:1px solid #000061;
	border-right:none;
	background:white;
}

div#login ul ul {padding-top:1px;}

div#login input
{
	width: 113px;
	height:14px;
	border:1px solid #000061;
	font-size:11px;
	color:#000061;
	padding-left:3px;
	margin: 2px 10px 1px 10px;
}
#logina
{
	display:block;
	text-align:center;
	position: relative;
	left: 132px;
	top: -20px;
	height:18px;
	line-height:17px;
	width:24px;
	font-size:11px;
	color:white;
	background:#000061;
	border-right:10px solid #C0D900;
	text-decoration:none;
}

div#login em {
	display:block; 
	background:#000061;
	width:141px;
	color:white;
	font-style:normal;
	font-weight: bold;
	border-right:10px solid white;	
	padding:2px 4px 2px 0;
	border-left:10px solid #C0D900;
}

div#login ul ul
{
	margin:0;
	border:none;
}

a.subLink
{
	font-size:10px;
	color:#8C8BAD;
	padding:0 11px 0 0;
	margin:0 2px 0 0;
	background:no-repeat 52px 5px url(/gfx/arrow.gif);
}
	

/* zoek */

div#zoek
{
	background:no-repeat top right url(/gfx/direct_zoeken.gif);
	padding:28px 0 0 0;
}

div#zoek input
{
	width:117px;
	height:14px;
	border:1px solid #000061;
	font-size:11px;
	color:#000061;
	padding-left:3px
}

div#zoek a
{
	display:block;
	position: relative;
	top:-19px;
	right:-128px;
	text-align:center;
	height:18px;
	line-height:17px;
	width:34px;
	font-size:11px;
	color:white;
	background:#000061;
	border-right:10px solid #C0D900;
	text-decoration:none;
}

* html div#zoek a {top:-19px;}

p#terugOverzicht
{
	margin:10px 0 10px 0;
	padding:1px 0px 1px 0px;
	border:1px solid #000061;
	border-right:none;
	text-align:right;
	background:white;
}

p#terugOverzicht a
{
	display:block;
	width:153px;
	color:#000061;
	padding:0 3px 0 0;
	font-weight:bold;
	text-decoration:none;
	border-right:10px solid #C0D900;
}

p#terugOverzicht a:hover
{
	border-right:10px solid #000061;
}

/* main */

div#titel {padding:24px 0 0 0;}

div#titel h1
{
	padding:0 0 0 10px;
	border-left:10px solid #C0D900;
	font-size:20px;
	font-weight:normal;
}

div#titel h1 a
{
	float:right;
	font-size:12px;
	margin:0 100px 0 0;
}

div#content
{
	margin:0 255px 0 45px;
	line-height:1.5em;
}

p#print
{
	margin-bottom:33px;
}


p#print a
{
	color:#8C8BAD;
	font-size:11px;
	text-decoration:none;
}

p#print a:hover{text-decoration:underline;}

/* leden */

p.small
{
	font-size:11px;
	margin:0;
}

p.alfabet
{
	text-align:center;
	border-bottom:1px solid #8C8BAD;
	padding:3px 0 10px 0;
}

p.alfabet a
{
	font-weight:bold;
	text-decoration:none;
	margin:0 2px;
}

p.alfabet a:hover, p.alfabet em a
{
	color:#C0D900;
	font-style:normal;
}

p.alfabet a.niet {color:#999999}
p.alfabet a.niet:hover {color:#999999}

p#contactpersoon img
{
	float:left;
	margin:0 10px 0 0;
}

p#gegevens span
{
	display:block;
	float:left;
	width:95px;
}

ul#ledenlijst
{
	list-style:none;
	line-height:20px;
	margin:0 0 10px 10px;
	padding:0;
}

ul#ledenlijst a
{
	background:no-repeat 0px 6px url(/gfx/arrow.gif);
	padding:0 0 0 15px
}

/* form */

label
{
	display:block;
	font-weight:bold;
	padding:0 0 0 5px;
	border-left:5px solid #C0D900;
	margin:0 0 5px 0;
}

input
{
	padding-left:2px;
}

.ledenZoek
{
	width:320px;
}

a#submit
{
	color:white;
	text-decoration:none;
	background:#000061;
	border-right:10px solid #C0D900;
	padding:3px 15px 3px 5px;
	margin-left:255px
}



/* contact form */

form#contactform label
{
	border:none;
	float:left;
	width:145px;
	line-height:20px;
}

form#contactform #formOpmerkingen
{
	width:18em;
	font-size:12px;
}

* html form#contactform #formOpmerkingen
{
	width:21em;
}

a#reset
{
	color:white;
	text-decoration:none;
	background:#000061;
	padding:3px 5px 3px 5px;
}


* html form#contactform a#submit
{
	margin-left:10px;
}	

/* bijeenkomsten */

.overzicht_header { background-color: #000061; color:#FFFFFF; font-weight: bold; padding-left: 2px; }
#overzicht { position: relative; max-width: 630px; }
