/* Page grid
-------------------------------------------------------------- */
body  
{
	background:#929417 url('../images/body-bg.jpg') no-repeat left top;
}
form
{
	position:relative; /* needed for footer positioning*/	
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/
	min-height:100%; /* real browsers */
	background:url('../images/contentHolder-bg.gif') repeat-y center top;
}

/* Global classes */
a.more { display:block; margin-left:1px; padding-left:15px; background:url('../images/arrow-more.gif') no-repeat left 1px; text-decoration:none;}
a.more:hover { color:#63830b; text-decoration:underline; background-position:left bottom;}
p a.more, .vcard a.more { margin-top:4px; background-position:left top; line-height:1;}
p a.more:hover, .vcard a.more:hover { background-position:left -12px;}

#container {
	width:994px;
	margin:0 auto; /* center, not in IE5 */
}

#header { height:111px; padding-top:14px; background:url('../images/header-bg.png') no-repeat right top; position:relative; z-index:1;}
	#header #skip { left:-9999em; overflow:hidden; position:absolute;}
	#header a.logo img { display:block; width:267px; height:239px; position:absolute; top:24px; left:-32px; z-index:100;}
	#header h1 { color:#fff; margin:42px 0 0 234px; font-size:2.72em; font-weight:bold; line-height:1.2; float:left;}
	#header p.subscribe { width:450px; font-size:1.64em; margin:0; position:absolute; top:14px; right:48px;}
	#header p.subscribe a { color:#fff; font-size:1em; float:right;}
	
#contentHolder { position:relative;}
#content { width:764px; padding:30px 0 16em 0; position:relative; float:left;}
	#navigation { width:223px; margin-left:7px; float:left; position:relative;}
	#navigation ul { margin:4px 0 0 66px; padding:175px 25px 0 0; list-style:none; background:#fff;}
	#navigation li { line-height:1.36; padding-left:10px; background:url('../images/nav-arrows.gif') no-repeat left 4px; position:relative; z-index:100;}
	#navigation li.hover, #navigation li.active { background-position:-10px 4px;}
	
	.brow-applemac-safari #navigation li.active, 
	.brow-applemac-safari #navigation li.hover { background-position:-10px 2px;}
	.brow-applemac-safari #navigation li { background-position:left 2px;}
	
	#navigation li a { color:#000; font-weight:bold; text-decoration:none; font-size:1.18em; background:#fff;}
	#navigation li a:hover, 
	#navigation li.active a { color:#bd0120; text-decoration:none;}
	#navigation span.left { display:block; width:31px; height:310px; position:absolute; left:44px; bottom:-7px; background:url('../images/navigatie-bg-left.png') no-repeat left top;}
	#navigation span.bottom { display:block; width:156px; height:24px; position:absolute; right:23px; bottom:-24px; background:url('../images/navigatie-bg-bottom.png') no-repeat left top;}
	
	#main {
		width:505px;
		padding:0 35px 0 5px;
		float:left;
		background:#fff;
	}
	#sidebar { 
		width:197px;
		margin-top:-25px;
		margin-right:12px;
		padding-right:10px;
		float:right;
		background:#fff;
	}

/* Special homepage styles */	
.homepage #container { width: 1050px;}
/*.homepage #header, .inschrijven #header { height:338px; background:url('/include/images/header-home-bg.png') no-repeat 9px top;}*/
.homepage #movie, .inschrijven #movie { margin:30px 0 0 230px;}
/*.homepage #content, .inschrijven #content { padding-top:20px;}
.homepage #navigation, .inschrijven #navigation { margin-top:-199px;}*/
.homepage #main { width:350px; position:relative;}
.homepage #sidebar { width:352px; margin-top:0;}
.inschrijven #header p.subscribe { display:none;}
.inschrijven #main { width:575px; padding-right:20px;}

#movie { width:530px; height:310px; margin:0; color:#fff; font-size:1.2em; text-align:center;}
#movie a { color:#fff;}

#footer { width:100%; height:99px; position:absolute; bottom:-18px; clear:both; background:url('/include/images/form-bg.gif') repeat-x left bottom; z-index:20;}
#footer .container { width:994px; margin:30px auto 0 auto; position:relative;}

#footer .top { width:100%; margin-top:-46px; float:left;}
#footer .top a.nl { display:block; float:left; margin-top:-46px;}
#footer .top ul { float:right; margin:-14px 70px 0 0; line-height:1;}
#footer .top ul li { float:left; list-style:none; margin-right:10px; padding-right:10px; border-right:1px solid #918f8f;}
#footer .top ul li:last-child { border:none;}
#footer .top ul li a { color:#918f8f;}

#footer a.logo { display:block; float:right; margin-top:10px;}
#footer p { font-size:1.73em; color:#002381; padding-left:17px; float:left; background:url('/include/images/footer-dot-bg.gif') no-repeat left center;}

span.shadow { display:block; width:778px; height:11px; background:url('/include/images/contentHolder-shadow.gif') repeat-x left top; position:absolute; left:203px; top:-40px;}
/* hide */
.hide { position:absolute; text-indent:-9999em; overflow:hidden;}

/* clearfix */
.clearfix:after, #contentHolder:after, #content:after, #main:after, #sidebar:after, .letterGroup:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
/* Regular clearing- apply to column that should drop below previous ones. */
.clear {
	clear: both;
	overflow: hidden;
	height: 0;
}