Map × function openMap(evt, cityNameMap) { var i, tabcontentmap, tablinks; tabcontentmap = document.getElementsByClassName("tabcontentmap"); for (i = 0; i < tabcontentmap.length; i++) { tabcontentmap[i].style.display = "none"; } tablinks = document.getElementsByClassName("tablinks"); for (i = 0; i < tablinks.length; i++) { tablinks[i].className = tablinks[i].className.replace(" active", ""); } document.getElementById(cityNameMap).style.display = "block"; evt.currentTarget.className += " active"; } // Get the element with id="defaultOpen" and click on it document.getElementById("defaultOpen").click();
1010: Street: Street Names × Barbaragasse Beethovenplatz Biberstraße Blumenstockgasse Dominikanerbastei Fichtegasse Fischerstiege Franz Josefs Kai Getreidemarkt Girardipark Gonzagagasse Griechengasse Heldenplatz Jerusalem Stiege Jonny Moser Park Lothringerstraße Marienstiege Morzinplatz Naglergasse Oskar Kokoschka Platz Parkring Postgasse Rabensteig Ruprechtsplatz Ruprechtsstiege Schönlaterngasse Schottenring Schottentor Schwedenplatz Sterngasse Tiefer Graben Tuchlauben Uraniastraße Werdertorgasse Zwidemu function openStreet(evt, cityStreet) { var i, tabcontentstreet, tablinks; tabcontentstreet = document.getElementsByClassName("tabcontentstreet"); for (i = 0; i < tabcontentstreet.length; i++) { tabcontentstreet[i].style.display = "none"; } tablinks = document.getElementsByClassName("tablinks"); for (i = 0; i < tablinks.length; i++) { tablinks[i].className = tablinks[i].className.replace(" active", ""); } document.getElementById(cityStreet).style.display = "block"; evt.currentTarget.className += " active"; } // Get the element with id="defaultOpen" and click on it document.getElementById("defaultOpen").click();

Map × function openMap(evt, cityNameMap) { var i, tabcontentmap, tablinks; tabcontentmap = document.getElementsByClassName("tabcontentmap"); for (i = 0; i < tabcontentmap.length; i++) { tabcontentmap[i].style.display = "none"; } tablinks = document.getElementsByClassName("tablinks"); for (i = 0; i < tablinks.length; i++) { tablinks[i].className = tablinks[i].className.replace(" active", ""); } document.getElementById(cityNameMap).style.display = "block"; evt.currentTarget.className += " active"; } // Get the element with id="defaultOpen" and click on it document.getElementById("defaultOpen").click();
1020: Street: Street Names × Afrikanergasse Alexander Poch Platz Am Tabor Augarten Blumauergasse Castellezgasse Darwingasse Dresdner Straße Eduard Lang Weg Engerthstraße Ernst Renz Gasse Floßgasse Franz Hochedlinger Gasse Franzensbrückenstraße Franziska Löw Park Fruchtgasse Gabor Steiner Weg Glockengasse Gredlerstraße Große Pfarrgasse Große Schiffgasse Große Sperlgasse Grünlandgasse Haasgasse Haidgasse Handelskai Heinestraße Helenengasse Henriette Willardt Promenade Herminengasse Josef Gall Gasse Judith Deutschland Steg Jungstraße Kaiserwiese Kanalwächterhausweg Karmelitermarkt Karmeliterplatz Klanggasse Kleine Pfarrgasse Konstantinteich Körnergasse Krafftgasse Krummbaumgasse Lampigasse Lassallestraße Lassingleithnerplatz Lichtenauergasse Lilienbrunngasse Lucie Goldner Promenade Ludwig Hirsch Platz Manes Sperber Park Marinelligasse Mexikoplatz Nordbahnhof Nordbahnstraße Obere Augartenstraße Obere Donaustraße Odeongasse Ofnergasse Olympiaplatz Pfeffergasse Prater Prater Hauptallee Praterstern Praterstraße Rembrandt Straße Rosa Jochmann Park Rotenkreuzgasse Rotensterngasse Rotundenallee Rudolf Bednar Park Rueppgasse Scherzergasse Schiffamtsgasse Schmetterlingspark Schüttelstraße Sportklubstraße Springergasse Stemmerallee Stoffellagasse Stuwerstraße Südportalstraße Sulzwiese Taborstraße Tandelmarktgasse Ulrichgasse Untere Augartenstraße Untere Donaustraße Venediger Au Park Vivariumstraße Volkertmarkt Volksprater Vorgartenstraße Waldstraße Wehlistraße Weintraubengasse Wettsteinpark Wilhelmshaven Kienzl Park Zirkusgasse Zufahrtsstraße function openStreet(evt, cityStreet) { var i, tabcontentstreet, tablinks; tabcontentstreet = document.getElementsByClassName("tabcontentstreet"); for (i = 0; i < tabcontentstreet.length; i++) { tabcontentstreet[i].style.display = "none"; } tablinks = document.getElementsByClassName("tablinks"); for (i = 0; i < tablinks.length; i++) { tablinks[i].className = tablinks[i].className.replace(" active", ""); } document.getElementById(cityStreet).style.display = "block"; evt.currentTarget.className += " active"; } // Get the element with id="defaultOpen" and click on it document.getElementById("defaultOpen").click();

Map × function openMap(evt, cityNameMap) { var i, tabcontentmap, tablinks; tabcontentmap = document.getElementsByClassName("tabcontentmap"); for (i = 0; i < tabcontentmap.length; i++) { tabcontentmap[i].style.display = "none"; } tablinks = document.getElementsByClassName("tablinks"); for (i = 0; i < tablinks.length; i++) { tablinks[i].className = tablinks[i].className.replace(" active", ""); } document.getElementById(cityNameMap).style.display = "block"; evt.currentTarget.className += " active"; } // Get the element with id="defaultOpen" and click on it document.getElementById("defaultOpen").click();
1030: Street: Street Names × Salmgasse function openStreet(evt, cityStreet) { var i, tabcontentstreet, tablinks; tabcontentstreet = document.getElementsByClassName("tabcontentstreet"); for (i = 0; i < tabcontentstreet.length; i++) { tabcontentstreet[i].style.display = "none"; } tablinks = document.getElementsByClassName("tablinks"); for (i = 0; i < tablinks.length; i++) { tablinks[i].className = tablinks[i].className.replace(" active", ""); } document.getElementById(cityStreet).style.display = "block"; evt.currentTarget.className += " active"; } // Get the element with id="defaultOpen" and click on it document.getElementById("defaultOpen").click();

Map × function openMap(evt, cityNameMap) { var i, tabcontentmap, tablinks; tabcontentmap = document.getElementsByClassName("tabcontentmap"); for (i = 0; i < tabcontentmap.length; i++) { tabcontentmap[i].style.display = "none"; } tablinks = document.getElementsByClassName("tablinks"); for (i = 0; i < tablinks.length; i++) { tablinks[i].className = tablinks[i].className.replace(" active", ""); } document.getElementById(cityNameMap).style.display = "block"; evt.currentTarget.className += " active"; } // Get the element with id="defaultOpen" and click on it document.getElementById("defaultOpen").click();
1040: Street: Street Names × Schelleingasse function openStreet(evt, cityStreet) { var i, tabcontentstreet, tablinks; tabcontentstreet = document.getElementsByClassName("tabcontentstreet"); for (i = 0; i < tabcontentstreet.length; i++) { tabcontentstreet[i].style.display = "none"; } tablinks = document.getElementsByClassName("tablinks"); for (i = 0; i < tablinks.length; i++) { tablinks[i].className = tablinks[i].className.replace(" active", ""); } document.getElementById(cityStreet).style.display = "block"; evt.currentTarget.className += " active"; } // Get the element with id="defaultOpen" and click on it document.getElementById("defaultOpen").click();

Map × function openMap(evt, cityNameMap) { var i, tabcontentmap, tablinks; tabcontentmap = document.getElementsByClassName("tabcontentmap"); for (i = 0; i < tabcontentmap.length; i++) { tabcontentmap[i].style.display = "none"; } tablinks = document.getElementsByClassName("tablinks"); for (i = 0; i < tablinks.length; i++) { tablinks[i].className = tablinks[i].className.replace(" active", ""); } document.getElementById(cityNameMap).style.display = "block"; evt.currentTarget.className += " active"; } // Get the element with id="defaultOpen" and click on it document.getElementById("defaultOpen").click();
1050: Street: Street Names × Schönbrunner Straße function openStreet(evt, cityStreet) { var i, tabcontentstreet, tablinks; tabcontentstreet = document.getElementsByClassName("tabcontentstreet"); for (i = 0; i < tabcontentstreet.length; i++) { tabcontentstreet[i].style.display = "none"; } tablinks = document.getElementsByClassName("tablinks"); for (i = 0; i < tablinks.length; i++) { tablinks[i].className = tablinks[i].className.replace(" active", ""); } document.getElementById(cityStreet).style.display = "block"; evt.currentTarget.className += " active"; } // Get the element with id="defaultOpen" and click on it document.getElementById("defaultOpen").click();

Map × function openMap(evt, cityNameMap) { var i, tabcontentmap, tablinks; tabcontentmap = document.getElementsByClassName("tabcontentmap"); for (i = 0; i < tabcontentmap.length; i++) { tabcontentmap[i].style.display = "none"; } tablinks = document.getElementsByClassName("tablinks"); for (i = 0; i < tablinks.length; i++) { tablinks[i].className = tablinks[i].className.replace(" active", ""); } document.getElementById(cityNameMap).style.display = "block"; evt.currentTarget.className += " active"; } // Get the element with id="defaultOpen" and click on it document.getElementById("defaultOpen").click();
1060: Street: Street Names × Wallgasse function openStreet(evt, cityStreet) { var i, tabcontentstreet, tablinks; tabcontentstreet = document.getElementsByClassName("tabcontentstreet"); for (i = 0; i < tabcontentstreet.length; i++) { tabcontentstreet[i].style.display = "none"; } tablinks = document.getElementsByClassName("tablinks"); for (i = 0; i < tablinks.length; i++) { tablinks[i].className = tablinks[i].className.replace(" active", ""); } document.getElementById(cityStreet).style.display = "block"; evt.currentTarget.className += " active"; } // Get the element with id="defaultOpen" and click on it document.getElementById("defaultOpen").click();

