/**************************************************
 * HU Stylesheet
 **************************************************/
BODY, HTML
{
	margin: 0px;
	padding: 0px;
	color: #000000;
	font-family: Arial, Verdana, "Times New Roman";
	
	background-color: #FFFFFF;
}

* {
	margin: 0;
	padding: 0;
	font-family: Arial, Verdana, "Times New Roman";
	}

A:LINK {
	color: #000000;
	text-decoration: none;
}

A:ACTIVE {
	color: #99aa99;
	text-decoration: none;
}

A:VISITED {
	color: #555555;
	text-decoration: none;
}

A:HOVER {
	text-decoration: underline;
}

/**************************************************
 * Containers
 **************************************************/
 
div.content-container {
	float: left;
	border-right: 218px solid #FED201;
	padding-right: 2px;
}
 
	/**************************************************
	 * Header container
	 **************************************************/
 
	div.header-container {
		width: 750px;
		height: 78px;
		padding: 40px 0px 0px 18px;
	}
	/* *html div.header-container { height: 125px; } */
 
	/**************************************************
	 * Left container
	 **************************************************/
 	
 	div.left-container {
 		width: 245px;
 		clear: both;
	 	float: left;
	 	padding: 0 0 20px 0;
 	}
 
	div.content-container.home div.left-container {
	 	width: 370px;
	 	}
		div.left-container div.logo {
			width: 370px;
			height: 195px;
			overflow: hidden;
			}
		
	 /**************************************************
	  * Menu
	  **************************************************/
	  
	div.content-container.home div.left-container div.menu {
		width: 370px;
		height: 354px;
		background: transparent url("/Images/bg-menu.jpg") no-repeat top left;
		display: block;
	}
		
	div.menu-container 
	{
		width: 750px;
		height: 56px;
		background: #00A0D2;
		color: #FFFFFF;
	}
	
	/* MENU LIST */
	#menu-list, #menu-list ul {
        padding: 0;
        margin: 0;
        list-style: none;
        height: 25px;
    }

    #menu-list a {
		height: 25px;
		padding: 0 20px 0 20px;
		padding-top: 0.5em;
        display: block;        
        background-color: #00A0D2;
        font-size: 0.80em;
        font-weight: bold;
        color: #FFFFFF;
    }
    #menu-list a:hover {
		text-decoration: none;
		background-color: #1E586D;
	}

    #menu-list li 
    {
		display:block;
		float:left;
		position:relative;
	    /* width: 150px;  */
    }
    #menu-list li a {
		font-size: 1em;
    }
    
    #menu-list li ul {
        position: absolute;
        width: 150%;
        left: -999em;
    }
    
    #menu-list li ul li 
    {
		background-color: #FF0000;
		width: 75%;
    }
    
    #menu-list li ul li a {
		font-size: 0.80em;
		font-weight: normal;
    }

    #menu-list li:hover ul, #menu-list li.sfhover ul {
        left: auto;
    }
	
	/* BREADCRUMBS */		
	div.menu-container div.breadcrumb {
		clear: both;
		float: left;
		color: #fff;
		font-size: 0.8em;
		font-weight:bold;
		height: 21px;
		background: #1E586D;
		/*background: #FED201;*/
		/*background: #C6A600;*/
		padding: 4px 0 0 246px;
		width: 504px;
	}
	* html div.menu-container div.breadcrumb { margin-top: 0px; }
	div.breadcrumb a:active, div.breadcrumb a:visited, div.breadcrumb a { color: #fff; }
	
	/**************************************************
	 * Item listing
	 **************************************************/
	 
	 div.left-container div.item-listing {
	 	margin: 20px 0 0 20px;
	 	width: 200px;
	 	}
	 div.content-container.home div.left-container div.item-listing {
	 	width: 350px;
	 	}
	 	div.left-container div.item-listing h2 {
	 		background-color: #00A0D2;
	 		color: #fff;
	 		width: 200px;
	 		padding: 7px 9px 7px 9px;
	 		font-size: 0.75em;
	 		}
	 		
	 	div.left-container div.item-listing ul li
	 	{
	 		font-size: 0.9em;
	 	}
	 		
	 	div.left-container div.item-listing ul li span.date
	 	{
	 		color: #00A1E2;
	 	}

	 	div.left-container div.item-listing ol li a,
	 	div.left-container div.item-listing ol li a:visited
	 	{
	 		color: #000;
	 	}
	 		
	 	div.content-container.home div.left-container div.item-listing h2 {
	 		width: 330px;
	 		}
	 	div.left-container div.item-listing ul {
	 		list-style-type: none;
	 		margin-left: 2px;
	 		}
	 		div.left-container div.item-listing ul li {
	 			font-size: 0.75em;
	 			}
	 				div.left-container div.item-listing ul li a {
	 					color: #000;
	 					
	 					}
	 				div.left-container div.item-listing ul li span.date {
	 					color: #00A1E2;
	 				}	
	 				
/**************************************************
 * Middle container
 **************************************************/
 div.middle-container {
 	margin: 0 0 0 12px;
 	width: 492px;
 	float: left;
 	margin-bottom: 10px; 	
    border: 0px solid red;
	}
	div.content-container.home div.middle-container {
		position: relative;
		float: left;
		width: 358px;
		}
	div.middle-container div.top {
		width: 100%;
		border-bottom: 1px solid #00A0D2;
		height: 18px;
		padding-top: 2px;
		}
		div.middle-container div.top div.paging {
			float: right;
			font-size: 0.75em;
			color: #00A0D2;
			}
			div.middle-container div.top div.paging a {
				color: #1E586D;
				}
			div.middle-container div.top div.paging span.current {
				color: #000;
				font-weight: bold;
				}
			
	div.middle-container div.logo {
		width: 370px;
		height: 82px;
		margin: 10px 0 50px 0;
		float: left;
		}
		div.middle-container div.spotlight-item {
			margin: 0 0 24px 12px;
			}
			div.middle-container div.spotlight-item h1 {
		 		font-size: 1.1em;
		 		color: #1D5469;
		 		margin-bottom: 2px;
		 		width: 360px;
		 		}
			div.middle-container div.spotlight-item p {
		 		font-size: 0.75em;
		 		color: #1D5469;
		 		width: 360px;
		 		}
		 div.middle-container div.item-listing-extensive 
		 {
		 	margin-left: 12px;
		 	}
		 	div.middle-container div.item-listing-extensive h2 {
		 		background-color: #1D5469;
		 		color: #fff;
		 		padding: 5px 9px 5px 9px;
		 		font-size: 0.75em;
		 		width: 342px;
		 		}
		 		div.middle-container div.item-listing-extensive div.item {
		 			width: 360px;
		 			}
		 			div.middle-container div.item-listing-extensive div.item div.image {
		 				float: left;
		 				margin: 12px 12px 0 0;
		 				}
		 			div.middle-container div.item-listing-extensive div.item div.content {
		 				/**
		 				 * extra property defined in hu-ie.css
		 				 */
						display: table-cell;
						padding-top: 12px;
		 				}
		 				div.middle-container div.item-listing-extensive div.item div.content h3 {
		 					font-size: 0.75em;
		 					}
		 				div.middle-container div.item-listing-extensive div.item div.content p {
		 					font-size: 0.75em;
		 					}
		 				div.middle-container div.item-listing-extensive div.item div.content p.date-link {
		 					color: #1D5469;
		 					}
			 				div.middle-container div.item-listing-extensive div.item div.content p.date-link a {
			 					text-decoration: underline;
			 					}
			 				div.middle-container div.item-listing-extensive div.item div.content p.date-link a:hover {
			 					color: #1D5469;
			 					text-decoration: none;
			 					}

	/**************************************************
	 * Item listing
	 **************************************************/
	 
	 div.middle-container div.item-listing {
	 	width: 360px;
	 	margin: 20px 0 0 12px;
	 	}
	 	div.middle-container div.item-listing h2 {
	 		background-color: #1D5469;
	 		color: #fff;
	 		padding: 5px 9px 5px 9px;
	 		font-size: 0.75em;
	 		}
	 	div.middle-container div.item-listing ul {
	 		list-style-type: none;
	 		margin-left: 2px;
	 		}
	 		div.middle-container div.item-listing ul li {
	 			font-size: 0.75em;
	 			}
	 				div.middle-container div.item-listing ul li a {
	 					color: #000;
	 					}
	 				div.middle-container div.item-listing ul li span.date {
	 					color: #00A1E2;
	 				}
	 				
	/**************************************************
	 * Banner
	 **************************************************/
	 
	 div.middle-container div.banner {
	 	margin: 25px 0 25px 12px;
	 	width: 360px;
	 	height: 150px;
	 	background-color: #00A0D2;
	 }

/**************************************************
 * Right container
 **************************************************/
 
 div.right-container {
 	position: relative;
 	margin-left: -218px;
 	width: 218px;
 	float: left;
 	background-color: #FED201; 	
    border: 0px solid green;
 	}
 	div.right-container div.search {
		width: 218px;
		height: 38px;
		padding-top: 40px;
		background-color: #fff;
		}
		div.right-container div.search input.searchfield {
			width: 140px;
			height: 20px;
			margin-left: 8px;
			}
		div.right-container div.search input.submit {
			width: 36px;
			height: 11px;
			}
	div.right-container div.section {
		width: 218px;
		}
		div.right-container div.section a {
			color: #000000;
			}
		div.right-container div.section h2 {
			background-color: #C5A600;
			color: #FFFFFF;
			font-size: 0.75em;
			padding: 5px 9px 5px 9px;
			}
		div.right-container div.header-logo {
			/*background: #FFFFFF url("../images/header-community.jpg") no-repeat left top;*/
			background-color: #FFFFFF;
			width: 218px;
			height: 40px;
			overflow: hidden;
		}
			div.right-container div.section.login input.login {
				width: 63px;
				height: 20px;
				border: none;
				float: right;
				margin-right: 4px;
			}
		div.right-container div.section ol {
			clear: both;
			margin: 8px 11px 8px 11px;
			list-style-type: none;
		}
			div.right-container div.section ol li {
				font-size: 0.75em;
			}
				div.right-container div.section ol li label {
					clear: both;
					float: left;
					display: block;
					width: 75px;
				}
				div.right-container div.section ol li input {
					width: 115px;
					border: 1px solid #8E9337;
				}
				div.right-container div.section ol li input.zoek {
					width: 63px;
					height: 20px;
					border: none;
					float: right;
					margin-right: 4px;
				}
				div.right-container div.section ol li span.date, div.right-container div.section ol li a.forum-naam {
					color: #1F5B65;
				}

/**************************************************
 * Footer container
 **************************************************/
 
div.footer-container {
	clear: both;
	width: 750px;
	border-top: 1px solid #43B7DE;
	}
	div.footer-container ol {
		list-style-type: none;
		margin: 8px 0 8px 0;
		float: right;
		}
		div.footer-container ol li {
			display: block;
			float: left;
			padding: 0 4px 0 4px;
			border-right: 1px solid #43B7DE;
			font-size: 0.75em;
			}
		div.footer-container ol li.last {
			border-right: none;
			}
 
 		div.middle-container h1 {
			margin: 20px 0 0 0;
			color: #1E586D;
			font-size: 1.2em;
			}
 
 
 /**************************************************
 * Dossier overzicht
 **************************************************/
 
div.overzicht {
	font-size: 0.8em;
	line-height: 1.8em;
	margin: 20px 0 20px 0;
}
	div.overzicht ol {
		list-style-type: none;
		}
	div.overzicht fieldset {
		border: none;
		}
	div.overzicht legend {
		margin-left: -6px;
		}
		div.overzicht ol li {
			clear: both;
			border: 1px solid white; /* firefox floating bug fix */
			}
		div.overzicht ol label {
			clear: both;
			display: block;
			width: 90px;
			float: left;
			}
		div.overzicht ol div.themas {
			float: left;
			}
		div.overzicht ol select {
			float: left;
			width: 160px;
			border: 1px solid #00A0D2;
			}
			div.overzicht ol div.themas ol li {
				clear: none;
				float: left;
				width: 190px;
				}
				div.overzicht ol div.themas ol li label {
					display: inline;
					float: none;
				}
				div.overzicht ol div.themas ol li input {
					margin: 0 5px 0 0;
					}
		div.overzicht ol li.zoeken {
			border-bottom: 1px solid #00A0D2;
			padding: 0 0 5px 0;
			text-align: right;
			}
			div.overzicht ol li.zoeken input {
				width: 36px;
				height: 11px;
				background: transparent url("/Images/button-zoeken.jpg") no-repeat left top;
				border: none;
			}
div.onderwerpen {
	background: #00A0D2;
	padding: 12px 8px 20px 3px;
	display: table-cell;
	}
	div.onderwerpen div.title {
		margin: 0 0 8px 5px;
		}
	div.onderwerpen ul {
		list-style-type: none;
		}
	div.onderwerpen li {
		float: left;
		font-size: 0.75em;
		height: 20px;
		}
		div.onderwerpen li a {
			border-right: 1px solid #fff;
			padding: 0 5px 0 5px;
			color: #000;
			}
			
div.categorieen {
	position: relative;
	clear: both;
	margin: 20px 0 20px -8px;
	width: 506px;
	/**
	 * extra property defined in hu-ie.css
	 */
	}
	div.categorieen div.categorie {
		width: 160px;
		margin: 0 0 10px 8px;
		float: left;
		}
		div.categorieen div.categorie h2 {
			width: 142px;
			background: #1E586D;
			color: #fff;
			font-size: 0.75em;
			padding: 7px 9px 7px 9px;
			}
		div.categorieen div.categorie ol {
			list-style-type: none;
			width: 160px;
			}
			div.categorieen div.categorie li {
				border-bottom: 1px solid #00A0D2;
				font-size: 0.75em;
				padding: 3px 0 3px 0;
				}
				div.categorieen div.categorie li a {
					color: #000;
					}
			div.categorieen div.categorie li.alle-dossiers,
			div.categorieen div.categorie li.alle-dossiers a {
				color: #1E586D;
				}
				
				
				
				
				
				
				
				
				
				
/* -------------------------------------------------------------------------- */
/* CS2.0 Stylesheet                                                           */
/* -------------------------------------------------------------------------- */

.CommonContent
{
	padding: 0px;
	font-family: Arial, Verdana, "Times New Roman";
}
.CommonContent P 
{
    margin: 0px;
    padding: 0px;
}   
.CommonContent UL 
{
    margin-left: 20px;   
}

UL.ForumPostList
{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

.CommonContentArea
{
    background-color: #ffffff;
    margin: 0px; margin-top: 1px;
    padding: 0px 5px 0px 0px;
    border: none;
    border-width: 0px;
    border-color: #ffffff;
    text-align: left;
    font-size: 0.80em;
}
 
.CommonBreadCrumbArea
{
	font-family: Arial, Verdana, "Times New Roman";
	font-weight: bold;
	font-size: 0.9em;
	margin: 0px;
	padding: 5px 5px 5px 0px;
	background-color: #ffffff;
	color: #666666;
	border-style: solid;
	border-width: 0px;
	border-bottom-width: 1px;
	border-right-width: 0px;
	border-color: #00A0D2;
}

.CommonBreadCrumbArea A:LINK
{
	color: #666666;
}

.CommonBreadCrumbArea A:VISITED
{
	color: #666666;
}
 
 .CommonImageTextButton
{
	display: inline-table;
	display: -moz-inline-box;
	display: inline-block;
	padding: 4px;
	margin: 1px;
	border-style: solid;
	border-width: 1px;
	border-color: #999999;
	border-top-color: #cccccc;
	border-left-color: #cccccc;
	background-color: #eeeeee;
	color: #333333;
	font-family: Arial, Verdana, "Times New Roman";
	font-size: 80%;
	font-weight: bold;
	background-repeat: no-repeat;
	background-position: 1px 1px;
	padding-left: 22px;
	line-height: normal;
	white-space: nowrap;
}

.CommonImageTextButton:LINK
{
	text-decoration: none;
	color: #333333;
	margin: 1px;
}

.CommonImageTextButton:VISITED
{
	text-decoration: none;
	color: #333333;
}

.CommonImageTextButton:ACTIVE
{
	text-decoration: none;
	color: #333333;
}

.CommonImageTextButton:HOVER
{
	text-decoration: underline;
	color: #333333;
	background-color: #dddddd;
}
.CommonImageTextButtonBig
{
	display: inline-table;
	display: -moz-inline-box;
	display: inline-block;
	padding: 4px;
	margin: 1px;
	border-style: solid;
	border-width: 1px;
	border-color: #999999;
	border-top-color: #cccccc;
	border-left-color: #cccccc;
	background-color: #eeeeee;
	color: #333333;
	font-family: Arial, Verdana, "Times New Roman";
	font-size: 130%;
	background-repeat: no-repeat;
	background-position: 4px 5px;
	padding-left: 30px;
	padding-right: 10px;
	line-height: normal;
	white-space: nowrap;
}

.CommonImageTextButtonBig:LINK
{
	text-decoration: none;
	color: #333333;
	margin: 1px;
}

.CommonImageTextButtonBig:VISITED
{
	text-decoration: none;
	color: #333333;
}

.CommonImageTextButtonBig:ACTIVE
{
	text-decoration: none;
	color: #333333;
}

.CommonImageTextButtonBig:HOVER
{
	text-decoration: underline;
	color: #333333;
	background-color: #dddddd;
}

.CommonTitle, .CommonProfileTitle
{
	color: #1E586D;
	font-size: 1.4em;
	font-family: Arial, Verdana, "Times New Roman";
	font-weight: bold;
	padding: 0px;
	margin: 0px;
	margin-top: 5px;
	margin-bottom: 2px;
}

.CommonTitle A:LINK, .CommonTitle A:ACTIVE, .CommonTitle A:VISITED, .CommonTitle A:HOVER
{
    color: #1E586D;
}

.CommonSubTitle
{
	color: #999999;
	font-family: Arial, Verdana, "Times New Roman";
	padding: 0px;
	margin-bottom: 10px;
	font-size: 0.80em;
}

/*
List 
*/

.CommonListArea
{
    width: 100%;
    padding: 0px;
    margin: 0px;
	padding-bottom: 8px;
	padding-top: 0px;
}

.CommonListTitle
{
	padding: 6px;
	padding-left: 8px;
	border-style: none;
	border-width: 1px;
	border-color: #cccccc;
	border-bottom: 1px solid #00A0D2;
	background-color: #fff; /* geel = #C5A500 -- blauw = #00A0D2*/
	color: #00A0D2;
	font-family: Arial, Verdana, "Times New Roman";
	font-size: 0.90em;
	font-weight: bold;
	margin: 0px;
}

.CommonListTitle A, .CommonListTitle A:VISITED, .CommonListTitle A:ACTIVE, .CommonListTitle A:HOVER
{
	color: #00A0D2;
	text-decoration: none;
}

.CommonListHeaderLeftMost
{
	text-align: left;
	padding: 4px;
	border-style: solid;
	border-width: 1px;
	border-color: #eeeeee;
	background-color: #C5A500;
	color: #fff;
	font-family: Arial, Verdana, "Times New Roman";
	font-size: 1em;
	font-weight: bold;
}

.CommonListHeader
{
	text-align: left;
	padding: 4px;
	border-style: solid;
	border-width: 1px;
	border-left-width: 0px;
	border-color: #eeeeee;
	background-color: #C5A500;
	color: #fff;
	font-family: Arial, Verdana, "Times New Roman";
	font-size: 1em;
	font-weight: bold;
}

.CommonListCellLeftMost
{
	padding: 4px;
	border-style: solid;
	border-width: 0px 0px 1px 0px;
	border-color: #C5A500;
	color: #333333;
	font-family: Arial, Verdana, "Times New Roman";
	font-size: 0.9em;
}

.CommonListCell
{
	padding: 4px;
	border-style: solid;
	border-width: 0px 0px 1px 0px;
	border-color: #C5A500;
	color: #333333;
	font-family: Arial, Verdana, "Times New Roman";
	font-size: 0.9em;
	text-align: left;
}

UL.BlogPostList
{
	margin: 0px; margin-left: 0px;
	padding: 0px;
	list-style-type: none;
}

.ForumListCellLeftMostImageOnly
{
	padding: 4px;
	border-style: solid;
	border-width: 0px 0px 1px 0px;
	border-color: #C5A500;
	background-color: #fff;
	color: #333333;
	font-family: Arial, Verdana, "Times New Roman";
	width: 20px;
}

.ForumListCellImageOnly
{
	padding: 4px;
	border-style: solid;
	border-width: 1px;
	border-top-width: 0px;
	border-left-width: 0px;
	border-right-width: 0px;
	border-color: #C5A500;
	color: #333333;
	font-family: Arial, Verdana, "Times New Roman";
}

/*
Message Styles
*/

.CommonMessageArea
{
	width: 100%;
	margin-top: 64px;
	margin-bottom: 64px;
	background-color: #ffffff;
}

.CommonMessageTitle
{
	text-align: left;
	font-family: Arial, Verdana, "Times New Roman";
	font-size: 1.3em;
	font-weight: bold;
	background-color: #FFFFFF;
	color: #00A0D2;
	padding: 2px;
	padding-left: 8px;
	margin: 0px;
	border-style: solid;
	border-width: 0px 0px 1px 0px;
	border-color: #00A0D2;
}

.CommonMessageContent
{
	font-family: Arial, Verdana, "Times New Roman";
	color: #000000;
	padding: 8px;
	padding-bottom: 16px;
	text-align: left;
	border-style: solid;
	border-width: 1px;
	border-top-width: 0px;
	border-color: #cccccc;
}

.CommonInlineMessageArea
{
	margin-top: 4px;
	margin-bottom: 4px;
	border-style: solid;
	border-width: 1px;
	border-color: #cccccc;
	background-color: #ffffff;
	background-position: left top;
	background-repeat: repeat-x;
}

.CommonInlineMessageTitle
{
	text-align: left;
	font-family: Arial, Verdana, "Times New Roman";
	font-weight: bold;
	background-color: #f4f4f4;
	color: #666666;
	padding: 6px;
	padding-left: 8px;
	margin: 0px;
	border-style: solid;
	border-width: 0px;
	border-bottom-width: 1px;
	border-color: #cccccc;
}

.CommonInlineMessageArea A:LINK, .CommonInlineMessageArea A:VISITED, .CommonInlineMessageArea A:ACTIVE, .CommonInlineMessageArea A:HOVER
{
	color: #666666;
}

.CommonInlineMessageContent
{
	font-family: Arial, Verdana, "Times New Roman";
	font-size: 0.80em;
	color: #333333;
	padding: 8px;
	text-align: left;
}

.CommonInlineTidbit
{
	background-image: url('/cs/themes/default/images/tidbit_arrow.gif');
	display: inline-table;
	display: -moz-inline-box;
	display: inline-block;
	padding: 4px;
	margin: 1px;
	background-repeat: no-repeat;
	background-position: 1px 1px;
	padding-left: 22px;
	margin-left: 40px;
}

.CommonInlineTidbit, .CommonInlineTidbit A
{
	text-align: left;
	font-family: Arial, Verdana, "Times New Roman";
	font-size: 0.80em;
	font-weight: bold;
	color: #66bb66;
}

.CommonInlineTidbit A
{
	color: #449944;
}

.CommonMessageSuccess
{
	padding: 8px;
	font-family: Arial, Verdana, "Times New Roman";
	color: #334433;
	font-weight: bold;
	border: solid;
	border-width: 1px;
	border-color: #999999;
	background-color: #cfe7c0;
	margin-top: 8px;
	margin-bottom: 8px;
}

.CommonLicenseMessageSuccess
{
	padding: 8px;
	font-family: Arial, Verdana, "Times New Roman";
	color: #334433;
	font-weight: bold;
	border: solid;
	border-width: 1px;
	border-color: #999999;
	background-color: #cfe7c0;
	margin-top: 8px;
	margin-bottom: 8px;
}

.CommonSmallMessageSuccess
{
	padding: 2px;
	font-family: Arial, Verdana, "Times New Roman";
	font-size: 0.80em;
	font-weight: bold;
	color: #334433;
}

.CommonMessageError
{
	margin-top: 8px;
	margin-bottom: 8px;
	padding: 4px;
	font-family: Arial, Verdana, "Times New Roman";
	color: #443333;
	font-weight: bold;
	border: solid;
	border-width: 1px;
	border-color: #999999;
	background-color: #EBD9D9;
}

.CommonLicenseMessageError
{
	margin-top: 8px;
	margin-bottom: 8px;
	padding: 4px;
	font-family: Arial, Verdana, "Times New Roman";
	color: #444433;
	font-weight: bold;
	border: solid;
	border-width: 1px;
	border-color: #999999;
	background-color: #fff499;
}

.CommonSmallMessageError
{
	padding: 2px;
	font-family: Arial, Verdana, "Times New Roman";
	font-size: 0.80em;
	font-weight: bold;
	color: #990000;
}

.CommonTextArea 
{
    width: 100px;   
}

/* sidebar */
.CommonSidebar
{
	padding: 0px;
	margin-left: 0px;
	margin-right: 0px;
}

div.section
{
	width: 100%;
	padding: 0px 0px 0px 0px;
}

div.section div.login-username {
	font-size: 12px;		
	padding:  4px 0px 0px 11px;
}	

div.item-listing ul.links li, div.section ul.links li
{
	text-align: left;
}
div.CommonSidebarContent .item-listing { width: 200px; }
a img 
{
	border: 0px;
}

div.section ul.links 
{
	padding: 4px 0px 4px 0px;
}

div.section ul.links li
{
	text-align: left;
	list-style: none;
	font-size: 12px;
	padding: 0px 0 0px 13px;
	line-height: 15px;
}

div.section.login input.login {
	width: 63px;
	height: 20px;
	border: none;
	float: right;
	margin-right: 4px;
}

div.section ol li input, div.section ul li input {
	width: 100px;
	border: 1px solid #8E9337;
}


.CommonSidebarArea
{
	width: 100%;
	margin: 0px 0px 0px 0px;
}

.CommonSidebarArea A:LINK { color: #000000; }
.CommonSidebarArea A:ACTIVE { color: #000000; }
.CommonSidebarArea A:VISITED { color: #000000; }
.CommonSidebarArea A:HOVER { color: #000000; }

.CommonSidebarHeader
{
	text-align: left;
	font-family: Arial, Verdana, "Times New Roman";
	background-color: #C5A500; /* was #e2eecd */
	color: #FFFFFF;
	text-decoration: bold;
	padding: 5px 9px 5px 9px;
	margin: 0px;
	background-image: none;
	background-position: top left;
	background-repeat: no-repeat;
	font-size: 0.75em;
}
.CommonSidebarHeader A:LINK { color: #FFFFFF; }
.CommonSidebarHeader A:ACTIVE { color: #FFFFFF; }
.CommonSidebarHeader A:VISITED { color: #FFFFFF; }
.CommonSidebarHeader A:HOVER { color: #FFFFFF; }


.CommonSidebarContent
{
	font-family: Arial, Verdana, "Times New Roman";
	font-size: 0.75em;
	color: #000000;
	margin: 0px 5px 0px 5px;
	border-style: solid;
	border-width: 0px;
	border-color: #cccccc;
	background-color: #FED201;
	width: 100%;
}

#welcome
{
    color: #000000;
    padding-top: 5px;
}

#welcome a:link, #welcome a:visited, #welcome a:active, #welcome a:hover
{
	color: #000000;	
}

.CommonSidebarContentItem
{
	margin-bottom: 0px;
	display: list-item;
	list-style-type: none;	
	margin-left: 0px;
	color: #333333;
}

.CommonSidebarFooter
{
	font-family: Arial, Verdana, "Times New Roman";
	color: #333333;
	padding: 5px;
	border-style: solid;
	border-width: 0px;
	border-top-width: 0px;
	border-color: #cccccc;
	background-color: #FED201;
	width: 90%;
	overflow: hidden;
	margin-left: 10px;
	text-align:right;
}

UL.CommonSidebarList
{
	margin: 0px;
	padding: 0px;
}

UL.CommonSidebarList LI
{
	margin-bottom: 2px;
	list-style-type: none;	
	color: #000000;
}

UL.CommonSidebarRssList
{
	margin: 0px;
	padding: 0px;
}

UL.CommonSidebarRssList LI
{
	margin-bottom: 5px;
	padding-bottom: 1px;
	margin-left: 16px;
	list-style-image: url(../images/common/feed-icon-12x12.png);	
	color: #698d73;
}

LI.CommonSidebarRssListItem
{
	margin-bottom: 5px;
	padding-bottom: 1px;
	margin-left: 16px;
	list-style-image: url(../images/common/feed-icon-12x12.png);	
	color: #698d73;
}

.CommentTitle
{
	margin: 0px;
	padding: 0px;
}

.CommentTitle A:LINK, .CommentTitle A:ACTIVE, .CommentTitle A:VISITED, .CommentTitle A:HOVER
{
    color: #000000;
    text-decoration: none;
}

/*
Join Form Styles
*/

.JoinTitle
{
	width: 100%;
	text-align: left;
	font-family: Arial, Verdana, "Times New Roman";
	font-size: 120%;
	font-weight: bold;
	background-color: #FFFFFF;
	color: #4B798A;
	padding: 0px;
	padding-left: 0px;
	margin: 0px;
	margin-top: 20px;
}

.JoinArea
{
	width: 100%;
	font-family: Arial, Verdana, "Times New Roman";
	font-size: 100%;
	color: #000000;
	background-color: #FFFFFF;
	padding: 0px;
	padding-bottom: 16px;
	text-align: left;
}

.ForumPostAttachment
{
	font-family: Arial, Verdana, "Times New Roman";
	font-size: 90%;
	font-weight: bold;
	color: #333333;
	padding: 4px;
	padding-left: 8px;
}

.Comment
{
	padding: 2px;
	padding-left: 5px;
}

.CommentContent
{
	border-left-width: 0px;
}

.CommentTitle
{
	font-size: 110%;
	margin: 0px;
	padding: 0px;
	color: #00A0D2;
	border-bottom: 1px solid #00A0D2;
}

.CommentTitle A:LINK, .CommentTitle A:ACTIVE, .CommentTitle A:VISITED, .CommentTitle A:HOVER
{
    color: #00A0D2;
}

.CommentText
{
	padding-top: 2px;
	padding-bottom: 2px;
}

.CommentFooter
{
	font-size: 80%;
	color: #999999;
}
#CommonCommentForm .smallbox, #CommonContactForm .smallbox {
	width: 350px;
	padding: 2px;
	border-top: 1px solid #00A0D2;
	border-right: 1px solid #E2E3D1;
	border-bottom: 1px solid #E2E3D1;
	border-left: 1px solid #E2E3D1;
}

#CommonCommentForm textarea, #CommonContactForm textarea {
	width: 480px;
	height: 150px;
	padding: 2px;
	border-top: 1px solid #00A0D2;
	border-right: 1px solid #E2E3D1;
	border-bottom: 1px solid #E2E3D1;
	border-left: 1px solid #E2E3D1;
	font-size: 1em;
	}
	
.CommonDescription
{
	font-family: Arial, Verdana, "Times New Roman";
	font-size: 0.90em;
	color: #333333;
	padding: 0px 0px 8px 0px;
	margin-top: 2px;
	margin-bottom: 15px;
}

.CommonTagCloud
{
	background-color: #f7f7f7;
	padding: 8px;
	padding-top: 16px;
	padding-bottom: 16px;
	margin: 0px;
	margin-bottom: 16px;
	margin-top: 16px;
	color: #999999;
	list-style-type: none;
}

.CommonSidebarTagCloud
{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	width: 180px;
}

.mainmenu-home,
.mainmenu-actueel,
.mainmenu-dossiers,
.mainmenu-overdezesite,
.mainmenu-contact
{
	height: 33px;
	width: 110px;
	overflow: hidden;	
}
.mainmenu-home:hover,
.mainmenu-actueel:hover,
.mainmenu-dossiers:hover,
.mainmenu-overdezesite:hover,
.mainmenu-contact:hover
{
	background-position: 0 0;
}

.mainmenu-home { background: transparent url("../images/mainmenu-home.gif") no-repeat 0 -33px; }
.mainmenu-actueel { background: transparent url("../images/mainmenu-actueel.gif") no-repeat 0 -33px; }
.mainmenu-dossiers { background: transparent url("../images/mainmenu-dossiers.gif") no-repeat 0 -33px; }
.mainmenu-overdezesite { background: transparent url("../images/mainmenu-overdezesite.gif") no-repeat 0 -33px; }
.mainmenu-contact { background: transparent url("../images/mainmenu-contact.gif") no-repeat 0 -33px; }
div.CommonSidebarContent div.item-listing ul li span.date
{
	color: #1E586D;
}