Bahnhof Meidling (Station)
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
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)
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
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)
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)
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
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)
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
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)
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
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)
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
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)
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
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
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)
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();
SEND YOUR PHOTOS
Send your photos or archive (digital/analog):
Mail / Wetransfer / Analog Photos / Memory cards / CDs