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

html { overflow:hidden; }

a:active, a:focus { outline:none; }
a img { border:none; }

p, pre { margin-bottom:10px; }

body {
	margin:0;
	padding:0;
	background: #f1f4f6;
	text-align: left;
	line-height: 1.6;	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #212121;
}
	
h1, h2, h3, h4, h5, h6 {
	color: #104d5c;
	font-weight: normal;
}

h1 {
	font-size: 26px;
	margin-bottom: 30px;
}
/*
h2 {
	font-size: 21px;
	margin-bottom: 30px;
}
*/
h3 {
	font-size: 18px;
	line-height: 22px;
	margin-bottom: 12px;
}

h4 {
	font-size: 16px;
	margin-bottom: 11px;
}

h5 {
	font-size: 14px;
	margin-bottom: 10px;
}

h6 {
	font-size: 13px;
	margin-bottom: 10px;
}

a {
	text-decoration: none;
	color: #6b0e2a;
}

a:hover {
	text-decoration: underline;	
}

p, pre {
	margin-bottom: 10px;
}

strong {
	color: #333131;
	font-weight: bold;
}

ol {
	list-style-type: decimal;
}

ul {
	list-style-type: disc;
}

ul.cool-li {
	list-style-type: none;
	margin-bottom: 12px;
}

ul.cool-li li {
	padding: 0px 0px 0px 15px;
	background: url(images/list-item.gif) no-repeat 0px 8px;
}

em, dfn {
	font-style: italic;
}

abbr,acronym {
	color: #353535;
	border-bottom: 1px dashed #868585;
}

dfn, dt {
	color: #353535;
}

dd {
	margin: 0px 0px 0px 10px;
}

div.hr {
	border-top: 1px solid #C0BFBF;
	height: 1px;
	width: 100%;
	margin: 10px 0px;
	clear: both;
} /* use this div with a class "hr" instead of the standart hr element */

/* opmaak pagina's */
.scrollable {
	height: 407px;
	width: 507px;
	overflow: auto;
}

div.pane{
		overflow:hidden;
		margin: 0;
		position:absolute;
		width:100%;
		height:100%;
}

.content ul {
	margin-bottom: 10px;	
}

.content h2 { text-indent:-9000px; overflow:hidden; padding:0; margin:10px 0 30px 0; }

#nieuws { position:absolute; top:0; left:0; width:1920px; height:1200px; background:url(/images/backgrounds/frank-09.jpg) no-repeat; }
#nieuws .content { position:absolute; top:55px; left:295px; width:507px; background:#F3F3F3; color:#212121; padding:27px 15px 27px 20px; -moz-border-radius:8px; -webkit-border-radius:8px; border-radius: 8px; }
#nieuws .content .datum { font-size:10px; color:#104d5c; }
#nieuws .content h2 { height:22px; margin-bottom:18px; background:url(/images/headings/nieuws.png) no-repeat; }
#nieuws.en .content h2 { height:22px; margin-bottom:18px; background:url(/images/headings/news.png) no-repeat; }
	
#synopsis { position:absolute; top:0; left:1920px; width:1920px; height:1200px; background:url(/images/backgrounds/frank-11.jpg) no-repeat; }
#synopsis .content { position:absolute; top:55px; left:295px; background:#F3F3F3; color:#0E0E0E; padding:27px 15px 27px 20px; -moz-border-radius:8px; -webkit-border-radius:8px; border-radius: 8px; }
#synopsis.en .content { width:507px; }
#synopsis .content h2 { height:22px; margin-bottom:18px; background:url(/images/headings/synopsis.png) no-repeat; }

#stills { position:absolute; top:0; left:3840px; width:1920px; height:1200px; background:url(/images/backgrounds/frank-07.jpg) no-repeat; }
#stills .content { position:absolute; top:55px; left:295px; background:#F3F3F3; color:#0E0E0E; width:507px; padding:27px 15px 27px 20px; -moz-border-radius:8px; -webkit-border-radius:8px; border-radius: 8px; }
#stills .content h2 { height:22px; margin-bottom:18px; background:url(/images/headings/stills.png) no-repeat; }

