/* Start of CMSMS style sheet 'flip' */
/* -- Start reset --*/
	p{
		margin: 0; padding: 0; border: 0;
	}
	.floatfixer{
		clear:both;
		line-height:0;
	}
        
/* -- Einde reset --*/


/*-- Start boxen --*/
    #leftcontent {
		padding: 0 7px;
		background: transparent url(images/box/bg_content.png) repeat;
	}
	#lefttop, #leftbottom {
		height: 7px;
		background: transparent url(images/box/humortv_backgrounds.png) no-repeat 0 -40px;
	}
	#leftbottom {
		background: transparent url(images/box/humortv_backgrounds.png) no-repeat 0 -60px;
	}
	
	#right {
		float: left;
		/* margin-top: 70px;*//* als we kruimelpad toch ooit gaan gebruiken */
		margin-top: 55px;
		margin-bottom: 30px;
		padding: 0 10px;
		width: 720px;
		background: transparent url(images/box/bg_content.png) repeat;
	}

	.box {height:100%;
		margin: 5px 0 0;
                background:none transparent;
                overflow: hidden;
                clear:both;
                
	}
	.bxtop,
	.bxbottom {
		margin: 0 0 0 10px;
		height: 10px;
		font-size: 0;/* voor IE6 */
		background: transparent url(images/box/humortv_backgrounds.png) no-repeat 100% -180px;
	}
	.bxbottom {
		background-position: 100% -240px;
	}
	.bxtop div,
	.bxbottom div {
		position: relative;
		left: -10px;
		width: 10px;
		height: 10px;
		background: transparent url(images/box/humortv_backgrounds.png) no-repeat 0 -180px;
	}
	.bxbottom div {
		background-position: 0 -240px;
	}
	.bxouter {
		border-left: 1px solid #999;
		border-right: 1px solid #999;
		padding: 1px 10px 0;/*padding-top nodig om collapsende verticale margins te voorkomen */
		background: #fffdfa url(images/box/bg_box.jpg) repeat-x 0 100%;;
	}
	
	.box.double .bxtop {
		background-position: 100% -100px;
	}
	.box.double .bxbottom {
		background-position: 100% -110px;
	}
	.box.double .bxouter {
		border: none;
		background: transparent url(images/box/bg_box_double.gif) no-repeat 0 100%;
	}
	/* de bg van .box.double .bxtop div en .bxbottom div is zelfde hoekje als van normale box, dus hoeft niet overruled te worden */
/*-- Einde boxen --*/



/*-- Start video ankeilers --*/
	.content_container {
		margin: -16px -6px 0;/* heft vert margin van contentboxen (nodig voor als er 2 rijen zijn) en hor padding van bxouter deels op */
	}
	.contentbox {
		display: inline;/* fixt IE6 double margin bug */
		float: left;
		/* margin: 12px 6px 0; */
		margin: 8px 5px 0;
		width: 136px;
		color: #999;
	}
	.contentbox a {
		color: #999;
	}
	.views {
		font-size: 11px;
	}
	
	
	.imgbxinner {
		position: relative;/* nodig om content hierbinnen absoluut te kunnen positioneren (bijv span.time) */
		font-size:0;
		background: #000;
	}
	.imgbxinner a {
		text-decoration: none;
	}
	.imgbxinner .time {
		position: absolute;
		top: 54px;/* IE6 interpreteert bottom niet juist, daarom mbv top *//*todo: juiste maat geven */
		right: 3px;
		padding: 0 3px;
		background: #000;
		color: #fff;
		font-weight: bold;
		font-size: 11px;
	}
	.imgbxinner .titel {
	position: absolute;
	top: 0px;/* IE6 interpreteert bottom niet juist, daarom mbv top *//*todo: juiste maat geven */
	padding: 0 3px;
	color: #000;
	font-weight: bold;
	font-size: 11px;
	background-color: #fff;
	
	}
/*-- Einde video ankeilers --*/

/*-- Start algemene classes --*/
		.actionbar {
		margin-top: 5px;
		padding: 0 10px;
		text-align: right;
	}
	a.actionlink {
		padding-left: 45px;
		background: transparent url(http://humortv.vara.nl/fileadmin/template/main/css/images/humortv_icons.gif) 0 -215px no-repeat;
		color: #f60;
		font-weight: bold;
		text-decoration: none;
	}
	a.actionlink:hover {
		color: #007572;
		background-position:  -381px -215px;
	}
	#right #spotankeilers a.actionlink {
		padding-left: 0;
		background: transparent;
		font-size: 12px;
	}
	#right a.actionlink {
		font-size: 14px;
	}

/* End of 'flip' */