/** * * prosport www.prosport.gr * Copyright 2010 prosport * web & design Nadine Sauvan, Simon Jokuschies www.leafpictures.de * Alle HTML, CSS, PHP, Bilder sind urheberrechtlich geschuetzt * */ /* Browsereigene Darstellungen resetten */ html, body, * { margin: 0; padding: 0; border: 0; line-height: 100%; overflow: auto; line-height: 19pt; } h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; } address, caption, cite, code, dfn, em, strong, th, var { font-style: normal; font-weight: normal; } table { border-collapse: collapse; border-spacing: 0; } caption, th { text-align: left; } q:before, q:after { content: '"'; } hr { display: none; } a { outline: none; } /* custom */ h2 { font-size: 30px; height: 30px; color: #cc6600; overflow: hidden; } h3 { font-size: 18px; color: #cc6600; overflow: hidden; } h4 { font-size: 14px; color: #cc6600; overflow: hidden; } a:visited { color:#cc6600; text-decoration: none; } a { color: #cc6600; text-decoration: none; } a:hover { color:#996600; } a:active { color:#993300; } strong { font-weight: bold; } .blind { visibility: hidden; } p { margin-top: 20px; } .bold { font-weight: bold; } .left { float: left; } .right { float: right; } .big { font-size:20px; color: #cc6600; } .small { font-size: 14px; color: #eeeeff; } .grey { color: #999999; } .blue { color: #cc6600; } *:focus { outline: 0; } .itemleft { padding: 0 2px; border-right: 1px solid #cc6600; } .jsBox { width: 300px; float: right; height: auto; border: 1px solid #f00; } em { font-style: italic; } /* index */ html, body { background-image:url(../neptune/images/contentBackground.gif); background-repeat: repeat; font-family:Arial, Verdana, Helvetica, sans-serif; font-size:12px ; line-height:100%; color:#000; } #wrapper { width: 1026px; margin: 0px auto; background-image:url(../neptune/images/background.jpg); background-repeat:no-repeat; } #header { width: 1024px; height: 640px; background-image:url(../neptune/images/head.jpg); background-repeat: no-repeat; overflow: hidden; } #enHeader { width: 1024px; height: 640px; background-image:url(../neptune/images/enHead.jpg); background-repeat: no-repeat; overflow: hidden; } #prologo { width: 159px; height: 57px; position: relative; margin-top: 65px; margin-left: 140px; } #prologo span { display:none; } #prologo a { background-repeat:no-repeat; display: inline-block; overflow: hidden; } #prologo a#logo { width: 159px; height: 57px; background-image:url(../images/logo.jpg); } #flags { width: 180px; height: 23px; position: relative; left: 740px; bottom: 100px; overflow: hidden; } #fairpay { width: 110px; height: 112px; position: relative; margin-top: -125px; margin-left: 910px; overflow: hidden; } #fairpay span { display:none; } #fairpay a { background-repeat:no-repeat; display: inline-block; } #fairpay a#fpLogo { width: 110px; height: 112px; background-image:url(../images/fairPayLogo.png); } #fairpay a#fpLogo:hover { width: 110px; height: 112px; background-image:url(../images/fairPayLogo_h.png); } #suche { width: 190px; height: 35px; position: relative; left: 805px; top: 133px; overflow: hidden; } #suche input { width: 125px; height: 22px; color: #999999; background-image:url(../neptune/images/search.jpg); background-repeat: no-repeat; margin-right: 4px; padding: 0 5px 0 5px; float: left; overflow: hidden; } #suche .searchSubmit { width: 23px; height: 23px; background-image:url(../neptune/images/searchSubmit.jpg); background-repeat: no-repeat; cursor: pointer; } #navi { width: 875px; height: 280px; margin: 82px auto; overflow: hidden; } /* height: 190*/ #navi ul li {display: inline; margin:0; padding:0; overflow:hidden; } #navi ul li span { display:none; } #navi ul li a{ background-repeat:no-repeat; display:inline-block; overflow:hidden; } #navi ul li a#prosport { width: 128px; height: 78px; position: relative; top: 10px; margin: 0px 0px 120px 0; background-image:url(../neptune/images/btnProsport.png); } #navi ul li a#prosport:hover { width: 128px; height: 78px; background-image:url(../neptune/images/btnProsport_h.png); } #navi ul li #prosport_active { width: 128px; height: 78px;position: relative; top: 10px; margin: 0px 0px 120px 0;background-image:url(../neptune/images/btnProsport_h.png); cursor: default; } #navi ul li a#neptune { width: 187px; height: 74px; position: relative; left: 2px; bottom: 133px; background-image:url(../neptune/images/btnNeptune.png); } #navi ul li a#neptune:hover { background-image:url(../neptune/images/btnNeptune_h.png); } #navi ul li #neptune_active { width: 187px; height: 74px; position: relative; left: 2px; bottom: 133px; background-image:url(../neptune/images/btnNeptune_h.png); cursor: default; } #navi ul li a#neuigkeiten { width: 133px; height: 55px; position: relative; left: 6px; bottom: 138px; background-image:url(../neptune/images/btnNeuigkeiten.png); } #navi ul li a#neptune-spa { width: 133px; height: 55px; position: relative; left: 6px; bottom: 138px; background-image:url(../neptune/images/btnSpa.png); } #navi ul li a#neptune-spa:hover { background-image:url(../neptune/images/btnSpa_h.png); } #navi ul li #neptune-spa_active { width: 133px; height: 55px; position: relative; left: 6px; bottom: 138px; background-image:url(../neptune/images/btnSpa_h.png); cursor: default; } #navi ul li a#news { width: 133px; height: 55px; position: relative; left: 6px; bottom: 138px; background-image:url(../neptune/images/btnNews.png); } #navi ul li a#news:hover { background-image:url(../images/btnNews_h.png); } #navi ul li #news_active { width: 133px; height: 55px; position: relative; left: 6px; bottom: 138px; background-image:url(../neptune/images/btnNews_h.png); cursor: default; } #navi ul #aktivitaetenMain { width: 110px;height: 35px; } #navi ul #aktivitaetenMain span{ display: none; } #navi ul #aktivitaeten { width: 100px; height: 27px; margin-top: 2px; background-image:url(../neptune/images/btnAktivitaeten.png); background-repeat: no-repeat; overflow: hidden; } #navi ul #neptune-restaurants { width: 119px; height: 68px; background-repeat: no-repeat; overflow: hidden; background-image:url(../neptune/images/btnRestaurants.png); position:relative; bottom: 113px; right: 281px; } #navi ul #neptune-restaurants:hover { background-image:url(../neptune/images/btnRestaurants_h.png); overflow: visible; } #navi ul #neptune-restaurants_active { width: 119px; height: 68px; background-image:url(../neptune/images/btnRestaurants_h.png); background-repeat: no-repeat; overflow: hidden; position:relative; bottom: 113px; right: 281px; } #navi ul #activities { width: 100px; height: 27px; margin-top: 2px; background-image:url(../neptune/images/btnActivities.png); background-repeat: no-repeat; overflow: hidden; } #navi ul #activities:hover { height: auto; background-image:url(../neptune/images/btnActivities_h.png); overflow: visible; } #navi ul #activities_active { width: 100px; height: 53px; margin-top: -2px; background-image:url(../neptune/images/btnActivities_active.png); background-repeat: no-repeat; overflow: hidden; } #aktivitaeten a:visited { color: ffcc66; line-height: 15px; } #aktivitaeten a { color: #ffcc66; line-height: 15px;} #aktivitaeten a:link{ color: #ffcc66; width: 95px; height: 17px; font-size: 10pt; text-decoration: none; color: #33ccff; line-height: 15px; } #aktivitaeten a:hover { color: #ffffff; line-height: 15px; } #aktivitaeten a:active { color: #003399; line-height: 15px; } #activities a:visited { color: #ffcc66; line-height: 15px; } #activities a { color: #ffcc66; line-height: 15px;} #activities a:link{ color: #ffcc66; width: 95px; height: 17px; font-size: 10pt; text-decoration: none; color: #33ccff; line-height: 15px; } #activities a:hover { color: #ffffff; line-height: 15px; } #activities a:active { color: #003399; line-height: 15px; } #navi ul ul { width: 95px; height: 0px; overflow: hidden; padding: 10px; position: relative; bottom: 192px; left: 467px; } #navi ul ul:hover { width: 95px; height: auto; overflow:visible; padding: 10px; } #navi ul li a#neptune-zimmer { width: 89px; height: 51px; position: relative; left: 135px; bottom: 115px; background-image:url(../neptune/images/btnZimmer.png); } #navi ul li a#neptune-zimmer:hover { background-image:url(../neptune/images/btnZimmer_h.png); } #navi ul li #neptune-zimmer_active { width: 89px; height: 51px; position: relative; left: 135px; bottom: 115px; background-image:url(../neptune/images/btnZimmer_h.png); cursor: default; } #navi ul li a#neptune-rooms { width: 89px; height: 51px; position: relative; left: 135px; bottom: 115px; background-image:url(../neptune/images/btnRooms.png); } #navi ul li a#neptune-rooms:hover { background-image:url(../neptune/images/btnRooms_h.png); } #navi ul li #neptune-rooms_active { width: 89px; height: 51px; position: relative; left: 135px; bottom: 115px; background-image:url(../neptune/images/btnRooms_h.png); cursor: default; } #navi ul li a#info { width: 85px; height: 45px; margin: 20px 6px; position: relative; left: 130px; bottom: 90px; background-image:url(../neptune/images/btnInfo.png); } #navi ul li a#info:hover { background-image:url(../neptune/images/btnInfo_h.png); } #navi ul li #info_active { width: 85px; height: 45px; margin: 20px 6px; position: relative; left: 130px; bottom: 90px; background-image:url(../neptune/images/btnInfo_h.png); cursor: default; } #navi ul li a#kontakt { width: 95px; height: 47px; position: relative; left: 125px; bottom: 110px; background-image:url(../neptune/images/btnKontakt.png); } #navi ul li a#kontakt:hover { background-image:url(../neptune/images/btnKontakt_h.png); } #navi ul li #kontakt_active { width: 95px; height: 47px; position: relative; left: 125px; bottom: 110px; background-image:url(../neptune/images/btnKontakt_h.png); } #navi ul li a#contact { width: 95px; height: 47px; position: relative; left: 125px; bottom: 110px; background-image:url(../neptune/images/btnContact.png); } #navi ul li a#contact:hover { background-image:url(../neptune/images/btnContaCt_h.png); } #navi ul li #contact_active { width: 95px; height: 47px; position: relative; left: 125px; bottom: 110px; background-image:url(../neptune/images/btnContact_h.png); } #procontent { width: 872px; height: auto; margin: 20px auto; margin-top: -200px; position: relative; left: 9px; } #top { width: 811px; height: auto; padding: 0 20px 20px 20px; background-color: #fff; } p { line-height: 19px;} .status { float: right; margin-top:-30px; } .topText { width: 250px; float: left; } #slideshow { width: 530px; height: 290px; float: right; margin-top: 25px; } #slideshowNoscript { width: 520px; height: 260px; overflow: hidden; float: right; background-image:url(../images/slideshow/home/0.jpg); } .topContentEnd { width: 851px; height: 10px; background-image:url(../neptune/images/topContentEnd.gif); } .proItem { width: 270px; height: 200px; float: left; margin-top: 20px;margin-right: 20px; overflow: hidden; } .proItem a#tennis { width: 270px; height: 200px; float: left; background-image:url(../images/icons/tennis/1.png); text-decoration: none; background-repeat:no-repeat; display:inline-block; overflow:hidden; } .proItem a#tennis:hover { background-image:url(../images/icons/tennis/0.png); } .proItem a#mountainBike { width: 270px; height: 200px; float: left; background-image:url(../images/icons/mountainBike/1.png); text-decoration: none; background-repeat:no-repeat; display:inline-block; overflow:hidden; } .proItem a#mountainBike:hover { background-image:url(../images/icons/mountainBike/0.png); } .proItem a#golf { width: 270px; height: 200px; float: left; background-image:url(../images/icons/golf/1.png); text-decoration: none; background-repeat:no-repeat; display:inline-block; overflow:hidden; } .proItem a#golf:hover { background-image:url(../images/icons/golf/0.png); } .proItem a#kids { width: 270px; height: 200px; float: left; background-image:url(../images/icons/kids/1.png); text-decoration: none; background-repeat:no-repeat; display:inline-block; overflow:hidden; } .proItem a#kids:hover { background-image:url(../images/icons/kids/0.png); } .proItem a#sailSurf { width: 270px; height: 200px; float: left; background-image:url(../images/icons/sailSurf/1.png); text-decoration: none; background-repeat:no-repeat; display:inline-block; overflow:hidden; } .proItem a#sailSurf:hover { width: 270px; height: 200px; float: left; background-image:url(../images/icons/sailSurf/0.png); text-decoration: none; background-repeat:no-repeat; display:inline-block; overflow:hidden; } .proItem a#weitereAngebote { width: 270px; height: 200px; float: left; background-image:url(../images/icons/weitereAngebote/1.png); text-decoration: none; background-repeat:no-repeat; display:inline-block; overflow:hidden; } .proItem a#weitereAngebote:hover { background-image:url(../images/icons/weitereAngebote/0.png); } .item { width: 270px; height: auto; float: left; margin-right: 20px; } .itemTop { width: 270px; height: 10px; background-image:url(../neptune/images/itemContentTop.gif); margin-top: 20px; } .itemContent { width: 230px; height: auto; padding:10px 20px 10px 20px; background-color: #ffffff; float: left; } .itemBottom { width: 270px; height: 10px; background-image:url(../neptune/images/itemContentBottom.gif); float: left; } #footerBack { height: 720px; background-image:url(../neptune/images/footerBackground.jpg); background-repeat: repeat-x;position: relative; } #footer { width: 1024px; height: 720px; margin: 0px auto; background-image:url(../neptune/images/footer.jpg); background-repeat: repeat; } #footerContent { width: 822px; margin: 0px auto; position: relative; top: 635px; left: 5px; } #links { float: right; } #links ul li { display: inline; padding: 0 4px 0 4px; } #enLinks { float: right; margin-right: 15px; } #enLinks ul li { display: inline; padding: 0 4px 0 4px; } #imagePreload { width: 1px; height: 10px; overflow: hidden; display: none; } /* Kontakt */ #map { width: 520px; height: 260px; overflow: hidden; } .fullItem { width: 852px; height: auto; margin-top: 20px; } .fullItemTop { width: 852px; height: 10px; background-image:url(../neptune/images/ContentTop.gif); background-repeat: repeat; } .fullItemContent { width: 812px; height: auto; padding: 10px 20px 0 20px; background-color: #ffffff; padding-bottom: 10px;} #kontaktformular { width: 745px; height: auto; } #kontaktformular label { width: 90px; height: 27px; margin-right: 50px; } #kontaktformular input { width: 254px; height: 27px; padding: 0 5px 0 5px; color: #000; background-image:url(../neptune/images/input.png); background-repeat: no-repeat; overflow: hidden; } #kontaktformular textarea { width: 622px; max-width: 622px; height: 161px; max-height: 161px; padding: 0 5px 0 5px; line-height: 19px; background-image:url(../neptune/images/textarea.png); position: relative; right: 20px; } #nachricht { position: relative; bottom: 145px; } #kontaktSubmit { width: 270px; height: 40px; margin-right: 20px; float: right; overflow: hidden; } #kontaktSubmit input { width: 108px; height: 36px; margin-left: 8px; float: right; background-image:url(../neptune/images/submit.png); background-color: #fff;background-repeat: no-repeat; overflow: hidden; cursor: pointer; color: #fff; } #kontaktSubmit input:hover { background-image:url(../neptune/images/submit_h.png); background-repeat: no-repeat; } /*#loginForm label { width: auto; height: 27px; } #loginForm input { width: 254px; height: 20px; float: right; padding: 0 5px 0 5px; color: #000; background-image:url(../images/input.jpg); background-repeat: no-repeat; background-color: #fff; overflow: hidden; } */ .linkBtn { width: 108px; height: 36px; display: inline-block; background-image:url(../neptune/images/submit.png); background-repeat: no-repeat; overflow: hidden; cursor: pointer; } .linkBtn:hover { background-image:url(../neptune/images/submit_h.png); background-repeat: no-repeat; } .linkBtn a { color: #fff; display: block; margin: 3px auto; text-align: center; } /* impressum */ #slideshow p { width: 400px; height: auto; margin-left: 50px; float: right; } /* gaestebuch */ .uebersicht { width: 812px; height: 25px; padding: 10px 20px 0 20px; background-color: #ffffff; padding-bottom: 10px; overflow: hidden; } #smileys { width: 300px; height: 40px; position: relative; bottom: 250px; left: 400px; overflow: hidden; } #choice { width: 140px; height: 35px; float: right; position: relative; bottom: 25px; overflow: hidden; } #choice select { background-color: #3399ff; color: #fff; } #choice option { padding: 2px; width: 10px; background-color: #3399ff; } #choice input { width: 40px; height: 23px; background-image:url(../neptune/images/submitSmall.jpg); color: #fff; background-repeat: no-repeat; margin: 2px 0 0 5px; overflow: hidden; cursor: pointer; } #choice input:hover { background-image:url(../neptune/images/submitSmall_h.jpg); } .longText { width: 400px; } /* Suche */ .search { margin-top: 20px; padding-bottom: 10px; border-bottom: 1px solid #999999; } /* jobs */ .job { width: 852px; height: 220px; overflow: hidden; } .doubleItemTop { width: 560px; height: 10px; margin-top: 20px; background-image:url(../neptune/images/doubleItemTop.jpg); background-repeat: no-repeat; overflow: hidden; } .doubleItemContent { width: 520px; height: 160px; background-color: #fff; padding: 10px 20px 10px 20px; overflow: hidden; } .doubleItemBottom { width: 560px; height: 10px; background-image:url(../neptune/images/doubleItemBottom.jpg); background-repeat: no-repeat; overflow: hidden;} .jobImg { float: right; position: relative; bottom: 200px; } /* info */ .top20 { width: auto; margin-top: 20px; } .info-neptune { float: right; margin-top: -20px; } .webcam { width: 400px; float: left; } .webcam h4 { text-align: center; } /* aktivitaeten */ #slideshowAktivitaetenNoscript { width: 520px; height: 260px; overflow: hidden; float: right; background-image:url(../images/slideshow/aktivitaeten/0.jpg); } /* sitemap */ #sitemap { height: 400px; border: 1px solid #f00; } .site { list-style-type:square; margin-left: 40px; } /* sailSurf */ #slideshowAktivitaetenSailSurf { width: 520px; height: 260px; overflow: hidden; float: right; background-image:url(../images/slideshow/sailSurf/0.jpg); } .dynamicDrive { width: 852px; height: auto; margin-top: 20px; } .dynamicDriveTop { width: 852px; height: 10px; background-image:url(../neptune/images/ContentTop.gif); background-repeat: repeat; } #kurse { width: 812px; height: auto; padding: 10px 20px 0 20px; background-color: #ffffff; padding-bottom: 10px; overflow: hidden;} #preisliste { width: 812px; height: auto; padding: 10px 20px 0 20px; background-color: #ffffff; padding-bottom: 10px; overflow: hidden;} #preistabelle { width: 812px; height: 50px; } #preistabelleTop { background-image:url(../images/tdCaption.jpg); background-repeat: repeat; } #preistabelle tr td { padding-left: 20px; } .tableCaption { font-size: 17px; font-weight: bold; } .tableTheme h3 { height: 40px; margin-top: 20px; } .td1 { background-image:url(../images/td1.jpg); background-repeat: repeat; } .td2 { background-image:url(../images/td2.jpg); background-repeat: repeat; } /* neuigkeiten */ .news { width: 852px; height: 220px; overflow: hidden; } .date { font-size: 12px; font-weight: bold; margin-right: 20px; color: #000000; } /* aktivitaeten-kids */ #kids-schwimmen, #kids-segeln, #kids-surfen, #kids-tennis , #kids-wasserpark { width: 812px; height: auto; padding: 10px 20px 0 20px; background-color: #ffffff; padding-bottom: 10px; overflow: hidden;} #slideshowAktivitaetenKidsNoscript { width: 520px; height: 260px; overflow: hidden; float: right; background-image:url(../images/slideshow/Kids/0.jpg); } /* login */ #headerLogin { width: 1024px; height: 312px; background-image:url(../images/loginHead.jpg); background-repeat: no-repeat; overflow: hidden; } #contentLogin { width: 812px; height: auto; margin: 0px auto; padding: 0 20px 20px 20px; position: relative; left: 4px; background-color: #fff; overflow: hidden; } .loginContentEnd { width: 1024px; height: 10px; margin-bottom: 20px; background-image:url(../images/loginContentEnd.jpg); background-repeat: no-repeat; } #loginForm { width: 350px; height: 110px; } #loginForm label { width: auto; height: 27px; } #loginForm input { width: 254px; height: 20px; float: right; padding: 0 5px 0 5px; color: #000; background-image:url(../images/input.jpg); background-repeat: no-repeat; background-color: #fff; overflow: hidden; } #loginSubmit input { width: 108px; height: 36px; margin-left: 8px; background-color: #fff; float: right; background-image:url(../images/submit.png); background-repeat: no-repeat; overflow: hidden; cursor: pointer; color: #fff; } #loginSubmit input:hover { background-image:url(../images/submit_h.png); background-repeat: no-repeat; } #logout input { width: 108px; height: 36px; margin-left: 8px; float: right; background-color: #fff; background-image:url(../images/submit.png); background-repeat: no-repeat; overflow: hidden; cursor: pointer; color: #fff; } #logout input:hover { background-image:url(../images/submit_h.png); background-repeat: no-repeat; } /* logoutSend */ .logoutSendBtn input { width: 108px; height: 36px; background-color: #fff; margin-left: 8px; margin-top: 5px; background-image:url(../images/submit.png); background-repeat: no-repeat; overflow: hidden; cursor: pointer; color: #fff; } .logoutSendBtn input:hover{ background-image:url(../images/submit_h.png); background-repeat: no-repeat; } /* gbeditor */ .gbMessageTop { width: 772px; height: 60px; padding: 0 20px 0 20px; background-color: #6699ff; overflow: hidden; } .gbMessageContent { width: 772px; height: auto; padding: 0 20px 20px 20px; margin-bottom: 20px; background-color: #99ccff; } .AktionSubmit { width: 260px; height: 180px; float: right; overflow: hidden; position: relative; bottom: 60px; left: 30px; } .btn { width: 130px; height: 70px; float: left; overflow: hidden; } .AktionSubmit input { width: 108px; height: 36px; float: left; background-color: #6699ff; background-image:url(../images/submit.png); background-repeat: no-repeat; overflow: hidden; cursor: pointer; color: #fff; } .AktionSubmit input:hover { background-image:url(../images/submit_h.png); background-repeat: no-repeat; } .display { padding: 10px; background-color: #ddd; } /* newseditor */ #newseditor { width: 745px; height: auto; overflow: hidden; } #newseditor label { width: 100px; height: 27px; margin-right: 50px; } #newseditor input { width: 254px; height: 22px; padding: 0 5px 0 5px; color: #000; float: right; position: relative; right: 400px; background-image:url(../images/input.jpg); background-repeat: no-repeat; overflow: hidden; } #newseditor textarea { width: 622px; max-width: 632px; height: 161px; max-height: 161px; padding: 0 5px 0 5px; line-height: 19px; background-image:url(../images/textarea.jpg); position: relative; right: 3px; } #newseditorSubmit { position: relative; left: 370px; } #newseditorSubmit input { width: 108px; height: 36px; background-image:url(../images/submit.png); background-color: #ffffff;background-repeat: no-repeat; overflow: hidden; cursor: pointer; color: #fff; } #newseditorSubmit input:hover { background-image:url(../images/submit_h.png); background-repeat: no-repeat; } /* newseditorSend */ #content { width: 852px; height: auto; margin: 0px auto; position: relative; left: 4px; } #newsEnterSubmit { width: 120px; height: 40px; overflow: hidden; } #newsEnterSubmit input { width: 108px; height: 36px; margin-left: 8px; background-image:url(../images/submit.png); background-color: #fff;background-repeat: no-repeat; overflow: hidden; cursor: pointer; color: #fff; } #newsEnterSubmit input:hover { background-image:url(../images/submit_h.png); background-repeat: no-repeat; } #aktivitaeten_leer span{width: 110px;height: 35px;} #news_leer span{width: 110px;height: 35px;} #preise_leer span{width: 89px;height: 51px;} .h270 {height:270px;} /* Weiteres */ #mtb-station, #tennis-shop, #squash { width: 812px; height: auto; padding: 10px 20px 0 20px; background-color: #ffffff; padding-bottom: 10px; overflow: hidden;} #slideshowWeiteresNoscript { width: 520px; height: 260px; overflow: hidden; float: right; background-image:url(../images/slideshow/team/0.jpg); } /* Tennis */ #slideshowTennisNoscript { width: 520px; height: 260px; overflow: hidden; float: right; background-image:url(../images/slideshow/tennis/0.jpg); } /* Bike */ #slideshowGolfNoscript { width: 520px; height: 260px; overflow: hidden; float: right; background-image:url(../images/slideshow/mountainBike/0.jpg); } .touren { float: right; margin-top: -20px; } /* Preise */ #punkte {float:left; font-weight:bold;} #praemien {float:left; margin-left:40px;} .cards {margin-top:20px;} .card-text{float:left; margin-left:20px;} /* Golf */ #slideshowGolfNoscript { width: 520px; height: 260px; overflow: hidden; float: right; background-image:url(../images/slideshow/golf/0.jpg); } /* neptune */ #slideshowNeptuneNoscript { width: 520px; height: 260px; overflow: hidden; float: right; background-image:url(../images/slideshow/neptune/gastronomie.jpg); } /* neptune-restaurants*/ #slideshowRestaurantsNoscript { width: 520px; height: 260px; overflow: hidden; float: right; background-image:url(../images/slideshow/neptune-restaurants/gastronomie.jpg); } /* neptune spa*/ #infoNeptuneSpa { width: 812px; height: auto; padding: 10px 20px 0 20px; background-color: #ffffff; padding-bottom: 10px; overflow: hidden;} .infoText { width: 450px; } #slideshowSpaNoscript { width: 520px; height: 260px; overflow: hidden; float: right; background-image:url(../images/slideshow/neptune-spa/spa.jpg); } /* neptune-info */ #infoNeptuneLageplan { width: 812px; height: auto; padding: 10px 20px 0 20px; background-color: #ffffff; padding-bottom: 10px; overflow: hidden;} #webcam { width: 812px; height: auto; padding: 10px 20px 0 20px; background-color: #ffffff; padding-bottom: 10px; overflow: hidden;} /* lightbox */ #lightbox{ position: absolute; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0; } #lightbox img{ width: auto; height: auto; } #lightbox a img{ border: none; } #outerImageContainer{ position: relative; width: 250px; height: 250px; background-image:url(../neptune/images/contentBackground.jpg); background-repeat: repeat; margin: 0 auto; } #imageContainer{ padding-top: 10px; } #loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; } #hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; } #imageContainer>#hoverNav{ left: 0;} #hoverNav a{ outline: none;} #prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; } #prevLink { left: 0; float: left;} #nextLink { right: 0; float: right;} #prevLink:hover, #prevLink:visited:hover { background:url(../images/prevlabel.gif) left 15% no-repeat; } #nextLink:hover, #nextLink:visited:hover { background:url(../images/nextlabel.gif) right 15% no-repeat; } #imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-image:url(../neptune/images/contentBackground.jpg); background-repeat: repeat; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100% ; } #imageData{ padding:0 10px; color: #ffffff; font-size: 14px; } #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 #bottomNavClose{ width: 66px; float: right; padding-bottom: 0.7em; outline: none;} #overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #222222; }