@font-face {
	font-family: 'FranklinGothicMediumCondRegular';
	src: url('../fonts/FRAMDCN.eot');
	src: local('Franklin Gothic Medium Cond Regular'), 	local('FranklinGothic-MediumCond'), 	
	url('../fonts/FRAMDCN.woff') format('woff'), 
	url('../fonts/FRAMDCN.svg#FranklinGothic-MediumCond') format('svg'),
	url('../fonts/FRAMDCN.TTF') format('truetype');
}
/*url('../fonts/FRAMDCN.TTF') format('truetype'),*/
@font-face {
	font-family: 'TheMixBold';
	src: url('../fonts/themixbold.eot');
	src: local('TheMix Bold'), local('TheMix-Bold'), 
	url('../fonts/themixbold.otf') format('opentype'), 
	url('../fonts/themixbold.svg#TheMix-Bold') format('svg');
}


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


/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
*{padding: 0; margin: 0;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window { font: 12px Tahoma;color: #333333;}
#TB_secondLine {font: 9px Tahoma, sans-serif;color:#666666;}

#TB_window a:link {color: #4f5050;}
#TB_window a:visited {color: #4f5050;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #4f5050;}
#TB_window a:focus{color: #4f5050;}

.thickbox		{display: block; border: 3px solid #ffffff; border-width: 0px 0px 10px 0px; border-bottom-color: #e6e6e6;}
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {position: fixed;z-index:100;top: 0px;left: 0px;height:100%;width:100%;}
.TB_overlayMacFFBGHack {background: url(../images/macFFBgHack.png) repeat;}
.TB_overlayBG {	background-color:#000;	filter:alpha(opacity=20);-moz-opacity: 0.2;opacity: 0.2;}

* html #TB_overlay { /* ie6 hack */ position: absolute;height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');}

#TB_window {position: fixed;background: #ffffff;z-index: 102;color:#000000;display:none;border: none;text-align:left;top:50%;left:50%;}

* html #TB_window { /* ie6 hack */position: absolute;margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');}

#TB_window img#TB_Image {display:block;margin: 15px 0 0 15px;border-right: 1px solid #ccc;border-bottom: 1px solid #ccc;border-top: 1px solid #666;border-left: 1px solid #666;}
#TB_caption{height:25px;padding:7px 30px 10px 25px;float:left;}
#TB_closeWindow{height:25px;padding:11px 25px 10px 0;float:right;}
#TB_closeAjaxWindow{padding:7px 10px 5px 0;margin-bottom:1px;text-align:right;float:right;}
#TB_ajaxWindowTitle{float:left;padding:7px 0 5px 10px;margin-bottom:1px;}
#TB_title{background-color:#cbd0b2;height:27px; color: #ffffff;}
#TB_ajaxContent{clear:both;padding:2px 15px 15px 15px;overflow:auto;text-align:left;line-height:1.4em;}
#TB_ajaxContent.TB_modal{padding:15px;}
#TB_ajaxContent p{padding:5px 0px 5px 0px;}
#TB_load{position: fixed;display:none;height:13px;width:208px;z-index:103;top: 50%;left: 50%;margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */}

* html #TB_load { /* ie6 hack */position: absolute;margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');}

#TB_HideSelect{z-index:99;position:fixed;top: 0;left: 0;background-color:#fff;border:none;filter:alpha(opacity=0);-moz-opacity: 0;opacity: 0;height:100%;width:100%;}

* html #TB_HideSelect { /* ie6 hack */position: absolute;height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');}

#TB_iframeContent{clear:both;border:none;margin-bottom:-1px;margin-top:1px;_margin-bottom:1px;}

/**********************************************
 * STANDAARD ELEMENTEN
**********************************************/
html				{background: #f6f6f6; background: #6b6d51 url(../images/back.jpg) repeat-x left top;}
body				{color: #6b6b6b; font-size: 12px; line-height:18px; font-family: 'Tahoma';}
body.site			{color: #6b6b6b; font-size: 12px; line-height:18px; font-family: 'Tahoma'; }
img					{border:0px;}
p					{margin:0px 0px 0px 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;}
table				{}
img					{border:0px; padding:0px;}
.clearfix			{clear:both; height:0px; line-height:0px; font-size:0px;}
span 				{line-height:normal}
input.search		{margin-left: 10px;height: 14px; padding: 3px; background: #ffffff; color: #4f4f4f; border: none; float: left; width: 160px;}	
textarea			{padding: 10px;}
input[type="submit"]{}
input[type="image"]{margin: 0px 0px 5px 0px; padding: 0px;}
input.login			{border: 1px solid #72c688; background: #ffffff; color: #27813f;}

/**********************************************
LINKS
**********************************************/
a:visited, a:active, a:link							{outline: none; color:#6b6d51;text-decoration:none;font-weight: bold;}
a:hover												{text-decoration:underline;}

a.hoofdnav				{font-family: 'FranklinGothicMediumCondRegular'; font-size: 15px; font-weight: normal; display: block; float:left; color: #576168; line-height: 32px; text-align: center; text-decoration: none; height: 32px; width: 134px; margin-left: 4px; background: url(../images/nav.gif) no-repeat left top;}
a.hoofdnav:first-child	{margin-left: 0px;}
a.hoofdnav:hover, a.hoofdnav:active, a.hoofdnavActive		{color: #0e0e0c; background: url(../images/nav_ov.gif) no-repeat left top;}

a.subnav				{font-family: 'FranklinGothicMediumCondRegular'; font-size: 15px; font-weight: normal; display: block; float:left; color: #576168; line-height: 28px; text-align: center; text-decoration: none; height: 28px; padding: 13px 0px 0px 8px; background: url(../images/subback.gif) no-repeat left top;}
a.subnav img			{margin-left: 8px;}	
a.subnav:hover, a.subnav:active, a.subnavActive		{color: #0e0e0c; background: url(../images/subback_ov.gif) repeat-x left top;}

a.subsubnav				{text-indent: 25px; color: #333333; font-size: 11px; font-weight: bold; display: block; height: 31px; width: 289px; line-height: 31px; text-decoration: none; opacity: 0.56; filter: alpha(opacity=56); background: url(../images/arrow.gif) no-repeat 10px 13px;}
a.subsubnav:hover, a.subsubnav:active, a.subsubnavActive		{color: #000000; background: #e0e1dc url(../images/arrow.gif) no-repeat 10px 13px; opacity: 1; filter: alpha(opacity=100);}

/**********************************************
MAIN DIVS 
**********************************************/
#shadow					{width: 978px; height: 280px; position: absolute; left: 50%; top: 0px; margin-left: -489px; z-index: 1;}

#topmenu				{height: 34px; background: url(../images/tm.gif) repeat-x left top; right: 0px; z-index: 1000; position: absolute; top: 0px; width: 50%; overflow: hidden;}
#topmenu	a			{text-decoration:none;  height: 34px; color: #f1f4f6; line-height: 34px; display: block; float: left; padding: 0px 10px;}
#topmenu	a	img		{vertical-align: text-top; margin-top: 3px; margin-right: 5px;}
#topmenu	a:hover,#topmenu a.topmenuActive		{color: #000000;}
		#logomaastricht	{padding: 0px; vertical-align: top; margin-top: 0px; margin-right: 0px;}
		

#zoek					{float: left; height: 34px; padding: 0px 15px; overflow: hidden;}
#zoek	table			{vertical-align: middle; height: 34px;}
#zoek	table	td		{vertical-align: middle; height: 34px;}
#zoek	img				{vertical-align: middle; float: left;}
#zoek	input[type="text"]	{height: 16px; border: 1px solid #ffffff; padding: 0px; margin: 0px; line-height: 16px;}	
#zoek	input[type="image"]	{margin-top: 5px;}	

#main					{width: 978px; padding: 0px 8px; height: auto;  margin: 0px auto; background: url(../images/shadow.png) no-repeat left 198px;}
	#header				{height: auto; width: 962px;}
		#top			{height: 139px; width: 962px; position: relative;}
			#logo		{display: block;height: 139px; width: 240px; background: url(../images/logo.png) no-repeat left top; margin-left: -15px; overflow: hidden;}
			#menu		{width: 962px; height: 32px; overflow: hidden;}
			
			#blad11		{position: absolute; z-index: 10; left: 300px; top: 50px;}
			#blad21		{position: absolute; z-index: 10; left: 600px; top: 75px;}
			
			#blad12		{position: absolute; z-index: 10; left: 250px; top: 20px;}
			#blad22		{position: absolute; z-index: 10; left: 400px; top: 70px;}
			
			#blad13		{position: absolute; z-index: 10; left: 400px; top: 60px;}
			#blad23		{position: absolute; z-index: 10; left: 900px; top: 30px;}
			
			#blad14		{position: absolute; z-index: 10; left: 900px; top: 60px;}
			#blad24		{position: absolute; z-index: 10; left: 400px; top: 50px;}
			
			#blad15		{position: absolute; z-index: 10; left: 500px; top: 60px;}
			#blad25		{position: absolute; z-index: 10; left: 300px; top: 20px;}
			
			
			#blad16		{position: absolute; z-index: 10; left: 600px; top: 50px;}
			#blad26		{position: absolute; z-index: 10; left: 250px; top: 75px;}
			
			#blad17		{position: absolute; z-index: 10; left: 700px; top: 50px;}
			#blad27		{position: absolute; z-index: 10; left: 800px; top: 75px;}
			
			#blad18		{position: absolute; z-index: 10; left: 600px; top: 60px;}
			#blad28		{position: absolute; z-index: 10; left: 400px; top: 50px;}
			
			#blad19		{position: absolute; z-index: 10; left: 900px; top: 40px;}
			#blad29		{position: absolute; z-index: 10; left: 600px; top: 70px;}
			
		ul.links		{margin: 0px; padding: 0px; list-style: none; padding: 0px 0px 20px 0px;}
		h3.listheader	{background: #c1d5e1; margin-bottom: 15px; width: 632px; margin: 0px; height: 30px; display: block; font-size: 12px; text-indent: 11px; font-weight: bold; line-height: 30px;}
		h3.Green 		{background: #cbd0b2;}
		ul.links li		{text-indent: 12px;padding: 0px 0px 0px 0px; border-bottom: 1px solid #dbdbdb; height: 23px; line-height: 23px;}	
		ul.links li a	{background:  url("../images/arrow.gif") no-repeat 10px center; display: block; height: 23px; line-height: 23px; padding-left: 15px;}
		#subsubhider	{height: 0px; overflow: hidden;}
		
		
		
		#submenu		{width: 962px; height: 39px; overflow: hidden;}
			div.subnavver	{width: auto; overflow: hidden; height: 0px; position: absolute; padding-left: 2px; background: url(../images/navsplit.gif) no-repeat left top;}
			div.subnavverActive	{height: 39px;}
		#content		{width: 936px; height: auto !important; min-height: 400px; height: 400px; padding: 15px 13px; background:#ffffff;}
		#content #contain	{width: 936px; height: auto; background: url(../images/text.gif) repeat-y left top;}
		#content	#text		{width: 632px; height: auto !important; overflow-x: hidden; min-height: 400px; height: 400px; float: left; margin-left: 15px;}
		#content	#text	h1	{width: 632px; font-size: 12px; height: 38px; border-bottom: 1px solid #dbdbdb; line-height: 45px; margin-bottom: 10px;}
		#content	#text2		{width: 936px; height: auto !important; overflow-x: hidden; min-height: 400px; height: 400px; margin-left: 0px;}
		#content	#text2	h1	{width: 936px; font-size: 12px; height: 38px; border-bottom: 1px solid #dbdbdb; line-height: 45px; margin-bottom: 10px;}
		#content	#subsubmenu {width: 289px; height: auto !important; min-height: 400px; height: 400px; float: left;}
		#content	#subsubmenu h1	{ text-indent: 25px; font-size: 11px; text-transform: uppercase; height: 39px; width: 289px; background: url(../images/h1subsub.gif) repeat-x left top; line-height: 45px;}
		#content	#subsubmenu	h4, h2, a.logoff, a.newslinks	{font-weight: normal; color: #5c5d5b; width: 289px; height: 30px; line-height: 30px; text-indent: 10px; border-bottom: 1px solid #cfd0cb; display: block;}
		#content	#subsubmenu	h2					{background: #e0e1dc;}
		#content	#subsubmenu	h4					{font-weight: bold; background: url(../images/loggedin.gif) no-repeat 260px center;}
		#content	#subsubmenu	a.newslinks			{height: auto; text-indent: 0px; padding: 6px 0px 12px 24px; width: 265px; line-height:18px; text-decoration: none; background: url(../images/arrow2.gif) no-repeat 10px 12px;}
		#content	#subsubmenu	a.newslinks		div	{text-align: right; padding-right: 10px; height: 18px; width: 50px; float: right; font-size: 10px; line-height: 18px;}
		#content	#subsubmenu	a.newslinks:hover, #content	#subsubmenu	a.newsActive			{color: #000000; background-color: #e0e1dc; background-image:  url(../images/arrow_ov.gif);}
		#content	#subsubmenu	a.logoff			{text-decoration: none; background: url(../images/logoff.gif) no-repeat 260px center;}
		#content	#subsubmenu	a.logoff:hover		{background:#e0e1dc  url(../images/logoff_ov.gif) no-repeat 260px center;}
	#home_top			{width: 962px; height: 264px; background: url(../images/grad.gif) repeat-x left top; overflow: hidden;}
		#latestnews		{width: 271px; height: 214px; border: 1px solid #ffffff; background: #f2f2f2; margin: 15px; padding: 10px; float: left}
		#latestnews	h1				{font-family: 'TheMixBold'; font-size: 17px;}
		#latestnews	a.newshome		{margin: 5px 0px; display: block;}
		#latestnews div.newshome	{padding:10px 0px 5px 0px;}
		#latestnews	div.first		{border-bottom: 1px solid #c8c7c3;}	
		#slideshow		{width: 639px; height: 264px; float: left; overflow: hidden;}
		
	#home_middle		{width: 962px; height: 165px; margin-top: 24px; background: #3b3d2a; overflow: hidden;}
	#home_middle	#fotohome		{width: 318px; height: 165px; float: left;}
	#home_middle	#text			{width: 604px; height: 145px; float: left; padding: 10px 20px; color: #dad7c0;}
	#home_middle	#text	h1		{font-family: 'TheMixBold'; font-size: 17px; margin: 0px 0px 10px 0px;}
	#home_middle	#text	p		{margin: 0px; }
	#home_bottom		{width: 962px; height: 108px; margin-top: 24px; background: #dad7c0; overflow: hidden;}
		#loginhome		{width: 278px; height: 88px; padding: 10px 20px; float: left; background: #dad7c0;}
		#loginhome	h1	{font-family: 'TheMixBold'; font-size: 15px; margin-bottom: 5px; width: 278px; background: url(../images/arr.gif) no-repeat 260px 3px;}
		#loginhome		{}
		#rondleidinghome		{width: 644px; height: 108px; float: left; padding: 0px; overflow: hidden;}
		
	/*
		#rondleidinghome 	h1	{font-family: 'TheMixBold'; font-size: 15px;}
		#rondleidinghome 	h3	{background: transparent; font-family: 'Tahoma'; font-weight: normal; font-size: 16px; text-align: left; margin: 30px 0px 0px 20px; width: 454px; height: 48px; line-height: 24px;}
		#rondleidinghome 	h5	{background: transparent; font-family: 'Tahoma'; font-weight: normal; font-size: 12px; text-align: left; margin: 10px 0px 0px 20px; width: 454px; height: 60px; line-height: 16px;}
	*/		
		#rondleidinghome	#gedicht	{width: 409px; height: 108px; float: left; background: url(../images/gedichten.jpg) no-repeat left top}
		#rondleidinghome	#meergedicht	{width: 235px; height: 108px; float: left; display: block;}
		
	#calendarTable	th.calendarheader		{height: 45px; text-align: center; text-transform: capitalize; font-size: 13px; padding: 5px 3px;}
	#calendarTable	th.calendarheader	h4	{color: #000000;}
	#calendarTable	th.left					{text-align: left;}
	#calendarTable	th.right				{text-align: right;}
	#calendarTable	.slotholder				{position: relative; background: url(../images/lines.gif) repeat-x left top; width: 95px; height: 270px; border-right: 1px solid #cccccc; cursor: pointer;}
	#calendarTable	.slotholder:hover		{background:#dad7c0;}
	#calendarTable	td.tijdbalk				{width: 50px; background: url(../images/lines2.gif) repeat-x left top; border-right: 1px solid #000000; }
	#calendarTable	td.tijdbalk		p		{font-family: 'TheMixBold'; height: 20px; margin: 0px 0px 10px 10px;}
	#calendarTable	td.tijdbalk		p:first-child		{margin: -3px 0px 10px 10px;}
	
	#calendarTable	div.timeslot			{position: absolute; line-height: 14px; height: 59px; font-weight: normal; text-align: center; width: 75px; margin: 0px 10px; cursor: pointer; border-bottom: 1px solid #ffffff;}
	#calendarTable	div.timeslot h4			{margin-top: 3px; font-weight: normal;}
	#calendarTable	div.newslot				{background: #c1d5e1;}
	#calendarTable	div.activeslot						{background: #97a946; color: #f6f6f6;}
	#calendarTable	div.cancelledslot					{background: #d71e44; color: #f6f6f6;}
	
	#legenda							{text-align: left; width: 289px; color: #5c5d5b;}
	#legenda	th						{text-indent: 10px;height: 30px; background: #e0e1dc; font-weight: normal; vertical-align: middle;}
	#legenda	td						{text-indent: 10px;height: 30px; width: 279px; vertical-align: middle;border-bottom: 1px solid #cfd0cb;}
	#legenda	td.newSlot				{background: #c1d5e1; width: 10px; border-bottom: 1px solid #cfd0cb;}
	#legenda	td.confSlot				{background: #97a946; width: 10px; border-bottom: 1px solid #cfd0cb;}
	#legenda	td.noSlot				{background: #d71e44; width: 10px;}
	
	#inlogform								{height: 95px; padding: 14px 20px; margin: 5px 0px; width: 595px; background: url(../images/aanmeld.jpg) no-repeat left 10px; border: 1px solid #dbdbdb; border-width: 1px 0px 1px 0px;}
	#inlogform	td							{color: #000000; font-weight: bold; height: 35px; vertical-align: middle; padding: 0px 5px}
	#inlogform	input[type="text"]			{width: 251px; height:22px; border: 1px solid #93a0aa; padding: 0px; margin: 0px;}
	#inlogform	input[type="password"]		{width: 251px; height:22px; border: 1px solid #93a0aa; padding: 0px; margin: 0px;}
	#inlogform	input[type="image"]			{float: right;}
	
	#inlogform2								{height: 95px; padding: 14px 20px; margin: 5px 0px; width: 595px; background: url(../images/aanmeld.jpg) no-repeat left 10px; border: 1px solid #dbdbdb; border-width: 1px 0px 1px 0px;}
	#inlogform2	td							{color: #000000; font-weight: bold; height: 35px; vertical-align: middle; padding: 0px 5px}
	#inlogform2	input[type="text"]			{width: 251px; height:22px; border: 1px solid #93a0aa; padding: 0px; margin: 0px;}
	#inlogform2	input[type="password"]		{width: 251px; height:22px; border: 1px solid #93a0aa; padding: 0px; margin: 0px;}
	#inlogform2	input[type="image"]			{vertical-align: middle;}
	
	
	table.documents							{width: 632px; text-align: left;}
	table.documents				th			{color: #000000; width: 529px; line-height: 30px; text-align: left; text-indent: 24px; height: 30px; background: url(../images/th.gif) repeat-x left top;}
	table.documents				td			{height: 30px;border-bottom: 1px dotted #747474; background: #dbecf5;}
	table.documents				td a		{display: block; width: 529px; height: 30px; line-height: 30px; text-indent: 24px; background: url(../images/arrow.gif) no-repeat 10px center}
	table.documents				th.bestandstype		{border-left: 1px solid #c5d4dc; width: 102px; text-indent: 10px;}
	table.documents				td.bestandstype		{border-left: 1px solid #c5d4dc; width: 102px; text-indent: 10px; line-height: 30px;}
	table.documents				td img	{vertical-align: text-top; margin-right: 10px;}
	
	#footer						{clear: both; height: 30px;}
	
	#kaartenbakholder			{width: 931px; height: 400px; position: relative; overflow: hidden; border: 1px solid #8d8f6a;}
	#kaartenbak					{width: 931px; height: 400px; position: relative; overflow: hidden;}
	#ikaart						{width: 931px; height: 1058px; background: url(../images/kaart.jpg) no-repeat left top;}	
	#klikbaar					{width: 931px; height: 1058px; position: relative; cursor: move;}
	
		#hubertus 				{position: absolute; top: 528px; left: 65px; border: none;}
		#paters 				{position: absolute; top: 678px; left: 129px; border: none;}
		#behr 					{position: absolute; top: 695px; left: 147px; border: none;}
		#poortgebouw 			{position: absolute; top: 923px; left: 134px; border: none;}
		#becks 					{position: absolute; top: 548px; left: 80px; border: none;}
		#gourverneurs 			{position: absolute; top: 881px; left: 173px; border: none;}
		#tweelinggraven 		{position: absolute; top: 819px; left: 290px; border: none;}
		#tweelinggraven2 		{position: absolute; top: 819px; left: 328px; border: none;}
		#obelisk 				{position: absolute; top: 797px; left: 319px; border: none;}
		#catherina 				{position: absolute; top: 863px; left: 141px; border: none;}
		#simhoffer 				{position: absolute; top: 892px; left: 124px; border: none;}
		#javastraat 			{position: absolute; top: 408px; left: 821px; border: none;}
		#allied 				{position: absolute; top: 778px; left: 623px; border: none;}
		#urnen 					{position: absolute; top: 742px; left: 284px; border: none;}
		#strooi 				{position: absolute; top: 742px; left: 370px; border: none;}
		#israel					{position: absolute; top: 648px; left: 112px; border: none;}
		#rotonde				{position: absolute; top: 572px; left: 513px; border: none;}
		#kapel					{position: absolute; top: 796px; left: 224px; border: none;}
	
/**********************************************
* 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:0px; }
.img_noalign_border		{margin:0px; }
.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;}



.ui-datepicker { width: 17em; padding: .2em .2em 0; }
.ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; }
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; }
.ui-datepicker .ui-datepicker-prev { left:2px; }
.ui-datepicker .ui-datepicker-next { right:2px; }
.ui-datepicker .ui-datepicker-prev-hover { left:1px; }
.ui-datepicker .ui-datepicker-next-hover { right:1px; }
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px;  }
.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; }
.ui-datepicker .ui-datepicker-title select { float:left; font-size:1em; margin:1px 0; }
.ui-datepicker select.ui-datepicker-month-year {width: 100%;}
.ui-datepicker select.ui-datepicker-month, 
.ui-datepicker select.ui-datepicker-year { width: 49%;}
.ui-datepicker .ui-datepicker-title select.ui-datepicker-year { float: right; }
.ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; }
.ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0;  }
.ui-datepicker td { border: 0; padding: 1px; }
.ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; }
.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }
.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; }
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; }

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi { width:auto; }
.ui-datepicker-multi .ui-datepicker-group { float:left; }
.ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; }
.ui-datepicker-multi-2 .ui-datepicker-group { width:50%; }
.ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; }
.ui-datepicker-multi-4 .ui-datepicker-group { width:25%; }
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; }
.ui-datepicker-row-break { clear:both; width:100%; }

/* RTL support */
.ui-datepicker-rtl { direction: rtl; }
.ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; }
.ui-datepicker-rtl .ui-datepicker-group { float:right; }
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; }
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; }

/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
.ui-datepicker-cover {
    display: none; /*sorry for IE5*/
    display/**/: block; /*sorry for IE5*/
    position: absolute; /*must have*/
    z-index: -1; /*must have*/
    filter: mask(); /*must have*/
    top: -4px; /*must have*/
    left: -4px; /*must have*/
    width: 200px; /*must have*/
    height: 200px; /*must have*/
}/* Dialog