body {
	margin: 0px;
	padding: 0px;
	text-align:center;
}

body, div, td {
	font: 11px Arial;
	color: #003b66;
	line-height:16px;
}
input, textarea, select 
{
	font: 11px Arial;
}
form {
	margin:0px;
}
a {
	color:#003b66;
	text-decoration:underline;
}
a:hover {
	text-decoration:none;
}

div#container {
	margin:0 auto;
	width:900px;
}
div#wrapper {
	text-align:left;
	float:left;
	width:900px;
	background-image:url(../images/wrapper_bg.gif);
	background-position:left;
	background-repeat:repeat-y;
	white-space:nowrap;
}
div#kolom1, div#kolom2, div#kolom3 {
	float:left;
}
div#kolom1 {
	width:175px;
	overflow:hidden;
}
div#kolom2 {
	margin-left:6px;
	width:537px;
	white-space:normal;
}
div#kolom3 {
	margin-left:6px;
	width:176px;
}

div.spacer {
	float:left;
	background-color:#FFFFFF;
	height:6px;
	overflow:hidden;
}
div#kolom1 div.spacer {
	width:175px;
}
div#kolom2 div.spacer {
	width:537px;
}
div#kolom3 div.spacer {
	width:176px;
}

/* KOLOM 1 */
div#menu {
	height:254px;
	background-color:#FFFFFF;
	overflow:hidden;
}
	div#menu ul { 
		margin:0px;
		padding:0px;
		margin-top:6px;
		list-style:none;
	}
	div#menu li a {
		color:#003b66;
		text-decoration:none;
		line-height:19px;
		padding-left:12px;
		font-weight:bold;
		display:block;
	}
	div#menu li a:hover {
		background-color:#f9f7f3;
	}
	div#menu li a.selected {
		color:#c7ab67;
	}
	div#menu li a:hover, div#menu li a.selected {
		text-decoration:none;
	}

div#mijnhermes {
	float:left;
	height:335px;
	width:162px;
	padding-left:13px;
	padding-top:5px;
	background-image:url(../images/mijnhermes_bg.gif);
	background-position:top;
	background-repeat:repeat-x;
}
	div#mijnhermesBlok {
		float:left;
		height:165px;
	}
	div#mijnhermes h3 {
		margin:0px;
		padding:0px;
		margin-bottom:5px;
		font-size:11px;
	}
	
	/* INLOGGEN */
	div#mijnhermes a.inloggen {
		display:block;
		width:147px;
		line-height:17px;
		text-align:center;
		background-color:#FFFFFF;
		text-decoration:none;
		color:#003b67;
		font-size:12px;
		font-weight:bold;
	}
	div#mijnhermes a.inloggen:hover {
		text-decoration:none;
	}
	div#mijnhermes div#kolom1Inloggen {
		position:absolute;
		background-color:#FFFFFF;
		width:137px;
		padding:5px;
		padding-bottom:15px;
		background-image:url('../images/inloggen_pijl_boven.gif');
		background-position:bottom left;
		background-repeat:no-repeat;
	}
	div#mijnhermes div#kolom1Inloggen * {
		font-size:10px;
		color:#717171;
	}
	div#mijnhermes div#kolom1Inloggen a:hover {
		text-decoration:none;
	}
	div#mijnhermes div.inloggenPijl * {
		float:left;
	}
	div#mijnhermes div#kolom1InloggenOnder {
		float:left;
		padding-top:5px;
		font-size:9px;
		color:#8d8d8d;
		line-height:12px;
	}
	div#mijnhermes div#kolom1InloggenOnder a {
		color:#003b67;
		text-decoration:underline;
	}
	div#mijnhermes div#kolom1InloggenOnder a:hover {
		text-decoration:none;
	}
	
	
	/* INGELOGD */
	div#mijnhermes div#kolom1MijnHermes {
		width:147px;
		height:34px;
		cursor:pointer;
	}
	div#mijnhermes div#kolom1MijnHermes span.light {
		color:#668aa4;
	}
	div#mijnhermes div.mijnHermes {
		margin-top:3px;
		background-color:#FFFFFF;
	}
	div#mijnhermes div.mijnHermesOver {
		background-color:#ede5d0;
	}
	div#mijnhermes div#kolom1Ingelogd {
		margin-top:2px;
		clear:both;
		width:147px;
	}
	div#mijnhermes div#kolom1Ingelogd a {
		color:#003b66;
		text-decoration:none;
		line-height:20px;
		padding-left:12px;
		display:block;
	}
	div#kolom1Ingelogd a:hover, div#mijnhermes div#kolom1Ingelogd a.active  {
		background-color:#FFFFFF;
	}
	div#mijnhermes div#kolom1IngelogdOnder {
		clear:left;
		float:right;
		padding-top:5px;
		font-size:9px;
		color:#8d8d8d;
		line-height:12px;
	}
	div#mijnhermes div#kolom1IngelogdOnder a {
		color:#003b67;
		text-decoration:underline;
	}
	div#mijnhermes div#kolom1IngelogdOnder a:hover {
		text-decoration:none;
	}
	
	div#promoblok2 {
		clear:left;
		float:left;
		margin-left:-13px;
		_margin-left:-7px;
		text-align:center;
		width:175px;
		height:85px;
		overflow:hidden;
	}