#teaser { position:absolute; top:0; left:5760px; width:1920px; height:1200px; background:url(/images/backgrounds/lauretta-03.jpg) no-repeat; }
#teaser .content { position:absolute; top:55px; left:295px; background:#F3F3F3; color:#0E0E0E; width:507px; padding:27px 20px 17px 20px; -moz-border-radius:8px; -webkit-border-radius:8px; border-radius: 8px;}
#teaser .content h2 { height:22px; margin-bottom:18px; background:url(/images/headings/teaser.png) no-repeat; }

#deScenaristRegisseur { position:absolute; top:0; left:7680px; width:1920px; height:1200px; background:url(/images/backgrounds/sanne-01.jpg) no-repeat; }
#deScenaristRegisseur .content { position:absolute; top:55px; left:295px; background:#F3F3F3; color:#0E0E0E; width:507px; padding:27px 20px 17px 20px; -moz-border-radius:8px; -webkit-border-radius:8px; border-radius: 8px; }
#deScenaristRegisseur .content h2 { height:22px; margin-bottom:18px; background:url(/images/headings/deScenaristRegisseur.png) no-repeat; }
#deScenaristRegisseur.en .content h2 { height:22px; margin-bottom:18px; background:url(/images/headings/theScreenwriterDirector.png) no-repeat; }

/************************************************************/
/*                         Cast
/************************************************************/

#frankGroothof { position:absolute; top:0; left:9600px; width:1920px; height:1200px; background:url(/images/backgrounds/frank-10.jpg) no-repeat; }
#frankGroothof .content { position:absolute; top:55px; left:295px; background:#F3F3F3; color:#0E0E0E; width:507px; padding:27px 20px 17px 20px; -moz-border-radius:8px; -webkit-border-radius:8px; border-radius: 8px; }
#frankGroothof .content h2 { height:22px; margin-bottom:18px; background:url(/images/headings/frankGroothof.png) no-repeat; }

#xanderVanVledder { position:absolute; top:1200px; left:0; width:1920px; height:1200px; background:url(/images/backgrounds/xander-01.jpg) no-repeat; }
#xanderVanVledder .content { position:absolute; top:55px; left:295px; background:#F3F3F3; color:#0E0E0E; width:507px; padding:27px 20px 17px 20px; -moz-border-radius:8px; -webkit-border-radius:8px; border-radius: 8px; }
#xanderVanVledder .content h2 { height:22px; margin-bottom:18px; background:url(/images/headings/xanderVanVledder.png) no-repeat; }

#laurettaGerards { position:absolute; top:1200px; left:1920px; width:1920px; height:1200px; background:url(/images/backgrounds/lauretta-02.jpg) no-repeat; }
#laurettaGerards .content { position:absolute; top:55px; left:295px; background:#F3F3F3; color:#0E0E0E; width:507px; padding:27px 20px 17px 20px; -moz-border-radius:8px; -webkit-border-radius:8px;  border-radius: 8px;}
#laurettaGerards .content h2 { height:22px; margin-bottom:18px; background:url(/images/headings/laurettaGerards.png) no-repeat; }

#moniqueVanDerWerff { position:absolute; top:1200px; left:3840px; width:1920px; height:1200px; background:url(/images/backgrounds/monique-02.jpg) no-repeat; }
#moniqueVanDerWerff .content { position:absolute; top:55px; left:295px; background:#F3F3F3; color:#0E0E0E; width:507px; padding:27px 20px 17px 20px; -moz-border-radius:8px; -webkit-border-radius:8px; border-radius: 8px; }
#moniqueVanDerWerff .content h2 { height:25px; margin-bottom:15px; background:url(/images/headings/moniqueVanDerWerff.png) no-repeat; }

#janMulder { position:absolute; top:1200px; left:5760px; width:1920px; height:1200px; background:url(/images/backgrounds/jan-01.jpg) no-repeat; }
#janMulder .content { position:absolute; top:55px; left:295px; background:#F3F3F3; color:#0E0E0E; width:507px; padding:27px 20px 17px 20px; -moz-border-radius:8px; -webkit-border-radius:8px; border-radius: 8px; }
#janMulder .content h2 { height:22px; margin-bottom:18px; background:url(/images/headings/janMulder.png) no-repeat; }

#hansDulfer { position:absolute; top:1200px; left:7680px; width:1920px; height:1200px; background:url(/images/backgrounds/hans-02.jpg) no-repeat; }
#hansDulfer .content { position:absolute; top:55px; left:295px; background:#F3F3F3; color:#0E0E0E; width:507px; padding:27px 20px 17px 20px; -moz-border-radius:8px; -webkit-border-radius:8px; border-radius: 8px; }
#hansDulfer .content h2 { height:22px;  margin-bottom:18px; background:url(/images/headings/hansDulfer.png) no-repeat; }

