/** * POPUP CONTAINER STYLES */ #WayMapContainerMask{position:fixed; z-index:200; top:0px; left:0px; min-width:1190px; width:100%; height:0; background-color:#E4E4E4} #WayMapContainer{position:absolute; z-index:201; top:0px; left:0px; padding:0px; margin:0 auto; height:0; width:100%} .bodyhidden #WayMapContainer{position:fixed; width:100%; height:0; background:transparent; z-index:201; overflow-y:scroll !important} html>body #WayMapContainer{/* Browserweiche:alle Browser ausser IE6 */top:0 !important} * html .bodyhidden #WayMapContainer{position:absolute; top:auto} #WayMapContainer #popupContainer{top:0 !important} .bodyhidden{overflow:hidden; margin-right:16px; /*scroll:no; */} * html .bodyhidden{margin:0} #WayMapInner, #SpecialMapCont{margin:0 auto; width:95%} .ContainerForSpecialMapWithPadding{ padding: 25px 0; } #SpecialMapCont1, .singleMapsSpecial{ width: 100%; height: 100%; } #sentres-mapp{ width: 100% !important; height: 100% !important; } #WayMapInner1{margin:0 auto; position:relative} #wayHeader{width:94%; padding:12px 4% 12px 2%; background:#FFF} #WayLogode, #WayLogoit, #WayLogoen{width:204px; height:71px} #WayLogode{background:url(/img/de/logo_overlay.gif) no-repeat 0 0} #WayLogoit{background:url(/img/it/logo_overlay.gif) no-repeat 0 0} #WayLogoen{background:url(/img/en/logo_overlay.gif) no-repeat 0 0} #CloseWayTop{ margin: -5px 0 0 10px; } #BgWayMap{background:#FFF url(/img/css/bg_5_wege_opener.gif)} #wayFooter{text-align:center; background:url(/img/css/bg_footer_overlay.jpg) repeat-x 0 0; font-family:'PTSR',Arial,Helvetica,sans-serif} #wayFooter a{display:block; padding-top:30px; padding-bottom:20px; background:url(/img/css/pfeil12.jpg) no-repeat center 13px} #bgWayMapImg{width:100%} #WayIntro, #WayIntroSentres{color:#4C5F19; font-family:'PTSR',Arial,Helvetica,sans-serif; padding-left:45px; font-size:15px; padding-top:16px} #WayIntro h2, #WayIntroSentres h2{font-size:22px} #WayIntro h3, #WayIntroSentres h3{font-size:15px; font-weight:normal} #WayHelp, #WayHelpSentres{background:#B6C615 url(/img/css/way_sprite.png) no-repeat center center; /* das Bild wurde hier nur angefuegt als Preloader!!!!! */color:#FFF; position:relative; z-index:70; -webkit-border-radius:14px; -moz-border-radius:14px; border-radius:14px} #WayHelp ul, #WayHelp ul li, #WayHelpSentres ul, #WayHelpSentres ul li{color:#FFF; list-style:none; padding:0; margin:0} #WayHelp ul li, #WayHelpSentres ul li{padding:0px 14px} #WayHelp .WayHelpTxt, #WayHelpSentres .WayHelpTxt{background:#4C5F19; /* fuer IE */background:rgba(76,97,28,0.8); color:#FFF; position:absolute; top:33px; right:-30px; width:240px; padding:20px 25px; font-family:'PTSR',Arial,Helvetica,sans-serif; line-height: 1.3; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px} .WayHelpTxt a{ color: #FFF; text-decoration: underline; } #WayHelp .WayHelpTxt li, #WayHelpSentres .WayHelpTxt li{padding:0} .helpArrow{position:absolute; top:-10px; left:0px; width:290px; height:10px; background:url(/img/css/pfeil13.gif) no-repeat 206px 0} .WayHelpTxt h3{color:#B6C615; font-size:20px; font-weight:normal; font-family:'PTSB',Arial,Helvetica,sans-serif} .WayPoiCont{position:absolute; font-family:'PTSR',Arial,Helvetica,sans-serif} .WayPointOpen{z-index:15} .WayPoitBut{text-align:center; background:#FFF; color:#333; max-width:165px; position:relative; z-index:2; padding:5px 18px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; -moz-box-shadow:1px 1px 8px -3px #000; -webkit-box-shadow:1px 1px 8px -3px #000; box-shadow:1px 1px 8px -3px #000 } .WayPoitButIntro{ line-height: 1.4; padding-bottom: 10px; } .WayPoitBut h2{font-family:'PTSB',Arial,Helvetica,sans-serif; font-size:150%; color:#B6C514; cursor:pointer; padding:5px 18px; margin:-5px -18px} .WayPoitBut h2:hover{color: #4C5F19} .WayPoiChoise{display:none; position:absolute; z-index:1; width:1px; height:1px; overflow:visible !important} .WayPoiChoise img{width:99%; /* bei 100% wurde manchmal die Rundung etwas beschnitten */} .WayChoiseMainList{width:100%; height:100%; padding:0; margin:0; list-style:none} .WayChoiseMainList li{/*display:none; */} .WayChoiseMainList ul{position:absolute; top:0; padding:0; margin:0; list-style:none; z-index:1; display:none; height:100%; width:100%} .WayChoiseMainListItem{height:100%; width:100%; position:relative} /* .WayChoiseMainList li:hover ul{display:block} */ .WayChoiseMainList ul li{background-image:url(/img/css/way_sprite.png); background-repeat:no-repeat; /*border:1px solid blue; */position:absolute; padding:0; margin:0} /* .WayChoiseMainList ul li:Hover{border:1px solid red} */ .WayChoiseMainList ul li a{display:block; position:absolute; width:12px; height:12px; border:8px solid #B6C513; border-radius:15px; background:#FFF; z-index:2} .WayChoiseMainList ul li a:hover{width:16px; height:16px; border-radius:16px; margin:-2px; border:8px solid #4C611C; background:#FFF} .imageContInList{top:0; left:0; position:absolute; width:100%; height:100%; z-index:5} .imageContInList img{cursor:pointer} .wayurl0, .wayurl180{width:100px; height:45px; margin-top:-22px !important} .wayurl90, .wayurl270{width:46px; height:83px; margin-top:-37px !important} .wayurl10, .wayurl170, .wayurl190, .wayurl350{width:90px; height:45px; margin-top:-22px !important} .wayurl20, .wayurl160, .wayurl200, .wayurl340{width:84px; height:50px; margin-top:-21px !important} .wayurl30, .wayurl150, .wayurl210, .wayurl330{width:85px; height:61px; margin-top:-25px !important} .wayurl40, .wayurl140, .wayurl220, .wayurl320{width:86px; height:78px; margin-top:-27px !important} .wayurl50, .wayurl130, .wayurl230, .wayurl310{width:73px; height:84px; margin-top:-30px !important} .wayurl60, .wayurl120, .wayurl240, .wayurl300{width:68px; height:87px; margin-top:-34px !important} .wayurl70, .wayurl110, .wayurl250, .wayurl290{width:52px; height:89px; margin-top:-34px !important} .wayurl80, .wayurl100, .wayurl260, .wayurl280{width:52px; height:90px; margin-top:-45px !important} .wayurl0{background-position:-822px -426px; top:50%; left:92%} .wayurl0 a{left:66px; top:5px} .wayurl10{background-position:-819px -356px; top:36%; left:97%} .wayurl10 a{left:63px; top:1px} .wayurl20{background-position:-804px -282px; top:24%; left:96%} .wayurl20 a{left:49px; top:0px} .wayurl30{background-position:-777px -203px; top:-4%; left:92%} .wayurl30 a{left:48px; top:1px} .wayurl40{background-position:-740px -137px; top:-13%; left:88%} .wayurl40 a{left:38px; top:10px} .wayurl50{background-position:-691px -89px; top:-24%; left:76%} .wayurl50 a{left:36px; top:-5px} .wayurl60{background-position:-635px -41px; top:-33%; left:69%} .wayurl60 a{left:29px; top:4px} .wayurl70{background-position:-576px -20px; top:-34%; left:61%} .wayurl70 a{left:7px; top:6px} .wayurl80{background-position:-496px 8px; top:-31%; left:38%} .wayurl80 a{left:23px; top:-2px} .wayurl90{background-position:-430px 14px; top:-35%; left:31%} .wayurl90 a{left:8px; top:-1px} .wayurl100{background-position:-355px -6px; top:-23%; left:9%} .wayurl100 a{left:8px; top:11px} .wayurl110{background-position:-284px -25px; top:-36%; left:0%} .wayurl110 a{left:10px; top:4px} .wayurl120{background-position:-212px -40px; top:-30%; left:-25%} .wayurl120 a{left:2px; top:0px} .wayurl130{background-position:-149px -94px; top:-25%; left:-30%} .wayurl130 a{left:7px; top:7px} .wayurl140{background-position:-85px -146px; top:-9%; left:-58%} .wayurl140 a{left:3px; top:4px} .wayurl150{background-position:-41px -206px; top:-3%; left:-58%} .wayurl150 a{left:0px; top:0px} .wayurl160{background-position:-14px -286px; top:28%; left:-66%} .wayurl160 a{left:0px; top:-2px} .wayurl170{background-position:11px -356px; top:27%; left:-68%} .wayurl170 a{left:-3px; top:1px} .wayurl180{background-position:-0px -426px; top:50%; left:-63%} .wayurl180 a{left:19px; top:13px} .wayurl190{background-position:2px -499px; top:53%; left:-72%} .wayurl190 a{left:5px; top:16px} .wayurl200{background-position:-22px -569px; top:73%; left:-62%} .wayurl200 a{left:16px; top:25px} .wayurl210{background-position:-53px -631px; top:79%; left:-68%} .wayurl210 a{left:-5px; top:27px} .wayurl220{background-position:-89px -687px; top:100%; left:-49%} .wayurl220 a{left:-1px; top:46px} .wayurl230{background-position:-158px -737px; top:100%; left:-28%} .wayurl230 a{left:9px; top:21px} .wayurl240{background-position:-216px -775px; top:120%; left:-17%} .wayurl240 a{left:4px; top:32px} .wayurl250{background-position:-271px -805px; top:118%; left:-15%} .wayurl250 a{left:5px; top:51px} .wayurl260{background-position:-353px -820px; top:130%; left:11%} .wayurl260 a{left:8px; top:50px} .wayurl270{background-position:-430px -825px; top:127%; left:31%} .wayurl270 a{left:14px; top:44px} .wayurl280{background-position:-503px -820px; top:129%; left:49%} .wayurl280 a{left:11px; top:58px} .wayurl290{background-position:-571px -805px; top:119%; left:60%} .wayurl290 a{left:22px; top:53px} .wayurl300{background-position:-630px -775px; top:120%; left:66%} .wayurl300 a{left:19px; top:22px} .wayurl310{background-position:-691px -736px; top:108%; left:82%} .wayurl310 a{left:25px; top:39px} .wayurl320{background-position:-740px -689px; top:106%; left:86%} .wayurl320 a{left:41px; top:42px} .wayurl330{background-position:-777px -631px; top:86%; left:93%} .wayurl330 a{left:34px; top:22px} .wayurl340{background-position:-804px -569px; top:83%; left:93%} .wayurl340 a{left:48px; top:17px} .wayurl350{background-position:-819px -499px; top:61%; left:95%} .wayurl350 a{left:35px; top:15px} .ActiveElement{top:15px; left:-5500px; position:absolute; white-space:nowrap; z-index:10; overflow:visible !important} .activeTextBorder{background:#B6C615; color:#FFF; font-family:'PTSB',Arial,Helvetica,sans-serif; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px} .activeImgBorder{width:1px; height:1px; margin:0; padding:0; left:0; top:0; /*float:left; */background:#B6C615; position:absolute; overflow:visible !important; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%} .activeImgBorder img{width:100%} .destroyThisChoise{position:absolute; right:2%; top:1%; /*left:29px; top:-47%; */width:35px; height:35px; cursor:pointer; background:url(/img/css/way_close.png) no-repeat 0 0} .response_gth_Desktop .destroyThisChoise, .responseDesktop .destroyThisChoise{right:5%; top:2%} .buttonInActiveWay{font-family:'PTSR',Arial,Helvetica,sans-serif; font-size:14px; background:#4C5F19; color:#FFF; padding:1px 8px; cursor:pointer; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px} .responseTablet .buttonInActiveWay{font-size:12px} .WayMapPath{position:absolute} .WayMapPath img{width:100%} #WayMapPath0to1, #WayMapPath1to0{width:29%; left:15%; top:18%} #WayMapPath0to2, #WayMapPath2to0{width:60%; left:15%; top:18%} #WayMapPath0to3, #WayMapPath3to0{width:61%; left:15%; top:19%} #WayMapPath0to4, #WayMapPath4to0{width:9%; left:15%; top:19%} #WayMapPath1to2, #WayMapPath2to1{width:30%; left:46%; top:26%} #WayMapPath1to3, #WayMapPath3to1{width:30%; left:46%; top:37%} #WayMapPath1to4, #WayMapPath4to1{width:22%; left:24%; top:36%} #WayMapPath2to3, #WayMapPath3to2{width:5%; left:73%; top:27%} #WayMapPath2to4, #WayMapPath4to2{width:50%; left:25%; top:25%} #WayMapPath3to4, #WayMapPath4to3{width:49%; left:25%; top:56%} .LoadingResultOfWays{width:150px; height:126px; position:fixed; top:200px; left:48%; z-index:210; background:#FFF url(/img/icons/loading.gif) no-repeat center center; border: 5px solid #B6C615; -webkit-border-radius:15px; -moz-border-radius:15px; border-radius:15px} /* SENTRES - Karte START */ .sentresMapCont, .SentresMapContainerFullWidth{ width: 100% !important; height: 100% !important; } #SpecialMapCont div#alpinemap-tour-infowindow{ margin-top: 0 !important; margin-left: 0 !important; right: 0px !important; } .singleMapsSpecial{ position: relative; } .alpinemap-tour-infowindow{ height: 90%; } .alpinemap-tour-infowindow iframe{ height: 100%; } .SentresMapError{ width: 80%; margin: 0 auto; color: #D94E39; background: #FAE6E3; padding: 15px 2%; text-align: center; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; } #alpinemap-tour-infowindow .infowindow-container{ height:100%; } /* SENTRES - Karte ENDE*/