/* KOLOM 2 */
div#header {
	width:537px;
	height:254px;
}
	div#headerEventInschrijven {
		float:right;
		height:231px;
		width:153px;
		padding:11px;
		background-image:url(../images/header_inschrijven_bg.gif);
		background-position:top left;
		background-repeat:no-repeat;
	}
	div#headerEventInschrijven div.titel {
		height:215px;
		font-size:18px;
		line-height:30px;
		font-weight:bold;
		color:#003b66;
		overflow:hidden;
	}
	div#headerEventInschrijven div.titel span.datum {
		font-size:14px;
		line-height:24px;
		font-weight:normal;
	}
	div#headerEventInschrijven div.inschrijven {
		text-align:right;
	}
	div#headerEventInschrijven div.inschrijven a {
		font-weight:bold;
		text-decoration:none;
		color:#003b66;
	}
	div#headerEventInschrijven div.inschrijven a:hover {
		text-decoration:underline;
	}
	
div#content {
	float:left;
	width:537px;
}
	div#content h1 {
		margin:0px;
		margin-bottom:10px;
		font-size:18px;
		line-height:24px;
	}
	div#content h5 {
		font-size:14px;
		font-weight:bold;
		margin:0px;
		margin-bottom:15px;
	}

/* KOLOM 3 */
div.evenementBlok {
	float:left;
	width:152px;
	padding:12px 12px 0px 12px;
	height:73px;
}
	div#evenement1, div#evenement2 {
		overflow:hidden;
	}
	div#evenement1 {
		background-color:#cecddb;
	}
	div#evenement2 {
		background-color:#003b67;
	}
	div#evenement3 {
		background-color:#6d7697;
		padding:0px;
		height:84px;
		width:176px;
		text-align:center;
		overflow:hidden;
	}
	div.evenementBlok h2 {
		margin:0px;
		padding:0px;
		font-size:22px;
		margin-bottom:4px;
		font-weight:normal;
	}
	div.evenementBlok div.evenementContent {
		height:30px;
	}
	div.evenementBlok div.evenementLink {
		text-align:right;
	}
	div.evenementBlok div.evenementLink a {
		text-decoration:none;
		font-size:10px;
	}
	div.evenementBlok div.evenementLink a:hover {
		text-decoration:underline;
	} 
	div#evenement1 h2, div#evenement1 a {
		color:#003b66;
	}
	div#evenement2 h2, div#evenement2 a {
		color:#FFFFFF;
	}
	div#evenement2 div.evenementContent {
		color:#FFFFFF;
	}


div#zoeken {
	float:left;
	width:152px;
	padding:8px 12px 0px 12px;
	height:77px;
	background-color:#f6f2e7;
}
	div#zoeken h2 {
		margin:0px;
		padding:0px;
		margin-bottom:8px;
		font-size:12px;
		color:#003b66;
	}
	div#zoeken input.zoeken {
		width:100px;
		color:#a1bfd3;
		border:1px solid #f0e8d7;
		height:16px;
		font-size:11px;
	}
	div#zoeken input.button {
		font-size:10px;
	}
	
