div.left-column
{
	width: 466px;
	margin-right: 9px;
	float: left;
 position: relative;
}
div.right-column
{
	width: 465px;
	float: left;
 position: relative;
}
div.center-column
{
	clear: both;
	width: 939px;
}

	/**
	 * left column
	 */

	 /* zoeken,toprated en Collecties */
 div.left-column div.content-area.zoeken,
 div.left-column div.content-area.toprated,
 div.center-column div.content-area.collections
	{
		 margin-bottom: 7px;
		 position: relative;
	}
	
 div.left-column div.content-area.zoeken
{
  margin-bottom: 22px;
}

	div.left-column div.content-area.zoeken div.top
 {
	 	background: transparent url("/images/global/content-tab-466-233.png") no-repeat 0 0;
	}
	div.left-column div.content-area.zoeken div.middle
	{

	}
	div.left-column div.content-area.zoeken div.middle div.smVideoSearchForm
	{
		padding: 0 8px 8px 8px;
	}
	div.left-column div.content-area.zoeken div.middle input.smButton
	{
		position: relative;
		color: #fff;
		font-weight: bold;
		width: 92px;
		height: 21px;
		background: transparent url("/images/global/button-zoek.gif") no-repeat 0 0;
		border: none;
		margin-left: 4px;
		top: 11px;
		cursor: pointer;
	}
	div.left-column div.content-area.zoeken div.middle input.smQuery
	{
		width: 345px;
		border: 1px solid #cccccc;
		height: 19px;
		position: relative;
		top: 8px;
		margin-bottom: 8px;
	}
	div.left-column div.content-area.zoeken div.middle div.smVideoSearchForm div.smType
	{
		float: left;
	 position: relative;
		margin-top: 5px;
	}
	div.left-column div.content-area.zoeken div.middle div.smVideoSearchForm div.smType input
	{
		margin: 2px 2px 0 0;
	}

	div.left-column div.content-area.zoeken div.middle div.smVideoSearchForm div.smType div.smLabel
	{
		padding-right: 10px;
	}
	div.left-column div.content-area.zoeken div.middle div.smVideoSearchForm div.smType *
	{
		float: left;
	 position: relative;
	}

    div.left-column div.content-area.toprated div.top
	{
		background: transparent url("/images/global/content-tab-466-183.png") no-repeat 0 0;
	}
		div.left-column div.content-area.zoeken div.top h2,
		div.left-column div.content-area.toprated div.top h2,
		div.center-column div.content-area.collections div.top h2,
		div.right-column div.content-area.mostrecent div.top h2,
		div.right-column div.content-area.tagcloud div.top h2
		{
			width: 234px;
		}
		/* links rechtsboven wit tab vlak*/
		div.left-column div.content-area.zoeken div.top div.link,
		div.left-column div.content-area.toprated div.top div.link,
		div.center-column div.content-area.collections div.top div.link,
		div.right-column div.content-area.tagcloud div.top div.link,
		div.right-column div.content-area.mostrecent div.top div.link
		{
			width: 220px;
		}

		div.left-column div.content-area.zoeken div.middle,
		div.left-column div.content-area.toprated div.middle
		{
			background-color: white;
			height:auto;
		}
		div.left-column div.content-area.zoeken div.bottom,
		div.left-column div.content-area.toprated div.bottom
		{
			clear: both;
			background: transparent url("/images/global/content-bottom-466.png") no-repeat 0 0;
		}
		div.left-column div.content-area.toprated div.smLink,
		div.right-column div.content-area.mostrecent div.smLink
		{
			display: none;
			position: relative;
			clear: both;
			color: #009fda;
			font-weight: bold;
			cursor: pointer;
			padding: 4px 0 0 30px;
			background: #fff url("/images/global/icons/magnifier.gif") no-repeat 10px 4px;
		}


	/**
	 * right column
	**/
	div.right-column div.content-area.tagcloud,
	div.right-column div.content-area.mostrecent
	{
		margin-bottom: 7px;
	}

	div.right-column div.content-area.tagcloud div.top
	{
		background: transparent url("/images/global/content-tab-466-323.png") no-repeat 0 0;
	}

	div.right-column div.content-area.mostrecent div.top
	{
		background: transparent url("/images/global/content-tab-466-183.png") no-repeat 0 0;
	}
		div.right-column div.content-area.tagcloud div.middle
		{
		}
		div.right-column div.content-area.mostrecent div.middle
		{
		}

		/* Tag cloud */
		div.right-column div.content-area.tagcloud div.middle div.smTagCloud
		{
			padding: 8px;
			width: 440px;
			overflow: hidden;
		}
		div.right-column div.content-area.tagcloud div.middle div.smTagCloud div.smTag
		{
			display:inline;
		}
		div.right-column div.content-area.tagcloud div.bottom,
		div.right-column div.content-area.mostrecent div.bottom
		{
			clear: both;
			background: transparent url("/images/global/content-bottom-466.png") no-repeat 0 0;
		}
	/**
	 * both
	 */
	div.smColumn
	{
		float: left;
		width: 230px;
		position: relative;
	}
		div.smColumn div.smMedia
		{
			clear: both;
			padding: 8px;
			height: 65px;
			overflow: hidden;
			background: #fff url("/images/global/divider.gif") repeat-x 0 80px;
			position: relative;
		}

			div.smColumn div.smMedia div.smTitle
			{
				color: #009fda;
				font-weight: bold;
				cursor: pointer;
				width: 118px;
			}
			
			div.smColumn div.smMedia div.smTitle,
			div.smColumn div.smMedia div.smOrganisaton,
			div.smColumn div.smMedia div.smCreator
			{
				width: 120px;
				overflow:hidden;
				text-overflow: ellipsis;
				float: left;
				position: relative;
			}

			div.smColumn div.smMedia div.smSource
			{
				float: left;
				width: 86px;
				height: 65px;
				padding-right: 8px;
				cursor: pointer;
				position: relative;
				overflow: hidden;
			}
			div.smColumn div.smMedia div.smVideo img
			{
				width: 86px;
				height: 65px;
			}
			div.smColumn div.smMedia div.smSource.smDenied div.smAudio,
			div.smColumn div.smMedia div.smSource.smDenied div.smVideo
			{
				width: 86px;
				height: 65px;
				background: transparent url("/images/global/lock.jpg") no-repeat 20px 8px;
			}
	/**
	 * Center column
	 */
	div.center-column div.content-area.collections div.top
	{
		background: transparent url("/images/global/content-tab-938-182.png") no-repeat 0 0;
	}
	
	div.main-container div.content-container div.content-area.collections div.middle
	{
   position: relative;
	 	background: #ffffff url(/images/global/content-middle-936.gif) repeat-y left top;
	 	width: 937px;
	}
		div.center-column div.content-area.collections div.middle div.collectie-info
		{
			float: left;
			width: 291px;
			padding: 4px;
			position: relative;
		}
			div.center-column div.content-area.collections div.middle div.collectie-info div.ms-formfieldvaluecontainer
			{
				z-index: 100;
				position: relative;
			}
		div.center-column div.content-area.collections div.middle div.recent,
		div.center-column div.content-area.collections div.middle div.popular
		{
			float: left;
			width: 200px;
			padding: 0px;
			background: transparent;
		}
		div.center-column div.content-area.collections div.middle div.selection
		{
			float: left;
			width: 230px;
			background: transparent;
			position: relative;
		}

	div.center-column div.content-area.collections div.bottom
	{
		clear: both;
		background: transparent url("/images/global/content-bottom-941.png") no-repeat 0 0;
	}

