@charset "utf-8";

/*	PROJECTNAAM STYLES
	Author:	Name, Netvlies
	----------------------------------------------------*/

/*	Table of contents
	=RESETS
 	----------------------------------------------------*/

/*	=RESETS
	----------------------------------------------------*/
	* { margin: 0; padding: 0; outline: 0; font-family: Arial, Helvetica, sans-serif; }
	img { border: 0; }
	
/*	=FIXES
	----------------------------------------------------*/
	.clr { overflow: hidden; height: 100%; }
	
/*	=WRAPPERS
	----------------------------------------------------*/
	body { background: #1a385c; }
	
	.wrapper { position: relative; width: 876px; margin: 0 auto; }
	
	#logo { position: absolute; top: 30px; left: 0; }
	
	#header { height: 165px; background: #fff url(../img/header_bg2.gif) repeat-x bottom left; }
	#page { background: #fff; }
	
	#col-a { position: relative; float: left; width: 636px; margin: 15px 0 0 0; padding: 0 0 15px 0; }
	#col-b { position: relative; float: left; width: 401px; margin: 15px 0 0 0; padding: 0 0 15px 0; }
	
	#nav-sidebar { float: left; width: 220px; margin: 15px 15px 0 0; padding: 0 0 30px 0; }

/*	=TYPOGRAPHY
	----------------------------------------------------*/
	h1 { margin: 0 0 15px 0; font-size: 18px; color: #1a385c; font-family: News Gothic Std, Arial, Helvetica, sans-serif; font-weight: bold; }
	h1.news { margin: 0px; }
	h2 { margin: 0; font-size: 16px; color: #1a385c; font-family: News Gothic Std, Arial, Helvetica, sans-serif; font-weight: bold; }
	h3 { margin: 0 0 15px 0; font-size: 16px; color: #1a385c; font-family: News Gothic Std, Arial, Helvetica, sans-serif; font-weight: bold; }
	h3.home { margin-top: 10px; }
	.typeface-js { font-family: News Gothic Std, Arial, Helvetica, sans-serif; font-weight: bold!important; }

/*	=NAVIGATION
	----------------------------------------------------*/
	
	/* main navigation */
	#nav-main { position: absolute; bottom: 9px; right: 0; list-style: none; padding: 0 7px 0 20px; } /* IE6 STYLES */
	#nav-main li { position: relative; float: left; margin: 0 10px 0 10px; line-height: 30px; font-size: 14px; color: #1a385c; }
	#nav-main li a { float: left; display: inline; height: 32px; margin: 0; padding: 0 10px 0 10px; background: #f0f0f0; border-top: 1px solid #ececec; color: #1a385c; font-weight: bold; text-decoration: none; }
	
	#nav-main li b { position: absolute; top: 0; left: -20px; z-index: 100; width: 20px; height: 33px; background: url(../img/nav-main_li_bg_l.png) no-repeat top left; font-size: 0; line-height: 0; }
	#nav-main li u { position: absolute; top: 0; right: -20px; z-index: 100; width: 20px; height: 33px; background: url(../img/nav-main_li_bg_r.png) no-repeat top left; font-size: 0; line-height: 0; }
	
	#nav-main li:hover a { background: #fff; }
	#nav-main li.active a, #nav-main li.active b, #nav-main li.active u,
	#nav-main li:hover a, #nav-main li:hover b, #nav-main li:hover u { border-bottom: 10px solid #fff; margin: 0 0 -10px 0; }
	#nav-main li.active a, #nav-main li.active:hover a { background: #fff url(../img/ico_arrow_down.png) no-repeat center bottom; }
	#nav-main li.active b { z-index: 101; background-image: url(../img/nav-main_li_bg_active_l.png); }
	#nav-main li:hover b { z-index: 102; background-image: url(../img/nav-main_li_bg_active_l.png); }
	#nav-main li.active u { z-index: 101; background-image: url(../img/nav-main_li_bg_active_r.png); }
	#nav-main li:hover u { z-index: 102; background-image: url(../img/nav-main_li_bg_active_r.png); }
	
	/* language/login navigation */
	#nav-lang { position: absolute; top: 0; right: 0; list-style: none; }
	#nav-lang li { position: relative; float: left; background: #fff; font-size: 14px; line-height: 30px; }
	#nav-lang li a { float: left; display: inline; height: 32px; margin: 0; padding: 0 10px 0 10px; background: url(../img/nav-lang_li_divider.gif) no-repeat center right; border-bottom: 1px solid #ececec; color: #1a385c; font-weight: bold; text-decoration: none; }
	#nav-lang li.first a { padding-left: 25px; }
	#nav-lang li.last a { padding-right: 25px; }
	
	#nav-lang li b { position: absolute; top: 0; left: 0; z-index: 100; width: 20px; height: 33px; background: url(../img/nav-lang_li_bg_l.png) no-repeat top left; font-size: 0; line-height: 0; }
	#nav-lang li u { position: absolute; top: 0; right: 0; z-index: 100; width: 20px; height: 33px; background: url(../img/nav-lang_li_bg_r.png) no-repeat top left; font-size: 0; line-height: 0; }
	
	#nav-lang li:hover { background: url(../img/global_btn_bg.gif) repeat-x; }
	#nav-lang li.last a { padding-right: 15px; margin-right: 20px;  }
	#nav-lang #btn_login.login { background: url(../img/ico_arrow_down.png) no-repeat center right; }
	#nav-lang #btn_login.logout { background: url(../img/ico_arrow_up.png) no-repeat center right; }
	#nav-lang li.active a { color: #bcb840; }

	/* meta navigation */
	#nav-meta { position: absolute; top: 20px; left: 0; list-style: none; }
	#nav-meta li { float: left; padding: 0 10px; border-left: 1px solid #fff; font-size: 14px; color: #bcb840; font-weight: bold; }
	#nav-meta li.first { padding-left: 0; border: 0; }
	#nav-meta li a { color: #bcb840; font-weight: bold; text-decoration: none; }
	#nav-meta li a:hover { text-decoration: underline; }
	
	/* sub navigation */
	#nav-sub { margin: 0 0 0 0; list-style: none; }
	#nav-sub li { margin: 2px 0 0 0;  background: url(../img/nav-sub_bg_top.gif) no-repeat top left; font-size: 12px; color: #333353; font-weight: bold;  }
	#nav-sub li.first { margin-top: 0; background: url(../img/nav-sub_bg_top.gif) no-repeat top left; font-size: 12px; color: #333353; font-weight: bold;  }
	#nav-sub li a { display: block; height: 100%; padding: 10px 15px 10px 5px; border-left: 1px solid #ececec; border-right: 1px solid #ececec; color: #333353; text-decoration: none; }
	#nav-sub li.active a { background: url(../img/ico_arrow_right.png) no-repeat 200px center; }
	#nav-sub li a:hover { background: url(../img/nav-sub_bg_mid.gif) repeat-x top left; }
	#nav-sub li b { height: 2px; line-height: 0; font-size: 0; display: block; background: url(../img/nav-sub_bg_bot.gif) no-repeat bottom left; }
	
	/* subsub navigation */
	#nav-sub ul { margin: 0 0 0 0; list-style: none; }
	#nav-sub li ul li { margin: 2px 0 0 0;  background: url(../img/nav-sub_bg_top.gif) no-repeat top left; font-size: 12px; color: #333353; font-weight: bold; }
	#nav-sub li ul li.first { margin-top: 0; background: url(../img/nav-sub_bg_top.gif) no-repeat top left; font-size: 12px; color: #333353; font-weight: bold;  }
	#nav-sub li ul li a, #nav-sub li.active ul li a { background: none; display: block; height: 100%; padding: 10px 5px; border-left: 1px solid #ececec; border-right: 1px solid #ececec; color: #333353; text-decoration: none; padding-left: 20px; }
	#nav-sub li ul li.active a, #nav-sub li ul li a:hover { background: url(../img/nav-sub_bg_mid.gif) repeat-x top left; }
	#nav-sub li ul li b { height: 2px; line-height: 0; font-size: 0; display: block; background: url(../img/nav-sub_bg_bot.gif) no-repeat bottom left; }
	
	/* crumbpath */
	#crumbpath { margin: 20px 0 0 0; list-style: none; }
	#crumbpath li { float: left; font-size: 12px; color: #bcb840; line-height: 14px; }
	#crumbpath li a { color: #bcb840; text-decoration: none; }
	#crumbpath li a:hover { text-decoration: underline; }

/*	=SIDEBAR
	----------------------------------------------------*/
	#cta-sidebar { float: right; width: 220px; margin: 0 0 0 0; padding: 0 0 15px 0;  }
	#cta-sidebar .item { margin: 15px 0 0 0; width: 220px; height: 111px; background: url(../img/cta-sidebar_item_bg.png) no-repeat 0 0; }
	#cta-sidebar .item:hover { background-position: 0 -111px; }
	#cta-sidebar .item a { display: block; height: 100%; text-decoration: none;  }
	#cta-sidebar .item a img { float: left; display: inline; margin: 7px 0 0 6px; vertical-align: bottom; }
	#cta-sidebar .item a b { cursor: pointer; margin: 0 0 0 7px; padding: 0 10px 0 0;font-family: News Gothic Std, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #333353; line-height: 28px; background: url(../img/ico_arrow_right.png) no-repeat center right; }
	
	#cta-sidebar #imdb_lookup img { margin: 7px 0 0 6px; }
	#cta-sidebar #imdb_lookup form { padding: 5px 0 0 6px; }
	#cta-sidebar #imdb_lookup * { vertical-align: middle; }
	#cta-sidebar #imdb_lookup input.text { width: 138px; height: 17px; margin: 0 10px 0 0; border: 1px solid #e4e5e7; color: #848484; font-style: italic; font-size: 12px; }
	
/*	=NEWS
	----------------------------------------------------*/
	#news .item { padding: 15px 0; border-top: 1px solid #e3e3e3; }
	#news .item.first { padding-top: 0px; border: 0; }
	#news .item h2 { font-weight: normal; }
	#news .item p.dt { font-size: 12px; color: #7e7e7e; line-height: 26px; }
	#col-b p.dt { font-size: 12px; color: #7e7e7e; line-height: 26px; }
	#news .item .more { display: block; line-height: 20px; font-size: 12px; color: #bcb840; font-weight: bold; text-decoration: none; }
	#news .item .more:hover { text-decoration: underline; }
	
/*	=PUBLICATIONS
	----------------------------------------------------*/
	#publications .item { padding: 15px 0; border-top: 1px solid #e3e3e3; }
	#publications .item.first { padding-top: 0px; border: 0; }
	#publications .item h2 {font-family: Arial,Helvetica,sans-serif; margin-bottom: 5px; font-weight: normal; }
	#publications .item h2 a { color: #1a385c; text-decoration: none; font-weight: normal; }
	#publications .item h2 span { padding: 0 12px 0 0; background: url(../img/ico_arrow_right.png) no-repeat center right; font-size: 12px; color: #7e7e7e; }

/*	=HOME
	----------------------------------------------------*/
	#home h3 { float: left; padding: 0 15px 0 0; font-size: 18px; background: url(../img/ico_arrow_right.png) no-repeat center right; }
	#home .item { clear: both; padding: 15px 0; border-top: 1px solid #e3e3e3; }
	#home .item.first { padding-top: 0px; border: 0; }
	#home .item h2 { margin-bottom: 0; font-weight: normal; }
	#home .item .dt { font-size: 12px; color: #7e7e7e; line-height: 26px; }
	#home .item .more { display: block; line-height: 20px; font-size: 12px; color: #bcb840; font-weight: bold; text-decoration: none; }
	#home .item .more:hover { text-decoration: underline; }
	
/*	=PREMIERES
	----------------------------------------------------*/
	#premieres .item { position: relative; padding: 15px 0; border-top: 1px solid #e3e3e3; }
	#premieres .item.first { padding-top: 0px; border: 0; }
	#premieres .item .vsl { float: left; }
	#premieres .item .info { float: left; display: inline; width: 260px; margin: 0 0 0 15px; }
	#premieres .item .info h2 { font-size: 16px;font-weight: normal; }
	#premieres .item .info h3 { margin-bottom: 8px; font-size: 14px; font-weight: normal; font-style: italic; }
	#premieres .item p { margin: 0 0 5px 0; font-size: 12px; color: #333353; }
	#premieres .item p span { display: block; font-style: italic; }
	#premieres .item .watch { list-style: none; }
	#premieres .item .watch li { line-height: 16px; }
	#premieres .item .watch a { font-size: 12px; color: #c4c158; font-weight: bold; text-decoration: none; }
	#premieres .item .watch a:hover { text-decoration: underline; }
	#premieres .kijkwijzer { position: absolute; left: 120px; bottom: 10px; list-style: none; }
	#premieres .kijkwijzer li { float: left; display: inline; margin: 0 2px 0 0; }
	
/*	=PAGING
	----------------------------------------------------*/
	#paging { border-top : 1px solid #e3e3e3; list-style: none; text-align: center; }
	#paging li { margin: 0 2px 0 0; display: inline; font-size: 14px; color: #bcb840; line-height: 60px; }
	#paging li a { padding: 10px; border: 1px solid #eeeeee; color: #bcb840; text-decoration: none; }
	#paging li.first span { padding: 0 3px; background: url(../img/paging_btn_first.gif) no-repeat center center; }
	#paging li.prev span { padding: 0 3px; background: url(../img/ico_arrow_left.png) no-repeat center center; }
	#paging li.next span { padding: 0 3px; background: url(../img/ico_arrow_right.png) no-repeat center center; }
	#paging li.last span { padding: 0 3px; background: url(../img/paging_btn_last.gif) no-repeat center center; }
	#paging li.active a { color: #1a385c; }
	#paging li a:hover { background: url(../img/paging_btn_bg.gif) repeat-x top left; }
	
/*	=MEMBERSLIST
	----------------------------------------------------*/
	#memberslist { position: relative; list-style: none; overflow: visible; }
	#memberslist li { float: left; width: 120px; height: 80px; text-align: center;  }
	
	/**
	 * Custom voor Independent Films Logo, zie FS#8877
	 */	 	
	#memberslist li.indep_films { width: 240px; }
	
	#memberslist li div { display: none; }
	#memberinfo { position: absolute; top: 0; left: 0; float: left; padding: 10px; background: #fff; border: 1px solid #efefef;  text-align: left; font-size: 12px; color: #1a385c; }
	#memberinfo span { font-weight: bold; }
	#memberinfo a { color: #1a385c; }
	
	#print-memberslist { position: absolute; top: 3px; right: 0; padding: 0 10px 0 0; background: url(../img/ico_arrow_right.png) no-repeat center right; font-size: 12px; color: #1a385c; font-weight: bold; text-decoration: none; }
	#print-memberslist:hover { text-decoration: underline; }
	
/*	=GLOBAL FORM
	----------------------------------------------------*/
	#frm-global { margin: 15px 0 0 0; }
	#frm-global h3 { margin: 5px 0 5px 0; }
	#frm-global p { font-size: 12px; color: #1a385c; }
	#frm-global ol { list-style: none; }
	#frm-global ol li { padding: 10px 0; border-bottom: 1px solid #ececec; list-style: none; line-height: 16px; }
	#frm-global ol li p { float: left; width: 150px; line-height: 25px; font-size: 14px; color: #1a385c; }
	#frm-global ol li div { float: left; width: 250px; }
	#frm-global ol li div input.inpt { width: 235px; padding: 4px; border: 1px solid #cccccc; border-top: 2px solid #cccccc; border-left: 2px solid #ececec; }
	
	/**
	 * Deze input is tegen de spambots en wordt standaard niet getoont in het formulier.
	 */	 	
	#frm-global ol li input.special_inpt { display: none; visibility: hidden; }
	
	
	#frm-global ol li div input.error {  border: 1px solid #f68282; border-top: 2px solid #aa3535; border-left: 2px solid #f68282; }
	#frm-global ol li div input.focus { border: 1px solid #dddb9f; border-top: 2px solid #dddb9f; border-left: 2px solid #918f53; }
	#frm-global ol li div span.error { display: block; margin: 5px 0 0 0; font-size: 12px; color: #1a385c; }
	#frm-global ol li.last { border: 0; }
	
	#frm-global ol li .sbmt { display: none; padding: 5px; border: 1px solid #eeeeee; text-align: center; font-size: 14px; color: #1a385c; text-decoration: none; }
	#frm-global ol li .sbmt:hover { background: url(../img/frm-global_btn_bg.gif) repeat-x top left; }
	#frm-global ol li .sbmt span { padding: 0 10px 0 0; background: url(../img/ico_arrow_right.png) no-repeat center right; cursor: pointer; }
	
	#frm-global ol li .aanpassen { display: none; padding: 5px; border: 1px solid #eeeeee; text-align: center; font-size: 14px; color: #1a385c; text-decoration: none; }
	#frm-global ol li .aanpassen:hover { background: url(../img/frm-global_btn_bg.gif) repeat-x top left; }
	#frm-global ol li .aanpassen span { padding: 0 10px 0 0; background: url(../img/ico_arrow_right.png) no-repeat center right; cursor: pointer; }
	
/*	=GIDS
	----------------------------------------------------*/
	#gids { position: relative; }
	
	#gids .nav { margin: 15px 0 0 0; padding: 15px 0 0 0; border-top: 1px solid #e3e3e3; list-style: none; }
	#gids .nav li { border: 1px solid #eeeeee; }
	#gids .nav li a { float: left; height: 100%; padding: 10px; font-size: 14px; color: #1a385c; text-decoration: none; }
	#gids .nav li.prev { float: left; padding: 0 0 0 10px; }
	#gids .nav li.prev a { background: url(../img/ico_arrow_left.png) no-repeat center left; }
	#gids .nav li.next { float: right; padding: 0 10px 0 0; }
	#gids .nav li.next a { background: url(../img/ico_arrow_right.png) no-repeat center right; }
	#gids .nav li:hover { background: url(../img/global_btn_bg.gif) repeat-x; }
	
	#gids .actions { position: absolute; top: -35px; right: 0; list-style: none; }
	#gids .actions li { float: left; padding: 0 5px 0 0; border: 1px solid #ececec; }
	#gids .actions li:hover { background: url(../img/global_btn_bg.gif) repeat-x top left; }
	#gids .actions li a { float: left; padding: 4px 18px 4px 5px; font-size: 10px; color: #bcb840; text-decoration: none; }
	#gids .actions li.print a { background: url(../img/ico_print.gif) no-repeat center right; }
	#gids .actions li.download a { background: url(../img/ico_download.gif) no-repeat center right; }
	
/*	=DOCLIST
	----------------------------------------------------*/
	#doclist { margin: 15px 0 0 0; list-style: none; }
	#doclist li { padding: 10px 0; border-top: 1px solid #ececec; line-height: 16px; }
	#doclist span { margin: 0 10px 0 0; padding: 0 10px 0 0; background: url(../img/ico_arrow_right.png) no-repeat center right; font-size: 14px; color: #1a385c; }
	#doclist a { font-size: 14px; color: #1a385c; text-decoration: none; }
	#doclist a:hover { text-decoration: underline; }

/*	=FOOTER
	----------------------------------------------------*/
	#footer p.copyright { position: absolute; top: 20px; right: 0; padding: 0 0 20px 0; font-size: 12px; color: #bcb840; font-weight: bold; }
	#footer p.copyright span { color: #fff; }
	
/*	=LOGIN
	----------------------------------------------------*/
	#login { display: none; background: #f0f0f0; }
	#login.show { display: block; }
	#login form { padding: 15px 0 25px 0; background: #f0f0f0; }
	#login ol { float: left; list-style: none; }
	#login ol li p { line-height: 25px; font-size: 14px; color: #1a385c; }
	#login ol li input.inpt { width: 235px; padding: 4px; border: 1px solid #cccccc; border-top: 2px solid #cccccc; border-left: 2px solid #ececec; }
	#login ol li.flt { float: left; display: inline; }
	#login ol li.username { margin: 0 15px 0 0; }
	#login ol li.password { margin: 0 15px 0 0; }
	#login ol li.feedback, #login ol li.leden_feedback, #login ol li.pre_login_feedback { display: none; clear: both; line-height: 30px; font-size: 12px; color: #1a385c; font-weight: bold; }
	
	#login ol #inlog_submitlink { display: none; }
	#login ol #wachtwoord_aanvragen_link { display: none; }
	
	#login ol li.feedback a, #login ol li.pre_login_feedback a { color: #1a385c; }
	#login ol li .btn_login { float: left; height: 26px; padding: 0 5px; background: #fff; border: 1px solid #e4e4e4; line-height: 26px; font-size: 14px; color: #1a385c; text-decoration: none; }
	#login ol li .btn_login:hover { background: #fff url(../img/global_btn_bg.gif) repeat-x top left; }
	#login ol li .btn_login span { display: block; height: 100%; padding: 0 15px 0 0; background: url(../img/ico_arrow_right.png) no-repeat center right; }
	#login .focus { border: 1px solid #dddb9f!important; border-top: 2px solid #dddb9f!important; border-left: 2px solid #918f53!important; }
	#login .info { float: right; margin: 10px 0 0 0; width: 500px; }
	#login .loggedin { font-size: 12px; line-height: 30px; }
	#login .loggedin a { color: #1a385c; }
	
/*	=VARIOUS
	----------------------------------------------------*/
	
	#login,
	#_login-state1,
	#_login-state2,
	#_login-state3 { display: none; }
	
	#trailer-popup-hdr { height: 50px; text-align: left; }
	#trailer-popup-hdr h2 { float: left; font-size: 18px; font-weight: normal; line-height: 30px; visibility: visible; }
	#trailer-popup-hdr .close { float: right; margin: 5px 0 0 0; padding: 0 15px 0 0; font-size: 16px; color: #1a385c; text-decoration: none; background: url(../img/ico_close.png) no-repeat center right; }
	
	#nvs_album_image-details { margin: 5px 0 0 0; font-size: 12px; }
	
/*	=SITEMAP
	----------------------------------------------------*/
	#sitemap li { margin: 10px 0 0 0; list-style: none; font-size: 16px; color: #1a385c; line-height: 18px; }
	#sitemap li a { padding: 0 0 0 10px; color: #1a385c; text-decoration: none; font-weight: bold;  background: url(../img/ico_dot.gif) no-repeat 0 8px; }
	#sitemap li a:hover { text-decoration: underline; }
	#sitemap li ul { margin: 10px 0 10px 25px; }
	#sitemap li li { margin-top: 0; font-size: 14px; }
	#sitemap li li a { font-weight: normal; }