/** * Angelreisen - 2_content.css * * @copyright NEUSTA GmbH * @author mschaefer * @version * * @revision $Revision: 4409 $ * @lastmodified $Date: 2010-05-21 12:29:12 +0200 (Fr, 21 Mai 2010) $ * @last author $Author: mwendland $ */ .align-right {text-align:right;} /** * @section columns * * */ .oneColumnBorder .csc-header, .oneColumn .csc-header, .twoColumnBorder .csc-header, .twoColumn .csc-header, .threeColumnBorder .csc-header, .threeColumn .csc-header {margin-bottom:12px;} /*.oneColumnBorder p, .oneColumn p, .twoColumnBorder p, .twoColumn p, .threeColumnBorder p, .threeColumn p {margin-top:10px;}*/ /** * @section productdetail * * */ #productDetail #left, #productDetail #right {width:auto; padding:0;} #productDetail .oneColumn {height:auto; width:223px;} #productDetail .twoColumn {height:auto; padding:0 20px; width:440px;} /*.oneColumn img, .oneColumnBorder img, .twoColumn img, .twoColumnBorder img {margin-bottom:0;}*/ /* left */ .productImage {padding-right:3px; background:transparent url(../img/bg_productimage_right.gif) no-repeat right bottom; width:220px;} .productImageDescription {padding:8px; background:#cbe9f8; font-size:11px;} .videoChanger {margin-top:4px; width:225px; overflow:hidden;} .videoChanger img {margin:0 4px 4px 0;} .videoChanger .right {padding-right:4px;} /* center */ .disquieter {background:transparent url(../img/disquiter_our_tip.png) no-repeat 0 0; width:65px; height:64px; position:absolute; right:0; top:0;} .breadcrumbProductdetail ul li {float:left; padding:5px 0 0 4px;} .breadcrumbProductdetail ul li a {background:transparent url(../img/bg_bc_productdetail.gif) no-repeat right center; padding-right:10px;} #productDetail .twoColumn h2 {clear:both; font-family:"Lucida Sans Unicode","Lucida Grande",Garuda,sans-serif; font-size:21px; text-decoration:none; padding:10px 0 8px 0; line-height:16px;} #productDetail .twoColumn h3 {padding:0;} #productDetail p {margin-top:15px;} .includes li {float:left; margin-right:5px; width:90px; height:49px;} .includes .new {background:transparent url(../img/button_includes_neu.png) no-repeat 0 0;} .includes .fisherboat {background:transparent url(../img/button_includes_angelboot.png) no-repeat 0 0;} .includes .cleaning {background:transparent url(../img/button_includes_endreinigung.png) no-repeat 0 0;} #center ul {list-style:disc outside none; padding-left:15px; margin-top:10px;} /* right */ .productOptions {margin-left:15px;} .price {width:185px; height:86px; background:transparent url(../img/bg_price.gif) no-repeat 0 0;} .priceText {color:#fff; padding:7px 0 0 30px;} .priceText span {display:block; padding-bottom:10px;} .eur {font-size:20px; float:left; padding-right:5px; margin-top:-5px;} .number {font-size:34px;} .booking {width:186px; height:47px; background:transparent url(../img/button_booking.gif) no-repeat 0 0; text-align:center; line-height:47px; margin-bottom:5px;} .booking a {color:#fff; font-size:18px; font-weight:bold; text-decoration:none; background:transparent url(../img/bg_link_booking.gif) no-repeat right 6px; padding-right:22px; font-family:Helvetica,Arial,sans-serif;} .object {width:184px; height:31px; background:transparent url(../img/button_object.gif) no-repeat 0 0; text-align:center; line-height:31px; margin-bottom:2px;} .object a {color:#fff; font-weight:bold; text-decoration:none; background:transparent url(../img/bg_link_object.gif) no-repeat right 5px; padding-right:13px; font-family:Helvetica,Arial,sans-serif;} .map {margin-bottom:33px; float:left; clear:both;} .map h3 {margin:15px 0 5px 0;} .map img {margin-bottom:5px;} .boxBlue {width:203px; height:224px; padding:15px 10px 0 10px; background:transparent url(../img/bg_box_blue.png) no-repeat 0 0; clear:both; margin-top:10px; float:left; position:relative;} .boxBlue h3 {padding-top:0;} .buttonMore {left:114px; bottom:0; position:absolute;} .imgText {clear:both; padding-bottom:15px; float:left; width:203px;} .imgText img, .imgTextSmall img {float:left; padding-right:5px;} #productDetail .imgText p {margin-top:0;} #productDetail .imgTextSmall p {margin-top:0; float:left;} .imgTextSmall {clear:both; padding-bottom:15px; float:left; font-size:11px; width:203px;} /* tabs */ #productDetail .threeColumn {clear:both;} .tabs li {float:left; text-align:center;} .tabs a {display:block; width:113px; height:44px; background:transparent url(../img/bg_tab.png) no-repeat 0 0; font-size:13px; line-height:44px; font-family:Helvetica,Arial,sans-serif; text-decoration:none; font-weight:bold; letter-spacing:-1px;} .tabs li.first a {line-height:normal; padding-top:7px; height:37px;} .tabs a:hover, .tabs li.active a {background:transparent url(../img/bg_tab_active.png) no-repeat 0 0; color:#fff;} .tabContentText {border:1px solid #b9daec; padding:0 20px 70px 20px; clear:both;} .tabContentText h3 {margin-top:45px;} .bookingButton {position:absolute; left:497px; bottom:-1px;} /** * @section searchresults * * */ #searchResults .contentContainerTop {margin-top:311px;} #searchResults .contentContainerCenter {margin-bottom:20px;} #searchResults #content {float:left; margin-left:10px; display:inline;} #content .moveTop {position:absolute; top:-41px; left:0px;} #searchResults #content .moveTop {position:absolute; top:-294px; left:0px;} #searchResults #left {position:relative; min-height:300px;} #searchResults #center {position:relative; width:auto; margin:49px 0 0 10px; padding:0; display:inline;} #searchResults #center .moveTop {top:-343px;} #searchResults #center .transparentHeadline {width:700px; padding:10px 0px; background:url(../img/bg_white_transparent.png) repeat transparent;} #searchResults #center .transparentHeadline h2 {margin-left:20px;} #searchResults #center .transparentHeadline .count {margin-left:20px; font-size:11px; font-weight:bold;} #searchResults #center .googleMap {height:278px; width:700px; margin:1px 0px 20px;} #searchResults #center .sorting, #searchResults #center .pagination {clear:both; margin-top:1px; padding:0px 20px; text-align:right; line-height:29px; font-size:11px; border-top:1px solid #fff;} #searchResults #center .pagination {margin-top:0;} #searchResults #center .sorting .sortables {display:inline;} #searchResults #center .sorting .sortables li {display:inline; margin:0px 2px; border-right:1px solid #162A83;} #searchResults #center .sorting .sortables .last {border-right:none;} #searchResults #center .sorting .sortables a {padding:0px 10px 0px 20px; background:no-repeat 5px 3px;} #searchResults #center .sorting .sortables .active {font-weight:bold; text-decoration:none;} #searchResults #center .sorting .sortables .up {background-image:url(../img/arrow_up.gif);} #searchResults #center .sorting .sortables .down {background-image:url(../img/arrow_down.gif);} #searchResults #center .pagination {background-color:#b9daec;} #searchResults #center .pagination .overview {margin-right:30px;} #searchResults #center .pagination .browser {display:inline;} #searchResults #center .pagination .browser li {display:inline; margin:0px 2px;} #searchResults #center .pagination .browser .current {font-weight:bold;} #searchResults #center .pagination .browser .prev, #searchResults #center .pagination .browser .next {text-decoration:none;} #searchResults #center .resultList {float:left; padding:7px 0px; background-color:#e4f5fe;} #searchResults #center .singleResult {float:left; margin-top:15px;} #searchResults #center .singleResult .resultLeft {float:left; width:200px;} #searchResults #center .singleResult .resultCenter {float:left; width:348px; padding:10px 5px; position:relative; background:url(../img/bg_searchresult_center_top.jpg) no-repeat #fff left top;} #searchResults #center .singleResult .resultRight {float:left; width:140px;} #searchResults #center .singleResult .productImage {width:180px; padding-left:10px; margin-top:10px;} #searchResults #center .singleResult .productImage img {width:180px;} #searchResults #center .singleResult .includes {float:left; width:195px; padding-left:5px;} #searchResults #center .singleResult ul.includes {list-style:none;} #searchResults #center .singleResult .includes li {margin-top:5px;} #searchResults #center .singleResult .includes li {margin-top:5px;} #searchResults #center .singleResult h2, #searchResults #center .singleResult h3, #searchResults #center .singleResult p {padding:5px 5px 0px;} #searchResults #center .singleResult .disquieter {right:5px; top:-10px;} #searchResults #center .breadcrumbProductdetail {margin-left:1px;} #searchResults #center .breadcrumbProductdetail ul li {float:none; display:inline;} #searchResults #center .singleResult .detailLink {float:right; margin:5px;} #searchResults #center .singleResult table {margin-top:5px;} #searchResults #center .singleResult ul.productOptions {list-style:none;} #searchResults #center .singleResult .productOptions {margin:40px 0 0 10px; padding-left:0;} #searchResults #center .singleResult .price {width:124px; background:transparent url(../img/bg_price_small.gif) no-repeat 0 0; height:74px;} #searchResults #center .singleResult .priceText {padding:3px 0 0 14px;} #searchResults #center .singleResult .priceText span {padding-bottom:8px;} #searchResults #center .singleResult .priceText .eur {font-size:15px} #searchResults #center .singleResult .priceText .number {font-size:26px} #searchResults #center .singleResult .booking {width:125px; height:46px; background:transparent url(../img/button_booking-small.gif) no-repeat 0 0; margin-bottom:0; line-height:46px;} #searchResults #center .singleResult .booking a {padding-right:14px; background:transparent url(../img/bg_link_booking_small.gif) no-repeat right 5px; font-size:13px;} #searchResults #center .singleResult .object {width:125px; height:30px; background:transparent url(../img/button_object_small.gif) no-repeat 0 0;} #searchResults #center .resultList .line {clear:both; width:700px; height:1px; line-height:1px; font-size:1px; margin:0; padding:0; border-top:1px solid #162A83;} /** * @section forms * * */ input, textarea, select {border-width:1px; border-style:solid; border-color:#abadb3 #e2e3ea #e2e3ea #e2e3ea; font-size:12px; font-family:"Lucida Sans Unicode","Lucida Grande",Garuda,sans-serif; color:#162a83;} textarea {color:#414d8c;} input.submit {width:138px; height:31px; background:transparent url(../img/btn_middle.gif) no-repeat 0 0; border:0; color:#fff; font-family:Helvetica,Arial,sans-serif; cursor:pointer; padding-right:2px;} .formBody h2 {font-size:15px; font-weight:normal; letter-spacing:normal; font-family:"Lucida Sans Unicode","Lucida Grande",Garuda,sans-serif; padding-bottom:5px;} .formBody h3 {font-size:21px; padding:0 0 22px 0;} .borderContainer {border:1px solid #b9daec; padding:25px 20px; margin:20px 10px 20px 0; position:relative;} .borderContainer p {padding-top:15px;} .segment {margin-bottom:14px;} .segment label {width:100px; padding-right:10px; text-align:right; display:block; float:left; font-size:11px;} .segment input {width:254px;} .segment textarea {width:254px; height:164px;} .mandatoryField {margin-left:110px;} #formContainer #buttons, #tipafriendForm #buttons {width:138px; height:31px; margin-bottom:0;} #formContainer input.submit, #tipafriendForm input.submit {width:138px; position:absolute; bottom:0; left:252px;} #tipafriendForm input.submit {font-size:11px;} .error {color:#d6082c; padding-top:10px; font-weight:bold;} ul.error li {padding:0 0 5px 5px;} .sendSuccess {font-weight:bold;} /** * @section tipafriend * * */ .tipafriend .borderContainer p {padding-top:0;} .tipafriend .borderContainer p a {font-size:16px; font-weight:bold; margin-bottom:10px; display:block;} .tipafriend .borderContainer legend {display:none;} .tipafriend #tipafriendForm {padding:25px 5px;} .tipafriend .segment label {width:160px;} .tipafriend .checkbox {display:none;} .checkbox input {width:12px; border:0;} .tipafriend .captcha p {margin:0 0 10px 0;} .tipafriend .captcha p img {text-align:center;} .tipafriend .captcha p a {font-size:12px; display:inline;} .tipafriend .mandatoryField {margin-left:170px;} /** * @section search * * */ #searchform {width:203px; background:transparent url(../img/bg_search_small.png) no-repeat 0 0; padding:10px 0 9px 20px; position:relative; height:362px;} #searchResults #searchform {background:transparent url(../img/bg_search.png) no-repeat 0 0; padding:10px 0 30px 20px; height:auto;} #searchform h2 {margin-bottom:20px;} #searchform .segment {margin-bottom:30px; float:left;} #searchform .lesserPx {margin-bottom:20px;} #searchform .leastPx {margin-bottom:16px;} #searchform input {width:174px; padding-left:4px;} #searchform select {width:180px;} #searchform .segment select {margin-bottom:11px;} #searchResults #searchform .segment select {margin-bottom:0;} #searchform label {text-align:left; padding:3px 0 0 0; width:95px; line-height:13px;} #searchform #objectNumbers {margin-bottom:18px;} #searchform input.inputSmall {width:65px; padding-left:4px; font-size:11px;} #searchform select.selectSmall {width:85px; font-size:11px; float:left;} .earliestDeparture {width:85px; float:left; position:relative; margin-right:8px;} .datepickeropen {background:transparent url(../img/calendar.gif) no-repeat 0 0; width:13px; height:14px; position:absolute; top:33px; left:70px;} .latestDeparture {width:85px; float:left; position:relative;} #searchform .earliestDeparture label, #searchform .latestDeparture label {width:85px; padding:0 0 5px 0;} #searchform .checkbox input {width:auto; border:0; float:left; padding:0; margin:0 5px 0 0;} #searchform .checkbox label {font-size:12px; padding:0;} #searchform span {display:block; margin-bottom:3px;} .checkboxDivider {clear:both; margin-top:7px; float:left; width:220px; display:inline;} #searchform legend {margin-bottom:3px;} #searchform .checkboxDivider label {width:155px;} #searchform input.submit {width:88px; height:31px; position:absolute; bottom:0; left:114px; background:url(../img/btn_small.png) no-repeat 0 0 transparent; padding-left:0;} #searchform span.right {padding-right:28px;} #searchform span.right a.arrowRight {background:transparent url(../img/bg_link_bc_arrow_right.gif) no-repeat right 5px; font-size:12px;} #searchform fieldset {float:left;} #searchResults #searchform fieldset {float:none;} /** * @section reports * * */ /* left */ #t3blog .clear {clear:both;} #t3blog #searchBox {background:transparent url(../img/bg_search_small.png) no-repeat 0 0; margin-bottom:25px; padding:10px 0 50px 20px; width:203px; position:relative;} #t3blog #searchBox label, #t3blog #categories h3, #t3blog #latestComments h3, #t3blog #latestPosts h3, #t3blog #postRecommendations h3 {display:block; font-family:Helvetica,Arial,sans-serif; font-size:18px; line-height:normal; font-weight:bold; letter-spacing:-1px; margin-bottom:0px;} #t3blog #searchBox input {padding-left:4px; width:174px;} #t3blog #searchBox .button {background:transparent url(../img/btn_small.png) no-repeat scroll 0 0; bottom:0; height:31px; left:114px; padding-left:0; position:absolute; width:88px; border:0; color:#fff; font-size:12px;} #t3blog #categories, #t3blog #latestComments, #t3blog #latestPosts, #t3blog #postRecommendations {background:transparent url(../img/bg_search.png) no-repeat 0 0; padding:10px 0 20px 20px; height:auto; width:203px; margin-bottom:30px;} #t3blog #categories ul li {clear:both;} #t3blog #categories ul.level1 li a {font-weight:bold;} #t3blog #categories ul.level2 {margin:0 0 20px 5px;} #t3blog #categories ul.level2 li {margin-top:5px;} #t3blog #categories ul.level2 li a {font-weight:normal;} .postnum {padding-left:5px;} #t3blog #latestComments .latestCommentsList dd, #t3blog #latestPosts .latestPostList dt {clear:both; margin-bottom:10px;} #t3blog #latestPosts .latestPostList .imagelink {float:left; margin-right:10px;} #t3blog #latestPosts .latestPostList .textlink {float:left; width:140px;} #t3blog #latestPosts .morelink {padding:20px 20px 0; text-align:right;} .tagCloud {-webkit-border-radius:8px; -moz-border-radius:8px; -khtml-border-radius:8px; border-radius:8px; border:1px solid #b9daec; clear:both; margin-bottom:30px; padding:15px 10px; float:left; width:200px;} .tagCloud h3 {display:none;} .tagCloud li {float:left; padding-right:10px;} .tagCloud li a {color:#2e89bb; text-decoration:none; line-height:normal;} /* reports overview */ #t3blog #center {padding-left:15px;} #t3blog #center .content {margin-top:10px;} #t3blog #center #mainContent {clear:both;} #t3blog h2 {font-family:"Lucida Sans Unicode","Lucida Grande",Garuda,sans-serif; font-size:22px; padding-left:20px;} #t3blog p.count {margin-left:20px;} #t3blog .blogList {width:700px; background:#e4f5fe; padding:20px 0 25px 0;} #t3blog .blogList .title {margin:0 10px;} #t3blog .blogList .title p {padding:10px; margin-bottom:20px; background:#fff; -webkit-border-radius:8px; -moz-border-radius:8px; -khtml-border-radius:8px; border-radius:8px;} #t3blog .blogList .item {margin-bottom:20px; padding:0 20px 0 10px;} #t3blog .blogList .item .time {display:none;} #t3blog .blogList .item .itemImage {float:left; width:179px; height:179px; margin-right:10px;} #t3blog .blogList .item .itemContent {float:left; background:#fff; padding:12px 15px 15px 10px; width:453px; -webkit-border-radius:8px; -moz-border-radius:8px; -khtml-border-radius:8px; border-radius:8px;} #t3blog .blogList .item .itemContent.fullwidth {width: 654px;} #t3blog .blogList .item .itemContent .categories {width:300px; float:left;} #t3blog .blogList .item .itemContent .categories a {text-decoration:none;} #t3blog .blogList .item .itemContent .date {float:right; width:100px; font-size:11px;} #t3blog .blogList .item .itemContent .itemBody {clear:both;} #t3blog .blogList .item .itemContent .itemBody h3 {padding:5px 0 10px 0;} #t3blog .blogList .item .itemContent .itemBody h3 a {font-size:16px; text-decoration:none; font-weight:normal;} #t3blog .blogList .item .itemContent .itemBody .more {float:right;} #t3blog .blogList .item .itemContent .itemBody .more a {font-weight:bold; background:transparent url(../img/bg_link_arrow_right.gif) no-repeat right 5px; padding-right:12px; white-space:nowrap;} #t3blog .blogList .item .itemContent .itemNav, #t3blog .blogList .item .itemContent .itemBody .more {margin-top:5px;} #t3blog .tx-pagebrowse {display:block; clear:both; text-align:right; width:700px; background:#B9DAED; padding:5px 0; margin:0;} #t3blog .tx-pagebrowse li {display:inline; padding:0 5px;} #t3blog .tx-pagebrowse .tx-pagebrowse-current {font-weight:bold;} #t3blog .tx-pagebrowse .tx-pagebrowse-last {padding-right:20px;} #latestPosts span.image {float: left; width: 90px;} #latestPosts span.textlink {float: left; width: 90px;} #latestPosts div.clear {clear: both; height:0;} /* calendar */ #calendar {/*width: 180px;*/ margin: 30px 0 25px 0; font-size: 9px;} #calendar table {width: 220px; height: 145px; border: 1px #ececec solid; margin:0;} #calendar td, #calendar th {text-align: center; vertical-align: middle;} #calendar td {width:25px;} #calendar th {background-color: #b9daec;} #calendar th a {background: none;} #calendar th.navigation a {padding: 0;} #calendar td {background-color: #e4f5fe; border: 1px #fff solid;} #calendar td.last {border-right: 1px #ececec solid;} #calendar td.first {border-left: 1px #ececec solid;} #calendar td.lastrow {border-bottom: 1px #ececec solid;} #calendar table td.isBlogDay a {display: block; font-weight:bold; padding: 0;} #calendar table td.calendarToday {background: #fff;} /* single view */ #t3blog #center #singleView {margin:0px; background-color:#E4F5FE; padding:10px 20px;} #t3blog #center #singleView.fullwidth {width:662px;} #t3blog #singleView .clear {clear:both;} #t3blog #singleNavigation {position:relative; height:16px} #t3blog #singleNavigation .backtolist {position:absolute; top:-40px;} #t3blog #singleNavigation .previous {float:left;} #t3blog #singleNavigation .next {float:right;} #t3blog #singleContent {clear:both; margin-top:10px; padding:10px; background:#fff; -webkit-border-radius:8px; -moz-border-radius:8px; -khtml-border-radius:8px; border-radius:8px;} #t3blog #singleView .time {display:none;} #t3blog #singleView .itemTop .categories {float:left;} #t3blog #singleView .itemTop .categories a {text-decoration:none;} #t3blog #singleView .itemTop .date {float:right;} #t3blog #singleView .itemBody h3 a {text-decoration:none; font-size:16px;} #t3blog #singleView #commentList {margin-top:20px;} #t3blog #singleView #commentListTitle {width:396px; height:52px; font-weight:bold; background:url(../img/bg_report_comment.jpg) no-repeat; list-style-type:none;} #t3blog #singleView #commentListTitle .middle {padding:2px 10px; font-size:16px;} #t3blog #singleView .commentListListing {margin:20px 0px; width:396px;} #t3blog #singleView .commentListListing {background:#fff; -webkit-border-radius:8px; -moz-border-radius:8px; -khtml-border-radius:8px; border-radius:8px;} #t3blog #singleView .commentListListing .odd, #t3blog #singleView .commentListListing .even {height:auto;} #t3blog #singleView .commentListListing .item {margin-bottom:10px; border: 1px solid #B6DCE9; -webkit-border-radius:8px; -moz-border-radius:8px; -khtml-border-radius:8px; border-radius:8px;} #t3blog #singleView .commentListListing .commentTopNav {height:45px; background:url(../img/bg_report_comment_topnav.gif) no-repeat 36px top;} #t3blog #singleView .commentListListing .count {float:left; width:36px; padding-top:10px; font-size:30px; text-align:center;} #t3blog #singleView .commentInfo {float:left; padding-left:10px;} #t3blog #singleView .commentInfo .author {padding-top:3px;} #t3blog #singleView .commentInfo .dateContainer {font-size:11px;} #t3blog #singleView .commentInfo .dateContainer .time, #t3blog #singleView .commentInfo .dateContainer .date {display:inline;} #t3blog #singleView .commentBody {clear:both; padding:10px 0 0 47px;} #t3blog #singleView .commentBody p {margin-bottom:10px;} #t3blog #singleView .commentBody .commentComments a {display:block; float:right; height:31px; width:75px; margin-right:36px; padding-left:13px; line-height:31px; text-decoration:none; color:#FFF; background:url("../img/btn_small.png") no-repeat;} #t3blog #commentFormNonAjax .commentError {font-weight:bold;} #t3blog #commentFormNonAjax .commentError {list-style:disc; margin-bottom:10px;} #t3blog #commentFormNonAjax .commentError li {margin-left:20px;} #t3blog #singleView .blogCommentMessage {margin-bottom:20px; font-weight:bold;} #t3blog #singleView .mailform h4 {width:396px; height:52px; padding:0px 10px; line-height:52px; font-size:16px; font-weight:bold; background:url(../img/bg_report_comment.jpg) no-repeat;} #t3blog #singleView .mailform form {margin:20px 0px; padding:10px; padding-bottom:0; border: 1px solid #B6DCE9; -webkit-border-radius:8px; -moz-border-radius:8px; -khtml-border-radius:8px; border-radius:8px;} #t3blog #singleView .mailform .formElement {margin-bottom:10px;} #t3blog #singleView .mailform .formLabel {float:left; margin-right:10px; text-align:right; width:80px;} #t3blog #singleView .mailform .formField {float:left;} #t3blog #singleView .mailform .formField input, #t3blog #singleView .mailform .formField textarea {width:275px;} #t3blog #singleView .mailform .formClear {clear:both;} #t3blog #singleView .mailform .subscribe .formField {margin-top:5px} #t3blog #singleView .mailform .subscribe input {float:left;} #t3blog #singleView .mailform .subscribe .subscribetext {float:left; width:267px;} #t3blog #singleView .mailform .submit {margin-bottom:0px;} #t3blog #singleView .mailform .submit .formField {float:right; margin-right:36px;} #t3blog #singleView .mailform .submit .formField input {cursor:pointer; width:87px; height:31px; line-height:31px; border:none; color:#fff; background:url("../img/btn_small.png") no-repeat;} #t3blog .rightCol {float:right; margin-right:17px;} #t3blog #postMedia {margin-bottom:30px; padding-bottom:10px; border-bottom:1px solid #B6DCE9;} #t3blog #postMedia h3 {padding:0px 0px 10px;} #t3blog #postMedia .csc-textpic-caption {height:50px; overflow:hidden;} .tx-t3blog-pi2 #latestPosts img {margin-bottom:25px;} #t3blog #postRecommendations .teaser {position:relative;} #t3blog #postRecommendations .teaser .image {float:left; margin-right:10px;} #t3blog #postRecommendations .teaser .text {float:left; height:36px; width:140px; overflow:hidden; line-height:12px;} #t3blog #postRecommendations .teaser .detailButton {clear:both; display:block; text-align:right; padding-right:14px; margin-right:10px; background:url("../img/bg_link_arrow_right.gif") no-repeat right 6px;} /** * @section indexed search * * */ .tx-indexedsearch form {margin:20px 0; padding:25px 20px 0px; border:1px solid #B9DAEC;} .tx-indexedsearch .tx-indexedsearch-searchbox-sword {border:1px solid #B9DAEC; padding:2px; width:330px;} .tx-indexedsearch .tx-indexedsearch-search-submit {margin-top:10px; text-align:right;} .tx-indexedsearch .tx-indexedsearch-searchbox-button {width:136px;} .tx-indexedsearch .tx-indexedsearch-browsebox p {margin-bottom:10px;} #center .tx-indexedsearch .browsebox {margin:0; padding:5px 0; list-style-type:none; text-align:center; background-color:#B9DAED;} #center .tx-indexedsearch .browsebox li {display:inline; padding:0 5px;} .tx-indexedsearch .tx-indexedsearch-res {padding:1px; background:#E4F5FE;} .tx-indexedsearch .res-tmpl-css {margin:10px; padding:10px; background:#FFF; -webkit-border-radius:8px; -moz-border-radius:8px; -khtml-border-radius:8px; border-radius:8px;} .tx-indexedsearch .tx-indexedsearch-res h3 {padding:0px;} .tx-indexedsearch .tx-indexedsearch-res .percent {font-size:10px; font-weight:normal; margin-left:5px; vertical-align:text-bottom;} .tx-indexedsearch .tx-indexedsearch-redMarkup {color:#E93252;} .tx-indexedsearch form legend, .tx-indexedsearch form p, .tx-indexedsearch .tx-indexedsearch-rules, .tx-indexedsearch .tx-indexedsearch-info, .tx-indexedsearch .tx-indexedsearch-icon, .tx-indexedsearch .tx-indexedsearch-result-number {display:none;} /** * @section booking section * * */ #centerBooking {width:690px; float:left; margin-left:26px; display:inline;} h1.bgBooking {background:url(../img/bg_header_booking.gif) no-repeat 0 0; width:682px; height:65px; font-family:"Lucida Sans Unicode","Lucida Grande",Garuda,sans-serif; font-size:20px; line-height:65px; text-indent:19px; font-weight:bold; margin-bottom:15px;} #centerBooking h2 {font-family:"Lucida Sans Unicode","Lucida Grande",Garuda,sans-serif; font-size:12px; letter-spacing:normal;} .objectInformation {border:1px solid #b9daec; float:left; width:657px; padding:10px; margin:10px 0 0 0;} .objectImage {float:left; margin-right:19px; display:inline; position:relative;} .objectImage ul.includes {margin:12px 0 0 -5px;} .objectContent {float:left; width:445px;} .objectContent .breadcrumbProductdetail ul li {float:left; padding:0 0 0 0;} .objectContent h3 {font-size:16px; clear:both; padding-bottom:5px;} .objectContent h4 {padding-bottom:5px;} .objectContent .detailLink {float:right; margin:25px 15px 0 0;} /* forms section */ .bookingForms {border:1px solid #b9daec; float:left; width:677px; margin-bottom:30px; font-size:11px;} .bookingFormsContolling {margin-top:25px; float:left;} .bookingFormsContolling a.back {margin-left:50px; float:left;} .bookingFormsContolling a.next {margin-left:157px; float:left;} .bookingFormsContolling a.bookingSend {margin-left:101px; float:left;} .bookingFormsContolling li {float:left;} .bookingFormsContolling li.steps {background:url(../img/bg_booking_steps.gif) no-repeat 0 0; width:106px; height:28px; line-height:28px; font-weight:bold; text-align:center; margin:2px 0 0 157px; letter-spacing:-0.5px; display:inline;} /* step 1 */ #centerBooking .bookingForms h2 {font-size:14px; margin:25px 90px 20px 70px; letter-spacing:-0.5px; float:left; display:inline;} .formContainer {width:576px; float:left; border:1px solid #b9daec; border-radius:8px; -webkit-border-radius:8px; -moz-border-radius:8px; -khtml-border-radius:8px; padding:25px 0 11px 0; margin-left:50px; display:inline; float:left;} .formContainer .segment {float:left; clear:both; width:576px;} .formContainer .segment input {width:163px; font-size:11px;} .formContainer .segment select {width:165px; font-size:11px; float:left;} .formContainer .segment label {width:125px;} .formContainer .segment.bubble label, .formContainer .segment.bubble select {margin-top:18px;} .formContainer .segment .earliestDeparture {width:300px; margin-right:0;} .formContainer .segment .datepickeropen {top:2px; left:285px;} .bubbleBlue {background:url(../img/bg_bubble_blue.gif) no-repeat 0 0; width:212px; height:61px; float:left; margin-left:9px;} .bubbleBlue p {padding:12px 0 0 25px; font-size:11px;} .formContainer .segment .type {width:125px; float:left; text-align:right; margin-right:15px; display:inline;} .formContainer .segment .typeDetails {width:150px; float:left;} .formContainer .segment.boat label {width:60px;} .formContainer .checkboxDivider {float:left; clear:both; width:536px; margin-left:40px; margin-top:0; margin-bottom:14px;} .formContainer .checkboxDivider input {margin-right:10px; border:0; height:14px; float:left;} .formContainer .checkboxDivider label {display:block; float:left; margin-top:-3px; width:505px;} .formContainer .declaration {float:left; clear:both; width:496px; margin:0 0 14px 40px; background:#b9daec; border-radius:8px; -webkit-border-radius:8px; -moz-border-radius:8px; -khtml-border-radius:8px; display:inline;} .formContainer .declaration p {padding:10px 25px;} /* step 2 */ .formContainer .segment .persons {width:85px; margin-right:15px; float:left; display:inline; text-align:right;} .formContainer .segment .foreSurName {width:165px; margin-right:15px; float:left; display:inline;} .formContainer .segment .age {width:55px; float:left;} .formContainer .segment .age input {width:53px; float:left;} /* step 3 */ .errorHeader {background:url(../img/bg_bubble_error.gif) no-repeat 0 0; width:578px; height:41px; margin-left:50px; float:left; display:inline; clear:both;} .errorHeader p {padding:3px 0 0 7px;} .formContainer legend {margin:0 0 25px 20px; font-size:14px; font-weight:bold; float:left;} .formContainer .segmentAdress {float:left; clear:both; width:576px; margin-bottom:14px;} .formContainer .segmentAdress label {width:140px; margin-right:15px; float:left; text-align:right;} .formContainer .segmentAdress input, .formContainer .segmentAdress textarea {float:left; width:252px;} .formContainer .segmentAdress label.labelMiddle {width:115px; margin-right:0;} .formContainer .segmentAdress label.labelShort {width:25px;} .formContainer .segmentAdress input.inputShort {float:left; width:53px; margin-right:15px; display:inline;} .formContainer .segmentAdress input.inputMiddle {float:left; width:182px; margin-right:15px; display:inline;} .formContainer .segmentAdress input.error {border:2px solid #d6082c; padding:0;} .formContainer .labelSpacer {width:140px; margin-right:15px; float:left; height:1px;} .formContainer.bill .checkboxDivider {float:left; clear:both; width:576px; margin-bottom:22px; margin-top:8px; margin-left:0;} .formContainer.bill .checkboxDivider label {width:200px;} /* step 4 */ .formContainer h3 {padding:0 0 28px 20px; margin-top:-10px;} .formContainer .identifier {width:125px; margin-right:25px; display:inline; text-align:right; float:left; height:19px; line-height:19px;} .formContainer .identifierContent {width:348px; float:left; height:19px; line-height:19px; background:#b9daec;} .formContainer .identifierContentText {width:324px; padding:0 12px; float:left; min-height:82px; height:auto !important; height:82px; line-height:19px; background:#b9daec;} .formContainer .identifierContent p {text-indent:12px;} .divider {margin-bottom:30px; border-top: 1px solid #0E2888; clear: both;} .identifierContentWide {width:452px; background:#b9daec; padding:4px 15px; float:left; margin:0 10px 0 19px; display:inline;} .identifierContentWideAside {float:left; padding:4px 0;} .identifierContentMiddle {width:278px; float:left; height:19px; line-height:19px; background:#b9daec; margin-right:15px; display:inline; text-indent:12px;} .identifierContentShort {width:55px; float:left; height:19px; line-height:19px; background:#b9daec; margin-right:15px; display:inline; text-indent:12px;} .formContainerNoBorder {width:578px; float:left; padding:25px 0 0 0; margin-left:50px; display:inline; float:left;} .formContainerNoBorder .segment {float:left; clear:both; width:578px;} .priceIdentifier {width:90px; float:left; text-align:right; font-size:12px;} .priceArea {float:right; width:100px; text-align:right; font-size:14px;} .priceArea span {text-align:left; display:block; float:left;} .identifierContentWideNoBg {width:452px; padding:4px 15px; float:left; margin:0 10px 0 19px; display:inline;} .identifierContentWideNoBg .priceIdentifier {font-size:14px; font-weight:bold;} .identifierContentWideNoBg .priceIdentifier span {font-size:12px; font-weight:normal;} .identifierContentWideNoBg .priceArea {font-size:14px; font-weight:bold; border-bottom:1px solid #162a83; padding-bottom:8px;} /* step 5 */ .bookingHome {float:right; display:block;} div.bookingFormsContolling {width:630px;} .confirmation {margin:30px 0 120px 0; float:left;} .confirmation p {font-size:14px; margin:20px 90px 0 70px; font-weight:bold;} .ui-datepicker-trigger {margin-bottom:-2px;} /* footer */ #sitemap ul { padding-left:10px; padding-bottom:20px; } /** * @section reports */ #center .csc-textpic-caption {font-size:10px;}