@charset "UTF-8";
@font-face {
  font-family:'FUTURAH';
  src:url('/assets/mbpa/fonts/FUTURAH.eot');
  src:local('☺'), url('/assets/mbpa/fonts/FUTURAH.eot?#iefix') format('embedded-opentype'), url('/assets/mbpa/fonts/FUTURAH.svg#FUTURAH') format('svg'), url('/assets/mbpa/fonts/FUTURAH.woff') format('woff'), url('/assets/mbpa/fonts/FUTURAH.ttf') format('truetype');
  font-weight:normal;
  font-style:normal;
}
.hidden {
  display:none;
  visibility:hidden;
}
.vertical, .horizontal {
  *zoom:1;
  list-style:none;
  margin:0;
}
.vertical:before, .vertical:after, .horizontal:before, .horizontal:after {
  content:"";
  display:table;
  line-height:0;
}
.vertical:after, .horizontal:after { clear:both; }
.vertical > li, .horizontal > li { position:relative; }
.horizontal {
  *zoom:1;
  list-style:none;
  margin:0;
}
.horizontal:before, .horizontal:after {
  content:"";
  display:table;
  line-height:0;
}
.horizontal:after { clear:both; }
.horizontal > li { position:relative; }
.horizontal > li { float:left; }
.left { float:left; }
.right { float:right; }
@media screen {
  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, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    border:0;
    margin:0;
    padding:0;
  }
  article, aside, details, figcaption, figure, footer, header, hgroup, nav, progress, section, summary { display:block; }
  audio, canvas, video {
    display:inline-block;
    *display:inline;
    zoom:1;
  }
  html {
    font-size:62.5%;
    overflow-y:scroll;
    width:100%;
    -webkit-text-size-adjust:100%;
    -ms-text-size-adjust:100%;
  }
  body { line-height:1; }
  ul, ol { margin-left:2em; }
  blockquote, q { quotes:none; }
  blockquote:before, blockquote:after, q:before, q:after {
    content:'';
    content:none;
  }
  table {
    border-collapse:collapse;
    border-spacing:0;
    font-size:100%;
    font:inherit;
  }
  table td { vertical-align:top; }
  label, input[type="button"], input[type="submit"], input[type="image"], button { cursor:pointer; }
  hr {
    border:0;
    border-top:1px solid #cccccc;
    display:block;
    height:1px;
    margin:1em 0;
    padding:0;
  }
  img {
    height:auto;
    max-width:100%;
    vertical-align:middle;
  }
  button, input, textarea {
    -webkit-appearance:none;
    -moz-appearance:none;
    -ms-appearance:none;
    -o-appearance:none;
    appearance:none;
    border:0;
    font-size:100%;
    font-family:inherit;
    margin:0;
    outline:none;
    padding:0;
  }
  textarea {
    overflow:auto;
    resize:none;
  }
  button {
    overflow:visible;
    width:auto;
  }
  input[type="checkbox"] {
    -webkit-appearance:checkbox;
    -moz-appearance:checkbox;
    -ms-appearance:checkbox;
    -o-appearance:checkbox;
    appearance:checkbox;
  }
  input[type="radio"] {
    -webkit-appearance:radio;
    -moz-appearance:radio;
    -ms-appearance:radio;
    -o-appearance:radio;
    appearance:radio;
  }
  h1, h2, h3, h4, h5, h6, th { font-weight:normal; }
  small { font-size:85%; }
  strong, b { font-weight:bold; }
  em, i { font-style:italic; }
  sub, sup {
    font-size:75%;
    line-height:0;
    position:relative;
  }
  sup { top:-.5em; }
  sub { bottom:-.25em; }
  pre, code, kbd, samp { font-family:monospace, sans-serif; }
  pre {
    white-space:-moz-pre-wrap;
    white-space:-o-pre-wrap;
    white-space:-pre-wrap;
    white-space:pre-wrap;
    word-wrap:break-word;
    padding:15px;
  }
  a:hover, a:active { outline:none; }
  a:link { -webkit-tap-highlight-color:rgba(0,0,0,0); }
  ::-moz-selection, ::selection {
    background:#ffff99;
    color:#000000;
    text-shadow:none;
  }
  ::-webkit-input-placeholder, input:-moz-placeholder { color:#999999; }
  :focus { outline:none; }
  .ie6 legend { margin-left:-7px; }
  .ie6 input { vertical-align:text-bottom; }
  .ie7 img { -ms-interpolation-mode:bicubic; }
  .ie7 legend { margin-left:-7px; }
  .ie7 input[type="checkbox"] { vertical-align:baseline; }
  * {
    padding:0;
    margin:0;
    border:0;
    outline:none;
  }
  html {
    width:100%;
    height:100%;
    overflow:auto;
  }
  body {
    position:relative;
    width:70%;
    height:100%;
    font-family:Arial;
    font-size:12px;
    color:#22262e;
    background-color:#b54c75;
    background-position:center center;
    background-repeat:no-repeat;
  }
  a { text-decoration:underline; }
  a:hover { text-decoration:none; }
  a * { cursor:pointer; }
  ul, ul li {
    margin:0;
    padding:0;
    list-style:none;
  }
  ol, ol li {
    margin:0;
    padding:0;
  }
  h1, h2 {
    font-size:20px;
    margin:0 0 0 0;
    padding:0;
  }
  h2 {
    font-size:12px;
    color:#c0b077;
  }
  fieldset {
    padding:0;
    margin:0;
  }
  textarea { overflow:auto; }
  a.button {
    background:#bd466b url(/assets/mbpa/images/button-bg.gif) top left repeat-x;
    border:1px solid #ff5252;
    color:#ffffff !important;
    cursor:pointer;
    display:inline-block;
    font-family:'FUTURAH', Verdana, Arial;
    font-weight:bold;
    height:34px;
    line-height:34px;
    padding:0 12px;
    text-decoration:none !important;
  }
  #site-bg {
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:url(/assets/mbpa/images/site.png) repeat left top;
    _filter:alpha(opacity=60);
  }
  #site-bg-left {
    position:absolute;
    left:0;
    top:233px;
    top:50%;
    margin:-193px 0 0 0;
    width:50%;
    height:461px;
  }
  #site-bg-right {
    position:absolute;
    right:0;
    top:233px;
    top:50%;
    margin:-193px 0 0 0;
    width:51%;
    height:461px;
  }
  #site {
    position:absolute;
    top:93px;
    top:50%;
    left:50%;
    margin:0 auto;
    margin:-333px 0 0 -500px;
    width:1000px;
    height:640px;
    overflow:visible;
  }
  .logo {
    position:absolute;
    top:50px;
    left:30px;
  }
  nav {
    position:absolute;
    right:0px;
    top:105px;
    height:45px;
    z-index:999;
  }
  nav ul li {
    position:relative;
    float:left;
    _width:0px;
    _white-space:nowrap;
  }
  nav ul li a {
    position:relative;
    top:0;
    left:0;
    display:block;
    padding:0 20px;
    height:45px;
    line-height:45px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:10px;
    text-align:center;
    text-decoration:none;
    text-transform:uppercase;
    letter-spacing:1px;
    color:#ffffff;
    z-index:5;
  }
  nav ul li:first-child a, nav ul li.active:first-child:hover a, nav ul li.active:first-child a, nav ul li:first-child:hover a {
    padding-left:50px;
    background:none !important;
  }
  nav ul li:last-child a, nav ul li.active:last-child:hover a, nav ul li.active:last-child a, nav ul li:last-child:hover a { padding-right:50px; }
  nav ul li ul { display:none; }
  nav ul li.active:hover ul, nav ul li:hover ul {
    display:block;
    position:absolute;
    top:45px;
    left:0;
    width:300px;
    padding:20px 0 10px 0;
    z-index:10;
  }
  nav ul li ul li {
    margin:0;
    padding:0;
    float:none;
    width:300px;
  }
  nav ul li ul li a {
    margin:0;
    padding:0;
    height:30px;
    line-height:30px;
    _white-space:nowrap;
    width:300px;
    text-indent:20px;
  }
  #slogan {
    position:absolute;
    top:10px;
    right:0px;
    width:439px;
    height:34px;
    line-height:24px;
    color:#ffffff;
    background:#000000;
  }
  #slogan-bg {
    height:34px;
    position:absolute;
    top:10px;
    left:0;
    width:100%;
  }
  #content {
    position:relative;
    top:190px;
    width:1000px;
    height:366px;
    background:#ffffff;
  }
  #main { padding-right:20px; }
  #tab-bg {
    position:absolute;
    left:425px;
    top:601px;
    width:334px;
    height:350px;
    background:url(/assets/mbpa/images/tab.png) no-repeat center center;
  }
  #footer {
    position:absolute;
    left:750px;
    top:401px;
    width:190px;
    height:35px;
    font-size:12px;
    color:#ffffff;
    font-size:11px;
  }
  #footer a {
    margin:0;
    padding:0;
  }
  #footer a { color:#ffffff; }
  .content { line-height:185%; }
  .content h1 {
    margin:0 0 5px 0;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:11px;
    font-weight:normal;
    text-transform:uppercase;
    text-decoration:none;
    letter-spacing:1px;
  }
  .content h2 {
    margin:0 0 12px 0;
    font-size:18px;
    font-weight:bold;
    text-decoration:none;
  }
  .content p, .content ul, .content ol, .content table { margin:0 0 20px 0; }
  .content ul {
    list-style:url(/assets/mbpa/images/list-style.png) outside;
    margin:0 0 25px 20px;
  }
  .content ul li {
    list-style:url(/assets/mbpa/images/list-style.png) outside;
    padding:0 0 0 5px;
  }
  .content ol { margin:0 0 25px 20px; }
  .content ol li { padding:0 0 0 5px; }
  .content strong { font-weight:bold; }
  .content a { text-decoration:underline; }
  .content a:hover { text-decoration:none; }
  .right form {
    width:380px;
    margin-left:-50px;
  }
  ul.form {
    list-style:none;
    list-style-image:none;
    margin:20px 0 0 0;
    padding:0;
  }
  ul.form li {
    list-style:none;
    list-style-image:none;
    margin:0 0 5px 0;
    padding:0;
    max-height:30px;
    overflow:hidden;
  }
  ul.form li.space { margin:30px 0 5px 0; }
  ul.form li label {
    position:relative;
    width:120px;
    clear:left;
    float:left;
    line-height:24px;
    cursor:pointer;
  }
  ul.form li label span { display:none; }
  input[type=text], input[type=tel], input[type=email] {
    width:250px;
    height:16px;
    padding:3px;
    border:1px dotted #c0c0c0;
    font-size:11px;
    color:#777777;
  }
  .verplicht {
    position:absolute;
    margin-left:275px;
  }
  textarea {
    width:317px;
    height:94px;
    padding:3px;
    border:1px dotted #c0c0c0;
    font-size:11px;
    color:#777777;
  }
  .input-select { width:228px; }
  .form-submit {
    position:absolute;
    color:#ffffff !important;
    height:24px !important;
    cursor:pointer;
    margin:20px 0 0 0;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:11px;
    text-align:center;
    text-transform:uppercase;
    text-decoration:none;
    letter-spacing:1px;
    background:#004b6a url(/assets/mbpa/images/menu-blue-item.png) repeat-x center top;
    padding:4px 12px;
    -webkit-border-radius:3px;
    -khtml-border-radius:3px;
    -moz-border-radius:3px;
    border-radius:3px;
    -webkit-background-clip:padding-box;
    -moz-background-clip:padding-box;
    -ms-background-clip:padding-box;
    background-clip:padding-box;
    behavior:url('/assets/default/tools/PIE.htc');
    position:relative;
  }
  input[type=submit] {
    width:100%;
    height:100%;
    position:absolute;
    top:0;
    left:0;
    -webkit-opacity:0;
    -khtml-opacity:0;
    -moz-opacity:0;
    opacity:0;
    -ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    filter:alpha(opacity=0);
    zoom:1;
  }
  .clear {
    clear:both;
    overflow:hidden;
    height:0;
    width:0;
  }
  .tussenruimte { height:20px; }
  .kantlijn { padding:20px; }
  .container {
    position:relative;
    width:100%;
    height:100%;
  }
  .horline {
    height:1px;
    width:100%;
    background:#e1ddcb;
    margin-bottom:50px;
    overflow:hidden;
  }
  .inline {
    float:left;
    margin:0 25px 25px 0;
    _display:inline;
  }
  .garantie {
    height:108px;
    width:108px;
  }
  .hide { display:none; }
  .left {
    width:200px;
    height:600px;
    padding:0 0 0 61px;
    float:right;
    _display:inline;
    overflow:hidden;
  }
  .right {
    width:405px;
    height:365px;
    padding:0 64px 0 57px;
    float:right;
    _display:inline;
    overflow:hidden;
  }
  .right img {
    padding:2px;
    border:1px dotted #bebebe;
  }
  .right span { font-size:11px; }
  .form-left {
    width:284px;
    height:365px;
    padding:0 67px 0 61px;
    float:left;
    border-right:1px dotted #c4c4c4;
    _display:inline;
    overflow:hidden;
  }
  .form-right {
    width:526px;
    height:365px;
    padding:0 0px 0 46px;
    float:right;
    _display:inline;
    overflow:hidden;
  }
  .channel-left {
    width:284px;
    height:320px;
    padding:0 24px 0 61px;
    margin:0 43px 0 0;
    float:left;
    _display:inline;
    overflow:auto;
  }
  .channel-right {
    width:572px;
    height:295px;
    padding:0 0 0 0;
    float:left;
    _display:inline;
  }
  .channel-right ul {
    list-style:none;
    list-style-image:none;
  }
  .channel-right ul li {
    width:572px;
    height:295px;
    list-style:none;
    list-style-image:none;
    overflow:hidden;
  }
  .channel-right ul li a {
    display:inline-block;
    width:163px;
    height:125px;
    border:1px dotted #c4c4c4;
    overflow:hidden;
    margin:10px 23px 10px 0;
  }
  .channel-right ul li a.vod {
    width:180px;
    height:253px;
    margin:20px 8px 10px 0;
  }
  .slide {
    height:260px;
    width:550px;
    margin-left:-50px;
    display:none;
    position:relative;
    background:#ffffff;
  }
  .right .slide:first-child { display:block; }
  .slide img {
    border:0 !important;
    padding:0;
  }
  .slide .channel {
    display:block;
    float:left;
    width:163px;
    height:125px;
    line-height:125px;
    text-align:center;
    border:1px dotted #c4c4c4;
    overflow:hidden;
    margin:10px 12px 10px 0;
    vertical-align:middle;
  }
  .slide .channel a img, .slide .vod a img {
    filter:url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
    filter:gray;
    -webkit-filter:grayscale(100%);
  }
  .slide .channel a:hover img, .slide .vod a:hover img {
    filter:none;
    -webkit-filter:grayscale(0%);
  }
  .channel .item {
    display:block;
    width:163px;
    height:125px;
    line-height:125px;
    text-align:center;
  }
  .slide .vod {
    display:block;
    float:left;
    width:160px;
    height:255px;
    line-height:255px;
    text-align:center;
    border:1px dotted #c4c4c4;
    overflow:hidden;
    margin:10px 12px 10px 0;
    vertical-align:middle;
  }
  .vod .item {
    display:block;
    width:160px;
    height:255px;
    line-height:255px;
    text-align:center;
  }
  .slide .channel:nth-child(3n), .slide .vod:nth-child(3n) { margin-right:0; }
  #controls {
    position:absolute;
    top:380px;
    left:505px;
    padding:0 0 0 15px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:10px;
    text-align:left;
    text-transform:uppercase;
    text-decoration:none;
    letter-spacing:1px;
    width:150px;
    text-align:center;
  }
  .control {
    padding:0 6px;
    cursor:pointer;
  }
  .blue #site-bg-left { background:url(/assets/mbpa/images/site-blue-bg-right.png) repeat-x center top; }
  .blue #site-bg-right { background:url(/assets/mbpa/images/site-blue-bg-right.png) repeat-x center top; }
  .blue #slogan-bg { background:#014a6a; }
  .blue #slogan { background:url(/assets/mbpa/images/slogan-blue.png) no-repeat right top; }
  .blue nav ul li { background:url(/assets/mbpa/images/menu-blue-item.png) repeat-x center top; }
  .blue nav ul li:first-child { background:url(/assets/mbpa/images/menu-blue-first.png) no-repeat left top !important; }
  .blue nav ul li:last-child { background:url(/assets/mbpa/images/menu-blue-last.png) no-repeat right top !important; }
  .blue nav ul li:hover, .blue nav ul li.active:hover, .blue nav ul li.active { background:url(/assets/mbpa/images/menu-blue-active.png) repeat-x center top; }
  .blue nav ul li:first-child:hover, .blue nav ul li.active:first-child { background:url(/assets/mbpa/images/menu-blue-first-active.png) no-repeat left top !important; }
  .blue nav ul li:last-child:hover, .blue nav ul li.active:last-child { background:url(/assets/mbpa/images/menu-blue-last-active.png) no-repeat right top !important; }
  .blue nav ul li a { background:url(/assets/mbpa/images/menu-blue-split.png) no-repeat left top; }
  .blue nav ul li.active-hover ul, .blue nav ul li.hover ul, .blue nav ul li.active ul, .blue nav ul li ul li { background:#0d5f82; }
  .blue nav ul li ul li a:hover { background:#206c8c; }
  .blue .content a { color:#004386; }
  .blue .content h1, .blue .content h2 {
    font-family:'FUTURAH', Verdana, Arial;
    color:#005d87;
  }
  .blue .play { background:url(/assets/mbpa/images/play-blue.png) no-repeat left center; }
  .blue .pause { background:url(/assets/mbpa/images/pause-blue.png) no-repeat left center; }
  .red #site-bg-left { background:url(/assets/mbpa/images/site-red-bg-right.png) repeat-x center top; }
  .red #site-bg-right { background:url(/assets/mbpa/images/site-red-bg-right.png) repeat-x center top; }
  .red #slogan { background:url(/assets/mbpa/images/slogan-red.png) no-repeat right top; }
  .red #slogan-bg { background:#801229; }
  .red nav ul li { background:url(/assets/mbpa/images/menu-red-item.png) repeat-x center top; }
  .red nav ul li:first-child { background:url(/assets/mbpa/images/menu-red-first.png) no-repeat left top !important; }
  .red nav ul li:last-child { background:url(/assets/mbpa/images/menu-red-last.png) no-repeat right top !important; }
  .red nav ul li:hover, .red nav ul li.active:hover, .red nav ul li.active { background:url(/assets/mbpa/images/menu-red-active.png) repeat-x center top; }
  .red nav ul li:first-child:hover, .red nav ul li.active:first-child:hover { background:url(/assets/mbpa/images/menu-red-first-active.png) no-repeat left top !important; }
  .red nav ul li:last-child:hover, .red nav ul li.active:last-child:hover { background:url(/assets/mbpa/images/menu-red-last-active.png) no-repeat right top !important; }
  .red nav ul li a { background:url(/assets/mbpa/images/menu-red-split.png) no-repeat left top; }
  .red nav ul li.active:hover ul, .red nav ul li:hover ul, .red nav ul li.active ul, .red nav ul li ul li { background:#7c1027; }
  .red nav ul li ul li a:hover { background:#862338; }
  .red .content h1, .red .content h2 { color:#801229; }
  .red .content a { color:#801229; }
  .red .submit-button, .red #controls { color:#801229; }
  .red .play { background:url(/assets/mbpa/images/play-red.png) no-repeat left center; }
  .red .pause { background:url(/assets/mbpa/images/pause-red.png) no-repeat left center; }
  .nav {
    height:40px;
    position:absolute;
    right:-35px;
    top:127px;
    width:20px;
  }
  .nav > .up {
    width:0;
    padding:0;
    height:0;
    border-left:10px solid transparent;
    border-right:10px solid transparent;
    border-bottom:10px solid #801229;
    cursor:pointer;
    position:absolute;
    top:0;
  }
  .nav > .down {
    width:0;
    padding:0;
    height:0;
    border-left:10px solid transparent;
    border-right:10px solid transparent;
    border-top:10px solid #801229;
    cursor:pointer;
    position:absolute;
    bottom:0;
  }
  #site nav ul li.first a, #site nav ul li.first-hover a, #site nav ul li.first-active-hover a, #site nav ul li.first-active a { background:none; }
  .tpl-channels-kopie .right, .tpl-vod-kopie .right { height:295px; }
}
@media only screen and (min-width: 480px) {
}
@media only screen and (min-width: 768px) {
}
@media only screen and (min-width: 560px) and (max-device-width: 1136px) {
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
}
@media only screen and (min-width: 960px) {
}
@media only screen and (min-width: 1200px) {
}
@media only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 1.5), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  #element {
    background:url('/assets/mbpa/images/1.5x/image.png');
    background-size:66.67%;
  }
}
@media only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2), only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
  #element {
    background:url('/assets/mbpa/images/2x/image.png');
    background-size:50%;
  }
}
@media print {
  * {
    background:transparent !important;
    color:black !important;
    text-shadow:none !important;
    filter:none !important;
    -ms-filter:none !important;
  }
  a, a:visited {
    color:#444444 !important;
    text-decoration:underline;
  }
  a[href]:after { content:" (" attr(href) ")"; }
  abbr[title]:after { content:" (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content:""; }
  pre, blockquote {
    border:1px solid #999999;
    page-break-inside:avoid;
  }
  thead { display:table-header-group; }
  tr, img { page-break-inside:avoid; }
  p, h2, h3 {
    orphans:3;
    widows:3;
  }
  h2, h3 { page-break-after:avoid; }
}