/** * Styles für die Enty-Liste */ #editorContent #dayEntrys { margin-top: 20px; margin-bottom: 20px; } #editorContent #dayEntrys .accEl { width:787px; } #editorContent #dayEntrys .accEl .last { background: url(../img/tourplanner/days.bottom.gif) no-repeat 0px top; width:787px; height:4px; } #editorContent #dayEntrys .accEl .lastactive { background-image:url(../img/tourplanner/days.bottom.active.gif) !important; } #editorContent #dayEntrys .accEl h5 { border-left:1px solid #E1E1DF; border-right:1px solid #E1E1DF; border-bottom:0; margin:0; padding-bottom: 0; line-height: 15px; font-size: 1.0em; } #editorContent #dayEntrys .accEl h5 span { float:left; } #editorContent #dayEntrys .accEl h5 img { float:right; margin-right:14px; } #editorContent #dayEntrys .accEl h5.active { border-bottom:1px solid #E1E1DF; } #editorContent #dayEntrys .accEl .last h5 { border-bottom:1px solid #E1E1DF; } #editorContent #dayEntrys .accEl .accContent { border-left:1px solid #E1E1DF; border-right:1px solid #E1E1DF; padding:0; } #editorContent #dayEntrys .accEl .accContent #accContentItem_start { background-image: none; } #editorContent #dayEntrys .accEl .accContent .accContentItem { background: url(../img/tourplanner/separator.move.entry.gif) repeat-y 712px 0px; padding:12px 0px 9px 14px; border-bottom: 1px solid #e1e1e1; } #editorContent #dayEntrys .accEl .accContent .blueBg{ background-color:#F0F0F0; } #editorContent #dayEntrys .accEl .accContent .greenBg{ background-color:#f5fdf2; } #editorContent #dayEntrys .accEl .accContent .accContentDesc { padding: 7px 14px; font-weight: bold; background: url(../img/tourplanner/separator.accContentItem.hor.gif) repeat-x left bottom; } #editorContent #dayEntrys .accEl .accContent .accContentItem .tpNotFound{ padding-top: 15px; padding-bottom: 15px; float: left; width: 600px; } #editorContent #dayEntrys .accEl .accContent .picture, #tourDescImg .picture { float:left; width:68px; margin-top:2px; } #editorContent #dayEntrys .accEl .accContent .picture img, #tourDescImg .picture img { width:60px; height:55px; } #editorContent #dayEntrys .accEl .accContent .shortDetails { float:left; width:350px; margin-right:10px; _background: url(../img/tourplanner/icon.highlight.gif) no-repeat 0px 0px; } #editorContent #dayEntrys .accEl .accContent .shortDetails h6 { margin:0; } #editorContent #dayEntrys .accEl .accContent .shortDetails h6 a { font-weight:bold; font-size:14px; color:#2f6d90; text-decoration:underline; padding-left:19px; background: url(../img/tourplanner/icon.arrow.toRight.gif) no-repeat 0px 2px; } #editorContent #dayEntrys .accEl .accContent .shortDetails h6.highlight{ background: url(../img/tourplanner/icon.highlight.gif) no-repeat 0px 0px; padding-left: 28px; min-height: 28px; _padding-bottom: 10px; _background-image: none; } #editorContent #dayEntrys .accEl .accContent .shortDetails p { color:#000; margin:3px 0 0 4px; } #editorContent #dayEntrys .accEl .accContent .shortDetails p.login { font-weight:bold; } #editorContent #dayEntrys .accEl .accContent .shortDetails p.login a { color:#2f6d90; text-decoration:underline; } #editorContent #dayEntrys .accEl .accContent .options { float:left; width: 161px; } #editorContent #dayEntrys .accEl .accContent .options select { float:left; width:105px; border:1px solid #cecece; height:17px; color:#3f3f3f; font-size:12px; padding-left:2px; width: 80px; *height: 21px; *width: 83px; _width: 83px; _margin-left: 4px; } #editorContent #dayEntrys .accEl .accContent .options label { display:block; width: 55px; float:left; font-size: 12px; text-align:right; margin: 2px 11px 3px 0px; height:17px; color:#3f3f3f; } #editorContent #dayEntrys .accEl .accContent .removeButton { float:left; width: 59px; font-size: 0.92em; } #editorContent #dayEntrys .accEl .accContent .removeButton a { background: url(../img/tourplanner/icon.remove.colors.gif) no-repeat scroll 0px 0px; display:block; padding-top: 44px; } #editorContent #dayEntrys .accEl .accContent .blueBg .removeButton a { background-position: 0px -60px; } #editorContent #dayEntrys .accEl .accContent .greenBg .removeButton a { background-position: 0px -120px; } #editorContent #dayEntrys .accEl .accContent .detailButton { float:left; width: 52px; font-size: 0.92em; } #editorContent #dayEntrys .accEl .accContent .detailButton a { background: url(../img/tourplanner/icon.details.colors.gif) no-repeat scroll 0px 0px; display:block; padding-top: 44px; } #editorContent #dayEntrys .accEl .accContent .blueBg .detailButton a { background-position: 0px -60px; } #editorContent #dayEntrys .accEl .accContent .greenBg .detailButton a { background-position: 0px -120px; } #editorContent #dayEntrys .accEl .accContent .sortingOptions{ width: 54px; padding-left: 6px; font-size: 0.92em; float:left; margin-top:0px; background: url(../img/tourplanner/separator.accContentItem.hor.gif) repeat-x 0px 39px; } #editorContent #dayEntrys .accEl .accContent .sortingOptions a.tpMoveUp{ width: auto; font-size: 0.92em; height: auto; background: url(../img/tourplanner/icon.move.up.down.gif) no-repeat scroll 0px 10px; padding:9px 0px 0px 14px; display: block; } #editorContent #dayEntrys .accEl .accContent .sortingOptions a.tpMoveDown{ width: auto; font-size: 0.92em; height: auto; background: url(../img/tourplanner/icon.move.up.down.gif) no-repeat scroll 0px -17px; margin-top: 12px; padding-left: 14px; display: block; } #editorContent #dayEntrys .accEl .accContent .sortingOptions .sepHor{ height: 1px; font-size: 1px; line-height: 1px; } #editorContent #dayEntrys .accEl .accContent_left { float: left; width: 540px; } #editorContent #dayEntrys .accEl .accContent_right { float: left; } #editorContent #dayEntrys .blueBg .accContent_left, .blueBg .accContent_right { *background-color: #F0F0F0; _background-color: #F0F0F0; } #editorContent #dayEntrys .startColor .accContent .removeButton a { background-position: -80px 0px; } #editorContent #dayEntrys .startColor .accContent .detailButton a { background-position: -66px 0px; } /** * colorizing the days */ #editorContent #dayEntrys .blue h5 span, #editorContent #dayEntrys .blue h5 .infos {color:#7b7bc3 !important;} #editorContent #dayEntrys .green h5 span, #editorContent #dayEntrys .green h5 .infos {color:#22862E !important;} #editorContent #dayEntrys .red h5 span, #editorContent #dayEntrys .red h5 .infos {color:#c03a37 !important;} #editorContent #dayEntrys .azure h5 span, #editorContent #dayEntrys .azure h5 .infos {color:#00BAFF !important;} #editorContent #dayEntrys .purple h5 span, #editorContent #dayEntrys .purple h5 .infos {color:#AC00B7 !important;} #editorContent #dayEntrys .yellow h5 span, #editorContent #dayEntrys .yellow h5 .infos {color:#F0D700 !important;} #editorContent #dayEntrys .brown h5 span, #editorContent #dayEntrys .brown h5 .infos {color:#5E3A00 !important;} /** * Styles für die Accomodation-Liste in der Entry-Liste */ #editorContent #dayEntrys .accEl .accAccoList h5 { font-weight: normal; border: 0; border-bottom: 1px solid #E1E1DF; margin: 0; background-image: none; } #editorContent #dayEntrys .accEl .accAccoList h5 span { height: auto; min-height: 15px;} #editorContent #dayEntrys .accEl .accAccoList h5.active { border-bottom: 0; } #editorContent #dayEntrys .accEl .accAccoList h5.active span { background-image: none; color: #2F6D90; } #editorContent #dayEntrys .accAccoList h5 input { float:left; display: block; margin: 0px 8px 0px 5px; height: 15px; padding: 0px; } #editorContent #dayEntrys .accEl .accAccoList h5 span { font-weight: bold; display: block; float:left; width: 439px; padding: 0; background-image: none; } #editorContent #dayEntrys .accEl .accContent .accAccoList a { padding: 0; background-image:none; text-decoration: underline; font-size: 1.0em; } #editorContent #dayEntrys .accEl .accContent .accAccoList .startButton { float:left; width: 129px; font-size: 0.92em; } #editorContent #dayEntrys .accAccoList .accContent { border: 0px; border-bottom: 1px solid #E1E1DF; } #editorContent #dayEntrys .accEl .accAccoList .accAccoListItem { background:transparent url(../img/tourplanner/toggler.back.gif) repeat-x scroll left bottom; width: 785px;} #editorContent #dayEntrys .accEl .accAccoList .accAccoListItem .shortDetails { padding-left: 31px;} /** * Styles für die Tourinfos */ #editorContent .tour { width: 776px; background: url(../img/tourplanner/toggler.back.gif) repeat-x left bottom; padding:0px 0px 0px 10px; margin:0px 0px 7px; border: 1px solid #E1E1DF; } #editorContent .tour label{ font-size: 12px; margin-top: 7px; } #editorContent .tour .separator{ height: 28px; } #editorContent .tour .floatr{ float: right; } #editorContent .tour #status{ float: left;} #editorContent .tour #status input{ margin-top: 4px; font-weight: bold; } #editorContent .tour #tourName { margin-top: 5px; margin-right: 20px; font-weight: bold; width: 150px; } #editorContent .tour #tourLength{ margin: 5px 20px 0px 0px; float:left; border:1px solid #cecece; padding: 1px; color:#3f3f3f; font-size:12px; width: 76px; } #editorContent .tour button { margin-top: 7px; } #tourplanner .tour input.sub { background-repeat:no-repeat; background-position: 100% 8px; border:0; color:#2f6d90; cursor: pointer; float:left; font-size:12px; font-weight:bold; height: 28px; margin-top: 0px; padding: 2px 0px; text-align:left; width:130px; } #editorContent .tour #saveTour{ background-image:url(../img/tourplanner/icon.savetour.gif); width: 148px; margin-left: 0px;} #editorContent .tour #tpChangeDays { background-image:url(../img/tourplanner/icon.arrow.toRight.gif); width: 141px; margin-right: 7px; padding-bottom: 2px; } #editorContent .tour #tourDescImgName H3{ color: #00bce6; margin-left: 145px; padding-top: 15px; } #editorContent .tour #tourPicCon { float: left; width: 145px; height: 170px; } #editorContent .tour #descContainer { float: left; width: 619px; height: 170px; } #editorContent .tour #tourPicCon IMG{ width: 118px; } #editorContent .tour #tourDescImgName,#editorContent .tour #tourDescHead { height: 32px; } #editorContent .tour #closeEditTourDesc{ float:right; margin-right:10px; } #editorContent .tour #tourDescHead H4{ font-size: 1.1em; color: #000; } #editorContent .tour #tourDescHead INPUT{ width: 564px; padding: 2px 7px 1px; border: 1px solid #e1e1df; background-color: #f0f0f2; font-weight:bold; color: #000; } #editorContent .tour #tourDescText { height: 65px; } #editorContent .tour #tourDescText P{ padding: 0px; } #editorContent .tour #tourDescText TEXTAREA{ background-color: #f0f0f2; width: 564px; padding: 7px 7px 1px; height: 55px; border: 1px solid #e1e1df; margin-bottom: 7px; font-size: 11px; } #editorContent .tour #editTourDesc, #editorContent .tour #saveTourDesc{ display:block; background: url(../img/tourplanner/btntourdesc_left.gif) no-repeat top left; float:left; margin-right: 15px; } #editorContent .tour #editTourDesc span, #editorContent .tour #saveTourDesc span { display:block; background: url(../img/tourplanner/btntourdesc_right.gif) no-repeat top right; font-weight: bold; color: #fff; padding: 7px 12px; } #editorContent .tour #saveTourDesc{ background: url(../img/tourplanner/btntourdesc_left_inactive.gif) no-repeat top left; color: #000; } #editorContent .tour #saveTourDesc span{ background: url(../img/tourplanner/btntourdesc_right_inactive.gif) no-repeat top right; color: #000; } #editorContent .tour #left_buttons { height: 45px; } /** * Styles für die Map */ #editorContent #tourMap { width:601px; height:466px; margin-right:5px; margin-bottom:6px; float:left; position:relative; overflow: hidden; } #editorContent #tourMap .tpMapOverlay{ z-index:499; position:absolute; } #editorContent #overlayTop{ background: url(../img/tourplanner/map.overlay.top.gif) no-repeat right 0px; width:601px; height:5px; top: 0;} #editorContent #overlayBottom{ background:url(../img/tourplanner/map.overlay.bottom.gif) no-repeat right 0px; width:601px; height:5px; top:461px; } #editorContent #overlayLeft{ background-color:#E1E1DF; width:1px; height:458px; top:4px; } #editorContent #overlayRight{ background-color:#E1E1DF; width:1px; height:458px; top:4px; left:600px; } #editorContent #overlayFullscreen{ width:62px; height:62px; top:1px; left:538px; } #tabContent #overlayFullscreen a{ width:62px; height:62px; display: block; } .body-small-bg .ero .ero-body { width: 400px; } /** * Styles für die Sidebar der Map */ #editorContent #tourMapSidebar { width:181px; height:462px; float:left; } #editorContent #tourMapSidebarBottom { background: url(../img/tourplanner/sidebar.bottom.gif) no-repeat left top; float:left; width:181px; height:5px; } #editorContent #tourMapSidebar .tpBtn{ height: 21px; width: 181px; text-align: right; margin: 0px 0px 8px;} #editorContent #tourMapSidebar .tpBtn a{ color: #fff; font-weight: bold; display:block; padding: 3px 58px 0px 0px; } #editorContent #tourMapSidebar .calculateTour{ background: url(../img/tourplanner/btn.bg.calc.trip.gif) no-repeat top left; } #editorContent #tourMapSidebar .printTour{ background: url(../img/tourplanner/btn.bg.print.gif) no-repeat top left; } #editorContent #tourMapSidebar .accEl h5, #editorContent #dayEntrys .accEl h5 { margin:0px 1px; background: transparent url(../img/tourplanner/toggler.back.gif) repeat-x left bottom; padding:8px 0px 6px 9px; border-top:1px solid #E1E1DF; } #editorContent #tourMapSidebar .accEl h5 span, #editorContent #dayEntrys .accEl h5 span { font-weight:bold; font-size:12px; color:#2F6D90; padding-left:21px; background: url(../img/tourplanner/icon.arrow.toRight.gif) no-repeat 0px 1px; } #editorContent #tourMapSidebar .accEl h5.active { border-bottom: 1px solid #E1E1DF; } #editorContent #tourMapSidebar .accEl h5.active span, #editorContent #dayEntrys .accEl h5.active span { color:#3F3F3F; background-image:url(../img/tourplanner/icon.tog.big.active.gif); } #editorContent #tourMapSidebar .accContent { padding:8px 0px; margin-left:1px; margin-right:1px; color:#3F3F3F; font-size:11px;} #editorContent #tourMapSidebar .accContent p { margin:0; } #editorContent #tourMapSidebar .legend{ background: url(../img/tourplanner/sidebar.top.gif) no-repeat top left; height: 405px; } #editorContent #tourMapSidebar .legend h5 { border-bottom: 1px solid #E1E1DF; border-top: 0px; } #editorContent #tourMapSidebar .legend p { border-bottom: 1px solid #E1E1DF; border-top: 0px; padding: 5px 9px 15px; font-weight: bold; } #editorContent #tourMapSidebar .legend .accContent ul { list-style-type:none; padding:0; margin:3px 0px 0px 0px; } #editorContent #tourMapSidebar .legend .accContent ul li { padding:0; margin:0; border-bottom: 1px solid #E1E1DF; } #editorContent #tourMapSidebar .legend .accContent ul li a{ padding: 16px 0px 16px 60px; background-position: 9px 50%; background-repeat: no-repeat; display: block;} #tourplanner #editorContent .tour .separator { margin-left: 0px; } #nav_tourplanner { *height: 32px; _height: 32px; } #nav_tourplanner h4 { *height: 12px; _ height: 12px; } /** * WaitingDiv und dessen Overlay */ #waitingDiv{ z-index: 601; width:98px; display:block; top:250px; left:45%; margin-left:0; } .waitingPageOverlay { left:0; position:absolute; top:0; width:100%; z-index: 600; height: 1250px; opacity:0; } .pageOverlay{ z-index:1; } /** * Style für Pushpin der VEMap */ .VEAPI_Pushpin{ margin-top:-36px; margin-left:-7px; } .clear{ max-height: 0px; } .hiddenAdressDetails { display: none; float: left; } @media print { .hiddenAdressDetails { display: block; } .visibleAdressDetails { display: none; } #editorContent #tourMapSidebar { display: block; } #editorContent .printTour { display: none; } #editorContent #dayEntrys .blue, #editorContent #dayEntrys .green, #editorContent #dayEntrys .red, #editorContent #dayEntrys .azure, #editorContent #dayEntrys .purple, #editorContent #dayEntrys .yellow, #editorContent #dayEntrys .brown, #pageBreaker { page-break-after: always; } }