#widget-container
{
	display: block;
	margin: 0 auto;
}

#widget-container td
{
	vertical-align: top;
	width: 50%;
}

#calendar
{
	margin: 0 auto;
	border: 1px solid #000000;
}
	

#calendar td
{
	padding: 5px 5px 5px 5px;
	border: 1px solid #FFF;
}

	#calendar td:hover
	{
		background-color: #ECECEC;
		cursor: pointer;
		border: 1px solid #CCCCCC;
	}
	
	#calendar .notInMonth
	{
		color: #CCCCCC;
	}

	#calendar tr .hasActiviteit
	{
		background-image: URL( '/gfx/marker.gif' );
		background-repeat: no-repeat;
		background-position: top right;
	}

.widget
{
	width: 250px;
	float: left;
	margin-right: 15px;
	margin-bottom: 15px;
	

}

	.widget .top
	{
		/* To Do */
		background-image: URL( '/gfx/widgets/widget_top.png' );
		background-repeat: no-repeat;
		width: 250px;
		height: 17px;
		float: left;
	}
	
	.widget .content
	{
		/* To Do */
		background-image: URL( '/gfx/widgets/widget_content.png' );
		background-repeat: repeat-y;
		width: 240px;
		float: left;
		padding-left: 10px;
	}
		
		.content h2
		{
			font-size: 12px;
			font-weight: bold;
			margin: 0;
			padding: 0;
		}
		
		.meerinfo
		{
			text-align: right; 
			padding-right: 10px;
			margin-top: 3px;
			margin-bottom: 0px;
		}
		
		.kalender
		{
			width: 238px;
			background-image: URL( '/gfx/widgets/kalender_bg.png' );
			background-repeat: no-repeat;
			float: right;
		}
		
		.kalender h3
		{
			font-size: 60px;
			text-align: center;
			padding-top: 100px;
			padding-right: 20px;
			margin: 0;
		}
		
		.kalender .maand
		{
			font-size: 36px;
			text-align: center;
			padding-right: 20px;
			margin: 25px 0 15px 0;
		}
		
		.kalender .omschrijving
		{
			padding-right: 10px;
			padding-left: 10px;
			margin: 0;
		}
	
	#tekening img
	{
		display: block;
		border: 0px;
		margin: 0 auto;
		padding: 5px;
	}
	
	.widget .bottom
	{
		/* To Do */
		background-image: URL( '/gfx/widgets/widget_bottom.png' );
		background-repeat: no-repeat;
		width: 250px;
		height: 21px;
		float: left;
	}
	
.widget-wide
{
	float: left;
	margin-right: 15px;
	margin-bottom: 15px;
	

}

	.widget-wide .top
	{
		/* To Do */
		background-image: URL( '/gfx/widgets/widget_wide_top.png' );
		background-repeat: no-repeat;
		width: 556px;
		height: 21px;
		float: left;
	}
	
	.widget-wide .content
	{
		/* To Do */
		background-image: URL( '/gfx/widgets/widget_wide_content.png' );
		background-repeat: repeat-y;
		width: 550px;
		float: left;
		padding-left: 10px;
	}
		
		.widget-wide .meerinfo
		{
			padding-right: 20px;
		}
	
	.widget-wide .bottom
	{
		/* To Do */
		background-image: URL( '/gfx/widgets/widget_wide_bottom.png' );
		background-repeat: no-repeat;
		width: 556px;
		height: 17px;
		float: left;
	}