/** Speler 2 CSS - Frontpage *
 **/

/* FRONTPAGE KOLOMMEN */

#content .column.frontpage.left,
#content .column.frontpage.right {
	width: 480px;
}

/* KADERS */

div.kadercontainer {
	min-height: 480px;
}

div.kadercontainer.lessminheight {
	min-height: 450px !important;	
}

#content .column.frontpage.right .kader {
	width: 480px;
}

#content .column.frontpage .kader .top .overlay {
	width: 480px;
	background: transparent url(../images/kader_overlay_top.png) no-repeat top left;
}
		
	
#content .column.frontpage .kader .content {
	min-height: 360px;
	width: 450px;
}

	
#content .column.frontpage .kader .bottom .overlay {
	width: 480px;
	background: transparent url(../images/kader_overlay_bottom.png) no-repeat top left;
}

/* HOOFDARTIKEL */

#content .column.frontpage .kader.hoofdartikel {
	height: 150px;
	background: transparent none;
	
}

	.kader.hoofdartikel .afbeelding {
		float: left;
		padding: 5px 5px 0px 5px;
		position: absolute;
	}
	
	.kader.hoofdartikel .overlay {
		float: left;
		width: 480px;
		height: 150px;
		background: transparent none no-repeat top left;
		position: absolute;
	}
	
	.kader.hoofdartikel .tekst {
		float: left;
		width: 460px;
		height: 45px;
		padding: 0px 10px;
		position: absolute;
	}
	
		.kader.hoofdartikel .tekst h3 a {
			float: left;
			width: 460px;
			font-weight: bold;
			color: #fff;
			line-height: 45px;
			padding-top: 105px;
		}

/* KOPPEN */

#content .column div.header {
	float: left;
	width: 460px;
	height: 60px;
	margin: 10px 0px;
	padding: 0px 10px;
	background: transparent url(../images/frontpage_header.gif) no-repeat top left;
}
	
	#content .column .header h3 {
		font-size: 22px;
		line-height: 25px;
	}