/* CSS Document */
	/*
		geheugensteuntje - cross browser transparency
		opacity: 0.5;
		-moz-opacity: 0.5;
		filter: alpha(opacity=50);
	*/
	
	body										{background: #000;}
	strong										{font-weight: bold;}
	div#container								{position: relative; width: 940px; margin: 10px auto; padding: 0px; background: #9a9a9a; font: 1.1em Verdana, Arial, Helvetica, sans-serif;}
	div#container input							{font: 1em Verdana, Arial, Helvetica, sans-serif;}

	div#header									{height: 150px; padding: 10px 10px 10px 30px; background: #9a9a9a url(../images/bg_header_def.jpg) center bottom no-repeat;}
	div#header h1								{font-size: 1.4em; letter-spacing: 0.5em; font-weight: normal; font-variant: small-caps; color: #000; margin: 35px 0 0 0;}
	div#header a								{text-decoration: none; color: #fff; padding: 0 0 0 0;}
	
	input#search_button,
	input#googlemaps_button						{border: 0; background: #999; color: #fff; cursor: pointer;}

	h1											{font-size: 1.4em;}
	h2											{font-size: 1.2em;}
	
	div#nav										{height: 45px;}
	div#nav ul#nav-container 					{overflow: hidden; width: 940px;}
	div#nav ul#nav-container li					{float: left; display: inline;}
	div#nav ul#nav-container li a				{display: block; color: #fff; text-decoration: none; padding: 5px 20px; letter-spacing: 0.6em;}

	ul#nav-container li a:link,
	ul#nav-container li a:visited				{height: 15px; border-right: 1px solid #fff;}
	ul#nav-container li a:hover,
	ul#nav-container li a:active,
	ul#nav-container li a.chosen:link,
	ul#nav-container li a.chosen:visited		{height: 35px; background: #9a9a9a; border-right: 1px solid #fff;}

	div#home									{height: 450px; background: url(../images/bg_home.jpg) center top no-repeat;}
	
	div#links h2								{margin: 10px 0 0 0;}
	div#links p									{line-height: 1.5em;}
	div#links h2 a								{color: #00A1AC;}
	div#links a									{text-decoration: none; color: #00A1AC;}
	div#links span.beschrijving					{font-style: italic; color: #9a9a9a;}
	div#links,
	div#colofon									{overflow: hidden; width: 840px; margin: 30px; padding: 10px 20px; background: #fff;}
	div#colofon div#col1						{float: left; width: 500px;}
	div#colofon div#col2						{float: right; width: 240px;}
	div#colofon h2								{color: #4B2A7D; font-weight: bold; margin: 10px 0;}
	
	div#content									{padding-bottom: 5px;}
	div#content p								{margin: 10px 0;}
	
	div#nav.home								{background: #E10D7B;}
	div#nav.regios								{background: #8F469B;}
	div#nav.events								{background: #3C57A7;}
	div#nav.links								{background: #00A1AC;}
	div#nav.colofon								{background: #4B2A7D;}
	
	
	div#regios									{overflow: hidden; width: 100%;}
	div#map										{float: left; margin: 10px; width: 170px; height: 360px;}
	div#disciplines								{float: left; margin: 10px 0; width: 200px; height: 360px;}
	div#disciplines ul							{padding-right: 10px;}
	div#disciplines ul li						{}
	div#disciplines ul li a						{text-decoration: none; color: #fff; padding: 5px; display: block; font-size: 1em;}
	div#disciplines ul li a.discipline_checked	{color: #8F469B; background: #ccc;}
	
	form#form_googlemaps						{margin: 10px 10px 0 0; padding: 10px 0; border-top: 1px solid #8F469B;}
	
	ul#tips										{list-style-type: disc; margin: 0 10px; padding: 0 10px;}
	ul#tips li									{padding: 5px;}
	a#reset										{color: #fff; text-decoration: none; padding: 3px 10px; background: #000;}
	
	div#paginering								{float: right; width: 200px;}
	div#paginering a							{padding: 0 5px; text-decoration: none; color: #9a9a9a;}
	div#paginering strong						{color: #8F469B;}
	
	div#searchresults-container	{
		overflow: auto; float: left; margin: 10px 0; padding: 10px; width: 520px; height: 340px; background: #fff;
	}
	
	div#searchresults-container h1				{font-weight: bold; font-size: 1.4em; color: #8F469B; margin-top: 10px;}
	div#searchresults-container h2				{font-weight: bold; font-size: 1.2em; color: #8F469B; margin-top: 10px;}
	div#searchresults-container h3				{font-weight: bold; font-size: 1.1em; color: #8F469B; margin-top: 10px;}
	div#searchresults-container a				{color: #8F469B;}
	div#searchresults-container p				{margin-bottom: 10px;}
	
	div#searchresults-container div.instelling	{margin-bottom: 10px; cursor: pointer; font-size: 0.9em;}
	div#searchresults-container div.instelling:hover h2 {
		color: #8F469B;
		text-decoration: underline;
	}
	div#searchresults-container div.instelling-extra-info {
		display: none; width: 370px; height: 240px; overflow: auto; background: #9a9a9a; margin: 10px; padding: 10px; position: absolute; left: 540px; top: 260px;
	}
	div#searchresults-container div.instelling-extra-info a {
		text-decoration: none; color: #8F469B; font-weight: bold;
	}
	div#searchresults-container div.instelling-extra-info h2 {color: #fff; margin-top: 10px;}
	div#searchresults-container div.instelling-extra-info p {margin: 5px 0;}
	div#searchresults-container a.extern		{text-decoration: none; color: #9a9a9a;}
	div#searchresults-container img.logo		{float: right; margin: 0 0 10px 10px;}
	div#searchresults-container img.foto		{border: 1px solid #ccc; padding: 5px; margin-top: 10px; width: 162px;}
	
	div#events									{overflow: hidden; width: 100%; margin-top: 50px;}
	div#calendar-container						{margin: 0 auto; width: 848px;}
	div#calendar-container h2					{height: 50px; text-align: center;}
	div#calendar-container a					{color: #fff; text-decoration: none; padding: 10px 40px; letter-spacing: 0.5em;}
	div#calendar-container a.current			{background: #3C57A7;}
	table.events								{border-collapse: collapse; border-spacing: 0px; margin: 10px;}
	table.events th,
	table.events td								{vertical-align: top; background: #fff; color: #3C57A7; width: 120px; border: 1px solid #3C57A7;}
	table.events th								{text-align: center; vertical-align: middle; height: 24px; font-weight: bold; background: #ccc;}
	table.events td								{text-align: left; height: 40px; color: #339; font-size: 0.9em; padding: 3px;}
	table.events td span.dag_nr					{float: right; width: 20px; color: #3C57A7; background: #fd9;}
	table.events td span.titel					{display: block; cursor: default;}
	div#calendar-container span.titel a			{color: #3C57A7; margin: 0; padding: 0; letter-spacing: normal; text-decoration: underline;}

	#debug										{background: #fd9;}
	
	pre											{font: 1.1em "Courier New", Courier, monospace; color: #000; background: #fff; padding: 10px 20px;}
	div.msgs,
	div.errs									{overflow: auto;}
	div.msgs									{color: #66f;}
	div.errs									{color: #f66;}