* {
	margin: 0;
	padding: 0;
}

body {
	background-color: #E2E2E2;
	font-family: Arial, Helvetica, sans-serif;
}

#container {
	width: 800px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 8px;
	background: #FFFFFF url(../images/bg-links.gif) repeat-y left;
}

#container-bg {
	width: 792px;
	padding-right: 8px;
	background: #FFFFFF url(../images/bg-rechts.gif) repeat-y right;
}

.cb {
	clear: both;
	height: 0px;
	overflow: hidden;
	font-size: 1px;
	visibility: hidden;
}

table {
	margin-bottom: 16px;
}

.succes {
	border: 2px solid #83E46A;
	background-color: #D4F1CC;
	color: #1CA21F;
}

.fout {
	border: 2px solid #E46A6A;
	background-color: #F1CCCC;
	color: #A21C1C;
}

.succes, .fout {
	font-size: 13px;
	width: 350px;
	margin: 6px 0px;
	padding: 6px;
}

/* Header */

#header {
	position: relative;
	width: 792px;
	height: 235px;
}

#logo {
	position: absolute;
	left: 23px;
	top: 28px;
	width: 260px;
	height: 117px;
}

#logo img {
	border: 0;
}

#logo span {
	display: none;
}

	/* Sitehulp */

	#sitehulp {
		position: absolute;
		left: 611px;
		width: 159px;
		height: 158px;
		padding: 11px;
		background-color: #F0EFEF;
		font-size: 13px;
		color: #8D8D8D;
	}

	.sitehulp-knop {
		text-align: right;
		padding-right: 20px;
		margin-bottom: 3px;
		line-height: 13px;
		font-style: italic;
	}

	.sitehulp-knop a:link, .sitehulp-knop a:visited {
		color: #999999;
		text-decoration: none;
	}

	.sitehulp-knop a:hover, .sitehulp-knop a:active {
		color: #5A5A5A;
		text-decoration: none;
	}

	#sitehulp-knop-afdrukken {
		background: #F0EFEF url(../images/sitehulp-afdrukken.gif) no-repeat right;
	}

	#sitehulp-knop-sitemap {
		background: #F0EFEF url(../images/sitehulp-sitemap.gif) no-repeat right;
	}

	#sitehulp h1 {
		font-size: 16px;
		color: #535353;
		margin-top: 15px;
		margin-bottom: 2px;
		font-weight: normal;
		font-style: italic;
	}

	#sitehulp-zoeken {
		background-color: #FFFFFF;
		color: #8D8D8D;
		font-size: 12px;
		border: 0;
		width: 123px;
		height: 17px;
		padding: 1px 3px 1px 3px;
	}

	#sitehulp-locaties {
		margin-top: 4px;
	}

	#sitehulp-lettergrootte span {
		cursor: pointer;
	}

	#sitehulp-lettergrootte-13 {
		font-size: 13px;
	}

	#sitehulp-lettergrootte-14 {
		font-size: 14px;
	}

	#sitehulp-lettergrootte-16 {
		font-size: 16px;
	}

	/* Menu */

	#menu {
		position: absolute;
		width: 792px;
		height: 60px;
		top: 175px;
	}

	#menu a:link, #menu a:visited {
		color: #FFFFFF;
		text-decoration: none;
	}

	#menu a:hover, #menu a:active {
		color: #F2F2F2;
		text-decoration: none;
	}

	#menu-hoofd {
		padding: 0px 14px 0px 6px;
		width: 772px;
		height: 32px;
		background: transparent url(../images/menu-bg.gif) repeat-x bottom;
	}

	#menu-hoofd ul {
		list-style: none;
	}

	#menu-hoofd li {
		padding: 5px 14px 0px 14px;
		height: 27px;
		line-height: 27px;
		font-size: 18px;
		margin-left: 3px;
		text-align: center;
		float: left;
	}

	#menu-home {
		background: #FF3300 url(../images/menu-home.gif) repeat-x top;
	}

	#menu-cursussen {
		background: #00A0C6 url(../images/menu-cursussen.gif) repeat-x top;
	}

	#menu-lezingen {
		background: #C4CF03 url(../images/menu-lezingen.gif) repeat-x top;
	}

	#menu-workshops {
		background: #E05888 url(../images/menu-workshops.gif) repeat-x top;
	}

	#menu-excursies {
		background: #A39675 url(../images/menu-excursies.gif) repeat-x top;
	}

	#menu-contact {
		background: #000000 url(../images/menu-contact.gif) repeat-x top;
	}

	#menu-sub {
		width: 792px;
		height: 28px;
		line-height: 28px;
		color: #FFFFFF;
		font-size: 15px;
	}

	#menu-sub a {
		margin: 0px 4px;
	}

	.menu-sub {
		padding: 0px 18px 0px 18px;
		width: 756px;
		height: 28px;
		display: none;
	}

	.menu-sub span {
		display: none;
	}

	#menu-sub-home {
		background-color: #FF3300;
	}

	#menu-sub-cursussen {
		background-color: #00A0C6;
	}

	#menu-sub-lezingen {
		background-color: #C4CF03;
	}

	#menu-sub-workshops {
		background-color: #E05888;
	}

	#menu-sub-excursies {
		background-color: #A39675;
	}

	#menu-sub-contact {
		background-color: #000000;
	}

