/* *********************** Fonts */ @font-face { font-family: 'LatoRegular'; src: url('fonts/Lato-Reg-webfont.eot'); src: url('fonts/Lato-Reg-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/Lato-Reg-webfont.woff') format('woff'), url('fonts/Lato-fReg-webfont.ttf') format('truetype'), url('fonts/Lato-Reg-webfont.svg#LatoRegular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'LatoBold'; src: url('fonts/Lato-Bol-webfont.eot'); src: url('fonts/Lato-Bol-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/Lato-Bol-webfont.woff') format('woff'), url('fonts/Lato-Bol-webfont.ttf') format('truetype'), url('fonts/Lato-Bol-webfont.svg#LatoBold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'LatoRegular'; src: url('fonts/Lato-Bol-webfont.eot'); src: url('fonts/Lato-Bol-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/Lato-Bol-webfont.woff') format('woff'), url('fonts/Lato-Bol-webfont.ttf') format('truetype'), url('fonts/Lato-Bol-webfont.svg#LatoBold') format('svg'); font-weight: bold; font-style: normal; } @font-face { font-family: 'LatoRegular'; src: url('fonts/Lato-RegIta-webfont.eot'); src: url('fonts/Lato-RegIta-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/Lato-RegIta-webfont.woff') format('woff'), url('fonts/Lato-RegIta-webfont.ttf') format('truetype'), url('fonts/Lato-RegIta-webfont.svg#LatoItalic') format('svg'); font-weight: normal; font-style: italic; } @font-face { font-family: 'LatoRegular'; src: url('fonts/Lato-BolIta-webfont.eot'); src: url('fonts/Lato-BolIta-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/Lato-BolIta-webfont.woff') format('woff'), url('fonts/Lato-BolIta-webfont.ttf') format('truetype'), url('fonts/Lato-BolIta-webfont.svg#LatoItalic') format('svg'); font-weight: bold; font-style: italic; } /* *********************** Main container */ body, html { height:100%;width:100%;margin:0; padding:0} body {margin-top: 40px;-webkit-font-smoothing:antialiased;color:#726d68;cursor:default;font-size:13px;line-height:1.55em; font-family:'LatoRegular', Arial, sans-serif} .onepcssgrid-1200 {margin: 0 auto;padding: 0 0 0 1%; position:relative} .onepcssgrid-1200 {width: 1220px;} .onerow {clear: both;padding: 0 10px;} /* *************************** Columns */ .col2, .col3, .col4, .col5, .col6, .col7, .col8, .col9, .col10, .col11, .col12 {float: left;margin: 0 3% 0 0;} .col2.last, .col3.last, .col3b.last, .col4.last, .col5.last, .col6.last, .col7.last, .col8.last, .col9.last, .col10.last, .col11.last, .col12 {margin: 0;} .col2 { width: 14%; } .col3 { width: 22.5%;} .col4 { width: 31%; } .col5 { width: 39.5%; } .col6 { width: 48%; } .col7 { width: 56.5%; } .col8 { width: 65%; } .col9 { width: 73.5%; } .col10 { width: 82%; } .col11 { width: 90.5%; } .col12 { width: 99%; margin: 0; } .col1, .col2, .col3, .col4, .col5, .col6, .col7, .col8, .col9, .col10, .col11, .col12 {margin-bottom: 20px;text-align: left;padding: 0px 0;} .col2 img {border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;opacity: 1;transition: opacity .25s ease-in-out; -moz-transition: opacity .25s ease-in-out; -webkit-transition: opacity .25s ease-in-out;zoom:1} .col2 span {position:relative;margin-top:15px; display:block} .col2 a {display:block;width:100%; height:100%} .col2 a:hover img {opacity:0.8; filter:Alpha(opacity=80)} .col3b {float:left;margin: 0 30px 30px 0;background: #f8f8f8;text-align: left;padding:15px; height:130px;width:244px;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px; position:relative;} .col3b.last {margin: 0 0 20px 0;} /* *********************** Algemeen */ a {color:#000; text-decoration:none} .capitals { text-transform:uppercase} .wrap-header {width:100%;margin:0; padding:0; height:100px; position:relative;min-width:1240px;} .line-o {border-bottom:1px solid #f0f0f0;} .header {width: 1220px;margin:0 auto;padding: 0 0 0 1%;} .logo { display:block;width:205px; height:56px; background:url(../images/MOOOV_Logo_N.png) no-repeat 0 0; position:relative} .logo a { display:block;width:205px; height:56px; position:absolute; top:0; left:0} .logo span {display:none;} .topmenu ul {float:left; width:150px; font-family:'LatoRegular', Arial, sans-serif; text-transform:uppercase; font-size:10px} .topmenu ul.twee {margin-left:20px} .topmenu ul.drie li a, ul.extramenu li a {color:#999} ul.extramenu { width:250px; margin:20px 0 0 0} ul.extramenu li {float:left;font-family:'LatoRegular', Arial, sans-serif; text-transform:uppercase; font-size:10px; margin-right:10px; display:none;} .voorstelling_info{padding-left:15px;font-family:'LatoRegular', Arial, sans-serif; color:#aeaeae;font-size:12px;} /* *********************** Headings */ .hoofdtitel h1 {margin-bottom:10px; display:inline-block} .btn-back {display:inline-block;background-color:#fbfbfb;color:#aeaeae;margin:0 15px; -webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;padding:4px 15px;} /* *********************** Home */ .home {margin-top:35px} .col12 .left-col, .col12 .right-col {float:left;} .col12 .left-col {width:75%; text-align:center} .col12 .right-col {width:25%;height:698px; background:#f8f8f8;} .col12 .right-col {border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;} .col12 .agenda, .col12 .latestnews, .col12 .latesttwitter {border-bottom:1px solid #f0f0f0; display:block; margin:0; padding:0; position:relative} .col12 .agenda h2, .home.col12 .right-col h2 { background:#000;-webkit-border-top-left-radius: 5px;-webkit-border-top-right-radius: 5px;-moz-border-radius-topleft: 5px;-moz-border-radius-topright: 5px;border-top-left-radius: 5px;border-top-right-radius: 5px; text-align:left; padding:10px 0 9px 28px; font-size:12px; color:#FFF; margin:0} .col12 .agenda ul {font-size:12px;padding:0; margin:0} .col12 .agenda ul li {border-bottom:1px solid #f0f0f0; margin:0 28px; padding:10px 0} .col12 .latestnews, .col12 .latesttwitter {padding:10px 28px; font-size:12px} .col12 .latestnews p , .col12 .latesttwitter p {margin:0;} .col12 .agenda .agenda-meer {display: block;padding: 10px 28px;background:#ececec; font-style:italic;} .col12 .latestnews a.read-more {display:block; position:absolute; top:0; left:0; width:100%; height:100%; background-image:url(../images/spacer.gif)} .col12 .latestnews a.read-more span {display:none;} .col12 .agenda .date {float:left; position:relative; color:#eb142b;margin-left:0px; margin-right:23px} .col12 .agenda .periode {float:left; position:relative; color:#eb142b;margin-right:38px; margin-left:0px; } .col12 .agenda .date .date-nr, .col12 .agenda .date .date-month, .col12 .agenda .locatie {display:block;} .col12 .agenda .periode { background:url(../images/bg-date.jpg) no-repeat center center} .col12 .agenda .event-categorie {padding-right:5px} .col12 .agenda .date.periode .date-month {font-size:12px} .col12 .agenda .event-titel {color:#000;} .col12 .agenda .uur {padding-right:5px; color:#eb142b} .col12 .agenda .date-nr {font-size:18px; line-height:1.25em} .col12 .agenda .date-month {font-size:10px;line-height:1.67em} .col12 .agenda ul li {display:block; position:relative} .col12 .agenda a.event-link {display:block; width:100%; height:100%; position:absolute; top:0; left:0; z-index:1;background-image:url(../images/spacer.gif)} .col12 .agenda a.event-link span{display:none} .latesttwitter .tw-datum {color:#333; font-style:italic} .latesttwitter .tw-name {display:block; padding: 0 0 0 25px; background:url(../images/bg-twitter-home.png) no-repeat 0 4px} .logowheel {text-align:center; margin:5px auto; width:168px} .logowheel .slider-nivowrapper {width:168px !important; height:95px !important;overflow:visible;} .logowheel .nivoSlider {position:relative;overflow: hidden;width:168px !important; height:95px !important;margin-bottom:0px} .logowheel .nivoSlider img {position:absolute;top:0px;left:0px;max-width: none;border-radius:none;-moz-border-radius:none;-webkit-border-radius:none;width:168px !important;height:95px !important;} .logowheel .nivo-main-image {display: block !important;position: relative !important; width:168px !important;height:95px !important;border-radius:none;-moz-border-radius:none;-webkit-border-radius:none;} /* *********************** Detailfiche */ .detail, .page {background:url(../images/bg-detail.png) repeat-y 280px 0; clear:both} .special {background:url(../images/bg-detail-special.png) repeat-y 280px 0} .detail .col3, .detail .col9, .page .col3, .page .col9, .page .col2 {margin-top:35px} .col7.last {margin-top:35px;} .col7.last .ub_wrapper100 {margin-left:35px;width:640px} .detail .image-banner{margin:0; padding:0; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;} .detail h1 {float:left; font-size:22px;margin:25px 0;} .page h1 {font-size:22px; margin:0 0 25px 0;} .detail .film-jaar {color:#aeaeae} .detail-info {background:url(../images/bg-detail.png) repeat-y 660px 0; position:relative; float:left; width:882px} .detail-info .col-wide, .detail-info .col-small {position:relative; float:left; padding-bottom:30px;} .detail-info .col-wide {width:620px; padding-right:40px} .detail-info .col-small {width:182px; padding-left:40px; color:#aeaeae} .detail-info .col-small .capitals {font-size:10px} .detail-info .col-small .film-info {margin-bottom:10px} .detail-info .col-small .lesmateriaal {margin-top:30px; border-top:1px solid #f0f0f0; padding-top:30px} .detail-info .col-small .lesmateriaal .capitals {padding-left:20px; background:url(../images/icons-material.png) no-repeat -5px -3px} .detail-info .col-small .lesmateriaal a {color:#aeaeae} .detail .regisseur {padding:40px 0 30px 135px; min-height:105px; position:relative; border-top:1px solid #f0f0f0; border-bottom:1px solid #f0f0f0; margin:30px 0 30px 0} .detail .regisseur img {position:absolute; left:0; top:37px; border-radius:52px;-moz-border-radius:52px;-webkit-border-radius:52px;} .detail .regisseur p {font-size:12px; color:#aeaeae; line-height:1.8em;} .detail .regisseur a {color:#aeaeae; border-bottom:1px solid #aeaeae} .detail .fb-like {margin-bottom:30px} .detail ul.media {position:relative; float:left; width:150px;margin:18px 0 0 10px;} .detail ul.media li {float:left; margin-right:5px;} .detail ul.media li a {display:block; width:30px; height:30px;} .detail ul.media li span {display:none} .detail ul.media li a.trailer {width:121px;background:url(../images/icons-media.png) no-repeat -3px 0px} .detail ul.media li a.fotos {background:url(../images/icons-media.png) no-repeat -38px 0} .detail ul.media li a.trailer:hover {background-position:-3px -36px} .detail ul.media li a.fotos:hover {background-position: -38px -36px} .detail .extrafotos {display:none;} .col3 .terug {float:right; background-color:#fbfbfb;color:#aeaeae;margin:0 35px; -webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;padding:10px 15px} .col3 .terugspecial {float:right; background-color:#fbfbfb;color:#aeaeae;margin:0 0 0 15px; -webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;padding:10px 15px} .detail .quote {padding:0 0 0 135px; position:relative; background:url(../images/bg-quote-left.png) no-repeat top left; margin:45px 0;} .detail .quote p {font-style:italic; padding:10px 40px 10px 0; background:url(../images/bg-quote-right.png) no-repeat bottom right; margin-bottom:0} .detail .quote .quote-pers {text-transform:uppercase; font-size:11px; color:#aeaeae} .detail .trivia {margin:30px 0;background-color:#fbfbfb;color:#aeaeae;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;padding:10px 15px;} .detail .trivia .titel {float:left; line-height:1.75em; margin-right:15px; text-transform:uppercase; color:#726d68;font-size:12px } .detail .trivia p {margin-bottom:0;font-size:12px;color:#aeaeae;} /* *********************** Left side menu */ ul.left_list{list-style:none; float:right; clear:right;margin-bottom:25px;} .left_list li{display:block; float:right; clear:right;padding:6px 0; width:155px; font-size:12px; color:#aeaeae;} .left_list li a{font-size:12px; padding:6px 10px;height:100%} .left_list li ul {margin:10px 0 0px 0; font-style:italic;} .left_list li li{display:block;color:#aeaeae;} .left_list li li a {color:#aeaeae;} #accordion1{ border:0;margin-bottom:15px;} #accordion1, #accordion1 li {} #accordion1 a {} #accordion1 ul a {} #accordion1 a.active {background:#f2f2f2;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;} #accordion1 a.dcjq-parent.active {background:#f2f2f2;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;} #accordion1 a.dcjq-parent {} #accordion1 a:hover, #accordion1 a.dcjq-parent:hover {background:#f2f2f2;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;} #accordion1 a .dcjq-icon {position: absolute; top: 50%; left: 14px; width: 34px; margin-top: -17px; height: 34px; background: url(images/arrow_black_right.png) no-repeat 0 center;} #accordion1 a.dcjq-parent.active .dcjq-icon {} #accordion1 a:hover {} #accordion1 a:active{} /* *********************** Algemeen */ .extra-titel {color:#aeaeae; margin-left:8px} .detail-info .col-extrawide {width:882px;} .page .col3 .col-content {margin-right:35px;text-align:right} .page .col3 .col-content h1 {margin:0 10px 20px 0; text-transform:uppercase; color:#e9e9e9; font-size:18px} .page .col3 .col-content .linkernav {font-size:12px} .page .col3 .col-content .linkernav li {display:block;padding:6px 0} .page .col3 .col-content .linkernav li a {padding:6px 10px;height:100%} .page .col3 .col-content .linkernav li a:hover {background:#f2f2f2;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;} .page .col3 .col-content .linkernav li a.active {background:#f2f2f2;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;} .page .col3 .col-content .linkernav ul {margin:10px 0 0px 0; font-style:italic;} .page .col3 .col-content .linkernav ul li a {color:#aeaeae} .page .row {margin-bottom:25px; float:left; width:777px} .page .blok-wrap {position:relative; float:left;border-top:1px solid #f0f0f0; width:777px; margin:0px 0; padding:25px 0} .page .blok {float:left; width:168px; margin-right:35px; color:#aeaeae; position:relative} .page .blok img {width:168px;height:95px; -webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;opacity: 1;transition: opacity .25s ease-in-out; -moz-transition: opacity .25s ease-in-out; -webkit-transition: opacity .25s ease-in-out;} .page .blok.large img {width:168px;height:235px;} .page .blok-wrap .blok.last {margin-right:0px } .page .blok-wrap .blok span {position:relative; display:block;color:#aeaeae} .page .blok-wrap .blok .b-titel {margin-top:15px;color:#726d68} .b-titels {margin-top:15px;color:#000000} .b-texts {color:#b9AEC3 !important;} .page .blok-wrap .blok .b-datum, .page .blok-wrap .blok .b-uur { display:inline;} .b-datum, .b-uur { display:inline;} .b-datum {margin-right:5px} .b-uur {margin-left:5px} .page .blok-wrap .blok a {display:block;width:100%; height:100%} .page .blok-wrap .blok a:hover img {opacity:0.8; filter:Alpha(opacity=80)} .special .col2 .blok {float:left; width:168px; margin-right:0px; margin-bottom:20px; color:#aeaeae; position:relative;} .download_pdf a { display:inline-block;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;background:#f2f2f2 url(../images/bg-download.png) no-repeat 12px center;color:#b7b7b7;padding:10px 15px 10px 35px; margin:10px 0 20px} /* *********************** Filter */ .col12.filter {width:1160px;} .col9.filter {width:747px;} /*.col12.filter form {width:662px;} */ .col9.filter form {width:520px;} .filter {display:block; padding:17px 15px 12px 15px; border-bottom:1px dotted #f5f5f5;border-top:1px dotted #f5f5f5; background-color:#fbfbfb;margin-bottom:30px} .filter form {float:left; margin:0 0 0 10px; padding:0; display:block;} .col3 .filter {width:205px;margin-bottom:20px; text-align:right;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;} .col3 .filter form {margin:0 0 0 0px;} .filter span.tekst {float:left; display:block; line-height:24pt; color:#ccc; text-transform:uppercase;} .filter select, .filter .tekstinput {font-family:'LatoRegular', Arial, sans-serif; font-weight:normal} .filter .tekstinput {font-family:'LatoRegular', Arial, sans-serif; background-color: #fff;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;margin:0px 5px 0 5px;height: 28px;width:170px;padding: 0 0 0 8px;border:1px solid #f5f5f5;font-style:italic;position: relative; color: #ccc;font-size: 13px;text-decoration: none; display: inline-block; zoom: 1; *display: inline;line-height: 22px;float:right;} .filter .buttons ul {position:relative; float:right; width:150px;} .filter .buttons li {float:right; margin-left:8px;margin-top:5px} .filter .buttons li a {display:block; width:23px; height:23px; background-color:#0F0} .filter .buttons li span {display:none} .filter .buttons li a.dvd {width:40px; background:url(../images/icons-new.png) no-repeat 0 2px} .filter .buttons li a.pic {width:40px; background:url(../images/icons-picture.png) no-repeat 0 2px} .filter .buttons li a.thumbs{background:url(../images/icons-thumbs.png) no-repeat 0 0} .filter .buttons li a.list {background:url(../images/icons-list.png) no-repeat 0 0} /* *********************** Gallery */ #filmgallery {margin-bottom:150px} .filmlijst h1.letter {display:block;font-size:30px; color:#e9e9e9; margin:7px 0px 13px;} .filmlijst {padding-bottom: 25px; border-bottom:1px solid #f5f5f5} .filmlijst .film-col {margin: 0 15px 0 0; float:left; position:relative;width:225px;} .filmlijst .film-col.last {margin: 0 0 0 0;} .filmlijst .new {color:#ff0000;} .filmlijst .new:before{content:url('http://www.mooov.be/assets/images/listicon-new.png');position:relative;padding-right:8px; vertical-align:middle} .filmlijst .picture {color:#57e881;} .filmlijst .picture:before{content:url('http://www.mooov.be/assets/images/listicon-eye.png');position:relative;padding-right:8px;vertical-align:middle} .filmlijst .expected {color:#57e881;} .filmlijst .expected:before{content:url('http://www.mooov.be/assets/images/listicon-eye.png');position:relative;padding-right:8px;vertical-align:middle} .filmlijst .cart_icon {margin-left:8px;} .filmlijst .cart_icon img {vertical-align:middle} #top-link {display:none; position:fixed; right:30px; bottom:30%;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px; color:#FFF; font-weight:bold; background: #e7e7e7 url(../images/bg-top.png) center center no-repeat; padding:35px; } #top-link:hover {background:#000 url(../images/bg-top.png) center center no-repeat; padding:35px; } #top-link span {display:none;} #filmlijst {width:100%} /* *********************** Nieuws */ .event {background: #f8f8f8;text-align: left;padding:15px; height:130px;width:240px;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px; position:relative} .nieuws p {margin:0 0 0 0; line-height:1.5em;color:#9b9b9b;} .nieuws .col3b a, .nieuws .event a {display:block; width:274px; height:160px; margin:0;padding:0; position:absolute; top:0;left:0; z-index:4; background-image:url(../images/spacer.gif)} .nieuws .col3b a span, .nieuws .event a span {display:none} .nieuws .n-image {display:block; position:absolute; top:0; left:0; z-index:2;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;} .nieuws .n-tekst {display:block; position:absolute; top:0; right:0; z-index:3; width:244px; padding:15px} .nieuws .col2 .n-tekst {display:block; position:absolute; top:0; left:0; z-index:3; width:142px; padding:15px} .nieuws .n-datum, .nieuws .n-titel, .nieuws p {display:block;} .nieuws .n-datum {font-weight:bold; font-size:14px} .nieuws .n-titel {margin-bottom:10px} .nieuws .n-backgr .n-titel, .nieuws .n-backgr .n-datum {background:none;} .nieuws .n-backgr .n-tekst, .nieuws .n-backgr .n-tekst p {color: white;text-shadow: 1px 1px 1px rgba(0,0,0,0.3);} .nieuws .n-backgr .n-image {opacity: 1;filter:Alpha(opacity=100);transition: opacity .4s ease-in-out; -moz-transition: opacity .4s ease-in-out; -webkit-transition: opacity .4s ease-in-out;zoom:1; -webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;} .nieuws .n-backgr:hover .n-image {opacity:0; filter:Alpha(opacity=0);zoom: 1;} .nieuws .n-backgr:hover .n-tekst, .nieuws .n-backgr:hover .n-tekst p {color:#000; text-shadow:none;} .nieuws .col3b:hover span, .nieuws .col3b:hover p {color:#000;} .nieuws .nieuwsbrief a, .nieuws .facebook a {display:block; text-align:center; padding:25px 10px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px; color:#fff; margin-bottom:25px; text-transform:uppercase} .nieuws .nieuwsbrief a {background:#333} .nieuws .facebook a {background:#3c5a9a} .twitter { padding:65px 15px 15px;background: #f8f8f8 url(../images/bg-twitter.png) no-repeat center 20px; -webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;margin-bottom:35px} .twitter ul li {list-style: none;display:block;border-bottom:1px solid #e8e8e8; margin-bottom:18px; padding-bottom:18px} .twitter ul li .tw-datum {display:block;color:#726d68; font-style:italic} .twitter a.tw-link {display:block;font-size:12px; color:#726d68; text-align:center;position:relative;} .facebook { padding:65px 15px 15px;background: #f8f8f8 url(../images/icon-facebook.png) no-repeat center 20px; -webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;margin-bottom:35px} .facebook a.fb-link {display:block;font-size:12px; color:#726d68; text-align:center;position:relative;text-transform:uppercase} .youtube { padding:65px 15px 15px;background: #f8f8f8 url(../images/icon-youtube.png) no-repeat center 20px; -webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;margin-bottom:35px} .youtube a.yt-link {display:block;font-size:12px; color:#726d68; text-align:center;position:relative;text-transform:uppercase} .nieuws .nieuwsdetail {margin-bottom:35px} .nieuws .nieuwsdetail img {-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;} .nieuws .nieuwsdetail h1 {margin-bottom:15px} .nieuws .nieuwsdetail p {width:95%} .nieuws .nieuwsdetail .fb-like {position:relative; margin-top:35px;} .col12 .terug {float:left; background-color:#fbfbfb;color:#aeaeae;margin:35px 0 0 0; -webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;padding:10px 15px} /* *********************** AGENDA OVERZICHT */ .event {background: #ccc;text-align: left;padding:15px; height:115px;width:220px;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px; position:relative} .agendaoverzicht-maand{padding-top: 1em; margin-top: 1em; border-top:1px solid #d5d6d8; text-transform:uppercase;} .agendaoverzicht-maand:first-child{padding-top: 1em; margin-top: 1em; border-top:none; text-transform:uppercase;} .agendaoverzicht p {margin:0 0 0 0; line-height:1.5em;color:#9b9b9b;} .agendaoverzicht .col3b a, .agendaoverzicht .event a {display:block; width:100%; height:100%; margin:0;padding:0; position:absolute; top:0;left:0; z-index:4; background-image:url(../images/spacer.gif)} .agendaoverzicht .col3b a span, .agendaoverzicht .event a span {display:none} .agendaoverzicht .n-image {display:block; position:absolute; top:0; left:0; z-index:2;width:100%;height:auto;} .agendaoverzicht .n-tekst {display:block; position:absolute; top:0; left:0; z-index:3; width:244px; padding:15px} .agendaoverzicht .n-tekst em {display: block;} .agendaoverzicht .n-datum, .agendaoverzicht .n-titel, .agendaoverzicht p {display:block;width:100%;} .agendaoverzicht .n-datum {font-weight:bold; font-size:14px} .agendaoverzicht .n-titel {margin-bottom:10px} .agendaoverzicht .n-backgr .n-titel, .agendaoverzicht .n-backgr .n-datum {background:none;} .agendaoverzicht .n-backgr .n-tekst, .agendaoverzicht .n-backgr .n-tekst p {color: white;text-shadow: 1px 1px 1px rgba(0,0,0,0.3);} .agendaoverzicht .n-backgr .n-image {opacity: 1;filter:Alpha(opacity=100);transition: opacity .4s ease-in-out; -moz-transition: opacity .4s ease-in-out; -webkit-transition: opacity .4s ease-in-out;zoom:1; -webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;height:145px;} .agendaoverzicht .n-backgr:hover .n-image {opacity:0; filter:Alpha(opacity=0);zoom: 1;} .agendaoverzicht .n-backgr:hover .n-tekst, .agendaoverzicht .n-backgr:hover .n-tekst p {color:#000; text-shadow:none;} .agendaoverzicht .col3b:hover span, .agendaoverzicht .col3b:hover p {color:#000;} .agendaoverzicht .nieuwsbrief a, .agendaoverzicht .facebook a {display:block; text-align:center; padding:25px 10px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px; color:#fff; margin-bottom:25px; text-transform:uppercase} .agendaoverzicht .nieuwsbrief a {background:#333} .agendaoverzicht .facebook a {background:#3c5a9a} .twitter { padding:65px 15px 15px;background: #f8f8f8 url(../images/bg-twitter.png) no-repeat center 20px; -webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;margin-bottom:35px} .twitter ul li {list-style: none;display:block;border-bottom:1px solid #e8e8e8; margin-bottom:18px; padding-bottom:18px} .twitter ul li .tw-datum {display:block;color:#726d68; font-style:italic} .twitter a.tw-link {display:block;font-size:12px; color:#726d68; text-align:center;position:relative;} .agendaoverzicht .agendaoverzicht-detail {margin-bottom:35px} .agendaoverzicht .agendaoverzicht-detail img {-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;} .agendaoverzicht .agendaoverzicht-detail h1 {margin-bottom:15px} .agendaoverzicht .agendaoverzicht-detail p {width:95%} .agendaoverzicht .agendaoverzicht-detail .fb-like {position:relative; margin-top:35px;} .col12 .terug {float:left; background-color:#fbfbfb;color:#aeaeae;margin:35px 0 0 0; -webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;padding:10px 15px} /* *********************** Zoekresultaten */ #zoekresultaten h2 {text-align:left} #zoekresultaten h3 { background-color:#f8f8f8;color:#9b9b9b;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;padding:10px 15px; margin-bottom:30px;font-weight:normal} #zoekresultaten .row { position:relative} #zoekresultaten .row.list a {position:absolute; top:0; left:0;width:100%; height:100%} #zoekresultaten .row:hover p {color:#ccc} #zoekresultaten .row .blok span {margin-top:15px; color:#3c3c3c} #zoekresultaten .row p.Tiny {background:#ffe1e1 url(../images/bg-warning.png) no-repeat 15px 13px;color:#e21313;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;padding:10px 15px 10px 40px;font-style:italic} p.Tiny {background:#ffe1e1 url(../images/bg-warning.png) no-repeat 15px 14px;color:#e21313;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;padding:10px 15px 10px 40px;font-style:italic} p.Tiny a{color:#e21313; font-weight:bold; text-decoration:underline;} /* *********************** Fotoalbum GOED */ .fotoalbum {width:1220px;} .fotoalbum .col8 img {position:relative;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;opacity: 1;filter:Alpha(opacity=100);transition: opacity .4s ease-in-out; -moz-transition: opacity .4s ease-in-out; -webkit-transition: opacity .4s ease-in-out;zoom:1;} .fotoalbum .col8 a:hover img {opacity:0.5; filter:Alpha(opacity=50);zoom: 1;} .fotoalbum .col8 a {position:relative; display:block;float:left; width:133px; height:87px; margin:0 25px 25px 0;} .col4 .terug {display:inline-block;background-color:#fbfbfb;color:#aeaeae;margin:0 0 20px 0; -webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;padding:10px 15px} .fragment span {display:block; position:absolute;bottom:10px; left:10px; width:25px; height:25px; z-index:40; text-indent:-9999px} /* *********************** Search */ .h_searchform {position:relative;z-index:3;width:19px; height:19px;} .h_searchform form {position:absolute;top:-1px; left:0; padding:0; margin:0;float:none; clear:none;} .h_searchform input.text {padding:8px 20px 8px 5px;width:1px;background:#fff;border:0;color:#333; font-family:'LatoRegular', Arial, sans-serif; font-size:12px;-webkit-transition:width 200ms linear, background 200ms linear; -o-transition:width 200ms linear, background 200ms linear; -moz-transition:width 200ms linear, background 200ms linear; -ms-transition:width 200ms linear, background 200ms linear; transition:width 200ms linear, background 200ms linear;} .h_searchform:hover input.text, .active .h_searchform input.text, .h_searchform input.text:focus, .h_searchform input.text:active {padding:8px 24px 8px 8px;outline:none; border:1px solid #eee;width:130px;} .h_searchform:hover input.text, .h_searchform input.text:focus, .h_searchform input.text:active{background:#eee;} .h_searchform label.submit {display:block; position:absolute;top:3px; right:10px;width:19px; height:19px;border:0;cursor:pointer;} .h_searchform label.submit:after {content:"";background:url(../images/search.png) no-repeat 0px -1px;display:block; position:absolute;z-index:3; top:4px; left:0;width:21px; height:23px;color:#333; font-family:'LatoRegular', Arial, sans-serif; font-size:12px;} .h_searchform input.submit {position:absolute;top:-9999px; left:-9999px;} #formulier .field { background-color:#dedede} /* *********************** Festivalpagina's */ .wrap-locaties {width:100%; position:relative;min-width:1240px;} .wrap-loc-bg {margin:3px 0;width:100%; padding:25px 0; background-color:#fbfbfb; position:relative;} .wrap-locaties .col12 {margin: 0 0 0px 0;} .wrap-locaties ul {margin:0; padding:0; width:100%;text-align:center} .wrap-locaties ul li {display:inline} .wrap-locaties ul li a {background-color:#d5d6d8;color:#FFF;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px; padding:5px 15px; margin:0 3px;-webkit-transition:background-color 0.25s ease-in;-moz-transition:background-color 0.25s ease-in;-o-transition:background-color 0.25s ease-in;transition:background-color 0.25s ease-in;} .wrap-locaties ul li a:hover, .wrap-locaties ul li a.active {background-color:#333;} .fragment span {display:block; position:absolute;bottom:10px; left:10px; width:25px; height:25px; background:url(../images/bg-video.jpg) no-repeat 0 0; z-index:40; text-indent:-9999px} .col2 span.b-datum, .col2 span.b-uur{margin-top:5px; display:inline; color:#aeaeae} #festival {width: 100%;margin: 25px auto; position:relative; clear: both;} #festival .col3 {margin:10px 15px; float:left;width:274px;height:160px; padding:0;position:relative} #festival .fest-banner {margin:10px 15px; float:left;width:578px;height:340px;} #festival .col3 img {width:274px;height:160px;} #festival .fest-banner img {width:578px;height:340px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;} #festival .col3 h2 {font-size:16px;text-align:left;color:#bababa; margin:0 0 0 0} #festival .col3.n-backgr h2, #festival .col2.n-backgr h2, #festival .col3.n-backgr p, #festival .col2.n-backgr p {color:#FFF} #festival .col3.n-backgr:hover h2, #festival .col2.n-backgr:hover h2, #festival .col3.n-backgr:hover p, #festival .col2.n-backgr:hover p {color:#bababa;} #festival .col3 p {font-style:italic;font-size:14px; color:#bababa;} #festival .col2 h2 {font-size:14px;text-align:left;color:#bababa; margin:0 0 0 0; width:130px} #festival .col2 p {font-style:italic;font-size:14px; color:#bababa;} #festival .col2 {margin:10px 15px; float:left;width:173px;height:160px; padding:0;position:relative} #festival .fest-blok {background: #f8f8f8;text-align: left;padding: 15px;height: 130px;width: 143px;border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;position: relative;background-color: #f8f8f8;} #festival .fest-blok a {display:block; width:173px; height:160px; margin:0;padding:0; position:absolute; top:0;left:0; z-index:4; background-image:url(../images/spacer.gif)} #festival .fest-blok a span {display:none} h2.balk-titel {padding:45px; margin:35px 0 10px 0;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;color:#3c3c3c} h2.balk-titel span {font-size:8px !important; padding-right:10px} h2.balk-titel.award {background:#f8f8f8 url(../images/bg-balk-awards.png) no-repeat center center} h2.balk-titel.guests {background:#f8f8f8 url(../images/bg-balk-jury.png) no-repeat center center} h2.balk-titel.getoond {background:#f8f8f8 url(../images/bg-balk-films.png) no-repeat center center} .col3.award {text-align: left; position:relative;margin-bottom:40px} .col3.award img { background: #f8f8f8;text-align: left;height: 160px; width:274px;border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;position: relative;background-color: #f8f8f8; margin-bottom:10px; opacity: 1;transition: opacity .25s ease-in-out; -moz-transition: opacity .25s ease-in-out; -webkit-transition: opacity .25s ease-in-out;zoom:1} .col3.award .award-detail .award-title, .awards .col3 .award-detail .award-jury {color:#000} .col3.award .award-detail span {position:relative; display:block;color:#aeaeae} .col3.award .award-detail .award-title {text-transform:uppercase; font-weight:bold} .col3.award .award-detail .award-jury {text-transform:lowercase; padding-bottom:10px; font-style:italic} .col3.award .award-detail .award-movie {font-weight:bold} .col3.award .award-detail .award-reg {margin-right:5px} .col3.award .award-detail .award-reg, .awards .col3 .award-detail .award-year {display:inline;} .col3.award a {display:block; position:absolute; top:0; left:0; z-index:10;width:100%; height:277px} .col3.award a span {display:none;} .col3.award:hover img {opacity:0.8; filter:Alpha(opacity=80)} .col2.award .b-tekst {color:#aeaeae; margin-top:0} .jurys {padding:20px 0} .col3.award .jury {background: #f8f8f8;border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;text-align:center; } .col3.award .jury h4 {text-transform:uppercase; padding-bottom:10px; font-size:12px; color:#000} .col3.award .jury {padding:20px} #festival .fest-blok a.fragment span {display:block !important;} h1 .fest-date {display:block; color:#726d68;font-size:16px; line-height:24pt} .archief h2.balk-titel {margin-top:10px} .fest-movies {text-align:center; padding:0 0 0 25px} .fest-movies .col2.award {display:inline-block !important;float:none;} .fest-data p {margin-top:10px} .archief .filter {margin-top:35px} .plan-btns {padding:10px 0;margin:15px 0 5px 0} .plan-btns ul { display:block; margin:0; padding:0; list-style:none} .plan-btns ul li {display:inline;} .plan-btns ul li a {background:#F00;padding:8px 15px; margin-right:10px;border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius:5px; color:#FFF;-webkit-transition:background-color 0.25s ease-in;-moz-transition:background-color 0.25s ease-in;-o-transition:background-color 0.25s ease-in;transition:background-color 0.25s ease-in;} .plan-btns ul li a.add {padding:8px 15px 8px 30px; background:#F00 url(../images/bg-add.png) no-repeat 12px 12px} .plan-btns ul li a:hover {background:#333} .plan-btns ul li a.add:hover {background:#333 url(../images/bg-add.png) no-repeat 12px 12px} .voorstelling {padding:10px 0;margin:5px 0} .voorstelling ul { display:block; margin:0; padding:0; list-style:none} .voorstelling ul li {display:inline;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;background:#f5f5f5;padding:8px 15px;margin-right:10px;} .voorstelling ul li.voorst-titel { background:#333 url(../images/bg-voorstelling.png) no-repeat 10px center; font-style:italic; color:#FFF; padding:8px 15px 8px 35px;} .voorstelling ul li .b-datum {color:#333} .scrollcontent { border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px; width:205px; height:500px;padding:17px 15px 12px 15px; overflow:auto; background:#fbfbfb;} /* *********************** Matrix tabel */ .matrix-table {display: table; width:1180px; background-color:#fbfbfb;margin-top:15px; color:#999} .rij {display: table-row;} .rij.first {background:url(../images/bg-matrix.png) repeat-x 0 0} .veld {display:table-cell;text-align:center;padding:15px; border-left:1px solid #f1f1f1;border-bottom:1px solid #f1f1f1;} .veld.date {background-color:#f2f2f2; border-bottom:none;border-left:1px solid #e6e6e6;color:#333} .veld.titel {border-left:none; text-align:left;font-weight:bold; color:#333; max-width:120px} .veld.aantal {width:200px;} .veld a {color:#999;padding-left:17px; display:block; margin-bottom:10px} .veld a:focus {color:#15cb2e;display:block;height:20px;} .veld a.active {color:#15cb2e;background : url('../images/bg-check.png') 22px -4px no-repeat;} .check-btns {text-align:right} .check-btns a {color:#FFF;background:#333;padding:8px 15px; margin-left:10px;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;-webkit-transition:background-color 0.25s ease-in;-moz-transition:background-color 0.25s ease-in;-o-transition:background-color 0.25s ease-in;transition:background-color 0.25s ease-in;} .check-btns a:hover {background:#F00;} .check-btns a.check {background:#F00;} .check-btns a.check:hover {background:#333} .matrix-table .rij:hover {background:#f7f7f7} .matrix-table .rij.first:hover {background:#f7f7f7 url(../images/bg-matrix.png) repeat-x 0 0} .matrix-table input.qty {font-family:'LatoRegular';font-weight:normal; font-size:12px;color:#999;background-color: #fff;height:34px;line-height: 14px;outline: 0;border: 1px solid #e4e4e4;padding: 0px 15px;text-align:center} .matrix-table .verwijder a {line-height:8pt;text-indent: -9999px; margin:0 auto;display:block;width:12px; height:12px; background:url(../images/shopping_remove.gif) no-repeat 5px 0px} .matrix-table .verwijder a:hover {text-indent: -9999px;display:block;width:12px; height:12px; background:url(../images/shopping_remove.gif) no-repeat 5px -24px} .matrix-info {margin-top:35px;text-align:center;color:#FFF;background:#333;padding:5px 0px;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;} .matrix-info p {margin:2px 0; padding:0; color:#FFF; font-style:italic; font-size:15px} .matrix-info p .divider {padding: 0 15px} p.Tiny_green {background:#e6f8e8 url(../images/bg-warning-ok.png) no-repeat 15px 14px;color:#15cb2e;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;padding:10px 15px 10px 40px;font-style:italic} p.Tiny_red {background:#ffe1e1 url(../images/bg-warning.png) no-repeat 15px 13px;color:#e21313;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;padding:10px 15px 10px 40px;font-style:italic} .col6 .page_form {width:518px !important;margin:0 0 35px 0} .filmoverzicht {padding:25px;background-color:#fbfbfb;color:#aeaeae;border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius:5px;} .filmoverzicht h2 {text-align:left; text-transform:none;color:#bababa;} .filmoverzicht .titel {font-weight:bold; color:#333;font-size:16px; line-height:22pt} .filmoverzicht ul li {padding-bottom:20px;margin-bottom:20px; border-bottom:1px solid #eeeeee} .filmoverzicht ul li span {padding-right:8px} #city_box label {padding-right:15px} #city_box span {padding-left:8px; padding-right:10px} /*************** language filmfiche ********************/ a.lang_en, a.lang_fr {background-color:#e2e2e2;color:#918f8f;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;font-style:italic; padding:5px 12px; display:block; margin-top:5px} /* *********************** Aangepaste opmaak Events / Festivalhome */ .col6.event {background: #f8f8f8;text-align: left;padding:15px; height:130px;width:534px;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px; position:relative} .col6.event a { display:block; height:100%; width:100%;margin:0;padding:0; position:absolute; top:0;left:0; z-index:4; background-image:url(../images/spacer.gif)} .col6.event .n-image {opacity: 1;filter:Alpha(opacity=100);transition: opacity .4s ease-in-out; -moz-transition: opacity .4s ease-in-out; -webkit-transition: opacity .4s ease-in-out;zoom:1;} .col6.event:hover .n-image {opacity:0.75; filter:Alpha(opacity=75);zoom: 1;} .overlay {zoom: 1;filter: alpha(opacity=50);opacity: 0.3;position:absolute;top:0px;bottom:0px;left:0px;right:0px;} .capslide img {float:left;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;} .ic_caption {position:absolute; overflow:hidden;margin:0px;padding:10px 15px;left:0px;right:0px;cursor:default;zoom: 1;filter: alpha(opacity=90);opacity: 0.9;} .ic_caption h2 {color:#515151 !important; font-size:14px !important;} .ic_text{width:90%;} #festival .col3 p.ic_text, #festival .col2 p.ic_text {color:#515151 !important} #festival .col3 span, #festival .col2 span {display:none;} #festival .col3.capslide a {display:block; width:274px; height:160px; margin:0;padding:0; position:absolute; top:0;left:0; z-index:4; background-image:url(../images/spacer.gif)} #festival .col2.capslide a {display:block; width:173px;height:160px; margin:0;padding:0; position:absolute; top:0;left:0; z-index:4; background-image:url(../images/spacer.gif)} /****************************************** upload picsture in accreditatie formulier ******************************************/ .success{width:168px; padding:5px 0 5px 190px !important; } .succes img{border:1px solid #c8c4c4 ;width:168px; } #upload{width:100%; margin:5px 0 5px 0;position:relative;float:left;cursor:pointer;} /*#upload span{display:block;width:125px;height:20px; float:left;text-align:right; padding-left:5px;font:10px Arial ;}*/ #upload span.koppel{width:310px;background:#333333;height:24px;float:left;clear:none !important; margin-left:0px;font-size:12px;padding:2px;text-align:center;cursor:pointer;color:#ffffff;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;} /*************** printbox ********************/ #printbox{display:none;} .class_logo{display:inline;} .class_tekst{display: inline;} /*************** * TOOLTIP ********************/ /* CSS Document */ html { -webkit-font-smoothing: antialiased; } /* This is the default Tooltipster theme (feel free to modify or duplicate and create multiple themes!): */ .tooltipster-default { border-radius: 5px; border: 2px solid #e21313; background: #ffe1e1; color: #fff; } /* Use this next selector to style things like font-size and line-height: */ .tooltipster-default .tooltipster-content { font-family: Arial, sans-serif; font-size: 14px; line-height: 16px; padding: 8px 10px 0 10px;; overflow: hidden; } /* This next selector defines the color of the border on the outside of the arrow. This will automatically match the color and size of the border set on the main tooltip styles. Set display: none; if you would like a border around the tooltip but no border around the arrow */ .tooltipster-default .tooltipster-arrow .tooltipster-arrow-border { /* border-color: ... !important; */ } /* If you're using the icon option, use this next selector to style them */ .tooltipster-icon { cursor: help; margin-left: 4px; } /* This is the base styling required to make all Tooltipsters work */ .tooltipster-base { padding: 0; font-size: 0; line-height: 0; position: absolute; z-index: 9999999; pointer-events: none; width: auto; overflow: visible; } .tooltipster-base .tooltipster-content { overflow: hidden; } /* These next classes handle the styles for the little arrow attached to the tooltip. By default, the arrow will inherit the same colors and border as what is set on the main tooltip itself. */ .tooltipster-arrow { display: block; text-align: center; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: -1; } .tooltipster-arrow span, .tooltipster-arrow-border { display: block; width: 0; height: 0; position: absolute; } .tooltipster-arrow-top span, .tooltipster-arrow-top-right span, .tooltipster-arrow-top-left span { border-left: 8px solid transparent !important; border-right: 8px solid transparent !important; border-top: 8px solid; bottom: -7px; } .tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-top-left .tooltipster-arrow-border { border-left: 9px solid transparent !important; border-right: 9px solid transparent !important; border-top: 9px solid; bottom: -7px; } .tooltipster-arrow-bottom span, .tooltipster-arrow-bottom-right span, .tooltipster-arrow-bottom-left span { border-left: 8px solid transparent !important; border-right: 8px solid transparent !important; border-bottom: 8px solid; top: -7px; } .tooltipster-arrow-bottom .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border { border-left: 9px solid transparent !important; border-right: 9px solid transparent !important; border-bottom: 9px solid; top: -7px; } .tooltipster-arrow-top span, .tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-bottom span, .tooltipster-arrow-bottom .tooltipster-arrow-border { left: 0; right: 0; margin: 0 auto; } .tooltipster-arrow-top-left span, .tooltipster-arrow-bottom-left span { left: 6px; } .tooltipster-arrow-top-left .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border { left: 5px; } .tooltipster-arrow-top-right span, .tooltipster-arrow-bottom-right span { right: 6px; } .tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border { right: 5px; } .tooltipster-arrow-left span, .tooltipster-arrow-left .tooltipster-arrow-border { border-top: 8px solid transparent !important; border-bottom: 8px solid transparent !important; border-left: 8px solid; top: 50%; margin-top: -7px; right: -7px; } .tooltipster-arrow-left .tooltipster-arrow-border { border-top: 9px solid transparent !important; border-bottom: 9px solid transparent !important; border-left: 9px solid; margin-top: -8px; } .tooltipster-arrow-right span, .tooltipster-arrow-right .tooltipster-arrow-border { border-top: 8px solid transparent !important; border-bottom: 8px solid transparent !important; border-right: 8px solid; top: 50%; margin-top: -7px; left: -7px; } .tooltipster-arrow-right .tooltipster-arrow-border { border-top: 9px solid transparent !important; border-bottom: 9px solid transparent !important; border-right: 9px solid; margin-top: -8px; } /* Some CSS magic for the awesome animations - feel free to make your own custom animations and reference it in your Tooltipster settings! */ .tooltipster-fade { opacity: 0; -webkit-transition-property: opacity; -moz-transition-property: opacity; -o-transition-property: opacity; -ms-transition-property: opacity; transition-property: opacity; } .tooltipster-fade-show { opacity: 1; } .tooltipster-grow { -webkit-transform: scale(0,0); -moz-transform: scale(0,0); -o-transform: scale(0,0); -ms-transform: scale(0,0); transform: scale(0,0); -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; -o-transition-property: -o-transform; -ms-transition-property: -ms-transform; transition-property: transform; -webkit-backface-visibility: hidden; } .tooltipster-grow-show { -webkit-transform: scale(1,1); -moz-transform: scale(1,1); -o-transform: scale(1,1); -ms-transform: scale(1,1); transform: scale(1,1); -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); } .tooltipster-swing { opacity: 0; -webkit-transform: rotateZ(4deg); -moz-transform: rotateZ(4deg); -o-transform: rotateZ(4deg); -ms-transform: rotateZ(4deg); transform: rotateZ(4deg); -webkit-transition-property: -webkit-transform, opacity; -moz-transition-property: -moz-transform; -o-transition-property: -o-transform; -ms-transition-property: -ms-transform; transition-property: transform; } .tooltipster-swing-show { opacity: 1; -webkit-transform: rotateZ(0deg); -moz-transform: rotateZ(0deg); -o-transform: rotateZ(0deg); -ms-transform: rotateZ(0deg); transform: rotateZ(0deg); -webkit-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 1); -webkit-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); -moz-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); -ms-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); -o-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); } .tooltipster-fall { top: 0; -webkit-transition-property: top; -moz-transition-property: top; -o-transition-property: top; -ms-transition-property: top; transition-property: top; -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); } .tooltipster-fall-show { } .tooltipster-fall.tooltipster-dying { -webkit-transition-property: all; -moz-transition-property: all; -o-transition-property: all; -ms-transition-property: all; transition-property: all; top: 0px !important; opacity: 0; } .tooltipster-slide { left: -40px; -webkit-transition-property: left; -moz-transition-property: left; -o-transition-property: left; -ms-transition-property: left; transition-property: left; -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); } .tooltipster-slide.tooltipster-slide-show { } .tooltipster-slide.tooltipster-dying { -webkit-transition-property: all; -moz-transition-property: all; -o-transition-property: all; -ms-transition-property: all; transition-property: all; left: 0px !important; opacity: 0; } /* CSS transition for when contenting is changing in a tooltip that is still open. The only properties that will NOT transition are: width, height, top, and left */ .tooltipster-content-changing { opacity: 0.5; -webkit-transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1); -o-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); } /** * BIB LOGIN *********************/ #bib .zebox{width:80%; margin:2%;} #bib label{width:20%;diplay:block; float:left;} #bib .field{width:25%; border:1px solid #ddd} #bib .submit{float:left;height:2.2em; line-height:0.8;margin:10px 0px 0px 0px;cursor:pointer; padding:10px 15px;border:none; background-color:#2a2725;color:#fff;font-weight:normal; font-size:13px; font-family:'LatoRegular', Arial, sans-serif; -webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;} .white{background:transparent !important} .go_to_cart a {float:right;padding:5px 15px;border:none; background-color:#ff0000;color:#fff; -webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px; margin:35px 5px 0 5px} .go_to_cart_black a {float:right;padding:5px 15px;border:none; background-color:#000000;color:#fff; -webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px; margin:35px 5px 0 5px} .go_to_cart_black_film a {float:right;padding:5px 15px;border:none; background-color:#000000;color:#fff; -webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px; margin:5px 5px 5px 5px} .credit {float:right;padding:5px 15px;border:none;margin:35px 5px 0 5px } #logout {float:right; width:85px; clear:none !important;padding-top:25px;} #logout .submit{float:right; height:2.2em; line-height:1;margin:10px 0px 0px 0px;cursor:pointer; padding:10px 15px;border:none; background-color:#2a2725;color:#fff;font-weight:normal; font-size:13px; font-family:'LatoRegular', Arial, sans-serif; -webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;} .col2.dvd-new, .col2.dvd-eye, .col2.dvd-expected { position:relative} .col2.dvd-new span.new {position:absolute; top:-15px; text-transform:uppercase; font-size:10px; font-weight:bold; color:#FFF;-webkit-border-bottom-right-radius: 3px;-webkit-border-bottom-left-radius: 3px;-moz-border-radius-bottomright: 3px;-moz-border-radius-bottomleft: 3px;border-bottom-right-radius: 3px;border-bottom-left-radius: 3px;} .col2.dvd-eye span.eye {position:absolute; top:-15px; text-transform:uppercase; font-size:10px; font-weight:bold; color:#FFF;-webkit-border-bottom-left-radius: 3px;-moz-border-radius-bottomleft: 3px;border-bottom-left-radius: 3px;} .col2.dvd-expected span.expected {position:absolute; top:-15px; text-transform:uppercase; font-size:10px; font-weight:bold; color:#FFF;-webkit-border-bottom-right-radius: 3px;-webkit-border-bottom-left-radius: 3px;-moz-border-radius-bottomright: 3px;-moz-border-radius-bottomleft: 3px;border-bottom-right-radius: 3px;border-bottom-left-radius: 3px;} .col2.dvd-eye span.eye img {margin-top:32px; padding:5px} .col2.dvd-new span.new {background-color:#F00;left:57px;padding:4px 12px; } .col2.dvd-expected span.expected {background-color:#f90;left:47px;padding:4px 12px; } .col2.dvd-eye span.eye {background-color:#53e387;left:0px;padding:5px 10px; height:83px} .col2.dvd-new img.dvd-img {width:164px;height:91px; border:2px solid #F00} .col2.dvd-expected img.dvd-img{width:164px;height:91px; border:2px solid #F90} .col2.dvd-eye img.dvd-img {width:164px;height:91px;border:2px solid #53e387;} /** * PUBLIEKSPRIJS *********************/ .publieksprijs h2 {font-family:'LatoBold', Arial, sans-serif; text-transform:none !important; font-size:18px; color:#3c3c3c !important; letter-spacing:0.05em; margin:35px 0 20px 0;} .publieksprijs .txt-check {margin-top:15px} .publieksprijs .txt-check label { font-weight:bold; color:#5a5a5a; margin-left:10px} .txt-check label {display: block;width:560px; float:right} .txt-check input {width: 13px;height: 13px;padding: 0;margin:0;vertical-align: bottom;position: relative;top: 3px;*overflow: hidden;} .publieksprijs .page_form {float:left; position:relative;clear:both;padding:0px;margin:0 0 30px 0px !important;width:777px !important;background-color:#fff;color:#aeaeae;} .publieksprijs form {margin:0 0 30px 0px} .publieksprijs fieldset.contact-data {display:block;padding:25px;margin:20px 0 30px 0;width:600px !important;background-color:#fbfbfb;color:#aeaeae;border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius:5px;} .publieksprijs fieldset { display:block; clear:both} .page .publieksprijs .row {margin-bottom:20px} .publieksprijs #filmgallery {margin-bottom:20px} .page .publieksprijs .blok-wrap { display:block; position:relative; float:left;border-top:none; width:777px; margin:0px 0; padding:25px 0} .ub_wrapper100.publieksprijs img {margin-bottom:0px;} .ub_wrapper100.publieksprijs .b-titel {min-height:39px} .starRatingWrap{ background:#f5f5f5; border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius:5px; padding:10px; text-align:center; margin:10px 0} .starRating{display: inline-block;position: relative;height: 24px;background: url('../img/stars.png') repeat-x 0 0;vertical-align: bottom;} .starRating div{float: left;position: relative;height: 24px;} .starRating input{position: relative;z-index: 1;width: 24px;height: 24px;margin: 0;padding: 0;opacity: 0; cursor:pointer} .starRating label{position: absolute;top: 0;left: 0;width: 100%;height: 24px;} .starRating span{display: none !important} .starRating input:checked + label,.starRating:hover input:checked:hover + label{background: url('../img/stars.png') repeat-x 0 -24px;} .starRating:hover input:checked + label{background : transparent;} .starRating:hover input:hover + label{background : url('../img/stars.png') repeat-x 0 -48px} .publieksprijs .dropdown {width: 170px;border-radius: 5px;overflow: hidden;background-color: #dedede;} .publieksprijs .submit { display:block;padding:25px 53px !important;font-size:18px; line-height:0.2 !important;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease;transition: all 0.3s ease; margin-bottom:none !important} .publieksprijs input[type="submit"]:hover{background-color:#f00} .publieksprijs .btn-score {color:#FFF;margin:10px 0 20px 0px;display:inline-block;padding:24px 30px !important;font-size:16px;background-color:#31bc86; font-weight:bold; border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius:5px;line-height:0.2 !important;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease;transition: all 0.3s ease;} .publieksprijs .btn-score:hover {background-color:#25a272;} .publieksprijs .score { display:block; margin-top:20px} .publieksprijs table {border-collapse: collapse;margin-bottom: 3em;width: 100%;background: #fff; color:#333} .publieksprijs td, .publieksprijs th {padding: 0.75em 1.5em;text-align: left; vertical-align:middle} .publieksprijs th.sc-title{ font-size:18px; font-weight:bold; -webkit-border-top-left-radius: 3px;border-top-left-radius: 3px;-moz-border-radius-topleft: 3px;} .publieksprijs th.sc-star{-webkit-border-top-right-radius: 3px;-moz-border-radius-topright: 3px;border-top-right-radius: 3px;} .publieksprijs th {background-color: #25a272;font-weight: bold;color: #fff;white-space: nowrap;} .publieksprijs tbody th {background-color: #2ea879;} .publieksprijs tbody tr:nth-child(2n) {background-color: #f5f5f5; transition: all .125s ease-in-out;} .publieksprijs tbody tr:hover {background-color: rgba(129,208,177,.3);} .publieksprijs td.sc-pic, .publieksprijs th.sc-pic{ width:170px} .publieksprijs td.sc-pos, .publieksprijs th.sc-pos{ width:30px} .publieksprijs td.sc-titel {font-size:18px; font-weight:bold} .publieksprijs .sc-nr {font-size:12px; font-weight:bold; margin-right:15px} .publieksprijs .sc-star {text-align:center} .publieksprijs .score .starRatingWrap{ background:none} .publieksprijs .stand { background-color:#f5f5f5; text-align:left; padding:20px; margin-bottom:40px; font-weight:bold} .publieksprijs .stand img { vertical-align:middle; margin-left:15px} .publieksprijs .stand-str { display:block; width:130px;margin:0 auto} .publieksprijs .stand-str ul { list-style:none;} .publieksprijs .stand-str ul li { display:block; float:left; width:24px; height:24px; background: url(../img/stars.png) no-repeat 0 -24px } .publieksprijs .stand-str ul li span {display: none !important} .publieksprijs a.bespreking { color:#FFF; font-weight:bold; width:168px !important; display:inline-block; text-align:center;padding:25px 0 5px 0; background:#ff8f8f url(../img/speech.png) no-repeat center 8px;border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius:5px;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease;transition: all 0.3s ease;} .publieksprijs a.bespreking:hover { color:#FFF; background-color:#F33} /** EXTRA LAYOUT SCARFACE ***************************/ .submit_new {float:left; line-height:0.8;margin:0;cursor:pointer; padding:10px 15px;border:none; background-color:#2a2725;color:#fff;font-weight:normal; font-size:13px; font-family:'LatoRegular', Arial, sans-serif; -webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;} form select{background-color:#dedede; -webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;padding:8px 20px 8px 5px;border:0;color:#333; font-family:'LatoRegular', Arial, sans-serif; font-size:12px;-webkit-transition:width 200ms linear, background 200ms linear; -o-transition:width 200ms linear, background 200ms linear; -moz-transition:width 200ms linear, background 200ms linear; -ms-transition:width 200ms linear, background 200ms linear; transition:width 200ms linear, background 200ms linear;} /** MOOOVMAKERS *********************/ .mooovmakers-sidebar{ } .mooovmakers-sidebar ul{ width:100%; } .mooovmakers-sidebar ul li{ font-weight: 700; text-transform: uppercase; width:100%; } .mooovmakers-sidebar-option-price{ font-weight:300; } .mooovmakers-sidebar-option-price:before{ content:" — "; } .mooovmakers-sidebar img{ margin-top: 25px; } .mooovmakers-home{ } .mooovmakers-home-locations{ clear:both; border-top: 1px solid #f0f0f0; margin: 0px 0; padding: 25px 0; } .mooovmakers-home-locations:after{ content:''; display: block; clear:both; } .mooovmakers-home-locations ul li a{ float:left; margin-right: 5px; background-color: #d5d6d8; color: #FFF; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 5px 15px; margin: 0 3px; -webkit-transition: background-color 0.25s ease-in; -moz-transition: background-color 0.25s ease-in; -o-transition: background-color 0.25s ease-in; transition: background-color 0.25s ease-in; } .mooovmakers-home-locations ul li a:hover{ background-color:#333; } .mooovmakers-home #grid-four{ border-top: 1px solid #f0f0f0; margin: 0px 0; padding: 25px 0; } .mooovmakers-location{ } .mooovmakers-location-maker{ text-align: center; margin-bottom:35px; } .mooovmakers-location-maker:nth-child(4n){ margin-right: 0; } .mooovmakers-location-maker:nth-child(4n+1){ clear:left; } .mooovmakers-location .mooovmakers-location-maker img{ height:auto; margin-bottom: 10px; } .page .mooovmakers-location .blok span{ color:#000; } .mooovmakers-location-maker-name{ font-weight: 700; } .mooovmakers-location-maker-function{ font-style: italic; } .mooovmakers-sponsors{ } .mooovmakers-sponsors-options:after{ content: ""; display: block; clear:both; } .mooovmakers-sponsors-options-option{ box-sizing: border-box; float:left; width:406px; margin-right: 35px; margin-bottom: 35px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; background:#ececec; padding:25px 50px 50px 50px; } .mooovmakers-sponsors-options-option:nth-child(2n){ margin-right: 0; } .mooovmakers-sponsors-options-option:nth-child(2n+1){ clear:left; } .mooovmakers-sponsors-options-option h2{ color:#000; margin-top:10px; margin-bottom:5px; font-size:12px; } .mooovmakers-option-price{ text-align: center; color:#000; margin-bottom: 25px; } .mooovmakers-sponsors-options-option li{ list-style-type: square; } /* *********************** Footer */ .wrap-footer {width:100%;margin:0px 0 0 0 ; padding:35px 0 0 0; height:100px; position:relative;min-width:1240px;} .line-b {border-top:1px solid #f0f0f0;} .logo {display:block;width:205px; height:56px; background:url(../images/Mooov-logo.jpg) no-repeat 0 0} .logo span {display:none;} .wrap-footer ul li {display:inline; text-transform:uppercase; font-size:10px;margin:0 10px 0 0} .wrap-footer .col5 {text-align:right;margin} .wrap-footer .col5 ul li {text-align:right; margin:0 0 0 10px} /* *********************** undercast */ #undercast a.under { height:51px; width: 7px; margin:20px; position: fixed; right: 0; bottom: 0; visibility: visible; background:url(../images/undercast.png) -2px 0 no-repeat; text-decoration:none } #undercast a:hover.under { height: 51px; width: 7px; margin:20px; position: fixed; right: 0; bottom: 0; visibility: visible; background:url(../images/undercast.png) 7px 0; text-decoration:none; }