/** 
* Created by: Wibo Posthumus
* file:  home.css 
* This file overwrites some values of main.css specific for the homepage.
**/

.page .pageContent
{
	margin: 21px 28px 28px 28px;
}

.newsTeaser
{
	position: relative;
}

.newsTeaser .teaserItem
{ 
	position: absolute;
	width: 300px;
	left: 600px;
	background-color: #f0e6e4;
}

.newsTeaser .teaserItem .teaserHeader
{
	background-color: #40312e;
	height: 22px;
	padding: 4px 12px;
}

.newsTeaser .teaserItem .teaserHeader h2
{
	color: #fff;
	font-size: 14px;
	float: left;
}

.newsTeaser .teaserItem .teaserHeader a
{
	color: #999999;
	text-decoration: none;
	float: right;
	font-size: 11px;
	margin-top: 3px;
	padding-right: 24px;
	background: url(../images/icon_rss.gif) no-repeat right 0;
}

.newsTeaser .teaserItem .teaserHeader a:hover
{
	color: #ef4223;
	background-position: right -18px;
}

.newsTeaser .teaserItem .teaserContent
{
	border: 1px solid #c5c1c0;
	padding: 0px 12px;
	height: 119px;
}

.newsTeaser .teaserItem .teaserContent .teaserMeta
{
	font-size: 11px;
	color: #999999;
	padding: 4px 0px 0px 0px;
}

.newsTeaser .teaserItem .teaserContent a
{
	text-decoration: none;
	color: #40312e;
}

.newsTeaser .teaserItem .teaserContent p
{
	height: 55px;
	overflow: hidden;
}

.newsTeaser .teaserItem .teaserContent .more
{
	text-align: right;
	border-top: 1px solid #c5c1c0;
	padding: 5px 0px 0px 0px;	
}

.newsTeaser .teaserItem .teaserContent .more a,
.page .pageContent .promoBar .more .special .specialLink a
{
	padding-right: 11px;
	font-size: 13px;
	font-weight: bold;
	color: #ef4223;
	text-decoration: none;
	background: url(../images/icon_biglink.gif) no-repeat right 5px;
}

.newsTeaser .teaserItem .teaserContent .more a:hover,
.page .pageContent .promoBar .more .special .specialLink a:hover
{
	text-decoration: underline;
}


/*mainContent*/
.page .pageContent .mainContent
{ 
	float: none;
	width: 900px; /* Clearing Floats Quircksmode solution */
	overflow: hidden; /* Clearing Floats Quircksmode solution */
	margin: 20px 0px 0px 0px;
}

/* important Item */
.importantItem
{
	background-color: #f8f8f8;
	border: 1px solid #e6e6e6;
	padding: 8px 11px 11px;
	width: 271px;
	float: left;
}

.importantItem h2
{
	margin: 0px 0px 8px;
}

.importantItem .content,
.importantItem .contentNoBtn
{
	border-top: 1px solid #e6e6e6;
	padding: 5px 0px;
	height: 90px;
	overflow: hidden;
}

.importantItem .contentNoBtn
{
	height: 135px;
}

.importantItem ul
{
	margin: 0 0 12px;	
}

.importantItem ul li
{
	background: url("../images/list_style_image.png") no-repeat 0 7px;
	padding: 0 0 0 12px;
}

.importantItem a.importantButton
{
	display: block;
	text-align: center;
	height: 34px;	
	background: url(../images/btn_important_right.gif) no-repeat right 0;
	text-transform: uppercase;
	font-size: 14px;
	text-decoration: none;
	font-weight: bold;
	margin-top: 11px;
}

.importantItem a.importantButton span
{
	background: url(../images/btn_important_left.gif) no-repeat left 0;
	display: block;
	height: 26px;
	padding-top: 8px;
}

.importantItem a.importantButton:hover
{
	background-position: right -34px;
	color: #fff;
}

.importantItem a.importantButton:hover span
{
	background-position: left -34px;
}

.videoItem
{
	width: 290px;	
	float: left;
	margin: 0px 10px;
}

/* PromoBar */
.page .pageContent .promoBar
{ 
	margin-top: 20px;
	clear: both;
	float: none;
	width: 874px; 
	overflow: hidden;
	background-color: #f8f8f8;
	border: 1px solid #e6e6e6;
	padding: 5px 11px;
}

.page .pageContent .promoBar .mainPromoItem
{
	width: 133px;
	float: left;
}

.page .pageContent .promoBar .subPromoItems
{
	padding: 0px 0px 0px 6px;
	float: left;
	border: none;
	border-left: 1px solid #e6e6e6;
}

.page .pageContent .promoBar .subPromoItems a
{
	margin-left: 15px;
	display: block;
	float: left;
}

.page .pageContent .promoBar .subPromoItems a.leftItem
{
	margin-left: 0px;
	margin-right: 0px;	
}

.page .pageContent .promoBar .more .special
{
	float: left;
	width: 427px;
	margin: 10px 0px 10px 9px;
}

.page .pageContent .promoBar .more .special img
{
	margin-right: 10px;
	float: left;
}


.page .pageContent .promoBar .more .special .specialLink
{
	text-align: right;
}

.page .pageContent .promoBar .more .leftItem
{
	margin-left: 0px;
	border-right: 1px solid #e6e6e6;
	padding-right: 10px;
}

.page .pageContent .promoBar .more
{
	clear: both;
}