div#nieuws {
	float:left;
	height:241px;
	width:152px;
	padding:8px 12px 0px 12px;
	background-image:url(../images/nieuws_bg.gif);
	background-position:top;
	background-repeat:no-repeat;
	white-space:normal;
}
	div#nieuwsContent {
		float:left;
		height:215px;
		line-height:14px;
	}
	div#nieuws h2 {
		margin:0px;
		padding:0px;
		font-size:12px;
		color:#FFFFFF;
	}
	div#nieuws a {
		color:#003b66;
		text-decoration:none;
		font-weight:bold;
	}
	div#nieuws a:hover {
		text-decoration:underline;
	}
	div#nieuws h3 {
		margin:0px;
		margin-top:15px;
		margin-bottom:8px;
		padding:0px;
		line-height:22px;
	}
	div#nieuws h3 a {
		font-size:22px;
		font-weight:normal;
	}
	
/* footer */
	div#footer {
		float:left;
		width:900px;
		text-align:left;
		_margin-top:-39px;
		_margin-bottom:-39px;
	}
	div#footer a {
		text-decoration:none;
	}
	div#footer a:hover {
		text-decoration:underline;
	}
	div#footerLinks {
		float:left;
		margin-top:-39px;
		margin-bottom:-39px;
		padding-left:12px;
		_margin-top:0px;
		_margin-bottom:0px;
	}
	div#footerLinks span {
		font-size:9px;
	}
	div#footerRechts {
		float:right;
		width:164px;
		margin-top:-39px;
		margin-bottom:-39px;
		_margin-top:0px;
		_margin-bottom:0px;
	}
	
	
div.error {
	color:#ed1c24;
	font-style:italic;
	margin-top:10px;
	margin-bottom:10px;
}
input.button {
	background-color:#003b67 !important;
	border:1px solid #003b67 !important;
	color:#FFFFFF !important;
}

a.red {
	color:Red !important;
}
a.orange {
	color:Orange !important;
}
a.green {
	color:Green !important;
}

/* kruimelpad */
	span.crumbs, span.crumbs * {
		color:#003b66;
		font-weight:normal !important;
	}
	span.crumbs a {
		text-decoration:underline !important;
	}
	span.crumbs a:hover {
		text-decoration:none !important;
	}

/* standaard article pagina */
div.article {
	float:left;
	width:507px;
	background-color:#e6ebef;
	padding:5px 15px 20px 15px;
	min-height:315px; 
	_height:315px; 
	overflow:visible;
}
	div.articleContent {
		float:left;
		width:336px;
	}
	div.articleRechts {
		float:right;
		width:170px;
		padding-left:5px;
		margin-right:-15px;
	}
	div.submenu ul {
		margin:0px;
		padding:0px;
		list-style:none;
		margin-top:5px;
		margin-bottom:5px;
	}
	div.submenu ul li {
		margin-top:5px;
		margin-bottom:5px;
	}
	div.submenu a.selected {
		color:#c7ab67;
	}
	div.submenu a {
		color:#003b66;
		text-decoration:none;
		line-height:16px;
		font-weight:normal;
		display:block;
	}
	div.submenu a:hover {
		background-color:#f9f7f3;
	}
	div.submenu a.submenu_0 {
		background-image:url(../images/submenu_bg.gif);
		background-position:top left;
		background-repeat:no-repeat;
		padding-left:9px;
	}
	div.submenu ul.submenu_0 a.selected {
		background-image:url(../images/submenu_selected_bg.gif) !important;
	}
	div.submenu ul.submenu_1 a.selected, div.submenu ul.submenu_2 a.selected {
		background-image:none !important;
	}
	
	div.submenu a.submenu_1 {
		padding-left:15px;
	}
	div.submenu a.submenu_2 {
		padding-left:22px;
	}
	

/* paging */
	div.paging {
		padding-top:10px;
	}
	div.paging a {
		padding:3px 5px 3px 5px;
		font-weight:bold;
		text-decoration:none;
	}
	div.paging a:hover {
		text-decoration:underline;
	}
	div.paging a.selected, td.paging a.selected:hover {
		background-color:#ffffff;
	}

/* leden overzicht */
	a.ledenOverzichtWebsite {
		color:#83a6ba;
		font-size:10px;
		text-decoration:none;
	}
	a.ledenOverzichtWebsite:hover {
		text-decoration:underline;
	}
	a.sorteer {
		font-weight:bold;
		text-decoration:none;
		font-size:14px;
	}
	a.sorteer:hover {
		text-decoration:underline;
	}
	.ledenOverzchtOver {
		background-color:#dcdfe1 !important;
		cursor:pointer;
	}

	div#ledenPasfotoWit, div#ledenPasfotoBlauw {
		float:left; 
		width:155px; 
		height:197px; 
		padding:5px; 
		margin:1px; 
		overflow:hidden;
	}
	div#ledenPasfotoWit {
		background-color:#FFFFFF;
		border:1px solid #FFFFFF;
	}
	div#ledenPasfotoBlauw {
		background-color:#eff3f6;
		border:1px solid #FFFFFF;
	}