#michielBlijboom { position:absolute; top:1200px; left:9600px; width:1920px; height:1200px; background:url(/images/backgrounds/michiel-01.jpg) no-repeat; } 
#michielBlijboom .content { position:absolute; top:55px; left:295px; background:#F3F3F3; color:#0E0E0E; width:507px; padding:27px 20px 17px 20px; -moz-border-radius:8px; -webkit-border-radius:8px; border-radius: 8px; }
#michielBlijboom .content h2 { height:22px;  margin-bottom:18px; background:url(/images/headings/michielBlijboom.png) no-repeat; }

#maartenRooijakkers { position:absolute; top:2400px; left:0; width:1920px; height:1200px; background:url(/images/backgrounds/maarten-01.jpg) no-repeat; } 
#maartenRooijakkers .content { position:absolute; top:55px; left:295px; background:#F3F3F3; color:#0E0E0E; width:507px; padding:27px 20px 17px 20px; -moz-border-radius:8px; -webkit-border-radius:8px; border-radius: 8px; }
#maartenRooijakkers .content h2 { height:22px;  margin-bottom:18px; background:url(/images/headings/maartenRooijakkers.png) no-repeat; }

#crew { position:absolute; top:2400px; left:1920px; width:1920px; height:1200px; background:url(/images/backgrounds/DSC_0264.jpg) no-repeat; } 
#crew .content { position:absolute; top:55px; left:295px; background:#F3F3F3; color:#0E0E0E; width:507px; padding:27px 20px 17px 20px; -moz-border-radius:8px; -webkit-border-radius:8px; border-radius: 8px; }
#crew .content h2 { height:22px;  margin-bottom:18px; background:url(/images/headings/crew.png) no-repeat; }

#setFotos { position:absolute; top:2400px; left:3840px; width:1920px; height:1200px; background:url(/images/backgrounds/_MG_0433.jpg) no-repeat; } 
#setFotos .content { position:absolute; top:55px; left:295px; background:#F3F3F3; color:#0E0E0E; width:507px; padding:27px 15px 27px 20px; -moz-border-radius:8px; -webkit-border-radius:8px; border-radius: 8px; }
#setFotos .content h2 { height:22px;  margin-bottom:18px; background:url(/images/headings/setFotos.png) no-repeat; }
#setFotos.en .content h2 { height:22px;  margin-bottom:18px; background:url(/images/headings/setPhotos.png) no-repeat; }

#sponsoren { position:absolute; top:2400px; left:5760px; width:1920px; height:1200px; background:url(/images/backgrounds/the-tralalas-01.jpg) no-repeat; } 
#sponsoren .content { position:absolute; top:55px; left:295px; background:#F3F3F3; color:#0E0E0E; padding:27px 15px 27px 20px; -moz-border-radius:8px; -webkit-border-radius:8px; border-radius: 8px; }
#sponsoren .content h2 { height:22px;  margin-bottom:18px; background:url(/images/headings/sponsoren.png) no-repeat; }
#sponsoren.en .content h2 { height:22px;  margin-bottom:18px; background:url(/images/headings/sponsors.png) no-repeat; }

#downloads { position:absolute; top:2400px; left:7680px; width:1920px; height:1200px; background:url(/images/backgrounds/frank-01.jpg) no-repeat; } 
#downloads .content { position:absolute; top:55px; left:295px; background:#F3F3F3; color:#0E0E0E; width:507px; padding:27px 20px 17px 20px; -moz-border-radius:8px; -webkit-border-radius:8px; border-radius: 8px; }
#downloads .content h2 { height:22px;  margin-bottom:18px; background:url(/images/headings/downloads.png) no-repeat; }

#contact { position:absolute; top:2400px; left:9600px; width:1920px; height:1200px; background:url(/images/backgrounds/frank-03.jpg) no-repeat; } 
#contact .content { position:absolute; top:55px; left:295px; background:#F3F3F3; color:#212121; width:507px; padding:27px 20px 17px 20px; -moz-border-radius:8px; -webkit-border-radius:8px; border-radius: 8px; }
#contact .content h2 { height:22px;  margin-bottom:18px; background:url(/images/headings/contact.png) no-repeat; }

