/*
		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#content address								{ float: right; font-size: 0.8em; margin: 0 5px; text-align: right; color: #777; font-style: italic; }
	
	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#naw											{ color: #fff; float: right; width: 140px; padding: 15px 0 0 0; }
	
	div#social_networks								{ position: absolute; right: 20px; bottom: 20px; }
	
	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 span.varianten,
	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; border-radius: 7px; behavior: url('static/css/PIE.htc'); }
	div#agenda-container span.agenda-dag-container			{ -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 7px; behavior: url('PIE.htc'); }
	
	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; }

	/* CSS voor de nieuwe cursuspagina */
	a#inleiding_toggle										{ float: right; }
	div#content div#cursus_inleiding h1						{ clear: both; }
	div#content div.cursus									{ width: 554px; position: relative; }
	div#content div.cursus h2								{ clear: both; font-size: 14px; font-weight: bold; margin: 20px 0 0 0;}
	div#content div.cursus p								{  }
	div#content div.cursus img								{ float: left; margin: 0 20px 0 0; }
	
	div#content span.varianten								{ position: absolute; left: -60px; top: 70px; z-index: 1000; background: #eee; border: 0px solid #333; background: gold; }
	div#content span.varianten table						{ border-collapse: collapse; border-spacing: 1px; border: 1px solid #666; margin: 5px; }
	div#content span.varianten table th						{ font: bold 11px tahoma; background: #333; color: #fff; vertical-align: bottom; }
	div#content span.varianten table tr.bg0					{ background: #fff; }
	div#content span.varianten table tr.bg1					{ background: #eee; }
	div#content span.varianten table td						{ font: 11px tahoma; border-spacing: 1px; border: 1px solid #999; vertical-align: top; }
	div#content span.varianten table td.prijs				{ color: #369; font-weight: bold; text-align: right; }

	div#content span.varianten table th,
	div#content span.varianten table td						{ text-align: left; border-collapse: separate; white-space: nowrap; padding: 7px 3px; }
	div#content span.varianten table td a					{ font: 11px tahoma; }
	
	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#nieuwsbrief							{ padding: 0 0 0 3px; }
	div#nieuwsbrief h3						{ font-size: 1em; font-weight: bold; color: #D95401; margin: 3px 0 3px 0; }
	div#nieuwsbrief input#email				{ margin: 0; padding: 3px; width: 135px; font: 10px Tahoma, Geneva, Arial, Helvetica, sans-serif; vertical-align: top; }
	div#nieuwsbrief input#but_nieuwsbrief_submit { margin: 0; padding: 0; border: 1px solid #999; }

	
	
	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; }

	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: #333 url(../gfx/bg_footer.gif) left top repeat-x; margin: 10px auto; padding: 20px 0 30px 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; font-size: 1.5em; padding: 0 0 10px 0; }
	
	div#footer ul#col1						{ float: left; width: 400px; display: inline; margin: 0 10px 0 0; }

	div#footer ul#col2,
	div#footer ul#col3,
	div#footer ul#col4						{ float: left; width: 260px; 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 18px "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/20px "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 div.cursus img.img_left,
	div.cursus img.img_left,
	div#content img.img_left				{ float: left; display: inline; margin: 5px 10px 5px 0; padding: 5px; border: 1px solid #ccc; background: #fff; }
	
	div#content div.cursus img.img_right,
	div.cursus img.img_right,
	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:98px; }
	#footer									{ position:relative;margin-top:-98px;height:98px;clear:both; }
	body:before								{ content:"";height:100%;float:left;width:0;margin-top:-32767px; }