Map × function openMap(evt, cityNameMap) { var i, tabcontentmap, tablinks; tabcontentmap = document.getElementsByClassName("tabcontentmap"); for (i = 0; i < tabcontentmap.length; i++) { tabcontentmap[i].style.display = "none"; } tablinks = document.getElementsByClassName("tablinks"); for (i = 0; i < tablinks.length; i++) { tablinks[i].className = tablinks[i].className.replace(" active", ""); } document.getElementById(cityNameMap).style.display = "block"; evt.currentTarget.className += " active"; } // Get the element with id="defaultOpen" and click on it document.getElementById("defaultOpen").click();
1070: Street: Street Names × Neubaugasse function openStreet(evt, cityStreet) { var i, tabcontentstreet, tablinks; tabcontentstreet = document.getElementsByClassName("tabcontentstreet"); for (i = 0; i < tabcontentstreet.length; i++) { tabcontentstreet[i].style.display = "none"; } tablinks = document.getElementsByClassName("tablinks"); for (i = 0; i < tablinks.length; i++) { tablinks[i].className = tablinks[i].className.replace(" active", ""); } document.getElementById(cityStreet).style.display = "block"; evt.currentTarget.className += " active"; } // Get the element with id="defaultOpen" and click on it document.getElementById("defaultOpen").click();

Map × function openMap(evt, cityNameMap) { var i, tabcontentmap, tablinks; tabcontentmap = document.getElementsByClassName("tabcontentmap"); for (i = 0; i < tabcontentmap.length; i++) { tabcontentmap[i].style.display = "none"; } tablinks = document.getElementsByClassName("tablinks"); for (i = 0; i < tablinks.length; i++) { tablinks[i].className = tablinks[i].className.replace(" active", ""); } document.getElementById(cityNameMap).style.display = "block"; evt.currentTarget.className += " active"; } // Get the element with id="defaultOpen" and click on it document.getElementById("defaultOpen").click();
1080: Street: Street Names × Tigerpark function openStreet(evt, cityStreet) { var i, tabcontentstreet, tablinks; tabcontentstreet = document.getElementsByClassName("tabcontentstreet"); for (i = 0; i < tabcontentstreet.length; i++) { tabcontentstreet[i].style.display = "none"; } tablinks = document.getElementsByClassName("tablinks"); for (i = 0; i < tablinks.length; i++) { tablinks[i].className = tablinks[i].className.replace(" active", ""); } document.getElementById(cityStreet).style.display = "block"; evt.currentTarget.className += " active"; } // Get the element with id="defaultOpen" and click on it document.getElementById("defaultOpen").click();

Map × function openMap(evt, cityNameMap) { var i, tabcontentmap, tablinks; tabcontentmap = document.getElementsByClassName("tabcontentmap"); for (i = 0; i < tabcontentmap.length; i++) { tabcontentmap[i].style.display = "none"; } tablinks = document.getElementsByClassName("tablinks"); for (i = 0; i < tablinks.length; i++) { tablinks[i].className = tablinks[i].className.replace(" active", ""); } document.getElementById(cityNameMap).style.display = "block"; evt.currentTarget.className += " active"; } // Get the element with id="defaultOpen" and click on it document.getElementById("defaultOpen").click();
1090: Street: Street Names × Nordbergbrücke function openStreet(evt, cityStreet) { var i, tabcontentstreet, tablinks; tabcontentstreet = document.getElementsByClassName("tabcontentstreet"); for (i = 0; i < tabcontentstreet.length; i++) { tabcontentstreet[i].style.display = "none"; } tablinks = document.getElementsByClassName("tablinks"); for (i = 0; i < tablinks.length; i++) { tablinks[i].className = tablinks[i].className.replace(" active", ""); } document.getElementById(cityStreet).style.display = "block"; evt.currentTarget.className += " active"; } // Get the element with id="defaultOpen" and click on it document.getElementById("defaultOpen").click();

Map × function openMap(evt, cityNameMap) { var i, tabcontentmap, tablinks; tabcontentmap = document.getElementsByClassName("tabcontentmap"); for (i = 0; i < tabcontentmap.length; i++) { tabcontentmap[i].style.display = "none"; } tablinks = document.getElementsByClassName("tablinks"); for (i = 0; i < tablinks.length; i++) { tablinks[i].className = tablinks[i].className.replace(" active", ""); } document.getElementById(cityNameMap).style.display = "block"; evt.currentTarget.className += " active"; } // Get the element with id="defaultOpen" and click on it document.getElementById("defaultOpen").click();
1100: Street: Street Names × Waldmüllerpark function openStreet(evt, cityStreet) { var i, tabcontentstreet, tablinks; tabcontentstreet = document.getElementsByClassName("tabcontentstreet"); for (i = 0; i < tabcontentstreet.length; i++) { tabcontentstreet[i].style.display = "none"; } tablinks = document.getElementsByClassName("tablinks"); for (i = 0; i < tablinks.length; i++) { tablinks[i].className = tablinks[i].className.replace(" active", ""); } document.getElementById(cityStreet).style.display = "block"; evt.currentTarget.className += " active"; } // Get the element with id="defaultOpen" and click on it document.getElementById("defaultOpen").click();

Map × function openMap(evt, cityNameMap) { var i, tabcontentmap, tablinks; tabcontentmap = document.getElementsByClassName("tabcontentmap"); for (i = 0; i < tabcontentmap.length; i++) { tabcontentmap[i].style.display = "none"; } tablinks = document.getElementsByClassName("tablinks"); for (i = 0; i < tablinks.length; i++) { tablinks[i].className = tablinks[i].className.replace(" active", ""); } document.getElementById(cityNameMap).style.display = "block"; evt.currentTarget.className += " active"; } // Get the element with id="defaultOpen" and click on it document.getElementById("defaultOpen").click();
1110: Street: Street Names × Geiereckstraße function openStreet(evt, cityStreet) { var i, tabcontentstreet, tablinks; tabcontentstreet = document.getElementsByClassName("tabcontentstreet"); for (i = 0; i < tabcontentstreet.length; i++) { tabcontentstreet[i].style.display = "none"; } tablinks = document.getElementsByClassName("tablinks"); for (i = 0; i < tablinks.length; i++) { tablinks[i].className = tablinks[i].className.replace(" active", ""); } document.getElementById(cityStreet).style.display = "block"; evt.currentTarget.className += " active"; } // Get the element with id="defaultOpen" and click on it document.getElementById("defaultOpen").click();

Map × function openMap(evt, cityNameMap) { var i, tabcontentmap, tablinks; tabcontentmap = document.getElementsByClassName("tabcontentmap"); for (i = 0; i < tabcontentmap.length; i++) { tabcontentmap[i].style.display = "none"; } tablinks = document.getElementsByClassName("tablinks"); for (i = 0; i < tablinks.length; i++) { tablinks[i].className = tablinks[i].className.replace(" active", ""); } document.getElementById(cityNameMap).style.display = "block"; evt.currentTarget.className += " active"; } // Get the element with id="defaultOpen" and click on it document.getElementById("defaultOpen").click();
1120: Street: Street Names × Anton Krutisch Park function openStreet(evt, cityStreet) { var i, tabcontentstreet, tablinks; tabcontentstreet = document.getElementsByClassName("tabcontentstreet"); for (i = 0; i < tabcontentstreet.length; i++) { tabcontentstreet[i].style.display = "none"; } tablinks = document.getElementsByClassName("tablinks"); for (i = 0; i < tablinks.length; i++) { tablinks[i].className = tablinks[i].className.replace(" active", ""); } document.getElementById(cityStreet).style.display = "block"; evt.currentTarget.className += " active"; } // Get the element with id="defaultOpen" and click on it document.getElementById("defaultOpen").click();