/* Content */

#content {
	width: 792px;
	background: #FFFFFF url(../images/content-bg.gif) repeat-y right;
	min-height: 420px;
}

	/* Inhoud */

	#inhoud {
		width: 571px;
		padding: 20px 20px 40px 20px;
		float: left;
	}

	#inhoud h1 {
		font-size: 48px;
		font-style: italic;
		text-transform: lowercase;
		font-weight: normal;
		line-height: 42px;
		margin-bottom: 4px;
	}

	#inhoud h2 {
		font-size: 18px;
		font-weight: normal;
		line-height: 16px;
		margin-bottom: 4px;
	}

	#inhoud h3 {
		font-size: 13px;
		font-style: italic;
		font-weight: normal;
		line-height: 12px;
	}

	#inhoud p {
		font-size: 13px;
		line-height: 18px;
		color: #464646;
		margin-top: 3px;
		margin-bottom: 15px;
	}
	
	#inhoud ul {
		margin: 0px 0px 6px 18px;
	}
	
	#inhoud li {
		font-size: 13px;
		line-height: 18px;
		color: #464646;
	}
	
	#inhoud a:link {
		text-decoration: none;
		color: #6D6D6D;
	}
	
	#inhoud a:visited {
		text-decoration: none;
		color: #5D425F;
	}
	
	#inhoud a:hover, #inhoud a:active {
		text-decoration: none;
		color: #683E3E;
	}

	.cursus-foto {
		float: right;
		padding: 3px;
		margin: 0px 0px 8px 8px;
		border: 1px solid #E4E4E4;
	}
		
	#toelichting {
		padding-top: 4px;
		color: #767676;
	}
	
	#algemene-voorwaarden {
		padding: 10px;
		height: 146px;
		border: 2px solid #DADADA;
		overflow: auto;
		margin: 10px auto 0px auto;
	}
	
	#algemene-voorwaarden-akkoord {
		background-color: #DADADA;
		padding: 2px 12px;
		margin-bottom: 10px;
		font-size: 13px;
		color: #464646;
		height: 19px;
		font-style: italic;
	}
	
		/* Inputs */
		
		.veld {
			width: 180px;
			height: 18px;
			font-size: 14px;
			background-color: #ECECEC;
			border-width: 1px;
			border-color: #BABABA;
			border-style: solid;
			margin: 2px 0px;
			padding: 2px 4px;
		}
		
		.textarea {
			font-family: Arial, Helvetica, sans-serif;
			font-size: 14px;
			line-height: 18px;
			width: 224px;
			height: 108px;
			font-size: 14px;
			background-color: #ECECEC;
			border-width: 1px;
			border-color: #BABABA;
			border-style: solid;
			margin: 2px 0px;
			padding: 4px;
		}
		
		.submit {
			cursor: pointer;
			font-size: 13px;
			color: #FFFFFF;
			font-weight: bold;
			padding: 2px 6px;
			background-color: #666666;
			border: 0px;
			border-top: 3px solid #A7A7A7;
		}
		
		.knoppen {
			margin-top: 24px;
			height: 30px;
		}
		
		.knoppen-links {
			width: 285px;
			float: left;
		}
		
		.knoppen-rechts {
			width: 286px;
			float: left;
			text-align: right;
		}
		
		#inhoud .knoppen a:link, #inhoud .knoppen a:visited {
			font-size: 13px;
			color: #FFFFFF;
			font-weight: bold;
			padding: 2px 6px;
			background-color: #666666;
			border: 0px;
			border-top: 3px solid #A7A7A7;
		}
		
		#inhoud .knoppen a:hover, #inhoud .knoppen a:active {
			color: #E9E9E9;
		}

		/* Kruimelpad */

		#kruimelpad {
			text-transform: lowercase;
			font-size: 13px;
			color: #AAAAAA;
			margin-left: 1px;
			margin-bottom: 18px;
		}

		#kruimelpad a:link, #kruimelpad a:visited {
			color: #AAAAAA;
			text-decoration: none;
		}

		#kruimelpad a:hover, #kruimelpad a:active {
			color: #808080;
			text-decoration: none;
		}

		/* Cursussen tabel */
		
		.coverzicht {
			width: 100%;
			font-size: 13px;
		}
		
		.coverzicht td {
			padding: 3px 5px;
		}
		
		.coverzicht-meer {
			text-align: right;
			padding-top: 10px;
			font-weight: bold;
		}

		.cursussen {
			margin: 16px 3px 0px 3px;
			float: left;
			font-size: 13px;
		}

		.cursussen td {
			width: 182px;
			padding: 3px 5px;
		}

		.cursussen-leeg {
			font-size: 1px;
		}

		.cursussen-header {
			color: #FFFFFF;
			font-weight: bold;
			font-style: italic;
		}

		#inhoud .cursussen-inhoud a:link, #inhoud .cursussen-inhoud a:visited {
			font-size: 18px;
			display: block;
			width: 100%;
			text-decoration: none;
			padding: 2px;
		}

		#inhoud .cursussen-inhoud a:hover, #inhoud .cursussen-inhoud a:active {
			text-decoration: none;
		}

		.cursussen-inhoud {
			color: #094F5F;
		}
		
		.cursussen-inhoud div {
			font-weight: bold;
			font-style: italic;
			margin-bottom: 3px;
		}

		.cursussen-inschrijven {
			font-style: italic;
			text-align: center;
			color: #464646;
			background-color: #F0EFEF;
			cursor: pointer;
		}

		.cursussen-inschrijven-niet {
			font-style: italic;
			text-align: center;
			color: #464646;
			background-color: #F0EFEF;
		}
		
		#cursussen-groepsoverzicht {
			font-size: 16px;
		}
		
		#cursussen-groepsoverzicht a {
			padding: 2px 0px;
			display: block;
		}
		
		/* Tabellen */
		
		.tabel {
			width: 100%;
			font-size: 13px;
		}
		
		.tabel td {
			padding: 4px 6px;
		}
		
		.tabel .o {
			background-color: #EAEAEA;
		}
		
		.tabel .e {
			background-color: #F4F4F4;
		}
			
			/* Tabel: agenda */
			
			.tabel. agenda-datum {
				padding-right: 8px;
			}
			
			.tabel .agenda-datum div {
				font-size: 24px;
				text-align: right;
				color: #949494;
				padding-right: 8px;
				border-right: 1px solid #FFFFFF;
			}
			
			.tabel .agenda-datum div span {
				display: block;
				font-size: 18px;
				margin-top: 3px;
				font-style: italic;
				color: #C0C0C0;
			}
			
			.tabel .agenda-inhoud div {
				margin-top: 2px;
				font-style: italic;
			}

	/* Rechterzijde */

	#rechterzijde {
		width: 181px;
		float: left;
	}

	#agenda, #inschrijvingen, #administratie-menu {
		padding: 42px 0px 11px 0px;
	}

	#agenda h1, #inschrijvingen h1, #administratie-menu h1 {
		padding-left: 11px;
		font-size: 16px;
		margin-bottom: 4px;
		font-weight: normal;
		font-style: italic;
	}
	
	#agenda h1 a, #inschrijvingen h1 a, #administratie-menu h1 a {
		text-decoration: none;
		color: #535353;
	}

	#agenda-items, #inschrijvingen-items, #administratie-menu-items {
		border-top: 1px solid #D9D9D9;
	}
	
	#administratie-menu-items a:link, #administratie-menu-items a:visited {
		display: block;
		border-bottom: 1px solid #D9D9D9;
		background-color: #F7F7F7;
		width: 159px;
		padding: 2px 11px 2px 11px;
		font-size: 13px;
		color: #535353;
		text-decoration: none;
	}
	
	#administratie-menu-items a:hover, #administratie-menu-items a:active {
		background-color: #FFFFFF;
		text-decoration: none;
	}

	.agenda-item, .inschrijvingen-item {
		border-bottom: 1px solid #D9D9D9;
		background-color: #F7F7F7;
		width: 159px;
		padding: 6px 11px 6px 11px;
		cursor: default;
		position: relative;
	}

	.agenda-item:hover, .inschrijvingen-item:hover {
		background-color: #FFFFFF;
	}

	.agenda-item h2, .inschrijvingen-item h2 {
		color: #535353;
		font-size: 14px;
		font-weight: normal;
	}

	.agenda-item p, .inschrijvingen-item p {
		font-size: 12px;
		padding-left: 10px;
		line-height: 16px;
		color: #8D8D8D;
	}
	
	.inschrijvingen-item p {
		margin-bottom: 4px;
	}

	.agenda-item a {
		font-size: 11px;
		margin-left: 76px;
		text-decoration: none;
	}
	
	.inschrijvingen-kosten {
		width: 69px;
		float: left;
		font-size: 12px;
		color: #535353;
		text-align: right;
		font-weight: bold;
	}
	
	.inschrijvingen-code {
		width: 80px;
		float: left;
		margin-left: 10px;
		font-size: 12px;
		color: #535353;
	}
	
	#inschrijvingen-totaal {
		border-bottom: 1px solid #D9D9D9;
		background-color: #F7F7F7;
		color: #535353;
		width: 159px;
		padding: 2px 11px 2px 11px;
		text-align: right;
		font-weight: bold;
		font-size: 13px;
		cursor: default;
	}
	
	#inschrijvingen-verder {
		font-size: 13px;
		font-style: italic;
		text-align: right;
		margin-top: 3px;
		margin-right: 11px;
	}
	
	#inschrijvingen-verder img {
		border: 0;
		vertical-align: middle;
	}

	.agenda-item a:link, .agenda-item a:visited, .inschrijvingen-item h2 a:link, .inschrijvingen-item h2 a:visited, #inschrijvingen-verder a:link, #inschrijvingen-verder a:visited {
		color: #535353;
		text-decoration: none;
	}

	.agenda-item a:hover, .agenda-item a:active, .inschrijvingen-item h2 a:hover, .inschrijvingen-item h2 a:active, #inschrijvingen-verder a:hover, #inschrijvingen-verder a:active {
		color: #3C3C3C;
		text-decoration: none;
	}
	
	.inschrijvingen-item p a:link, .inschrijvingen-item p a:visited, .inschrijvingen-item p a:hover, .inschrijvingen-item p a:active {
		color: #8D8D8D;
		text-decoration: none;
	}
	
	#administratie-menu {
		
	}