/* lid profiel */
	table.lidProfiel td {
		border-bottom:1px solid #c8b685;
	}

/* reportage */
	div.reportage {
		float:left;
		width:537px;
	}
	div.reportage div.content {
		padding:10px;
		float:left;
		width:430px;
	}
	div.reportage div.content strong 
	{
		line-height:22px;
	}
	div.reportageDonker {
		background-color:#d6bd8a;
	}
	div.reportageLicht {
		background-color:#ffffff;
	}

/* agenda + activiteit + kalender zaken */
	.kalender * {
		font-weight:bold;
	}
	.kalender a {
		text-decoration:none;
		padding:3px;
	}
	.kalender a:hover {
		text-decoration:none;
		background-color:#deceaa;
	}
	
	div#agendaItemWit, div#agendaItemBruin {
		clear:left;
		float:left;
		height:75px;
		width:346px;
		padding:5px;
	}	
	div#agendaItemBruin {
		background-color:#d6bd8a;
	}
	div#agendaWit {
		background-color:#FFFFFF;
	}
	div#agendaItemWit div.agendaDatum, div#agendaItemBruin div.agendaDatum {
		float:left;
		font-weight:bold;
		margin-top:40px;
		margin-left:5px;
		width:100px;
	}
	div#agendaItemWit div.agendaTitel, div#agendaItemBruin div.agendaTitel {
		float:left;
		font-weight:bold;
		margin-top:40px;
		width:230px;
	}
	div#agendaItemWit a, div#agendaItemBruin a {
		text-decoration:none;
	}
	div.agendaItemOver {
		background-color:#f6f2e7 !important;
		cursor:pointer;
	}
	
	
	div.activiteitInschrijvingen strong {
		line-height:30px;
	}
	div.activiteitInschrijvingen a {
		font-weight:bold;
		color:#ab811b;
		text-decoration:none;
	}
	div.activiteitInschrijvingen a:hover {
		text-decoration:underline;
	}
	div.agenda {
		background-image:url(../images/agenda_bg.gif);
		background-position:right;
		background-repeat:repeat-y;
		float:left; 
		width:537px; 
		min-height:340px; 
		_height:340px; 
		overflow:visible;
	}

/* dashboard */
	table.dashboard * {
		font-weight:bold;
		color:#9a9697;
	}
	table.dashboard a.kop {
		color:#b07e1f;
	}
	table.dashboard a {
		text-decoration:none;
		color: #003b66;
	}
	table.dashboard a:hover {
		text-decoration:underline;
	}
		


/* forum en admin deel*/
table.forum {
	border-collapse:collapse;
	border:1px solid #CECDD5;
}
tr.header, tr.header td {
	background-color:#d6bd8a;
	font-weight:bold;
	color:#003b67;
}
tr.subHeader, tr.subHeader td {
	font-weight:bold;
	color:#d6bd8a;
}
table.forum td {
	padding:5px;	
}
table.forum td.tekst {
	padding:5px 0px 5px 0px;	
}
tr.normal {
	background-color:#f6f2e7;
	color:#003b67;
}
tr.alternate {
	background-color:#eee5d0;
	color:#003b67;
}
blockquote {
	background-color:#FAFAFA;
	padding:5px 5px 5px 5px;
	border:1px solid #CECDD5;
}

a.arachna {
	color:#000000;
}

/*dTree*/
.dtree {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666;
	white-space: nowrap;
}
.dtree img {
	border: 0px;
	vertical-align: middle;
}
.dtree a {
	color: #333;
	text-decoration: none;
}
.dtree a.node, .dtree a.nodeSel {
	white-space: nowrap;
	padding: 1px 2px 1px 2px;
}
.dtree a.node:hover, .dtree a.nodeSel:hover {
	color: #333;
	text-decoration: underline;
}
.dtree a.nodeSel {
	background-color: #c0d2ec;
}
.dtree .clip {
	overflow: hidden;
}