/*
		Geheugensteuntjes:
		
		Crossbrowser opacity:				-moz-opacity:.60; filter:alpha(opacity=60); opacity:.60;
		CSS Rounded Corners:				-moz-border-radius: 7px; -webkit-border-radius: 7px;	
	*/

	body									{background: #ccf url(../gfx/bg_body_kees.jpg) center top no-repeat fixed;}
	
	div#container							{margin: 0 auto; width: 1020px; position: relative;}
	div#container div.wrapper				{padding: 0px;}

	div#content-container					{overflow: hidden; width: 100%; background: url(../gfx/bg_content_container.png) center bottom no-repeat;}
	div#content-container div.wrapper		{padding: 5px 10px 10px 10px;}

	div#content								{float: left; width: 558px; display: inline; margin: 0 0 0 7px; min-height: 300px;}
	div#content,
	div#content div.wrapper					{padding: 10px 10px 0 10px; background: #fff;}
	
	div#header								{position: relative; margin: 0 auto; width: 960px;}
	div#header div.wrapper					{overflow: hidden; padding: 10px 20px; background: #369 url(../gfx/bg_header.jpg) center top no-repeat;}
	div#header h1							{text-indent: -5000px; width: 160px; height: 91px; background: url(../gfx/logo.png) 0 0 no-repeat;}
	div#header h2							{color: #fff;}
	
	div#servicelinks						{position: absolute; top: 10px; right: 10px; display: none;}
	div#servicelinks ul						{overflow: hidden; height: auto;}
	div#servicelinks ul li					{float: left;}
	div#servicelinks ul li a				{padding: 5px; font-size: 11px; text-decoration: none;}
	div#servicelinks ul li a:link,
	div#servicelinks ul li a:visited		{color: #fff;}
	div#servicelinks ul li a:hover,
	div#servicelinks ul li a:active			{text-decoration: underline;}
	
	div#search								{float: left; margin: 10px 0 0 0;}
	input#searchfor							{width: 300px;}
	input#searchbutton						{color: #fff; background: #D95401; border: 1px solid #fff;}
	div#searchresults						{}
	div#searchresults h1 strong				{color: #000;}
	
	div#content div#searchresults ul				{margin: 0 0 0 20px; list-style: none;}
	div#content div#searchresults ul li				{}
	div#content div#searchresults ul li a			{display: block; padding: 3px 10px; text-decoration: none;}
	div#content div#searchresults ul li a:link,
	div#content div#searchresults ul li a:visited	{}
	div#content div#searchresults ul li a:hover,
	div#content div#searchresults ul li a:active	{background: #fff;}
	
	div#nav									{background: #fff; margin: 10px auto 5px auto; width: 940px;}
	div#nav div.wrapper						{padding: 5px 5px 5px 25px; background: #7a7a7a url(../gfx/bg_nav1_container.gif) 5px 1px no-repeat;}
	div#nav ul								{overflow: hidden; width: 100%; background: #7a7a7a;}
	div#nav ul li							{float: left; display: inline; background: url(../gfx/bg_nav1.jpg) 0 -40px repeat-x;}
	div#nav ul li a							{display: block; padding: 5px 10px; text-decoration: none; font-size: 12px;}
	
	div#nav ul li a:link,
	div#nav ul li a:visited					{color: #fff; background: url(../gfx/bg_nav1.jpg) 0 -80px repeat-x;}
	div#nav ul li a:hover,
	div#nav ul li a:active					{color: #fff; background: none;}
	div#nav ul li a.active					{color: #fff; background: url(../gfx/bg_nav1.jpg) 0 0px repeat-x;}
	
	div#subnav-container					{float: left; width: 220px; display: inline; margin: 0 0 0 0; -moz-opacity:.85; filter:alpha(opacity=85); opacity:.85;}

	/*
	#menu ul li {float: left; width: 100%;}
	#menu ul li a {height: 1%;}	
	*/
	div#nav2								{margin: 0 0 10px 0; border: 1px solid #ccc; background: #fff url(../gfx/bg_nav2_container.gif) 180px 0px no-repeat;}
	div#nav2 div.wrapper					{padding: 20px 5px 5px 5px;}
	div#nav2 ul								{overflow: hidden;}
	div#nav2 ul li							{background: url(../gfx/bg_nav2_kees.jpg) 0 -40px repeat-x;}
	div#nav2 ul li a						{display: block; padding: 5px 0 5px 10px; text-decoration: none; font-size: 12px;}
	
	div#nav2 ul li a:link,
	div#nav2 ul li a:visited				{color: #000; background: transparent url(../gfx/bg_nav2_kees.jpg) repeat-x 0px -80px;}
	div#nav2 ul li a:hover,
	div#nav2 ul li a:active					{color: #fff; background-image: none;}
	div#nav2 ul li a.active					{color: #000; background: transparent url(../gfx/bg_nav2_kees.jpg) repeat-x 0px 0px;}

	div#nav3								{margin: 0 0 0 0; border: 1px solid #ccc; background: #fff url(../gfx/bg_nav3_container.gif) 180px 0px no-repeat;}
	div#nav3 div.wrapper					{padding: 20px 5px 5px 5px;}
	div#nav3 ul								{overflow: hidden;}
	div#nav3 ul li							{background: url(../gfx/bg_nav3.jpg) 0 -40px repeat-x;}
	div#nav3 ul li a						{display: block; padding: 5px 0 5px 10px; text-decoration: none; font-size: 12px;}

	div#nav3 ul li a:link,
	div#nav3 ul li a:visited				{color: #000; background: url(../gfx/bg_nav3.jpg) 0 -80px repeat-x;}
	div#nav3 ul li a:hover,
	div#nav3 ul li a:active					{color: #fff; background-image: none;}
	div#nav3 ul li a.active					{color: #000; background: url(../gfx/bg_nav3.jpg) 0 0px repeat-x;}

	pre										{width: 600px; background: white; font: 14px "Courier New", Courier, monospace;}
	
	div#content table.ajax-agenda,
	div#content div.cursus div.cursusbeschrijving,
	div#nav div.wrapper,
	div#content div#breadcrumbs,
	div#servicelinks ul,
	div#content,
	div#nav,
	div#nav2,
	div#nav3,
	ul.inhoudsopgave,
	div#agenda-container									{-moz-border-radius: 7px; -webkit-border-radius: 7px;}
	div#agenda-container span.agenda-dag-container			{-moz-border-radius: 5px; -webkit-border-radius: 5px;}
	
	div#content div#breadcrumbs								{padding: 2px 10px; background: #ddd;}
	div#content div#breadcrumbs p							{font-size: 11px; color: #666;}
	div#content div#breadcrumbs span.breadcrumb_active		{color: #000;}

	div#content div.cursus									{padding: 0 0 5px 5px; cursor: pointer; border-bottom: 1px dotted #999;}
	div#content div.vakantieproject							{padding: 0 0 5px 5px; cursor: pointer; border-bottom: 1px dotted #999; background: url(../gfx/bg_vakantie-activiteit.gif) no-repeat right 5px;}
	div.zebra0												{background: #fff;}
	div.zebra1												{background: #eee;}
	div#content div.vakantieproject div.cursusbeschrijving,
	div#content div.cursus div.cursusbeschrijving			{display: none; margin: 10px 0 0 20px; padding: 15px 10px 10px; background: #dd6; width: 400px; overflow: hidden;}
	div#content div.vakantieproject h2,
	div#content div.cursus h2								{font-weight: normal; color: #666;}
	div#content div.vakantieproject h3,
	div#content div.cursus h3								{font-weight: normal; color: #333; margin: 0 0 0 48px; font-size: 0.8em;}
	div#content div.vakantieproject h2:hover,
	div#content div.cursus h2:hover							{color: #000;}
	div#content div.vakantieproject div.cursusbeschrijving h2,
	div#content div.cursus div.cursusbeschrijving h2		{color: #000; font-size: 12px; padding: 0;}
	
	div#agenda-container					{border: 1px solid #fff; background: #fff; float: right; width: 186px; display: inline; margin: 0 0 0 5px; -moz-opacity:.85; filter:alpha(opacity=85); opacity:.85;}
	div#agenda-container div.wrapper		{padding: 5px;}
	div#agenda-container a.info				{text-decoration: none; font-size: 11px;}
	div#agenda-container a.info:link,
	div#agenda-container a.info:visited		{color: #0554E5;}
	div#agenda-container a.info:hover,
	div#agenda-container a.info:active		{color: #D95401;}

	
	
	div#agenda-container h2					{font-weight: bold;}
	div#agenda-container ul					{padding: 5px; background: #cf0;}
	div#agenda-container ul li				{overflow: hidden; width: 166px; margin: 0 0 5px 0; padding: 0 0 5px 0; color: #000; font-size: 11px; border-bottom: 1px dotted #000;}

	div#agenda-container ul li a			{display: block; font-size: 10px;}
	div#agenda-container ul li a:link,
	div#agenda-container ul li a:visited	{color: #000;}
	div#agenda-container ul li a:hover,
	div#agenda-container ul li a:active		{color: #666;}
	
	div#agenda-result-container										{}
	div#agenda-result-container th.activiteit	{width: 400px;}
	div#agenda-result-container th.dag-datum	{width: 160px;}
	div#agenda-result-container th.meer-info	{width: 160px;}
	
	div#content table.ajax-agenda			{width: 100%; border-collapse: separate; border: 1px solid #ccc; margin: 10px 0 0 0;}
	div#content table.ajax-agenda tr.bg0	{background: #fff url(../gfx/bg_tr0.jpg) repeat-x left top;}
	div#content table.ajax-agenda tr.bg1	{background: #eee url(../gfx/bg_tr1.jpg) repeat-x left top;;}
	div#content table.ajax-agenda th		{/*background: #99c;*/}
	div#content table.ajax-agenda th,
	div#content table.ajax-agenda td		{padding: 5px 5px 5px 15px;}
	div#content table.ajax-agenda h2		{padding: 0;}
	div#content table.ajax-agenda a			{text-decoration: none;}
	/*
	div#content table.ajax-agenda.a:link,
	div#content table.ajax-agenda.a:visited	{}
	div#content table.ajax-agenda.a:hover,
	div#content table.ajax-agenda.a:active	{text-decoration: underline;}
	*/

	span.agenda-dag-container				{float: left; width: 35px; background: #fff; padding: 3px 3px 3px 5px;}
	span.agenda-weekdag						{font-size: 16px; font-weight: bold; color: #999; padding: 0 0 0 6px;}
	span.agenda-titel						{float: right; width: 114px; padding: 5px 2px 3px 2px;}
	
	span#filter-container					{display: none;}

	div#footer								{background: #7A7A7A url(../gfx/bg_footer.gif) left top repeat-x; margin: 10px auto; padding: 0 0 10px 0; width: 940px;}
	div#footer div.wrapper					{padding: 10px 0;}
	div#footerlinks							{overflow: hidden; margin: 0 auto; width: 740px;}
	div#footerlinks h2						{margin: 0 0 5px 0; font-weight: bold; color: #fff; font-size: 14px;}
	div#footerlinks ul						{padding: 0 0 10px 0;}
	div#footerlinks ul li a					{display: block; font: 10px "Lucida Sans Unicode"; color: #fff; text-decoration: none;}
	div#footerlinks ul li a:link,
	div#footerlinks ul li a:visited			{}
	div#footerlinks ul li a:hover,
	div#footerlinks ul li a:active			{color: #cf0; text-decoration: underline;}
	
	div#footer ul#col1,
	div#footer ul#col2,
	div#footer ul#col3,
	div#footer ul#col4						{float: left; width: 200px; display: inline; margin: 0 10px 0 0;}


	div#inschrijven-container				{background: #fff;}
	div#inschrijven-container div.wrapper	{padding: 10px 40px;}
	div#inschrijven-container h1			{font: bold 16px "Lucida Sans Unicode"; color: #F79743; border-bottom: 1px solid #F79743; padding: 0 0 5px 0; margin: 10px 0 10px 0;}
	div#inschrijven-container h2			{font: bold 13px "Lucida Sans Unicode"; color: #669; padding: 10px 0 0 0;}

	form.inschrijven						{border: 1px dotted #666; background: #fff; margin: 10px 0 0 0; padding: 10px 40px;}
	form.inschrijven div					{overflow: hidden; width: 100%; padding: 0; margin: 0 0 10px 0;}
	form.inschrijven h2						{margin: 10px 0 0 0;}
	form.inschrijven label					{float: left; width: 120px; padding: 2px; color: #F79743; color: #669;}
	form.inschrijven .small					{width: 100px;}
	form.inschrijven .medium				{width: 200px;}
	form.inschrijven .large					{width: 300px;}
	form.inschrijven option					{padding: 2px;}
	form.inschrijven p						{margin: 10px 0 0 0;}
	
	div#content a.artiance_lightbox img		{border: 1px solid #ccc; margin: 0 5px 5px 0; padding: 5px;}
	
	/* Deze kopieren naar de styles voor de editor */

	div#content h1							{font: bold 16px "Lucida Sans Unicode"; color: #D95401; border-bottom: 1px dotted #D95401; padding: 0 0 5px 0; margin: 10px 0 10px 0px;}
	div#content h2							{font: 13px "Lucida Sans Unicode"; color: #0554E5; padding: 10px 0 0 0px;}
	div#content ul							{padding: 0 0 10px 0;}
	div#content li,
	div#content th,
	div#content td							{padding: 0 5px;}

	div#content table						{width: 400px;}
	div#content th,
	div#content td							{font: 11px/14px "Lucida Sans Unicode"; color: #333;}
	div#content a,
	div#content li,
	div#content p							{font: 12px/17px "Lucida Sans Unicode"; color: #333;}
	div#content p							{margin: 0 0 5px 0px;}
	div#content ul							{margin: 0 0 5px 20px; list-style-type: disc;}
	
	div#content a:link,
	div#content a:visited					{color: #0554E5;}
	div#content a:hover,
	div#content a:active					{color: #D95401;}
	
	div#content img.img_left				{float: left; display: inline; margin: 5px 10px 5px 0; padding: 5px; border: 1px solid #ccc; background: #fff;}
	div#content img.img_right				{float: right; display: inline; margin: 5px 0 5px 10px; padding: 5px; border: 1px solid #ccc; background: #fff;}
	
	div#content ul.inhoudsopgave			{float: right; width: 200px; padding: 10px; margin: 0 0 0 20px; list-style-type: none; background: #FEFC85;}
	div#content ul.inhoudsopgave h2			{padding: 0; color: #333;}
	div#content ul.inhoudsopgave a			{text-decoration: none; color: #333;}
	div#content ul.inhoudsopgave a:link,
	div#content ul.inhoudsopgave a:visited	{}
	div#content ul.inhoudsopgave a:hover,
	div#content ul.inhoudsopgave a:active	{text-decoration: underline;}

	/* En de oplossing van stickyfooter.com */
	html,body,#container					{height:100%;}
	body > #container						{height:auto;min-height:100%;}
	#content-container						{overflow:auto;padding-bottom:78px;}
	#footer									{position:relative;margin-top:-78px;height:78px;clear:both;}
	body:before								{content:"";height:100%;float:left;width:0;margin-top:-32767px;}