/*
 * @author:	Geert Romijn
 * @UI: 	ChristenUnie2010
 * @about: 	variant-home.css - CSS file for the homepage variant
 */

/*
	Reset
	Reset the default (inherited) layout and positioning
*/
#header {
	height: 110px;
}

h1 {
	left: -999em;
	position: absolute;
}

#left,
#right {
	top: 455px;
}

#content {
	background: #00a8e9;
	height: 310px;
	overflow: hidden;
	position: relative;
	top: 82px;
	width: 968px;
}

/*
 * ProtoBox
 */

/* Article Selector */
.left {
	left: 20px;
	position: absolute;
	top: 25px;
	width: 225px;
	z-index: 22;
}

.left h2 {
	color: #fff;
	font-size: 12px;
	line-height: 15px;
	margin-bottom: 15px;
	cursor: pointer;
	white-space: nowrap;
}

.left h2:hover {
	color: #002465 !important;
	cursor: pointer;
}

#pBox-pointer {
	left: 15px;
	position: absolute;
	top: 20px;
	z-index: 21;
}

/* Artiles in ProtoBox */
.background {
	left: 0;
	position: absolute;
	top: 18px;
	z-index: -1;
}

.right {
	float: right;
	height: 275px;
	overflow: hidden;
	padding: 18px 18px 0 0;
	position: relative;
	width: 705px;
	z-index: 20;
}

.right h2 {
	background: url(../img/stippellijn.gif) repeat-x 0 100%;
	color: #002465;
	margin-bottom: .5em;
	padding-bottom: .5em;
}

.right .article_content {
	background: url(../img/bg-pbox-article.png);
	border: 1px solid #fff;
	margin: 12px;
	float: right;
	padding: 18px;
	top: 0;
	width: 275px;
}

.right p {
	margin-top: 0;
}

.right .block-link {
	background: #002465 url(../img/readOnRight.gif) no-repeat 100% 1px;
	color: #fff;
	display: block;
	padding: 0px 0 2px 5px;
}

.right .block-link:hover {
	background-color: #00a7eb;
	background-position: 100% -18px;
	color: #fff;
}

#center {
	top: 440px;
}

/* reset position of content container */
#article_content {
	top: 0 !important;
}


/* Bigger newslist headings on homepage
div.newslistitem {
	margin-bottom: 1.5em;
	padding-bottom: 25px;
	padding-left: 0;
}

div.newslistitem h3,
#article_content div.article h2 {
	font-size: 200%;
	line-height: 1.2em;
	margin-bottom: .3em;
	text-align: left;
}*/