Volg ons .rsbtn_colorskin { position: relative; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 1.3em; float: right; border: 1px solid #000000; background: #fff; /* * Add rounded corners to supported browsers */ -moz-border-radius: 3px; border-radius: 3px; margin-bottom: 5px; z-index: 1000; margin-left: -116px; } /************************************************ GENERAL CLASSES */ /** * These are a couple of classes that apply to many object or redefine elements */ .rsbtn_colorskin a, .rsbtn_colorskin span { position: relative; display: block; text-decoration: none; } /** * Use the predefined CSS sprite for all graphical elements. */ .rsbtn_colorskin .rsimg { background: transparent url(/images/ReadSpeakerColorSkinRed.png) no-repeat scroll 0 0; } /** * All the player elements should float. */ .rsbtn_colorskin .rspart { float: left; margin-left: 2px; } .rsbtn_colorskin .rsdefloat { clear: both; } /** * This goes for all buttons */ .rsbtn_colorskin .rspart.rsbutton { background-color: #000000; width: 18px; height: 18px; /* * Add rounded corners to supported browsers */ -moz-border-radius: 5px; border-radius: 5px; /** * This is just to make the rollover effect a little smoother. */ -moz-transition: background-color .2s ease; -webkit-transition: background-color .2s ease; -o-transition: background-color .2s ease; transition: background-color .2s ease; } /** * Add a subtle rollover effect to the buttons. */ .rsbtn_colorskin .rspart.rsbutton:hover { background-color: #ccc; } /** * Hide all text labels.

They will still be visible to non-CSS browsers */ .rsbtn_colorskin .rspart .rsbtn_btnlabel { display: none; } /************************************************ PLAYER BOX */ .rsbtn_colorskin .rsbtn_box { margin: 1px; } /************************************************ LISTEN BUTTON + ICON */ .rsbtn_colorskin .rsbtn_play { float: right; margin: 1px 0; } .rsbtn_colorskin .rsbtn_left .rsbtn_text { background: transparent url(/images/ReadSpeakerIcon.gif) no-repeat scroll 0 0; padding-left: 20px; color: #000000; } /************************************************ EXPANDING AREA */ .rsbtn_colorskin .rsbtn_exp.rsimg.rspart { background: none; float: left; display: none; } /** * We want the expanding area to be visible only when the player * is expanded, hence the .rsexpanded class. */ .rsbtn_colorskin.rsexpanded .rsbtn_exp.rsimg { display: block; } /************************************************ PLAY/PAUSE BUTTON */ .rsbtn_colorskin .rsbtn_pause { background-position: -18px -18px; } .rsbtn_colorskin.rspaused .rsbtn_pause, .rsbtn_colorskin.rsstopped .rsbtn_pause { background-position: -18px 0px; } /************************************************ STOP BUTTON */ .rsbtn_colorskin .rsbtn_stop { background-position: -18px -36px; } /************************************************ PROGRESS CONTAINER */ .rsbtn_colorskin .rsbtn_progress_container { border: 1px solid #000000; width: 50px; height: 10px; margin-top: 3px; margin-left: 4px; background-image: none; /* * Add rounded corners to supported browsers */ -moz-border-radius: 3px; border-radius: 3px; } /************************************************ PROGRESS DRAG HANDLE */ .rsbtn_colorskin .rsbtn_progress_handle.rsimg { position: absolute; background-color: #000000; top: -3px; left: -3px; width: 6px; height: 16px; background-image: none; } /************************************************ PROGRESS BAR */ .rsbtn_colorskin .rsbtn_progress_played { position: absolute; height: 100%; background-color: #ccc; background-image: none; } /************************************************ VOLUME BUTTON */ .rsbtn_colorskin .rsbtn_volume { margin-left: 4px; background-position: -18px -54px; } /************************************************ VOLUME SLIDER CONTAINER */ .rsbtn_colorskin .rsbtn_volume_container { position: absolute; display: none; top: 100%; width: 16px; height: 40px; border: 1px solid #000000; background: #fff; } /************************************************ VOLUME SLIDER SLIDER AREA */ .rsbtn_colorskin .rsbtn_volume_slider { width: 6px; height: 30px; margin: 5px; background: #ccc; } /************************************************ VOLUME SLIDER SLIDE HANDLE */ .rsbtn_colorskin .rsbtn_volume_handle.rsimg { position: absolute; top: -3px; left: -3px; width: 12px; height: 6px; background: #000000; } /************************************************ DOWNLOAD BUTTON */ .rsbtn_colorskin .rsbtn_dl { background-position: -18px -72px; } /************************************************ SETTINGS BUTTON */ .rsbtn_colorskin .rsbtn_settings { background-position: -18px -90px; } /************************************************ CLOSE BUTTON */ .rsbtn_colorskin .rsbtn_closer { margin-left: 2px; background-position: -18px -108px; } /************************************************ POPUP BUTTON */ /** * This is the style of the listen button that popups when the user * makes a text selection on the page. */ .rsbtn_colorskin.rspopup { position: absolute; background: #fff; border: 1px solid #555; box-shadow: 0 0 5px #777; display: none; } .mpFormLabel label{font-weight:normal;} .mpErrorSummary label{font-weight:normal;} .mpFormField input{color:#212121; font-size:14px; padding:2px;} .submitCell input{color:#212121;} Deze site gebruikt cookies om ervoor te zorgen dat we u de best mogelijke ervaring geven. Selecteer de typen cookies die u wilt accepteren. Strict noodzakelijke cookies Deze cookies zijn strikt noodzakelijk om over de site te avigeren, of om te voorzien in door u aangevraagde faciliteiten. Accepteer Functionaliteitscookies Deze cookies verbeteren van de functionaliteit van de website door het opslaan van uw voorkeuren. Accepteer Prestatiecookies Deze cookies helpen om de prestaties van de website te verbeteren, waardoor een betere gebruikerservaring ontstaat. Accepteer Online surfgedrag gebaseerde reclame cookies Deze cookies worden gebruikt om op de gebruiker toegesneden reclame en andere informatie te tonen. Accepteer Meer weten... Accepteer Contact Volg ons English lees voor Heerlen x Zoekterm Zoeken zoeken Inwoners Ondernemers Stad & Bestuur Bezoekers Actueel Corona nieuws voor inwoners Verhuizen, bouwen en verbouwen Paspoort, rijbewijs en andere documenten Subsidies Geboorte, huwelijk en overlijden Afval, natuur en milieu Parkeren en vervoer Werk, inkomen en uitkering Zorg en gezondheid Jeugd en onderwijs Cultuur, sport en vrije tijd Belastingen en toeslagen Klachten, meldingen en veiligheid Corona nieuws voor ondernemers Bedrijf starten of vestigen Horeca en evenementen Vergunningen voor ondernemers Detailhandel Heerlen als ondernemerstad Stad Heerlen College en gemeenteraad Visie en financiën Projecten en plannen De gemeente Evenementen in Heerlen Attracties, musea, podia en meer Dagje shoppen en uitgaan Typisch Heerlen Toerisme Nieuwsoverzicht Wegwerkzaamheden Bekendmakingen Evenementenkalender home Volg ons Vind ons Volg ons Wil je meedenken over of op de hoogte blijven van de ontwikkelingen in Heerlen? Like en/of volg ons dan op onze social media. facebook gemeente Heerlen twitter gemeente Heerlen instagram gemeente Heerlen linkedin gemeente Heerlen youtube gemeente Heerlen Reageren of uw vragen beantwoorden doen we daar ook. Hoe? Dat kunt u lezen op onze pagina over reacties.Of volg ons op één van de andere pagina's op social media. Op de hoogte blijven via nieuwsbrief Schrijf je in voor de digitale nieuwsbrief van de gemeente Heerlen. Je kunt daarbij aangeven in welke informatie je geïnteresseerd bent. De digitale nieuwsbrief verschijnt normaal 1x per maand, maar in deze corona-tijd verschijnt hij elke week. Of download de Heerlen apps De gemeente Heerlen heeft een eigen app waarop u gemakkelijk en snel een afspraak kunt maken, klachten of meldingen kunt doorgeven, mee kunt doen met de buurtpreventie of onze bekendmakingen, nieuws en evenementen kunt volgen.  Download onze Heerlen app! in de app store of google store. Kijk voor meer informatie op de pagina over de Heerlen-app. Voor al uw afvalinformatie, download de milieu app van Rd4 in de app store of google store. Meedenken en je mening geven over ontwikkelingen in Heerlen? Wordt dan lid van het Heerlens Internet Panel en laat je mening horen! Via de website kunt u zich aanmelden. Openingstijden en bereikbaarheid: contact De gemeente werkt op afspraak: Afspraak maken. Bezoekadres: Burg. van Grunsvenplein 145 6411 AS Heerlen Routeplanner tel: 14045 Social media / apps Facebook Twitter Heerlen apps Inschrijven nieuwsbrief Inwoners Corona nieuws voor inwoners Verhuizen, bouwen en verbouwen Paspoort, rijbewijs en andere documenten Subsidies Geboorte, huwelijk en overlijden Afval, natuur en milieu Parkeren en vervoer Werk, inkomen en uitkering Zorg en gezondheid Jeugd en onderwijs Cultuur, sport en vrije tijd Belastingen en toeslagen Klachten, meldingen en veiligheid Ondernemers Corona nieuws voor ondernemers Bedrijf starten of vestigen Horeca en evenementen Vergunningen voor ondernemers Detailhandel Heerlen als ondernemerstad Stad & Bestuur Stad Heerlen College en gemeenteraad Visie en financiën Projecten en plannen De gemeente Bezoekers Evenementen in Heerlen Attracties, musea, podia en meer Dagje shoppen en uitgaan Typisch Heerlen Toerisme Actueel Nieuwsoverzicht Wegwerkzaamheden Bekendmakingen Evenementenkalender Webarchief Heerlen | Privacyverklaring | Proclaimer | Meld het webteam | Toegankelijkheid | Cookieverklaring /*<![CDATA[*/ function onLoad() { //empty } $j(function(){$j.scf.start({"locale":1043,"conflict":true});onLoad()}); // <!-- if (! window.rsConf) { window.rsConf = {}; } if (! window.rsConf.ui) { window.rsConf.ui = {}; } window.rsConf.ui.rsbtnClass = 'rsbtn_colorskin'; window.rsConf.ui.player = [ '<span class="rsbtn_box">', ' <a href="javascript:void(0);" class="rsbtn_pause rsimg rspart rsbutton" title="Pause">', ' <span class="rsbtn_btnlabel">Pause</span>', ' </a>', ' <a href="javascript:void(0);" class="rsbtn_stop rsimg rspart rsbutton" title="Stop">', ' <span class="rsbtn_btnlabel">Stop</span>', ' </a>', ' <span class="rsbtn_progress_container rspart">', ' <span class="rsbtn_progress_played"></span>', ' </span>', ' <a href="javascript:void(0);" class="rsbtn_volume rsimg rspart rsbutton" title="Volume">', ' <span class="rsbtn_btnlabel">Volume</span>', ' </a>', ' <span class="rsbtn_volume_container">', ' <span class="rsbtn_volume_slider"></span>', ' </span>', ' <a href="javascript:void(0);" class="rsbtn_dl rsimg rspart rsbutton" title="Download mp3">', ' <span class="rsbtn_btnlabel">Download mp3</span>', ' </a>', ' <a href="javascript:void(0);" class="rsbtn_settings rsimg rspart rsbutton" title="Settings">', ' <span class="rsbtn_btnlabel">Settings</span>', ' </a>', ' <a href="javascript:void(0);" class="rsbtn_closer rsimg rspart rsbutton" title="Close player">', ' <span class="rsbtn_btnlabel">Close</span>', ' </a>', ' <span class="rsdefloat"></span>', '</span>' ]; window.rsConf.ui.popupbutton = [ '<a class="rsbtn_play" accesskey="L" title="Listen with ReadSpeaker" href="">', '<span class="rsbtn_left rspart"><span class="rsbtn_text"><span>Listen</span></span></span>', '<span class="rsbtn_right rsimg rsplay rspart"></span>', '</a>' ]; /* window.rsConf.ui.popupbutton = []; window.rsConf.ui.popupplayer = []; */ // -->; jQuery(document).ready(function() { jQuery("#searchbox").autocomplete({ source: "/faceted-search-autocompletecallback.html?queryxml=2364", select: function(ev, ui) { jQuery("#searchbox").val(ui.item.value); jQuery("#searchhinttext").val(ui.item.value); jQuery("#searchdobtn").click(); return false; }, minLength:2, }).data('ui-autocomplete')._renderItem = function( ul, item ) { return $j("<li></li>") .data("item.autocomplete", item) .append($j("<a></a>").html(item.label)) .appendTo(ul); };; }); function onLoad() { //empty } /*]]>*/ {{^searchresults}} <div class="alert alert-danger" role="alert"> <span>Er zijn geen resultaten gevonden voor "{{searchquery}}".</span> </div> {{/searchresults}} {{#suggestedphraseused}} <div class="alert alert-info" role="alert"> <span>Er zijn geen resultaten gevonden voor "{{searchquery}}". Onderstaande resultaten voor <strong>"{{.}}"</strong>.</span> </div> {{/suggestedphraseused}} {{#searchresults}} {{#autosuggest}} <h2 class="h4">{{title}}</h2> <div class="list-group"> {{#results}} <a href="{{url}}" class="list-group-item list-group-item-action text-ellipsis"> {{#alwaysontop}}! {{/alwaysontop}} {{#icon}} <span class="{{.}}"></span> {{/icon}} {{{term}}} </a> {{/results}} </div> {{/autosuggest}} {{#autocomplete}} <h2 class="h4">{{title}}</h2> <div class="list-group"> {{#results}} <a href="{{url}}" class="list-group-item list-group-item-action text-ellipsis"> {{#icon}} <span class="{{.}}"></span> {{/icon}} {{term}} </a> {{/results}} </div> {{/autocomplete}} {{/searchresults}} {{#searchresults.length}} <button id="autocompletesubmit" type="submit" class="btn btn-primary pull-right"> <span class="icon-search2"></span> Alle zoekresultaten </button> {{/searchresults.length}} function ga(){};