/** 
* Created by: Wibo Posthumus
* file:  main.css 
**/

.colors
{
	color: #40312e; /*dark brown*/
	color: #ef4223; /*Hellas Red*/
	color: #fff100; /*Hellas Yellow*/
	color: #e6e6e6; /*Light Grey*/
	color: #ececec; /*submenu grey*/
	color: #f8f8f8; /*Header Grey*/	
	color: #f0e6e4; /* Hellas Lightbrown*/
}

/** base font definitions **/
.page{
	font-size: 13px;
	font-family: Arial, helvetica, sans-serif;
	color: #40312e;
}
.page h1{
	font-size: 28px;
	line-height: 34px;
	margin: 0px 0px 6px 0px;
}
.page h2{
	font-size: 20px;
	line-height: 21px;
	margin: 0px 0px 4px 0px;
}
.page h3{
	font-size: 14px;
}
.page h4{
	font-size: 100.00%; /* = 13pixels */
}

.page p
{
	margin: 0px 0px 12px 0px;
}

a
{
	color: #40312e;
	text-decoration: underline;
}

a:hover
{
	color: #ef4223;
}

a.bigLink
{
	text-transform: uppercase;
	text-decoration: none;
	font-weight: bold;
	padding: 0 0 0 12px;
	background: url(../images/icon_biglink.gif) no-repeat 0 5px;
}

a.bigLink span
{
	color: #ef4223;
}

/** page layout definitions **/
html
{
	background-color: #999;
}
.page
{ 
	width: 956px;
	background-color: #fff;
	line-height: 18px;
}

.page .header
{
	padding: 14px 0px 0px 0px;
	background-color: #f8f8f8;
	height: 74px;
	/*TODO top margin aanpassen*/
}

.page .header .logo
{
	padding-left: 28px;
	height: 62px; /*IE7 & IE6*/
	overflow: hidden; /*IE6*/
}

.page .header .eventDate
{
	padding-right: 28px;
	float: right;
	margin-top: 21px;
	height: 40px; /*IE7 & IE6*/
	overflow: hidden; /*IE 6*/
}

.page .mainMenu
{
	background: url(../images/bg_mainmenu.png) repeat-x 0 0;
	height: 39px; /* ie6 */
}

/*FF and IE7+*/
html>body .page .mainMenu
{
	min-height: 39px;
	height: auto;
}

.page .mainMenu ul li
{
	float: left;
}

.page .mainMenu ul.topNavigation
{
	padding: 0px 28px 6px 28px;
	height: 26px;	
}

.page .mainMenu ul.topNavigation li
{
	margin-right: 6px;
}

.page .mainMenu ul.topNavigation li a
{
	display: block;
	float: left;
	font-size: 14px;
	height: 26px;
	background: url(../images/btn_topnav_right.png) no-repeat right 0;
	text-decoration: none;
}

.page .mainMenu ul.topNavigation li a:hover
{
	color: #40312e;
	background-position: right -26px;
}

.page .mainMenu ul.topNavigation li.active a,
.page .mainMenu ul.topNavigation li.active a:hover
{
	background-position: right -52px;
	color: #fff;
}

.page .mainMenu ul.topNavigation li a span
{
	display: block;
	float: left;
	padding: 3px 10px 0px;
	height: 23px;
	background: url(../images/btn_topnav_left.png) no-repeat left 0;
	cursor: pointer;
}

.page .mainMenu ul.topNavigation li a:hover span
{
	background-position: left -26px;
}

.page .mainMenu ul.topNavigation li.active a span,
.page .mainMenu ul.topNavigation li.active a:hover span
{
	background-position: left -52px;
}

.page .mainMenu ul.topNavigation li.lastItem
{
	float: right;
	margin-right: 0px;
}

.page .mainMenu ul.topNavigation li.lastItem a
{
	background: url(../images/icon_twitter.png) no-repeat 0 0;
	width: 61px;
	height: 23px;	
}

.page .mainMenu ul.topNavigation li.lastItem a:hover
{
	background-position: 0 -23px;
}

.page .mainMenu ul.topNavigation li.lastItem a span
{
	display:none;
}


/*Mainmenu subnavigation */
.page .mainMenu ul.subNavigation
{
	padding: 9px 28px 0px 28px;
	background: url(../images/bg_mainmenu_subitems.png) repeat-x 0 0;
	height: 26px;
}

.page .mainMenu ul.subNavigation li
{
	margin-right: 5px;
}

.page .mainMenu ul.subNavigation li a
{
	display: block;
	float: left;
	font-size: 12px;
	height: 19px;
	text-decoration: none;
}

