CINXE.COM

Etusivu | Vierailut | Euroopan parlamentti

<!DOCTYPE html> <html lang="fi"> <head><link rel="canonical" href="https://visiting.europarl.europa.eu/fi" /><link rel="alternate" hreflang="fi" href="https://visiting.europarl.europa.eu/fi" /> <link rel="alternate" hreflang="de" href="https://visiting.europarl.europa.eu/de" /> <link rel="alternate" hreflang="pt" href="https://visiting.europarl.europa.eu/pt" /> <link rel="alternate" hreflang="bg" href="https://visiting.europarl.europa.eu/bg" /> <link rel="alternate" hreflang="lt" href="https://visiting.europarl.europa.eu/lt" /> <link rel="alternate" hreflang="lv" href="https://visiting.europarl.europa.eu/lv" /> <link rel="alternate" hreflang="hr" href="https://visiting.europarl.europa.eu/hr" /> <link rel="alternate" hreflang="fr" href="https://visiting.europarl.europa.eu/fr" /> <link rel="alternate" hreflang="hu" href="https://visiting.europarl.europa.eu/hu" /> <link rel="alternate" hreflang="sk" href="https://visiting.europarl.europa.eu/sk" /> <link rel="alternate" hreflang="sl" href="https://visiting.europarl.europa.eu/sl" /> <link rel="alternate" hreflang="ga" href="https://visiting.europarl.europa.eu/ga" /> <link rel="alternate" hreflang="sv" href="https://visiting.europarl.europa.eu/sv" /> <link rel="alternate" hreflang="mt" href="https://visiting.europarl.europa.eu/mt" /> <link rel="alternate" hreflang="el" href="https://visiting.europarl.europa.eu/el" /> <link rel="alternate" hreflang="en" href="https://visiting.europarl.europa.eu/en" /> <link rel="alternate" hreflang="it" href="https://visiting.europarl.europa.eu/it" /> <link rel="alternate" hreflang="es" href="https://visiting.europarl.europa.eu/es" /> <link rel="alternate" hreflang="et" href="https://visiting.europarl.europa.eu/et" /> <link rel="alternate" hreflang="cs" href="https://visiting.europarl.europa.eu/cs" /> <link rel="alternate" hreflang="pl" href="https://visiting.europarl.europa.eu/pl" /> <link rel="alternate" hreflang="da" href="https://visiting.europarl.europa.eu/da" /> <link rel="alternate" hreflang="ro" href="https://visiting.europarl.europa.eu/ro" /> <link rel="alternate" hreflang="nl" href="https://visiting.europarl.europa.eu/nl" /> <title>Etusivu&nbsp;| Vierailut&nbsp;| Euroopan parlamentti</title> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <link rel="icon" type="image/vnd.microsoft.icon" href="/modules/multiapp-templates/img/favicons/favicon.ico"/> <meta name="robots" content="index, follow, noodp, noydir, notranslate, noarchive" /> <meta name="description" content="Vieraile EU:n toimielimessä, joka edustaa unionin kansalaisia. Euroopan parlamentti ottaa vastaan ryhmiä ja yksittäisiä kävijöitä Brysselissä, Strasbourgissa ja Luxemburgissa." /> <meta itemprop="name" content="Etusivu&nbsp;| Vierailut&nbsp;| Euroopan parlamentti" /> <meta itemprop="description" content="Vieraile EU:n toimielimessä, joka edustaa unionin kansalaisia. Euroopan parlamentti ottaa vastaan ryhmiä ja yksittäisiä kävijöitä Brysselissä, Strasbourgissa ja Luxemburgissa." /> <meta property="og:title" content="Etusivu&nbsp;| Vierailut&nbsp;| Euroopan parlamentti" /> <meta property="og:url" content="https://visiting.europarl.europa.eu/fi" /> <meta property="og:image" content="https://www.europarl.europa.eu/website/common/img/icon/sharelogo_facebook.jpg" /> <meta property="og:site_name" content="European Parliament" /> <meta property="og:type" content="government" /> <meta property="og:description" content="Vieraile EU:n toimielimessä, joka edustaa unionin kansalaisia. Euroopan parlamentti ottaa vastaan ryhmiä ja yksittäisiä kävijöitä Brysselissä, Strasbourgissa ja Luxemburgissa." /> <meta property="twitter:card" content="summary" /> <meta property="twitter:title" content="Etusivu&nbsp;| Vierailut&nbsp;| Euroopan parlamentti" /> <meta property="twitter:image" content="https://www.europarl.europa.eu/website/common/img/icon/sharelogo_twitter.jpg" /> <meta property="twitter:site" content="Europarl_EN" /> <meta property="twitter:creator" content="Europarl_EN" /> <meta property="twitter:description" content="Vieraile EU:n toimielimessä, joka edustaa unionin kansalaisia. Euroopan parlamentti ottaa vastaan ryhmiä ja yksittäisiä kävijöitä Brysselissä, Strasbourgissa ja Luxemburgissa." /> <meta http-equiv="X-UA-Compatible" content="IE=10"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <script type="text/JavaScript" defer data-tracker-name="ATInternet" data-value="//www.europarl.europa.eu/website/webanalytics/ati-visiting.js" src="//www.europarl.europa.eu/website/privacy-policy/privacy-policy.js"></script> <script type="application/json" id="jahia-data-ctx">{"contextPath":"","lang":"fi","uilang":"fi","siteUuid":"ba2c8414-8252-4558-a458-88d2b00a87af","wcag":false,"ckeCfg":""}</script> <script type="application/json" id="jahia-data-ck">{"path":"/modules/ckeditor/javascript/","lng":"fi_FI"}</script> <script src="/javascript/initJahiaContext.js"></script> <link id="staticAssetCSS0" rel="stylesheet" href="/generated-resources/4f542b25abd35b77593a14ded7a1ec.min.css" media="screen" type="text/css"/> <script id="staticAssetJavascript0" src="/generated-resources/b5d49ca1c5d4a587ce81c6f4a8a6c383.min.js" ></script> <noscript> <link rel="stylesheet" type="text/css" href="/modules/multiapp-templates/css/style-nojs.min.css"/> <link rel="stylesheet" type="text/css" href="/modules/multiapp-templates/css/header-ep-nojs.css"/> <link rel="stylesheet" type="text/css" href="/modules/multiapp-templates/css/components-ep-nojs.css"/> </noscript> <script type="text/javascript"> function redirection(url){ location.href=url; } </script> <script type="application/json" id="jahia-data-aggregatedjs">{"scripts":["/modules/multiapp-templates/javascript/jquery-3.6.0.min.js","/modules/multiapp-templates/javascript/behaviour.js","/modules/multiapp-templates/javascript/bootstrap_carousel.js","/modules/multiapp-templates/javascript/ol.js","/modules/multiapp-templates/javascript/pollyfils.js","/modules/multiapp-templates/javascript/nouislider.js","/modules/multiapp-templates/javascript/datepickerCGI.js","/modules/multiapp-templates/javascript/jquery-ui.min.js","/modules/multiapp-templates/javascript/bundle.js","/modules/multiapp-templates/javascript/js/script.js","/modules/multiapp-templates/javascript/utils/dom.js","/modules/multiapp-templates/javascript/utils/date-time.js","/modules/multiapp-templates/javascript/utils/ajax.js","/modules/multiapp-templates/javascript/utils/global-helper.js","/modules/multiapp-templates/javascript/utils/tabs.js","/modules/multiapp-templates/javascript/utils/clipboard.js","/modules/multiapp-components/javascript/components/mant_header/header.js","/modules/multiapp-components/javascript/components/mant_visitingSearch/visitingSearch.js"]}</script> <script type="text/javascript" src="/modules/CsrfServlet"></script> </head> <body lang="fi" class="homepage"> <!-- STYLES ET SCRIPTS GENERIQUES --> <!-- add css --> <!-- add JS --> <input type="hidden" id="webanalytic-id_chapters" value="homepage"/> <input type="hidden" id="webanalytic-id_pages" value="homepage_visiting"/> <input type="hidden" id="webanalytic-id_sub-chapters" value=""/> <input type="hidden" id="webanalytic-id_sub-sub-chapters" value=""/> <div id="website" class="home"> <!-- ### START mant:header.default ### --><div id="website-header" class="ep-header"> <!-- ### START mant:waiShortcut.default ### --><!-- "WAI SHORTCUTS" Component This should be on aopt of the header This is a nav used for keyboard navigation only --> <nav class="wai-shortcut" aria-label="Ohita navigointilinkit"> <ul id="waimenu"> <li><a href="#website-body"><span class="label">Suoraan sivun sisältöön (paina Enter)</span></a></li> <li><a href="#language-select"><span class="label">Suoraan kielivalikkoon (paina Enter)</span></a></li> <li><a href="#search-field"><span class="label">Suoraan hakuvalikkoon (paina Enter)</span></a></li> </ul> </nav> <!-- ### END mant:waiShortcut.default ### --><!-- ### START mant:toolbarTop.default ### --><!-- COMPOSANT "TOOLBAR TOP" --> <div class="toolbar toolbar_top"> <div class="toolbar-grid m-column no-padding-m"> <!-- test --> <!-- test --> <!-- ### START mant:languageSwitcher.header ### --><div class="dropdown-lang" id="language-select"> <!-- Select language no js --> <noscript> <div class="dropdown"> <div class="dropdown-lang no-js"> <div class="wrapper-dropdown-lang"> <form action="/fi/homepage/Header/header/toolbartop/languageswitcher.ChangeLanguage.do" method="post"> <input name="page" type="hidden" value="/cms/render/live/fi/sites/visiting/homepage.default.html"/> <input name="baseUrl" type="hidden" value="/cms/render/live/fi"/> <div class="select"> <label for="change_language_nojs" class="sr-only">Change the navigation language</label> <select id="change_language_nojs" name="url" required> <option lang="bg" value="/bg">BG - български</option> <option lang="cs" value="/cs">CS - čeština</option> <option lang="da" value="/da">DA - dansk</option> <option lang="de" value="/de">DE - Deutsch</option> <option lang="el" value="/el">EL - ελληνικά</option> <option lang="en" value="/en">EN - English</option> <option lang="es" value="/es">ES - español</option> <option lang="et" value="/et">ET - eesti keel</option> <option lang="fi" value="/fi" selected="selected">FI - suomi</option> <option lang="fr" value="/fr">FR - français</option> <option lang="ga" value="/ga">GA - Gaeilge</option> <option lang="hr" value="/hr">HR - hrvatski</option> <option lang="hu" value="/hu">HU - magyar</option> <option lang="it" value="/it">IT - italiano</option> <option lang="lt" value="/lt">LT - lietuvių kalba</option> <option lang="lv" value="/lv">LV - latviešu valoda</option> <option lang="mt" value="/mt">MT - Malti</option> <option lang="nl" value="/nl">NL - Nederlands</option> <option lang="pl" value="/pl">PL - polski</option> <option lang="pt" value="/pt">PT - português</option> <option lang="ro" value="/ro">RO - română</option> <option lang="sk" value="/sk">SK - slovenčina</option> <option lang="sl" value="/sl">SL - slovenščina</option> <option lang="sv" value="/sv">SV - svenska</option> </select> </div> <button type="submit" class="btn">Vaihda kieli</button> </form> </div> </div> </div> </noscript> <!-- End Select language no js --> <!--<nav class="custom-select dropdown" aria-label="Change the navigation language">--> <nav class="custom-select dropdown" aria-label="Change the navigation language"> <button id="dropdown" class="btn lang_select" type="submit" aria-haspopup="true" aria-expanded="false" > FI - suomi</button> <ul class="no-display menu-content" tabindex="-1"> <li> <a href="/bg" hreflang="bg" lang="bg"> <span class="wrapper-label"> <span class="label">BG - български</span> </span> </a> </li> <li> <a href="/cs" hreflang="cs" lang="cs"> <span class="wrapper-label"> <span class="label">CS - čeština</span> </span> </a> </li> <li> <a href="/da" hreflang="da" lang="da"> <span class="wrapper-label"> <span class="label">DA - dansk</span> </span> </a> </li> <li> <a href="/de" hreflang="de" lang="de"> <span class="wrapper-label"> <span class="label">DE - Deutsch</span> </span> </a> </li> <li> <a href="/el" hreflang="el" lang="el"> <span class="wrapper-label"> <span class="label">EL - ελληνικά</span> </span> </a> </li> <li> <a href="/en" hreflang="en" lang="en"> <span class="wrapper-label"> <span class="label">EN - English</span> </span> </a> </li> <li> <a href="/es" hreflang="es" lang="es"> <span class="wrapper-label"> <span class="label">ES - español</span> </span> </a> </li> <li> <a href="/et" hreflang="et" lang="et"> <span class="wrapper-label"> <span class="label">ET - eesti keel</span> </span> </a> </li> <li class="current" aria-current="true"> <a href="" hreflang="fi" lang="fi"> <span class="wrapper-label"> <span class="label">FI - suomi</span> </span> </a> </li> <li> <a href="/fr" hreflang="fr" lang="fr"> <span class="wrapper-label"> <span class="label">FR - français</span> </span> </a> </li> <li> <a href="/ga" hreflang="ga" lang="ga"> <span class="wrapper-label"> <span class="label">GA - Gaeilge</span> </span> </a> </li> <li> <a href="/hr" hreflang="hr" lang="hr"> <span class="wrapper-label"> <span class="label">HR - hrvatski</span> </span> </a> </li> <li> <a href="/hu" hreflang="hu" lang="hu"> <span class="wrapper-label"> <span class="label">HU - magyar</span> </span> </a> </li> <li> <a href="/it" hreflang="it" lang="it"> <span class="wrapper-label"> <span class="label">IT - italiano</span> </span> </a> </li> <li> <a href="/lt" hreflang="lt" lang="lt"> <span class="wrapper-label"> <span class="label">LT - lietuvių kalba</span> </span> </a> </li> <li> <a href="/lv" hreflang="lv" lang="lv"> <span class="wrapper-label"> <span class="label">LV - latviešu valoda</span> </span> </a> </li> <li> <a href="/mt" hreflang="mt" lang="mt"> <span class="wrapper-label"> <span class="label">MT - Malti</span> </span> </a> </li> <li> <a href="/nl" hreflang="nl" lang="nl"> <span class="wrapper-label"> <span class="label">NL - Nederlands</span> </span> </a> </li> <li> <a href="/pl" hreflang="pl" lang="pl"> <span class="wrapper-label"> <span class="label">PL - polski</span> </span> </a> </li> <li> <a href="/pt" hreflang="pt" lang="pt"> <span class="wrapper-label"> <span class="label">PT - português</span> </span> </a> </li> <li> <a href="/ro" hreflang="ro" lang="ro"> <span class="wrapper-label"> <span class="label">RO - română</span> </span> </a> </li> <li> <a href="/sk" hreflang="sk" lang="sk"> <span class="wrapper-label"> <span class="label">SK - slovenčina</span> </span> </a> </li> <li> <a href="/sl" hreflang="sl" lang="sl"> <span class="wrapper-label"> <span class="label">SL - slovenščina</span> </span> </a> </li> <li> <a href="/sv" hreflang="sv" lang="sv"> <span class="wrapper-label"> <span class="label">SV - svenska</span> </span> </a> </li> </ul> </nav> </div> <!-- ### END mant:languageSwitcher.header ### --><!-- ### START mant:linkList.header ### --><!-- COMPOSANT "OTHER WEBSITES" --> <nav class="navigation-menu nav-top" aria-label="external links navigation"> <div class="menu-container"> <div class="focusable"> <a role="button" class="btn-open-menu" aria-labelledby="other-website-menu" aria-haspopup="true" aria-expanded="false" tabindex="0">Muita verkkosivustoja</a> <ul id="other-website-menu" class="menu-level-0" aria-label="View menu"> <li class="level-0"> <!-- ### START mant:link.ParlHead ### --><a href="https://www.europarl.europa.eu/news/fi" tabindex="0"> <span class="content"> <span class="label">Ajankohtaista</span> </span> </a> <!-- ### END mant:link.ParlHead ### --></li> <li class="level-0"> <!-- ### START mant:link.ParlHead ### --><a href="https://www.europarl.europa.eu/topics/fi/" tabindex="0"> <span class="content"> <span class="label">Aiheet</span> </span> </a> <!-- ### END mant:link.ParlHead ### --></li> <li class="level-0"> <!-- ### START mant:link.ParlHead ### --><a href="https://www.europarl.europa.eu/meps/fi/home" tabindex="0"> <span class="content"> <span class="label">Parlamentin jäsenet</span> </span> </a> <!-- ### END mant:link.ParlHead ### --></li> <li class="level-0"> <!-- ### START mant:link.ParlHead ### --><a href="https://www.europarl.europa.eu/aboutparliament/fi" tabindex="0"> <span class="content"> <span class="label">Tietoa parlamentista</span> </span> </a> <!-- ### END mant:link.ParlHead ### --></li> <li class="level-0"> <!-- ### START mant:link.ParlHead ### --><a href="https://www.europarl.europa.eu/plenary/fi" tabindex="0"> <span class="content"> <span class="label">Täysistunto</span> </span> </a> <!-- ### END mant:link.ParlHead ### --></li> <li class="level-0"> <!-- ### START mant:link.ParlHead ### --><a href="https://europarl.europa.eu/committees/fi" tabindex="0"> <span class="content"> <span class="label">Valiokunnat</span> </span> </a> <!-- ### END mant:link.ParlHead ### --></li> <li class="level-0 nopadding-right"> <!-- ### START mant:link.ParlHead ### --><a href="https://www.europarl.europa.eu/delegations/fi" tabindex="0"> <span class="content"> <span class="label">Valtuuskunnat</span> </span> </a> <!-- ### END mant:link.ParlHead ### --></li> <li class="level-0"> <!-- ### START mant:link.ParlHead ### --><a href="https://elections.europa.eu/fi/" tabindex="0"> <span class="content"> <span class="label">Vaalit</span> </span> </a> <!-- ### END mant:link.ParlHead ### --></li> <li class="level-0 has-menu-dropdown" style="user-select: none; -webkit-user-select: none;"> <a class="icon-arrow-dropdown" role="button" aria-haspopup="true" aria-expanded="false" tabindex="0"> <span class="content"> <span class="label">Muita verkkosivustoja</span> </span> </a> <ul class="menu-level-1"> <li class="level-1"> <!-- ### START mant:link.ParlHead ### --><a href="https://multimedia.europarl.europa.eu/fi" tabindex="0"> <span class="content"> <span class="label">Multimedia Centre</span> </span> </a> <!-- ### END mant:link.ParlHead ### --></li> <li class="level-1"> <!-- ### START mant:internalLink.ParlHead ### --><a href="https://the-president.europarl.europa.eu/en" tabindex="0"> <span class="content"> <span class="label">Presidendi veebisait</span> </span> </a> <!-- ### END mant:internalLink.ParlHead ### --></li> <li class="level-1"> <!-- ### START mant:internalLink.ParlHead ### --><a href="https://the-secretary-general.europarl.europa.eu/en" tabindex="0"> <span class="content"> <span class="label">Pääsihteeristö</span> </span> </a> <!-- ### END mant:internalLink.ParlHead ### --></li> <li class="level-1"> <!-- ### START mant:link.ParlHead ### --><a href="https://europarl.europa.eu/thinktank/fi/home.html" tabindex="0"> <span class="content"> <span class="label">Think tank</span> </span> </a> <!-- ### END mant:link.ParlHead ### --></li> <li class="level-1"> <!-- ### START mant:link.ParlHead ### --><a href="https://www.epnewshub.eu/" tabindex="0"> <span class="content"> <span class="label">EP Newshub</span> </span> </a> <!-- ### END mant:link.ParlHead ### --></li> <li class="level-1"> <!-- ### START mant:link.ParlHead ### --><a href="https://www.europarl.europa.eu/at-your-service/fi" tabindex="0"> <span class="content"> <span class="label">Palveluksessasi</span> </span> </a> <!-- ### END mant:link.ParlHead ### --></li> <li class="level-1"> <!-- ### START mant:link.ParlHead ### --><a href="https://www.europarl.europa.eu/visiting/fi/" tabindex="0"> <span class="content"> <span class="label">Vierailut</span> </span> </a> <!-- ### END mant:link.ParlHead ### --></li> <li class="level-1"> <!-- ### START mant:link.ParlHead ### --><a href="https://www.europarl.europa.eu/legislative-train/" tabindex="0"> <span class="content"> <span class="label">Legislative train</span> </span> </a> <!-- ### END mant:link.ParlHead ### --></li> <li class="level-1"> <!-- ### START mant:link.ParlHead ### --><a href="https://www.europarl.europa.eu/contracts-and-grants/fi/" tabindex="0"> <span class="content"> <span class="label">Sopimukset ja avustukset</span> </span> </a> <!-- ### END mant:link.ParlHead ### --></li> <li class="level-1"> <!-- ### START mant:link.ParlHead ### --><a href="https://www.europarl.europa.eu/RegistreWeb/home/welcome.htm?language=FI" tabindex="0"> <span class="content"> <span class="label">Asiakirjarekisteri</span> </span> </a> <!-- ### END mant:link.ParlHead ### --></li> <li class="level-1"> <!-- ### START mant:link.ParlHead ### --><a href="https://data.europarl.europa.eu/fi/home" tabindex="0"> <span class="content"> <span class="label">Avoimen datan portaali</span> </span> </a> <!-- ### END mant:link.ParlHead ### --></li> <li class="level-1"> <!-- ### START mant:link.ParlHead ### --><a href="https://liaison-offices.europarl.europa.eu/fi" tabindex="0"> <span class="content"> <span class="label">Yhteystoimistot</span> </span> </a> <!-- ### END mant:link.ParlHead ### --></li> </ul> </li> </ul> </div> </div> </nav> <!-- ### END mant:linkList.header ### --></div> </div> <!-- ### END mant:toolbarTop.default ### --><!-- ### START mant:banner.default ### --><!-- COMPOSANT "BANNER" --> <header class="header"> <div class="header-wrapper no-padding"> <div class="grid"> <span class="title-wrapper"> <a href="/fi" class="title"> <span class="labeltxt">Vierailut</span> </a> <a href="https://www.europarl.europa.eu/portal/fi" class="subtitle"> <span class="labeltxt">Euroopan parlamentti</span> <span class="logo"></span> </a> </span> </div> </div> </header> <!-- ### END mant:banner.default ### --><!-- ### START mant:toolbarBottom.default ### --><!-- COMPOSANT "TOOLBAR BOTTOM" --> <div class="toolbar toolbar_bottom sticky"> <div class="toolbar-grid no-padding flex-end"> <!-- COMPOSANT "NAV MENU" navMenu.groovy --> <nav class="navigation-menu nav-main" aria-label="Main navigation"> <div class="menu-container"> <a href="#" class="menu-icon" tabindex="0"> <span class="label">Valikko</span> <span class="nav-icon"></span> </a> <ul class="menu-level-0"><li class="level-0 current "><a class="link-level-0" aria-current="true" href="/fi" target="_self"><span class="content"><span class="label">Etusivu</span><span class="current-element"></span></span></a></li><li class="level-0 has-menu-dropdown"><a class="icon-arrow-dropdown" role="button" aria-haspopup="true" tabindex="0"><span class="content"><span class="label">Vierailutarjonta</span><span class="current-element"></span></span></a><ul class="menu-level-1"><li class="level-1 "><a href="/fi/visitor-offer" target="_self"><span class="content"><span class="label">Näytä kaikki</span></span></a></li><li class="level-1 has-menu-dropdown"><a class=" icon-arrow-dropdown" role="button" aria-haspopup="true" tabindex="0"><span class="content"><span class="label">Bryssel</span><span class="current-element"></span></span></a><ul class="menu-level-2"><li class="level-2 "><a href="/fi/visitor-offer/brussels/parlamentarium" target="_self"><span class="content"><span class="label">Parlamentarium</span></span></a></li><li class="level-2 "><a href="/fi/visitor-offer/brussels/hemicycle" target="_self"><span class="content"><span class="label">Euroopan parlamentin istuntosali</span></span></a></li><li class="level-2 "><a href="/fi/visitor-offer/brussels/house-of-european-history" target="_self"><span class="content"><span class="label">Euroopan historian talo</span></span></a></li><li class="level-2 "><a href="/fi/visitor-offer/brussels/info-hub" target="_self"><span class="content"><span class="label">Info Hub</span></span></a></li></ul></li><li class="level-1 has-menu-dropdown"><a class=" icon-arrow-dropdown" role="button" aria-haspopup="true" tabindex="0"><span class="content"><span class="label">Strasbourg</span><span class="current-element"></span></span></a><ul class="menu-level-2"><li class="level-2 "><a href="/fi/visitor-offer/strasbourg/hemicycle" target="_self"><span class="content"><span class="label">Euroopan parlamentti Strasbourgissa</span></span></a></li><li class="level-2 "><a href="/fi/visitor-offer/strasbourg/parlamentarium-simone-veil" target="_self"><span class="content"><span class="label">Parlamentarium Simone Veil</span></span></a></li><li class="level-2 "><a href="/fi/visitor-offer/strasbourg/events-and-exhibitions" target="_self"><span class="content"><span class="label">Tapahtumat ja näyttelyt Strasbourgissa</span></span></a></li></ul></li><li class="level-1 "><a href="/fi/visitor-offer/other-locations/europa-experience/luxembourg" target="_self"><span class="content"><span class="label">Luxemburg</span></span></a></li><li class="level-1 has-menu-dropdown"><a class=" icon-arrow-dropdown" role="button" aria-haspopup="true" tabindex="0"><span class="content"><span class="label">Muut toimipaikat</span><span class="current-element"></span></span></a><ul class="menu-level-2"><li class="level-2 "><a href="/fi/homepage/pageContent-area/offer/europa-experience.html" target="_self"><span class="content"><span class="label">Europa Experience</span></span></a></li><li class="level-2 "><a href="/fi/visitor-offer/other-locations/jean-monnet-house" target="_self"><span class="content"><span class="label">Jean Monnet -talo</span></span></a></li></ul></li></ul></li><li class="level-0 has-menu-dropdown"><a class="icon-arrow-dropdown" role="button" aria-haspopup="true" tabindex="0"><span class="content"><span class="label">Museokasvatus ja oppiminen</span><span class="current-element"></span></span></a><ul class="menu-level-1"><li class="level-1 "><a href="/fi/education-learning" target="_self"><span class="content"><span class="label">Näytä kaikki</span></span></a></li><li class="level-1 "><a href="https://visiting.europarl.europa.eu/fi/education-learning?location=Brussels" target="_self"><span class="content"><span class="label">Bryssel</span></span></a></li><li class="level-1 "><a href="https://visiting.europarl.europa.eu/fi/education-learning?location=Strasbourg" target="_self"><span class="content"><span class="label">Strasbourg</span></span></a></li><li class="level-1 "><a href="https://visiting.europarl.europa.eu/fi/education-learning?location=Luxembourg" target="_self"><span class="content"><span class="label">Luxembourg</span></span></a></li><li class="level-1 "><a href="https://visiting.europarl.europa.eu/fi/education-learning?location=Other" target="_self"><span class="content"><span class="label">Muut toimipaikat</span></span></a></li></ul></li><li class="level-0 "><a class="link-level-0" href="/fi/online-activities" title="Tutustu verkossa tarjolla oleviin peleihin, opetusaineistoon ja interaktiiviseen toimintaan. Niiden avulla saat käsityksen Euroopan parlamentista ja siitä, miten se vaikuttaa sinuun."><span class="content"><span class="label">Online-toiminta</span><span class="current-element"></span></span></a></li></ul> </div> </nav><!-- ### START mant:titleSticky.header ### --><!-- This title is only shown on the toolbar when in sticky mode --> <span class="title-toolbar" aria-hidden="true"><span class="label">Euroopan parlamentti</span></span> <!-- ### END mant:titleSticky.header ### --></div> </div> <!-- ### END mant:toolbarBottom.default ### --></div> <!-- ### END mant:header.default ### --><main id="website-body" role="main" > <div class="ep_gridrow"> <div class="ep_gridrow-content"> <div class="ep_gridcolumn ep-m_header ep_hidden"> <div class="ep_gridcolumn-content"> <h1 class="ep-a_heading ep-layout_level3"> <span class="ep_title"> <span class="ep-p_text"><span class="ep_name">Etusivu</span><span class="ep_icon">&nbsp;</span></span> </span> </h1> </div> </div> </div> </div> <!-- ### START mant:visitingSearch.home ### --> <div class="visitSearch visitingSearch" style="background-image:url(/files/live/sites/visiting/files/X06jd2A-crop977x475.jpeg); background-position: center;"> <div class="ep_gridrow" style="letter-spacing: initial; height:100%;"> <div id="searchLanguage" style="position: absolute; margin-top: 355px; margin-left: 2%;"> <div class="white languageBubble lsn" style="position: relative;"> <div class="bubbleContent">24</div> <i class="fas fa-flip-horizontal fa-comment-alt"></i> <span style=" position: absolute; top: 7px; left: 50px;">kielet</span> </div> </div> <div class="ep_gridrow-content"> <div id="visitingSearchTitle" class="ep_gridcolumn" data-view1200="8" data-view1020="8" data-view750="6" data-view640="8" data-view480="8" data-view320="4"> <div id="computerSearchTitle" class="ep_gridcolumn-content white" style="padding-top: 16%;"> <div style="width: 100%; display: inline-flex;"> <div style="width: 60%;"> <div style="font-size: 4.5em; color: rgb(80,160,216);">Captivating</div> <div class="white" style="font-size: 3em; margin-left: 6%;"> and <span style="color: rgb(80,160,216); font-size: 1.6em;">diverse </span> visits</div> </div> <div style="width: 40%; align-self: center;padding-left: 4%;"> <span style="color: rgb(80,160,216); font-size: 1.4em; font-weight: bolder; font-family: Helvetica,Arial,sans-serif;"> VIERAILE<span style="vertical-align: super; font-weight: bolder; margin: 10px;">.</span> PELAA<span style="vertical-align: super;font-weight: bolder; margin: 10px;">.</span> OPI</span> </div> </div> <div class="white" style="padding-top:4%; font-size: 4.5em; margin-left: 8%;"> for everyone<span style="color: rgb(80,160,216);">,</span> </div> <div class="white" style="font-size: 4.5em; margin-left: 14%;"> all<span style="color: rgb(80,160,216); font-size: 0.6em;"> for</span> free</div> </div> <div id="tabletSearchTitle" class="ep_gridcolumn-content white"> <div style="align-self: center; margin-top: 6%; margin-left: 17%;"> <span style="color: rgb(80,160,216); font-size: 1.2em; font-weight: bolder; font-family: Helvetica,Arial,sans-serif;">VIERAILE<span style="vertical-align: super; font-weight: bolder; margin: 10px;">.</span> PELAA<span style="vertical-align: super;font-weight: bolder; margin: 10px;">.</span> OPI</span> </div> <div style="font-size: 4.5em; color: rgb(80,160,216); margin-top: 7%; margin-left: 2%;"> Captivating</div> <div class="white" style="font-size: 3em; margin-left: 8%;"> and <span style="color: rgb(80,160,216); font-size: 1.6em;">diverse </span> visits</div> <div class="white" style="padding-top:2%; font-size: 4.3em; margin-top: 8%; margin-left: 2%;">for everyone<span style="color: rgb(80,160,216);">,</span> </div> <div class="white" style="font-size: 3.8em; margin-left: 8%;"> all<span style="color: rgb(80,160,216); font-size: 0.6em;"> for</span> free</div> </div> <div id="phoneSearchTitle" class="ep_gridcolumn-content white"> <div style="display: flex; justify-content: center; margin-top: 6%;"> <span style="color: rgb(80,160,216); font-size: 1em; font-weight: bolder; font-family: Helvetica,Arial,sans-serif;">VIERAILE<span style="vertical-align: super; font-weight: bolder; margin: 10px;">.</span> PELAA<span style="vertical-align: super;font-weight: bolder; margin: 10px;">.</span> OPI</span> </div> <div style="font-size: 3.8em; color: rgb(80,160,216); margin-top: 5%; margin-left: 2%;"> Captivating</div> <div class="white" style="font-size: 2.8em; margin-left: 12%;"> and <span style="color: rgb(80,160,216); font-size: 1.3em;">diverse </span> visits</div> <div class="white" style="padding-top:2%; font-size: 3.2em; margin-top: 4%; margin-left: 7%;">for everyone<span style="color: rgb(80,160,216);">,</span></div> <div class="white" style="font-size: 3em; margin-left: 17%;"> all<span style="color: rgb(80,160,216); font-size: 0.6em;"> for</span> free</div> </div> </div> <div class="ep_gridcolumn searchInputs" data-view1200="4" data-view1020="4" data-view750="6" data-view640="8" data-view480="8" data-view320="4" style="padding-top: 8%;"> <div id="formVisitingSearch" class="ep_gridcolumn-content"> <div class="ep-a_field"> <label for="offerFilter_location" class="ep_hidden"> <span class="ep_name">Select a location</span> </label> <div class="ep-p_select"> <div class="ep_select ep_field-native"> <span class="ep_icon ep_location"></span> <select data-selectconverted="true" class="ep_field" name="location" id="offerFilter_location" aria-label="Location selection" title="Valitse paikka"> <option value="" disabled="disabled" selected="selected">Valitse paikka</option> <option value="Brussels">Bryssel</option> <option value="Strasbourg">Strasbourg</option> <option value="Luxembourg">Luxemburg</option> <option value="Other">Muut toimipaikat</option> </select> <span class="ep_icon-arrow"></span> </div> </div> </div> <div class="ep-a_field"> <label for="offerFilter_type" class="ep_hidden"> <span class="ep_name">Define size and type</span> </label> <div class="ep-p_select"> <div class="ep_select ep_field-native"> <span class="ep_icon ep_user"></span> <select data-selectconverted="true" class="ep_field" name="type" id="offerFilter_type" aria-label="Valitse koko ja tyyppi" title="Valitse koko ja tyyppi"> <option value="" disabled="disabled" selected="selected">Valitse koko ja tyyppi</option> <option value="individual">Yksittäinen kävijä </option> <option value="family">Perhe</option> <option value="groups">Ryhmä (> 10 henkilöä)</option> <option value="school">Koulu</option> </select> <span class="ep_icon-arrow"></span> </div> </div> </div> <div id="datepicker"></div> <button class="ep_button button_validation" type="button" id="submitSearch"> <span class="ep_name">Hae tarjonnastamme</span> </button> </div> </div> </div> </div> </div> <script type="text/javascript"> $(() => { dom.setJspInput('visiting-search-component-data', { schoolListPageUrl: '/fi/education-learning', generalListPageUrl: '/fi/visitor-offer', specificDatesUrl: '/fi/homepage/pageContent-area/visiting-home-header.Calendar.do', labels: { placeholder: 'Päivä', confirmTheDate: 'Vahvista päivämäärä', days: ['Viikko', 'ma', 'ti', 'ke', 'to', 'pe', 'la', 'su'], actions: ['Tänään', 'Huomenna', 'Tällä viikolla', 'Ensi viikolla', 'Kahdella seuraavalla viikolla', 'Ensi kuussa'], tags: ['Strasbourgin täysistunto', 'Brysselin istunto', 'Ei vierailuja'], months: ['tammikuu', 'helmikuu', 'maaliskuu', 'huhtikuu', 'toukokuu', 'kesäkuu', 'heinäkuu', 'elokuu', 'syyskuu', 'lokakuu', 'marraskuu', 'joulukuu'], }, }); }); </script> <!-- ### END mant:visitingSearch.home ### --><!-- ### START mant:offerCreation.home ### --><!-- ### END mant:offerCreation.home ### --><style> #website-body .ep-flip-card a:hover .ep-p_text .ep_name, #website-body .ep-flip-card a:focus .ep-p_text .ep_name{ color: #fff; transform: none; outline: none; } #website-body button.reverse { background-color: white; color: #223065; padding: 15px 30px; letter-spacing: normal; margin-top: 6%; margin-bottom: 6%; width: fit-content; white-space: initial; cursor: pointer; font-size: 1.5em; font-weight: 600; transition: background-color .3s ease-in-out; } #website-body button.reverse:hover, #website-body button.reverse:focus{ background-color: #000; color: #fff !important; } #website-body button.reverse:focus .ep_name, #website-body button.reverse:focus .ep_name { color: #fff; } #website-body button.reverse:focus { outline: 3px dotted #fff; } .footerOfferSelect{ display: flex; box-sizing: border-box; margin-top: auto; } .footerOfferSelect > div{ margin-top:3px; } .footerOfferSelect > div .fas, .footerOfferSelect > div .far{ margin-right: 5px; font-size: .9rem; } .footerOfferSelect > div .card-back-information{ margin-top:0; font-size: .8rem; } </style> <!-- ### START mant:permanentOfferList.home ### --><div class="ep_gridrow permanentOfferList" style="margin-top: 40px;"> <div class="ep_gridrow-content"> <div class="ep_gridcolumn" data-view1200="12" data-view1020="12" data-view750="12" data-view640="8" data-view480="8" data-view320="4"> <div class="ep_gridcolumn-content" style="display: flex"> <div class="ep-a_heading ep-layout_level2"> <h2 class="ep_title"> <div class="ep-p_text"><span class="ep_name sansSerif"> <strong>Vierailutarjonta</strong></span></div> </h2> </div> </div> </div> <div class="ep_gridcolumn" data-view1200="12" data-view1020="12" data-view750="12" data-view640="8" data-view480="8" data-view320="4"> <div class="ep_gridrow" > <div id="data-77cb3b1f-2ad5-4ca1-9374-07e1d5745c1d" class="ep_gridrow-content"> <div class="ep_gridcolumn" data-view1200="4" data-view1020="4" data-view750="6" data-view640="8" data-view480="8" data-view320="4"> <!-- ### START mant:offer.default ### --><div class="ep_gridcolumn-content" style="margin-bottom: 30px; padding: 0 10px;"> <div class="ep_flip-card"> <a href="/fi/visitor-offer/strasbourg/hemicycle" class="flip-card-inner" target="_self"> <div> <div class="flip-card-front" style="background-color: #223065;"> <div class="flip-card-picture"> <figure> <img src=/files/live/sites/visiting/files/Images/Header/final/the-european-parliament-in-strasbourg-thumbnail.png alt="" srcset=" /files/live/sites/visiting/files/Images/Header/final/the-european-parliament-in-strasbourg-thumbnail.png 320w, /files/live/sites/visiting/files/Images/Header/final/the-european-parliament-in-strasbourg-thumbnail.png 640w, /files/live/sites/visiting/files/Images/Header/final/the-european-parliament-in-strasbourg-thumbnail.png 1176w " sizes="100vw" role="presentation" > </figure> </div> <div class="flip-card-body"> <h2 class="flip-card-title"> <span>Euroopan parlamentti Strasbourgissa</span> </h2> </div> <div class="flip-card-location-wrapper"> <div class="flip-card-location"> <div class="city"> Strasbourg</div> <div class="location" style="color: #223065">Euroopan parlamentti</div> </div> </div> </div> </div> </a> </div> </div> <!-- ### END mant:offer.default ### --></div> <div class="ep_gridcolumn" data-view1200="4" data-view1020="4" data-view750="6" data-view640="8" data-view480="8" data-view320="4"> <!-- ### START mant:offer.default ### --><div class="ep_gridcolumn-content" style="margin-bottom: 30px; padding: 0 10px;"> <div class="ep_flip-card"> <a href="/fi/visitor-offer/brussels/hemicycle" class="flip-card-inner" target="_self"> <div> <div class="flip-card-front" style="background-color: #215895;"> <div class="flip-card-picture"> <figure> <img src=/files/live/sites/visiting/files/Images/EP%20Brussels/Hemicycle_thumb.jpg alt="" srcset=" /files/live/sites/visiting/files/Images/EP%20Brussels/Hemicycle_thumb.jpg 320w, /files/live/sites/visiting/files/Images/EP%20Brussels/Hemicycle_thumb.jpg 640w, /files/live/sites/visiting/files/Images/EP%20Brussels/Hemicycle_thumb.jpg 1176w " sizes="100vw" role="presentation" > </figure> </div> <div class="flip-card-body"> <h2 class="flip-card-title"> <span>Euroopan parlamentin istuntosali</span> </h2> </div> <div class="flip-card-location-wrapper"> <div class="flip-card-location"> <div class="city"> Bryssel</div> <div class="location" style="color: #215895">Istuntosali</div> </div> </div> </div> </div> </a> </div> </div> <!-- ### END mant:offer.default ### --></div> <div class="ep_gridcolumn" data-view1200="4" data-view1020="4" data-view750="6" data-view640="8" data-view480="8" data-view320="4"> <!-- ### START mant:offer.default ### --><div class="ep_gridcolumn-content" style="margin-bottom: 30px; padding: 0 10px;"> <div class="ep_flip-card"> <a href="/fi/visitor-offer/brussels/parlamentarium" class="flip-card-inner" target="_self"> <div> <div class="flip-card-front" style="background-color: #257725;"> <div class="flip-card-picture"> <figure> <img src=/files/live/sites/visiting/files/Images/EP%20Brussels/Parlamentarium_thumb.jpg alt="" srcset=" /files/live/sites/visiting/files/Images/EP%20Brussels/Parlamentarium_thumb.jpg 320w, /files/live/sites/visiting/files/Images/EP%20Brussels/Parlamentarium_thumb.jpg 640w, /files/live/sites/visiting/files/Images/EP%20Brussels/Parlamentarium_thumb.jpg 1176w " sizes="100vw" role="presentation" > </figure> </div> <div class="flip-card-body"> <h2 class="flip-card-title"> <span>Parlamentarium</span> </h2> </div> <div class="flip-card-location-wrapper"> <div class="flip-card-location"> <div class="city"> Bryssel</div> <div class="location" style="color: #257725">Parlamentarium</div> </div> </div> </div> </div> </a> </div> </div> <!-- ### END mant:offer.default ### --></div> <div class="ep_gridcolumn" data-view1200="4" data-view1020="4" data-view750="6" data-view640="8" data-view480="8" data-view320="4"> <!-- ### START mant:offer.default ### --><div class="ep_gridcolumn-content" style="margin-bottom: 30px; padding: 0 10px;"> <div class="ep_flip-card"> <a href="/fi/visitor-offer/brussels/house-of-european-history" class="flip-card-inner" target="_self"> <div> <div class="flip-card-front" style="background-color: #CF4321;"> <div class="flip-card-picture"> <figure> <img src=/files/live/sites/visiting/files/Images/EP%20Brussels/HEH_thumb.jpg alt="" srcset=" /files/live/sites/visiting/files/Images/EP%20Brussels/HEH_thumb.jpg 320w, /files/live/sites/visiting/files/Images/EP%20Brussels/HEH_thumb.jpg 640w, /files/live/sites/visiting/files/Images/EP%20Brussels/HEH_thumb.jpg 1176w " sizes="100vw" role="presentation" > </figure> </div> <div class="flip-card-body"> <h2 class="flip-card-title"> <span>Euroopan historian talo</span> </h2> </div> <div class="flip-card-location-wrapper"> <div class="flip-card-location"> <div class="city"> Bryssel</div> <div class="location" style="color: #CF4321">Euroopan historian talo</div> </div> </div> </div> </div> </a> </div> </div> <!-- ### END mant:offer.default ### --></div> <div class="ep_gridcolumn" data-view1200="4" data-view1020="4" data-view750="6" data-view640="8" data-view480="8" data-view320="4"> <!-- ### START mant:offer.default ### --><div class="ep_gridcolumn-content" style="margin-bottom: 30px; padding: 0 10px;"> <div class="ep_flip-card"> <a href="/fi/visitor-offer/other-locations/jean-monnet-house" class="flip-card-inner" target="_self"> <div> <div class="flip-card-front" style="background-color: #953984;"> <div class="flip-card-picture"> <figure> <img src=/files/live/sites/visiting/files/Images/EP%20Strasbourg/Jean_Monnet_thumb.jpg alt="" srcset=" /files/live/sites/visiting/files/Images/EP%20Strasbourg/Jean_Monnet_thumb.jpg 320w, /files/live/sites/visiting/files/Images/EP%20Strasbourg/Jean_Monnet_thumb.jpg 640w, /files/live/sites/visiting/files/Images/EP%20Strasbourg/Jean_Monnet_thumb.jpg 1176w " sizes="100vw" role="presentation" > </figure> </div> <div class="flip-card-body"> <h2 class="flip-card-title"> <span>Jean Monnet -talo</span> </h2> </div> <div class="flip-card-location-wrapper"> <div class="flip-card-location"> <div class="city"> Muut toimipaikat</div> <div class="location" style="color: #953984">Jean Monnet -talo</div> </div> </div> </div> </div> </a> </div> </div> <!-- ### END mant:offer.default ### --></div> <div class="ep_gridcolumn" data-view1200="4" data-view1020="4" data-view750="6" data-view640="8" data-view480="8" data-view320="4"> <!-- ### START mant:offer.default ### --><div class="ep_gridcolumn-content" style="margin-bottom: 30px; padding: 0 10px;"> <div class="ep_flip-card"> <a href="/fi/homepage/pageContent-area/offer/europa-experience.html" class="flip-card-inner" target="_self"> <div> <div class="flip-card-front" style="background-color: #953984;"> <div class="flip-card-picture"> <figure> <img src=/files/live/sites/visiting/files/Images/Visitor%20Offer/EU%20EXP/Europa_Experience_thumb.jpg alt="" srcset=" /files/live/sites/visiting/files/Images/Visitor%20Offer/EU%20EXP/Europa_Experience_thumb.jpg 320w, /files/live/sites/visiting/files/Images/Visitor%20Offer/EU%20EXP/Europa_Experience_thumb.jpg 640w, /files/live/sites/visiting/files/Images/Visitor%20Offer/EU%20EXP/Europa_Experience_thumb.jpg 1176w " sizes="100vw" role="presentation" > </figure> </div> <div class="flip-card-body"> <h2 class="flip-card-title"> <span>Europa Experience</span> </h2> </div> <div class="flip-card-location-wrapper"> <div class="flip-card-location"> <div class="city"> Muut toimipaikat</div> </div> </div> </div> </div> </a> </div> </div> <!-- ### END mant:offer.default ### --></div> </div> </div> </div> </div> </div> <div class="ep_gridrow" id="viawAll77cb3b1f2ad54ca1937407e1d5745c1d"> <div class="ep_gridrow-content"> <div class="ep_gridcolumn ep-m_footer" data-view1200="12" data-view1020="12" data-view750="12" data-view640="8" data-view480="8" data-view320="4"> <div class="ep_gridcolumn-content"> <div class="ep-a_loadmore"> <div class="ep_button visitingButton"> <a id="offer-77cb3b1f-2ad5-4ca1-9374-07e1d5745c1d-loadMoreBtn" class="ep-p_text" href="/fi/visitor-offer"> <span class="sr-only">Vierailutarjonta</span> <span class="ep_name"> Näytä kaikki</span> <span class="ep_icon">&nbsp;</span> </a> </div> </div> </div> </div> </div> </div> <script type="text/javascript"> $(document).ready(function(){ var map = {}; $("body").on('click','#event-77cb3b1f-2ad5-4ca1-9374-07e1d5745c1d-loadMoreBtn',function() { map["queryType"] = "permanentOfferList"; $.ajax({ type: "POST", url: '/fi/homepage/pageContent-area/visitor-offer.loadMoreArticles.do', data: map, dataType: "json", success: function(data) { spliceExistingItems(data.articles); data.articles.forEach(function(item){ $.ajax(item["url"]+'.ajax').done(function(value){ $("#data-77cb3b1f-2ad5-4ca1-9374-07e1d5745c1d").append( '<div class="ep_gridcolumn" data-view1200="4" data-view1020="4"' +'data-view750="6" data-view640="8" data-view480="8" data-view320="4">'+value+'</div>'); }); }); $("#viawAll77cb3b1f2ad54ca1937407e1d5745c1d").hide(); } }); }); function spliceExistingItems (data){ if(data.length >= '6'){ data.splice(0, '6'); return data; } return []; } }) </script> <!-- ### END mant:permanentOfferList.home ### --><style> #website-body .ep-flip-card a:hover .ep-p_text .ep_name, #website-body .ep-flip-card a:focus .ep-p_text .ep_name{ color: #fff; transform: none; outline: none; } #website-body button.reverse { background-color: white; color: #223065; padding: 15px 30px; letter-spacing: normal; margin-top: 6%; margin-bottom: 6%; width: fit-content; white-space: initial; cursor: pointer; font-size: 1.5em; font-weight: 600; transition: background-color .3s ease-in-out; } #website-body button.reverse:hover, #website-body button.reverse:focus{ background-color: #000; color: #fff !important; } #website-body button.reverse:focus .ep_name, #website-body button.reverse:focus .ep_name { color: #fff; } #website-body button.reverse:focus { outline: 3px dotted #fff; } .footerOfferSelect{ display: flex; box-sizing: border-box; margin-top: auto; } .footerOfferSelect > div{ margin-top:3px; } .footerOfferSelect > div .fas, .footerOfferSelect > div .far{ margin-right: 5px; font-size: .9rem; } .footerOfferSelect > div .card-back-information{ margin-top:0; font-size: .8rem; } </style> <!-- ### START mant:permanentOfferList.home ### --><div class="ep_gridrow permanentOfferList" style="margin-top: 40px;"> <div class="ep_gridrow-content"> <div class="ep_gridcolumn" data-view1200="12" data-view1020="12" data-view750="12" data-view640="8" data-view480="8" data-view320="4"> <div class="ep_gridcolumn-content" style="display: flex"> <div class="ep-a_heading ep-layout_level2"> <h2 class="ep_title"> <div class="ep-p_text"><span class="ep_name sansSerif"> <strong>Museokasvatus ja oppiminen</strong></span></div> </h2> </div> </div> </div> <div class="ep_gridcolumn" data-view1200="12" data-view1020="12" data-view750="12" data-view640="8" data-view480="8" data-view320="4"> <div class="ep_gridrow" > <div id="data-bcf27b52-9f78-45bd-a895-d6ef3797cfa3" class="ep_gridrow-content"> <div class="ep_gridcolumn" data-view1200="4" data-view1020="4" data-view750="6" data-view640="8" data-view480="8" data-view320="4"> <!-- ### START mant:offer.default ### --><div class="ep_gridcolumn-content" style="margin-bottom: 30px; padding: 0 10px;"> <div class="ep_flip-card"> <a href="https://digital-journey.europarl.europa.eu/#/fi/" class="flip-card-inner" target="_blank"> <div> <div class="flip-card-front" style="background-color: #008298;"> <div class="flip-card-picture"> <figure> <img src=/files/live/sites/visiting/files/Images/Digital/Digital%20Journey/Digital_journey_thumb.jpg alt="" srcset=" /files/live/sites/visiting/files/Images/Digital/Digital%20Journey/Digital_journey_thumb.jpg 320w, /files/live/sites/visiting/files/Images/Digital/Digital%20Journey/Digital_journey_thumb.jpg 640w, /files/live/sites/visiting/files/Images/Digital/Digital%20Journey/Digital_journey_thumb.jpg 1176w " sizes="100vw" role="presentation" > </figure> </div> <div class="flip-card-body"> <h2 class="flip-card-title"> <span>Digimatka</span> </h2> </div> <div class="flip-card-location-wrapper"> <div class="flip-card-location"> <div class="city"> Online</div> </div> </div> </div> </div> </a> </div> </div> <!-- ### END mant:offer.default ### --></div> <div class="ep_gridcolumn" data-view1200="4" data-view1020="4" data-view750="6" data-view640="8" data-view480="8" data-view320="4"> <!-- ### START mant:offer.default ### --><div class="ep_gridcolumn-content" style="margin-bottom: 30px; padding: 0 10px;"> <div class="ep_flip-card"> <a href="https://historia.europa.eu/en/learn#paragraph-teachers" class="flip-card-inner" target="_self"> <div> <div class="flip-card-front" style="background-color: #CF4321;"> <div class="flip-card-picture"> <figure> <img src=/files/live/sites/visiting/files/Images/Digital/HEH/educators_thumb.png alt="" srcset=" /files/live/sites/visiting/files/Images/Digital/HEH/educators_thumb.png 320w, /files/live/sites/visiting/files/Images/Digital/HEH/educators_thumb.png 640w, /files/live/sites/visiting/files/Images/Digital/HEH/educators_thumb.png 1176w " sizes="100vw" role="presentation" > </figure> </div> <div class="flip-card-body"> <h2 class="flip-card-title"> <span>Kouluttajat</span> </h2> </div> <div class="flip-card-location-wrapper"> <div class="flip-card-location"> <div class="city"> Bryssel</div> <div class="location" style="color: #CF4321">Euroopan historian talo</div> </div> </div> </div> </div> </a> </div> </div> <!-- ### END mant:offer.default ### --></div> <div class="ep_gridcolumn" data-view1200="4" data-view1020="4" data-view750="6" data-view640="8" data-view480="8" data-view320="4"> <!-- ### START mant:offer.default ### --><div class="ep_gridcolumn-content" style="margin-bottom: 30px; padding: 0 10px;"> <div class="ep_flip-card"> <a href="/fi/education-learning/role-play-game" class="flip-card-inner" target="_self"> <div> <div class="flip-card-front" style="background-color: #008298;"> <div class="flip-card-picture"> <figure> <img src=/files/live/sites/visiting/files/Images/Digital/Role%20Play%20Game/Role_play_game_thumb.jpg alt="" srcset=" /files/live/sites/visiting/files/Images/Digital/Role%20Play%20Game/Role_play_game_thumb.jpg 320w, /files/live/sites/visiting/files/Images/Digital/Role%20Play%20Game/Role_play_game_thumb.jpg 640w, /files/live/sites/visiting/files/Images/Digital/Role%20Play%20Game/Role_play_game_thumb.jpg 1176w " sizes="100vw" role="presentation" > </figure> </div> <div class="flip-card-body"> <h2 class="flip-card-title"> <span>Roolipeli</span> </h2> </div> <div class="flip-card-location-wrapper"> <div class="flip-card-location"> <div class="city"> Muut toimipaikat</div> </div> </div> </div> </div> </a> </div> </div> <!-- ### END mant:offer.default ### --></div> </div> </div> </div> </div> </div> <div class="ep_gridrow" id="viawAllbcf27b529f7845bda895d6ef3797cfa3"> <div class="ep_gridrow-content"> <div class="ep_gridcolumn ep-m_footer" data-view1200="12" data-view1020="12" data-view750="12" data-view640="8" data-view480="8" data-view320="4"> <div class="ep_gridcolumn-content"> <div class="ep-a_loadmore"> <div class="ep_button visitingButton"> <a id="offer-bcf27b52-9f78-45bd-a895-d6ef3797cfa3-loadMoreBtn" class="ep-p_text" href="/fi/education-learning"> <span class="sr-only">Museokasvatus ja oppiminen</span> <span class="ep_name"> Näytä kaikki</span> <span class="ep_icon">&nbsp;</span> </a> </div> </div> </div> </div> </div> </div> <script type="text/javascript"> $(document).ready(function(){ var map = {}; $("body").on('click','#event-bcf27b52-9f78-45bd-a895-d6ef3797cfa3-loadMoreBtn',function() { map["queryType"] = "permanentOfferList"; $.ajax({ type: "POST", url: '/fi/homepage/pageContent-area/education-and-learning.loadMoreArticles.do', data: map, dataType: "json", success: function(data) { spliceExistingItems(data.articles); data.articles.forEach(function(item){ $.ajax(item["url"]+'.ajax').done(function(value){ $("#data-bcf27b52-9f78-45bd-a895-d6ef3797cfa3").append( '<div class="ep_gridcolumn" data-view1200="4" data-view1020="4"' +'data-view750="6" data-view640="8" data-view480="8" data-view320="4">'+value+'</div>'); }); }); $("#viawAllbcf27b529f7845bda895d6ef3797cfa3").hide(); } }); }); function spliceExistingItems (data){ if(data.length >= '3'){ data.splice(0, '3'); return data; } return []; } }) </script> <!-- ### END mant:permanentOfferList.home ### --><style> #website-body .ep-flip-card a:hover .ep-p_text .ep_name, #website-body .ep-flip-card a:focus .ep-p_text .ep_name{ color: #fff; transform: none; outline: none; } #website-body button.reverse { background-color: white; color: #223065; padding: 15px 30px; letter-spacing: normal; margin-top: 6%; margin-bottom: 6%; width: fit-content; white-space: initial; cursor: pointer; font-size: 1.5em; font-weight: 600; transition: background-color .3s ease-in-out; } #website-body button.reverse:hover, #website-body button.reverse:focus{ background-color: #000; color: #fff !important; } #website-body button.reverse:focus .ep_name, #website-body button.reverse:focus .ep_name { color: #fff; } #website-body button.reverse:focus { outline: 3px dotted #fff; } .footerOfferSelect{ display: flex; box-sizing: border-box; margin-top: auto; } .footerOfferSelect > div{ margin-top:3px; } .footerOfferSelect > div .fas, .footerOfferSelect > div .far{ margin-right: 5px; font-size: .9rem; } .footerOfferSelect > div .card-back-information{ margin-top:0; font-size: .8rem; } </style> <!-- ### START mant:permanentOfferList.home ### --><div class="ep_gridrow permanentOfferList" style="margin-top: 40px;"> <div class="ep_gridrow-content"> <div class="ep_gridcolumn" data-view1200="12" data-view1020="12" data-view750="12" data-view640="8" data-view480="8" data-view320="4"> <div class="ep_gridcolumn-content" style="display: flex"> <div class="ep-a_heading ep-layout_level2"> <h2 class="ep_title"> <div class="ep-p_text"><span class="ep_name sansSerif"> <strong>Tapahtumat ja näyttelyt</strong></span></div> </h2> </div> </div> </div> <div class="ep_gridcolumn" data-view1200="12" data-view1020="12" data-view750="12" data-view640="8" data-view480="8" data-view320="4"> <div class="ep_gridrow" > <div id="data-6e8eb322-db4a-4ada-82c9-68a4a8b84b97" class="ep_gridrow-content"> <!-- ### START mant:offer.default ### --><div class="ep_gridcolumn equalHM eq" data-view1200="4" data-view1020="4" data-view750="6" data-view640="8" data-view480="8" data-view320="4" data-view1200="12" data-view1020="12" data-view750="6" data-view640="8" data-view480="8" data-view320="4"> <a href="/fi/brussels/events/looting-art-history" class="ep_gridcolumn-content equalHMbottom" target="_self"> <div> <figure> <img src="/files/live/sites/visiting/files/Images/EP%20Brussels/HEH/heh_art_looting_debate_thumb.png" alt="" srcset=" /files/live/sites/visiting/files/Images/EP%20Brussels/HEH/heh_art_looting_debate_thumb.png 320w, /files/live/sites/visiting/files/Images/EP%20Brussels/HEH/heh_art_looting_debate_thumb.png 640w, /files/live/sites/visiting/files/Images/EP%20Brussels/HEH/heh_art_looting_debate_thumb.png 1176w " sizes="100vw" role="presentation" > </figure> </div> <div class="info" style="background-color: #CF4321;"> <span> <strong> <time datetime="19:00">19:00</time> </strong>–<strong> <time datetime="20:30">20:30</time> </strong></span> <span> <strong> <time datetime="2024-12-04">04-12-2024</time> </strong> </span> </div> <div class="content"> <h2 class="title"> <span>The Looting of Art in History </span> </h2> <p> <p style="text-align: justify;">Join us in the House of European History for a panel debate, which will explore the practice of art looting during war, a practice which was widespread during the period of the Thirty Years War and recently popularised in the film &lsquo;The Monuments Men.&rsquo;</p> </p> </div> <div class="location"> <div style="display: flex;"> <div class="city">Bryssel</div> <div class="locate">Euroopan historian talo</div> </div> </div> </a> </div> <!-- ### END mant:offer.default ### --><!-- ### START mant:offer.default ### --><div class="ep_gridcolumn equalHM eq" data-view1200="4" data-view1020="4" data-view750="6" data-view640="8" data-view480="8" data-view320="4" data-view1200="12" data-view1020="12" data-view750="6" data-view640="8" data-view480="8" data-view320="4"> <a href="/fi/strasbourg/exhibition/bold-voices-new-acquisitions-of-works-of-art" class="ep_gridcolumn-content equalHMbottom" target="_self"> <div> <figure> <img src="/files/live/sites/visiting/files/Images/Exhibitions/Bold_Voices_exhibit_Strasbourg.png" alt="" srcset=" /files/live/sites/visiting/files/Images/Exhibitions/Bold_Voices_exhibit_Strasbourg.png 320w, /files/live/sites/visiting/files/Images/Exhibitions/Bold_Voices_exhibit_Strasbourg.png 640w, /files/live/sites/visiting/files/Images/Exhibitions/Bold_Voices_exhibit_Strasbourg.png 1176w " sizes="100vw" role="presentation" > </figure> </div> <div class="info" style="background-color: #223065;"> <span> <strong> <time datetime="9:00">9:00</time> </strong>–<strong> <time datetime="17:00">17:00</time> </strong></span> <span> <strong> <time datetime="2024-10-25">25-10-2024</time> </strong>–<strong> <time datetime="2025-02-11">11-02-2025</time> </strong></span> </div> <div class="content"> <h2 class="title"> <span>“Bold Voices”: new acquisitions of works of art</span> </h2> <p> <p style="text-align: justify;">&ldquo;Bold Voices&rdquo;, a new exhibition will be displayed in the visitor&rsquo;s circuit in Strasbourg. It showcases new acquisitions from the European Parliament&rsquo;s collection of contemporary art and enriches the cultural offer for the visitors.</p> </p> </div> <div class="location"> <div style="display: flex;"> <div class="city">Strasbourg</div> <div class="locate">Euroopan parlamentti</div> </div> </div> </a> </div> <!-- ### END mant:offer.default ### --><!-- ### START mant:offer.default ### --><div class="ep_gridcolumn equalHM eq" data-view1200="4" data-view1020="4" data-view750="6" data-view640="8" data-view480="8" data-view320="4" data-view1200="12" data-view1020="12" data-view750="6" data-view640="8" data-view480="8" data-view320="4"> <a href="/fi/brussels/events/thirty-years-war-european-film" class="ep_gridcolumn-content equalHMbottom" target="_self"> <div> <figure> <img src="/files/live/sites/visiting/files/Images/Events/HEH/heh_movie_screenings_thumb.png" alt="" srcset=" /files/live/sites/visiting/files/Images/Events/HEH/heh_movie_screenings_thumb.png 320w, /files/live/sites/visiting/files/Images/Events/HEH/heh_movie_screenings_thumb.png 640w, /files/live/sites/visiting/files/Images/Events/HEH/heh_movie_screenings_thumb.png 1176w " sizes="100vw" role="presentation" > </figure> </div> <div class="info" style="background-color: #CF4321;"> <span> <strong> <time datetime="19:00">19:00</time> </strong>–<strong> <time datetime="21:30">21:30</time> </strong></span> <span> <strong> <time datetime="2024-11-13">13-11-2024</time> </strong>–<strong> <time datetime="2024-11-27">27-11-2024</time> </strong></span> </div> <div class="content"> <h2 class="title"> <span>The Thirty Years War in European Film</span> </h2> <p> <p style="text-align: justify;">This month the House of European History will host three screenings of famous films that represent and (re)imagine the Thirty Years War. The films will be introduced by film curator Wouter Hessels and will be preceded by a tour of the exhibition.</p> </p> </div> <div class="location"> <div style="display: flex;"> <div class="city">Bryssel</div> <div class="locate">Euroopan historian talo</div> </div> </div> </a> </div> <!-- ### END mant:offer.default ### --><!-- ### START mant:offer.default ### --><div class="ep_gridcolumn equalHM eq" data-view1200="4" data-view1020="4" data-view750="6" data-view640="8" data-view480="8" data-view320="4" data-view1200="12" data-view1020="12" data-view750="6" data-view640="8" data-view480="8" data-view320="4"> <a href="/fi/brussels/info-hub/european-parliament-tuesday-concerts" class="ep_gridcolumn-content equalHMbottom" target="_self"> <div> <figure> <img src="/files/live/sites/visiting/files/Images/Events/info_hub/autumn_winter_concerts_thumb.png" alt="" srcset=" /files/live/sites/visiting/files/Images/Events/info_hub/autumn_winter_concerts_thumb.png 320w, /files/live/sites/visiting/files/Images/Events/info_hub/autumn_winter_concerts_thumb.png 640w, /files/live/sites/visiting/files/Images/Events/info_hub/autumn_winter_concerts_thumb.png 1176w " sizes="100vw" role="presentation" > </figure> </div> <div class="info" style="background-color: #953984;"> <span> <strong> <time datetime="13:00">13:00</time> </strong> </span> <span> <strong> <time datetime="2024-11-05">05-11-2024</time> </strong>–<strong> <time datetime="2024-12-17">17-12-2024</time> </strong></span> </div> <div class="content"> <h2 class="title"> <span>European Parliament's Tuesday concerts</span> </h2> <p> <p>Take a break and enjoy live music during your lunch hour at the Info Hub!</p> <p>&nbsp;</p> </p> </div> <div class="location"> <div style="display: flex;"> <div class="city">Bryssel</div> <div class="locate">Info Hub</div> </div> </div> </a> </div> <!-- ### END mant:offer.default ### --><!-- ### START mant:offer.default ### --><div class="ep_gridcolumn equalHM eq" data-view1200="4" data-view1020="4" data-view750="6" data-view640="8" data-view480="8" data-view320="4" data-view1200="12" data-view1020="12" data-view750="6" data-view640="8" data-view480="8" data-view320="4"> <a href="/fi/visitor-offer/brussels/lunchtime-tours-every-tuesday" class="ep_gridcolumn-content equalHMbottom" target="_self"> <div> <figure> <img src="/files/live/sites/visiting/files/Images/Events/HEH/lunch_tours_thumb.jpg" alt="" srcset=" /files/live/sites/visiting/files/Images/Events/HEH/lunch_tours_thumb.jpg 320w, /files/live/sites/visiting/files/Images/Events/HEH/lunch_tours_thumb.jpg 640w, /files/live/sites/visiting/files/Images/Events/HEH/lunch_tours_thumb.jpg 1176w " sizes="100vw" role="presentation" > </figure> </div> <div class="info" style="background-color: #CF4321;"> <span> <strong> <time datetime="12:15">12:15</time> </strong>–<strong> <time datetime="13:00">13:00</time> </strong></span> <span> <strong> <time datetime="2024-12-03">03-12-2024</time> </strong>–<strong> <time datetime="2024-12-31">31-12-2024</time> </strong></span> </div> <div class="content"> <h2 class="title"> <span>Lunchtime tours every Tuesday</span> </h2> <p> <p style="text-align: justify;">December Lunch Tours theme &ndash; <strong>&#39;It&rsquo;s the most wonderful time of the year&#39;</strong></p> </p> </div> <div class="location"> <div style="display: flex;"> <div class="city">Bryssel</div> <div class="locate">Euroopan historian talo</div> </div> </div> </a> </div> <!-- ### END mant:offer.default ### --><!-- ### START mant:offer.default ### --><div class="ep_gridcolumn equalHM eq" data-view1200="4" data-view1020="4" data-view750="6" data-view640="8" data-view480="8" data-view320="4" data-view1200="12" data-view1020="12" data-view750="6" data-view640="8" data-view480="8" data-view320="4"> <a href="http://info-hub.booking.europarl.europa.eu/events/lux-audience-award-julie-keeps-quiet-by-l-van-dijl-watchrate-6qMuRK3pxlA" class="ep_gridcolumn-content equalHMbottom" target="_self"> <div> <figure> <img src="/files/live/sites/visiting/files/Images/EP%20Brussels/Info%20Hub/lux_award_julie_keeps_quiet_thumb.png" alt="" srcset=" /files/live/sites/visiting/files/Images/EP%20Brussels/Info%20Hub/lux_award_julie_keeps_quiet_thumb.png 320w, /files/live/sites/visiting/files/Images/EP%20Brussels/Info%20Hub/lux_award_julie_keeps_quiet_thumb.png 640w, /files/live/sites/visiting/files/Images/EP%20Brussels/Info%20Hub/lux_award_julie_keeps_quiet_thumb.png 1176w " sizes="100vw" role="presentation" > </figure> </div> <div class="info" style="background-color: #953984;"> <span> <strong> <time datetime="18:30">18:30</time> </strong>–<strong> <time datetime="21:30">21:30</time> </strong></span> <span> <strong> <time datetime="2024-12-03">03-12-2024</time> </strong> </span> </div> <div class="content"> <h2 class="title"> <span>LUX Audience Award Prize Screening – "Julie Keeps Quiet"</span> </h2> <p> <p style="text-align: justify;">Watch the Belgian Swedish film &lsquo;Julie Keeps Quiet&rsquo;.</p> </p> </div> <div class="location"> <div style="display: flex;"> <div class="city">Bryssel</div> <div class="locate">Info Hub</div> </div> </div> </a> </div> <!-- ### END mant:offer.default ### --></div> </div> </div> </div> </div> <div class="ep_gridrow" id="viawAll6e8eb322db4a4ada82c968a4a8b84b97"> <div class="ep_gridrow-content"> <div class="ep_gridcolumn ep-m_footer" data-view1200="12" data-view1020="12" data-view750="12" data-view640="8" data-view480="8" data-view320="4"> <div class="ep_gridcolumn-content"> <div class="ep-a_loadmore"> <div class="ep_button visitingButton"> <a id="offer-6e8eb322-db4a-4ada-82c9-68a4a8b84b97-loadMoreBtn" class="ep-p_text" href="/fi/visitor-offer"> <span class="sr-only">Tapahtumat ja näyttelyt</span> <span class="ep_name"> Näytä kaikki</span> <span class="ep_icon">&nbsp;</span> </a> </div> </div> </div> </div> </div> </div> <script type="text/javascript"> $(document).ready(function(){ var map = {}; $("body").on('click','#event-6e8eb322-db4a-4ada-82c9-68a4a8b84b97-loadMoreBtn',function() { map["queryType"] = "permanentOfferList"; $.ajax({ type: "POST", url: '/fi/homepage/pageContent-area/events-and-exhibitions.loadMoreArticles.do', data: map, dataType: "json", success: function(data) { spliceExistingItems(data.articles); data.articles.forEach(function(item){ $.ajax(item["url"]+'.ajax').done(function(value){ $("#data-6e8eb322-db4a-4ada-82c9-68a4a8b84b97").append( '<div class="ep_gridcolumn" data-view1200="4" data-view1020="4"' +'data-view750="6" data-view640="8" data-view480="8" data-view320="4">'+value+'</div>'); }); }); $("#viawAll6e8eb322db4a4ada82c968a4a8b84b97").hide(); } }); }); function spliceExistingItems (data){ if(data.length >= '6'){ data.splice(0, '6'); return data; } return []; } }) </script> <!-- ### END mant:permanentOfferList.home ### --><!-- ### START mant:spotlight.home ### --><div id="minifySpotlightToShowHide" class="BeforeScroll lsn "> <div class="ep_gridrow" style="letter-spacing: initial;"> <div class="ep_gridrow-content"> <div class="ep_gridcolumn" data-view1200="10" data-view1020="10" data-view750="9" data-view640="8" data-view480="4" data-view320="4"> <div class="ep_gridcolumn-content"> <div class="white" style="padding-top: 25px; display: flex;"> <a href="https://elections.europa.eu/fi/use-your-vote/" target="_blank"> <span class="white" style="font-size: 3em; align-self: center; text-align: center;">YHDESSÄ DEMOKRATIAN PUOLESTA</span> </a> </div> </div> </div> <div class="ep_gridcolumn" data-view1200="2" data-view1020="2" data-view750="3" data-view640="2" data-view480="4" data-view320="4"> <div class="ep_gridcolumn-content"> <div id="spotlightMinifyButton" class="white"> <button class="ep_button reverse white" onclick="event.stopPropagation();location.href='https://together.europarl.europa.eu/fi/';" type="button" style="cursor: pointer; float: right; height: 35px; font-size: 1.5em; width: 100%; font-weight: bold; background-color: #008298"> <span class="ep_name sansSerif">Rekisteröidy</span> </button> </div> </div> </div> </div> </div> </div> <style type="text/css"> @media only screen and (min-width: 750px) { #spotlightMinifyButton{ padding-top: 25px; } #minifySpotlightToShowHide{ height: 80px; } } @media only screen and (max-width: 749px) { #minifySpotlightToShowHide{ height: 160px; } } #minifySpotlightToShowHide{ top: 40px; position: fixed; background-image: url(/files/live/sites/visiting/files/Images/Digital/Use%20your%20vote%202024/togetherfordemocracy.png); background-size: cover; margin-bottom: 30px; overflow: hidden; align-content: center; font-family: Georgia,Garamond,serif,Palatino; } .BeforeScroll { height: 100px; width: 100%; display: none; } .AfterScroll { height: 100px; width: 100%; display: flex; } </style> <script type="text/javascript"> var position; var div; $(document).ready(() => { position = $('#spotlight')?.position()?.top; position = isNaN(position) ? null : position + 500; div = $("#minifySpotlightToShowHide"); if(position && position < 1000) { changeMinifyVisibility(); $(window).scroll(() => changeMinifyVisibility()); } }); function changeMinifyVisibility() { var windowPos = $(window).scrollTop(); if (position && windowPos > position) { div.addClass("AfterScroll"); div.removeClass("BeforeScroll"); } else { div.addClass("BeforeScroll"); div.removeClass("AfterScroll"); } } </script> <style> @media screen and (max-width: 750px) { #pic-{ background-image:url(/files/live/sites/visiting/files/Images/EP%20Strasbourg/Events/Elections_night_thumb.png); } } @media screen and (min-width: 751px) { #pic-{ background-image:url(/files/live/sites/visiting/files/Images/Digital/Use%20your%20vote%202024/togetherfordemocracy.png); } } </style> <div id="pic-" style="height: 500px; background-size: cover; background-position: center; margin-bottom:30px;overflow: hidden;" class="Spotlight lsn withButton"> <div class="ep_gridrow" style="letter-spacing: initial;"> <div class="ep_gridrow-content" style="height: 500px; color: white; float:left; font-size: 1.6em; "> <div id="computerSpotlightContent" style="position: relative;" class="ep_gridcolumn lsn" data-view1200="4" data-view1020="4" data-view750="6" data-view640="8" data-view480="8" data-view320="4"> <div style="background: rgba(0,0,0,0.5); height: 100%; padding: 8% 5%; overflow-y: auto; overflow-x: hidden;"> <h2 class="ep-a_heading ep-layout_level2" data-visibility480="false" data-visibility320="false"> <span class="ep_title" style="word-break: break-word"> <span class="ep-p_text white"> <a href="https://elections.europa.eu/fi/use-your-vote/" target="_blank"> <span class="ep_name" data-visibility480="" data-visibility320="" style="position: relative; opacity: 1;" spellcheck="false">YHDESSÄ DEMOKRATIAN PUOLESTA</span> </a> </span> </span> </h2> <div style="display: flex; margin-top: 6px; margin-bottom: 18px; flex-wrap: wrap; font-size: 0.7em;"> </div> <div style="display: flex; margin-top: 6px; margin-bottom: 18px; flex-wrap: wrap; font-size: 0.7em;"> </div> <div class="ep-a_text lsn"> <span style="overflow-wrap: break-word;"> <span><p style="text-align: justify;">Me kaikki voimme vaikuttaa Euroopan tulevaisuuteen. Kun toimimme yhdess&auml;, l&ouml;yd&auml;mme ratkaisuja ongelmiin. Lue lis&auml;&auml; yhdess&auml;.eu:sta ja ota selv&auml;&auml;, kuinka sin&auml; voit olla osa muutosta.</p> <p>&nbsp;</p> </span> </span> </div> <button class="ep_button" type="button" onclick="event.stopPropagation();location.href='https://together.europarl.europa.eu/fi/';" style="background-color: #008298; color: white; padding: 15px;cursor: pointer;"> <span class="ep_name" style="font-weight: bolder; letter-spacing: 0.7px;">Rekisteröidy</span> </button> </div> </div> <div id="phoneSpotlightContent" style="position:relative" class="ep_gridcolumn " data-view1200="4" data-view1020="4" data-view750="5" data-view640="8" data-view480="8" data-view320="4" onclick="redirection('https://elections.europa.eu/fi/use-your-vote/')"> <!-- Optional element following it's external or internal --> <div class="ep_gridrow" style="padding: 0px 10px; width: 100%;"> <div class="ep_gridrow-content background node /sites/visiting/contents/dgunits/vscu" style="letter-spacing:normal;"> <div class="ep_gridcolumn" style="background-color: black; padding: 10px 8px; flex-grow: 1; text-align: center; white-space: nowrap; word-wrap: normal;"> <strong>Valokeilassa</strong> </div> <div class="ep_gridcolumn " style=" padding: 10px 8px; text-align: right; flex-grow: 2; font-size: 0.7em; display: block;"> <strong></strong> </div> </div> </div> <!-- Optional element following it's external or internal --> <div style="background: rgba(0,0,0,0.5); padding: 6% 0 0% 0; overflow-y: auto; overflow-x: hidden; position: absolute; width: 100%; bottom: 0; text-align: center;"> <h2 class="ep-a_heading ep-layout_level2"> <div class="ep_title"> <div class="ep-p_text white"> <a href="https://elections.europa.eu/fi/use-your-vote/" target="_blank"> <span class="ep_name" style="font-size: 0.7em; line-height: 1.3em; text-align: center;" spellcheck="false">YHDESSÄ DEMOKRATIAN PUOLESTA</span> </a> </div> </div> </h2> <div style="display: flex; margin-top: 6px; margin-bottom: 1px; flex-wrap: wrap; justify-content: center;"> </div> </div> </div> <button class="ep_button phoneOnly" type="button" onclick="event.stopPropagation(); location.href='https://together.europarl.europa.eu/fi/';" style="background-color: #008298; color: white; padding: 15px; cursor: pointer; font-family: Helvetica,Arial,sans-serif; font-size: 1.5em!important;"> <span class="ep_name" style="font-weight: bolder; letter-spacing: 0.7px;">Rekisteröidy</span> </button> <div class="ep_gridcolumn" data-view1200="8" data-view1020="8" data-view750="8" data-view640="0" data-view480="0" data-view320="0" > </div> </div> </div> </div> <div id="spotlightCarousel"> <!-- ### START mant:carouselContainer.default ### --><div class="computerCarouselTemplate ep_gridrow carouselContainer" style="margin-top: 2%;"> <div class="ep_gridrow-content" style="letter-spacing:initial; padding: 0 3%;"> <div class="ep_gridcolumn"> <div class="ep_gridcolumn-content"> <div id="042750d5-6114-4d9e-a3be-bf904ca519db-carousel" class="carousel slide" data-ride="carousel" data-interval="false" style="width: 100%"> <!-- The slideshow --> <div class="carousel-inner"> <div class="carousel-item active"> <div class="ep_gridrow" > <div class="ep_gridrow-content" > <div class="ep_gridcolumn" data-view1200="3" data-view1020="3" data-view750="6" data-view640="8" data-view480="8" data-view320="4" style="text-align: justify;"> <div class="ep_gridcolumn-content active"> <!-- ### START mant:spotlightItem.default ### --><div class="spotlightItem"> <div> <div class="picture" style="height: 150px; background-image:url(/files/live/sites/visiting/files/Images/EP%20Brussels/hungarian_pres_news); background-size: cover !important;"> <div style="float: right; padding-right: 10px; padding-top: 10px;"> <i class="fas fa-sign-out-alt" style="font-size: 2em; color: white;"></i> </div> </div> </div> <a href="http://consilium.europa.eu/en/council-eu/presidency-council-eu/" target="_blank"> <div class="ep-a_heading ep-layout_level2" style="margin-top:20px;"> <h2 class="ep_title"> <div class="ep-p_text"><span class="ep_name">Hungarian Presidency of the European Council</span></div> </h2> </div> </a> <div class="ep-a_text" data-visibility480="" data-visibility320="" spellcheck="false"><p style="text-align: justify;">The sculpture &ldquo;Yellow Whirl&rdquo; by Zs&oacute;fi Barab&aacute;s complements the temporary art exhibition dedicated to the Hungarian Presidency of the Council of the EU located inside the European Parliament. This sculpture represents artworks from the Art Collection of the European Parliament and the collection of the Central Bank of Hungary.</p> </div> </div> <!-- ### END mant:spotlightItem.default ### --></div> </div> <div class="ep_gridcolumn" data-view1200="3" data-view1020="3" data-view750="6" data-view640="8" data-view480="8" data-view320="4" style="text-align: justify;"> <div class="ep_gridcolumn-content"> <!-- ### START mant:spotlightItem.default ### --><div class="spotlightItem"> <div> <div class="picture" style="height: 150px; background-image:url(/files/live/sites/visiting/files/Images/Spotlight%20items/news/youth_ideas_report_news.png); background-size: cover !important;"> <div style="float: right; padding-right: 10px; padding-top: 10px;"> <i class="fas fa-sign-out-alt" style="font-size: 2em; color: white;"></i> </div> </div> </div> <a href="http://visiting.europarl.europa.eu/en/event/strasbourg/european-youth-event-2025" target=""> <div class="ep-a_heading ep-layout_level2" style="margin-top:20px;"> <h2 class="ep_title"> <div class="ep-p_text"><span class="ep_name">European Youth Event 2025</span></div> </h2> </div> </a> <div class="ep-a_text" data-visibility480="" data-visibility320="" spellcheck="false"><p style="text-align: justify;">The sixth edition of the EYE will take place on 13 and 14 June 2025, offering an interactive and dynamic mix of activities, debates, workshops, visits, artistic performances and much more &ndash; both inside the European Parliament in Strasbourg and around in the EYE Village.</p> </div> </div> <!-- ### END mant:spotlightItem.default ### --></div> </div> <div class="ep_gridcolumn" data-view1200="3" data-view1020="3" data-view750="6" data-view640="8" data-view480="8" data-view320="4" style="text-align: justify;"> <div class="ep_gridcolumn-content"> <!-- ### START mant:spotlightItem.default ### --><div class="spotlightItem"> <div> <div class="picture" style="height: 150px; background-image:url(/files/live/sites/visiting/files/Images/Spotlight%20items/Europa-xp-spotlight/EUXP-Warsaw-opening.png); background-size: cover !important;"> <div style="float: right; padding-right: 10px; padding-top: 10px;"> <i class="fas fa-sign-out-alt" style="font-size: 2em; color: white;"></i> </div> </div> </div> <a href="https://visiting.europarl.europa.eu/en/visitor-offer/other-locations/europa-experience/dublin" target=""> <div class="ep-a_heading ep-layout_level2" style="margin-top:20px;"> <h2 class="ep_title"> <div class="ep-p_text"><span class="ep_name">Europa Experience now in Dublin!</span></div> </h2> </div> </a> <div class="ep-a_text" data-visibility480="" data-visibility320="" spellcheck="false"><p>Visit the new Europa Experience, which has opened in Dublin. Discover the exhibition and learn more about the European Union and how it affects your daily life using interactive stations and a Role Play Game.</p> </div> </div> <!-- ### END mant:spotlightItem.default ### --></div> </div> <div class="ep_gridcolumn" data-view1200="3" data-view1020="3" data-view750="6" data-view640="8" data-view480="8" data-view320="4" style="text-align: justify;"> <div class="ep_gridcolumn-content"> <!-- ### START mant:spotlightItem.default ### --><div class="spotlightItem"> <div> <div class="picture" style="height: 150px; background-image:url(/files/live/sites/visiting/files/Images/Events/HEH/News%20Item%20%e2%80%93%20Visiting%20Website.png); background-size: cover !important;"> <div style="float: right; padding-right: 10px; padding-top: 10px;"> <i class="fas fa-sign-out-alt" style="font-size: 2em; color: white;"></i> </div> </div> </div> <a href="http://historia.europa.eu/en/our-work/news/house-european-history-welcomes-one-millionth-visitor" target="_blank"> <div class="ep-a_heading ep-layout_level2" style="margin-top:20px;"> <h2 class="ep_title"> <div class="ep-p_text"><span class="ep_name">The House of European History welcomes its millionth visitor</span></div> </h2> </div> </a> <div class="ep-a_text" data-visibility480="" data-visibility320="" spellcheck="false"><p style="text-align: justify;">On Tuesday 12 November, Raquel Correia, a European studies student from Porto, became the millionth visitor to the House of European History where she received a warm welcome to the museum by President of the European Parliament Roberta Metsola.</p> </div> </div> <!-- ### END mant:spotlightItem.default ### --></div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="tabletCarouselTemplate ep_gridrow"> <div class="ep_gridrow-content" style="letter-spacing:initial;"> <div class="ep_gridcolumn"> <div class="ep_gridrow"> <div id="carousel-042750d5-6114-4d9e-a3be-bf904ca519db-data" class="ep_gridrow-content" > <div class="ep_gridcolumn carouselItem" data-view750="6" data-view640="8" data-view480="8" data-view320="4"> <div class="ep_gridcolumn-content"> <!-- ### START mant:spotlightItem.default ### --><div class="spotlightItem"> <div> <div class="picture" style="height: 150px; background-image:url(/files/live/sites/visiting/files/Images/EP%20Brussels/hungarian_pres_news); background-size: cover !important;"> <div style="float: right; padding-right: 10px; padding-top: 10px;"> <i class="fas fa-sign-out-alt" style="font-size: 2em; color: white;"></i> </div> </div> </div> <a href="http://consilium.europa.eu/en/council-eu/presidency-council-eu/" target="_blank"> <div class="ep-a_heading ep-layout_level2" style="margin-top:20px;"> <h2 class="ep_title"> <div class="ep-p_text"><span class="ep_name">Hungarian Presidency of the European Council</span></div> </h2> </div> </a> <div class="ep-a_text" data-visibility480="" data-visibility320="" spellcheck="false"><p style="text-align: justify;">The sculpture &ldquo;Yellow Whirl&rdquo; by Zs&oacute;fi Barab&aacute;s complements the temporary art exhibition dedicated to the Hungarian Presidency of the Council of the EU located inside the European Parliament. This sculpture represents artworks from the Art Collection of the European Parliament and the collection of the Central Bank of Hungary.</p> </div> </div> <!-- ### END mant:spotlightItem.default ### --></div> </div> <div class="ep_gridcolumn carouselItem" data-view750="6" data-view640="8" data-view480="8" data-view320="4"> <div class="ep_gridcolumn-content"> <!-- ### START mant:spotlightItem.default ### --><div class="spotlightItem"> <div> <div class="picture" style="height: 150px; background-image:url(/files/live/sites/visiting/files/Images/Spotlight%20items/news/youth_ideas_report_news.png); background-size: cover !important;"> <div style="float: right; padding-right: 10px; padding-top: 10px;"> <i class="fas fa-sign-out-alt" style="font-size: 2em; color: white;"></i> </div> </div> </div> <a href="http://visiting.europarl.europa.eu/en/event/strasbourg/european-youth-event-2025" target=""> <div class="ep-a_heading ep-layout_level2" style="margin-top:20px;"> <h2 class="ep_title"> <div class="ep-p_text"><span class="ep_name">European Youth Event 2025</span></div> </h2> </div> </a> <div class="ep-a_text" data-visibility480="" data-visibility320="" spellcheck="false"><p style="text-align: justify;">The sixth edition of the EYE will take place on 13 and 14 June 2025, offering an interactive and dynamic mix of activities, debates, workshops, visits, artistic performances and much more &ndash; both inside the European Parliament in Strasbourg and around in the EYE Village.</p> </div> </div> <!-- ### END mant:spotlightItem.default ### --></div> </div> </div> </div> </div> </div> </div> <div class="phoneCarouselTemplate ep_gridrow"> <div class="ep_gridrow-content" style="letter-spacing: initial;"> <div class="ep_gridcolumn" data-view640="8" data-view480="8" data-view320="4"> <div class="ep_gridcolumn-content"> <div class="ep-a_links"> <ul id="carousel-042750d5-6114-4d9e-a3be-bf904ca519db-data-phone" class="ep_list" style="margin-top: 70px;"> <!-- ### START mant:spotlightItem.short ### --><li class="ep_item"><h2 style="font-size: 2em; font-family: Georgia, Garamond, serif, Palatino;"><a style="color: inherit" href="http://consilium.europa.eu/en/council-eu/presidency-council-eu/" target="_blank">Hungarian Presidency of the European Council<a></a></h2></li> <!-- ### END mant:spotlightItem.short ### --><!-- ### START mant:spotlightItem.short ### --><li class="ep_item"><h2 style="font-size: 2em; font-family: Georgia, Garamond, serif, Palatino;"><a style="color: inherit" href="http://visiting.europarl.europa.eu/en/event/strasbourg/european-youth-event-2025" target="_blank">European Youth Event 2025<a></a></h2></li> <!-- ### END mant:spotlightItem.short ### --><!-- ### START mant:spotlightItem.short ### --><li class="ep_item"><h2 style="font-size: 2em; font-family: Georgia, Garamond, serif, Palatino;"><a style="color: inherit" href="https://visiting.europarl.europa.eu/en/visitor-offer/other-locations/europa-experience/dublin" target="_blank">Europa Experience now in Dublin!<a></a></h2></li> <!-- ### END mant:spotlightItem.short ### --><!-- ### START mant:spotlightItem.short ### --><li class="ep_item"><h2 style="font-size: 2em; font-family: Georgia, Garamond, serif, Palatino;"><a style="color: inherit" href="http://historia.europa.eu/en/our-work/news/house-european-history-welcomes-one-millionth-visitor" target="_blank">The House of European History welcomes its millionth visitor<a></a></h2></li> <!-- ### END mant:spotlightItem.short ### --></ul> </div> </div> </div> </div> </div> <script type="text/javascript"> function next(id, event) { event?.preventDefault(); if (!event || ['Enter', ' '].includes(event.key)) $('#'+id+'-carousel').carousel('next'); } function prev(id, event) { event?.preventDefault(); if (!event || ['Enter', ' '].includes(event.key)) $('#'+id+'-carousel').carousel('prev'); } $(() => { $("body").on('click','#carousel-042750d5-6114-4d9e-a3be-bf904ca519db-loadMoreBtn', () => { const loadMoreArticlesUrl = '/fi/homepage/pageContent-area/together-for-democracy/carouselcontainer-1.loadMoreArticles.do'; const payload = { queryType: "carousel" }; ajax.post(loadMoreArticlesUrl, {data: payload}, { success: function(data) { const newItems = spliceExistingItems(data.articles); newItems.forEach(item => { if(!$('.tabletCarouselTemplate').is(":visible")) { $("#carousel-042750d5-6114-4d9e-a3be-bf904ca519db-data-phone").append( '<li class="ep_item"><h2 style="font-size: 2em; font-family: Georgia, Garamond, serif, Palatino;">'+ item["jcr:title"] +'</h2></li>' ); } else { ajax.get(item["url"]+'.ajax', {dataType: 'html'}, { success: (value) => { $("#carousel-042750d5-6114-4d9e-a3be-bf904ca519db-data").append(` <div class="ep_gridcolumn carouselItem" data-view1020="6" data-view750="6" data-view640="8" data-view480="8" data-view320="4"> <div class="ep_gridcolumn-content">` +value+ `</div> </div> `); } }); } }); $("#item-042750d5-6114-4d9e-a3be-bf904ca519db").hide(); } }); }); function spliceExistingItems(data) { const deleteCount = $('#carousel-042750d5-6114-4d9e-a3be-bf904ca519db-data').is(":visible") ? 2 : true ? 4 : 3; data.splice(0, deleteCount); return data; } }) </script> <!-- ### END mant:carouselContainer.default ### --></div> <script type="text/javascript"> function redirection(url){ location.href=url; } </script> <!-- ### END mant:spotlight.home ### --><!-- ### START mant:visitingContact.home ### --><section class="ep_gridrow visitingContact" style="margin: 20px 0;"> <div class="ep_gridrow-content" style="letter-spacing:initial;"> <div class="ep_gridcolumn" data-view1200="4" data-view1020="4" data-view750="12" data-view640="8" data-view480="8" data-view320="4"> <div class="ep_gridcolumn-content" style="padding-left:0;"> <div class="contactBox sideOnShort"> <div class="topbox"> <div class="iconBox"> <i class="far fa-newspaper"></i> </div> <div class="mainBox"> <div class="contactBoxTitle"> <span>Pysy ajan tasalla</span> </div> <div> <span>Tilaa uutiskirje</span> </div> <div class="button noOnPad" style="width: auto;"> <a href="https://www.epsurvey.efmfeedback.com/se/306CD26F4B5CB9A5"> <span class="ep_name">Tilaa</span> <span class="ep_hidden">Tilaa</span> </a> </div> </div> </div> <div class="contentBox sideOnShort padOnly"> <div class="button"> <a href="https://www.epsurvey.efmfeedback.com/se/306CD26F4B5CB9A5"> <span class="ep_name">Tilaa</span> <span class="ep_hidden">Tilaa</span> </a> </div> </div> </div> </div> </div> <div class="ep_gridcolumn" data-view1200="4" data-view1020="4" data-view750="12" data-view640="8" data-view480="8" data-view320="4"> <div class="ep_gridcolumn-content"> <div class="contactBox sideOnShort"> <div class="topbox"> <div class="iconBox imported iconContainer cust-social"> <span class="ep_hidden">Social network</span> </div> <div class="mainBox"> <div class="contactBoxTitle"> <span>Seuraa kuulumisia</span> </div> <div> <span>Seuraa aihetunnistetta #VisitEP sosiaalisessa mediassa</span> </div> </div> </div> <div class="contentBox sideOnShort"> <div> <div class="listsocialmedia"> <ul> <li> <!-- ### START mant:socMedLink.visitcontact ### --><div class="custom-layout"> <a href="https://www.facebook.com/visitEuropeanParliament/" target="_blank"> <span class="ep_hidden">Check out Visiting of European Parliament on Facebook</span> <span class="fab layout_facebook"></span> </a> </div> <!-- ### END mant:socMedLink.visitcontact ### --></li> <li> <!-- ### START mant:socMedLink.visitcontact ### --><div class="custom-layout"> <a href="https://www.instagram.com/visit_ep/" target="_blank"> <span class="ep_hidden">Check out Visiting of European Parliament on Instagram</span> <span class="fab layout_instagram"></span> </a> </div> <!-- ### END mant:socMedLink.visitcontact ### --></li> </ul> </div> </div> </div> </div> </div> </div> <div class="ep_gridcolumn" data-view1200="4" data-view1020="4" data-view750="12" data-view640="8" data-view480="8" data-view320="4"> <div class="ep_gridcolumn-content" style="padding-right:0;"> <div class="contactBox sideOnShort"> <div class="topbox"> <div class="iconBox"> <i class="fas fa-concierge-bell"></i> </div> <div class="mainBox"> <div class="contactBoxTitle"> <span>Lisää kysymyksiä?</span> </div> <div> <span>Lähetä viesti</span> </div> <div class="button noOnPad" style="width: auto;"> <a href="mailto:visit@europarl.europa.eu"> <span class="ep_name">Yhteystiedot</span> </a> </div> </div> </div> <div class="contentBox sideOnShort padOnly"> <div></div> <div class="button"> <a href="mailto:visit@europarl.europa.eu"> <span class="ep_name">Yhteystiedot</span> </a> </div> </div> </div> </div> </div> </div> </section> <!-- ### END mant:visitingContact.home ### --><!-- ### START mant:linkBox.home ### --><section class="ep_gridrow ep-o_calltoactionbanner linkBox" style="position: relative"> <div class="ep_gridrow-content"> <div class="ep_gridcolumn ep-layout_image" data-view1200="12" data-view1020="12" data-view750="12" data-view640="8" data-view480="8" data-view320="4"> <div class="ep_gridrow"> <div class="ep_gridrow-content"> <div class="ep_gridcolumn ep-m_header" data-view1200="12" data-view1020="12" data-view750="12" data-view640="8" data-view480="8" data-view320="4"> <div class="ep_gridcolumn-content"> <div class="ep-a_media ep-layout_banner"> <figure> <div class="ep_media ep-layout_image"> <div class="ep-p_image ep-layout_banner"> <div class="ep_image"> <img role="presentation" src="/files/live/sites/visiting/files/X06jd2A-crop977x475.jpeg"/> <span class="ep_small" style="background-image:url(/files/live/sites/visiting/files/X06jd2A-crop977x475.jpeg);">&nbsp;</span> <span class="ep_medium" style="background-image:url(/files/live/sites/visiting/files/X06jd2A-crop977x475.jpeg);">&nbsp;</span> <span class="ep_large" style="background-image:url(/files/live/sites/visiting/files/X06jd2A-crop977x475.jpeg);">&nbsp;</span> <span class="ep_icon">&nbsp;</span> </div> </div> </div> </figure> </div> </div> </div> </div> </div> </div> <div class="layoutTop" style="width: 100%; z-index: 3; background-color: black; position: absolute; top: 0; left: 0; padding: 10px 0"> <div class="ep_gridrow"> <div class="ep_gridrow-content"> <div style="color: #fff; letter-spacing: normal; font-size: 1.5em; font-weight: 600;"> <span>Vieraile muissa toimielimissä</span> </div> </div> </div> </div> <div class="ep_gridcolumn ep-layout_text linkBoxItemContainer" data-view1200="12" data-view1020="12" data-view750="12" data-view640="8" data-view480="8" data-view320="4"> <div class="ep_gridrow"> <div class="ep_gridrow-content"> <div class="ep_gridcolumn ep-layout_content linkBoxItem " data-view1200="3" data-view1020="3" data-view750="6" data-view640="8" data-view480="8" data-view320="4"> <!-- ### START mant:linkBoxItem.default ### --><div class="ep-p_text"> <div style="color: #76e4ff; font-size: 1.5em; line-height: normal; text-transform: uppercase; font-weight: 600;"> <span class="ep_name">Bryssel</span> </div> <a href="https://ec.europa.eu/info/about-european-commission/visit-european-commission/visitors-centre_en" class="linkBoxLink" > <span class="ep_name">Euroopan komissio</span> <span class="ep_icon">&nbsp;</span> </a> </div> <!-- ### END mant:linkBoxItem.default ### --></div> <div class="ep_gridcolumn ep-layout_content linkBoxItem " data-view1200="3" data-view1020="3" data-view750="6" data-view640="8" data-view480="8" data-view320="4"> <!-- ### START mant:linkBoxItem.default ### --><div class="ep-p_text"> <div style="color: #76e4ff; font-size: 1.5em; line-height: normal; text-transform: uppercase; font-weight: 600;"> <span class="ep_name">Bryssel</span> </div> <a href="https://www.consilium.europa.eu/en/contact/visits/" class="linkBoxLink" > <span class="ep_name">Eurooppa-neuvosto - Euroopan unionin neuvosto</span> <span class="ep_icon">&nbsp;</span> </a> </div> <!-- ### END mant:linkBoxItem.default ### --></div> <div class="ep_gridcolumn ep-layout_content linkBoxItem " data-view1200="3" data-view1020="3" data-view750="6" data-view640="8" data-view480="8" data-view320="4"> <!-- ### START mant:linkBoxItem.default ### --><div class="ep-p_text"> <div style="color: #76e4ff; font-size: 1.5em; line-height: normal; text-transform: uppercase; font-weight: 600;"> <span class="ep_name">Bryssel</span> </div> <a href="https://www.eesc.europa.eu/en/contact/visit-eesc" class="linkBoxLink" > <span class="ep_name">Euroopan talous- ja sosiaalikomitea</span> <span class="ep_icon">&nbsp;</span> </a> </div> <!-- ### END mant:linkBoxItem.default ### --></div> <div class="ep_gridcolumn ep-layout_content linkBoxItem " data-view1200="3" data-view1020="3" data-view750="6" data-view640="8" data-view480="8" data-view320="4"> <!-- ### START mant:linkBoxItem.default ### --><div class="ep-p_text"> <div style="color: #76e4ff; font-size: 1.5em; line-height: normal; text-transform: uppercase; font-weight: 600;"> <span class="ep_name">Bryssel</span> </div> <a href="https://cor.europa.eu/en/engage/Pages/book-your-visit.aspx" class="linkBoxLink" > <span class="ep_name">Euroopan alueiden komitea</span> <span class="ep_icon">&nbsp;</span> </a> </div> <!-- ### END mant:linkBoxItem.default ### --></div> </div> </div> </div> </div> </section> <!-- ### END mant:linkBox.home ### --><!-- ### START mant:specificDateManagement.home ### --><!-- ### END mant:specificDateManagement.home ### --><script type="text/javascript"> // window.addEventListener("load", (event) => { // document.getElementById('startDate').min = new Date().toISOString().split("T")[0]; // document.getElementById('endDate').min = new Date().toISOString().split("T")[0]; // }); function collapse() { var coll = document.getElementsByClassName("custom_collapsible"); var i; for (i = 0; i < coll.length; i++) { coll[i].classList.toggle("active"); var content = coll[i].nextElementSibling; if (content.style.display === "block") { content.style.display = "none"; } else { content.style.display = "block"; } } } function handleAddHemicycleClosingDays() { const startDate = document.getElementById('startDate').value; const endDate = document.getElementById('endDate').value; const type = document.getElementById('type').value; const mode = document.getElementById('mode').value; const warning = document.getElementById("warning"); const repeatingDays = Array.from(document.getElementById('repeatingDays').selectedOptions).map(v => v.value); if (!startDate || !endDate || repeatingDays.length === 0 || !type || !mode) { warning.textContent = "Please fill in all fields!!!"; return } const url = '/fi/homepage/pageContent-area/specificdatemanagement.AutoAddHemicycleClosingDays.do'; warning.textContent = "Processing request, please WAIT FOR PAGE REFRESH"; $.ajax({ type: "POST", url: url, data: {startDate: startDate, endDate: endDate, repeatingDays: repeatingDays, type: type, mode: mode}, success: function () { window.location.reload(); return false; } }); } </script> <style> .custom_collapsible { background-color: #eee; color: #444; cursor: pointer; padding: 18px; width: 100%; border: none; text-align: left; outline: none; font-size: 15px; } /* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */ .custom_collapsible.active, .custom_collapsible:hover { background-color: #ccc; } /* Style the collapsible content. Note: hidden by default */ .custom_content { padding: 0 18px; display: none; overflow: hidden; background-color: #f1f1f1; } .custom_collapsible:after { content: '\02795'; /* Unicode character for "plus" sign (+) */ font-size: 13px; color: white; float: right; margin-left: 5px; } .custom_collapsible.active:after { content: "\2796"; /* Unicode character for "minus" sign (-) */ } .flex-container { display: flex; } .flex-container > div { margin: 10px; padding: 20px; font-size: 12px; } .select-style { border: 1px solid #ccc; width: 200px; border-radius: 3px; overflow: hidden; } .select-style select { padding: 5px 8px; width: 130%; border: none; box-shadow: none; background: transparent; background-image: none; -webkit-appearance: none; } .select-style select:focus { outline: none; } </style></main> <!-- ### START mant:footer.default ### --><footer id="website-footer" role="contentinfo"> <h2 class="ep_hidden"> <span class="ep_name">Footer</span> <span class="ep_icon">&nbsp;</span> </h2> <!-- COMPOSANT "FOOTER LINKS" --> <div class="ep_footer-relatedlinks"> <!-- ### START mant:WSLinks.default ### --><div class="ep_websitelinks" id="website-links"> <h3 class="ep_title" id="website-links-title"> <span class="ep_name">Vierailut</span> <span class="ep_icon">&nbsp;</span> </h3> <div class="ep_menu-access ep_openaccess" id="website-links-access" aria-controls="website-links-contentb2c0081b-11cb-47fd-b58a-5e68b8db30491" role="tab"> <a href="#website-links"> <span class="ep_hidden">Näytä valikko:</span> <span class="ep_name">Näytä valikko:Vierailut</span> <span class="ep_icon">&nbsp;</span> </a> </div> <div class="ep_list" data-numberitems="5" id="website-links-contentb2c0081b-11cb-47fd-b58a-5e68b8db3049"> <ul aria-labelledby="website-links-title"> <li class="ep_item"> <!-- ### START mant:link.footer ### --><a href="https://visit.brussels/en" class="ep_button"> <span class="ep_name">Matkailutietoa – Bryssel</span> </a> <!-- ### END mant:link.footer ### --></li> <li class="ep_item"> <!-- ### START mant:link.footer ### --><a href="https://www.visitstrasbourg.fr/en/welcome-in-strasbourg/" class="ep_button"> <span class="ep_name">Matkailutietoa – Strasbourg</span> </a> <!-- ### END mant:link.footer ### --></li> <li class="ep_item"> <!-- ### START mant:link.footer ### --><a href="https://www.visitluxembourg.com/en" class="ep_button"> <span class="ep_name">Matkailutietoa – Luxemburg</span> </a> <!-- ### END mant:link.footer ### --></li> <li class="ep_item"> <!-- ### START mant:link.footer ### --><a href="https://europa.eu/european-union/contact/institutions-bodies_fi" class="ep_button"> <span class="ep_name">Vieraile muissa EU:n toimielimissä</span> </a> <!-- ### END mant:link.footer ### --></li> </ul> </div> <div class="ep_menu-access ep_closeaccess"> <a href="#website-links-access"> <span class="ep_hidden">Piilota valikko:</span> <span class="ep_name">Piilota valikko:Vierailut</span> <span class="ep_icon">&nbsp;</span> </a> </div> </div> <!-- ### END mant:WSLinks.default ### --><!-- ### START mant:EPLinks.default ### --><div class="ep_europarllinks" id="europarl-links"> <h3 class="ep_title" id="europarl-links-title"> <span class="ep_name">Euroopan parlamentti</span> <span class="ep_icon">&nbsp;</span> </h3> <div class="ep_menu-access ep_openaccess" id="europarl-links-access" aria-controls="europarl-links-contentd5c78371-2848-4b0b-80ca-834708a23f9d" role="tab"> <a href="#europarl-links"> <span class="ep_hidden">Näytä valikko:</span> <span class="ep_name">Näytä valikko:Euroopan parlamentti</span> <span class="ep_icon">&nbsp;</span> </a> </div> <div class="ep_list" data-numberitems="5" id="website-links-contentd5c78371-2848-4b0b-80ca-834708a23f9d"> <ul aria-labelledby="website-links-title"> <li class="ep_item"> <!-- ### START mant:link.footer ### --><a href="https://www.europarl.europa.eu/news/fi" class="ep_button"> <span class="ep_name">Ajankohtaista</span> </a> <!-- ### END mant:link.footer ### --></li> <li class="ep_item"> <!-- ### START mant:link.footer ### --><a href="https://www.europarl.europa.eu/meps/fi/home" class="ep_button"> <span class="ep_name">Parlamentin jäsenet</span> </a> <!-- ### END mant:link.footer ### --></li> <li class="ep_item"> <!-- ### START mant:link.footer ### --><a href="https://www.europarl.europa.eu/about-parliament/fi" class="ep_button"> <span class="ep_name">Tietoa parlamentista</span> </a> <!-- ### END mant:link.footer ### --></li> <li class="ep_item"> <!-- ### START mant:link.footer ### --><a href="https://www.europarl.europa.eu/plenary/fi/home.html" class="ep_button"> <span class="ep_name">Täysistunto</span> </a> <!-- ### END mant:link.footer ### --></li> <li class="ep_item"> <!-- ### START mant:link.footer ### --><a href="https://www.europarl.europa.eu/committees/fi/home.html" class="ep_button"> <span class="ep_name">Valiokunnat</span> </a> <!-- ### END mant:link.footer ### --></li> <li class="ep_item"> <!-- ### START mant:link.footer ### --><a href="https://www.europarl.europa.eu/delegations/fi/home" class="ep_button"> <span class="ep_name">Valtuuskunnat</span> </a> <!-- ### END mant:link.footer ### --></li> </ul> </div> <div class="ep_menu-access ep_closeaccess"> <a href="#website-links-access"> <span class="ep_hidden">Piilota valikko:</span> <span class="ep_name">Piilota valikko:Euroopan parlamentti</span> <span class="ep_icon">&nbsp;</span> </a> </div> </div> <!-- ### END mant:EPLinks.default ### --></div> <span class="ep_footer-separator">&nbsp;</span> <div class="ep_footer-otherlinks"> <!-- ### START mant:socialsLinks.default ### --><!-- COMPOSANT "SOCIAL LINKS" --> <div class="ep_sociallinks" id="socialmedia"> <h3 class="ep_hidden" id="socialmedia-title"> <span class="ep_name">Information links</span> <span class="ep_icon">&nbsp;</span> </h3> <div class="ep_list"> <ul aria-labelledby="socialmedia-title"> <li class="ep_item"> <!-- ### START mant:link.SocialLink ### --><a href="https://www.facebook.com/europeanparliament" class="ep_button ep_facebook"> <span class="ep_name">Seuraa parlamenttia: facebook</span> <span class="ep_icon">&nbsp;</span> </a> <!-- ### END mant:link.SocialLink ### --></li> <li class="ep_item"> <!-- ### START mant:link.SocialLink ### --><a href="https://www.flickr.com/photos/european_parliament/" class="ep_button ep_flickr"> <span class="ep_name">Seuraa parlamenttia: Flickr</span> <span class="ep_icon">&nbsp;</span> </a> <!-- ### END mant:link.SocialLink ### --></li> <li class="ep_item"> <!-- ### START mant:link.SocialLink ### --><a href="https://www.instagram.com/europeanparliament" class="ep_button ep_instagram"> <span class="ep_name">Seuraa parlamenttia: Instagram</span> <span class="ep_icon">&nbsp;</span> </a> <!-- ### END mant:link.SocialLink ### --></li> <li class="ep_item"> <!-- ### START mant:link.SocialLink ### --><a href="https://www.linkedin.com/company/european-parliament" class="ep_button ep_linkedin"> <span class="ep_name">Seuraa parlamenttia: Linkedin</span> <span class="ep_icon">&nbsp;</span> </a> <!-- ### END mant:link.SocialLink ### --></li> <li class="ep_item"> <!-- ### START mant:link.SocialLink ### --><a href="https://www.pinterest.com/epinfographics/" class="ep_button ep_pinterest"> <span class="ep_name">Seuraa parlamenttia: Pinterest</span> <span class="ep_icon">&nbsp;</span> </a> <!-- ### END mant:link.SocialLink ### --></li> <li class="ep_item"> <!-- ### START mant:link.SocialLink ### --><a href="https://www.reddit.com/r/europeanparliament/" class="ep_button ep_reddit"> <span class="ep_name">Seuraa parlamenttia: Reddit</span> <span class="ep_icon">&nbsp;</span> </a> <!-- ### END mant:link.SocialLink ### --></li> <li class="ep_item"> <!-- ### START mant:link.SocialLink ### --><a href="https://www.snapchat.com/add/europarl" class="ep_button ep_snapchat"> <span class="ep_name">Seuraa parlamenttia: Snapchat</span> <span class="ep_icon">&nbsp;</span> </a> <!-- ### END mant:link.SocialLink ### --></li> <li class="ep_item"> <!-- ### START mant:link.SocialLink ### --><a href="https://twitter.com/Europarl_en" class="ep_button ep_twitter"> <span class="ep_name">Seuraa parlamenttia: Twitter</span> <span class="ep_icon">&nbsp;</span> </a> <!-- ### END mant:link.SocialLink ### --></li> <li class="ep_item"> <!-- ### START mant:link.SocialLink ### --><a href="https://www.youtube.com/user/EuropeanParliament" class="ep_button ep_youtube"> <span class="ep_name">Seuraa parlamenttia: Youtube</span> <span class="ep_icon">&nbsp;</span> </a> <!-- ### END mant:link.SocialLink ### --></li> </ul> </div> </div> <!-- ### END mant:socialsLinks.default ### --><!-- ### START mant:mandatoryLinks.default ### --><!-- COMPOSANT "MANDATORY LINKS" --> <div class="ep_mandatorylinks" id="informationlinks"> <h3 class="ep_hidden" id="informationlinks-title"> <span class="ep_name">Information links</span> <span class="ep_icon">&nbsp;</span> </h3> <div class="ep_list"> <ul aria-labelledby="informationlinks-title"> <li class="ep_item"> <!-- ### START mant:link.footer ### --><a href="https://www.europarl.europa.eu/portal/fi/sitemap" class="ep_button"> <span class="ep_name">Sivustokartta</span> </a> <!-- ### END mant:link.footer ### --></li> <li class="ep_item"> <!-- ### START mant:link.footer ### --><a href="https://www.europarl.europa.eu/portal/fi/contact" class="ep_button"> <span class="ep_name">Yhteystiedot</span> </a> <!-- ### END mant:link.footer ### --></li> <li class="ep_item"> <!-- ### START mant:link.footer ### --><a href="https://www.europarl.europa.eu/privacy-policy/fi/" class="ep_button"> <span class="ep_name">Oikeudellinen huomautus - Tietosuojakäytäntö</span> </a> <!-- ### END mant:link.footer ### --></li> <li class="ep_item"> <!-- ### START mant:link.footer ### --><a href="https://www.europarl.europa.eu/rss/fi/rss.html" class="ep_button"> <span class="ep_name">RSS</span> </a> <!-- ### END mant:link.footer ### --></li> <li class="ep_item"> <!-- ### START mant:link.footer ### --><a href="https://www.europarl.europa.eu/portal/fi/accessibility" class="ep_button"> <span class="ep_name">Esteettömyys</span> </a> <!-- ### END mant:link.footer ### --></li> </ul> </div> </div> <!-- ### END mant:mandatoryLinks.default ### --></div> </footer> <!-- ### END mant:footer.default ### --></div> <!-- Code for live reload, only useful for developement, won't be injected live --> </body> </html>

Pages: 1 2 3 4 5 6 7 8 9 10