/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */
html, body, div, span, applet, object, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd,fieldset, form, label, legend,caption {	margin: 0;	padding: 0;	border: 0;	outline: 0;	font-size: 100%;	vertical-align: top;	background: transparent;}table, td, tr, thead, tbody{vertical-align: top;}body {	line-height: 1;}blockquote, q {	quotes: none;}blockquote:before, blockquote:after,q:before, q:after {	content: '';	content: none;}/* remember to define focus styles! */:focus {	outline: 0;}/* remember to highlight inserts somehow! */ins {	text-decoration: none;}del {	text-decoration: line-through;}/* tables still need 'cellspacing="0"' in the markup */table {	border-collapse: collapse;	border-spacing: 0;}

/**
* Start Vanilla CSS 1.0.0
*/
pre,code,tt{font:1em/1.5em 'Andale Mono','Lucida Console',monospace;}h1,h2,h3,h4,h5,h6,b,strong{font-weight:bold;}em,i,dfn{font-style:italic;}dfn{font-weight:bold;}p,code,pre,kbd{margin:0 0 1.5em 0;}blockquote{margin:0 1.5em 1.5em 1.5em;}cite{font-style:italic;}li ul,li ol{margin:0 1.5em;}ul,ol{margin:0 1.5em 1.5em 1.5em;}ul li{list-style-type:disc;}ol li{list-style-type:decimal;}ol ol li{list-style:upper-alpha;}ol ol ol li{list-style:lower-roman;}ol ol ol ol li{list-style:lower-alpha;}dl{margin:0 0 1.5em 0;}dl dt{font-weight:bold;}dd{margin-left:1.5em;}sup,sub{line-height:0;}abbr,acronym{border-bottom:1px dotted;}address{margin:0 0 1.5em;font-style:italic;}del{text-decoration:line-through;}pre{margin:1.5em 0;white-space:pre;}img.centered,.aligncenter,div.aligncenter{display:block;margin-left:auto;margin-right:auto;}img.alignright{display:inline;}img.alignleft{display:inline;}.alignright{float:right;margin-left:10px;}.alignleft{float:left;margin-right:10px;}* html .clearfix{height:1%;}*+html .clearfix{display:inline-block;}.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}* html .group{height:1%;}*+html .group{display:inline-block;}.group:after{content:".";display:block;height:0;clear:both;visibility:hidden;}

/**********************************************
 * STANDAARD ELEMENTEN
**********************************************/
html				{ height: 100%; width: 100%; padding: 0px; margin: 0px; }
body				{font-size: 11px;  margin: 0px; line-height:18px; font-family: Tahoma;  }
body.site			{ height: 100%; width: 100%; font-size: 11px;  margin: 0px;line-height:18px; font-family: Tahoma;   }

img					{ border:0px;}
p					{ margin: 0px 0px 14px 0px;}
ul					{ margin: 10px 0px 10px 10px; padding: 0px 0px 0px 10px; list-style: disc outside;}
ol					{ margin: 10px 0px 10px 10px; padding: 0px 0px 0px 15px; list-style: decimal outside;}
li					{ margin: 0px 0px 0px 0px; }

img					{border:0px; padding:0px;}
.clearfix			{clear:both; height: 0px; line-height:0px; font-size:0px;}
span 				{line-height:normal}
textarea			{padding: 10px;}

