/* ------- Reset CSS -------- */
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, sub, sup, tt, var,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
/* font-style: inherit; */
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
outline: 0;
}
body {
line-height: 1;
color: black;
background: white;
}
ol, ul {
list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse: separate;
border-spacing: 0;
}
caption, th, td {
text-align: left;
font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: "";
}
blockquote, q {
quotes: "" "";
}
/* new clearfix */
.clearfix:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}
* html .clearfix { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */
/******************************************
* Link Styles
******************************************/
a:link, a:active, a:visited, a:hover, a:focus{outline: none;}
a:link, a:active, a:visited {text-decoration: underline;color: #000;}
a:hover, a:focus {text-decoration: none;color: #658ac7;}
a.more{font-weight: bold;}
/******************************************
* Base
******************************************/
body{
background:#fff;
font-size:12px;
font-family: 'trebuchet MS',Helvetica,Arial,sans-serif;
color:#000;
}
p{font-size:0.9167em;line-height:1.7;margin:15px 0;}
img{display: block;}
#wrap{
width:970px;
position: relative;
}
#search{width:100%;display: none;background: #b4cae4;padding:8px 0 5px;}
#search_form{width:960px;text-align: right;margin:0 auto;}
#search_form div{height:23px;overflow: hidden;}
#search_form input{display:block;float:right;margin:0 !important;}
#search_form input#search_input{background: #fff;font-size:0.9167em;padding:5px;}
#search_form input#submit{background: #658AC7;width:auto;color:#fff;font-size:1em;margin-left:15px;padding:3px 3px 4px;}
#search_line{height:4px;width:100%;background: #b4cae4;overflow:hidden;position: fixed;z-index:1000;}
#search_line.hover{/* background: #ff9600; */}
#search_handle{width:25px;height:21px;background: #b4cae4 url(../images/vergrootglas.gif) no-repeat 6px 3px;position: absolute;top:4px;right:0;
-moz-border-radius-bottomleft:4px;
-moz-border-radius-bottomright:4px;
-webkit-border-bottom-left-radius:4px;
-webkit-border-bottom-right-radius:4px;
border-bottom-left-radius:4px;
border-bottom-right-radius:4px;}
#search_handle.hover{/* background-color: #ff9600; */cursor: pointer;}
#header{
float:left;
margin:0 40px 0 0;
position:relative;
width:178px;
display: inline;
position: fixed;
}
#content{width:750px;float:right;padding:27px 0 10px;position: relative;display: inline;}
#content p{}
h1{font-size:7.833em;color:#658ac7;font-weight: normal;line-height:1.3;letter-spacing: -4px;}
h2{font-size:2.25em;font-weight: bold;color:#000;}
h3{font-size:1.75em;font-weight: bold;line-height: 1;}
h1#logo a{
text-indent:-4000px;
background: url(../images/logo.gif) no-repeat left top;
width:133px;
height:70px;
position:absolute;
left:96px;
top:30px;
}
div#krullen{
background:url("../images/krullen.gif") no-repeat scroll left top transparent;
height:145px;
margin:0 0 0 -60px;
position:absolute;
width:276px;
top:4px;
}
ul.nav{left:0px;position:absolute;top:130px;width:176px;}
ul.nav li{margin:0;padding:0;}
ul.nav li a{text-decoration:none;text-align: right;font-size:1.25em;font-weight: bold;line-height: 1.55;text-decoration: none;color:#000;zoom:1;display: block;margin:0;padding:0;}
ul.nav li a:hover{color:#658ac7;}
ul.nav li.current a{color:#658ac7;}
ul.nav li.current a:hover{cursor: default;color:#658ac7;}
ul.nav li.current ul{margin:4px 0 12px;}
ul.nav li.current ul li a{color:#000;}
ul.nav li ul li a{font-size:0.9167em;line-height: 1.65;text-decoration: none;}
ul.nav li ul li a span{color:#999;}
ul.nav li ul li a.overview{padding-left:15px;background:url("../images/overview.gif") no-repeat scroll 64px center transparent;}
ul.nav li ul li a.timeline{padding-left:15px;background:url("../images/timeline.gif") no-repeat scroll 66px center transparent;}
ul.nav li.current ul li a:hover{cursor: pointer;}
ul.nav li ul li a.current{padding-right:8px;background: url(../images/current_sub.gif) no-repeat right center;color:#658ac7;}
/******************************************
* Front
******************************************/
#front h1{font-size:1.75em;letter-spacing: 0;}
#front.detail h1{font-size:7.833em;letter-spacing: -4px;}
#front p{margin:0;}
#front.detail p{margin-top:5px;}
#front.detail h4{font-weight: bold;}
#promo{width:750px;height:401px;padding:35px 0 0;overflow: hidden;position: relative;}
#promo #slider{height:401px;}
#promo .slide{width:750px;height:401px;position: relative;}
.img_caption .caption_wrap {position:absolute;right:0px;bottom:0px;padding:7px 7px 7px 15px;z-index:10;width:728px;text-align: right;height:22px;overflow: hidden;background:url(../images/promo_bg.png) no-repeat 0 0;}
#trailer.img_caption .caption_wrap{display: inline-block;bottom:15px;right:15px;width:auto;padding:0;background: none;height: auto;}
.transparent {
/* Modern Browsers */
opacity: 0.65;
/* IE 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=65)";
/* IE 5-7 */
filter: alpha(opacity=65);
/* Netscape */
-moz-opacity: 0.65;
/* Safari 1 */
-khtml-opacity: 0.65;
}
.img_caption .caption {
display: inline-block;
color:#fff;
line-height: 1;
position: relative;
padding:2px 20px 2px 4px;
font-size:1.5em;
font-weight: normal;
text-align:right;
text-decoration: none;
/* border-radius:5px;-moz-border-radius: 5px;-webkit-border-radius:5px; */
}
#trailer.img_caption .caption{padding:5px 20px 5px 7px;background:url(../images/promo_bg.png) no-repeat 0 0;font-size:1.333em;}
#trailer.img_caption .caption:hover{background:#DAE3F2;color:#000;}
#trailer.img_caption .caption.trailer{margin-left:15px;}
.img_caption a.caption:hover{background:#DAE3F2;color:#000;}
.img_caption a.caption:active{background: orange;color:#000;}
.img_caption .caption span{position:absolute;right:8px;top:8px;background:url(../images/promo_pijl.gif) no-repeat 92% -6px;display:block;width:5px;height:9px;}
.img_caption .caption span.hover{background-position: 92% -27px;}
#trailer.img_caption .caption span{top:10px;}
#promo #pager{z-index:11;position: absolute;bottom:13px;left:18px;height:8px;width:auto;display: inline-block;}
#promo #pager a{width:8px;height:8px;background: #fff;margin-right:8px;text-indent:-4000px;display: block;float:left;overflow:hidden;}
#promo #pager a.activeSlide{background: #658ac7;}
#promo #pager a.activeSlide:hover{background: #658ac7;cursor:default;}
#promo #pager a:hover{background: orange;}
#promo #pager a:focus { outline: none; }
#front #news{margin-top:30px;}
#titel{position:relative;width:750px;background:url(../images/news_titelbalk.gif) no-repeat top left;margin-bottom:7px;text-indent: -4000px;height:16px;}
#rss{background: url(../images/rss_icon.gif) no-repeat left top;width:15px;height:16px;position:absolute;right:0;top:0;text-indent:-4000px;margin-top:0px;}
#news_items_wrap{position: relative;}
#news_items{}
#front .item{float:left;width:180px;margin-left:15px;margin-right:25px;overflow:hidden;padding:0 4px;display: inline;}
#front .item h4{font-size:1em;font-weight: bold;line-height:1.6;}
#front .item h4 span{color:#3b62a1;margin:0 3px 0 0;}
#front .item.last{margin-right:0;}
.browse{background: url(../images/news_nav.gif) no-repeat left top;position: absolute;top:45px;text-indent:-4000px;width:16px;height:16px;}
.prevPage{left:13px;}
.prevPage:hover{background-position: 0 -16px;cursor: pointer;}
.prevPage:active{background-position: 0 -32px;}
.prevPage.disabled{background-position: 0 -48px;}
.nextPage{background-position: -16px 0;right:13px;}
.nextPage:hover{background-position: -16px -16px;cursor: pointer;}
.nextPage:active{background-position: -16px -32px;}
.nextPage.disabled{background-position: -16px -48px;}
.jsClickableHover{text-decoration: underline;border-radius:5px;-moz-border-radius: 5px;-webkit-border-radius:5px;cursor: pointer;}
.jsClickableFocus{background:#ddd;}
.result{margin:0 0 30px;}
/******************************************
* Detailpagina
******************************************/
.detail #content{padding:17px 0 20px;}
.detail #content h1{line-height:1;margin-left:-6px;height:106px;overflow:hidden;}
.detail .col{float:left;display:inline;}
.detail #links{width:480px;margin-right:40px;margin-top:15px;}
.detail #rechts{width:230px;}
.detail img{clear:left;}
/******************************************
* Productions
******************************************/
#productions.list .col{margin-top:17px;}
#productions .production{margin-bottom:25px;}
#productions p{margin:0;}
#productions h2, #front.detail h4{margin-bottom:20px;text-transform: uppercase;font-size:1.5em;color:#888;background:url(../images/dotted.gif) repeat-x 0 bottom;padding-bottom:10px;}
#productions h3{font-size:2em;margin-bottom:6px;}
#productions #rechts h2{margin-bottom:25px;}
#productions #rechts .production h3{font-size:1.25em !important;}
#productions #rechts .production h3:hover{color:#658ac7;}
#productions #rechts .production p{margin-bottom:10px;}
#productions #rechts .production p#members{margin-bottom:5px;}
#productions h3 span{color:#999;}
.production img{margin:10px 0 10px;}
.production p a, a.readmore{margin-left:3px;padding-right:7px;background: url(../images/pijl_sprite.gif) no-repeat right 2px;text-decoration: none;font-weight: bold;}
.production p a:hover, a.readmore:hover{background-position: right -9px;}
#productions h3.toggle{padding: 0 0 0 15px;background:url(../images/toggle.gif) no-repeat left -19px;cursor:pointer;}
#productions h3.toggle.active{font-weight: bold !important;}
#productions h3.toggle.active{background-position: 0 -1px;}
#productions.list #rechts h3{margin-bottom:6px;}
#productions #rechts .production div{}
/* #productions #rechts span{color:#7d7d7d;font-size:1em;font-weight: bold;margin-bottom:9px;display: block;}*/
#productions.list #links{width:440px;margin-right:80px;}
#productions.list img{width:440px;height:auto;}
#productions.productie #links p{width:460px;}
#productions #rechts .production{margin-bottom:12px;}
#productions #rechts .production div{margin-bottom:25px;}
/******************************************
* Production
******************************************/
.productie h1.jaar{float:none;display:block;font-size:5.5em;font-weight: bold;color:#d3d4d5;letter-spacing: -5px;margin-top:26px;}
.productie h1{}
.productie span.title_nl{font-size:1.75em;color:#658ac7;display:inline;float:left;margin-left:15px;margin-top:37px;font-weight: normal;}
#breadcrumb{font-weight:bold;clear:both;text-transform: uppercase;font-size:0.9167em;color:#bbb;margin-bottom:9px;position: relative;top:-4px;}
#breadcrumb span{margin:0 7px;}
#breadcrumb a{color:#bbb;font-weight: bold;text-decoration: none;}
#breadcrumb a:hover{color:#000;text-decoration: none;}
.productie h3, .productie h4{color:#888;}
.productie h3{margin:0;font-size:1em !important;text-transform: uppercase;font-weight: bold;line-height:1.55;margin-bottom:0 !important;}
.productie h4{font-size:0.9167em;line-height:1.55;margin-bottom:14px;font-weight: normal;}
.productie #links img{margin-top:3px;margin-bottom:10px;}
.productie p{margin:0 0 15px 0 !important;}
.productie #gallery{background:url(../images/gallery_bg.gif) no-repeat left top;line-height: 0;overflow:hidden;font-size:0px;}
.productie #gallery a.sb{float:left;margin-right:10px;margin-bottom:10px;}
.productie #gallery a.sb img{display: block;margin:0;}
.productie #gallery a.sb.last{margin:0;}
.productie #links{margin-right:30px;width:480px;margin-bottom:25px;}
.productie #rechts{background:url(../images/dotted_vertical.gif) repeat-y 0 0;margin-top:20px;padding-left:25px;width:214px;margin-bottom:25px;}
.productie #cast h3{line-height:1;margin-bottom:4px !important;}
.productie #content #links{ min-height:240px;
height:auto !important;
height:240px;
}
.productie #trailer{position: relative;}
/******************************************
* History
******************************************/
#history #tijdslijn{width:750px;background: #fff;height:285px;margin-top:20px;overflow:hidden;}
#history #films{}
#history .film{position:relative;width:170px;height:295px;background: #000;float:left;margin-right:10px;margin-bottom:10px;}
#history .film.last{margin-right:0;}
#history .film .info{padding:4px 12px 0;width:146px;height:76px;background: transparent url(../images/history_titlebg.png) no-repeat left bottom;position: absolute;bottom:0;left:0;}
#history .film .info h1.jaar{font-size:3.75em;color:#fff;height:auto;margin:0;letter-spacing: 1px;line-height:1;height:46px;}
#history .film .info h2.titel{font-size:1.333em;color:#fff;font-weight: normal;margin-left:3px;}
#history #uitleg{width:350px;height:40px;position:absolute;bottom:-10px;right:0px;margin-top:15px;color:#fff;background: #fff url(../images/uitleg_bg.gif) no-repeat 0 0;}
#history #uitleg.hide{display: none;}
#history #uitleg #close{position: absolute;width:10px;height:10px;top:1px;right:1px;cursor: pointer;}
/* #history #uitleg #tip{background:url("../images/tip.gif") no-repeat scroll 190px top transparent;width:330px;height:8px;} */
#history #uitleg #tekst{padding:10px;font-size:1em;position:relative;margin-top:8px;}
.scroll-pane {float: left;}
#history.list #footer{background: none;}
/******************************************
* News
******************************************/
#news.individual #content h1{height:88px;overflow: hidden;}
#news #breadcrumb{margin-bottom:11px;
margin-top:2px;text-transform: none;}
#news .item{margin-bottom:30px;}
#news .date{font-size:0.9167em;color:#999;text-transform: uppercase;font-weight: bold;}
#news h2{margin-bottom:4px;}
#news .recent_date{font-weight: bold;}
#news .bullet{margin:0 1px;}
#news #rechts{color:#777;margin-top:28px;}
#news.individual #rechts{margin-top:43px;}
#news #rechts a{display: block;font-size:0.9167em;color:#777;line-height: 1.3;margin-bottom:9px;text-decoration: none;}
#news #rechts a:hover{color:#000;text-decoration:underline;}
#news #rechts h3{font-size:1.25em;text-transform: uppercase;margin-bottom:9px;}
#news #links{width:440px;margin-right:80px;margin-top:10px;margin-bottom:25px;min-height:250px;
height:auto !important;
height:250px;}
#news #footer{margin-top:15px;}
#news.individual #rechts{margin-bottom:15px;}
#news #links a{text-decoration: none;font-weight: bold;color:#999;}
#news #links a:hover{color:#000;}
#news #links a.older{margin-right:20px;}
#news #links a.newer{float:right;}
/******************************************
* Contact
******************************************/
.zemThanks p{font-size:1.667em;line-height:1.5em;}
label,ul.contact br{display: none;}
input,textarea{color:#444;background: #b4cae4;border:none;padding:5px;font-size:0.9167em;width:290px;margin-bottom:10px;font-family: 'trebuchet MS',Helvetica,Verdana,sans-serif;}
input:focus,textarea:focus{color:#000;}
.submit{width:auto;display: inline-block;float:right;}
.submit input{float:right;width:auto;background: none;font-size:0.9167em;font-weight: bold;padding:0 4px 0 0;background: url(../images/pijl_sprite.gif) no-repeat right 3px;}
.submit input:hover{background-position: right -8px;color:#658ac7;cursor:pointer;}
textarea{height:129px;margin-bottom:5px;}
#contact .col{margin-top:20px;}
#contact #links{width:300px;margin-right:20px;}
#contact .rechts{width:165px;margin-left:25px;padding-left:25px;background: url(../images/dotted_vertical.gif) repeat-y 0 0;height:210px;}
#contact h3{font-size:1.5em;margin-bottom:20px;}
#contact h4, #contact h5,#contact .rechts a{color:#888;}
#contact h4{margin:0px 0 6px 0;font-size:1.08333em !important;text-transform: uppercase;font-weight: bold;line-height:1;}
#contact h5,#contact .rechts a{font-size:0.9167em;line-height:1.75;}
#contact #adres a{font-size:1em;}
#contact h5.bottom{margin-top:7px;}
#contact .rechts a:hover{text-decoration: underline;color:#000;}
#contact #vrienden p{margin:0;color:#888;}
.zemError{font-size:0.9167em;color:red;margin-bottom:6px;}
.zemError li{padding:2px 0;}
#contact #footer{background: none;}
#footer{padding:10px 0 0;font-size:0.9167em;color:#999;clear:both;}
#footer a{color:#999;}
#footer a:hover{color:#658ac7;text-decoration: underline;}
.detail #footer{background:url(../images/dotted.gif) repeat-x 0 0;}
#history #footer{}
#history #content{}
a.fb-page{padding:5px 0px 5px 23px;background:url(../images/facebook.png) no-repeat left 50%;}