/* Grundeinstellungen ____________________________________________________ */ body { background: url(../../images/design/bg-rahmen.gif) repeat-x 0px 0px #335166; text-align: center; } address { font-style: normal; } hr { display: none; } h1, h1 a { background: url(../../images/design/bg-h1.gif) no-repeat 0px 5px; border-bottom: solid 1px #D6DCE0; color: #335166; font-size: 20px; line-height: 24px; font-weight: normal; margin: 0px 0px 16px 0px; padding: 0px 0px 8px 21px; text-align: left; } h2, h2 a { font-weight: normal; color: #203340; font-size: 19px; line-height: 20px; margin: 0px 0px 10px 0px; padding: 0px 0px 0px 0px; text-align: left; } h3, h3 a { font-size: 14px; margin: 0px 0px 16px 0px; padding: 0px 0px 0px 0px; } h4, h4 a { font-size: 12px; margin: 0px 0px 16px 0px; padding: 0px 0px 0px 0px; } h5, h5 a { font-size: 11px; margin: 0px 0px 16px 0px; padding: 0px 0px 0px 0px; } h6, h6 a { font-size: 11px; margin: 0px 0px 16px 0px; padding: 0px 0px 0px 0px; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } ul { margin: 0px 0px 16px 0px; padding: 0px 0px 0px 7px; list-style-type: none; } ul li { background: url(../../images/design/bg-li.gif) no-repeat 0px 8px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 9px; _height: 1px; } ul li ul { float: none; } ol { margin: 0px 0px 16px 0px; padding: 0px 0px 0px 32px; } ol li { margin: 0px 0px 8px 0px; padding: 0px 0px 0px 0px; } div.rahmen { position: relative; width: 951px; margin: 0 auto; text-align: left; } div.overlayerlanguage { display: none; position: fixed; _position: absolute; top: 0px; left: 0px; z-index: 100; width: 100%; height: 100%; background-color: #000000; opacity: 0.8; filter: alpha(opacity = 80); } body > div#overlayerlanguage { position: fixed; } div.waehleland { text-align: left; display: none; position: fixed; _position: absolute; left: 50%; top: 50%; background-color: #FFFFFF; width: 400px; height: 220px; z-index: 150; margin: -100px 0px 0px -220px; } div.waehleland div.laenderaussen { margin: 10px 10px 10px 10px; position: relative; } div.waehleland div.laenderaussen a.schliessen { position: absolute; right: 0px; top: 3px; } div.waehleland div.laenderaussen ul { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } div.waehleland div.laenderaussen ul.schweiz { display: none; } div.waehleland div.laenderaussen ul.italien { display: none; } div.waehleland div.laenderaussen span.headline { display: block; background: url(../../images/design/bg-h1.gif) no-repeat 0px 5px; border-bottom: solid 1px #D6DCE0; color: #335166; font-size: 20px; line-height: 24px; font-weight: normal; margin: 0px 0px 16px 0px; padding: 0px 0px 8px 21px; text-align: left; } div.waehleland div.sprachepopup { display: none; } div.waehleland div.laenderaussen ul li { background: url(../../images/design/bg-li.gif) no-repeat 0px 8px; float: left; display: inline; margin: 0px 40px 0px 0px; width: 75px; _width: 85px; padding: 0px 0px 0px 9px; } div.waehleland div.laenderaussen span.sprachewahlen { display: none; } div.sendreferenzen { text-align: left; display: none; position: fixed; _position: absolute; left: 50%; top: 50%; background-color: #FFFFFF; width: 400px; height: 255px; z-index: 150; margin: -125px 0px 0px -200px; } div.sendreferenzen div.sendreferenzeninnen { margin: 10px 10px 10px 10px; position: relative; } div.sendreferenzen div.sendreferenzeninnen a.schliessen { position: absolute; right: 0px; top: 3px; } div.sendreferenzen div.sendreferenzeninnen span.headline { display: block; background: url(../../images/design/bg-h1.gif) no-repeat 0px 5px; border-bottom: solid 1px #D6DCE0; color: #335166; font-size: 20px; line-height: 24px; font-weight: normal; margin: 0px 0px 16px 0px; padding: 0px 0px 8px 21px; text-align: left; } div.sendreferenzen div.sendreferenzeninnen a.button { margin: -2px 0px 0px 20px; float: left; display: inline; } div.sendreferenzen div.sendreferenzeninnen p { margin: 0px 0px 16px 0px; } div.sendreferenzen label.mitteilung { font-weight: bold; } div.sendreferenzen textarea.mitteilung { width: 304px; } /* Oben __________________________________________________________________ */ div.oben { position: absolute; left: 0px; top: 0px; width: 951px; height: 492px; _position: static; _height: 0px; } div.konfiguratoroben { height: 100px; width: 930px; position: absolute; left: 0px; top: 0px; z-index: 20; } div.oben div.headerbild { width: 951px; height: 360px; overflow: hidden; position: absolute; left: 0px; top: 86px; } div.oben ul li { background: transparent; } div.oben div.landwahlenaussen { position: absolute; right: 9px; top: 15px; z-index: 50; } div.oben div.landwahlen { background: url(../../images/design/bg-landwaehlen.png) no-repeat 0px 0px; width: 155px; height: 22px; cursor: pointer; } div.oben div.landwahlen span { margin: 7px 0px 0px 8px; font-size: 11px; color: #203340; } div.oben div.laenderoben { background: url(../../images/design/bg-land-oben.png) no-repeat 0px 0px; width: 128px; height: 8px; font-size: 0px; line-height: 0px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } div.oben div.laenderunten { background: url(../../images/design/bg-land-unten.png) no-repeat 0px 0px; width: 128px; height: 6px; font-size: 0px; line-height: 0px; } div.oben div.laender { display: none; } div.oben ul.laender { background: url(../../images/design/bg-land.png) repeat-y 0px 0px; width: 128px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } div.oben ul.laender li { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 10px; font-size: 11px; position: relative; } div.oben ul.laender li div.sprachen { display: none; position: absolute; right: -80px; top: -7px; _right: -73px; } div.oben ul.laender li div.sprachen div.sprachenoben { background: url(../../images/design/bg-sprachen-oben.gif) no-repeat 0px 0px; width: 73px; height: 9px; font-size: 0px; line-height: 0px; } div.oben ul.laender li div.sprachen div.sprachenunten { background: url(../../images/design/bg-sprachen-unten.gif) no-repeat 0px 0px; width: 73px; height: 7px; font-size: 0px; line-height: 0px; } div.oben ul.laender li div.sprachen ul.sprachen { background: url(../../images/design/bg-sprachen.gif) repeat-y 0px 0px; width: 73px; margin: 0px 0px 0px 0px; } div.oben ul.laender li a { color: #5D6C77; cursor: pointer; } div.oben ul.laender li a:hover { color: #172A37; } div.oben div.suche { position: absolute; right: 9px; top: 94px; z-index: 15; } div.oben a.logo { position: absolute; left: 30px; top: 43px; } div.oben img.bild { position: absolute; left: 0px; top: 86px; } div.oben div.flash { position: absolute; left: 0px; top: 76px; } div.oben div.overlayerbild { display: none; background-color: #203340; opacity: 0.3; filter: alpha(opacity = 30); position: absolute; left: 0px; top: 86px; width: 951px; height: 360px; } div.oben ul.navi { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; list-style-type: none; position: absolute; right: 0px; top: 58px; } div.oben ul.navi li { float: left; display: inline; padding: 0px 10px 0px 10px; font-size: 14px; border-left: solid 1px #C7C7C7; line-height: 20px; } div.oben ul.navi li.erstes { border-left: 0px; } div.oben ul.navi li a { color: #7A7A7A; } div.oben ul.navi li a:hover { color: #203340; } div.oben ul.menu { width: 951px; background-color: #172A37; position: absolute; right: 0px; _right: -1px; top: 446px; z-index: 20; list-style-type: none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } div.oben ul.menu li { background-color: #172A37; width: 190px; float: left; padding: 0px 0px 0px 0px; position: relative; margin: 0px 0px 0px 0px; } #MenuGazebi a { color: #ffffff; background: transparent; } #Gazebi li { background-color: #172A37; font-weight: normal; } #MenuGazebi ul li a { background-color: #172A37; color: #FFFFFF; } #MenuGazebi ul li a:hover { color: #B3C1CB; background-color: transparent; } #MenuGazebi.aktiv a { background-color: #FFFFFF; color: #172A37; } #MenuGazebi.aktiv ul li a { background-color: #172A37; color: #FFFFFF; } #MenuGazebi.aktiv ul li.aktiv a { font-weight: bold; color: #B3C1CB; } #MenuGazebi.aktiv ul li a:hover { color: #B3C1CB; background-color: transparent; } div.oben ul.menu li a { _height: 46px; min-height: 46px; line-height: 46px; background: url(../../images/design/border-menu.gif) no-repeat 0px 0px; margin: 0px 0px 0px 0px; height: 46px; color: #FFFFFF; float: left; display: block; width: 190px; background-color: #172A37; text-align: center; } div.oben ul.menu li a:hover { color: #172A37; } div.oben ul.menu li.aktiv a, div.oben ul.menu a:hover { background-color: #FFFFFF; color: #172A37; } div.oben ul.menu ul { display: none; background-color: #FFFFFF; font-weight: normal; list-style-type: none; margin: 0px 0px 0px 0px; padding: 12px 24px 12px 0px; position: absolute; left: 1px; bottom: 46px; width: 360px; z-index: 50; } #Gazebi { left: 0px; } #MenuPersonalizzazioni ul { position: absolute; left: -192px; bottom: 46px; } div.oben ul.menu ul li { display: block; float: none; margin: 0px 12px 0px 12px; padding: 0px 0px 0px 0px; border-top: solid 1px #335166; height: 67px; overflow: hidden; width: 100%; } div.oben ul.menu ul li.aktiv { font-weight: bold; } div.oben ul.menu ul li.aktiv a, div.oben ul.menu ul li a { width: 243px; background: transparent; display: block; float: none; min-height: 67px; _height: 67px; line-height: 67px; padding: 0px 0px 0px 135px; border-left: 0px; background-color: transparent; margin: 0px 0px 0px 0px; } div.oben ul.menu ul li.erstes { border-top: 0px; } div.oben ul.menu ul li a:hover { color: #B3C1CB; } div.oben ul.menu ul li.aktiv, div.oben ul.menu ul a:hover { background-color: transparent; } div.oben ul.menu li.aktiv ul li a { background-color: transparent; color: #FFFFFF; } div.oben ul.menu li.aktiv ul li a:hover, div.oben ul.menu li.aktiv ul li.aktiv a { background-color: transparent; color: #B3C1CB; } #MenuGazebiMastertentClassic-Sub a { background: url(../../images/design/bg-mastertendclassic.jpg) no-repeat 0px 0px #172A37; } #MenuGazebiMastertentRescue-Sub a { background: url(../../images/design/bg-mastertend-rescue.jpg) no-repeat 0px 0px #172A37; } #MenuGazebiMastertentShop-Sub a { background: url(../../images/design/bg-mastertendshop.jpg) no-repeat 0px 0px #172A37; } #MenuGazebiMastertentRoyal-Sub a { background: url(../../images/design/bg-mastertendroyal.jpg) no-repeat 0px 0px #172A37; } #MenuPavillonQuadrato-Sub { background: url(../../images/design/bg-quadrato.jpg) no-repeat 0px 0px #172A37; } #MenuPavillonEsagonale-Sub { background: url(../../images/design/bg-esagonale.jpg) no-repeat 0px 0px #172A37; } #MenuPavillonOttagonale-Sub { background: url(../../images/design/bg-ottagonale.jpg) no-repeat 0px 0px #172A37; } #MenuHemisphereHemisphereSub-Sub { background: url(../../images/design/bg-hemisphere-menu.JPG) no-repeat 0px 0px #172A37; } #MenuBandierebannerPavimento-Sub { background: url(../../images/design/bg-pavimento.jpg) no-repeat 0px 0px #172A37; } #MenuBandierebannerTetto-Sub { background: url(../../images/design/bg-tetto.jpg) no-repeat 0px 0px #172A37; } #MenuPersonalizzazioniStampa { background: url(../../images/design/bg-stampa.jpg) no-repeat 0px 0px #172A37; } #MenuPersonalizzazioniAccessori-Liste { background: url(../../images/design/bg-accessori.jpg) no-repeat 0px 0px #172A37; } #MenuPersonalizzazioniConfiguratore { background: url(../../images/design/bg-configuratore.jpg) no-repeat 0px 0px #172A37; } #MenuPersonalizzazioniSonderanfertigung-Liste { background: url(../../images/design/bg-sonderanfertigung.jpg) no-repeat 0px 0px #172A37; } #MenuPersonalizzazioniFarben { background: url(../../images/design/bg-farben.jpg) no-repeat 0px 0px #172A37; } div.oben div.chiudiconfiguratore { position: absolute; left: 15px; bottom: 15px; z-index: 15; font-size: 11px; } div.oben div.chiudiconfiguratore img { vertical-align: text-bottom; } div.oben div.chiudiconfiguratore a { color: #FFFFFF; line-height: 25px; } div.konfiguratoroben div.flash { position: absolute; left: 0px; top: 86px; } /* Mitte _________________________________________________________________ */ div.mitte { float: left; display: inline; margin: 492px 0px 0px 0px; } div.konfiguratormitte { margin: 100px 0px 0px 0px; width: 951px; position: relative; z-index: 0 !important; } div.konfiguratormitte div.flash { margin: 0px 0px 24px 0px; position: relative; z-index: 0; } /* Inhalt ________________________________________________________________ */ div.inhalt { background-color: #FFFFFF; float: left; display: inline; width: 570px; overflow: hidden; min-height: 950px; } div.inhaltinnen { margin: 17px 24px 0px 24px; padding: 0px 0px 59px 0px; border-bottom: solid 1px #D6DCE0; min-height: 950px; _height: 950px; } /* Rechts ________________________________________________________________ */ div.rechts { float: left; display: inline; width: 381px; } div.rechts a { color: #FFFFFF; } div.rechts div.menu { float: left; display: inline; width: 170px; margin: 20px 19px 0px 22px; } div.rechts div.menu div.headline { margin: 0px 0px 9px 0px; } div.rechts div.menu a.headline { background-color: #EFEFEF; width: 160px; color: #203340; display: block; padding: 10px 0px 10px 0px; margin: 0px 0px 0px 0px; } div.rechts div.menu a.headline span { margin: 0px 0px 0px 11px; } div.rechts div.menu ul { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; width: 160px; } div.rechts div.menu ul li { background: transparent; margin: 0px 0px 9px 0px; border: solid 1px #B3C1CB; padding: 0px 0px 0px 0px; } div.rechts div.menu ul li.aktiv a { background-color: #172A37; } div.rechts div.menu ul li a { background: url(../../images/design/bg-li-menu.gif) no-repeat 10px 17px; display: block; padding: 10px 0px 10px 21px; margin: 0px 0px 0px 0px; } div.rechts div.menu ul li a:hover { background-color: #172A37; } div.rechts div.boxenrechts { float: left; display: inline; width: 170px; margin: 20px 0px 0px 0px; } div.rechts div.configuratore { background: url(../../images/design/bg-configuratore.gif) no-repeat 0px 0px; width: 170px; height: 118px; margin: 0px 0px 22px 0px; } div.rechts div.fatto { background: url(../../images/design/bg-123fatto.gif) no-repeat 0px 0px; width: 170px; height: 118px; margin: 0px 0px 22px 0px; } div.rechts div.offerte { background: url(../../images/design/bg-angebote.gif) no-repeat 0px 0px; width: 170px; height: 118px; margin: 0px 0px 22px 0px; } div.rechts div.news { background: url(../../images/design/bg-news.gif) no-repeat 0px 0px; width: 170px; height: 118px; margin: 0px 0px 22px 0px; } div.rechts div.features { background: url(../../images/design/bg-box-features.gif) no-repeat 0px 0px; width: 170px; height: 118px; margin: 0px 0px 22px 0px; } div.rechts div.contatto { background: url(../../images/design/bg-contatto.gif) no-repeat 0px 0px; width: 170px; height: 120px; margin: 0px 0px 22px 0px; } div.rechts div.contatto span.txt { margin: 0px 0px 0px 15px; display: block; padding: 15px 0px 0px 0px; color: #B3C1CB; line-height: 19px; } div.rechts div.contatto span.tel { margin: 0px 0px 0px 21px; display: block; padding: 3px 0px 0px 0px; color: #E0D9AF; font-size: 14px; } div.boxenrechts div { position: relative; } div.boxenrechts div a.button { position: absolute; left: 9px; bottom: 9px; color: #172A37; } div.boxenrechts div a.button.contactbutton { position: absolute; left: 9px; bottom: 18px; } div.boxenrechts div a.button:hover { color: #FFFFFF; } div.boxenrechts div a.headline { color: #203340; padding: 8px 0px 0px 10px; display: block; } /* Unten _________________________________________________________________ */ div.untenrahmen { width: 100%; background-color: #FFFFFF; clear: both; } div.unten { margin: 0 auto; width: 951px; text-align: left; } div.unten div.blog { float: left; display: inline; margin: 42px 33px 0px 24px; width: 515px; } div.unten div.mastertentnelmondo { float: left; display: inline; margin: 42px 0px 0px 22px; width: 350px; white-space: nowrap; font-size: 11px; line-height: 21px; } div.unten div.mastertentnelmondo ul { margin: 23px 0px 0px 0px; padding: 0px 0px 0px 0px; list-style-type: none; } div.unten div.mastertentnelmondo ul li { background: url(../../images/design/bg-li.gif) no-repeat 0px 8px; float: left; display: inline; margin: 0px 40px 0px 0px; width: 65px; _width: 75px; padding: 0px 0px 0px 9px; } div.unten div.mastertentnelmondo ul li a { color: #7A7A7A; } div.unten div.mastertentnelmondo ul li a:hover { color: #172A37; } div.unten div.linie { font-size: 0px; line-height: 0px; height: 1px; background-color: #D7D7D7; margin: 37px 0px 13px 0px; } div.unten div.copyrightlinks { float: left; display: inline; } div.unten div.copyrightlinks a { color: #7A7A7A; } div.unten div.copyrightlinks a:hover { color: #172A37; } div.unten div.copyrightrechts { float: right; display: inline; margin: 0px 0px 55px 0px; } div.unten div.copyrightrechts a { color: #7A7A7A; } div.unten div.copyrightrechts a:hover { color: #172A37; } div.unten a img { vertical-align: text-bottom; } /* Startseite _______________________________________________________________ */ body.startseite { background: url(../../images/design/bg-startseite.gif) repeat-x 0px 0px #FFFFFF; } div.obenstartseite { height: 698px; _height: 0px; } div.oben img.bildstartseite { position: absolute; left: 0px; top: 0px; z-index: 0; } div.oben a.logostartseite { position: absolute; left: 21px; top: 43px; } div.oben div.landwahlenstartseite { position: absolute; right: 152px; top: 21px; } div.oben img.jubilaum { position: absolute; right: 16px; top: 14px; } div.oben img.slogan { position: absolute; right: 0px; top: 193px; } div.oben div.teaserstartseite { position: absolute; left: 22px; top: 550px; z-index: 20; } div.oben div.teaserstartseite div.teaseraussen { float: left; display: inline; width: 173px; margin: 0px 0px 0px 10px; } div.oben div.teaserstartseite div.erstes { margin: 0px 0px 0px 0px; } div.oben div.teaserstartseite div.teaser { background-color: #335166; height: 170px; position: relative; margin: 0px 0px 15px 0px; } div.oben div.teaserstartseite div.teaser img { margin: 0px 8px 0px 9px; } div.oben div.teaserstartseite div.teaser span { margin: 0px auto; text-align: center; display: block; color: #FFFFFF; font-size: 14px; padding: 4px 0px 4px 0px; } div.oben div.teaserstartseite div.text { margin: 0px 16px 0px 3px; } div.mittestartseite { margin: 890px 0px 0px 0px; } div.linksstartseite { margin: 0px 35px 0px 22px; float: left; display: inline; } div.boxblau { width: 200px; background-color: #DEE3E6; margin: 0px 0px 16px 0px; font-size: 14px; } div.boxblau a { padding: 10px 0px 10px 12px; display: block; } div.boxblau a:hover { color: #172A37; } div.boxgelb { width: 200px; background-color: #E5DEB4; margin: 0px 0px 16px 0px; font-size: 14px; } div.boxgelb a { padding: 10px 0px 10px 12px; display: block; } div.boxgelb a:hover { color: #172A37; } div.contattostartseite { background: url(../../images/design/bg-contatto-startseite.jpg) no-repeat 0px 0px; width: 202px; height: 146px; } div.contattostartseite span.text { padding: 19px 0px 0px 0px; margin: 0px 0px 26px 19px; font-size: 14px; color: #B3C1CB; display: block; } div.contattostartseite a.button { margin: 0px 0px 0px 20px; } div.inhaltstartseite { float: left; display: inline; margin: 0px 30px 0px 0px; } div.inhaltstartseite div.azienda { width: 202px; height: 315px; background-color: #DEE3E6; } div.inhaltstartseite div.azienda span.headline { font-size: 14px; color: #203340; display: block; padding: 13px 0px 13px 31px; } div.inhaltstartseite div.azienda img { margin: 0px 0px 10px 10px; } div.inhaltstartseite div.azienda ul li { margin: 0px 0px 0px 10px; } div.inhaltstartseite div.azienda ul li { background: transparent; margin: 0px 0px 0px 7px; padding: 0px 0px 0px 0px; } div.inhaltstartseite div.azienda ul li a { color: #203340; } div.rechtsstartseite { float: right; display: inline; } div.rechtsstartseite div.blog { width: 457px; } div.rechtsstartseite div.blog span.blogheadline { width: 457px; height: 41px; background: url(../../images/design/bg-mastertentblog-startseite.gif) no-repeat 0px 0px; display: block; margin: 0px 0px 24px 0px; } div.rechtsstartseite div.blog span.blogheadline span { font-size: 14px; color: #203340; padding: 10px 0px 0px 148px; display: block; } div.blog div.element { background: url(../../images/design/bg-pfeil-blogeintrag.gif) no-repeat 0px 3px; padding: 0px 0px 0px 24px; margin: 0px 0px 16px 0px; } div.blog div.element span { font-size: 10px; } div.blog div.element h3 { font-size: 17px; color: #3E3E3E; margin: 0px 0px 0px 0px; font-weight: normal; } div.blog div.element h3 a { color: #3E3E3E; } div.blog div.element h3 a:hover { color: #7A7A7A; } div.blog img.headline { margin: 0px 0px 27px 0px; } /* Lightbox ______________________________________________________________ */ #lightbox { position: absolute; left: 0px; width: 100%; z-index: 100; text-align: center; line-height: 0px; } #lightbox a img { border: none !important; } #outerImageContainer { position: relative; background-color: #FFFFFF; width: 250px; height: 250px; margin: 0 auto; } #imageContainer { padding: 10px; } #loading { position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0px; } #hoverNav { position: absolute; top: 0px; left: 0px; height: 100%; width: 100%; z-index: 10; } #imageContainer>#hoverNav { left: 0px; } #hoverNav a { outline: none !important; } #prevLink, #nextLink { width: 49%; height: 100%; display: block; } #prevLink { background: url(../../images/lightbox/prev.gif) left 15% no-repeat !important; left: 0px; float: left; } #nextLink { background: url(../../images/lightbox/next.gif) right 15% no-repeat !important; right: 0px; float: right; } #prevLink:hover, #prevLink:visited:hover { background: url(../../images/lightbox/prev.gif) left 15% no-repeat !important; } #nextLink:hover, #nextLink:visited:hover { background: url(../../images/lightbox/next.gif) right 15% no-repeat !important; } #imageDataContainer { font: 10px Verdana, Helvetica, sans-serif; background-color: #FFFFFF; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%; } #imageData { padding: 0px 10px; color: #666666; } #imageData #imageDetails { width: 70%; float: left; text-align: left; } #imageData #caption { font-weight: bold; } #imageData #numberDisplay { display: block; clear: left; padding-bottom: 1.0em; } #imageData #bottomNav { height: 40px; } #imageData #bottomNavClose { background: transparent !important; width: 26px; float: right; padding-bottom: 0.4em; } #overlay { position: fixed; _position: absolute; top: 0px; left: 0px; z-index: 90; width: 100%; height: 500px; background-color: #000000; } /* __________________________________________________________________ Ende */