/************************************************************/
/*                     Gallery
/************************************************************/

ul.gallery { list-style:none; padding:0; margin:3px; }
	ul.gallery li { display:block; float:left; padding:0; margin:0 5px 5px 0; height:90px; width:90px; background:#303336;  }
		ul.gallery li.end_of_row { margin:0 0 5px 0; }
		ul.gallery li a:hover img { margin:-3px 0 0 -3px; border: 3px solid #303336; }

/************************************************************/
/*                     Crew
/************************************************************/

ul.crew { list-style:none; padding:0; margin:0; }

/************************************************************/
/*                     Columns
/************************************************************/

/* position list chunks side by side */
div.column
{
  float: left;
  width: 50%;
}

div.column ul { list-style:none; padding:0; margin:0; }

/************************************************************/
/*                     Nav
/************************************************************/
ul#nav {
	position: absolute;	
	left: 20px;
	top: 0;
	width: 255px;
	z-index: 5;
}

ul#nav, ul#nav ul {
  list-style-type:none;
  margin: 0;
  padding: 0;
}

ul#nav a {
  display: block;
  text-decoration: none;	
}

ul#nav li.logo {
  background: #212121;
  height: 135px;
  overflow: hidden;
}

ul#nav li a {
  background: #212121;
  color: #fff;	
  height: 29px;
}

ul#nav li a:hover {
  background: #104d5c;
}

ul#nav li ul li a {
  background: #191919;
  color: #bebebe;
  height: 24px;
  padding: 5px 0 0 30px;
}

ul#nav li ul li a:hover {
  background: #bebebe;
  color: #191919;
  padding-left: 30px;
}

ul#nav li a.nieuws { background:#212121 url(/images/menu/nieuws.png) no-repeat; text-indent:-9000px; overflow: hidden; }
ul#nav li a:hover.nieuws { background:#104d5c url(/images/menu/nieuws.png) no-repeat; }

ul#nav li a.news { background:#212121 url(/images/menu/news.png) no-repeat; text-indent:-9000px; overflow: hidden; }
ul#nav li a:hover.news { background:#104d5c url(/images/menu/news.png) no-repeat; }

ul#nav li a.overDeFilm { background:#212121 url(/images/menu/over-de-film.png) no-repeat; text-indent:-9000px; overflow: hidden; }
ul#nav li a:hover.overDeFilm { background:#104d5c url(/images/menu/over-de-film.png) no-repeat; }

ul#nav li a.aboutTheFilm { background:#212121 url(/images/menu/about-the-film.png) no-repeat; text-indent:-9000px; overflow: hidden; }
ul#nav li a:hover.aboutTheFilm { background:#104d5c url(/images/menu/about-the-film.png) no-repeat; }

ul#nav li a.deScenaristRegisseur { background:#212121 url(/images/menu/de-scenarist-regisseur.png) no-repeat; text-indent:-9000px; overflow: hidden; }
ul#nav li a:hover.deScenaristRegisseur { background:#104d5c url(/images/menu/de-scenarist-regisseur.png) no-repeat; }

ul#nav li a.theScreenwriterDirector { background:#212121 url(/images/menu/the-screenwriter-director.png) no-repeat; text-indent:-9000px; overflow: hidden; }
ul#nav li a:hover.theScreenwriterDirector { background:#104d5c url(/images/menu/the-screenwriter-director.png) no-repeat; }

ul#nav li a.cast { background:#212121 url(/images/menu/cast.png) no-repeat; text-indent:-9000px; overflow: hidden; }
ul#nav li a:hover.cast { background:#104d5c url(/images/menu/cast.png) no-repeat; }

ul#nav li a.achterDeSchermen { background:#212121 url(/images/menu/achter-de-schermen.png) no-repeat; text-indent:-9000px; overflow: hidden; }
ul#nav li a:hover.achterDeSchermen { background:#104d5c url(/images/menu/achter-de-schermen.png) no-repeat; }

ul#nav li a.behindTheScenes { background:#212121 url(/images/menu/behind-the-scenes.png) no-repeat; text-indent:-9000px; overflow: hidden; }
ul#nav li a:hover.behindTheScenes { background:#104d5c url(/images/menu/behind-the-scenes.png) no-repeat; }

