/* CSS Document */
@charset "UTF-8";

html { overflow:auto; }
body { margin:0; padding:0; background-color:#F3F3F3; font:11px Verdana, Arial, Helvetica, sans-serif; line-height:17px; color:#C0BFBF; }
h2 { font-size:12px; }
	h2.sponsoren { margin-top:35px; }
hr { height:0; border:0; border-top:1px solid #C0BFBF; }
a img { border:none; }
a:active, a:focus { outline:none; }
#container { position:absolute; margin:0; padding:0; height:100%; width:100%; z-index:2; }
/*MENU*/
#menu { position:absolute; top:0px; left:20px; background-color:#0E0E0E; }
	#menu ul { list-style:none; padding:0px; margin:0px; }
		#menu ul li a { display:block; width:255px; line-height:23px; text-indent:40px; color:#C0BFBF; text-decoration:none; }
			#menu ul li a:hover.sub { background:#414141; }
			#menu ul li a.logo { text-indent:0; }
			#menu ul li a.nieuws { background:url(/images/menu/nieuws.png) no-repeat; height:30px; text-indent:-9000px; overflow: hidden; }
			#menu ul li a.news { background:url(/images/menu/news.png) no-repeat; height:30px; text-indent:-9000px; overflow: hidden; }
			#menu ul li a.over-de-film { background:url(/images/menu/over-de-film.png) no-repeat; height:30px; text-indent:-9000px; overflow: hidden; }
			#menu ul li a.over-de-film-active { background:url(/images/menu/over-de-film-active.png) no-repeat; height:30px; text-indent:-9000px; overflow: hidden; }
			#menu ul li a.about-the-film { background:url(/images/menu/about-the-film.png) no-repeat; height:30px; text-indent:-9000px; overflow: hidden; }
			#menu ul li a.about-the-film-active { background:url(/images/menu/about-the-film-active.png) no-repeat; height:30px; text-indent:-9000px; overflow: hidden; }
			#menu ul li a.de-regisseur { background:url(/images/menu/de-regisseur.png) no-repeat; height:30px; text-indent:-9000px; overflow: hidden; }
			#menu ul li a.the-director { background:url(/images/menu/the-director.png) no-repeat; height:30px; text-indent:-9000px; overflow: hidden; }
			#menu ul li a.cast { background:url(/images/menu/cast.png) no-repeat; height:30px; text-indent:-9000px; overflow: hidden; }
			#menu ul li a.cast-active { background:url(/images/menu/cast-active.png) no-repeat; height:30px; text-indent:-9000px; overflow: hidden; }
			#menu ul li a.achter-de-schermen { background:url(/images/menu/achter-de-schermen.png) no-repeat; height:30px; text-indent:-9000px; overflow: hidden; }
			#menu ul li a.achter-de-schermen-active { background:url(/images/menu/achter-de-schermen-active.png) no-repeat; height:30px; text-indent:-9000px; overflow: hidden; }
			#menu ul li a.behind-the-scenes { background:url(/images/menu/behind-the-scenes.png) no-repeat; height:30px; text-indent:-9000px; overflow: hidden; }
			#menu ul li a.behind-the-scenes-active { background:url(/images/menu/behind-the-scenes-active.png) no-repeat; height:30px; text-indent:-9000px; overflow: hidden; }
			#menu ul li a.sponsoren { background:url(/images/menu/sponsoren.png) no-repeat; height:30px; text-indent:-9000px; overflow: hidden; }
			#menu ul li a.sponsors { background:url(/images/menu/sponsors.png) no-repeat; height:30px; text-indent:-9000px; overflow: hidden; }
			#menu ul li a.downloads { background:url(/images/menu/downloads.png) no-repeat; height:30px; text-indent:-9000px; overflow: hidden; }
			#menu ul li a.contact { background:url(/images/menu/contact.png) no-repeat; height:30px; text-indent:-9000px; overflow: hidden; }
/*CONTENT_CONTROL*/
#content_control ul { position:absolute; right:0; list-style:none; padding:0; margin:0; background:#0E0E0E; }
	#content_control ul li { float:left; }
#content_control a { display:block; height:20px; width:20px; text-align:center; text-decoration:none; color:#414141; }
	#content_control a:hover { color:#C0BFBF; }
/*CONTENT*/
#content { position:absolute; top:85px; left:295px; background-color:#F3F3F3; color:#0E0E0E; width:482px; padding:27px 20px 17px 20px; }
#pane2.scrollpane { height:381px; width:496px; overflow:auto; }
#content a { color:#0E0E0E; text-decoration:none; font-weight:bold; }
	#content a:hover { text-decoration:underline; }
#content ul { list-style:none; padding:0px; margin:0px; }
#content .datum { font-size:9px; color:#414141; }
/*HEADINGS*/
#content h1 { height:15px; text-indent:-9000px; overflow:hidden; padding:0; margin:0 0 15px 0; }
	#content h1.nieuws { background:url(/images/headings/nieuws.jpg) no-repeat; }
	#content h1.news { background:url(/images/headings/news.jpg) no-repeat; }
	#content h1.synopsis { background:url(/images/headings/synopsis.jpg) no-repeat; }
	#content h1.stills { background:url(/images/headings/stills.jpg) no-repeat; }
	#content h1.teaser { background:url(/images/headings/teaser.jpg) no-repeat; }
	#content h1.de_regisseur { background:url(/images/headings/de-regisseur.jpg) no-repeat; }
	#content h1.the_director { background:url(/images/headings/the-director.jpg) no-repeat; }
	#content h1.hugo_metsers_sr { background:url(/images/headings/hugo-metsers-sr.jpg) no-repeat; }
	#content h1.hugo_metsers_jr { background:url(/images/headings/hugo-metsers-jr.jpg) no-repeat; }
	#content h1.miryanna_van_reeden { background:url(/images/headings/miryanna-van-reeden.jpg) no-repeat; }
	#content h1.crew { background:url(/images/headings/crew.jpg) no-repeat; }
	#content h1.set_fotos { background:url(/images/headings/set-fotos.jpg) no-repeat; }
	#content h1.set_photos { background:url(/images/headings/set-photos.jpg) no-repeat; }
	#content h1.making_of { background:url(/images/headings/making-of.jpg) no-repeat; }
	#content h1.sponsoren { background:url(/images/headings/sponsoren.jpg) no-repeat; }
	#content h1.sponsors { background:url(/images/headings/sponsors.jpg) no-repeat; }
	#content h1.downloads { background:url(/images/headings/downloads.jpg) no-repeat; }
	#content h1.contact { background:url(/images/headings/contact.jpg) no-repeat; }
/*GALLERY*/
#gallery ul { list-style:none; padding:0; margin:3px; }
	#gallery ul li { display:block; float:left; padding:0; margin:0 5px 5px 0; height:90px; width:90px; background:#0E0E0E; }
		#gallery ul li.end_of_row { margin:0 0 5px 0; }
		#gallery ul li a:hover img { margin:-3px 0 0 -3px; border: 3px solid #0E0E0E; }
/*WALLPAPER*/
#wallpaper ul { list-style:none; padding:0; margin:0; }
	#wallpaper ul li { float:left; }
/*CONTACT*/
.input { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; border-width:1px; border-style:solid; border-color:#A7A6A6; width:300px; height:15px; background:#F3F3F3; }
input:focus, textarea:focus { background:#C0BFBF; }
.textarea { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; border-width:1px; border-style:solid; border-color:#A7A6A6; width:300px; height:140px; overflow:auto; background:#F3F3F3; }
.button { background-color:#C0BFBF; border-style:none; font:11px Verdana, Arial, Helvetica, sans-serif; color:#0E0E0E; cursor:pointer; padding:4px 8px; }
.error { color:#FF0000; }
/*FOOTER*/
#footer { position:absolute; bottom:15px; width:100%; font-size:9px; text-align:center; color:#414141; z-index:3; }
	#footer a { text-decoration:none; color:#414141; }
		#footer a:hover { color:#F3F3F3; }
/*HKU EMMA*/
#hku_emma { width:115px; height:30px; position:absolute; bottom:18px; right:20px; z-index:2; }
/*BACKGROUND*/
#image_holder { display:none; line-height:0px; position:fixed; overflow:hidden; z-index:1; }
#main_image { position:absolute; top:0; left:0; overflow:hidden; }
/*SCROLLPANE*/
.osX .jScrollPaneTrack { background: url(/images/scroll/osx_track.gif) repeat-y; }
.osX .jScrollPaneDrag { background: url(/images/scroll/osx_drag_middle.gif) 50% 50% no-repeat; /*background-color:#FFFFFF;*/ }
.osX .jScrollPaneDragTop { background: url(/images/scroll/osx_drag_top.gif) no-repeat; height: 6px; }
.osX .jScrollPaneDragBottom { background: url(/images/scroll/osx_drag_bottom.gif) no-repeat; height: 7px; }
.osX a.jScrollArrowUp { height: 24px; background: url(/images/scroll/osx_arrow_up.gif) no-repeat 0 -30px; }
	.osX a.jScrollArrowUp:hover { background-position: 0 0; }
.osX a.jScrollArrowDown { height: 24px; background: url(/images/scroll/osx_arrow_down.gif) no-repeat 0 -30px; }
	.osX a.jScrollArrowDown:hover { background-position: 0 0; }
.left .jScrollPaneTrack { left: 0; right: auto; }
.left a.jScrollArrowUp { left: 0; right: auto; }
.left a.jScrollArrowDown { left: 0; right: auto; }
/* IE SPECIFIC HACKED STYLES */
* html .osX .jScrollPaneDragBottom { bottom: -1px; }
/* /IE SPECIFIC HACKED STYLES */
/*==========================*/
.jScrollPaneContainer { position: relative; overflow: hidden; z-index: 1; }
.jScrollPaneTrack { position: absolute; cursor: pointer; right: 0; top: 0; height: 100%; }
.jScrollPaneDrag { position: absolute; cursor: pointer; overflow: hidden; }
.jScrollPaneDragTop { position: absolute; top: 0; left: 0; overflow: hidden; }
.jScrollPaneDragBottom { position: absolute; bottom: 0; left: 0; overflow: hidden; }
a.jScrollArrowUp { display: block; position: absolute; z-index: 1; top: 0; right: 0; text-indent: -2000px; overflow: hidden; height: 9px; /*background-color: #666;*/ }
	a.jScrollArrowUp:hover { /*background-color: #f60;*/ }
a.jScrollArrowDown { display: block; position: absolute; z-index: 1; bottom: 0; right: 0; text-indent: -2000px; overflow: hidden; height: 9px; /*background-color: #666;*/ }
	a.jScrollArrowDown:hover { /*background-color: #f60;*/ }
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover { /*background-color: #f00;*/ }
/* end scrollpane */