@charset "utf-8";
/* CSS Document */
a:focus { outline: none; }
img { border: 0 }

body { background: #000; font-family: Georgia, "Times New Roman", Times, serif; font-size: 13px; }
.bg { background: url('../images/bg.jpg') center top no-repeat #000; position: relative; z-index: 0; }
.bg .avatars {  background: url('../images/avatars.png') no-repeat; width: 1086px; height: 611px; position: relative; margin: -610px 0 0 -150px; z-index: -1; }

.header { background: url('../images/header.png') center center no-repeat; text-indent: -9999px; width: 500px; height: 112px; margin: 20px auto; }
.language {  position: absolute; right: 0; top: 5px; color: #666; }
.language a { font-size: 11px; color: #666; text-decoration: none;}
.nav { background: url('../images/nav-bar.jpg') no-repeat; width: 940px; height: 40px; margin: 0 0 60px 0;}
.nav .branches { width: 960px; height: 75px; position: absolute; left: -20px; top: -12px; background: url('../images/branches.png'); }
.nav ul { margin: 0; list-style-type: none; width: 740px; margin: 0 auto; z-index: 2; position: relative; }
.nav ul li { display: inline; margin: 0;}
.nav ul li a { height: 13px; text-indent: -9999px; background: url('../images/nav-sprite.png') no-repeat; display: block; float: left; margin: 13px 20px 14px 20px;}

.nav ul li.home a { width: 40px; background-position: 0 0; }
.nav ul li.bonifatius a { width: 78px; background-position: -40px 0; }
.nav ul li.making-of a { width: 81px; background-position: -118px 0; }
.nav ul li.concept-art a { width: 96px; background-position: -199px 0;  }
.nav ul li.cast-crew a { width: 88px; background-position: -295px 0; }
.nav ul li.contact-press a { width: 116px; background-position: -383px 0; }

.nav ul li.home a:hover { width: 40px; background-position: 0 -28px; }
.nav ul li.bonifatius a:hover { width: 78px; background-position: -40px -28px; }
.nav ul li.making-of a:hover { width: 81px; background-position: -118px -28px; }
.nav ul li.concept-art a:hover { width: 96px; background-position: -199px -28px;  }
.nav ul li.cast-crew a:hover { width: 88px; background-position: -295px -28px; }
.nav ul li.contact-press a:hover { width: 116px; background-position: -383px -28px; }

.nav ul li.home.selected a { width: 40px; background-position: 0 -14px; }
.nav ul li.bonifatius.selected a { width: 78px; background-position: -40px -14px; }
.nav ul li.making-of.selected a { width: 81px; background-position: -118px -14px; }
.nav ul li.concept-art.selected a { width: 96px; background-position: -199px -14px;  }
.nav ul li.cast-crew.selected a { width: 88px; background-position: -295px -14px; }
.nav ul li.contact-press.selected a { width: 116px; background-position: -383px -14px; }

.nav .bookmark img { position: absolute; top: 3px; height: 50px; z-index: 1;} 
.nav .bookmark.home img { left: 110px; width: 60px; }
.nav .bookmark.bonifatius img { left: 190px; width: 98px; }
.nav .bookmark.making-of img { left: 308px; width: 101px; }
.nav .bookmark.concept-art img { left: 429px; width: 116px; }
.nav .bookmark.cast-crew img { left: 565px; width: 108px; }
.nav .bookmark.contact-press img { left: 693px; width: 136px; }

.footer { background: url('../images/border-ht.jpg') top left repeat-x #000; padding: 40px; color: #666;  }
.footer .sponsors { width: 543px; height: 43px; background: url('../images/sponsors.png') no-repeat; margin: 0 auto;  }
.footer p { text-align: center; font-family: Arial, Helvetica, sans-serif; font-size: 11px; }
.footer a { color: #322; }
.footer a:hover { color: #422; }

a { color: #600 }
a:hover { color: #900 }

.content .block570x290 { width: 570px; height: 290px; background: url('../images/box_570x290.jpg') no-repeat;  margin: 0 auto; padding: 50px; margin-bottom: 170px; } 
.content .block570x390 { width: 570px; height: 390px; background: url('../images/box_570x390.jpg') no-repeat;  margin: 0 auto; padding: 50px; margin-bottom: 170px; } 
.content .block570x290.trailer { padding: 15px; width: 640px; height: 360px; } 
.content .trailer .video { position: relative; z-index: 22;}

.content .block570x290.making-of { margin-bottom: 20px; } 
.content .block620x360 { width: 520px; height: 260px; background: url('../images/box_620x360.jpg') no-repeat; padding: 50px; margin-bottom: 20px; }
.content .block-bonifatius { width: 300px; height: 360px; background: url('../images/box-bonifatius.jpg') no-repeat; margin-bottom: 20px; }
.content .block-gregorius { width: 300px; height: 360px; background: url('../images/box-gregorius.jpg') no-repeat; margin-bottom: 20px; }
.content .block-donareik { width: 300px; height: 360px; background: url('../images/box-donareik.jpg') no-repeat; margin-bottom: 20px; }
.content .block-missie { width: 300px; height: 360px; background: url('../images/box-missie.jpg') no-repeat; margin-bottom: 20px; }
.content .block-gregorius2 { width: 300px; height: 360px; background: url('../images/box-gregorius2.jpg') no-repeat; margin-bottom: 20px; }

.trailer-btn a { background: url('../images/trailer-sprite.png') no-repeat; margin: 0 auto; text-indent: -9999px; display: block;}
.trailer-btn.english a { width: 213px; height: 29px; background-position: 0 0; }
.trailer-btn.english a:hover { width: 213px; height: 29px; background-position: 0 -29px; }
.trailer-btn.dutch a { width: 271px; height: 29px; background-position: -213px 0; }
.trailer-btn.dutch a:hover { width: 271px; height: 29px; background-position: -213px -29px; }

.content .fade2black { z-index: 20; height: 100%; width: 100%; background-repeat:repeat; position:fixed; top: 0px; left: 0px;
 background-color: rgb(0, 0, 0); opacity: 0.7; /* Safari, Opera */ -moz-opacity:0.70; /* FireFox */ filter: alpha(opacity=70); /* IE */ }
.content .trailer .close a { display: block; text-indent: -9999px; background: url('../images/close.png') no-repeat; height: 25px; width: 25px; position: absolute; top: -10px; right: 125px; z-index: 21; }


h2.welkom { text-indent: -9999px; background: url('../images/temp_intro.png') no-repeat; }
h2.welcome { text-indent: -9999px; background: url('../images/temp_intro2.png') no-repeat; }

h2.synopsis { text-indent: -9999px; background: url('../images/synopsis.png') no-repeat; }
h2.bonifatius { text-indent: -9999px; background: url('../images/bonifatius.png') no-repeat; }
h2.gregorius { text-indent: -9999px; background: url('../images/gregorius.png') no-repeat; }
h2.making-of { text-indent: -9999px; background: url('../images/making-of.png') no-repeat; }
h2.cast { text-indent: -9999px; background: url('../images/cast.png') center top no-repeat; }
h2.crew { text-indent: -9999px; background: url('../images/crew.png') center top no-repeat; }
h2.contact-press { text-indent: -9999px; background: url('../images/contact-press.png') no-repeat; }
h2.contact-pers { text-indent: -9999px; background: url('../images/contact-pers.png') no-repeat; }

.mo-nav { width: 910px; margin: 0 auto; }
.mo-nav ul { list-style-type: none; margin: 0; }
.mo-nav ul li { display: inline; margin: 0; }
.mo-nav ul li a { display: block; height: 76px; width: 100px; text-indent: -9999px; float: left; margin: 0 10px 20px 10px; padding: 5px; }
.mo-nav ul li a.video1 { background: url('../images/mo-video1.jpg'); }
.mo-nav ul li a.video2 { background: url('../images/mo-video2.jpg'); }
.mo-nav ul li a.video3 { background: url('../images/mo-video3.jpg'); }
.mo-nav ul li a.video4 { background: url('../images/mo-video4.jpg'); }
.mo-nav ul li a.video5 { background: url('../images/mo-video5.jpg'); }
.mo-nav ul li a.video6 { background: url('../images/mo-video6.jpg'); }
.mo-nav ul li a.video7 { background: url('../images/mo-video7.jpg'); }
.mo-nav ul li a .bookmark { width: 35px; height: 18px; margin: 0px auto; background: url('../images/mo-bookmark.png'); }

.ca-thumb a { display: block; width: 210px; height: 155px; margin-bottom: 20px; padding: 5px; }

.card { width: 450px; height: 115px; background: url('../images/card.jpg'); padding: 5px; margin-bottom: 20px;}
.card .picture { height: 116px; width: 111px; float: left; }
.card .info { width: 309px; height: 96px; float: left; margin-left: 10px; padding: 10px; }
.card .info dl { margin: 0; font-size: 11px; }
.card .info dl dt { float: left; clear: left; width: 80px; }
.card .info dl dd { margin: 0 0 0 80px; }
.card h4 { font-family: Georgia, "Times New Roman", Times, serif; font-size: 11px; font-weight: normal; color: #300; margin: 0;}
h4 { font-family: Georgia, "Times New Roman", Times, serif; font-size: 16px; font-weight: normal; color: #300;}

form label { width: 125px; clear: left; float: left; line-height: 28px; margin: 2px 0;  }
form input, form textarea { background: none; border: 2px #000 solid; opacity: 0.8; /* Safari, Opera */ -moz-opacity:0.80; /* FireFox */ filter: alpha(opacity=80); font-family: Georgia, "Times New Roman", Times, serif; padding: 2px; height: 20px; width: 200px; float: left; margin: 2px 0;}
form textarea { height: 150px; width: 300px; }
form input.submit { width: 57px; height: 28px; background: url('../images/send-sprite.png') 0 0 no-repeat; border: none; text-indent: -9999px; margin-left: 200px; cursor: pointer;}
form input.submit.dutch { width: 102px; height: 28px; background: url('../images/send-sprite.png') -57px 0 no-repeat; border: none; text-indent: -9999px; margin-left: 200px; cursor: pointer;}

form input.submit:hover { width: 57px; height: 28px; background: url('../images/send-sprite.png') 0 -28px no-repeat; border: none; text-indent: -9999px; cursor: pointer;}
form input.submit.dutch:hover { width: 102px; height: 28px; background: url('../images/send-sprite.png') -57px -28px no-repeat; border: none; text-indent: -9999px; cursor: pointer;}

h2.bericht-verzonden { background: url('../images/bericht-verzonden.png') no-repeat; text-indent: -9999px;}
h2.message-sent { background: url('../images/message-sent.png') no-repeat; text-indent: -9999px;}
h2.boniface { background: url('../images/boniface.png') no-repeat; text-indent: -9999px;}
h2.gregory { background: url('../images/gregory.png') no-repeat; text-indent: -9999px;}

h3.jan-decleir { background: url('../images/cast-crew/jan-decleir.png') no-repeat; text-indent: -9999px; margin: 0; line-height: 24px;}
h3.jeroen-gunning { background: url('../images/cast-crew/jeroen-gunning.png') no-repeat; text-indent: -9999px; margin: 0; line-height: 24px;}
h3.jan-arendz { background: url('../images/cast-crew/jan-arendz.png') no-repeat; text-indent: -9999px; margin: 0; line-height: 24px;}
h3.philippine-corporaal { background: url('../images/cast-crew/philippine-corporaal.png') no-repeat; text-indent: -9999px; margin: 0; line-height: 24px;}
h3.mareille-labohm { background: url('../images/cast-crew/mareille-labohm.png') no-repeat; text-indent: -9999px; margin: 0; line-height: 24px;}

h3.olga-ponjee { background: url('../images/cast-crew/olga-ponjee.png') no-repeat; text-indent: -9999px; margin: 0; line-height: 24px;}
h3.thijs-schreuder { background: url('../images/cast-crew/thijs-schreuder.png') no-repeat; text-indent: -9999px; margin: 0; line-height: 24px;}
h3.mels-kroon { background: url('../images/cast-crew/mels-kroon.png') no-repeat; text-indent: -9999px; margin: 0; line-height: 24px;}
h3.ruud-kouwenberg { background: url('../images/cast-crew/ruud-kouwenberg.png') no-repeat; text-indent: -9999px; margin: 0; line-height: 24px;}
h3.bram-vleugel { background: url('../images/cast-crew/bram-vleugel.png') no-repeat; text-indent: -9999px; margin: 0; line-height: 24px;}
h3.bas-moonen { background: url('../images/cast-crew/bas-moonen.png') no-repeat; text-indent: -9999px; margin: 0; line-height: 24px;}
h3.stef-holtz { background: url('../images/cast-crew/stef-holtz.png') no-repeat; text-indent: -9999px; margin: 0; line-height: 24px;}
h3.bas-van-bergen { background: url('../images/cast-crew/bas-van-bergen.png') no-repeat; text-indent: -9999px; margin: 0; line-height: 24px;}
h3.vincent-van-der-klaauw { background: url('../images/cast-crew/vincent-van-der-klaauw.png') no-repeat; text-indent: -9999px; margin: 0; line-height: 24px;}
h3.danielle-kempen { background: url('../images/cast-crew/danielle-kempen.png') no-repeat; text-indent: -9999px; margin: 0; line-height: 24px;}
h3.oscar-verpoort { background: url('../images/cast-crew/oscar-verpoort.png') no-repeat; text-indent: -9999px; margin: 0; line-height: 24px;}
h3.joery-verweij { background: url('../images/cast-crew/joery-verweij.png') no-repeat; text-indent: -9999px; margin: 0; line-height: 24px;}
h3.xander-bruins { background: url('../images/cast-crew/xander-bruins.png') no-repeat; text-indent: -9999px; margin: 0; line-height: 24px;}
h3.jeffrey-devore { background: url('../images/cast-crew/jeffrey-devore.png') no-repeat; text-indent: -9999px; margin: 0; line-height: 24px;}
h3.tirtsa-heuwekemeijer { background: url('../images/cast-crew/tirtsa-heuwekemeijer.png') no-repeat; text-indent: -9999px; margin: 0; line-height: 24px;}
h3.dennis-kersten { background: url('../images/cast-crew/dennis-kersten.png') no-repeat; text-indent: -9999px; margin: 0; line-height: 24px;}
h3.enrique-mendoza { background: url('../images/cast-crew/enrique-mendoza.png') no-repeat; text-indent: -9999px; margin: 0; line-height: 24px;}
h3.rik-van-os { background: url('../images/cast-crew/rik-van-os.png') no-repeat; text-indent: -9999px; margin: 0; line-height: 24px;}
h3.esmee-hollenberg { background: url('../images/cast-crew/esmee-hollenberg.png') no-repeat; text-indent: -9999px; margin: 0; line-height: 24px;}
h3.janneke-jacobs { background: url('../images/cast-crew/janneke-jacobs.png') no-repeat; text-indent: -9999px; margin: 0; line-height: 24px;}
h3.tobias-wilbrink { background: url('../images/cast-crew/tobias-wilbrink.png') no-repeat; text-indent: -9999px; margin: 0; line-height: 24px;}
h3.lucas-camps { background: url('../images/cast-crew/lucas-camps.png') no-repeat; text-indent: -9999px; margin: 0; line-height: 24px;}
h3.max-maloney { background: url('../images/cast-crew/max-maloney.png') no-repeat; text-indent: -9999px; margin: 0; line-height: 24px;}
h3.tim-kerbosch { background: url('../images/cast-crew/tim-kerbosch.png') no-repeat; text-indent: -9999px; margin: 0; line-height: 24px;}
h3.femke-de-bruijn { background: url('../images/cast-crew/femke-de-bruijn.png') no-repeat; text-indent: -9999px; margin: 0; line-height: 24px;}
h3.michiel-de-boer { background: url('../images/cast-crew/michiel-de-boer.png') no-repeat; text-indent: -9999px; margin: 0; line-height: 24px;}
h3.wilco-van-blitterswijk { background: url('../images/cast-crew/wilco-van-blitterswijk.png') no-repeat; text-indent: -9999px; margin: 0; line-height: 24px;}

.shown-dates p { font-size: 11px; text-align: center; width: 450px; margin: 20px auto 0 auto; }

.block620x360.biography h2 { font-family: Georgia, "Times New Roman", Times, serif; font-size: 16px; font-weight: normal; color: #300; margin-bottom: 10px;}

.submenu-block { width: 235px; height: 16px; background: url('../images/submenu-box.png') no-repeat; padding: 15px; margin: 0 auto 20px auto; text-align: center; }