.page .mainMenu ul.subNavigation li a:hover
{
	background: url(../images/btn_subnav_right.png) no-repeat right 0;
	text-decoration: none;
	color: #40312e;
}

.page .mainMenu ul.subNavigation li.active a,
.page .mainMenu ul.subNavigation li.active a:hover
{
	background: url(../images/btn_subnav_right.png) no-repeat right -19px;
	color: #fff;
}

.page .mainMenu ul.subNavigation li a span
{
	display: block;
	float: left;
	padding: 0px 5px 0px;
	height: 19px;
	cursor: pointer;
}

.page .mainMenu ul.subNavigation li a:hover span
{
	background: url(../images/btn_subnav_left.png) no-repeat left 0;
}

.page .mainMenu ul.subNavigation li.active a span,
.page .mainMenu ul.subNavigation li.active a:hover span
{
	background: url(../images/btn_subnav_left.png) no-repeat left -19px;
}

/*page*/
.page .pageContent
{
	margin: 28px;
	overflow: hidden; /* Clearing Floats Quircksmode solution */
	width: 900px; /* Clearing Floats Quircksmode solution */
}

/*page subnavigation*/
.page .pageContent .subNavigation
{ 
	width: 144px;
	margin-right: 6px;
}

.page .pageContent .subNavigation ul
{
	border: 1px solid #cccccc;
	background-color: #ececec;
	padding: 12px 10px;
}

.page .pageContent .subNavigation ul li a
{
	font-size: 12px;
	line-height: 19px;
	text-decoration: none;
	display: block;	
	padding: 0px 6px;
	height: 1%; /* Closing the gap between list items in IE6 */
}

/*FF and IE7+*/
html>body .page .pageContent .subNavigation ul li a
{
	height: auto;
}

.page .pageContent .subNavigation ul li.active a
{
	background: url(../images/btn_subnav_page.gif) no-repeat 0 -19px;
	color: #fff;
}

.page .pageContent .subNavigation ul li a:hover
{
	color: #40312e;
	background: url(../images/btn_subnav_page.gif) no-repeat 0 0;
}

.page .pageContent .subNavigation ul li.active a:hover
{
	color: #fff;
	background-position: 0 -19px;
}

/*mainContent*/
.page .pageContent .mainContent
{ 
	width: 416px;
	margin: 0px 28px 0px 6px;
}

.page .pageContent .mainContent .itemImage
{
	width: 225px; /* vervolgpagina zonder subnavigatie*/
	width: 219px; /* vervolgpagina met subnavigatie*/
	float: left;
	overflow: hidden;
	margin: 0px 12px 6px 0px;
}

.page .pageContent .mainContent .introItem
{
	margin: 0px 0px 18px 0px;
}

.page .pageContent .mainContent .introItem p.introText
{
	font-size: 16px;
	line-height: 22px;
}

.page .pageContent .mainContent .contentItem
{
	border-top: 1px solid #e6e6e6;
	padding: 8px 0px 4px 0px;
	clear: both;
}

.page .pageContent .mainContent .contentItem ul
{
	margin: 0px 0px 12px 0px;	
}

.page .pageContent .mainContent .contentItem ul li
{
	background: url(../images/list_style_image.png) no-repeat 0 7px;
	padding: 0px 0px 0px 12px;	
}

.page .pageContent .mainContent .contentItem .meta
{
	color: #999999;
	font-size: 11px;
	padding: 4px 0 0;
}

.page .pageContent .mainContent .contentItem span.attention
{
	color: #ef4223;
}

.page .pageContent .mainContent .contentItem iframe
{
	margin: 10px 0px 12px 0px;
}

/* promoBar */
.page .pageContent .promoBar
{ 
	width: 274px;
	background-color: #f8f8f8;
	border: 1px solid #e6e6e6;
	padding: 5px 12px;
}

.page .pageContent .promoBar .mainPromoItem
{
	padding: 0px 0px 10px;
}

.page .pageContent .promoBar .subPromoItems
{
	border-top: 1px solid #e6e6e6;
	padding: 5px 0px;
}

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

.page .pageContent .promoBar .more
{
	border-top: 1px solid #e6e6e6;
	padding: 6px 0px 2px;
}

/*Footer*/
.page .footer
{
	padding: 0px 28px;
	background: #fff url(../images/bg_footer.png) repeat-x 0 0;
	text-align: right;	
}

.page .footer ul li
{
	float: left;
	padding: 11px 0px;
	margin-right: 12px;
}

.page .footer ul li a
{
	color: #ececec;
	text-decoration: none;
	font-weight: bold;
}

.page .footer ul li a:hover
{
	color: #ef4223; /*Hellas Red*/
}