/* Footer */

#footer {
	width: 792px;
	background: #939393 url(../images/footer-bg.gif) no-repeat 644px 19px;
	min-height: 153px;
}

.footer-deel {
	float: left;
	padding: 12px 20px 12px 20px;
}

#footer h1 {
	font-size: 16px;
	font-weight: normal;
	font-style: italic;
	color: #FFFFFF;
}

#footer ul {
	list-style: none;
	margin-left: 6px;
}

#footer ul li {
	max-width: 210px;
	min-height: 16px;
}

#footer ul li a {
	font-size: 13px;
	color: #FFFFFF;
	text-transform: lowercase;
	text-decoration: none;
}

/* Overlay */

#overlay {
	display: none;
}

#overlay-bg {
	position: fixed;
	width: 100%;
	height: 100%;
	background-image: url(../images/overlay-trans.png);
	left: 0;
	top: 0;
}

#overlay-venster {
	position: fixed;
	background-color: #FFFFFF;
	left: 50%;
	top: 50%;
	height: 160px;
	margin-top: -98px;
	width: 640px;
	margin-left: -338px;
	padding: 10px;
	color: #464646;
	border: 8px solid #4E4E4E;
}

	/* Overlay venster */
	
	#overlay-venster #sluiten {
		position: absolute;
		cursor: pointer;
		right: 10px;
		top: 10px;
		font-size: 15px;
		color: #FFFFFF;
		font-weight: bold;
		padding: 2px 6px;
		background-color: #D85151;
		border-top: 3px solid #E5A7A7;
	}
	
	#overlay-venster {
		font-size: 13px;
		line-height: 18px;
	}
	
	#overlay-venster h1 {
		font-size: 24px;
		font-style: italic;
		text-transform: lowercase;
		font-weight: normal;
		line-height: 30px;
		margin-bottom: 4px;
	}
	
	#overlay-venster #doorgaan {
		position: absolute;
		cursor: pointer;
		left: 10px;
		bottom: 10px;
		font-size: 15px;
		color: #FFFFFF;
		font-weight: bold;
		padding: 2px 6px;
		background-color: #549835;
		border-top: 3px solid #95D976;
	}
	
	#overlay-venster #overzicht {
		position: absolute;
		cursor: pointer;
		right: 10px;
		bottom: 10px;
		font-size: 15px;
		color: #FFFFFF;
		font-weight: bold;
		padding: 2px 6px;
		background-color: #549835;
		border-top: 3px solid #95D976;
	}
	
	#overlay-venster p {
		margin-top: 14px;
	}
	
	#overlay-venster p div {
		font-weight: bold;
		margin: 4px 0px;
	}

/* Administratie */

#administratie-code-toevoegen {
	font-style: normal;
	cursor: pointer;
	padding: 3px 4px;
	margin: 2px 0px;
	background-color: #D8D8D8;
	border: 1px solid #C7C7C7;
	width: 180px;
	text-align: center;
}

#administratie-code-toevoegen:hover {
	background-color: #C3C3C3;
	border: 1px solid #B2B2B2;
}

#administratie-code-toevoegen span {
	font-weight: bold;
}

/* Zoekresultaten */

.zr {
	background-color: #FFFF40;
}