ul#nav li a.sponsoren { background:#212121 url(/images/menu/sponsoren.png) no-repeat; text-indent:-9000px; overflow: hidden; }
ul#nav li a:hover.sponsoren { background:#104d5c url(/images/menu/sponsoren.png) no-repeat; }

ul#nav li a.sponsors { background:#212121 url(/images/menu/sponsors.png) no-repeat; text-indent:-9000px; overflow: hidden; }
ul#nav li a:hover.sponsors { background:#104d5c url(/images/menu/sponsors.png) no-repeat; }

ul#nav li a.downloads { background:#212121 url(/images/menu/downloads.png) no-repeat; text-indent:-9000px; overflow: hidden; }
ul#nav li a:hover.downloads { background:#104d5c url(/images/menu/downloads.png) no-repeat; }

ul#nav li a.contact { background:#212121 url(/images/menu/contact.png) no-repeat; text-indent:-9000px; overflow: hidden;  -moz-border-radius-bottomleft:8px; -moz-border-radius-bottomright:8px; -webkit-border-bottom-left-radius:8px; -webkit-border-bottom-right-radius:8px; border-bottom-right-radius: 8px; border-bottom-left-radius: 8px;}
ul#nav li a:hover.contact { background:#104d5c url(/images/menu/contact.png) no-repeat; }

/*SPONSOREN*/
ul#hoofdsponsoren, ul#overige_sponsoren { list-style:none; padding:0px; margin:0px; }

ul#hoofdsponsoren li {width:105px; height:65px; margin:0 34px 25px 20px; float:left;}

/*FOOTER*/
#footer { position:absolute; bottom:22px; width:100%; font-size:9px; text-align:center; z-index:3; }
#footer a { color:#212121; }
#footer a:hover { color:#F3F3F3; text-decoration:none; }  

/*SANNE KORTOOMS*/
#sanne_kortooms { position:absolute; width:156px; height:30px; bottom:15px; right:30px; z-index:2; }

/** Contact us Form **/
#contact_us {
	width: 460px;
	margin: 25px 0px 0px;
}

p.label_name, p.input_form {
	float: left;
}

p.label_name {
	width: 100px;
	clear: both;
	color: #212121;
	font-size: 12px;
}

#contact_us input, #contact_us textarea {
	width: 350px;
	background: #FFFFFF;
	border: 1px solid #C0BFBF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 1.6;
	padding: 4px;
	margin-bottom: 15px;
	color: #212121;
}

#contact_us input.button {
	color: #fbfbfb;
	background: #104d5c;
	padding: 5px 10px;
	display: inline-block;
	font-size: 12px;
	width: 80px;
	border: 0px;
	cursor: pointer;
}

ul#feedback {
	margin-top: 20px; list-style:none;
}

li.error {
	display: none;
	color: #6b0e2a;
	font-weight: bold;
}

p#submit {text-align:right;}

p#success {
	display: none; 
	width: 350px;
	padding: 4px;
	font-size: 12px; 
	text-align: left; 
	margin-bottom: 20px;
	margin-left: 100px;
	cursor: pointer;
	color: #104d5c;
	font-weight: bold;
}
/* Scrollpane styles */

.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
}

.jScrollPaneTrack {
	position: absolute;
	z-index: 99;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	background: transparent;
}
.jScrollPaneDrag {
	position: absolute;
	cursor: pointer;
	overflow: hidden;
	background: url(/images/scroll/osx_drag_middle.gif) repeat-y;
}
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	background: url(/images/scroll/osx_drag_top.gif) no-repeat;
	height: 19px;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
	background: url(/images/scroll/osx_drag_bottom.gif) no-repeat left bottom;
	height: 19px;
}
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	height: 24px;
}
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: 24px;
}
a.jScrollArrowDown:hover {
	/*background-color: #f60;*/
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	/*background-color: #f00;*/
}

a.jScrollArrowUp {
	background: url(/images/scroll/osx_arrow_up.gif) no-repeat;
}
/*
a.jScrollArrowUp:hover {
	background-position: 0 -15px;
}*/
a.jScrollArrowDown {
	background: url(/images/scroll/osx_arrow_down.gif) no-repeat left bottom;
}/*
a.jScrollArrowDown:hover {
	background-position: 0 -15px;
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	background-position: 0 -30px;
}*/