/** * TUI.com * * @copyright NEUSTA GmbH * @author lseinschedt * @version 1.0 * * @revision $Revision: 55107 $ * @lastmodified $Date: 2010-04-14 15:58:31 +0200 (Mi, 14 Apr 2010) $ * @last author $Author: smoog $ body {font-family:verdana, sans-serif; font-size:11px; color:#002d41;} */ span.hidden, div.hidden {display:block; width:0; height:0; overflow:hidden;} form {display:inline;} #main {margin:auto; width:1012px;} h2 span {overflow:hidden;} /** * @section Top Navigation * */ #topMenu {background:#69f; width:1000px; height:25px; border-left:6px solid #fff; border-right:6px solid #fff; list-style-type:none; position:relative; z-index:850;} #topSearch {color:#fff; float:left; width:300px; padding-left:0; overflow:hidden;} * html #topSearch {width:294px;} .topMenu {float:left; padding:0 15px; background:transparent url(/fileadmin/tui/pics/img/tui_sprite_1.gif) no-repeat -10px -323px; margin-top:5px;} .topMenu a, .topMenu a:hover {color:#fff; text-decoration:none;} #topMenuNews {margin-top:4px; background:transparent url(/fileadmin/tui/pics/img/tui_sprite_1.gif) no-repeat -10px -327px;} #topMenu2 .topMenu {background:transparent url(/fileadmin/tui/pics/img/tui_sprite_1.gif) no-repeat -10px -367px;} #triggerService {background:#69f url(/fileadmin/tui/pics/img/tui_sprite_1.gif) no-repeat -10px -327px; float:left; color:#fff; margin-top:4px; cursor:pointer !important; width:120px; } #page_3808 #triggerService, #page_3809 #triggerService, #page_3811 #triggerService, #page_3812 #triggerService {display:none;} #service {position:absolute; z-index:850; background:#69f; padding:10px 15px 10px 0; border-width: 0 1px 1px 1px; border-style:solid; border-color:#d5d6d8;} #serviceiframe {position:absolute; z-index:-1; left:0; top:0; filter:alpha(opacity=00);} html>/**/body #service {padding:10px;} #service ul {list-style-type:none;} #service li {width:148px; line-height:normal; } html>/**/body #service li {width:159px;} #service li a {border-width:1px 0 1px 0; border-style:solid; border-color:#69f; display:block; padding:2px 0 2px 10px; color:#fff; text-decoration:none;} #service li a:hover {border-width:1px 0 1px 0; border-style:dotted; border-color:#fff; text-decoration:none;} .seperatorLeft {margin:0 0 0 15px; line-height:23px;} .tuiflylogo a:hover, .tuicruises a:hover {color:#fff; text-decoration:none;} #tuiServiceIcon {width:13px; height:19px; background:url(/fileadmin/tui/pics/img/tui_sprite_1.gif) no-repeat -10px -10px; float:left; margin:-2px 5px 0 0; border:0} #tuiNewsIcon {width:20px; height:19px; float:left; background:url(/fileadmin/tui/pics/img/tui_sprite_1.gif) no-repeat -10px -49px; margin:-1px 5px 0 0; border:0;} /** Quicklinks **/ /*overwrite*/ #toggleQuickLinks, #quicklinksRandom, #quickLinks .border, #quicklinksButtonMore, #quicklinksButtonLess {display:none !important} #quicklinksFixed {border:none; background:none; margin:-2px 0 0 0; padding:0; list-style-type:none; list-style-position:outside;} /*default*/ #quickLinks {width:155px; top:17px; right:0px; padding:0; overflow:hidden;} #quicklinksFixed {display:block;} #quicklinksFixed a {display:block; width:147px; height:24px; margin-left:122px; margin-bottom:4px !important; padding:0; background:#69f; color:#fff;} #quickLinks #ql3948 {background:url(/fileadmin/tui/pics/img/tui_sprite_1.gif) no-repeat -10px -1250px; padding-left:200px} #quickLinks #ql3947 {background:url(/fileadmin/tui/pics/img/tui_sprite_1.gif) no-repeat -10px -1302px; padding-left:200px} #quickLinks #ql3945 {background:url(/fileadmin/tui/pics/img/tui_sprite_1.gif) no-repeat -10px -1328px; padding-left:200px} #quickLinks #ql3944 {background:url(/fileadmin/tui/pics/img/tui_sprite_1.gif) no-repeat -10px -1354px; padding-left:200px} #quickLinks #ql3942 {background:url(/fileadmin/tui/pics/img/tui_sprite_1.gif) no-repeat -10px -1380px; padding-left:200px} #quickLinks #ql3941 {background:url(/fileadmin/tui/pics/img/tui_sprite_1.gif) no-repeat -10px -1276px; padding-left:200px} /* main sections */ #page_2616 #quickLinks, #page_2752 #quickLinks, #page_2720 #quickLinks {top:44px; width:155px;} #page_2616 #quicklinksFixed a, #page_2752 #quicklinksFixed a, #page_2720 #quicklinksFixed a {width:155px; height:32px; margin-left:123px; margin-bottom:6px;} #page_2616 #quickLinks #ql3948, #page_2752 #quickLinks #ql3948, #page_2720 #quickLinks #ql3948 {background:url(/fileadmin/tui/pics/img/tui_sprite_1.gif) no-repeat -10px -413px;} #page_2616 #quickLinks #ql3947, #page_2752 #quickLinks #ql3947, #page_2720 #quickLinks #ql3947 {background:url(/fileadmin/tui/pics/img/tui_sprite_1.gif) no-repeat -10px -481px;} #page_2616 #quickLinks #ql3945, #page_2752 #quickLinks #ql3945, #page_2720 #quickLinks #ql3945 {background:url(/fileadmin/tui/pics/img/tui_sprite_1.gif) no-repeat -10px -515px;} #page_2616 #quickLinks #ql3944, #page_2752 #quickLinks #ql3944, #page_2720 #quickLinks #ql3944 {background:url(/fileadmin/tui/pics/img/tui_sprite_1.gif) no-repeat -10px -549px;} #page_2616 #quickLinks #ql3942, #page_2752 #quickLinks #ql3942, #page_2720 #quickLinks #ql3942 {background:url(/fileadmin/tui/pics/img/tui_sprite_1.gif) no-repeat -10px -583px;} #page_2616 #quickLinks #ql3941, #page_2752 #quickLinks #ql3941, #page_2720 #quickLinks #ql3941 {background:url(/fileadmin/tui/pics/img/tui_sprite_1.gif) no-repeat -10px -447px;} /* image and button */ .ImageBtnTeaser .csc-textpic-imagewrap {padding-top:20px; width:630px !important;} .ImageBtnTeaser .csc-textpic-firstcol {padding-right:10px; border-right:1px dotted #69f;} .ImageBtnTeaser .csc-textpic-image {position:relative; margin-left:10px !important;} .ImageBtnTeaser .csc-textpic-lastcol {padding-left:10px; border-left:1px dotted #69f;} .imgTeaserBtn {position:absolute; height:19px; bottom:6px; right:8px; padding:2px 6px 0 0; background:transparent url(/fileadmin/tui/pics/img/it/imageBtnEnd.png) no-repeat scroll right 0;} .ImageBtnTeaser .csc-textpic-firstcol .imgTeaserBtn {right:14px;} .imgTeaserBtn dd {display:inline; padding:4px 0 5px 20px; background:url(/fileadmin/tui/pics/img/tui_sprite_1.gif) no-repeat -10px -155px; color:#fff !important; font-weight:bold;} /** * @section Stage * */ #stageHome {width:1000px; position:relative; border-left:6px solid #fff; border-right:6px solid #fff; background:#fff; z-index:800;} #tuiHome {width:250px; height:100px; position:absolute; top:10px; left:10px;} #tuiHome a {display:block; width:250px; height:100px;} #tuiHome a .logo {margin: 11px;} #quickLinks {width:186px; position:absolute; right:60px; top:17px; background:transparent; z-index:550;} #quicklinksFixed {width:183px; border-right:1px solid #b9babc; border-left:1px solid #d1d2d4; background:#fff; border-top:0; margin:-2px 0 0 0; padding:0; list-style-type:none; list-style-position:outside; display:none;} html>/**/body #quicklinksFixed {margin-top:0;} #quicklinksFixed a {padding-left:5px; line-height:28px; margin:0 10px 0 6px; color:#69f; text-decoration:none; font-size:13px; font-weight:bold;} #quicklinksFixed a:hover {color:#001e50;} /** * @section Menu * */ #mainMenu {background:none; width:782px; height:64px; overflow:hidden; position:absolute; left:0px; display:block; list-style-type:none; list-style-position:outside; bottom:0; margin:0;} * html #mainMenu {margin-left:-5px;} #mainMenu li {float:left; background-color:#fff;} #mainMenu li img {border-width:1px 1px 0 0; border-style:solid; border-color:#f5f1e3;} #mainMenu li.active img {border-right:1px solid #fff;} #searchBookDescription {width:236px; height:24px; position:absolute; bottom:47px; left:0; padding:6px; color:#6699FF; font-size:10px; background-image:url(/fileadmin/tui/pics/img/mainmenu_desc.gif); z-index:850;} /** * @section Submenu * */ #subMenu {clear:both; float:left; padding:20px 9px 15px 10px; width:728px; position:relative; z-index:410;} #subMenu ul {margin-left:-9px; list-style-type:none; list-style-position:outside;} #subMenu ul.secondline {clear:both; margin-top:-20px;} html>/**/body #subMenu ul.secondline {clear:both; margin-top:0;} #subMenu li {float:left; padding:0 0 5px 0; font-size:15px; font-weight:bold; white-space:nowrap;} #subMenu li a {float:left; background:transparent url(/fileadmin/tui/pics/img/content_links_strich.gif) no-repeat left; padding:1px 10px 3px 10px; text-decoration:none; cursor:pointer;} #subMenu li.first a {background:none; text-decoration:none;} #subMenu li.current a {background:#69f url(/fileadmin/tui/pics/img/content_links_strich_weiss.gif) no-repeat left; text-decoration:none; padding-right:10px; color:#fff;} #subMenu li a:hover {background:#69f url(/fileadmin/tui/pics/img/content_links_strich_weiss.gif) no-repeat left; text-decoration:none; padding-right:10px; color:#fff;} #subMenu li .subSubmenu {display:none; float:left; border:1px solid #69f; width:742px; position:absolute; margin: 0 1px; top:25px; left:1px; background:#fff; z-index:490;} #subMenu li .subSubmenu .single {width:230px; float:left; padding:8px;} * html #subMenu li .subSubmenu .single ul {margin-top:-10px;} *+html #subMenu li .subSubmenu .single ul {margin-top:-10px;} #subMenu li .subSubmenu #pid2900.single {width:190px;} #subMenu li .subSubmenu #pid2903.single {width:170px;} #subMenu li#pid2734 .subSubmenu .single {width:180px;} #subMenu li .subSubmenu #pid2900.single li {width:190px} #subMenu li .subSubmenu #pid2896.single li {width:230px} #subMenu li .subSubmenu .double {width:478px; padding:8px; float:left; border-right:1px solid #69f;} #subMenu li .subSubmenu #pid2901.double {height:142px; width:300px;} #subMenu li .subSubmenu #pid2902.double {height:105px; width:180px;} #subMenu li#pid2738 .subSubmenu .double {height:145px; width:208px;} #subMenu li#pid2734 .subSubmenu .double {height:90px; width:168px;} * html #subMenu li#pid2734 .subSubmenu .double {height:105px;} #subMenu li#pid2742 .subSubmenu #pid2897 {width:468px; height:173px;} #subMenu li#pid2742 .subSubmenu #pid2896 {height:173px; width:230px;} #subMenu li .subSubmenu .broad {border-top:1px solid #69f; clear:both; padding-bottom:15px;} #subMenu li .subSubmenu h2 {clear:both; margin:0; font-size:12px; font-weight:bold; color:#69f; padding:5px 5px 5px 8px;} #subMenu li .subSubmenu .single h2 {display:inline; margin:0; padding:0 25px 0 0; font-size:12px; font-weight:bold; color:#69f; line-height:30px; background:transparent url(/fileadmin/tui/pics/img/icon_winter_klein.gif) no-repeat right 3px; clear:both; float:left;} #subMenu li .subSubmenu .double h2 {display:inline; margin:0; padding:0 25px 0 0; font-size:12px; font-weight:bold; color:#69f; line-height:30px; background:none; background:transparent url(/fileadmin/tui/pics/img/icon_sommer_klein.gif) no-repeat right 3px; clear:both; float:left;} #subMenu li .subSubmenu .broad h2 {display:inline; margin:0; padding:10px 0 0 8px; font-size:12px; font-weight:bold; color:#69f; line-height:30px; background:none; clear:both; float:left;} #subMenu li .subSubmenu span.singlePoint, #subMenu li .subSubmenu ul li {clear:both;} #subMenu li .subSubmenu ul li {font-size:12px; font-weight:normal;} #subMenu li .subSubmenu .double ul {float:left; /*width:246px;*/ clear:both; padding-left:2px;} #subMenu li .subSubmenu #pid2897.double ul {width:236px;} #subMenu li .subSubmenu #pid2897 ul.borderMenu {width:236px; float:left;} * html #subMenu li .subSubmenu .double ul {margin-left:-5px;} #subMenu li .subSubmenu .double ul.borderMenu {float:left; width:239px; clear:none; border:none; padding:0 0 0 8px;} * html #subMenu li .subSubmenu .double ul.borderMenu {margin-top:30px;} *+html #subMenu li .subSubmenu .double ul.borderMenu {padding:28px 0 0 15px;} * html #subMenu li .subSubmenu #pid2897.double ul.borderMenu {margin-left:20px;} *+html #subMenu li .subSubmenu #pid2897.double ul.borderMenu {margin-left:20px;} #subMenu li .subSubmenu .broad ul {clear:both; padding:0 0 0 8px;} #subMenu li .subSubmenu .broad ul li {float:left; clear:none;} #subMenu li .subSubmenu .single ul li a, #subMenu li .subSubmenu .double ul li a, #subMenu li .subSubmenu .broad ul li a, #subMenu li .subSubmenu .standard h2 a {font-weight:normal; color:#69f; font-size:12px; display:block; background:none; padding:0 5px 0 8px;} #subMenu li .subSubmenu .single ul li a:hover, #subMenu li .subSubmenu .double ul li a:hover, #subMenu li .subSubmenu .broad ul li a:hover {text-decoration:underline; background:none; color:#69f; padding:0 5px 0 8px;} #subMenu li#pid2742 .subSubmenu {width: 741px; overflow: hidden;} #subMenu li#pid2738 .subSubmenu {width: 440px; left: 171px; overflow: hidden;} #subMenu li#pid2738 .subSubmenu #pid2901 ul {width: 190px;} #subMenu li#pid2738 .subSubmenu #pid2901 ul.borderMenu {width:110px;} #subMenu li#pid2734 .subSubmenu {width: 397px; left: 345px; overflow: hidden;} #subMenu .subSubmenu .singlePoint {padding:5px 0; display:block;} #subMenu li .subSubmenu span.singlePoint a {font-weight:normal; color:#69f; font-size:12px; display:block; background:none; padding:0 5px 5px 8px;} #subMenu li .subSubmenu span.singlePoint a:hover {text-decoration:underline;} /** * @section Breadcrumb * */ #breadcrumb {clear:both; line-height:28px; border-top:1px dotted #b2bbca; border-bottom:1px dotted #b2bbca; padding:0 9px 0 10px; float:left; width:728px; list-style-type:none; list-style-position:outside; margin-bottom: 10px;} #breadcrumb ul {list-style-type:none; list-style-position:outside;} #breadcrumb li {float:left;} #breadcrumb li.divider {color:#b2bbca; padding:0 7px;} /** * @section Main * */ #contentContainer {float:left; width:1000px; padding:6px 0px; background:#fff; border-left:6px solid #fff; border-right:6px solid #fff;} * html #contentContainer {padding:6px 0px 0px 0px;} /** new Left-Elements **/ .leftElement {clear:both} .leftElement .seperator {background: url(/fileadmin/tui/pics/img/tui_sprite_2.gif) repeat-x 0px -18px; width:248px; height: 10px; overflow:hidden; margin-left:-3px;} /** * @section Search * * */ #outerLeft {width:248px; float:left; position:relative; z-index:770;} #left {background:transparent url(/fileadmin/tui/pics/img/bg_quicksearch.gif) repeat; border-width:2px 2px 3px 3px; border-style:solid; border-color:#ede6ce; float:left; width:243px;} #left h2 img {padding:23px 0 19px 11px;} h3.moreSearches {font-size:18px; padding:32px 14px 8px 14px; clear:both; margin:0;} /** * @section content container * * only the container himself */ #mainContent {float:left; width:745px; padding-left:5px; overflow:hidden;} #content {clear:both; padding-bottom:70px; overflow:hidden;} * html #content {padding-bottom:0;} *+html #content {padding-bottom:0;} * html #mainContent {padding-bottom:70px;} *+html #mainContent {padding-bottom:70px;} /** * @section Footer * */ .footer {border-top:6px solid #dfdfdf; float:left; width:1000px; background:#fff; padding:6px;} .footer ul {list-style-type:none; list-style-position:outside; float:left;} .footerNav ul {list-style-type:none; list-style-position:outside;} #footerHelp {background:#69f; padding:22px 0 22px 0; color:#fff; float:left; width:1000px;} .identifierHelp {width:215px; float:left; text-align:right; clear:both; margin-right:49px; padding-top:5px;} .footerHelpLinks li {float:left; width:500px;} .footerHelpLinks img {float:left;} #footerTopModules {border-top:2px solid #ede6ce; border-right:2px solid #ede6ce; border-bottom:3px solid #ede6ce; border-left:3px solid #ede6ce; background:transparent url(/fileadmin/tui/pics/img/bg_quicksearch.gif) repeat; float:left; width:995px; padding-bottom:10px;} #intWebsites {line-height:72px; background:#dfdfdf url(/fileadmin/tui/pics/img/tui_sprite_1.gif) no-repeat 878px -898px; float:left; width:1000px;} /** * @section Flags * */ .flagLabel {width:212px; float:left; text-align:right;} .conFlagsParade {float:left; margin:32px 0 0 50px;} .conFlagsParade a {display:block; float:left; width:15px; height:9px; margin-right:5px; text-decoration:none; text-indent:40px; border:1px solid #fff; overflow:hidden;} .identifier {width:209px; float:left; text-align:right; padding-top:12px; clear:both; margin-right:40px; line-height:17px;} .footerModulesLinks {padding-top:12px; float:left; width:741px; line-height:17px;} .footerModulesLinks li {float:left;} .footerModulesLinks a {padding:0 11px; background:transparent url(/fileadmin/tui/pics/img/navi_3_strich.gif) no-repeat right;} .footerModulesLinks a.last {background:none;} .footerNav {border-top:6px solid #dfdfdf; float:left; width:1000px; background:#dfdfdf; padding:6px 0 60px 0;} #footerNav li {float:left;} #footerNav a {padding:0 10px; background:transparent url(/fileadmin/tui/pics/img/navi_3_strich.gif) no-repeat right;} #footerNav a.last {background:none;} #copyright {font-weight:bold; float:right;} /** * @section calendar * */ .dplayer {position:absolute; z-index:820; background:#69f; width:184px; padding-bottom:5px; left:13px !important;} .dplayeriframe {position:absolute; z-index:-1; left:0; top:0; filter:alpha(opacity=00);} /** * @section countryinfos * */ #countryinfos h2 {color:#6699FF; border-bottom:1px dotted #B2BBCA;} #countryinfos h2.accordionTextClosed{background-image:url(/fileadmin/tui/pics/img/arrow_blue_right.gif);} #countryinfos .liTable {border-color:#999999; border-style:none; width:465px; background:#FFF; margin-bottom:20px;} #countryinfos .liHeader div {background:none; border-bottom:1px dotted #999999;} /*#countryinfos .liRow {clear:both; height:25px;}*/ #countryinfos .liRow div {border-bottom:1px dotted #999999;} #countryinfos .neustateaserscrollermenu {margin:0; width:590px; padding-top:10px; border-top:1px dotted #999999;} #countryinfos .accordiontext h2.accordionTextClosed {color:#fff; background:#69f url(/fileadmin/tui/pics/img/arrow_white_right.gif) no-repeat 10px;} /** * @section misc * */ .separator {border-bottom:2px solid #69f; clear:both; padding-top:5px; width:590px;} /** * @section fly & more submenu * */ #flySubMenu {padding:15px 60px 5px 60px; margin-bottom:6px; border-bottom:1px dotted #B2BBCA;} #page_4002 #flySubMenu {padding-top: 10px;} * html #flySubMenu {padding-bottom:10px;} *+html #flySubMenu {padding-bottom:10px;} #flySubMenu ul {height:30px; background:url(/fileadmin/tui/pics/img/bg_blue.gif) repeat-x bottom; list-style-type:none;} #flySubMenu ul li {float:left; position:relative; z-index:120;} #flySubMenu ul li a {display:block; padding-left:30px; line-height:30px; height:30px; width:110px; color:#FFF; text-decoration:none; font-weight:bold; background:url(/fileadmin/tui/pics/img/arrow_white_right.gif) no-repeat #6699FF 10px center; border-right:1px solid #FFF;} #flySubMenu ul li a:hover {text-decoration:none;} #flySubMenu ul li ul {display:none; position:absolute; z-index:120; width:138px; border:1px solid #6699FF; border-top:none; background-color:#FFFFFF;} #flySubMenu ul li:hover ul {display:block;} #flySubMenu ul li ul {height:auto; margin:0; background:none; background-color:#FFF;} #flySubMenu ul li ul li {border-top:1px dotted #6699FF;} #flySubMenu ul li ul li a {padding-left:35px; width:103px; line-height:26px; height:26px; background:url(/fileadmin/tui/pics/img/arrow_blue_right.gif) no-repeat #FFFFFF 15px center; border:none; color:#6699FF;} #flySubMenu ul li ul li a:hover {background-image:url(/fileadmin/tui/pics/img/arrow_blue_right.gif);} /** * @section loader * */ .loadingOverlay {position:absolute; left:0; top:0; background:#fff; z-index:410; opacity:0.8; filter:alpha(opacity=80);} .loadingImage {position:absolute; left:0; top:70px; background:transparent url(/fileadmin/tui/pics/img/loader.gif); width:220px; height:19px; z-index:430;}