a:visited, a:active, a:link		{outline: none; color:#ea321a; text-decoration: none; }
a:hover												{text-decoration: underline;}

h2						{ font-size: 15px; color: #ea321a; margin: 5px 0px 5px 0px; }
h1						{ margin: 10px 0px 20px 0px; font-size: 16px;}
h2.sidetitle			{ font-size: 20px; height: 40px; line-height: 36px; text-indent: 20px; background: #21ade5;}
h2.sidebar-title		{ font-size: 20px; height: 40px; line-height: 36px; color: #ffffff; }
hr									{ clear: both; }

/**********************************************
LINKS
**********************************************/

a.nav					{ cursor: pointer; font-size: 20px; color:#ffffff; height: 36px; line-height: 32px;  display: block; text-decoration: none;}
a.nav:hover, 
a.hoofdNavActive 		{ color: #000000; text-decoration: none;}

a.subnav { margin: 0px 0px; cursor: pointer; font-size: 20px; color:#ffffff; margin-bottom: 1px; padding: 10px 10px 10px 20px; line-height: 20px; height: auto !important; min-height: 20px; height: 40px; overflow: hidden; display: block; text-decoration: none;}
a.subnav:hover, a.subnavActive { color: #000000; text-decoration: none;}

.pabo 		 	a.subnav { background: #59e8f4; }
.ocz 		 	 	a.subnav { background: #00a1e1; }
.lectoraat 	a.subnav { background: #bc206e; }

a.subnav2 { margin: 0px 0px; padding: 0px 0px 0px 20px; cursor: pointer; font-size: 15px; color:#4f5151; line-height: 30px; overflow: hidden; display: block; text-decoration: none;}
a.subnav2:hover , a.subnav2Active { color: #242526; text-decoration: none;  background: url(../images/navar.gif) no-repeat 6px 14px;}
a.subnav2Parent,a.subnav2Parent:hover	{  background: url(../images/navar2.gif) no-repeat 5px 15px; } 

a.subnav3 { margin: 0px 0px; padding: 0px 0px 0px 20px; cursor: pointer; font-size: 11px; color:#169bd1; line-height: 24px; background: #d1eef9; line-height: 24px;  overflow: hidden; display: block; text-decoration: none;}
a.subnav3:hover, a.subnav3Active { color: #000000; text-decoration: none; }

#hoofdnav				{ width: 945px; list-style: none; padding: 0px 10px 0px 25px; margin: 0px 0px; }
#hoofdnav li				{ list-style: none; padding: 0px 10px; float: left; height: 36px; line-height: 32px;margin: 0px 0px;overflow:hidden;background-color:#00a1e1;  }

#subnav					{ list-style: none; padding: 0px; margin: 0px; }
#subnav	li				{ list-style: none; padding: 0px; margin: 0px; }

ul.subnav1				{ list-style: none; padding: 0px; margin: 0px; }
ul.subnav1	li			{ list-style: none; padding: 0px; margin: 0px; border-top: 1px dashed #73cbee; }
ul.subnav1	li:first-child	{ border-top: none; }

ul.subnav2				{ list-style: none; padding: 0px; margin: 0px; }
ul.subnav2	li			{ list-style: none; padding: 0px; margin: 0px; height: 24px; border-top: 1px solid #a7def3; }
ul.subnav2	li:first-child	{border-top: 1px dashed #73cbee; }

ul.dropdownnav				{ display: none; list-style: none; padding: 5px 0px; margin: 0px; overflow: hidden }
ul.dropdownnav	li			{ list-style: none; padding: 0px 0px 0px 20px; margin: 0px; height: 20px; line-height: 20px; color: #ffffff; background: url(../images/arrow_white2.png) no-repeat 8px center; }
ul.dropdownnav	li 	a	 	{ color: #ffffff }

/**********************************************
MAIN DIVS
**********************************************/

#backgroundimage	{width: 100%; position: fixed; left: 0px; top: 0px;  z-index: -1; overflow: hidden; padding-top: 125px; background: url(../images/grad.gif) repeat-x left top;}
#backgroundimage img	{height: 100%; position: absolute; left: 50%; margin-left: -600px; top: 125px;}

#main 				{ width: 980px; margin: 0px auto; z-index: 10; position: relative } 
	#top			{ width: 980px; height: 36px; padding-top: 125px; background: url(../images/top.png) no-repeat left top; position: relative; }
	
	#submenu			{ height: auto; overflow: hidden; position: absolute; left: 0px; top: 161px; width: 980px; z-index: 1000 }
	.submenu_pabo		{ background: url(../images/submenu_pabo.png) repeat; }
	.submenu_ocz		{ background: url(../images/submenu_ocz.png) repeat; }
	.submenu_lectoraat	{ background: url(../images/submenu_lectoraat.png) repeat; }
	
	
	.submenu_home		{ overflow:hidden;position:absolute;left:0px;top:41px;width:316px;z-index:999999;background: url(../images/submenu_pabo.png) repeat;display:none; }
	.submenu_home ul		{ list-style:none;padding:5px 0px;margin:0px;overflow:hidden }
	.submenu_home ul li	{ list-style:none;padding:0px 0px 0px 20px;margin:0px;height:20px;line-height:20px;color:#ffffff;background: url(../images/arrow_white2.png) no-repeat 8px center; }
	.submenu_home ul li a	{ color: #ffffff }
	
	#newsslide		{ width: 980px; height: 165px; position: relative; margin: 16px 0px;  overflow: hidden; height: 0px; padding-top: 40px; background: url(../images/nieuwsblok.gif) no-repeat left top; }
		#left_arrow	{ position: absolute; left: 6px; top: 50%; margin-top: -10px;z-index: 10; cursor: pointer; }
		#right_arrow{ position: absolute; left: 492px; top: 50%; margin-top: -10px; z-index: 10; cursor: pointer;}
		#openclose	{ position: absolute; width: 980px; top: 0px; left: 0px; height: 40px; z-index: 100; cursor: pointer;}
		#newslist	{height: 113px; width: 450px; overflow: hidden; position: absolute; left: 35px; top:40px; z-index: 99  }
		#newslist	ul	{width: 450px; position: absolute; left: 0px; top: 0px; padding: 0px; margin: 0px; list-style: none;}
		#newslist	ul	li{margin: 0px; padding:0px; list-style: none; }
		div.slide	{width: 450px; height: 113px; overflow: hidden; background: url(../images/line.gif) no-repeat left top; position: relative;}
		div.slide a				{display: block;text-decoration: none; position: absolute; left: 238px; top: 0px; height: 113px; width: 212px; overflow: hidden;}
		div.slide a:first-child	{ left: 0px; }
		div.slide img			{ width: 212px; height: 113px; }
		div.slidetitle				{ position: absolute; font-weight: bold;  bottom: 0px; left: 0px; height: 29px; width: 212px; background: url(../images/blue_bar.png); line-height: 29px; text-indent: 10px; color: #ffffff; }
		
		div.line					{ height: 9px; border-top: 1px solid #dfdfdf; margin-top: 10px; }
		
		#events		{height: 113px; width: 430px; overflow: hidden; position: absolute; left: 540px; top:40px; z-index: 99  }
		#events	ul	{width: 450px;height: 113px;  position: absolute; left: 0px; top: 0px; padding: 0px; margin: 0px; list-style: none;}
		#events	ul	li{margin: 0px; padding: 0px 5px; list-style: none;display: block; height: 28px; line-height: 28px; margin-bottom: 1px }
		#events	ul	li.pabo			 	 { background: #59e8f4; }
		#events	ul	li.ocz	 	 	   { background: #00a1e1; }
		#events	ul	li.lectoraat	 { background: #bc206e; }
		#events	ul	li a{padding-left: 15px; background: url(../images/arrow_black.png) no-repeat left center; color: #000000; font-weight: bold; text-decoration: none; display: block; height: 28px; line-height: 28px; }
		#events	ul	li:first-child a 	{ border-top: none;}
		
	div.paginafotos	{ height: 125px; background-repeat: no-repeat; background-position: center center; }	
	
	#zoekform		{ position: absolute; right: 10px; top: 132px; background: #ffffff; }
	#zoekform	input[type="text"] { margin: 0px; width: 175px;padding: 0px; padding-left: 5px; height: 20px;  border: 1px solid #ffffff; line-height: 20px; }
	#zoekform	input[type="submit"] { margin: 0px; padding: 0px 5px; height: 22px; background: #000000; color: #ffffff; line-height: 22px; border: none  }
	
		
	#homecontent	{ width:  980px; }
		#left		{ height: 198px; width: 460px; padding: 15px; float: left; background: url(../images/lefthome.jpg) no-repeat left top; overflow: hidden; }
		#right		{ height: 198px; width: 460px; padding: 15px; float: left; background: url(../images/righthome.jpg) no-repeat left top; overflow: hidden; }
		
		#uitgelicht	{ height: 152px; width: 458px; background: url(../images/geel.png) no-repeat left top; float: left; padding: 0px 16px;  position:relative; }
			#uitgelicht-link	{ float: left;display:block; margin: 0px 10px 10px 0px; position: relative; }
			#uitgelicht-link img.arrow 	{ position: absolute; right: 0px; bottom: 0px; }
			div.uitgelichtslide 		{ overflow: hidden; height: 150px; width: 458px; }
		#uitgelicht span		{line-height: 18px;}
		#twitter	{ height: 152px; width: 458px; background: url(../images/blauw.png) no-repeat left top; float: left; padding: 0px 16px; position:relative; }
			#twitter-link	{ float: left;display:block; }
			.loader		{ padding:0px 10px 0px 10px; width: 350px; height:100px; float: left; overflow:hidden;}
			.tweet > a		{	display:block; }
		
		#content	{ width: 980px; background: url(../images/back1.gif) repeat-y left top; height: auto !important; min-height: 500px; height: 500px; overflow: hidden;}
			#menu	{ width: 208px; padding-bottom: 20px; float: left;}
			#tekst	{ width: 513px; padding: 10px 16px 20px 16px; float: left;}
			#sidebar{ width: 200px; padding: 10px 13px 20px 14px; float: left;}
		
		#content2	{ width: 980px; background: url(../images/back2.gif) repeat-y left top;  height: auto !important; min-height: 500px; height: 500px;}
			#tekst2	{ width: 740px; padding: 0px 16px 20px 16px; float: left;}


	table.zoekresultaten a			{ display: block; padding-left: 15px; background: url(../images/arrow2.gif) no-repeat left center; }

	label.summer											{ float: left; clear: both; padding-top: 10px; display: block; text-align: left; width: 240px; }
	
	div.form input, div.form select, div.form textarea					{ font-size: 11px; clear: both; margin-top: 15px; width: 248px; border: 1px solid #9c9f9f; }
	div.form input[type="radio"]															  { margin-top: 0px; }
	div.form															{ width: 500px; }
	
	
	#homesplash	 	 	 	 	 	 	 	 { overflow: hidden; margin-top: 15px }	
	div.home_blok	    	   	 	 { width: 316px; height: 354px; background-position: left top; background-repeat: no-repeat; float: left;position:relative;margin-right: 16px; color: #000000; overflow: hidden;}
	div.pabo	                 { background-image: url(../images/homeblok_pabo.png); }
	div.ocz		                 { background-image: url(../images/homeblok_ocz.png); color: #ffffff;}
	div.lectoraat              { background-image: url(../images/homeblok_lectoraat.png); margin-right: 0px;}			
	div.home_blok	h2 	         { height: 41px; line-height: 41px; color: #000000; padding: 0px; margin: 0px; text-indent: 21px; background: url(../images/arrow.png) no-repeat 8px center }
	
  div.home_blok img	  	 	 	 { opacity: 0.9; filter: alpha(opacity=90); -ms-filter: "alpha(opacity=90)"; }
	
	div.ocz		 	  h2 	         { color: #ffffff; background: url(../images/arrow_white.png) no-repeat 8px center }
	div.home_blok .homeblok_tekst	{ padding: 15px 10px; }
/***********************************************
 * FORMULIEREN
 ***********************************************/
	
	form label.formline		{display: block; height: 30px; line-height: 30px; position: relative;}
	form label.formline		input[type="text"]	{ position: absolute; width: 356px; left: 120px; top: 4px; height: 20px; border: 1px solid #999999; padding: 0px 5px; margin: 0px; }
	form label.formline		select	{ position: absolute; width: 356px; left: 120px; top: 4px; height: 20px; border: 1px solid #999999; padding: 0px 5px; margin: 0px; }
	form label.formline		textarea	{ font-family: arial;font-size:12px;position: absolute; width: 356px; left: 120px; top: 4px; height: 100px; border: 1px solid #999999; padding: 5px; margin: 0px; overflow : auto; }
	form label.formline		input[type="checkbox"]	{ margin-left : 85px; }
	
	#jaarselect				{ position: absolute; left: 260px; width: 80px; }
	#maandselect			{ position: absolute; left: 170px; width: 80px; }
	#dagselect				{ position: absolute; left: 120px; width: 40px; }
	
	textarea				{ width: 90%; height: 65px; border: 1px solid #999999; }
	span.error				{ font-size: 12px; color: #169bd1; }
    
    
    /**********************************************
    AANMELDFORMULIER
    **********************************************/
    #formulier                      { width: 500px; }
    #formulier  input[type="text"]  { width: 250px; height: 24px; border: 1px solid #999999; line-height: 24px; padding: 0px; margin: 0px; float: right; padding: 0px 5px;}
    #formulier  textarea      { width: 250px; height: 120px; border: 1px solid #999999;  line-height: 24px; padding: 0px; margin: 5px 0px 0px 0px; float: right; padding: 5px;}
    #formulier  select      { width: 265px; height: 24px; border: 1px solid #999999;  line-height: 24px; padding: 0px; margin: 0px; float: right; padding: 0px 0px 0px 5px;}
    #formulier  label,
    #formulier > div        { display: block; overflow: hidden; padding: 5px 30px 5px 0px; line-height: 26px; font-weight: bold; padding: 5px 30px 5px 30px; }

    #formulier  label.verplicht,
    #formulier > div.verplicht      { background: url(../images/plus.gif) no-repeat 0px 10px; }

    #formulier  label.fout,
    #formulier > div.fout           { color: #ea321a ;}
    #formulier  label.fout input,
    #formulier  label.fout textarea,
    #formulier  label.fout select,
    #formulier > div.verplicht input  { border-color: #ea321a }

    #formulier  label>div ,
    #formulier >div>div {  width: 250px; padding: 5px; margin: 0px; float: right;  }

    #formulier input[type="submit"],
    #formulier input[type="button"] { background: #d0033b; border: 1px solid #999999; color: #ffffff; font-size: 16px; padding: 5px 10px; float: right; margin-right: 30px;}
    #formulier input[type="image"]  { float: right; margin-right: 30px;}

    #formulier .hider { display:none }

    #formulier .fout.hider { display:block }

    #formresults          	{ padding-left: 30px; line-height: 18px; font-weight: bold; color: #d0033b; font-weight: bold; font-size: 14px; }


    #formulier h3       { font-size: 14px; color: #ea321a; height: 50px; line-height: 50px; text-indent: 30px; }

    #formulier hr       { border: 1px solid #fff }

    #formulier, 
    #formulier input, 
    #formulier select, 
    #formulier textarea{font-family:Tahoma,Arial,Helvetica,sans-serif; font-size:11px}
    
/***********************************************
 * SELECT PLUGIN
 ***********************************************/
	
	.gosiSelect						{ padding:0px 0px 0px 0px; border:1px solid #999999; width: 184px; position: absolute; top: 35px; right: 8px; text-indent: 0px;line-height:12px; z-index: 100; }
	.gosiSelect label				{ display:block; background:url('../images/select.gif') #FFF no-repeat 99% center;  cursor:pointer; font-weight:bold; padding:5px 6px 5px 6px; }
	.gosiSelect .hider				{ overflow:hidden; height:0px; }
	.gosiSelect ul					{ margin:0px; padding:0px; list-style-type:none; background-color:#FFF; }
	.gosiSelect li					{ margin:0px; padding:0px; list-style-type:none; background-color:#FFF; }
	.gosiSelect li a				{ display:block; padding: 5px 5px; cursor:pointer; text-decoration:none; color:#404040}
	.gosiSelect li a:hover			{ color:#070808; background-color:#e8f6fb}
	
/***********************************************
 * LOGIN FORM
 ***********************************************/
	#login, #logout								{ width: 200px; padding: 0px 0px 10px 0px;}
	#login h4,		#logout h4					{ height: 32px; line-height: 30px; font-size: 15px; color: #ffffff; background: #3f3c3d; text-indent: 10px;}
	#login input[type="text"]		,#logout	input[type="text"]		{ border: 1px solid #999999; height: 23px; line-height: 23px; width: 184px; padding: 0px; margin: 8px 7px 0px 7px;}
	#login input[type="password"]	,#logout	input[type="password"]	{ border: 1px solid #999999; height: 23px; line-height: 23px; width: 184px;  padding: 0px; margin: 8px 7px;}
	#login input[type="image"]		,#logout	input[type="image"]		{ float: right; margin: 0px 7px; }
	
	#login				{  background: #d4eff9; }
	#logout				{  background: #ececec; padding: 0px 0px 5px 0px;}
	
	#logout		span	{ display: block; padding: 10px 7px; border-bottom: 1px solid #bdbdbd; }
	#logout		a		{ display: block; margin: 7px; font-weight: bold; text-decoration: none; color: #000000;}
	
	#error			{ clear: both; }

/***********************************************
 * CURRICULUM
 ***********************************************/

	#thema				{ color: #070808; display: block; height: 70px; line-height: 30px; background: #e8f6fb; z-index: 1000; position: relative; text-indent: 10px; font-weight:bold; }
	#themaselect		{ color: #404040; height: 22px; padding: 0px; margin: 0px; border: 1px solid #999999;z-index: 1000; width: 409px; }
	span.bieb { margin: 0px 0px; font-size: 15px; color:#ffffff; margin-top: 1px; text-indent: 10px; background: #ffbc44 url(../images/arrow_right.png) no-repeat 95% center; line-height: 28px; height: 32px; overflow: hidden; display: block; text-decoration: none;}	
	span.catlink { margin: 0px 0px; font-size: 11px; color:#414040; text-indent: 15px; background: #fce0dc ; line-height: 26px; height: 26px; overflow: hidden; display: block; text-decoration: none;}	
	
/***********************************************
 * NIEUWS
 ***********************************************/
	#newsarchive	ul 	{padding: 0px; margin: 0px; list-style: none; }
	#newsarchive	li 	{padding: 0px; margin: 0px; list-style: none; }
	#newsarchive	h3	{margin: 0px 0px; cursor: pointer; font-size: 15px; color:#ffffff; margin-top: 1px; text-indent: 10px; background: #ed4c38 url(../images/arrow_down.png) no-repeat 95% center; line-height: 28px; height: 32px; overflow: hidden; display: block; text-decoration: none;}
	
	.pabo		 	 	#newsarchive	h3	{ background-color: #59e8f4 }
	.ocz	 	 	 	#newsarchive	h3	{ background-color: #00a1e1 }
	.lectoraat	#newsarchive	h3	{ background-color: #bc206e }
	
	.news_picture		{ float: left; margin: 7px 15px 5px 0px; }

/***********************************************
 * CURSUSAANBOD
 ***********************************************/
	
	div.cursusintro		{ padding: 10px; position: relative; background: #fce0dc; padding-right: 130px; }
	div.cursusintro p   { margin: 0px; }
	div.cursusintro .inschrijven   { position: absolute; right: 10px; top: 50%; margin-top: -12px; color: #ea321a; }
	div.cursusbar		{ height: 42px; background: url(../images/cursusbar.gif) repeat-x left top; position:relative; margin: 0px 0px 10px 0px; padding: 0px 10px; line-height: 54px;}
	h5					{ color: #e64a36; }
	div.printicons     { position: absolute; right: 10px; bottom: 5px; height: 15px; line-height: 15px; }
	
	.news_picture2		{ float: right; margin: 7px 0px 5px 15px; }
	div.dividerline		{ clear: both; height: 7px; margin-bottom: 7px; border-bottom: 1px solid #dedede;  }
	
	div.showmore		{ display: none; overflow: hidden; }
	div.showAll			{ display: block; }
	
	a.showmorelink		{ display: block; height: 30px; line-height: 30px; margin-bottom: 15px; text-indent: 15px; color: #ffffff; font-size: 14px; font-weight: bold; text-decoration: none; background: #ea321a url(../images/arrow_right.png) no-repeat 95% center;}

/***********************************************
 * STARTPAGINA OPLEIDER
 ***********************************************/
	
	#right_block		{ width: 208px; float: right; }	
	#right_block h4		{ font-size: 15px; color:#ffffff; text-indent: 8px; background: #ed4c38; line-height: 28px; height: 32px; overflow: hidden; }
	#right_block a.catlink { border-bottom: 1px solid #e1d0cd } 	
	
	#left_block		{ width: 280px; float: left; }

	#opleiderslide	{ height: 190px; width: 513px; position: relative; overflow: hidden; margin: 0px 0px 20px 0px; }
	#slide_left		{ height: 190px; width: 317px; position: absolute; left: 0px; top: 0px; z-index: 1; }
	#slide_right	{ height: 190px; width: 232px; position: absolute; right: 0px; top: 0px; z-index: 10; background: url(../images/pager.png) repeat-y left top; }
	#slide_pager	{ width: 232px; position: absolute; left: 0px; top: 0px;}
	#slide_right a	{ display: block; height: 75px; width: 182px; padding: 10px 10px 10px 40px; background: url(../images/pager.png) no-repeat left top; color: #ffffff; text-decoration: none; position: relative; font-size: 16px; font-weight: bold; }
	#slide_right a:hover,#slide_right  a.activeSlide	{background: url(../images/pager_ov.png) no-repeat left top; }
	
	#slide_right a:first-child	{ background-position: left -1px; }
	
	#slide_right a img	{ position: absolute; top: 15px; left: 213px; }
	#slide_right a span	{ display: block; position: absolute; bottom: 10px; left: 40px; font-size: 11px; }		
/***********************************************
 * LEDEN BIEB
 ***********************************************/
	
	a.bieb { margin: 0px 0px; cursor: pointer; font-size: 15px; color:#ffffff; margin-top: 1px; text-indent: 10px; background: #ffbc44 url(../images/arrow_right.png) no-repeat 95% center; line-height: 28px; height: 32px; overflow: hidden; display: block; text-decoration: none;}	
	a.bieb:hover, a.biebActive { background: #ed4c38 url(../images/arrow_down.png) no-repeat 95% center; text-decoration: none;}
	
	a.catlink { margin: 0px 0px; cursor: pointer; font-size: 11px; color:#414040; text-indent: 15px; background: #fce0dc ; line-height: 26px; height: 26px; overflow: hidden; display: block; text-decoration: none;}	
	a.catlink:hover, a.catlinkActive {color:#000000; background: #fce0dc url(../images/arrow_left.gif) no-repeat 5px center; text-decoration: none;}

	table.documentlist			{}
	
	table.documentlist	img		{margin: 0px 5px; vertical-align: middle;}
	.documentlist tr	td	{ background: #e3f5fb; height: 30px; border-bottom: 1px solid #ffffff; line-height: 30px; }
	.documentlist tr.dark	td	{ background: #c5eaf8;}

/**********************************************
 * LINKS
 **********************************************/
	
	ul.links		{margin: 0px; padding: 0px; list-style: none; padding: 0px 0px 20px 0px; list-style: none}
	h3.listheader	{background: #3eb7e8; color: #ffffff; margin-bottom: 15px; margin: 0px; height: 30px; display: block; font-size: 12px; text-indent: 11px; font-weight: bold; line-height: 30px;}
	h3.evenHeader	{background: #ffbc44;}
	ul.links li		{text-indent: 12px;padding: 0px 0px 0px 0px; border-bottom: 1px solid #cedbe0; height: 23px; line-height: 23px; list-style: none}	
	ul.geel li		{border-bottom: 1px solid #e3dcd1;}
	ul.links li a	{background: #e6f5fc url("../images/navar.gif") no-repeat 10px center; color: #000000; display: block; height: 23px; line-height: 23px; padding-left: 15px;}
	ul.geel  li a	{background: #fdf7ea url("../images/navar.gif") no-repeat 10px center;}
	
/***********************************************
 * BLOKKEN
 ***********************************************/
.block_picture									{ margin: 32px 0px 0px 0px; }
.block_blue1								{ color: #ffffff; width: 205px; height: 100px; background: url(../images/buttons.jpg) no-repeat -638px 0px; margin: 15px 0px 0px 0px; }
.block_blue2								{ color: #ffffff; width: 205px; height: 100px; background: url(../images/buttons.jpg) no-repeat -426px 0px; margin: 15px 0px 0px 0px; }
.block_red1									{ color: #ffffff; width: 205px; height: 100px; background: url(../images/buttons.jpg) no-repeat -212px 0px; margin: 15px 0px 0px 0px; }
.block_red2									{ color: #ffffff; width: 205px; height: 100px; background: url(../images/buttons.jpg) no-repeat 0px 0px; 	margin: 15px 0px 0px 0px; }
.block_default									{ margin: 30px 0px 0px 0px; }
.block_default a								{ text-decoration: none; display: block; margin: 0px 0px 5px 0px; }
.block_default strong							{ color: #000000; font-size: 12px; }
.block_default p								{ color: #000000; }

.block_blue										{ background: #14a8e3 url(../images/background_bluecanvas.jpg) left bottom no-repeat; color: #ffffff; margin: 28px 0px 0px 0px; }
.block_blue a									{ text-decoration: none; }
.block_blue h3									{ color: #ffffff; text-decoration: none; background: none;  }
.block_blue div									{ padding: 12px; font-size: 11px; line-height: 1.3em; }
.block_blue h1									{ padding: 12px 12px 0px 12px; }

.block_uitgelicht								{ width: 200px; position: relative;margin: 16px 0px 0px 0px; overflow: hidden; }
.block_uitgelicht img							{ width: 200px; }
.block_uitgelicht a								{ position: absolute; left: 0px; bottom: 0px; width: 200px; text-decoration: none; display: block; height: 32px; background: url(../images/geel_uitgelicht.png); line-height: 32px; color: #ffffff; text-indent: 10px; }


.block_red1 	strong, 
.block_red2 	strong, 
.block_blue1 	strong, 
.block_blue2 	strong							{ display: block; padding: 16px 0px 0px 16px; font-weight: bold; font-size: 12px; width: 170px; line-height: 14px; overflow: hidden; color: #ffffff; cursor: pointer; }
.block_red1 	a, 
.block_red2	a, 
.block_blue1 	a, 
.block_blue2 	a								{ text-decoration: none; }
.block_red1 	p, 
.block_red2 	p, 
.block_blue1 	p, 
.block_blue2 	p								{ display: block; padding: 3px 0px 0px 16px; font-size: 11px; width: 135px; height: 54px; overflow: hidden; color: #ffffff; }

.block_bookmark									{ background: #e8f7fb; padding: 0px 0px 5px 0px;margin: 0px 0px 10px 0px }
.block_bookmark	h3								{ height: 32px; margin-bottom: 5px; background: #3f3c3d; color: #ffffff; line-height: 28px; text-indent: 7px; font-size: 15px; }
.block_bookmark	#bookmarkform					{ display: none; }
.block_bookmark	input[type="text"]				{ margin: 3px 7px; width: 185px; height: 23px; padding: 0px; border: 1px solid #999999; line-height: 23px; }
.block_bookmark	input[type="submit"]			{ margin: 3px 7px; padding: 0px 5px; height: 23px; background: #3f3c3d; color: #ffffff; line-height: 23px; border: none }
.block_bookmark select							{ margin: 3px 7px; width: 185px; height: 23px; padding: 0px; border: 1px solid #999999; line-height: 23px; }
.block_bookmark	#addbookmark					{ display: block; margin: 3px 7px; padding-left: 20px; background: url(../images/plus.gif) no-repeat left center; text-decoration: none;  }
.block_bookmark a				 				{color: #000000;}

.block_zoeken									{ padding: 0px 0px 5px 0px; margin: 0px 0px 10px 0px }
.block_zoeken	h4								{ height: 32px; margin-bottom: 5px; background: #ffbc44; color: #000000; line-height: 28px; text-indent: 7px; font-size: 15px; }
.block_zoeken	input[type="text"]				{  margin: 3px 7px 3px 0px; width: 135px; padding: 0px; padding-left: 5px; height: 18px;  border: 1px solid #999999; line-height: 18px; }

.block_zoekcursus									{ background: #29aee0; padding: 5px 10px 10px 10px; }
.block_zoekcursus					h4					{ color: #ffffff; margin: 0px 0px 5px 0px; font-size: 16px; }
.block_zoekcursus					input[type="text"]  {  margin: 0px; width: 125px; height: 17px; padding: 0px; padding-left: 5px; border: 1px solid #277695; line-height: 20px; }
.block_zoekcursus					input[type="submit"]{ margin: 0px; padding: 0px; width: 48px; height: 19px; background: #000000; color: #ffffff; line-height: 19px; border: none  }
.block_zoekcursus					select				{ margin: 5px 0px 0px 0px; width: 180px; padding: 0px; height: 19px; color: #000000; line-height: 19px; border: none }


.block_nieuwsbrief									{ background:#29aee0;padding:5px 10px 10px 10px;margin-bottom:2px; }
.block_nieuwsbrief h4								{ color:#ffffff;margin:0px 0px 5px 0px;font-size:16px; }
.block_nieuwsbrief input[type="text"]  				{ margin:0px;width:170px;height:17px;padding:0px;padding-left:5px;border:1px solid #277695;line-height:20px; }
.block_nieuwsbrief input[type="submit"]				{ margin:0px;padding:0px;width:75px;height:19px;background:#000000;color:#ffffff;line-height:19px;border:none;margin-top:5px;  }


ul.Nieuwsfeed									{ list-style: none; margin: 10px 0px; padding: 0px; }
ul.Nieuwsfeed	li								{ list-style: none; border-top: 1px solid #e3e2e2; display: block; padding: 5px; }
ul.Nieuwsfeed	li a							{ text-decoration: none; color: #000000; }
/**********************************************
* WIE IS WIE
**********************************************/		

	.medewerkerslijst	ul	{ padding: 0px; margin: 0px; list-style: none; width: 740px;}
	.medewerkerslijst	ul	li	{ padding: 0px; margin: 0px; list-style: none; float: left; margin-left: 5px;}
	.medewerkerslijst	ul	li:first-child	{ margin: 0px;}
	
	div.medewerker		{ width: 243px; height: 185px; overflow: hidden; position: relative; background: url(../images/medewerker.jpg) no-repeat left top; }
		div.medewerker h4	{text-indent: 10px; height: 32px; line-height: 32px; font-size: 12px; }
		img.pasfoto		{ position: absolute; left: 8px; top: 38px;  }
		div.wietekst1	{ height: 51px; width: 111px; position: absolute; right: 8px; top: 35px; font-weight: normal; color: #404040; }
		div.wietekst2	{ height: auto; width: 111px; position: absolute; right: 8px; top: 95px; font-weight: normal; color: #404040; }
/**********************************************
* FORM ELEMENTS
**********************************************/
input,  select{ font-size: 11px; line-height:13px; font-family: Tahoma;}
input,  select{ padding:2px;}
textarea{ line-height:18px;}

/**********************************************
TBMODULE
**********************************************/
.tbmodule{ background-color:#ea0082; color:#FFF; padding:20px; margin:15px 0px 15px 0px; text-align:center; font-weight:bold; border:dotted 1px #000000; }

/**********************************************
IMAGES VANUIT TOOLBOX
**********************************************/
.img_left_border		{float:left; margin-right:15px; margin-bottom:5px; width: auto;}
.img_left_noborder		{float:left; margin-right:15px; margin-bottom:5px;  width: auto;}
.img_right_border		{float:right; margin-left:15px; margin-right:4px;	margin-bottom:5px;  width: auto;}
.img_right_noborder		{float:right; margin-right:4px;	margin-left:15px; margin-bottom:5px;  width: auto;}
.img_noalign_noborder	{margin:10px;  }
.img_noalign_border		{margin:10px; }
.cssbutton				{cursor:pointer; border:1px solid #FFF; background-color:#00457c; width: auto; color:#FFF; background-image:url('../images/arrow_rechts.gif'); background-repeat:no-repeat; background-position:100% 50%; text-align:left; text-indent:4px;	padding-left:4px; padding-right:20px; padding-top:3px; padding-bottom:3px;	font-size: 12px; float:left;}
.cssfield				{padding:5px; line-height:11px;border:1px solid #4db3d0; font-size:11px;}
.boekField				{border:1px solid #dedede; padding:2px 0px 2px 4px; height:18px;}

/*
 * FancyBox - jQuery Plugin
 * Simple and fancy lightbox alternative
 *
 * Examples and documentation at: http://fancybox.net
 * 
 * Copyright (c) 2008 - 2010 Janis Skarnelis
 *
 * Version: 1.3.1 (05/03/2010)
 * Requires: jQuery v1.3+
 *
 * Dual licensed under the MIT and GPL licenses:
 *   http://www.opensource.org/licenses/mit-license.php
 *   http://www.gnu.org/licenses/gpl.html
 */

#fancybox-loading {
  position: fixed;
  top: 50%;
  left: 50%;
  height: 40px;
  width: 40px;
  margin-top: -20px;
  margin-left: -20px;
  cursor: pointer;
  overflow: hidden;
  z-index: 1104;
  display: none;
}

* html #fancybox-loading {  /* IE6 */
  position: absolute;
  margin-top: 0;
}

#fancybox-loading div {
  position: absolute;
  top: 0;
  left: 0;
  width: 40px;
  height: 480px;
  background-image: url('fancybox.png');
}

#fancybox-overlay {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: #000;
  z-index: 1100;
  display: none;
}

* html #fancybox-overlay {  /* IE6 */
  position: absolute;
  width: 100%;
}

#fancybox-tmp {
  padding: 0;
  margin: 0;
  border: 0;
  overflow: auto;
  display: none;
}

#fancybox-wrap {
  position: absolute;
  top: 0;
  left: 0;
  margin: 0;
  padding: 20px;
  z-index: 1101;
  display: none;
}

#fancybox-outer {
  position: relative;
  width: 100%;
  height: 100%;
  background: #FFF;
}

#fancybox-inner {
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: 0;
  outline: none;
  overflow: hidden;
}

#fancybox-hide-sel-frame {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: transparent;
}

#fancybox-close {
  position: absolute;
  top: -15px;
  right: -15px;
  width: 30px;
  height: 30px;
  background-image: url('fancybox.png');
  background-position: -40px 0px;
  cursor: pointer;
  z-index: 1103;
  display: none;
}

#fancybox_error {
  color: #444;
  font: normal 12px/20px Arial;
  padding: 7px;
  margin: 0;
}

#fancybox-content {
  height: auto;
  width: auto;
  padding: 0;
  margin: 0;
}

#fancybox-img {
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  border: none;
  outline: none;
  line-height: 0;
  vertical-align: top;
  -ms-interpolation-mode: bicubic;
}

#fancybox-frame {
  position: relative;
  width: 100%;
  height: 100%;
  border: none;
  display: block;
}

#fancybox-title {
  position: absolute;
  bottom: 0;
  left: 0;
  font-family: Arial;
  font-size: 12px;
  z-index: 1102;
}

.fancybox-title-inside {
  padding: 10px 0;
  text-align: center;
  color: #333;
}

.fancybox-title-outside {
  padding-top: 5px;
  color: #FFF;
  text-align: center;
  font-weight: bold;
}

.fancybox-title-over {
  color: #FFF;
  text-align: left;
}

#fancybox-title-over {
  padding: 10px;
  background-image: url('fancy_title_over.png');
  display: block;
}

#fancybox-title-wrap {
  display: inline-block;
}

#fancybox-title-wrap span {
  height: 32px;
  float: left;
}

#fancybox-title-left {
  padding-left: 15px;
  background-image: url('fancybox.png');
  background-position: -40px -90px;
  background-repeat: no-repeat;
}

#fancybox-title-main {
  font-weight: bold;
  line-height: 29px;
  background-image: url('fancybox-x.png');
  background-position: 0px -40px;
  color: #FFF;
}

#fancybox-title-right {
  padding-left: 15px;
  background-image: url('fancybox.png');
  background-position: -55px -90px;
  background-repeat: no-repeat;
}

#fancybox-left, #fancybox-right {
  position: absolute;
  bottom: 0px;
  height: 100%;
  width: 35%;
  cursor: pointer;
  outline: none;
  background-image: url('blank.gif');
  z-index: 1102;
  display: none;
}

#fancybox-left {
  left: 0px;
}

#fancybox-right {
  right: 0px;
}

#fancybox-left-ico, #fancybox-right-ico {
  position: absolute;
  top: 50%;
  left: -9999px;
  width: 30px;
  height: 30px;
  margin-top: -15px;
  cursor: pointer;
  z-index: 1102;
  display: block;
}

#fancybox-left-ico {
  background-image: url('fancybox.png');
  background-position: -40px -30px;
}

#fancybox-right-ico {
  background-image: url('fancybox.png');
  background-position: -40px -60px;
}

#fancybox-left:hover, #fancybox-right:hover {
  visibility: visible;    /* IE6 */
}

#fancybox-left:hover span {
  left: 20px;
}

#fancybox-right:hover span {
  left: auto;
  right: 20px;
}

.fancy-bg {
  position: absolute;
  padding: 0;
  margin: 0;
  border: 0;
  width: 20px;
  height: 20px;
  z-index: 1001;
}

#fancy-bg-n {
  top: -20px;
  left: 0;
  width: 100%;
  background-image: url('fancybox-x.png');
}

#fancy-bg-ne {
  top: -20px;
  right: -20px;
  background-image: url('fancybox.png');
  background-position: -40px -162px;
}

#fancy-bg-e {
  top: 0;
  right: -20px;
  height: 100%;
  background-image: url('fancybox-y.png');
  background-position: -20px 0px;
}

#fancy-bg-se {
  bottom: -20px;
  right: -20px;
  background-image: url('fancybox.png');
  background-position: -40px -182px; 
}

#fancy-bg-s {
  bottom: -20px;
  left: 0;
  width: 100%;
  background-image: url('fancybox-x.png');
  background-position: 0px -20px;
}

#fancy-bg-sw {
  bottom: -20px;
  left: -20px;
  background-image: url('fancybox.png');
  background-position: -40px -142px;
}

#fancy-bg-w {
  top: 0;
  left: -20px;
  height: 100%;
  background-image: url('fancybox-y.png');
}

#fancy-bg-nw {
  top: -20px;
  left: -20px;
  background-image: url('fancybox.png');
  background-position: -40px -122px;
}

/* IE */

#fancybox-loading.fancybox-ie div { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='css/fancy_loading.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-close    { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='css/fancy_close.png', sizingMethod='scale'); }

.fancybox-ie #fancybox-title-over { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='css/fancy_title_over.png', sizingMethod='scale'); zoom: 1; }
.fancybox-ie #fancybox-title-left { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='css/fancy_title_left.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-title-main { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='css/fancy_title_main.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-title-right  { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='css/fancy_title_right.png', sizingMethod='scale'); }

.fancybox-ie #fancybox-left-ico   { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='css/fancy_nav_left.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-right-ico  { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='css/fancy_nav_right.png', sizingMethod='scale'); }

.fancybox-ie .fancy-bg { background: transparent !important; }

.fancybox-ie #fancy-bg-n  { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='css/fancy_shadow_n.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-ne { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='css/fancy_shadow_ne.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-e  { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='css/fancy_shadow_e.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-se { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='css/fancy_shadow_se.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-s  { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='css/fancy_shadow_s.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-sw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='css/fancy_shadow_sw.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-w  { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='css/fancy_shadow_w.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-nw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='css/fancy_shadow_nw.png', sizingMethod='scale'); }