@charset "utf-8";

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 { margin: 0px; padding: 0px; border: 0px; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; font-size: inherit; line-height: inherit; font-family: inherit; vertical-align: baseline; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

body { line-height: 1; }

ol, ul { list-style: none; }

blockquote, q { quotes: none; }

blockquote::before, blockquote::after, q::before, q::after { content: none; }

table { border-collapse: collapse; border-spacing: 0px; }

@font-face { font-family: "Franklin Gothic Heavy"; }

.container { width: 95%; max-width: 1300px; margin: 0px auto; }

.container .column, .container .columns { margin-left: 0.78125%; margin-right: 0.78125%; float: left; }

.container .one.column, .container .one.columns { width: 4.6875%; }

.container .two.columns { width: 10.9375%; }

.container .three.columns { width: 17.1875%; }

.container .four.columns { width: 23.4375%; }

.container .five.columns { width: 29.6875%; }

.container .six.columns { width: 35.9375%; }

.container .seven.columns { width: 42.1875%; }

.container .eight.columns { width: 48.4375%; }

.container .nine.columns { width: 54.6875%; }

.container .ten.columns { width: 60.9375%; }

.container .eleven.columns { width: 67.1875%; }

.container .twelve.columns { width: 73.4375%; }

.container .thirteen.columns { width: 79.6875%; }

.container .fourteen.columns { width: 85.9375%; }

.container .fifteen.columns { width: 92.1875%; }

.container .sixteen.columns { width: 98.4375%; }

.container .one-third.column { width: 31.7708%; }

.container .two-thirds.column { width: 65.1041%; }

.container .offset-by-one { padding-left: 6.25%; }

.container .offset-by-two { padding-left: 12.5%; }

.container .offset-by-three { padding-left: 18.75%; }

.container .offset-by-four { padding-left: 25%; }

.container .offset-by-five { padding-left: 31.25%; }

.container .offset-by-six { padding-left: 37.5%; }

.container .offset-by-seven { padding-left: 43.75%; }

.container .offset-by-eight { padding-left: 50%; }

.container .offset-by-nine { padding-left: 56.25%; }

.container .offset-by-ten { padding-left: 62.5%; }

.container .offset-by-eleven { padding-left: 68.75%; }

.container .offset-by-twelve { padding-left: 75%; }

.container .offset-by-thirteen { padding-left: 81.25%; }

.container .offset-by-fourteen { padding-left: 87.5%; }

.container .offset-by-fifteen { padding-left: 93.75%; }

body { color: rgb(204, 204, 204); font-size: 80%; line-height: 1.5em; font-family: Verdana, Geneva, sans-serif; background-color: rgb(51, 51, 51); }

#inhoud { margin-top: 50px; min-height: 400px; }

#teaserslider { }

#teaserslider .views-field-field-affiche-afbeelding, #teaserslider .views-field-field-fotos, #teaserslider .views-field-title { width: 50%; float: left; }

#teaserslider .views-field-title { width: 45%; float: left; padding-left: 5px; }

#trbody { text-align: center; }

#trbody .type { font-weight: bold; color: rgb(204, 153, 0); font-size: 110%; }

#trbody .titel { font-weight: bold; font-size: 130%; font-family: "Franklin Gothic Heavy"; font-style: italic; padding-left: 10px; }

.achterkleur { width: 100%; min-height: 10px; float: left; }

.achterkleur.boven { background-color: rgb(51, 51, 51); }

.achterkleur.midden { background-color: rgb(81, 79, 79); background-image: url("/sites/all/themes/muziek/images/textured_paper.png"); }

footer { width: 100%; margin-top: 30px; clear: both; background-color: rgb(51, 51, 51); min-height: 20px; }

h1 { color: rgb(204, 153, 0); font-size: 135%; font-weight: bold; }

header { }

h2 { color: rgb(204, 153, 0); font-size: 125%; margin: 10px 0px 20px; font-weight: bold; }

h3 { color: rgb(170, 170, 170); font-size: 115%; }

h2 a { text-decoration: none; color: rgb(204, 153, 0); }

a { color: rgb(255, 255, 255); }

a:hover { color: rgb(204, 153, 0); }

b, strong { font-weight: 700; }

i, em { font-style: italic; }

p { margin-top: 4px; margin-bottom: 15px; }

li { list-style-type: square; margin: 0px 0px 4px 15px; }

li.flexslider_views_slideshow_slide { margin-left: inherit !important; }

img { width: auto; max-width: 100%; height: auto; }

nav { text-align: right; margin: 20px 0px; padding-bottom: 5px; }

nav .block-menu { float: right; }

nav li { display: inline; padding: 5px; font-family: "Franklin Gothic Heavy", Geneva, sans-serif; }

nav a:link, nav a:visited { text-decoration: none; margin-right: 7px; font-weight: bold; font-size: 150%; color: rgb(204, 204, 204); }

nav a:hover { color: rgb(204, 153, 0); }

nav a.active, nav a:active { border-bottom: 3px solid rgb(204, 153, 0); }

aside { margin-bottom: 20px; }

aside h2 { text-align: center; }

footer .region-copyright { text-align: center; margin-top: 20px; font-size: 90%; }

.node-sticky { border: 1px solid rgb(255, 179, 31); background-color: rgb(237, 237, 237); padding: 5px; }

.node-sticky h2 { text-transform: uppercase; font-weight: normal; }

#search-block-form input.form-submit { background-color: rgb(51, 51, 51); background-image: url("/sites/all/themes/muziek/images/zoekknop.png"); background-repeat: no-repeat; border: none; cursor: pointer; display: block; float: right; height: 30px; overflow: hidden; padding-top: 32px; width: 19%; margin-left: -1%; }

#search-block-form input.form-text { color: rgb(204, 204, 204); border: none; background-color: rgb(51, 51, 51); height: 30px; margin-left: 0px; margin-right: 0px; width: 79%; padding-left: 1%; }

#zoek { text-align: right; padding-top: 30px; }

div.fb-pagelogo { width: 90%; height: 65px; padding-left: 10%; }

div.fb-pagelogo img { transition: all 1s ease; transform: scale(1); }

div.fb-pagelogo:hover img { transform: scale(1.1); }

div.messages { background-position: 8px 8px; background-repeat: no-repeat; border: 2px solid; margin: 6px 0px; padding: 10px 10px 10px 50px; }

div.status, .ok { color: rgb(255, 255, 255); font-weight: bold; }

div.status, table tr.ok { background-color: rgb(97, 97, 97); }

div.warning, .warning { color: rgb(255, 255, 0); }

div.warning, table tr.warning { background-color: rgb(97, 97, 97); }

div.error, .error { color: rgb(253, 115, 115); }

div.error, table tr.error { background-color: rgb(97, 97, 97); }

.view-id-affiches img { display: block; margin: auto; box-shadow: rgba(0, 0, 0, 0.74902) 1px 4px 9px 1px; }

#block-views-affiches-block { background-image: url("/sites/all/themes/muziek/images/boord2.jpg"); background-repeat: repeat-y; background-position: right 20px; background-size: 100%; }

#block-views-affiches-block .content { margin-top: 10px; padding-bottom: 20px; }

.uitlijnen { margin: 10px 0px; }

.voetblock { margin-bottom: 50px; }

.nalinks { float: left; margin: 10px; }

.webform-component input, .webform-component textarea, .form-actions input.webform-submit { background-color: rgb(51, 51, 51); color: rgb(184, 204, 184); }

.form-actions input.webform-submit { font-size: 110%; width: 100%; height: 30px; }

.form-actions input.webform-submit:hover { background-color: rgb(88, 88, 88); }

.webform-component input { width: 98%; height: 30px; }

.webform-component textarea { width: 100%; height: 150px; }

.view-id-front_all .views-row, .view-id-agenda .views-row, .view-id-news .views-row, .view-id-affiches.view-display-id-page_1 .views-row, .view-id-reports .views-row, .view-id-photos.view-display-id-page .views-row { float: left; padding-bottom: 10px; padding-left: 2%; padding-top: 10px; transition: all 250ms linear 0s; width: 98%; border-bottom: 1px solid rgb(0, 0, 0); border-left: 1px solid rgb(0, 0, 0); }

.view-id-front_all .views-row-first, .view-id-agenda .views-row-first, .view-id-news .views-row-first, .view-id-affiches.view-display-id-page_1 .views-row-first, .view-id-reports .views-row-first, .view-id-photos.view-display-id-page .views-row-first { border-top: 1px solid rgb(0, 0, 0); }

.view-id-front_all .views-row:hover, .view-id-agenda .views-row:hover, .view-id-news .views-row:hover, .view-id-affiches.view-display-id-page_1 .views-row:hover, .view-id-reports .views-row:hover, .view-id-photos.view-display-id-page .views-row:hover { background-color: rgba(51, 51, 51, 0.498039); }

.teaserlinks, .teaserrechts { float: left; }

.teaserlinks { width: 25%; margin-left: 0px; }

.teaserrechts { width: 73%; margin-left: 2%; }

.teaserlinks img { transition: all 250ms linear 0s; }

.teaserlinks img:hover { box-shadow: rgb(255, 255, 255) 0px 0px 10px 2px; }

.teasertype a { font-weight: bold; font-size: 120%; color: rgb(255, 255, 255); text-decoration: none; text-shadow: rgb(0, 0, 0) 1px 1px; }

.frontteasertitel a { font-weight: bold; color: rgb(204, 153, 0); text-decoration: none; }

.teasertitel a { font-size: 150%; font-weight: bold; color: rgb(204, 153, 0); text-decoration: none; font-family: "Franklin Gothic Heavy"; }

.teaservideo { display: block; float: right; font-size: 90%; font-style: italic; }

.view-id-fotos.view-display-id-entity_view_1 { margin-top: 25px; padding-top: 25px; margin-left: auto; margin-right: auto; border-top: 2px dashed rgb(192, 192, 192); }

.albumfotos { display: inline-block; float: left; margin: 5px; height: 130px; width: 130px; }

.albumfotos img { transition: all 250ms linear 0s; }

.albumfotos img:hover { box-shadow: rgb(255, 255, 255) 0px 0px 10px 2px; }

.page-node #page-title { visibility: hidden; }

.agendalinks, .agendarechts { float: left; min-height: 200px; }

.photos { min-height: 100px; }

.agendalinks { width: 50%; }

.agendalinks.photos { font-size: 110%; padding-left: 1%; width: 49%; }

.agendarechts { padding-top: 50px; font-size: 110%; padding-left: 1%; width: 49%; }

.agendarechts.photos { padding-top: 0px; font-size: 90%; padding-left: 1%; width: 49%; }

.agendarechts .field-titel .field-item { color: rgb(199, 149, 0); font-weight: bold; }

.agendarechts .field-titel { font-size: 130%; }

.agendarechts .field { padding: 2px 0px; }

.agendarechts.photos .field { padding: 2px 0px; }

.agendalinks.photos .field-titel .field-item { color: rgb(199, 149, 0); font-weight: bold; }

.agendalinks.photos .field-titel { font-size: 130%; }

.agendalinks.photos .field { padding: 2px 0px; }

.tekst, .youtube, .reporter { float: left; }

.tekst { width: 100%; }

.youtube { width: 80%; margin: 50px 0px 50px 8%; }

.tekst .field-name-field-extra-fotos img { float: left; margin: 10px; }

.reporter { width: 100%; float: right; margin: 20px 0px; }

.reporter .field-name-field-reporter { float: right; }

.geel { color: rgb(199, 149, 0); }

@media only screen and (max-width: 959px) { 
}

@media only screen and (max-width: 959px) and (min-width: 768px) { 
}

@media only screen and (max-width: 767px) { 
  .container .one.column, .container .one.columns .container .two.columns { width: 100%; }
  .container .three.columns { width: 100%; }
  .container .four.columns { width: 100%; }
  .container .five.columns { width: 100%; }
  .container .six.columns { width: 100%; }
  .container .seven.columns { width: 100%; }
  .container .eight.columns { width: 100%; }
  .container .nine.columns { width: 100%; }
  .container .ten.columns { width: 100%; }
  .container .eleven.columns { width: 100%; }
  .container .twelve.columns { width: 100%; }
  .container .thirteen.columns { width: 100%; }
  .container .fourteen.columns { width: 100%; }
  .container .fifteen.columns { width: 100%; }
  .container .sixteen.columns { width: 100%; }
  .container .one-third.column { width: 100%; }
  .container .two-thirds.column { width: 100%; }
  .container .offset-by-two { padding-left: 0px; }
  #teaserslider .views-field-title p { display: none; }
}

@media only screen and (max-width: 767px) and (min-width: 480px) { 
}

@media only screen and (max-width: 480px) { 
  #teaserslider .views-field-field-affiche-afbeelding, #teaserslider .views-field-field-fotos { width: 100%; }
  #teaserslider .views-field-title { background-color: rgba(0, 0, 0, 0.8); margin-top: -100px; width: 100%; }
  #zoek { }
  .teaserlinks { width: 100%; text-align: center; }
  .teaserrechts { width: 98%; }
  .teaserlinks img { margin: auto; }
  .agendalinks, .agendarechts { width: 100%; }
  .youtube { width: 100%; margin-left: 0px; }
  div.fb-pagelogo { width: 100%; padding-left: 0px; }
  div.fb-pagelogo img { margin: auto; }
}

.flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus { outline: none; }

.slides, .flex-control-nav, .flex-direction-nav { margin: 0px; padding: 0px; list-style: none; }

@font-face { font-family: flexslider-icon; src: url("/sites/all/themes/muziek/fonts/flexslider-icon.eot?#iefix") format("embedded-opentype"), url("/sites/all/themes/muziek/fonts/flexslider-icon.woff") format("woff"), url("/sites/all/themes/muziek/fonts/flexslider-icon.ttf") format("truetype"), url("/sites/all/themes/muziek/fonts/flexslider-icon.svg#flexslider-icon") format("svg"); font-weight: normal; font-style: normal; }

.flexslider { margin: 0px; padding: 0px; }

.flexslider .slides > li { display: none; backface-visibility: hidden; }

.flexslider .slides img { width: 100%; display: block; }

.flex-pauseplay span { text-transform: capitalize; }

.slides::after { content: ".. "; display: block; clear: both; visibility: hidden; line-height: 0; height: 0px; }

html[xmlns] .slides { display: block; }

* html .slides { height: 1%; }

.no-js .slides > li:first-child { display: block; }

.flexslider { margin: 0px 0px 10px; position: relative; box-shadow: rgba(0, 0, 0, 0.498039) 0px 2px 4px; zoom: 1; }

.flex-viewport { max-height: 2000px; transition: all 1s ease; }

.loading .flex-viewport { max-height: 300px; }

.flexslider .slides { zoom: 1; }

.carousel li { margin-right: 5px; }

.flex-direction-nav { }

.flex-direction-nav li { list-style: none; }

.flex-direction-nav a { text-decoration: none; display: block; width: 40px; height: 60px; margin: -20px 0px 0px; position: absolute; top: 50%; z-index: 10; opacity: 0; cursor: pointer; color: rgba(204, 204, 204, 0.8); text-shadow: rgb(0, 0, 0) 2px 1px 0px; transition: all 0.3s ease; }

.flex-direction-nav .flex-prev { left: -50px; }

.flex-direction-nav .flex-next { right: -50px; text-align: right; }

.flexslider:hover .flex-prev { opacity: 0.7; left: 10px; }

.flexslider:hover .flex-next { opacity: 0.7; right: 10px; }

.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { opacity: 1; }

.flex-direction-nav .flex-disabled { cursor: default; opacity: 0 !important; }

.flex-direction-nav a::before { font-family: flexslider-icon; font-size: 60px; display: inline-block; content: ""; }

.flex-direction-nav a.flex-next::before { content: ""; }

.flex-pauseplay a { display: block; width: 20px; height: 20px; position: absolute; bottom: 5px; left: 10px; opacity: 0.8; z-index: 10; overflow: hidden; cursor: pointer; color: rgb(0, 0, 0); }

.flex-pauseplay a::before { font-family: flexslider-icon; font-size: 20px; display: inline-block; content: ""; }

.flex-pauseplay a:hover { opacity: 1; }

.flex-pauseplay a.flex-play::before { content: ""; }

.flex-control-nav { width: 100%; position: absolute; bottom: -50px; text-align: center; }

.flex-control-nav li { margin: 0px 6px; display: inline-block; zoom: 1; }

.flex-control-paging li a { width: 11px; height: 11px; display: block; background: rgba(0, 0, 0, 0.498039); cursor: pointer; text-indent: 2999px; box-shadow: rgba(0, 0, 0, 0.298039) 0px 0px 3px inset; }

.flex-control-paging li a:hover { background: rgba(0, 0, 0, 0.701961); }

.flex-control-paging li a.flex-active { background: rgba(204, 204, 204, 0.901961); cursor: default; }

.flex-control-thumbs { margin: 5px 0px 0px; position: static; overflow: hidden; }

.flex-control-thumbs li { width: 25%; float: left; margin: 0px; }

.flex-control-thumbs img { width: 100%; display: block; opacity: 0.7; cursor: pointer; }

.flex-control-thumbs img:hover { opacity: 1; }

.flex-control-thumbs .flex-active { opacity: 1; cursor: default; }

@media screen and (max-width: 860px) { 
  .flex-direction-nav .flex-prev { opacity: 1; left: 10px; }
  .flex-direction-nav .flex-next { opacity: 1; right: 10px; }
}

a.meanmenu-reveal { display: none; }

.mean-container .mean-bar { float: left; width: 100%; position: relative; background-color: black; padding: 4px 0px; min-height: 42px; z-index: 999999; }

.mean-container a.meanmenu-reveal { width: 22px; height: 22px; padding: 13px 13px 11px; position: absolute; top: 0px; right: 0px; cursor: pointer; color: rgb(255, 255, 255); text-decoration: none; text-indent: -9999em; line-height: 22px; font-size: 1px; display: block; font-family: Arial, Helvetica, sans-serif; font-weight: 700; }

.mean-container a.meanmenu-reveal span { display: block; background: rgb(255, 255, 255); height: 3px; margin-top: 3px; }

.mean-container .mean-nav { float: left; width: 100%; background-color: black; margin-top: 44px; }

.mean-container .mean-nav ul { padding: 0px; margin: 0px; width: 100%; list-style-type: none; }

.mean-container .mean-nav ul li { position: relative; float: left; width: 100%; }

.mean-container .mean-nav ul li a { display: block; float: left; width: 90%; padding: 1em 5%; margin: 0px; text-align: left; color: rgb(255, 255, 255); border-top: 1px solid rgba(255, 255, 255, 0.498039); text-decoration: none; text-transform: uppercase; }

.mean-container .mean-nav ul li li a { width: 80%; padding: 1em 10%; border-top: 1px solid rgba(255, 255, 255, 0.247059); opacity: 0.75; visibility: visible; text-shadow: none !important; }

.mean-container .mean-nav ul li.mean-last a { border-bottom: none; margin-bottom: 0px; }

.mean-container .mean-nav ul li li li a { width: 70%; padding: 1em 15%; }

.mean-container .mean-nav ul li li li li a { width: 60%; padding: 1em 20%; }

.mean-container .mean-nav ul li li li li li a { width: 50%; padding: 1em 25%; }

.mean-container .mean-nav ul li a:hover { background-color: rgb(204, 153, 0); }

.mean-container .mean-nav ul li a.mean-expand { margin-top: 1px; width: 26px; height: 32px; text-align: center; position: absolute; right: 0px; top: 0px; z-index: 2; font-weight: 700; background-color: red; padding: 12px !important; border-top: none !important; border-right: none !important; border-image: initial !important; border-left: 1px solid rgba(255, 255, 255, 0.4) !important; border-bottom: 1px solid rgba(255, 255, 255, 0.2) !important; }

.mean-container .mean-nav ul li a.mean-expand:hover { background-color: red; }

.mean-container .mean-push { float: left; width: 100%; padding: 0px; margin: 0px; clear: both; }

.mean-nav .wrapper { width: 100%; padding: 0px; margin: 0px; }

.mean-container .mean-bar, .mean-container .mean-bar * { box-sizing: content-box; }

.mean-remove { display: none !important; }