
	* {
		margin:0;
		padding:0;
	}

	body { 
		margin:0px;
		padding:0px; 
		font-family:arial, courier, serif; 
		font-size:12px; 
		color:#000000; 
		height:100%;
		background-image:url('../images/layout/background.jpg');	
		background-repeat:repeat-y;
		background-color:#f5f5f5;	
	}
	
	a, 
	a:link, 
	a:active, 
	a:hover, 
	a:visited {
		text-decoration:none;
		color:#000000;
	}
	
	td {
		font-family:arial, courier, serif; 
		font-size:12px; 
		color:#000000;	
	}
	

	img {
		margin:0px; 
		border:0px solid;
	}
	
	input {
		margin:2px;
	}
	
	h1 {
		margin-top:10px; 
		margin-bottom:3px; 
		margin-left:0px; 
		font-size:18px;
	}
	
	h2 {
		margin-top:10px; 
		margin-bottom:3px; 
		margin-left:0px; 
		font-size:16px; 
		font-weight:bold;
	}
	
	h3 {
		margin-top:10px; 
		margin-bottom:3px; 
		margin-left:0px; 
		font-size:13px; 
		font-weight:bold;
	}
	
	
	/* Login Page en CMS Tools */
	div#loginPage {
		width:650px;
		position:absolute;
		top:90px;
		left:300px;

	}				
	
	div#loginImageKey {
		width:150px;
		height:128px;
		float:left;
	}				
	
	div#loginForm {
		width:250px;
		float:left;
		margin-top:15px;
	}				
	
	div#loginForm form{
		display:block;
		float:left;
		width:227px;
	}	
	
	div#loginForm form input.button{
		float:right;
	}				
	
	div#loginForm form input#user,
	div#loginForm form input#pass {
		width:220px; 
		border:1px solid #000;
	}
	div#loginMsgBox {
		width:220px;
		margin-top:32px;
		float:left;
		border:1px solid #000;
		color:red;
		background-color:#FFF;
		padding:7px;
		
	}	
	
	/* Main CMS */
	div#header {
		background-color:#FFFFFF;
		height:50px;
	}	
	
	div#header-logo {
		background-color:#FFFFFF;
		width:300px;
		height:50px;
		float:left;
	}	
	
	div#header-middle {
		background-color:#FFFFFF;
		width:325px;
		height:50px;
		float:left;
	}	
	
	div#header-options {
		background-color:#FFFFFF;
		width:325px;
		height:50px;
		float:left;
	}

	div#header-options div{
		width:300px;
		height:25px;
		float:left;
		text-align:right;
		margin:12px;
		line-height:25px;
	}

	div#header-shadow {
		width:100%;
		height:30px;
		background-image:url('../images/layout/schaduw.png');	
		background-repeat:repeat-x;		
	}	
	
	
	div#middle {
		clear:both;
		width:100%;
		float:left;
	}	
	
	div#middle-navigationpanel {
		width:250px;
		float:left;

	}
	
	div#middle-navigationpanel ul {
		width:200px;
		margin:10px;
		list-style-type:none;
		background-color:#FFFFFF;
		border: 1px solid #ccc;
		overflow:hidden;
	}

	div#middle-navigationpanel ul li{
		width:200px;
	}

	div#middle-navigationpanel ul li a{
	  	height: 32px;
	  	width:200px;
	  	voice-family: "\"}\""; 
	  	voice-family: inherit;
	  	height: 24px;
		text-decoration: none;
	}

	div#middle-navigationpanel ul li a:link, 
	div#middle-navigationpanel ul li a:visited {
		color: #888;
		width:200px;
		font-weight:bold;
		display: block;
		background: url('../images/layout/mainmenuitem.gif');
		padding: 8px 0 0 30px;
	}

	div#middle-navigationpanel ul li a:hover, 
	div#middle-navigationpanel ul li a:active {
		color: #283A50;
		font-weight:bold;
		background: url('../images/layout/mainmenuitem.gif') 0 -32px;
		padding: 8px 0 0 30px;
		width:200px;
	}	
	
	div#middle-navigationpanel ul li ul {
		width:200px;
		list-style-type:none;
		margin:5px 0px 10px 0px;
		background-color:#FFFFFF;
		border:0px solid;
	}	

	
	div#middle-navigationpanel ul li ul li{
		width:200px;
		margin:0;
		background-color:#FFFFFF;

	}

	div#middle-navigationpanel ul li ul li a,
	div#middle-navigationpanel ul li ul li a:link,
	div#middle-navigationpanel ul li ul li a:hover,
	div#middle-navigationpanel ul li ul li a:visited,
	div#middle-navigationpanel ul li ul li a:active {
		font-size:11px;
		font-weight:normal;
		height:11px;
		line-height:11px;		
		color:#333333;
		text-decoration:none;
		margin-left:15px;
		background-image:none;
		padding:2px 0px 2px 10px;
	}	
	
	div#middle-content {
		width:700px;
		float:left;
	}
	
	div#footer {
		height:50px;
	}	
	
	div#footer-first {
		width:300px;
		height:50px;
		float:left;
	}	
	
	div#footer-second {
		width:325px;
		height:50px;
		float:left;
	}	
	
	div#footer-third {
		width:325px;
		height:50px;
		float:left;
	}	
	
	.bigtext {
		font-size:60px;
		text-decoration:none;
	} 
		
	
	/*
	.button 			{ border:1px solid;}
	.portfoliothumb 	{ border:1px solid; border-color:#000000; }
	.note				{ color:#C0C0C0; font-size:10px; }
	
	.menu						{	font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 13px; color:#000000; text-decoration: none; font-weight:bold;}
	.menu A 					{	font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 13px; color:#000000; text-decoration: none; font-weight:bold; }
	.menu A:link 				{	font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 13px; color:#000000; text-decoration: none; font-weight:bold; }
	.menu A:visited 			{	font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 13px; color:#000000; text-decoration: none; font-weight:bold; }
	.menu A:active 				{	font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 13px; color:#000000; text-decoration: none; font-weight:bold; }
	.menu A:hover				{	font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 13px; color:#FF0000; text-decoration: none; font-weight:bold; }
		

	.submenu					{	font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 11px; color:#000000; text-decoration: none; }
	.submenu A 					{	font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 11px; color:#000000; text-decoration: none; }
	.submenu A:link 			{	font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 11px; color:#000000; text-decoration: none; }
	.submenu A:visited 			{	font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 11px; color:#000000; text-decoration: none; }
	.submenu A:active 			{	font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 11px; color:#000000; text-decoration: none; }
	.submenu A:hover			{	font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 11px; color:#FF0000; text-decoration: none; }
	
	
	.thumbname,.thumbname A, .thumbname A:link, .thumbname A:visited, .thumbname A:active, .thumbname A:hover			{font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 9px; color:#000000;	text-decoration: none; text-align: center; }
	.navigatie,.navigatie A, .navigatie A:link, .navigatie A:visited, .navigatie A:active, .navigatie A:hover			{font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 9px; color:#000000;	text-decoration: none; text-align: center; }
		
	.projectheader				{	font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 15px; color:#000000; text-decoration: none; font-weight:bold}
	.projectheader A 			{	font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 15px; color:#000000; text-decoration: none; font-weight:bold}
	.projectheader A:link 		{	font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 15px; color:#000000; text-decoration: none; font-weight:bold}
	.projectheader A:visited 	{	font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 15px; color:#000000; text-decoration: none; font-weight:bold}
	.projectheader A:active 	{	font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 15px; color:#000000; text-decoration: none; font-weight:bold}
	.projectheader A:hover		{	font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 15px; color:#000000; text-decoration: none; font-weight:bold}

	.taak						{	font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; color:#000000; text-decoration: none; }
	.taak A 					{	font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; color:#000000; text-decoration: none; }
	.taak A:link 				{	font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; color:#000000; text-decoration: none; }
	.taak A:visited 			{	font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; color:#000000; text-decoration: none; }
	.taak A:active 				{	font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; color:#000000; text-decoration: none; }
	.taak A:hover				{	font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; color:#000000; text-decoration: none; }
	*/

	
	
	.algemeen					{	font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; color:#000000; text-decoration: none; }
	.algemeen A 				{	font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; color:#000000; text-decoration: none; }
	.algemeen A:link 			{	font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; color:#000000; text-decoration: none; }
	.algemeen A:visited 		{	font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; color:#000000; text-decoration: none; }
	.algemeen A:active 			{	font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; color:#000000; text-decoration: none; }
	.algemeen A:hover			{	font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; color:#000000; text-decoration: none; }

	/* -- classen voor Nieuws module -----------------------------------------*/
	.nonactief					{	font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 11px; color:#444444; text-decoration: none;  }
	.nonactief A 				{	font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 11px; color:#444444; text-decoration: none;  }
	.nonactief A:link 			{	font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 11px; color:#444444; text-decoration: none;  }
	.nonactief A:visited 		{	font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 11px; color:#444444; text-decoration: none;  }
	.nonactief A:active 		{	font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 11px; color:#444444; text-decoration: none;  }
	.nonactief A:hover			{	font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 11px; color:#444444; text-decoration: none;  }	
	
	.fototext					{	font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 11px; color:#FF0000; text-decoration: none; }
	.fototext A 				{	font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 11px; color:#FF0000; text-decoration: none; }
	.fototext A:link 			{	font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 11px; color:#FF0000; text-decoration: none; }
	.fototext A:visited 		{	font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 11px; color:#FF0000; text-decoration: none; }
	.fototext A:active 			{	font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 11px; color:#FF0000; text-decoration: none; }
	.fototext A:hover			{	font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 11px; color:#FF0000; text-decoration: none; }

	.text						{	font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 11px; color:#000000; text-decoration: none; }
	.text A 					{	font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 11px; color:#000000; text-decoration: none; }
	.text A:link 				{	font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 11px; color:#000000; text-decoration: none; }
	.text A:visited 			{	font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 11px; color:#000000; text-decoration: none; }
	.text A:active 				{	font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 11px; color:#000000; text-decoration: none; }
	.text A:hover				{	font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 11px; color:#000000; text-decoration: none; }

	.archief					{	font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 11px; color:#C0C0C0; text-decoration: none; }
	.archief A 					{	font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 11px; color:#C0C0C0; text-decoration: none; }
	.archief A:link 			{	font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 11px; color:#C0C0C0; text-decoration: none; }
	.archief A:visited 			{	font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 11px; color:#C0C0C0; text-decoration: none; }
	.archief A:active 			{	font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 11px; color:#C0C0C0; text-decoration: none; }
	.archief A:hover			{	font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 11px; color:#C0C0C0; text-decoration: none; }	
	
	.SpecialOption 				{ 	font-weight: bold; color:#858585; }
	
	/* -- Hovers voor tabel rijen -----------------------------------------------*/
	tr 							{ }
	.initial 					{ }
	.normaal 					{ background-color: #FFFFFF; }
	.highlight 					{ background-color: #4FB7ED; color:#FFFFFF;}				
	.highlighthand 				{ background-color: #4FB7ED; cursor: pointer; color:#FFFFFF;}				
	.inactief 					{ background-color: #C0C0C0; cursor: pointer; color:#444444;}
	.maincat 					{ background-color: #b4daf0; }
	
	
	/*****************************************************************************************
	** FORMULIER & LIST SET																	**
	*****************************************************************************************/	
	span.formSet {
		display:block;
		float:left;
		/* background-color:#C0C0C0; */
		width:600px;		
	}
	
	span.formSetLabel {
		display:block;
		float:left;
		/* background-color:#FF0000; */
		width:125px;
		margin-top:1px;
		min-height:25px;	
	}

	span.formSetExtra {
		display:block;
		float:left;
		/* background-color:#0000FF; */
		width:20px;
		margin-top:1px;
		min-height:25px;
		
	}

	span.formSetFields {
		display:block;
		float:left;
		/* background-color:#00FF00; */
		width:440px;
		margin-top:1px;
		min-height:25px;		
	}	
	
	span.listTitle {
	  	/* background-color: #E8A400; */
	  	width:340px;
	  	float:left;
	  	height:18px;
	  	/* cursor:move; */
	  	margin:1px;		
	}
	
	span.listExtra {
	  	/* background-color: #E8A400; */
	  	width:119px;
	  	float:left;	
	  	height:18px;
	  	margin:1px;	
	}						

	span.listActions {
		width:120px;
		float:right;
		text-align:right;
	  	/* background-color: #E8A400; */
	  	height:18px;
	  	margin:1px;	
	}

	/* -- 20/12/2007 -- aanpassing voor CMS 3.2 -----------------------------------------------------------------------------------------*/
	/* -- style ul /li voor de eenvoudige sortable list ---------------------------------------------------------------------------------*/

		ul.sortableList {
		  list-style-image:none;
		  list-style-type:none;
		  margin:0px;
		  padding:0px;
		}
		
		ul.sortableList li {
		 	padding:0px;
		  	margin:2px;
		  	display:block;
		  	width:585px;
		  	height:20px;
		}
		
		span.example {
		  	/* background-color: #E8A400; */ 
		  	width:55px;
		  	float:left;	
		  	height:18px;	
		}							
							
		span.name {
		  	/* background-color: #E8A400; */
		  	width:340px;
		  	float:left;
		  	height:18px;
		  	cursor:move;		
		}

		span.actions {
			width:120px;
			float:right;
			text-align:right;
		  	/* background-color: #E8A400; */
		  	height:18px;	
		}
		
	/* ----------------------------------------------------------------------------------------------------------------------------------*/	

	/* sat autogrow textareas even van line height voorzien. */
	textarea.expanding {
		line-height: 18px;
		
	}
	/* sat char limit info. */
	.charlimitinfo { 
		display:none; 
		float:left; 
		color:#aa3333; 
		font-size:15px; 
		font-family:vardana; 
	}
	
 
	/* -- 23/08/2008 AQB in de configuratie module geimpleneteerd -----------------------------------------------------------------------*/	 
	.commen					{	font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 11px; color:#000000; text-decoration: none; }
	.commen A 				{	font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 11px; color:#000000; text-decoration: none; }
	.commen A:link 			{	font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 11px; color:#000000; text-decoration: none; }
	.commen A:visited 		{	font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 11px; color:#000000; text-decoration: none; }
	.commen A:active 		{	font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 11px; color:#000000; text-decoration: none; }
	.commen A:hover			{	font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 11px; color:#fab407; text-decoration: none; }		
	
	
	/* -- 30/01/2009 kleine style/klasses in de stylesheet voor de basic-table-tabs ------------------------------------------------------*/
	.basictabs_normal {
		border-bottom:1px solid #000000;
	}

	.basictabs_active {
		border-top:1px solid #000000; 
		border-left:1px solid #000000; 
		border-right:1px solid #000000;
	}	
		
	/* -- 30/01/2009 new style feedback messages -----------------------------------------------------------------------------------------*/
	div#msg {
		border:1px solid #000000;
		background-color:#004ED1;
		padding:15px;
		margin:10px 0px;
		width:570px;
	}
	
	div#msg h1 {
		font-size:16px;
		font-weight:bold;
		margin:0px;
		color:#FFFFFF;
	}	

	div#msg ul {
		margin:10px;
		color:#FFFFFF;
	}

	div#msg ul li {
		margin:10px;
		color:#FFFFFF;
	}
	
	div#msg ul li a {
		color:#FFFFFF;
	}	

	
	
	/* -- 24/04/2009 email module -----------------------------------------------------------------------------------------*/	
	div.box-mail {
		width:590px;
		float:left;
		padding:5px;
		border-bottom:1px solid #C0C0C0;
		margin:0px 0px 5px 0px;
	}
	
	div.box-mail-checkbox {
		float:left;
		width:26px;
		height:30px;
		text-align:center;
		margin:0px 4px 0px 0px;
	}				

	div.box-mail-icon {
		float:left;
		width:26px;
		height:30px;
		text-align:center;
		margin:0px 4px 0px 0px;
	}				
	
	div.box-mail-text {
		float:left;
		width:525px;
		text-align:left;
		margin:0px 0px 0px 0px;
	}				
	
	p.box-mail-subject {
		display:block;
		width:520px;
		float:left;
		margin:0px 0px 0px 3px;
	}

	p.box-mail-subject a {
		font-size:13px;
		font-weight:bold;
		text-decoration:none;
	}
	
	p.box-mail-headerinfo {
		display:block;
		float:left;
		width:520px;
		color:#C0C0C0;
		font-size:10px;
		margin:0px 0px 0px 3px;
	}					
	
	p.box-mail-headerinfo a {
		font-size:10px;
		text-decoration:none;
		color:#C0C0C0;
	}

	form#emailform div {
		clear:both;
		margin:0px 0px 0px 5px;
		width:610px;
	}
	
	form#emailform div label {
		float:left;
		width:145px;
		margin:2px;
	}
	
	form#emailform .singlelineinput {
		width:450px;
	}
	
	form#emailform .multilineinput {
		width:450px;
		height:200px;
		margin-left:2px;
		margin-top:2px;
	}
	
	

	div#read-mail {
		width:580px;
		float:left;
		padding:10px;
		background-color:#C0C0C0;
	}
	
	div#read-mail h1 {
		margin:3px 0px;
	}				
	
	div#read-mail p{
		margin:5px 0px;
		font-size:9px;
	}				
	
	div#read-mailbody {
		width:540px;
		float:left;
		padding:20px;
		background-color:#FFFFFF;
	}					
	
	div#read-mailactions {
		width:570px;
		float:left;
		padding:5px;
		margin-top:5px;
		text-align:right;
		background-color:#FFFFFF;
	}

	
	.floatright { float:right; }
	.floatleft { float:left; }
	.right { text-align:right; }
	.left { text-align:left; }
	.center { text-align:center; }	
	
	
	
	/* -- 28/04/2009 crm module -----------------------------------------------------------------------------------------*/		
	th.header {     
	    cursor: pointer; 
	    font-weight: bold; 
	    background-repeat: no-repeat; 
	    background-position: 90% 50%; 
	    padding-left: 0px;  
	    margin-left: 0px;
	    text-align:left; 
	} 
	
	th.headerSortUp { 
	    background-image: url(../images/icons/bullet_arrow_up.png);  
	} 	
	
	th.headerSortDown { 
	    background-image: url(../images/icons/bullet_arrow_down.png);  
	} 
	div#searchbox { 
		width:162px; 
		float:right; 
		background-color:#FFFFFF;
		border:1px solid #AAAAAA;
		margin-bottom:3px; 
	}		
	div#searchbox .searchinput { 
		font-size:11px;
		vertical-align:middle;
		width:130px;
		height:14px;
		background-color:#FFFFFF;
		border:1px solid #FFFFFF;
	}		
	div#searchbox .searchsubmit { 
		background:transparent url(../images/icons/magnifier.png) no-repeat scroll 0 0;
		border:medium none;
		cursor:pointer;
		height:16px;
		vertical-align:middle;
		width:16px;
	}
	
	
	div.list-block {
		width:596px;
		padding:2px;
		float:left;
		margin-bottom:15px;
	}
	
	div.list-block .header{
		background-color:#AFAFAF;
		float:left;
		width:592px;
		padding:2px;
	}	
	
	div.list-block .row{
		float:left;
		width:592px;
		padding:5px 2px 10px 2px;
		border-bottom:1px solid #CCCCCC;							
	}						
	
	div.list-block .row .record {
		float:left;
		width:445px;
		font-size:13px;
		color:#000000;
	}						

	div.list-block .header .title {
		float:left;
		width:450px;
		font-weight:bold;
		font-size:13px;
		color:#FFFFFF;
	}							

	div.list-block .header .action,
	div.list-block .row .action {
		float:right;
		width:140px;
	}
	
	.small {
		font-size:9px; 
		color:#C0C0C0; 
	}	

	.page { 
		display:block;
		margin-bottom:20px 
	}
	
	.green {color:#0A9F09; font-weight:bold;}
	.red {color:#BF1600; font-weight:bold;}
	
	
	
	div#support-info {
		background-color:#FFFFFF;
		color:#888888;
		margin:10px;
		padding:10px;
		width:182px;
		color:#283A50;		
	}
	
	
	/* -- 11/07/2009 Dasboard blokken -----------------------------------------------------------------------------------*/
	div.dashboardcols {
		width:300px;
		float:left;
		min-height:30px;
		margin:0 15px 0 0;
	}
	
	div.dashboardbox {
		width:300px;
		float:left;
		background-color:#FFFFFF;
		border:1px solid #000000;
		margin: 0 0 15px 0;
	}	
	
	div.dashboardbox h1{
		background-color:#0051D8;
		color:#FFFFFF;
		font-size:15px;
		padding:5px 7px;
		margin:0;
	}
	
	div.dashboardbox h2{
		font-size:12px;
		font-weight:bold;
		margin:10px 0 0 10px;
		padding:0;
		color:#000000;
	}	
	
	div.dashboardbox p{
		color:#000000;
		font-size:11px;
		margin:5px 7px;
		padding:0;
	}

	div.dashboardbox ul {
		margin:0px 10px 15px 10px;
		float:left;
		display:block;
	}
	
	div.dashboardbox ul li {
		list-style-type:none;
		margin:3px 0;
	}
		
	div.dashboardbox ul li a{
		display:block;
		float:left;
		width:274px;
		border-bottom:1px dotted #000000;
		padding:3px;
	}	
	
	div.dashboardmailbox {
		margin:3px 0 10px 0;
		padding:0 7px;
		float:left;
	}

	div.dashboardbox ul li a span.listtext{
		display:block;
		float:left;
		margin:0 3px 0 0;
	}
			
	div.dashboardbox ul li a span.listaantal{
		display:block;
		float:right;
		margin:0 3px 0 0;
	}
	
	
	/* -- 27/05/2009 jQuery sortableList --------------------------------------------------------------------------------*/	
	ul#jq-sortabale-list {
		width:600px;
		float:left;					
	}
	
	ul#jq-sortabale-list li {
		margin:2px;
		padding:2px;
		background-color:#DFDFDF;
		list-style-type:none;
		float:left;
		width:590px;
		border:1px solid #CFCFCF;
		cursor:move;
	}
	
	ul#jq-sortabale-list li .jq-items {
		float:left;
		width:440px;
		height:16px;
	}

	ul#jq-sortabale-list li .jq-actions {
		float:right;
		width:140px;
		height:16px;
		text-align:right;
	}
	
	jq-clickableIcon,
	img.jq-clickableDeleteIcon,
	img.jq-clickableEditIcon {
		cursor:pointer;
	}	



	ul.jq-sortabale-list {
		width:600px;
		float:left;					
	}
	
	ul.jq-sortabale-list li {
		margin:2px;
		padding:2px;
		background-color:#DFDFDF;
		list-style-type:none;
		float:left;
		width:590px;
		border:1px solid #CFCFCF;
		cursor:move;
	}
	
	ul.jq-sortabale-list li .jq-items {
		float:left;
		width:440px;
		height:16px;
	}

	ul.jq-sortabale-list li .jq-actions {
		float:right;
		width:140px;
		height:16px;
		text-align:right;
	}
	
	img.jq-clickableDeleteIcon,
	img.jq-clickableEditIcon {
		cursor:pointer;
	}
	
	
	/* --- firefox download bar --*/
	div#ff-bar {
		background: #FFFEE0;
		border:1px solid black;
		display:none;
	}	
	