.tabmap { overflow: hidden; border: 1px solid #eee1fa; background-color: #eee1fa; color: #000; font-size: 18px; border-radius:15px !important; } .tabmap button { background-color: inherit; float: left; border: none; outline: none; cursor: pointer; padding: 12px 12px; transition: 0.3s; color: #000; border-radius:15px !important; } .btngallery { border: none; color: white; padding: 12px 12px; margin:10px; font-size: 12px; cursor: pointer; border-radius:15px !important; } .whitebutton {background-color: #FFF; color:#000; border: 1px solid #000;} .whitebutton:hover {background-color: #f6f6f6; color:#000;} .greenbutton {background-color: #04AA6D;} .greenbutton:hover {background-color: #46a049;} .bluebutton {background-color: #2196F3;} .bluebutton:hover {background: #0b7dda;} .orangebutton {background-color: #ff9800;} .orangebutton:hover {background: #e68a00;} .redbutton {background-color: #f44336;} .redbutton:hover {background: #da190b;} .greybutton {background-color: #e7e7e7; color: black;} .greybutton:hover {background: #ddd; color: black;} .blackbutton {background-color: #000; color: white;} .blackbutton:hover {background: #2d2d2d;} .brownbutton {background-color: #8b2d00;} .brownbutton:hover {background: #8e4f32;} .goldbutton {background-color: #dccab9; color: black; } .goldbutton:hover {background: #af9b87; color: black;} .pinkbutton {background-color: #fb00a0; } .pinkbutton:hover {background: #bd4f95;} .silverbutton {background-color: #e4e4e4; color: black;} .silverbutton:hover {background: #ddd; color: black;} .violetbutton {background-color: #7800c5; } .violetbutton:hover {background: #7405bb;} .yellowbutton {background-color: #fffa00; color: black;} .yellowbutton:hover {background: #aca904 color: black;;} /* Change background color of buttons on hover */ .tabmap button:hover { background-color: #tabmap; text-decoration: underline; } /* Create an active/current tablink class */ .tabmap button.active { background-color: #tabmap; } .tabcontent { display: none; margin-top:10px; padding: 6px 12px; border: 1px solid #000; border-radius:15px !important; } .topright { float: right; cursor: pointer; font-size: 28px; } .topright:hover {color: #66cc99;} Map × function openCity(evt, cityName) { var i, tabcontent, tablinks; tabcontent = document.getElementsByClassName("tabcontent"); for (i = 0; i < tabcontent.length; i++) { tabcontent[i].style.display = "none"; } tablinks = document.getElementsByClassName("tablinks"); for (i = 0; i < tablinks.length; i++) { tablinks[i].className = tablinks[i].className.replace(" active", ""); } document.getElementById(cityName).style.display = "block"; evt.currentTarget.className += " active"; } // Get the element with id="defaultOpen" and click on it document.getElementById("defaultOpen").click();
.tab { overflow: hidden; border: 1px solid #ccc; background-color: #f8f9fa; color: #000; } .tab button { background-color: inherit; float: left; border: none; outline: none; cursor: pointer; padding: 14px 16px; transition: 0.3s; font-size: 12px; color: #000; } .btngallery { border: none; color: white; padding: 6px 6px; margin:3px; font-size: 12px; cursor: pointer; } .whitebutton {background-color: #FFF; color:#000; border: 1px solid #ccc;} .whitebutton:hover {background-color: #f6f6f6; color:#000;} .greenbutton {background-color: #04AA6D;} .greenbutton:hover {background-color: #46a049;} .bluebutton {background-color: #2196F3;} .bluebutton:hover {background: #0b7dda;} .orangebutton {background-color: #ff9800;} .orangebutton:hover {background: #e68a00;} .redbutton {background-color: #f44336;} .redbutton:hover {background: #da190b;} .greybutton {background-color: #e7e7e7; color: black;} .greybutton:hover {background: #ddd; color: black;} .blackbutton {background-color: #000; color: white;} .blackbutton:hover {background: #2d2d2d;} .brownbutton {background-color: #8b2d00;} .brownbutton:hover {background: #8e4f32;} .goldbutton {background-color: #dccab9; color: black; } .goldbutton:hover {background: #af9b87; color: black;} .pinkbutton {background-color: #fb00a0; } .pinkbutton:hover {background: #bd4f95;} .silverbutton {background-color: #e4e4e4; color: black;} .silverbutton:hover {background: #ddd; color: black;} .violetbutton {background-color: #7800c5; } .violetbutton:hover {background: #7405bb;} .yellowbutton {background-color: #fffa00; color: black;} .yellowbutton:hover {background: #aca904 color: black;;} /* Change background color of buttons on hover */ .tab button:hover { background-color: #66cc99; } /* Create an active/current tablink class */ .tab button.active { background-color: #66cc99; } .tabcontent { display: none; padding: 6px 12px; border: 1px solid #ccc; border-top: none; } .topright { float: right; cursor: pointer; font-size: 28px; } .topright:hover {color: #66cc99;} STREET LOCATIONS - 13.BEZIRK (1130) × Auhofstraße Badhaussteg Coudenhove Park Einsiedeleigasse Grünbergstraße Hackinger Kai Himmelbaurgasse Himmelhofgasse Hofjagdstraße Hofjägerstraße Lainzer Tiergarten Promenade Schönbrunn Schönbrunner Schloßstraße Skatepark Auhof Wientalstraße function openCity(evt, cityName) { var i, tabcontent, tablinks; tabcontent = document.getElementsByClassName("tabcontent"); for (i = 0; i < tabcontent.length; i++) { tabcontent[i].style.display = "none"; } tablinks = document.getElementsByClassName("tablinks"); for (i = 0; i < tablinks.length; i++) { tablinks[i].className = tablinks[i].className.replace(" active", ""); } document.getElementById(cityName).style.display = "block"; evt.currentTarget.className += " active"; } // Get the element with id="defaultOpen" and click on it document.getElementById("defaultOpen").click();

.tabmap { overflow: hidden; border: 1px solid #eee1fa; background-color: #eee1fa; color: #000; font-size: 18px; border-radius:15px !important; } .tabmap button { background-color: inherit; float: left; border: none; outline: none; cursor: pointer; padding: 12px 12px; transition: 0.3s; color: #000; border-radius:15px !important; } .btngallery { border: none; color: white; padding: 12px 12px; margin:10px; font-size: 12px; cursor: pointer; border-radius:15px !important; } .whitebutton {background-color: #FFF; color:#000; border: 1px solid #000;} .whitebutton:hover {background-color: #f6f6f6; color:#000;} .greenbutton {background-color: #04AA6D;} .greenbutton:hover {background-color: #46a049;} .bluebutton {background-color: #2196F3;} .bluebutton:hover {background: #0b7dda;} .orangebutton {background-color: #ff9800;} .orangebutton:hover {background: #e68a00;} .redbutton {background-color: #f44336;} .redbutton:hover {background: #da190b;} .greybutton {background-color: #e7e7e7; color: black;} .greybutton:hover {background: #ddd; color: black;} .blackbutton {background-color: #000; color: white;} .blackbutton:hover {background: #2d2d2d;} .brownbutton {background-color: #8b2d00;} .brownbutton:hover {background: #8e4f32;} .goldbutton {background-color: #dccab9; color: black; } .goldbutton:hover {background: #af9b87; color: black;} .pinkbutton {background-color: #fb00a0; } .pinkbutton:hover {background: #bd4f95;} .silverbutton {background-color: #e4e4e4; color: black;} .silverbutton:hover {background: #ddd; color: black;} .violetbutton {background-color: #7800c5; } .violetbutton:hover {background: #7405bb;} .yellowbutton {background-color: #fffa00; color: black;} .yellowbutton:hover {background: #aca904 color: black;;} /* Change background color of buttons on hover */ .tabmap button:hover { background-color: #tabmap; text-decoration: underline; } /* Create an active/current tablink class */ .tabmap button.active { background-color: #tabmap; } .tabcontent { display: none; margin-top:10px; padding: 6px 12px; border: 1px solid #000; border-radius:15px !important; } .topright { float: right; cursor: pointer; font-size: 28px; } .topright:hover {color: #66cc99;} Map × function openCity(evt, cityName) { var i, tabcontent, tablinks; tabcontent = document.getElementsByClassName("tabcontent"); for (i = 0; i < tabcontent.length; i++) { tabcontent[i].style.display = "none"; } tablinks = document.getElementsByClassName("tablinks"); for (i = 0; i < tablinks.length; i++) { tablinks[i].className = tablinks[i].className.replace(" active", ""); } document.getElementById(cityName).style.display = "block"; evt.currentTarget.className += " active"; } // Get the element with id="defaultOpen" and click on it document.getElementById("defaultOpen").click();
.tab { overflow: hidden; border: 1px solid #ccc; background-color: #f8f9fa; color: #000; } .tab button { background-color: inherit; float: left; border: none; outline: none; cursor: pointer; padding: 14px 16px; transition: 0.3s; font-size: 12px; color: #000; } .btngallery { border: none; color: white; padding: 6px 6px; margin:3px; font-size: 12px; cursor: pointer; } .whitebutton {background-color: #FFF; color:#000; border: 1px solid #ccc;} .whitebutton:hover {background-color: #f6f6f6; color:#000;} .greenbutton {background-color: #04AA6D;} .greenbutton:hover {background-color: #46a049;} .bluebutton {background-color: #2196F3;} .bluebutton:hover {background: #0b7dda;} .orangebutton {background-color: #ff9800;} .orangebutton:hover {background: #e68a00;} .redbutton {background-color: #f44336;} .redbutton:hover {background: #da190b;} .greybutton {background-color: #e7e7e7; color: black;} .greybutton:hover {background: #ddd; color: black;} .blackbutton {background-color: #000; color: white;} .blackbutton:hover {background: #2d2d2d;} .brownbutton {background-color: #8b2d00;} .brownbutton:hover {background: #8e4f32;} .goldbutton {background-color: #dccab9; color: black; } .goldbutton:hover {background: #af9b87; color: black;} .pinkbutton {background-color: #fb00a0; } .pinkbutton:hover {background: #bd4f95;} .silverbutton {background-color: #e4e4e4; color: black;} .silverbutton:hover {background: #ddd; color: black;} .violetbutton {background-color: #7800c5; } .violetbutton:hover {background: #7405bb;} .yellowbutton {background-color: #fffa00; color: black;} .yellowbutton:hover {background: #aca904 color: black;;} /* Change background color of buttons on hover */ .tab button:hover { background-color: #66cc99; } /* Create an active/current tablink class */ .tab button.active { background-color: #66cc99; } .tabcontent { display: none; padding: 6px 12px; border: 1px solid #ccc; border-top: none; } .topright { float: right; cursor: pointer; font-size: 28px; } .topright:hover {color: #66cc99;} STREET LOCATIONS - 14.BEZIRK (1140) × Ameisgasse Ameisstiege Bergmillergasse Brückenweg Bujattigasse Cumberlandstraße Deutschordenstraße Diesterweggasse Drechslergasse Fenzlgasse Ferdinand Wolf Park Flachgasse Gurkgasse H.C. Artmann Park Hackinger Steg Hackinger Straße Hadikgasse Hadikpark Halterbach Hellmesbergergasse Hütteldorf (Station) Käthe Dorsch Gasse Kefergasse Keißlergasse Kienmayergasse Linzer Straße Matznerpark Mauerbach Penzinger Straße Prilisauer Weg Raststation Auhof Reinlpark Schloßallee Stockhammergasse Weinfeldweg Wiener Steg Zehetnergasse function openCity(evt, cityName) { var i, tabcontent, tablinks; tabcontent = document.getElementsByClassName("tabcontent"); for (i = 0; i < tabcontent.length; i++) { tabcontent[i].style.display = "none"; } tablinks = document.getElementsByClassName("tablinks"); for (i = 0; i < tablinks.length; i++) { tablinks[i].className = tablinks[i].className.replace(" active", ""); } document.getElementById(cityName).style.display = "block"; evt.currentTarget.className += " active"; } // Get the element with id="defaultOpen" and click on it document.getElementById("defaultOpen").click();

.tabmap { overflow: hidden; border: 1px solid #eee1fa; background-color: #eee1fa; color: #000; font-size: 18px; border-radius:15px !important; } .tabmap button { background-color: inherit; float: left; border: none; outline: none; cursor: pointer; padding: 12px 12px; transition: 0.3s; color: #000; border-radius:15px !important; } .btngallery { border: none; color: white; padding: 12px 12px; margin:10px; font-size: 12px; cursor: pointer; border-radius:15px !important; } .whitebutton {background-color: #FFF; color:#000; border: 1px solid #000;} .whitebutton:hover {background-color: #f6f6f6; color:#000;} .greenbutton {background-color: #04AA6D;} .greenbutton:hover {background-color: #46a049;} .bluebutton {background-color: #2196F3;} .bluebutton:hover {background: #0b7dda;} .orangebutton {background-color: #ff9800;} .orangebutton:hover {background: #e68a00;} .redbutton {background-color: #f44336;} .redbutton:hover {background: #da190b;} .greybutton {background-color: #e7e7e7; color: black;} .greybutton:hover {background: #ddd; color: black;} .blackbutton {background-color: #000; color: white;} .blackbutton:hover {background: #2d2d2d;} .brownbutton {background-color: #8b2d00;} .brownbutton:hover {background: #8e4f32;} .goldbutton {background-color: #dccab9; color: black; } .goldbutton:hover {background: #af9b87; color: black;} .pinkbutton {background-color: #fb00a0; } .pinkbutton:hover {background: #bd4f95;} .silverbutton {background-color: #e4e4e4; color: black;} .silverbutton:hover {background: #ddd; color: black;} .violetbutton {background-color: #7800c5; } .violetbutton:hover {background: #7405bb;} .yellowbutton {background-color: #fffa00; color: black;} .yellowbutton:hover {background: #aca904 color: black;;} /* Change background color of buttons on hover */ .tabmap button:hover { background-color: #tabmap; text-decoration: underline; } /* Create an active/current tablink class */ .tabmap button.active { background-color: #tabmap; } .tabcontent { display: none; margin-top:10px; padding: 6px 12px; border: 1px solid #000; border-radius:15px !important; } .topright { float: right; cursor: pointer; font-size: 28px; } .topright:hover {color: #66cc99;} Map × function openCity(evt, cityName) { var i, tabcontent, tablinks; tabcontent = document.getElementsByClassName("tabcontent"); for (i = 0; i < tabcontent.length; i++) { tabcontent[i].style.display = "none"; } tablinks = document.getElementsByClassName("tablinks"); for (i = 0; i < tablinks.length; i++) { tablinks[i].className = tablinks[i].className.replace(" active", ""); } document.getElementById(cityName).style.display = "block"; evt.currentTarget.className += " active"; } // Get the element with id="defaultOpen" and click on it document.getElementById("defaultOpen").click();
.tab { overflow: hidden; border: 1px solid #ccc; background-color: #f8f9fa; color: #000; } .tab button { background-color: inherit; float: left; border: none; outline: none; cursor: pointer; padding: 14px 16px; transition: 0.3s; font-size: 12px; color: #000; } .btngallery { border: none; color: white; padding: 6px 6px; margin:3px; font-size: 12px; cursor: pointer; } .whitebutton {background-color: #FFF; color:#000; border: 1px solid #ccc;} .whitebutton:hover {background-color: #f6f6f6; color:#000;} .greenbutton {background-color: #04AA6D;} .greenbutton:hover {background-color: #46a049;} .bluebutton {background-color: #2196F3;} .bluebutton:hover {background: #0b7dda;} .orangebutton {background-color: #ff9800;} .orangebutton:hover {background: #e68a00;} .redbutton {background-color: #f44336;} .redbutton:hover {background: #da190b;} .greybutton {background-color: #e7e7e7; color: black;} .greybutton:hover {background: #ddd; color: black;} .blackbutton {background-color: #000; color: white;} .blackbutton:hover {background: #2d2d2d;} .brownbutton {background-color: #8b2d00;} .brownbutton:hover {background: #8e4f32;} .goldbutton {background-color: #dccab9; color: black; } .goldbutton:hover {background: #af9b87; color: black;} .pinkbutton {background-color: #fb00a0; } .pinkbutton:hover {background: #bd4f95;} .silverbutton {background-color: #e4e4e4; color: black;} .silverbutton:hover {background: #ddd; color: black;} .violetbutton {background-color: #7800c5; } .violetbutton:hover {background: #7405bb;} .yellowbutton {background-color: #fffa00; color: black;} .yellowbutton:hover {background: #aca904 color: black;;} /* Change background color of buttons on hover */ .tab button:hover { background-color: #66cc99; } /* Create an active/current tablink class */ .tab button.active { background-color: #66cc99; } .tabcontent { display: none; padding: 6px 12px; border: 1px solid #ccc; border-top: none; } .topright { float: right; cursor: pointer; font-size: 28px; } .topright:hover {color: #66cc99;} STREET LOCATIONS - 15.BEZIRK (1150) × Anschützgasse Anton Matourek Park Arnsteingasse Auer Welsbach Park Avedikstraße Beingasse Braunhirschengasse Braunhirschenpark Clementinengasse Dadlerpark Diefenbachgasse Dingelstedtgasse Dingelstedtpark Eduard Sueß Gasse Ernestine Diwisch Park Felberstraße Fünfhausgasse Gasgasse Geibelgasse Goldschlagstraße Graumanngasse Grimmgasse Hackengasse Haidmannspark Heinickegasse Henriettenplatz Herklotzgasse Hofmoklgasse Huglgasse Hütteldorfer Straße Ignaz Kuranda Park Jheringgasse Johnstraße Kardinal Rauscher Platz Karl Walther Gasse Karlingergasse Kauergasse Kellinggasse Kranzgasse Künstlergasse Kürnbergergasse Linke Wienzeile Linzer Straße Löhrgasse Maria vom Siege Mariahilfer Straße Märzpark Meidling Hauptstraße (Unterführung) Meiselstraße Minciostraße Oelweingasse Pfeiffergasse Reindorfgasse Reithofferplatz Rosa Barach Park Rosinagasse Rustensteg Schmelzbrücke Schmelzbrückenrampe Schwendermarkt Sechshauser Straße Sechshauser Park Sparkassaplatz Staglgasse Stiegergasse Storchengasse Tannengasse Toßgasse Turnergasse Ullmannstraße Vogelweidpark Zwölfergasse function openCity(evt, cityName) { var i, tabcontent, tablinks; tabcontent = document.getElementsByClassName("tabcontent"); for (i = 0; i < tabcontent.length; i++) { tabcontent[i].style.display = "none"; } tablinks = document.getElementsByClassName("tablinks"); for (i = 0; i < tablinks.length; i++) { tablinks[i].className = tablinks[i].className.replace(" active", ""); } document.getElementById(cityName).style.display = "block"; evt.currentTarget.className += " active"; } // Get the element with id="defaultOpen" and click on it document.getElementById("defaultOpen").click();

.tabmap { overflow: hidden; border: 1px solid #eee1fa; background-color: #eee1fa; color: #000; font-size: 18px; border-radius:15px !important; } .tabmap button { background-color: inherit; float: left; border: none; outline: none; cursor: pointer; padding: 12px 12px; transition: 0.3s; color: #000; border-radius:15px !important; } .btngallery { border: none; color: white; padding: 12px 12px; margin:10px; font-size: 12px; cursor: pointer; border-radius:15px !important; } .whitebutton {background-color: #FFF; color:#000; border: 1px solid #000;} .whitebutton:hover {background-color: #f6f6f6; color:#000;} .greenbutton {background-color: #04AA6D;} .greenbutton:hover {background-color: #46a049;} .bluebutton {background-color: #2196F3;} .bluebutton:hover {background: #0b7dda;} .orangebutton {background-color: #ff9800;} .orangebutton:hover {background: #e68a00;} .redbutton {background-color: #f44336;} .redbutton:hover {background: #da190b;} .greybutton {background-color: #e7e7e7; color: black;} .greybutton:hover {background: #ddd; color: black;} .blackbutton {background-color: #000; color: white;} .blackbutton:hover {background: #2d2d2d;} .brownbutton {background-color: #8b2d00;} .brownbutton:hover {background: #8e4f32;} .goldbutton {background-color: #dccab9; color: black; } .goldbutton:hover {background: #af9b87; color: black;} .pinkbutton {background-color: #fb00a0; } .pinkbutton:hover {background: #bd4f95;} .silverbutton {background-color: #e4e4e4; color: black;} .silverbutton:hover {background: #ddd; color: black;} .violetbutton {background-color: #7800c5; } .violetbutton:hover {background: #7405bb;} .yellowbutton {background-color: #fffa00; color: black;} .yellowbutton:hover {background: #aca904 color: black;;} /* Change background color of buttons on hover */ .tabmap button:hover { background-color: #tabmap; text-decoration: underline; } /* Create an active/current tablink class */ .tabmap button.active { background-color: #tabmap; } .tabcontent { display: none; margin-top:10px; padding: 6px 12px; border: 1px solid #000; border-radius:15px !important; } .topright { float: right; cursor: pointer; font-size: 28px; } .topright:hover {color: #66cc99;} Map × function openCity(evt, cityName) { var i, tabcontent, tablinks; tabcontent = document.getElementsByClassName("tabcontent"); for (i = 0; i < tabcontent.length; i++) { tabcontent[i].style.display = "none"; } tablinks = document.getElementsByClassName("tablinks"); for (i = 0; i < tablinks.length; i++) { tablinks[i].className = tablinks[i].className.replace(" active", ""); } document.getElementById(cityName).style.display = "block"; evt.currentTarget.className += " active"; } // Get the element with id="defaultOpen" and click on it document.getElementById("defaultOpen").click();
.tab { overflow: hidden; border: 1px solid #ccc; background-color: #f8f9fa; color: #000; } .tab button { background-color: inherit; float: left; border: none; outline: none; cursor: pointer; padding: 14px 16px; transition: 0.3s; font-size: 12px; color: #000; } .btngallery { border: none; color: white; padding: 6px 6px; margin:3px; font-size: 12px; cursor: pointer; } .whitebutton {background-color: #FFF; color:#000; border: 1px solid #ccc;} .whitebutton:hover {background-color: #f6f6f6; color:#000;} .greenbutton {background-color: #04AA6D;} .greenbutton:hover {background-color: #46a049;} .bluebutton {background-color: #2196F3;} .bluebutton:hover {background: #0b7dda;} .orangebutton {background-color: #ff9800;} .orangebutton:hover {background: #e68a00;} .redbutton {background-color: #f44336;} .redbutton:hover {background: #da190b;} .greybutton {background-color: #e7e7e7; color: black;} .greybutton:hover {background: #ddd; color: black;} .blackbutton {background-color: #000; color: white;} .blackbutton:hover {background: #2d2d2d;} .brownbutton {background-color: #8b2d00;} .brownbutton:hover {background: #8e4f32;} .goldbutton {background-color: #dccab9; color: black; } .goldbutton:hover {background: #af9b87; color: black;} .pinkbutton {background-color: #fb00a0; } .pinkbutton:hover {background: #bd4f95;} .silverbutton {background-color: #e4e4e4; color: black;} .silverbutton:hover {background: #ddd; color: black;} .violetbutton {background-color: #7800c5; } .violetbutton:hover {background: #7405bb;} .yellowbutton {background-color: #fffa00; color: black;} .yellowbutton:hover {background: #aca904 color: black;;} /* Change background color of buttons on hover */ .tab button:hover { background-color: #66cc99; } /* Create an active/current tablink class */ .tab button.active { background-color: #66cc99; } .tabcontent { display: none; padding: 6px 12px; border: 1px solid #ccc; border-top: none; } .topright { float: right; cursor: pointer; font-size: 28px; } .topright:hover {color: #66cc99;} STREET LOCATIONS - 16.BEZIRK (1160) × Brunnengasse Brunnenmarkt Friedmanngasse Friedrich Kaiser Gasse Gaullachergasse Grundsteingasse Haberlgasse Hippgasse Hofferplatz Huberpark Huttengasse Julius Meinl Gasse Kongreßpark Lobmeyrgasse Menzelgasse Musilplatz Neulerchenfelderstraße Neumayrgasse Paletzgasse Payergasse Schellhammergasse Stillfriedplatz Thaliastraße Weinheimergasse Weyprechtgasse Yppenmarkt Yppenplatz function openCity(evt, cityName) { var i, tabcontent, tablinks; tabcontent = document.getElementsByClassName("tabcontent"); for (i = 0; i < tabcontent.length; i++) { tabcontent[i].style.display = "none"; } tablinks = document.getElementsByClassName("tablinks"); for (i = 0; i < tablinks.length; i++) { tablinks[i].className = tablinks[i].className.replace(" active", ""); } document.getElementById(cityName).style.display = "block"; evt.currentTarget.className += " active"; } // Get the element with id="defaultOpen" and click on it document.getElementById("defaultOpen").click();

.tabmap { overflow: hidden; border: 1px solid #eee1fa; background-color: #eee1fa; color: #000; font-size: 18px; border-radius:15px !important; } .tabmap button { background-color: inherit; float: left; border: none; outline: none; cursor: pointer; padding: 12px 12px; transition: 0.3s; color: #000; border-radius:15px !important; } .btngallery { border: none; color: white; padding: 12px 12px; margin:10px; font-size: 12px; cursor: pointer; border-radius:15px !important; } .whitebutton {background-color: #FFF; color:#000; border: 1px solid #000;} .whitebutton:hover {background-color: #f6f6f6; color:#000;} .greenbutton {background-color: #04AA6D;} .greenbutton:hover {background-color: #46a049;} .bluebutton {background-color: #2196F3;} .bluebutton:hover {background: #0b7dda;} .orangebutton {background-color: #ff9800;} .orangebutton:hover {background: #e68a00;} .redbutton {background-color: #f44336;} .redbutton:hover {background: #da190b;} .greybutton {background-color: #e7e7e7; color: black;} .greybutton:hover {background: #ddd; color: black;} .blackbutton {background-color: #000; color: white;} .blackbutton:hover {background: #2d2d2d;} .brownbutton {background-color: #8b2d00;} .brownbutton:hover {background: #8e4f32;} .goldbutton {background-color: #dccab9; color: black; } .goldbutton:hover {background: #af9b87; color: black;} .pinkbutton {background-color: #fb00a0; } .pinkbutton:hover {background: #bd4f95;} .silverbutton {background-color: #e4e4e4; color: black;} .silverbutton:hover {background: #ddd; color: black;} .violetbutton {background-color: #7800c5; } .violetbutton:hover {background: #7405bb;} .yellowbutton {background-color: #fffa00; color: black;} .yellowbutton:hover {background: #aca904 color: black;;} /* Change background color of buttons on hover */ .tabmap button:hover { background-color: #tabmap; text-decoration: underline; } /* Create an active/current tablink class */ .tabmap button.active { background-color: #tabmap; } .tabcontent { display: none; margin-top:10px; padding: 6px 12px; border: 1px solid #000; border-radius:15px !important; } .topright { float: right; cursor: pointer; font-size: 28px; } .topright:hover {color: #66cc99;} Map × function openCity(evt, cityName) { var i, tabcontent, tablinks; tabcontent = document.getElementsByClassName("tabcontent"); for (i = 0; i < tabcontent.length; i++) { tabcontent[i].style.display = "none"; } tablinks = document.getElementsByClassName("tablinks"); for (i = 0; i < tablinks.length; i++) { tablinks[i].className = tablinks[i].className.replace(" active", ""); } document.getElementById(cityName).style.display = "block"; evt.currentTarget.className += " active"; } // Get the element with id="defaultOpen" and click on it document.getElementById("defaultOpen").click();
.tab { overflow: hidden; border: 1px solid #ccc; background-color: #f8f9fa; color: #000; } .tab button { background-color: inherit; float: left; border: none; outline: none; cursor: pointer; padding: 14px 16px; transition: 0.3s; font-size: 12px; color: #000; } .btngallery { border: none; color: white; padding: 6px 6px; margin:3px; font-size: 12px; cursor: pointer; } .whitebutton {background-color: #FFF; color:#000; border: 1px solid #ccc;} .whitebutton:hover {background-color: #f6f6f6; color:#000;} .greenbutton {background-color: #04AA6D;} .greenbutton:hover {background-color: #46a049;} .bluebutton {background-color: #2196F3;} .bluebutton:hover {background: #0b7dda;} .orangebutton {background-color: #ff9800;} .orangebutton:hover {background: #e68a00;} .redbutton {background-color: #f44336;} .redbutton:hover {background: #da190b;} .greybutton {background-color: #e7e7e7; color: black;} .greybutton:hover {background: #ddd; color: black;} .blackbutton {background-color: #000; color: white;} .blackbutton:hover {background: #2d2d2d;} .brownbutton {background-color: #8b2d00;} .brownbutton:hover {background: #8e4f32;} .goldbutton {background-color: #dccab9; color: black; } .goldbutton:hover {background: #af9b87; color: black;} .pinkbutton {background-color: #fb00a0; } .pinkbutton:hover {background: #bd4f95;} .silverbutton {background-color: #e4e4e4; color: black;} .silverbutton:hover {background: #ddd; color: black;} .violetbutton {background-color: #7800c5; } .violetbutton:hover {background: #7405bb;} .yellowbutton {background-color: #fffa00; color: black;} .yellowbutton:hover {background: #aca904 color: black;;} /* Change background color of buttons on hover */ .tab button:hover { background-color: #66cc99; } /* Create an active/current tablink class */ .tab button.active { background-color: #66cc99; } .tabcontent { display: none; padding: 6px 12px; border: 1px solid #ccc; border-top: none; } .topright { float: right; cursor: pointer; font-size: 28px; } .topright:hover {color: #66cc99;}

.tabmap { overflow: hidden; border: 1px solid #eee1fa; background-color: #eee1fa; color: #000; font-size: 18px; border-radius:15px !important; } .tabmap button { background-color: inherit; float: left; border: none; outline: none; cursor: pointer; padding: 12px 12px; transition: 0.3s; color: #000; border-radius:15px !important; } .btngallery { border: none; color: white; padding: 12px 12px; margin:10px; font-size: 12px; cursor: pointer; border-radius:15px !important; } .whitebutton {background-color: #FFF; color:#000; border: 1px solid #000;} .whitebutton:hover {background-color: #f6f6f6; color:#000;} .greenbutton {background-color: #04AA6D;} .greenbutton:hover {background-color: #46a049;} .bluebutton {background-color: #2196F3;} .bluebutton:hover {background: #0b7dda;} .orangebutton {background-color: #ff9800;} .orangebutton:hover {background: #e68a00;} .redbutton {background-color: #f44336;} .redbutton:hover {background: #da190b;} .greybutton {background-color: #e7e7e7; color: black;} .greybutton:hover {background: #ddd; color: black;} .blackbutton {background-color: #000; color: white;} .blackbutton:hover {background: #2d2d2d;} .brownbutton {background-color: #8b2d00;} .brownbutton:hover {background: #8e4f32;} .goldbutton {background-color: #dccab9; color: black; } .goldbutton:hover {background: #af9b87; color: black;} .pinkbutton {background-color: #fb00a0; } .pinkbutton:hover {background: #bd4f95;} .silverbutton {background-color: #e4e4e4; color: black;} .silverbutton:hover {background: #ddd; color: black;} .violetbutton {background-color: #7800c5; } .violetbutton:hover {background: #7405bb;} .yellowbutton {background-color: #fffa00; color: black;} .yellowbutton:hover {background: #aca904 color: black;;} /* Change background color of buttons on hover */ .tabmap button:hover { background-color: #tabmap; text-decoration: underline; } /* Create an active/current tablink class */ .tabmap button.active { background-color: #tabmap; } .tabcontent { display: none; margin-top:10px; padding: 6px 12px; border: 1px solid #000; border-radius:15px !important; } .topright { float: right; cursor: pointer; font-size: 28px; } .topright:hover {color: #66cc99;} Map × function openCity(evt, cityName) { var i, tabcontent, tablinks; tabcontent = document.getElementsByClassName("tabcontent"); for (i = 0; i < tabcontent.length; i++) { tabcontent[i].style.display = "none"; } tablinks = document.getElementsByClassName("tablinks"); for (i = 0; i < tablinks.length; i++) { tablinks[i].className = tablinks[i].className.replace(" active", ""); } document.getElementById(cityName).style.display = "block"; evt.currentTarget.className += " active"; } // Get the element with id="defaultOpen" and click on it document.getElementById("defaultOpen").click();
.tab { overflow: hidden; border: 1px solid #ccc; background-color: #f8f9fa; color: #000; } .tab button { background-color: inherit; float: left; border: none; outline: none; cursor: pointer; padding: 14px 16px; transition: 0.3s; font-size: 12px; color: #000; } .btngallery { border: none; color: white; padding: 6px 6px; margin:3px; font-size: 12px; cursor: pointer; } .whitebutton {background-color: #FFF; color:#000; border: 1px solid #ccc;} .whitebutton:hover {background-color: #f6f6f6; color:#000;} .greenbutton {background-color: #04AA6D;} .greenbutton:hover {background-color: #46a049;} .bluebutton {background-color: #2196F3;} .bluebutton:hover {background: #0b7dda;} .orangebutton {background-color: #ff9800;} .orangebutton:hover {background: #e68a00;} .redbutton {background-color: #f44336;} .redbutton:hover {background: #da190b;} .greybutton {background-color: #e7e7e7; color: black;} .greybutton:hover {background: #ddd; color: black;} .blackbutton {background-color: #000; color: white;} .blackbutton:hover {background: #2d2d2d;} .brownbutton {background-color: #8b2d00;} .brownbutton:hover {background: #8e4f32;} .goldbutton {background-color: #dccab9; color: black; } .goldbutton:hover {background: #af9b87; color: black;} .pinkbutton {background-color: #fb00a0; } .pinkbutton:hover {background: #bd4f95;} .silverbutton {background-color: #e4e4e4; color: black;} .silverbutton:hover {background: #ddd; color: black;} .violetbutton {background-color: #7800c5; } .violetbutton:hover {background: #7405bb;} .yellowbutton {background-color: #fffa00; color: black;} .yellowbutton:hover {background: #aca904 color: black;;} /* Change background color of buttons on hover */ .tab button:hover { background-color: #66cc99; } /* Create an active/current tablink class */ .tab button.active { background-color: #66cc99; } .tabcontent { display: none; padding: 6px 12px; border: 1px solid #ccc; border-top: none; } .topright { float: right; cursor: pointer; font-size: 28px; } .topright:hover {color: #66cc99;} STREET LOCATIONS - 18.BEZIRK (1180) × Gentzgasse Gersthofer Markt Gersthofer Straße Schrottenbachgasse Schulgasse Staudgasse Sternwartegasse Währinger Park function openCity(evt, cityName) { var i, tabcontent, tablinks; tabcontent = document.getElementsByClassName("tabcontent"); for (i = 0; i < tabcontent.length; i++) { tabcontent[i].style.display = "none"; } tablinks = document.getElementsByClassName("tablinks"); for (i = 0; i < tablinks.length; i++) { tablinks[i].className = tablinks[i].className.replace(" active", ""); } document.getElementById(cityName).style.display = "block"; evt.currentTarget.className += " active"; } // Get the element with id="defaultOpen" and click on it document.getElementById("defaultOpen").click();

.tabmap { overflow: hidden; border: 1px solid #eee1fa; background-color: #eee1fa; color: #000; font-size: 18px; border-radius:15px !important; } .tabmap button { background-color: inherit; float: left; border: none; outline: none; cursor: pointer; padding: 12px 12px; transition: 0.3s; color: #000; border-radius:15px !important; } .btngallery { border: none; color: white; padding: 12px 12px; margin:10px; font-size: 12px; cursor: pointer; border-radius:15px !important; } .whitebutton {background-color: #FFF; color:#000; border: 1px solid #000;} .whitebutton:hover {background-color: #f6f6f6; color:#000;} .greenbutton {background-color: #04AA6D;} .greenbutton:hover {background-color: #46a049;} .bluebutton {background-color: #2196F3;} .bluebutton:hover {background: #0b7dda;} .orangebutton {background-color: #ff9800;} .orangebutton:hover {background: #e68a00;} .redbutton {background-color: #f44336;} .redbutton:hover {background: #da190b;} .greybutton {background-color: #e7e7e7; color: black;} .greybutton:hover {background: #ddd; color: black;} .blackbutton {background-color: #000; color: white;} .blackbutton:hover {background: #2d2d2d;} .brownbutton {background-color: #8b2d00;} .brownbutton:hover {background: #8e4f32;} .goldbutton {background-color: #dccab9; color: black; } .goldbutton:hover {background: #af9b87; color: black;} .pinkbutton {background-color: #fb00a0; } .pinkbutton:hover {background: #bd4f95;} .silverbutton {background-color: #e4e4e4; color: black;} .silverbutton:hover {background: #ddd; color: black;} .violetbutton {background-color: #7800c5; } .violetbutton:hover {background: #7405bb;} .yellowbutton {background-color: #fffa00; color: black;} .yellowbutton:hover {background: #aca904 color: black;;} /* Change background color of buttons on hover */ .tabmap button:hover { background-color: #tabmap; text-decoration: underline; } /* Create an active/current tablink class */ .tabmap button.active { background-color: #tabmap; } .tabcontent { display: none; margin-top:10px; padding: 6px 12px; border: 1px solid #000; border-radius:15px !important; } .topright { float: right; cursor: pointer; font-size: 28px; } .topright:hover {color: #66cc99;} Map × function openCity(evt, cityName) { var i, tabcontent, tablinks; tabcontent = document.getElementsByClassName("tabcontent"); for (i = 0; i < tabcontent.length; i++) { tabcontent[i].style.display = "none"; } tablinks = document.getElementsByClassName("tablinks"); for (i = 0; i < tablinks.length; i++) { tablinks[i].className = tablinks[i].className.replace(" active", ""); } document.getElementById(cityName).style.display = "block"; evt.currentTarget.className += " active"; } // Get the element with id="defaultOpen" and click on it document.getElementById("defaultOpen").click();
.tab { overflow: hidden; border: 1px solid #ccc; background-color: #f8f9fa; color: #000; } .tab button { background-color: inherit; float: left; border: none; outline: none; cursor: pointer; padding: 14px 16px; transition: 0.3s; font-size: 12px; color: #000; } .btngallery { border: none; color: white; padding: 6px 6px; margin:3px; font-size: 12px; cursor: pointer; } .whitebutton {background-color: #FFF; color:#000; border: 1px solid #ccc;} .whitebutton:hover {background-color: #f6f6f6; color:#000;} .greenbutton {background-color: #04AA6D;} .greenbutton:hover {background-color: #46a049;} .bluebutton {background-color: #2196F3;} .bluebutton:hover {background: #0b7dda;} .orangebutton {background-color: #ff9800;} .orangebutton:hover {background: #e68a00;} .redbutton {background-color: #f44336;} .redbutton:hover {background: #da190b;} .greybutton {background-color: #e7e7e7; color: black;} .greybutton:hover {background: #ddd; color: black;} .blackbutton {background-color: #000; color: white;} .blackbutton:hover {background: #2d2d2d;} .brownbutton {background-color: #8b2d00;} .brownbutton:hover {background: #8e4f32;} .goldbutton {background-color: #dccab9; color: black; } .goldbutton:hover {background: #af9b87; color: black;} .pinkbutton {background-color: #fb00a0; } .pinkbutton:hover {background: #bd4f95;} .silverbutton {background-color: #e4e4e4; color: black;} .silverbutton:hover {background: #ddd; color: black;} .violetbutton {background-color: #7800c5; } .violetbutton:hover {background: #7405bb;} .yellowbutton {background-color: #fffa00; color: black;} .yellowbutton:hover {background: #aca904 color: black;;} /* Change background color of buttons on hover */ .tab button:hover { background-color: #66cc99; } /* Create an active/current tablink class */ .tab button.active { background-color: #66cc99; } .tabcontent { display: none; padding: 6px 12px; border: 1px solid #ccc; border-top: none; } .topright { float: right; cursor: pointer; font-size: 28px; } .topright:hover {color: #66cc99;} STREET LOCATIONS - 19.BEZIRK (1190) × Billrothstraße Eisenbahnstraße Franz Ippisch Steg Gymnasiumstraße Heiligenstädter Lände Hermann Zottl Promenade Leidesdorfgasse Muthgasse Nussdorfer Lände Pokornygasse Rampengasse Wertheimsteinpark function openCity(evt, cityName) { var i, tabcontent, tablinks; tabcontent = document.getElementsByClassName("tabcontent"); for (i = 0; i < tabcontent.length; i++) { tabcontent[i].style.display = "none"; } tablinks = document.getElementsByClassName("tablinks"); for (i = 0; i < tablinks.length; i++) { tablinks[i].className = tablinks[i].className.replace(" active", ""); } document.getElementById(cityName).style.display = "block"; evt.currentTarget.className += " active"; } // Get the element with id="defaultOpen" and click on it document.getElementById("defaultOpen").click();

.tabmap { overflow: hidden; border: 1px solid #eee1fa; background-color: #eee1fa; color: #000; font-size: 18px; border-radius:15px !important; } .tabmap button { background-color: inherit; float: left; border: none; outline: none; cursor: pointer; padding: 12px 12px; transition: 0.3s; color: #000; border-radius:15px !important; } .btngallery { border: none; color: white; padding: 12px 12px; margin:10px; font-size: 12px; cursor: pointer; border-radius:15px !important; } .whitebutton {background-color: #FFF; color:#000; border: 1px solid #000;} .whitebutton:hover {background-color: #f6f6f6; color:#000;} .greenbutton {background-color: #04AA6D;} .greenbutton:hover {background-color: #46a049;} .bluebutton {background-color: #2196F3;} .bluebutton:hover {background: #0b7dda;} .orangebutton {background-color: #ff9800;} .orangebutton:hover {background: #e68a00;} .redbutton {background-color: #f44336;} .redbutton:hover {background: #da190b;} .greybutton {background-color: #e7e7e7; color: black;} .greybutton:hover {background: #ddd; color: black;} .blackbutton {background-color: #000; color: white;} .blackbutton:hover {background: #2d2d2d;} .brownbutton {background-color: #8b2d00;} .brownbutton:hover {background: #8e4f32;} .goldbutton {background-color: #dccab9; color: black; } .goldbutton:hover {background: #af9b87; color: black;} .pinkbutton {background-color: #fb00a0; } .pinkbutton:hover {background: #bd4f95;} .silverbutton {background-color: #e4e4e4; color: black;} .silverbutton:hover {background: #ddd; color: black;} .violetbutton {background-color: #7800c5; } .violetbutton:hover {background: #7405bb;} .yellowbutton {background-color: #fffa00; color: black;} .yellowbutton:hover {background: #aca904 color: black;;} /* Change background color of buttons on hover */ .tabmap button:hover { background-color: #tabmap; text-decoration: underline; } /* Create an active/current tablink class */ .tabmap button.active { background-color: #tabmap; } .tabcontent { display: none; margin-top:10px; padding: 6px 12px; border: 1px solid #000; border-radius:15px !important; } .topright { float: right; cursor: pointer; font-size: 28px; } .topright:hover {color: #66cc99;} Map × function openCity(evt, cityName) { var i, tabcontent, tablinks; tabcontent = document.getElementsByClassName("tabcontent"); for (i = 0; i < tabcontent.length; i++) { tabcontent[i].style.display = "none"; } tablinks = document.getElementsByClassName("tablinks"); for (i = 0; i < tablinks.length; i++) { tablinks[i].className = tablinks[i].className.replace(" active", ""); } document.getElementById(cityName).style.display = "block"; evt.currentTarget.className += " active"; } // Get the element with id="defaultOpen" and click on it document.getElementById("defaultOpen").click();
.tab { overflow: hidden; border: 1px solid #ccc; background-color: #f8f9fa; color: #000; } .tab button { background-color: inherit; float: left; border: none; outline: none; cursor: pointer; padding: 14px 16px; transition: 0.3s; font-size: 12px; color: #000; } .btngallery { border: none; color: white; padding: 6px 6px; margin:3px; font-size: 12px; cursor: pointer; } .whitebutton {background-color: #FFF; color:#000; border: 1px solid #ccc;} .whitebutton:hover {background-color: #f6f6f6; color:#000;} .greenbutton {background-color: #04AA6D;} .greenbutton:hover {background-color: #46a049;} .bluebutton {background-color: #2196F3;} .bluebutton:hover {background: #0b7dda;} .orangebutton {background-color: #ff9800;} .orangebutton:hover {background: #e68a00;} .redbutton {background-color: #f44336;} .redbutton:hover {background: #da190b;} .greybutton {background-color: #e7e7e7; color: black;} .greybutton:hover {background: #ddd; color: black;} .blackbutton {background-color: #000; color: white;} .blackbutton:hover {background: #2d2d2d;} .brownbutton {background-color: #8b2d00;} .brownbutton:hover {background: #8e4f32;} .goldbutton {background-color: #dccab9; color: black; } .goldbutton:hover {background: #af9b87; color: black;} .pinkbutton {background-color: #fb00a0; } .pinkbutton:hover {background: #bd4f95;} .silverbutton {background-color: #e4e4e4; color: black;} .silverbutton:hover {background: #ddd; color: black;} .violetbutton {background-color: #7800c5; } .violetbutton:hover {background: #7405bb;} .yellowbutton {background-color: #fffa00; color: black;} .yellowbutton:hover {background: #aca904 color: black;;} /* Change background color of buttons on hover */ .tab button:hover { background-color: #66cc99; } /* Create an active/current tablink class */ .tab button.active { background-color: #66cc99; } .tabcontent { display: none; padding: 6px 12px; border: 1px solid #ccc; border-top: none; } .topright { float: right; cursor: pointer; font-size: 28px; } .topright:hover {color: #66cc99;} STREET LOCATIONS - 20.BEZIRK (1200) × Abfahrt A22 Adalbert Stifter Straße Aignersteg Anton Kummerer Park Anton Schmid Promenade Brigittenauer Lände Dresdner Straße Durchlaufstraße Engerthstraße Forsthauspark Friedrich Engels Platz Gaußplatz Handelskai Hellwagstraße Hugo Gottschlich Park Innstraße Leipziger Straße Leystraße Maria Restituta Platz Nordwestbahnhof Nordwestbahnstraße Pöchlarnstraße Rauscherstraße Rivergate Robert Blum Gasse Schemerlbrücke Schongauergasse Sportplatz ASKÖ Stromstraße Vorgartenstraße Wallensteinstraße Winzersteg function openCity(evt, cityName) { var i, tabcontent, tablinks; tabcontent = document.getElementsByClassName("tabcontent"); for (i = 0; i < tabcontent.length; i++) { tabcontent[i].style.display = "none"; } tablinks = document.getElementsByClassName("tablinks"); for (i = 0; i < tablinks.length; i++) { tablinks[i].className = tablinks[i].className.replace(" active", ""); } document.getElementById(cityName).style.display = "block"; evt.currentTarget.className += " active"; } // Get the element with id="defaultOpen" and click on it document.getElementById("defaultOpen").click();

.tabmap { overflow: hidden; border: 1px solid #eee1fa; background-color: #eee1fa; color: #000; font-size: 18px; border-radius:15px !important; } .tabmap button { background-color: inherit; float: left; border: none; outline: none; cursor: pointer; padding: 12px 12px; transition: 0.3s; color: #000; border-radius:15px !important; } .btngallery { border: none; color: white; padding: 12px 12px; margin:10px; font-size: 12px; cursor: pointer; border-radius:15px !important; } .whitebutton {background-color: #FFF; color:#000; border: 1px solid #000;} .whitebutton:hover {background-color: #f6f6f6; color:#000;} .greenbutton {background-color: #04AA6D;} .greenbutton:hover {background-color: #46a049;} .bluebutton {background-color: #2196F3;} .bluebutton:hover {background: #0b7dda;} .orangebutton {background-color: #ff9800;} .orangebutton:hover {background: #e68a00;} .redbutton {background-color: #f44336;} .redbutton:hover {background: #da190b;} .greybutton {background-color: #e7e7e7; color: black;} .greybutton:hover {background: #ddd; color: black;} .blackbutton {background-color: #000; color: white;} .blackbutton:hover {background: #2d2d2d;} .brownbutton {background-color: #8b2d00;} .brownbutton:hover {background: #8e4f32;} .goldbutton {background-color: #dccab9; color: black; } .goldbutton:hover {background: #af9b87; color: black;} .pinkbutton {background-color: #fb00a0; } .pinkbutton:hover {background: #bd4f95;} .silverbutton {background-color: #e4e4e4; color: black;} .silverbutton:hover {background: #ddd; color: black;} .violetbutton {background-color: #7800c5; } .violetbutton:hover {background: #7405bb;} .yellowbutton {background-color: #fffa00; color: black;} .yellowbutton:hover {background: #aca904 color: black;;} /* Change background color of buttons on hover */ .tabmap button:hover { background-color: #tabmap; text-decoration: underline; } /* Create an active/current tablink class */ .tabmap button.active { background-color: #tabmap; } .tabcontent { display: none; margin-top:10px; padding: 6px 12px; border: 1px solid #000; border-radius:15px !important; } .topright { float: right; cursor: pointer; font-size: 28px; } .topright:hover {color: #66cc99;} Map × function openCity(evt, cityName) { var i, tabcontent, tablinks; tabcontent = document.getElementsByClassName("tabcontent"); for (i = 0; i < tabcontent.length; i++) { tabcontent[i].style.display = "none"; } tablinks = document.getElementsByClassName("tablinks"); for (i = 0; i < tablinks.length; i++) { tablinks[i].className = tablinks[i].className.replace(" active", ""); } document.getElementById(cityName).style.display = "block"; evt.currentTarget.className += " active"; } // Get the element with id="defaultOpen" and click on it document.getElementById("defaultOpen").click();
.tab { overflow: hidden; border: 1px solid #ccc; background-color: #f8f9fa; color: #000; } .tab button { background-color: inherit; float: left; border: none; outline: none; cursor: pointer; padding: 14px 16px; transition: 0.3s; font-size: 12px; color: #000; } .btngallery { border: none; color: white; padding: 6px 6px; margin:3px; font-size: 12px; cursor: pointer; } .whitebutton {background-color: #FFF; color:#000; border: 1px solid #ccc;} .whitebutton:hover {background-color: #f6f6f6; color:#000;} .greenbutton {background-color: #04AA6D;} .greenbutton:hover {background-color: #46a049;} .bluebutton {background-color: #2196F3;} .bluebutton:hover {background: #0b7dda;} .orangebutton {background-color: #ff9800;} .orangebutton:hover {background: #e68a00;} .redbutton {background-color: #f44336;} .redbutton:hover {background: #da190b;} .greybutton {background-color: #e7e7e7; color: black;} .greybutton:hover {background: #ddd; color: black;} .blackbutton {background-color: #000; color: white;} .blackbutton:hover {background: #2d2d2d;} .brownbutton {background-color: #8b2d00;} .brownbutton:hover {background: #8e4f32;} .goldbutton {background-color: #dccab9; color: black; } .goldbutton:hover {background: #af9b87; color: black;} .pinkbutton {background-color: #fb00a0; } .pinkbutton:hover {background: #bd4f95;} .silverbutton {background-color: #e4e4e4; color: black;} .silverbutton:hover {background: #ddd; color: black;} .violetbutton {background-color: #7800c5; } .violetbutton:hover {background: #7405bb;} .yellowbutton {background-color: #fffa00; color: black;} .yellowbutton:hover {background: #aca904 color: black;;} /* Change background color of buttons on hover */ .tab button:hover { background-color: #66cc99; } /* Create an active/current tablink class */ .tab button.active { background-color: #66cc99; } .tabcontent { display: none; padding: 6px 12px; border: 1px solid #ccc; border-top: none; } .topright { float: right; cursor: pointer; font-size: 28px; } .topright:hover {color: #66cc99;} STREET LOCATIONS - 21.BEZIRK (1210) × Am Nordbahndamm An der oberen Alten Donau Angerer Straße Arnoldgasse Bodenstedtgasse Fännersteg Floridsdorfer Markt Floridsdorfer Wasserpark Franklinstraße Franz Jonas Platz Gebauergasse Horst Winter Promenade Jedleseer Straße Katsushikastraße Koloniestraße Linke Nordbahngasse Marchfeldkanal Marischkapromenade Nordwestbahnbrücke Prager Straße Richard Neutra Gasse Schwaigergasse Siemensplatz Sinawastingasse Thayagasse function openCity(evt, cityName) { var i, tabcontent, tablinks; tabcontent = document.getElementsByClassName("tabcontent"); for (i = 0; i < tabcontent.length; i++) { tabcontent[i].style.display = "none"; } tablinks = document.getElementsByClassName("tablinks"); for (i = 0; i < tablinks.length; i++) { tablinks[i].className = tablinks[i].className.replace(" active", ""); } document.getElementById(cityName).style.display = "block"; evt.currentTarget.className += " active"; } // Get the element with id="defaultOpen" and click on it document.getElementById("defaultOpen").click();

.tabmap { overflow: hidden; border: 1px solid #eee1fa; background-color: #eee1fa; color: #000; font-size: 18px; border-radius:15px !important; } .tabmap button { background-color: inherit; float: left; border: none; outline: none; cursor: pointer; padding: 12px 12px; transition: 0.3s; color: #000; border-radius:15px !important; } .btngallery { border: none; color: white; padding: 12px 12px; margin:10px; font-size: 12px; cursor: pointer; border-radius:15px !important; } .whitebutton {background-color: #FFF; color:#000; border: 1px solid #000;} .whitebutton:hover {background-color: #f6f6f6; color:#000;} .greenbutton {background-color: #04AA6D;} .greenbutton:hover {background-color: #46a049;} .bluebutton {background-color: #2196F3;} .bluebutton:hover {background: #0b7dda;} .orangebutton {background-color: #ff9800;} .orangebutton:hover {background: #e68a00;} .redbutton {background-color: #f44336;} .redbutton:hover {background: #da190b;} .greybutton {background-color: #e7e7e7; color: black;} .greybutton:hover {background: #ddd; color: black;} .blackbutton {background-color: #000; color: white;} .blackbutton:hover {background: #2d2d2d;} .brownbutton {background-color: #8b2d00;} .brownbutton:hover {background: #8e4f32;} .goldbutton {background-color: #dccab9; color: black; } .goldbutton:hover {background: #af9b87; color: black;} .pinkbutton {background-color: #fb00a0; } .pinkbutton:hover {background: #bd4f95;} .silverbutton {background-color: #e4e4e4; color: black;} .silverbutton:hover {background: #ddd; color: black;} .violetbutton {background-color: #7800c5; } .violetbutton:hover {background: #7405bb;} .yellowbutton {background-color: #fffa00; color: black;} .yellowbutton:hover {background: #aca904 color: black;;} /* Change background color of buttons on hover */ .tabmap button:hover { background-color: #tabmap; text-decoration: underline; } /* Create an active/current tablink class */ .tabmap button.active { background-color: #tabmap; } .tabcontent { display: none; margin-top:10px; padding: 6px 12px; border: 1px solid #000; border-radius:15px !important; } .topright { float: right; cursor: pointer; font-size: 28px; } .topright:hover {color: #66cc99;} Map × function openCity(evt, cityName) { var i, tabcontent, tablinks; tabcontent = document.getElementsByClassName("tabcontent"); for (i = 0; i < tabcontent.length; i++) { tabcontent[i].style.display = "none"; } tablinks = document.getElementsByClassName("tablinks"); for (i = 0; i < tablinks.length; i++) { tablinks[i].className = tablinks[i].className.replace(" active", ""); } document.getElementById(cityName).style.display = "block"; evt.currentTarget.className += " active"; } // Get the element with id="defaultOpen" and click on it document.getElementById("defaultOpen").click();
.tab { overflow: hidden; border: 1px solid #ccc; background-color: #f8f9fa; color: #000; } .tab button { background-color: inherit; float: left; border: none; outline: none; cursor: pointer; padding: 14px 16px; transition: 0.3s; font-size: 12px; color: #000; } .btngallery { border: none; color: white; padding: 6px 6px; margin:3px; font-size: 12px; cursor: pointer; } .whitebutton {background-color: #FFF; color:#000; border: 1px solid #ccc;} .whitebutton:hover {background-color: #f6f6f6; color:#000;} .greenbutton {background-color: #04AA6D;} .greenbutton:hover {background-color: #46a049;} .bluebutton {background-color: #2196F3;} .bluebutton:hover {background: #0b7dda;} .orangebutton {background-color: #ff9800;} .orangebutton:hover {background: #e68a00;} .redbutton {background-color: #f44336;} .redbutton:hover {background: #da190b;} .greybutton {background-color: #e7e7e7; color: black;} .greybutton:hover {background: #ddd; color: black;} .blackbutton {background-color: #000; color: white;} .blackbutton:hover {background: #2d2d2d;} .brownbutton {background-color: #8b2d00;} .brownbutton:hover {background: #8e4f32;} .goldbutton {background-color: #dccab9; color: black; } .goldbutton:hover {background: #af9b87; color: black;} .pinkbutton {background-color: #fb00a0; } .pinkbutton:hover {background: #bd4f95;} .silverbutton {background-color: #e4e4e4; color: black;} .silverbutton:hover {background: #ddd; color: black;} .violetbutton {background-color: #7800c5; } .violetbutton:hover {background: #7405bb;} .yellowbutton {background-color: #fffa00; color: black;} .yellowbutton:hover {background: #aca904 color: black;;} /* Change background color of buttons on hover */ .tab button:hover { background-color: #66cc99; } /* Create an active/current tablink class */ .tab button.active { background-color: #66cc99; } .tabcontent { display: none; padding: 6px 12px; border: 1px solid #ccc; border-top: none; } .topright { float: right; cursor: pointer; font-size: 28px; } .topright:hover {color: #66cc99;} STREET LOCATIONS - 22.BEZIRK (1220) × Am Kaisermühlendamm Anton Sattler Gasse Aspernstraße Copa Cagrana Donau City Donaupark Effenbergplatz Eipeldauer Straße Erzherzog Karl Straße Gemeindeaugasse Gewerbepark Stadlau Gotramgasse Hans Mayr Platz Hasibederstraße Kagraner Brücke Kaisermühlenstraße Kratochwjlestraße Minopolis Neuhaufenstraße Oberes Mühlwasser Pirquetgasse Rothergasse Seepark Seestadt Spargelfeld Stadlauer Straße Vernholzgasse Wagramer Straße Wagramer Tunnel Wiedgasse Zieritzgasse function openCity(evt, cityName) { var i, tabcontent, tablinks; tabcontent = document.getElementsByClassName("tabcontent"); for (i = 0; i < tabcontent.length; i++) { tabcontent[i].style.display = "none"; } tablinks = document.getElementsByClassName("tablinks"); for (i = 0; i < tablinks.length; i++) { tablinks[i].className = tablinks[i].className.replace(" active", ""); } document.getElementById(cityName).style.display = "block"; evt.currentTarget.className += " active"; } // Get the element with id="defaultOpen" and click on it document.getElementById("defaultOpen").click();

.tabmap { overflow: hidden; border: 1px solid #eee1fa; background-color: #eee1fa; color: #000; font-size: 18px; border-radius:15px !important; } .tabmap button { background-color: inherit; float: left; border: none; outline: none; cursor: pointer; padding: 12px 12px; transition: 0.3s; color: #000; border-radius:15px !important; } .btngallery { border: none; color: white; padding: 12px 12px; margin:10px; font-size: 12px; cursor: pointer; border-radius:15px !important; } .whitebutton {background-color: #FFF; color:#000; border: 1px solid #000;} .whitebutton:hover {background-color: #f6f6f6; color:#000;} .greenbutton {background-color: #04AA6D;} .greenbutton:hover {background-color: #46a049;} .bluebutton {background-color: #2196F3;} .bluebutton:hover {background: #0b7dda;} .orangebutton {background-color: #ff9800;} .orangebutton:hover {background: #e68a00;} .redbutton {background-color: #f44336;} .redbutton:hover {background: #da190b;} .greybutton {background-color: #e7e7e7; color: black;} .greybutton:hover {background: #ddd; color: black;} .blackbutton {background-color: #000; color: white;} .blackbutton:hover {background: #2d2d2d;} .brownbutton {background-color: #8b2d00;} .brownbutton:hover {background: #8e4f32;} .goldbutton {background-color: #dccab9; color: black; } .goldbutton:hover {background: #af9b87; color: black;} .pinkbutton {background-color: #fb00a0; } .pinkbutton:hover {background: #bd4f95;} .silverbutton {background-color: #e4e4e4; color: black;} .silverbutton:hover {background: #ddd; color: black;} .violetbutton {background-color: #7800c5; } .violetbutton:hover {background: #7405bb;} .yellowbutton {background-color: #fffa00; color: black;} .yellowbutton:hover {background: #aca904 color: black;;} /* Change background color of buttons on hover */ .tabmap button:hover { background-color: #tabmap; text-decoration: underline; } /* Create an active/current tablink class */ .tabmap button.active { background-color: #tabmap; } .tabcontent { display: none; margin-top:10px; padding: 6px 12px; border: 1px solid #000; border-radius:15px !important; } .topright { float: right; cursor: pointer; font-size: 28px; } .topright:hover {color: #66cc99;} Map × function openCity(evt, cityName) { var i, tabcontent, tablinks; tabcontent = document.getElementsByClassName("tabcontent"); for (i = 0; i < tabcontent.length; i++) { tabcontent[i].style.display = "none"; } tablinks = document.getElementsByClassName("tablinks"); for (i = 0; i < tablinks.length; i++) { tablinks[i].className = tablinks[i].className.replace(" active", ""); } document.getElementById(cityName).style.display = "block"; evt.currentTarget.className += " active"; } // Get the element with id="defaultOpen" and click on it document.getElementById("defaultOpen").click();
.tab { overflow: hidden; border: 1px solid #ccc; background-color: #f8f9fa; color: #000; } .tab button { background-color: inherit; float: left; border: none; outline: none; cursor: pointer; padding: 14px 16px; transition: 0.3s; font-size: 12px; color: #000; } .btngallery { border: none; color: white; padding: 6px 6px; margin:3px; font-size: 12px; cursor: pointer; } .whitebutton {background-color: #FFF; color:#000; border: 1px solid #ccc;} .whitebutton:hover {background-color: #f6f6f6; color:#000;} .greenbutton {background-color: #04AA6D;} .greenbutton:hover {background-color: #46a049;} .bluebutton {background-color: #2196F3;} .bluebutton:hover {background: #0b7dda;} .orangebutton {background-color: #ff9800;} .orangebutton:hover {background: #e68a00;} .redbutton {background-color: #f44336;} .redbutton:hover {background: #da190b;} .greybutton {background-color: #e7e7e7; color: black;} .greybutton:hover {background: #ddd; color: black;} .blackbutton {background-color: #000; color: white;} .blackbutton:hover {background: #2d2d2d;} .brownbutton {background-color: #8b2d00;} .brownbutton:hover {background: #8e4f32;} .goldbutton {background-color: #dccab9; color: black; } .goldbutton:hover {background: #af9b87; color: black;} .pinkbutton {background-color: #fb00a0; } .pinkbutton:hover {background: #bd4f95;} .silverbutton {background-color: #e4e4e4; color: black;} .silverbutton:hover {background: #ddd; color: black;} .violetbutton {background-color: #7800c5; } .violetbutton:hover {background: #7405bb;} .yellowbutton {background-color: #fffa00; color: black;} .yellowbutton:hover {background: #aca904 color: black;;} /* Change background color of buttons on hover */ .tab button:hover { background-color: #66cc99; } /* Create an active/current tablink class */ .tab button.active { background-color: #66cc99; } .tabcontent { display: none; padding: 6px 12px; border: 1px solid #ccc; border-top: none; } .topright { float: right; cursor: pointer; font-size: 28px; } .topright:hover {color: #66cc99;} STREET LOCATIONS - 23.BEZIRK (1230) × Altmannsdorfer Straße Blumentalbrücke Bruno Morpurgo Park Draschepark Franz Parsche Gasse Grawatschgasse Großmarktstraße Inzersdorfer Brücke Kaiser Franz Josef Straße KLG Hofallee Laxenburger Straße Liesingbach Liesingsteg Ostrandstraße PaN Park Steinseebrücke Steinseeweg Triester Straße Wohnparkstraße function openCity(evt, cityName) { var i, tabcontent, tablinks; tabcontent = document.getElementsByClassName("tabcontent"); for (i = 0; i < tabcontent.length; i++) { tabcontent[i].style.display = "none"; } tablinks = document.getElementsByClassName("tablinks"); for (i = 0; i < tablinks.length; i++) { tablinks[i].className = tablinks[i].className.replace(" active", ""); } document.getElementById(cityName).style.display = "block"; evt.currentTarget.className += " active"; } // Get the element with id="defaultOpen" and click on it document.getElementById("defaultOpen").click();