/**
 * recent + popular
 */
div.recent div.titles,
div.popular div.titles,
div.selection div.titles
{
	height: 20px;
	background: #fff url("/images/global/divider.gif") repeat-x 0 100%;
	margin-left: 4px;
}
div.popular div.titles{
	margin-left: 0px;
}
div.selection div.titles{
	padding-right: 0px;
	width:234px;
}

div.recent div.titles h2,
div.popular div.titles h2,
div.selection div.titles h2
{
	color: #094085;
	font-size: 12px;
	display: block;
	float: left;
 position: relative;
	width: 190px;
	padding-left: 8px;
	color: #666666;
}
div.selection div.titles h2
{
	float: none;
	width: 100px;
}
div.recent div.meer-link,
div.popular div.meer-link,
div.selection div.meer-link
{
	margin-left: 8px;
}
div.recent div.meer-link,
div.popular div.meer-link
{
	line-height: 3px;
}

div.smCollectionRecent div.smColumn,
div.smCollectionPopular div.smColumn,
div.smCollectionSelection div.smColumn
{
	width: 180px;
}
div.smCollectionRecent
{
	clear: both;
	float: left;
 position: relative;	
	width: 190px;
	padding: 8px 0 0 8px;
}
div.smCollectionPopular
{
	float: left;
 position: relative;	
	width: 150px;
	padding: 8px 0 0 8px;

}
div.smCollectionSelection
{
	padding: 8px 0 0 8px;
}
div.smCollectionRecent div.smCollection,
div.smCollectionPopular div.smCollection,
div.smCollectionSelection div.smCollection,
div.smCollectionRecent div.smMore,
div.smCollectionPopular div.smMore,
div.smCollectionSelection div.smMore
{
	color: #009FDA;
	font-weight: bold;
	cursor: pointer;
	line-height: 18px;
}
div.smCollectionRecent div.smMore,
div.smCollectionPopular div.smMore,
div.smCollectionSelection div.smMore
{
	width: 150px;
	background: #fff url("/images/global/pijl-klein-blauw.gif") no-repeat 0 6px;
	padding: 0 9px 0 11px;
}
div.meer-link
{
	color: #009FDA;
	font-weight: bold;
	cursor: pointer;
	line-height: 18px;
	width: 150px;
	background: #fff url("/images/global/pijl-klein-blauw.gif") no-repeat 0 6px;
	padding: 0 9px 0 11px;
}
			div.left-column div.content-area.toprated div.middle div.caption,
			div.left-column div.content-area.toprated div.middle div.meer
			{
				height: 15px;
			}
				div.left-column div.content-area.toprated div.middle div.caption div.beoordeeld,
				div.left-column div.content-area.toprated div.middle div.caption div.meer-recent,
				div.left-column div.content-area.toprated div.middle div.meer div.beoordeeld,
				div.left-column div.content-area.toprated div.middle div.meer div.meer-recent
				{
					width: 220px;
					padding: 0 0 0 8px;
					float: left;
					position: relative;
					color: #666;
				}
			div.left-column div.content-area.toprated div.middle div.media-listing
			{
				margin: 4px 0 0 0;
				clear: both;
				padding-top:9px;
				height: 243px;
				background: #fff url("/images/global/media-listing-background.gif") repeat-x 0 0;

			}
				div.left-column div.content-area.toprated div.middle div.media-listing div.smVideoBest,
				div.left-column div.content-area.toprated div.middle div.media-listing div.smVideoRecent
				{
					width: 220px;
					float: left;
					position: relative;
				}
				div.left-column div.content-area.toprated div.middle div.media-listing div.smColumn div.smMedia
				{
					background: none;
				}