×
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();
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
.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
.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
.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
.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
.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
.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
.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
.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
.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
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();
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
.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
.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();
Powered by Piwigo