Bahnhof Meidling (Station)
.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;}
WALLS NORTH
WALLS SOUTH
OTHER
×
WALL NORTH 1 (Station)
×
WALL SOUTH 1 (Cemetery)
×
OTHER 1
OTHER 2
OTHER 3
OTHER 4
OTHER 5
OTHER 6
OTHER 7
OTHER 8
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();
Meidling > Matzleinsdorfer Platz
.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;}
WALLS NORTH
WALLS SOUTH
OTHER
×
WALL NORTH 1
WALL NORTH 2
WALL NORTH 3
WALL NORTH 4
WALL NORTH 5
WALL NORTH 6
×
WALL SOUTH 1
WALL SOUTH 2
WALL SOUTH 3A
×
OTHER 1
OTHER 2
OTHER 3
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();
Matzleinsdorfer Platz (Station)
.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;}
WALLS NORTH
WALLS SOUTH
OTHER
×
WALL NORTH 1
×
WALL SOUTH 1
WALL SOUTH 2
WALL SOUTH 3
WALL SOUTH 4
×
OTHER 1
OTHER 2
OTHER 3
OTHER 4
OTHER 5
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();
Matzleinsdorfer Platz > Hauptbahnhof
.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;}
WALLS NORTH
WALLS SOUTH
×
WALL NORTH 1
WALL NORTH 2
WALL NORTH 3
WALL NORTH 4
WALL NORTH 5
WALL NORTH 6
WALL NORTH 7
WALL NORTH 8
WALL NORTH 9
WALL NORTH (Rooftop)
×
WALL SOUTH 0
WALL SOUTH 1
WALL SOUTH 2
WALL SOUTH 3
WALL SOUTH 4
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();
Hauptbahnhof (Station)
.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;}
WALLS NORTH
WALLS SOUTH
×
WALL NORTH 1
WALL NORTH 2
×
WALL SOUTH 1
WALL SOUTH 2
WALL SOUTH 3
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();
Quartier Belvedere (Station)
.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;}
WALLS NORTH
WALLS SOUTH
×
WALL NORTH 1
WALL NORTH 2
×
WALL SOUTH 1
WALL SOUTH 2
WALL SOUTH 3
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();
Quartier Belvedere > Rennweg
.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;}
WALLS NORTH
WALLS SOUTH
OTHER
×
WALL NORTH 1
WALL NORTH 2
WALL NORTH 3
WALL NORTH 4
WALL NORTH 5
WALL NORTH 6
WALL NORTH 7
WALL NORTH 8
WALL NORTH 9
×
WALL SOUTH 1
WALL SOUTH 2
WALL SOUTH 3
WALL SOUTH 4
WALL SOUTH 5
WALL SOUTH 6
WALL SOUTH 7
WALL SOUTH 8
WALL SOUTH 9
WALL SOUTH 10
×
OTHER 1
OTHER 2
OTHER 3
OTHER 4
OTHER 5
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();
Rennweg (Station)
.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;}
WALLS NORTH
WALLS SOUTH
×
WALL NORTH 1
×
WALL SOUTH 1
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();
Rennweg > Landstraße
.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;}
WALLS NORTH
WALLS SOUTH
OTHER
×
WALL NORTH 1A
WALL NORTH 1
WALL NORTH 2
WALL NORTH 3
WALL NORTH 4
WALL NORTH 5
×
WALL SOUTH 1
WALL SOUTH 2
WALL SOUTH 3
WALL SOUTH 4
WALL SOUTH 5
WALL SOUTH 6
WALL SOUTH 7
×
OTHER 1
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();
Landstraße Wien Mitte (Station)
.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;}
WALLS NORTH
WALLS SOUTH
OTHER
×
WALL NORTH 1
WALL NORTH 2
×
WALL SOUTH 1
WALL SOUTH 2
×
OTHER 1
OTHER 2
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();
Landstraße > Praterstern
.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;}
WALLS NORTH
WALLS SOUTH
OTHER
×
WALL NORTH 1
WALL NORTH 2
WALL NORTH 3
WALL NORTH 4
WALL NORTH 5
×
WALL SOUTH 1
WALL SOUTH 2
WALL SOUTH 3
WALL SOUTH 4
WALL SOUTH 5
WALL SOUTH 5A
WALL SOUTH 6
×
OTHER 1
OTHER 2
OTHER 3
OTHER 4
OTHER 5
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();
Praterstern (Station)
.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;}
WALLS NORTH
WALLS SOUTH
×
WALL NORTH 1
WALL NORTH 2
WALL NORTH 3
WALL NORTH 4
×
WALL SOUTH 1
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();
Praterstern > Traisengasse
.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;}
WALLS NORTH
WALLS SOUTH
OTHER
×
WALL NORTH 1
WALL NORTH 1A
WALL NORTH 2
WALL NORTH 3
WALL NORTH 4
WALL NORTH 5
WALL NORTH 6
WALL NORTH 7
WALL NORTH 8
WALL NORTH 9
×
WALL SOUTH 1
WALL SOUTH 2
WALL SOUTH 3
WALL SOUTH 4
WALL SOUTH 5
WALL SOUTH 5A
WALL SOUTH 6
WALL SOUTH 7
WALL SOUTH 8
WALL SOUTH 9
WALL SOUTH 10
×
OTHER 1
OTHER 2
OTHER 3
OTHER 4
OTHER 5
OTHER 6
OTHER 7
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();
Traisengasse (Station)
.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;}
WALLS NORTH
WALLS SOUTH
×
WALL NORTH 1
WALL NORTH 2
WALL NORTH 3
WALL NORTH 4
×
WALL SOUTH 1
WALL SOUTH 2
WALL SOUTH 3
WALL SOUTH 4
WALL SOUTH 5
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();
Traisengasse > Handelskai
.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;}
WALLS NORTH
WALLS SOUTH
OTHER
×
WALL NORTH 1
WALL NORTH 2
WALL NORTH 3
WALL NORTH 4
WALL NORTH 5
×
WALL SOUTH 1
WALL SOUTH 2
WALL SOUTH 3
WALL SOUTH 4
WALL SOUTH 5
WALL SOUTH 6
WALL SOUTH 7
WALL SOUTH 8
×
OTHER 1
OTHER 2
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();
Handelskai > Floridsdorf
.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;}
WALLS NORTH
WALLS SOUTH
OTHER
×
WALL NORTH 1
WALL NORTH (Strandbäder)
WALL NORTH 2
WALL NORTH 3
×
WALL SOUTH 1
WALL SOUTH (Neue Donau)
WALL SOUTH 2
WALL SOUTH 3
WALL SOUTH 4
WALL SOUTH 5
WALL SOUTH 6
WALL SOUTH 7
×
OTHER 1
OTHER 2
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();
Floridsdorf (Station)
.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;}
WALLS NORTH
WALLS SOUTH
OTHER
×
WALL NORTH 1
WALL NORTH 2
×
WALL SOUTH 1
×
OTHER 1
OTHER 2
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