×

Note

This folder contains images of graffiti which may have been painted without authorization. For more Information please visit our disclaimer.
S-Bahn Stammstrecke
S-Bahn Stammstrecke
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();
Direction × NORTH SOUTH 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();
S1 Südbahn
S1 Südbahn
.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();
S1/S2 Nordbahn
S1/S2 Nordbahn
.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();
S3 Nordwestbahn
S3 Nordwestbahn
.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();
S7 Flughafenlinie
S7 Flughafenlinie
.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();
S40 Franz Josephs Bahn
S40 Franz Josephs Bahn
.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();
S45 Vorortelinie
S45 Vorortelinie
.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();
S50 Westbahn
S50 Westbahn
.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();
S60 Ostbahn
S60 Ostbahn
.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();
S80 Aspern Nord - Hütteldorf
S80 Aspern Nord - Hütteldorf
.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();
Straßenbahn / Tram Line
Straßenbahn / Tram Line
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();
Straßenbahn / Tram Line × Eichenstraße Gewerbepark Stadlau Gewerbepark Stadlau Süssenbrunner Str. Hauptbahnhof Laurenzgasse (Einfahrt) Laurenzgasse Matzleinsdorfer Platz Matzleinsdorfer Platz Knöllgasse Schottentor 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();
U-Bahn Line
U-Bahn Line
.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();
Wiener Lokalbahnen
Wiener Lokalbahnen
.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();
Allover
Send your photos

Mail / Wetransfer / Analog Photos / Memory cards / CDs

Support SPRAYCITY

Your donation supports SPRAYCITY in the implementation of research projects and ongoing documentation. Donate via PayPal here: