/**:focus {
  outline: none;
}
*/

/* mixins */
.reset {
  margin: 0;
  padding: 0;
  line-height: 18px;
  text-align: left;
  font-size: 12px;
}

/*text-styles & fonts*/

@font-face {
    font-family: 'CartoGothicProBook';
    src: url('/static/font/CartoGothicPro-Book-webfont.eot');
    src: url('/static/font/CartoGothicPro-Book-webfont.eot?iefix') format('eot'),
         url('/static/font/CartoGothicPro-Book-webfont.woff') format('woff'),
         url('/static/font/CartoGothicPro-Book-webfont.ttf') format('truetype'),
         url('/static/font/CartoGothicPro-Book-webfont.svg#webfontpcfobyYs') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'CartoGothicProBold';
    src: url('/static/font/CartoGothicPro-Bold-webfont.eot');
    src: url('/static/font/CartoGothicPro-Bold-webfont.eot?iefix') format('eot'),
         url('/static/font/CartoGothicPro-Bold-webfont.woff') format('woff'),
         url('/static/font/CartoGothicPro-Bold-webfont.ttf') format('truetype'),
         url('/static/font/CartoGothicPro-Bold-webfont.svg#webfonty2gsNo5x') format('svg');
    font-weight: normal;
    font-style: normal;
}

.text-standard {
  font-family: Arial;
  font-size: 14px;
  color: @color-standard-text;
}

.dimension ( @width, @height ) {
  width: @width;
  height: @height;
}

/* variables */
@color-page-background: #1a171b;
@color-page-background-bright: #312c33;
@color-white: #fff;
@color-black: #000;
@color-standard-text: #d1c7d5;
@color-text-blue-light: #b3dcf4;
@color-text-blue-dark: #74a0ca;
@color-text-grey-bright: #938797;
@color-text-grey-dark: #59505c;
@color-text-slogan: #c2c5c3;
@color-line-grey-bright: #747577;
@color-line-grey-dark: #303133;
@color-border-brown-bright: #3d373f;
@color-border-brown-dark: #272328;
@color-content-background: #312c33;
@color-content-background-dark: #1f1c21;
@color-module-border: #546d88;
@color-border-dark: #171518;


@sprite24: url(/static/img/sprite_24.png);
@sprite8: url(/static/img/sprite.png);
@sprite-flags: url(/static/img/sprite_flags.png);
@sprite-v: url(/static/img/sprite_y.png) repeat-y;
@sprite-h: url(/static/img/sprite_x.png) repeat-x;
@darktrans: url(/static/img/darktrans.png);
@category: url(/static/img/category_icons.png);

/*structure*/
body {
  .reset;
  font-family: Arial;
  color: @color-standard-text;
  background: @color-page-background;
  outline: none;
  border: none;
  position: relative;
  overflow-x: hidden;
  /*#pagewrapper {
    background: orange;
  }*/
  
    .gotolink {
      cursor: pointer;
    }
  
    .limiter {
      width: 980px;
      margin: 0 auto;
    }
    #headerarea {
      background: @darktrans;
      .dimension(100%,109px);
      position: relative;
      z-index: 2;
      #header {
        .dimension(980px,109px);
        background: @sprite24 no-repeat top center;
        margin: 0 auto;
        position: relative;
        a#logo {
          .dimension(270px,109px);
          display: block;
          float: left;
        }
        #metanav {
          float: left;
          margin: 34px 0 0 60px;
          height: 35px;
          border-top: 1px solid @color-line-grey-bright;
          background: @sprite24 left -250px;
          ul {
            list-style-type: none;
            li {
              float: left;
              line-height: 35px;
              background: @sprite8 no-repeat top left;
              padding: 0 15px 0 16px;
              &.first {
                background: @sprite8 no-repeat left -40px;
              }
              &.last {
                padding: 0 0 0 16px;
                a {
                  line-height: 35px;
                  display: block;
                  background: @sprite8 no-repeat top right;
                  padding: 0 15px 0 0;
                }
              }
              &.active {
                a {
                  color: @color-white;
                }
              }
              a {
                font-family: 'CartoGothicProBook';
                text-shadow: 1px 1px 3px @color-black;
                color: @color-text-blue-light;
                text-transform: uppercase;
                font-size: 16px;
                &:hover {
                  color: #fff;
                }
              }
            }
          }
        }
        #infobox {
          background: @sprite24 repeat-x left -285px;
          /*float: left;*/
          height: 35px;
          /*margin: 35px 0 0 56px;*/
          padding: 0 15px;
          position: absolute;
          top: 35px;
          right: 0;
          ul {
            list-style-type: none;
            li {
              float: left;
              line-height: 35px;
              margin: 0 15px 0 0;
              &.last {
                margin: 0;
              }
              a {
                line-height: 35px;
                display: block;
                color: @color-text-blue-dark;
                font-size: 13px;
                padding: 0 22px 0 0;
                &.status {
                  &.busy {
                    background: @sprite24 no-repeat right -205px;
                  }
                  &.off {
                    background: @sprite24 no-repeat right -165px;
                  }
                  &.on {
                    background: @sprite24 no-repeat right -125px;
                  }
                }
                &.lang {
                  &.en {
                    background: @sprite24 no-repeat right -395px;
                  }
                  &.de {
                    background: @sprite24 no-repeat right -429px;
                  }
                }
                &:hover {
                  color: #fff;
                }
              }
            }
          }
        }
      }
    }
    #portalteaserscontainer {
      width: 100%;
      height: 200px;
      position: fixed;
      bottom: 180px;
      .portalteasers {
        width: 980px;
        height: 200px;
        position: relative;
        margin: 0 auto;
      }
    }
    #contentarea {
      position: relative;
      z-index: 2;
      margin: 0 auto 26px auto;
      .dimension(980px,auto);
      &.makejourney {
        position: static;
      }
        #teaserbox {
            margin: 400px 0 0 0;
          width: 302px;
        overflow: hidden;
            .teaser {
              .dimension(302px,52px);
             /*background: url(/static/img/portal_teaser_bg.png) no-repeat;*/
          display: block;
          margin: 0 0 2px 0;
          color: @color-text-blue-light;
          font-size: 24px;
          text-transform: uppercase;
          line-height: 52px;
          position: relative;
          span {
              .dimension(302px,52px);
            background: url(/static/img/portal_teaser_bg.png) no-repeat left 0px;
            font-size: 14px;
            text-transform: none;
            display: block;
            position: absolute;
            top: 0;
            left: 0;                          
            &.second {
              background: url(/static/img/portal_teaser_bg.png) no-repeat left -52px !important;
              font-size: 14px;
              text-transform: none;
              height: 0px;
              top: 26px;
              display: none;
            }
          }
            }
        }
      &.map {
        height: 659px;
        width: 980px;
        margin: 0px auto 0px;
        background: url(/media/backgroundimages/content_map.jpg) no-repeat -350px -109px;
        
      }
      /* styles for draggable li-elements which are attached to #contentarea */
      
        li.helper, li.standard {
          list-style-type: none;
          float: left;
          clear: left;
          .dimension(613px,65px);
          background: #252126 @sprite-h right -510px;
          margin: 0 0 5px 0;
          cursor: move;
          position: relative;
          z-index: 100;
          h3 {
          }
          a {
              float: right;
            }
          a.ui-icon-zoomin { float: left; }
          .image {
            width: 104px;
            height: 59px;
            overflow: hidden;
            cursor: move;
            float: left;
          }
          .daynr {
            display: none;
          }
          .text {
            width: 489px;
            height: 59px;
            float: left;
            padding: 0 0 0 16px;
            position: relative;
            .head {
              padding: 5px 10px 0 0;
              h3 {
                cursor: move;
                color: #e8faff;
                font-size: 14px;
                font-weight: normal;
                width: 355px;
                float: left;
                line-height: 15px;
              }
              a {
                float: right;
                margin: 0 0 0 10px;
                color: @color-text-blue-dark;
                font-size: 12px;
              }
            }
            .body {
              position: absolute;
              bottom: -4px;
              left: 16px;
              .dimension(498px,30px);
              .desc {
                color: #879199;
                font-size: 12px;
                line-height: 13px;
                float: left;
                margin: 0;
                width: 300px;
              }
              .icons {
                float: right;
                margin: 9px 18px 0 0;
                .money {
                  background: url(/static/img/module_icons.png) no-repeat 0 0;
                  float: left;
                  .dimension(26px,19px);
                  margin: 0;
                  cursor: default;
                  &.m1 {
                    background-position: -72px 0;
                  }
                  &.m2 {
                    background-position: -36px 0;
                  }
                }
                .categories {
                  overflow: hidden;
                  float: left;
                  margin: 0 0 0 10px;
                  
                  div {
                    float: left;
                    margin: 0 0 0 5px;
                    cursor: default;
                  }
                }
                .romance {
                  background: url(/static/img/module_icons.png) no-repeat 0 -38px;
                  .dimension(19px,19px);
                }
                .active {
                  background: url(/static/img/module_icons.png) no-repeat -22px -38px;
                  .dimension(19px,19px);
                }
                .culture {
                  background: url(/static/img/module_icons.png) no-repeat -44px -38px;
                  .dimension(29px,19px);
                }
                .sightseeing {
                  background: url(/static/img/module_icons.png) no-repeat -76px -38px;
                  .dimension(24px,19px);
                }
                .relax {
                  background: url(/static/img/module_icons.png) no-repeat -103px -38px;
                  .dimension(21px,19px);
                }
              }
            }
          }

        }
        li.ui-draggable {
          background: url("/static/img/sprite.png") no-repeat scroll left -735px transparent;
          list-style-type: none;
          clear: none;
          color: #B3DCF4;
          font-size: 14px;
          height: 31px !important;
          line-height: 31px;
          margin: 0 5px 0 0;
          padding: 0 18px;
          width: 165px !important;
          &.idbadetag, &.idgolftag, &.idfreier_tag {
            span.name {
              float: left !important;
            }
            a.choose {
              color: @color-text-blue-dark !important;
              float: right !important;
            }
          }
          a.choose {
            text-indent: 0;
            padding: 0 0 0 0;
            position: relative;
            height: auto;
            width: auto;
            color: @color-text-blue-dark !important;
          }
        }
      }
      #contentcontainer {
        .dimension(980px,auto);
        margin: 24px auto 0 auto;
        background: @color-content-background url(/static/img/content_end.png) repeat-x bottom left;
        z-index: 30;
        /*position: absolute;*/
        h2 {
            font-size: 20px;
            color: @color-white;
            margin: 0 0 2px 0;
            font-weight: normal;
            line-height: 40px;
            &.no1, &.no2, &.no3, &.no4 {
              margin: 29px 0 2px 30px;
            }
          }
        #contentheader {
          background: @color-black;
          .dimension(100%,77px);
          position: relative;
          z-index: 90;
          a.tab {
            .dimension(auto,77px);
            line-height: 77px;
            color: @color-text-blue-light;
            float: left;
            padding: 0 30px;
            font-family: "CartoGothicProBook";
            font-size: 24px;
            display: block;
				background: url(/static/img/round_new_0.png) repeat-x;
			&.round {
				.dimension(auto,77px);
				background: url(/static/img/round_new_1.png) no-repeat;
			}
          &.active {
              /*background: @color-content-background;*/
			background: url(/static/img/round_new_inactive.png) repeat-x;
              color: @color-text-grey-bright;
            }
          }
          #basket {
            .dimension(271px,29px);
            position: absolute;
            right: 0;
            bottom: 0;
            background: @sprite-h left -120px;
            cursor: pointer;
            color: @color-text-blue-light;
            z-index: 100;
            .head {
              .mybasket {
                line-height: 29px;
                padding: 0 0 0 21px;
                font-size: 15px;
                width: 195px;
                float: left;
                overflow: hidden;
              }
              .count {
                float: right;
                padding: 0 30px 0 0;
                line-height: 29px;
                font-size: 15px;
              }
            }
            .entries {
              background: @color-content-background-dark;
              border-top: 1px solid @color-content-background;
              position: absolute;
              top: 29px;
              left: 0;
              z-index: 50;
              .entry {
                .dimension(221px,auto);
                background: @sprite8 no-repeat left bottom;
                padding: 13px 30px 12px 20px;
                font-size: 13px;
                position: relative;
                a {
                  display: block;
                }
                .title {
                  color: @color-text-blue-dark;
                  width: 195px;
                  line-height: 15px;
                  a {
                    color: @color-text-blue-dark;
                  }
                }
                .desc {
                  color: @color-text-grey-bright;
                  line-height: 18px;
                }
                a.close {
                  .dimension(17px,17px);
                  background: @sprite8 no-repeat left -332px;
                  position: absolute;
                  top: 14px;
                  right: 30px;
                }
              }
            }

          }
        }
        #hotel_categories {
          .dimension(980px,115px);
          background: url(/static/img/hotel_icons_bg.png) no-repeat left -105px;
          .removebox {
            .dimension(180px,75px);
            padding: 30px 0 0 0;
            float: left;
            .title {
              font-size: 15px;
              color: @color-text-grey-dark;
              padding: 0 0 10px 20px;
            }
            a.button {
              .dimension(140px,29px);
              background: url(/static/img/deselect_button.png) no-repeat;
              display: block;
              color: @color-text-blue-dark;
              line-height: 29px;
              padding: 0 0 0 20px;
            }
          }
          .buttons {
            float: left;
            padding: 0 0 0 22px;
            a {
              .dimension(107px,105px);
              display: block;
              float: left;
              position: relative;
              span {
                display: block;
                position: absolute;
                top: 70px;
                width: 107px;
                text-align: center;
                color: #74a0ca;
                font-size: 14px;
              }
              &:hover {
                span {
                  color: #fff;
                }
              }
              &.current {
                span {
                  color: #fff;            
                }
              }
              &.city {
                background: url(/static/img/hotel_icons_bg.png) no-repeat -206px -105px;
              }
              &.city:hover {
                background: url(/static/img/hotel_icons_bg.png) no-repeat -206px top;
              }
              &.city.current {
                background: url(/static/img/hotel_icons_bg.png) no-repeat -206px top;
              }
              &.beach {
                background: url(/static/img/hotel_icons_bg.png) no-repeat -309px -105px;
              }
              &.beach:hover {
                background: url(/static/img/hotel_icons_bg.png) no-repeat -309px top;
              }
              &.beach.current {
                background: url(/static/img/hotel_icons_bg.png) no-repeat -309px top;
              }
              &.mountain {
                background: url(/static/img/hotel_icons_bg.png) no-repeat -416px -105px;
              }
              &.mountain:hover {
                background: url(/static/img/hotel_icons_bg.png) no-repeat -416px top;
              }
              &.mountain.current {
                background: url(/static/img/hotel_icons_bg.png) no-repeat -416px top;
              }
              &.hideaway {
                background: url(/static/img/hotel_icons_bg.png) no-repeat -523px -105px;
              }
              &.hideaway:hover {
                background: url(/static/img/hotel_icons_bg.png) no-repeat -523px top;
              }
              &.hideaway.current {
                background: url(/static/img/hotel_icons_bg.png) no-repeat -523px top;
              }
              &.golf {
                background: url(/static/img/hotel_icons_bg.png) no-repeat -630px -105px;
              }
              &.golf:hover {
                background: url(/static/img/hotel_icons_bg.png) no-repeat -630px top;
              }
              &.golf.current {
                background: url(/static/img/hotel_icons_bg.png) no-repeat -630px top;
              }
              &.design {
                background: url(/static/img/hotel_icons_bg.png) no-repeat -737px -105px;
              }
              &.design:hover {
                background: url(/static/img/hotel_icons_bg.png) no-repeat -737px top;
              }
              &.design.current {
                background: url(/static/img/hotel_icons_bg.png) no-repeat -737px top;
              }
              &.wellness {
                background: url(/static/img/hotel_icons_bg.png) no-repeat -844px -105px;
              }
              &.wellness:hover {
                background: url(/static/img/hotel_icons_bg.png) no-repeat -844px top;
              }
              &.wellness.current {
                background: url(/static/img/hotel_icons_bg.png) no-repeat -844px top;
              }
            }
          }
        }
        .leftcol {
          width: 690px;
          float: left;
          padding: 29px 0 37px 0;
        }
        .rightcol {
          .dimension(270px,auto);
          min-height: 569px;
          float: right;
          background: url(/static/img/rightcol_bg.png) no-repeat left top;
          padding: 40px 0 20px 0;
          &.special {
            background: url(/static/img/rightcol_special_bg.png) no-repeat top left !important;
            padding: 114px 20px 20px 20px !important;
            width: 230px !important;
            min-height: 100px !important;
            p {
              color: @color-standard-text;
              font-size: 14px;
              margin: 0 0 20px 0;
            }
          }
          &.contact {
            padding: 33px 0 20px 0;
            color: @color-text-grey-bright;
            .title {
              border-bottom: 1px solid #59505c;
              h3 {
                color: @color-text-grey-bright;
                font-size: 16px;
                font-weight: normal;
                border-bottom: 1px solid #352f36;
                padding: 0 0 25px 20px;
              }
            }
            .part {
              border-top: 1px solid #352f36;
              margin: -2px 20px 0 20px;
              .innerpart {
                border-top: 1px solid #59505c;
                padding: 20px 0 15px 0;
              }
            }
            p {
              color: @color-text-grey-bright;
              padding: 0 0 5px 0;
            }
            
            td {
              color: @color-text-grey-bright;
              padding: 0 20px 5px 0;
              vertical-align: top;
            }
            
            a {
              color: #B3DCF4;
            }
            
            .bright {
              color: @color-standard-text;
            }
          }
          &.map {
            background: url(/static/img/rightcol_map_bg.png) no-repeat top left !important;
            padding: 0;
            .title {
              .dimension(250px,76px);
              line-height: 76px;
              padding: 0 0 0 20px;
              position: relative;
              border-bottom: 1px solid #352f36;
              .icon {
                .dimension(95px,76px);
                background: @category no-repeat -190px 0;
                position: absolute;
                top: 0;
                right: 0;
                &.culture {
                  background-position: -190px 0;
                }
                &.cruises {
                  background-position: -190px -76px;
                }
                &.relax {
                  background-position: -190px -152px;
                }
                &.villas {
                  background-position: -190px -228px;
                }
                &.trains {
                  background-position: -190px -304px;
                }
                &.adventure {
                  background-position: -190px -380px;
                }
                &.yachts {
                  background-position: -190px -456px;
                }
                &.services {
                  background-position: -190px -532px;
                }
                &.islands {
                  background-position: -190px -608px;
                }
                &.sports {
                  background-position: -190px -684px;
                }
              }
              span {
                font-size: 16px;
                color: @color-text-grey-bright;
                width: 150px;
                display: block;
                line-height: 20px;
                padding: 30px 0 0 0;
              }
            }
            .infoarea {
              border-bottom: 1px solid #352f36;
              &.border {
                border-top: 1px solid @color-text-grey-dark;
                border-bottom: 1px solid #302b31;
                padding: 15px 20px 15px 20px;
              }
              .title {
                border-bottom: none;
                height: auto;
              }
              .header {
                color: @color-text-grey-bright;
                font-size: 13px;
              }
              .info {
                color: @color-standard-text;
                margin: 0 0 10px 0;
                font-size: 13px;
              }
            }
            #accordion {
              border-top: 1px solid @color-text-grey-dark;
              padding: 25px 30px 0 20px;
                a {
                    outline: none;
                }
            }
          }

          .request {
            padding: 15px 0 25px 20px;
            border-top: 1px solid @color-text-grey-dark;
            a.button {
              background: url("/static/img/sprite_24.png") repeat scroll left -752px transparent;
              color: #FFFFFF;
              cursor: pointer;
              display: block;
              height: 38px;
              line-height: 38px;
              padding: 0 0 0 21px;
              position: relative;
              text-shadow: 0 0 2px #000000;
              z-index: 20;
              width: 177px;
              font-size: 14px;
              span {
                display: block;
                height: 38px;
                width: 21px;
                position: absolute;
                right: -21px;
                top: 0;
                z-index: 20;
                background: @sprite24 right -752px;
              }
            }
          }
          .infoarea {
            padding: 0 20px 15px 20px;
            border-bottom: 1px solid @color-border-brown-bright;
            .title {
              width: 230px;
              color: @color-white;
              font-size: 14px;
              line-height: 14px;
              padding: 0 0 18px 0;
            }
            .disabled {
              background: @sprite8 no-repeat right -954px;
              width: 220px;
              padding: 0 0 3px 0;
              font-size: 13px;
              &.possible {
                background-position: right -904px;
              }
            }
            a {
              color: @color-text-blue-light;
            }
            a.download {
              display: block;
              color: @color-text-blue-light;
              background: @sprite8 no-repeat right -1132px;
              line-height: 15px;
              font-size: 13px;
              margin: 0 0 5px 0;
              width: 220px;
            }
          }
          .price {
            border-top: 1px solid @color-text-grey-dark;
            padding: 25px 30px 25px 20px;
            overflow: hidden;
            span.from {
              color: @color-text-grey-bright;
              font-size: 13px;
              line-height: 16px;
              font-weight: bold;
              float: left;
            }
            span.amount {
              float: right;
              font-size: 14px;
              line-height: 16px;
              span {
                font-size: 12px;
              }
            }
            span.priceinfo {
              display: block;
              clear: both;
              padding: 5px 0 0 0;
              font-size: 11px;
            }
          }
          
          #accordion {
            padding: 0 30px 0 20px;
            a {
              .dimension(198px,30px);
              display: block;
              line-height: 30px;
              color: @color-text-blue-light;
              font-size: 13px;
              background: @sprite8 no-repeat left -863px;
              padding: 0 0 0 22px;
            outline: none;
            }
            div.borders {
              border-left: 1px solid #42424e;
              border-right: 1px solid #42424e;
              border-bottom: 1px solid #42424e;
              .dimension(178px,auto);
              padding: 10px 20px;
              color: @color-text-grey-bright;
              font-size: 11px;
              overflow: hidden;
              p {
                font-size: 13px;
                line-height: 15px;
                margin: 0 0 10px 0;
                span {
                  color: @color-standard-text;
                }
              }
            }
            .traveltime {
              padding: 0;
              border: none;
              overflow: hidden;
              .month {
                .dimension(12px,30px);
                float: left;
                margin: 0 1px 0 0;
                display: inline-block;
                background: @sprite-h left -253px;
                font-family: Tahoma, Arial;
                font-size: 9px;
                text-align: center;
                color: @color-text-grey-bright;
                &.marked {
                  background-position: left -312px;
                  color: #74a0ca;
                }
              }
              &.regular {
                padding: 0;
                .month {
                  background: @sprite-h left -282px;
                  padding: 12px 0 0 0;
                  .dimension(12px,18px);
                  &.marked {
                    background-position: left -341px;
                    color: @color-standard-text;
                  }
                }
              }
            }
            .best {
              font-size: 11px;
              padding: 0 0 5px 13px;
              background: @sprite8 no-repeat left -808px;
            }
            .regular {
              font-size: 11px;
              padding: 5px 0 0 13px;
              background: @sprite8 no-repeat left -782px;
            }
            ul {
              list-style-type: none;
              li {
                float: left;
                background: @sprite24 500px 0 no-repeat;
                padding: 0 0 0 20px;
                font-size: 11px;
                min-width: 65px;
                height: 19px;
                &.en {
                  background: @sprite-flags left 2px no-repeat;
                }
                &.es {
                  background: @sprite-flags left -138px no-repeat;
                }
                &.de {
                  background: @sprite-flags left -33px no-repeat;
                }
                &.nl {
                  background: @sprite-flags left -208px no-repeat;
                }
                &.fr {
                  background: @sprite-flags left -68px no-repeat;
                }
                &.ru {
                  background: @sprite-flags left -173px no-repeat;
                }
                &.it {
                  background: @sprite-flags left -103px no-repeat;
                }
                &.zh {
                  background: @sprite-flags left -243px no-repeat
                } 
                &.pt {
                  background: @sprite-flags left -278px no-repeat
                } 
                &.hu {
                  background: @sprite-flags left -313px no-repeat
                } 
                &.th {
                  background: @sprite-flags left -348px no-repeat
                } 
                &.cs {
                  background: @sprite-flags left -383px no-repeat
                }
                &.ja {
                  background: @sprite-flags left -488px no-repeat
                }
                &.ar {
                  background: @sprite-flags left -453px no-repeat
                }
                &.pl {
                  background: @sprite-flags left -418px no-repeat
                }
                &.el {
                  background: @sprite-flags left -558px no-repeat
                }
                &.he {
                  background: @sprite-flags left -523px no-repeat
                }
              }
            }
          }
          .accordionarea {
            border-top: 1px solid @color-text-grey-dark;
            padding-top: 25px;
            .price {
              border-top: 0;
              padding-top: 0;
            }
            #accordion {
              border-top: none;
              padding-top: 0;
            }
          }
          a.backlink {
            background: @sprite8 no-repeat left -1441px;
            padding: 20px 30px 40px 13px;
            font-size: 13px;
            color: @color-text-blue-light;
            float: right;
            margin: 20px 0 0 0;
          }
        }
        .content_end {
          clear: both;
        }
        .limitcontainer.modules {
          .dimension(920px,330px);
          margin: 0 0 15px 30px;
          position: relative;
          background: url(/static/img/modules_bg.png) no-repeat top left;
          z-index: 80;
          /*overflow: hidden;*/
          .icon {
            position: absolute;
            .dimension(40px,40px);
            top: -40px;
            left: -45px;
            background: url(/static/img/numbers.png) no-repeat top left;
          }
          .title {
            font-size: 12px !important;
            color: @color-text-grey-bright;
            margin: 0 0 5px 20px;
            padding: 10px 0 0 0;
          }
          .howto {
            position: absolute;
            width: 610px;
            height: 150px;
            top: 100px;
            left: 30px;
            text-align: center;
            font-size: 16px;
            color: #938797;
            background: url(/static/img/arrow_down.png) center 30px no-repeat;
          }
          #modulecontainer {
            .dimension(651px,217px);
            margin: 0 0 0 20px;
            overflow: hidden;
            position: relative;
            .jspPane {
              /*height: 220px;*/
            }
            
            .loadingoverlay {
              .dimension(651px,217px);
              position: absolute;
              left: 0;
              top: 0;
              background: #252126 url(/static/img/loadingmodules.gif) 304px 89px no-repeat;
              z-index: 300;
            }
          }
          .jspVerticalBar {
              background: @sprite8 no-repeat -461px -40px;
            }
            .jspTrack {
              background: none;
            }
            .jspDrag {
              background: @sprite8 no-repeat 0 -160px;
            }

          ul#modules, ul#smodules {
            list-style-type: none;
            li {
              float: left;
              clear: left;
              .dimension(613px,65px);
              background: #252126 @sprite-h right -441px;
              margin: 0 0 5px 0;
              cursor: move;
              position: relative;
              z-index: 100;
              .daynr.isnone {
                display: none !important;
              }
              h3 {
              }
              a { float: right; }
              .image {
                width: 104px;
                height: 59px;
                overflow: hidden;
                cursor: move;
                float: left;
              }
              span.name {
                float: left;
                color: #e8faff;
              }
              .text {
                width: 489px;
                height: 59px;
                float: left;
                padding: 0 0 0 16px;
                position: relative;
                .head {
                  padding: 5px 10px 0 0;
                  h3 {
                    cursor: move;
                    color: #e8faff;
                    font-size: 14px;
                    font-weight: normal;
                    width: 355px;
                    float: left;
                    line-height: 15px;
                  }
                  a {
                    float: right;
                    margin: 0 0 0 10px;
                    color: @color-text-blue-dark;
                    font-size: 12px;
                  }
                }
                .body {
                  position: absolute;
                  bottom: -4px;
                  left: 16px;
                  .dimension(498px,30px);
                  .desc {
                    color: #879199;
                    font-size: 12px;
                    line-height: 13px;
                    float: left;
                    margin: 0;
                    width: 300px;
                  }
                  .icons {
                    float: right;
                    margin: 9px 18px 0 0;
                    .money {
                      background: url(/static/img/module_icons.png) no-repeat 0 0;
                      float: left;
                      .dimension(26px,19px);
                      margin: 0;
                      cursor: default;
                      &.m1 {
                        background-position: -72px 0;
                      }
                      &.m2 {
                        background-position: -36px 0;
                      }
                    }
                    .categories {
                      overflow: hidden;
                      float: left;
                      margin: 0 0 0 10px;
                      
                      div {
                        float: left;
                        margin: 0 0 0 5px;
                        cursor: default;
                      }
                    }
                    .romance {
                      background: url(/static/img/module_icons.png) no-repeat 0 -38px;
                      .dimension(19px,19px);
                    }
                    .active {
                      background: url(/static/img/module_icons.png) no-repeat -22px -38px;
                      .dimension(19px,19px);
                    }
                    .culture {
                      background: url(/static/img/module_icons.png) no-repeat -44px -38px;
                      .dimension(29px,19px);
                    }
                    .sightseeing {
                      background: url(/static/img/module_icons.png) no-repeat -76px -38px;
                      .dimension(24px,19px);
                    }
                    .relax {
                      background: url(/static/img/module_icons.png) no-repeat -103px -38px;
                      .dimension(21px,19px);
                    }
                  }
                }
              }
              &:hover {
                background: @sprite-h right -510px;
                .body {
                  .desc {
                    color: #938797;
                  }
                }
              }
            }
          }
          ul#smodules  {
            margin: 0 0 0 0;
            height: 82px;
            width: 651px;
            position: absolute;
            bottom: 0;
            left: 20px;
            .title {
              margin: 0 0 5px 0;
            }
            li {
              .dimension(165px,31px);
              margin: 0 5px 0 0;
              clear: none;
              background: @sprite8 no-repeat left -735px;
              line-height: 31px;
              color: @color-text-blue-light;
              font-size: 14px;
              padding: 0 18px;
              a {
                color: @color-text-blue-dark;
                float: right;
              }
              &:hover {
                background: @sprite8 no-repeat left -735px;
              }
            }
          }
          .description {
            position: absolute;
            top: 0px;
            right: 0px;
            .dimension(196px,292px);
            padding: 63px 19px 0 19px;
            p {
              margin: 0 0 28px 0;
              color: @color-standard-text;
              font-size: 14px !important;
            }
          }
        }
        .limitcontainer.timeline {
          position: relative;
          z-index: 100;
          margin: 0 0 15px 30px;
          .dimension(920px,171px);
          background: url(/static/img/timeline_bg.png);
          .icon {
            position: absolute;
            .dimension(40px,40px);
            top: -40px;
            left: -45px;
            background: url(/static/img/numbers.png) no-repeat left -40px;
          }
          .description {
            position: absolute;
              top: 0px;
              right: 0px;
              .dimension(196px,129px);
              padding: 42px 19px 0 19px;
              p {
                margin: 0 0 28px 0;
                color: @color-standard-text;
                font-size: 14px;
              }
            }
        }

        #timeline {
          .dimension(678px,150px);
          margin: 0 0 0 12px;
          /*background: url(/static/img/timeline_bg.gif) repeat-x top left;*/
          .gallery h3 {
            display: none;
          }
          .jspContainer {
            width: 655px !important;
          }
          .jspVerticalBar {
            display: none;
          }
          .jspPane {
            margin: 0 !important;
            ul#sortable {
              background: url(/static/img/timeline_bg.gif) repeat-x top left;
            }
          }
          .jspHorizontalBar {
            height: 16px;
          }
          .jspHorizontalBar, .jspTrack {
            background: #312c33 url(/static/img/hscrollbar.png) no-repeat left 4px;
          }
          .jspDrag {
            .dimension(65px,16px);
            background: @sprite8 no-repeat left -632px;
          }
          ul#sortable {
            list-style-type: none;
            .dimension(680px,128px);
            min-width: 680px;
            padding: 28px 0 0 0;
            li {
              float: left;
              clear: none;
              width: 136px !important;
              height: 85px !important;
              background: @sprite-h left -580px;
              margin: 0 1px 0 0;
              position: relative;
              padding: 0;
              cursor: move;
              &.days2 {
                width: 273px !important;
                height: 85px !important;
                margin: 0 1px 0 0;
                position: relative;
                .text {
                  max-width: 263px;
                  width: 263px;
                }
              }
              &.days3 {
                width: 410px !important;
                height: 85px !important;
                margin: 0 1px 0 0;
                position: relative;
                .text {
                  max-width: 263px;
                  width: 263px;
                }
              }
              &.days4 {
                width: 547px !important;
                height: 85px !important;
                margin: 0 1px 0 0;
                position: relative;
                .text {
                  max-width: 263px;
                  width: 263px;
                }
              }
              &.days5 {
                width: 684px !important;
                height: 85px !important;
                margin: 0 1px 0 0;
                position: relative;
                .text {
                  max-width: 263px;
                  width: 263px;
                }
              }
              &.days6 {
                width: 821px !important;
                height: 85px !important;
                margin: 0 1px 0 0;
                position: relative;
                .text {
                  max-width: 263px;
                  width: 263px;
                }
              }
              &.days7 {
                width: 958px !important;
                height: 85px !important;
                margin: 0 1px 0 0;
                position: relative;
                .text {
                  max-width: 263px;
                  width: 263px;
                }
              }
              &.ui-draggable {
                color: @color-white;
                padding: 0 0 0 10px;
                font-size: 12px;
                width: 126px !important;
                a.choose {
                  text-indent: -9999px;
                  padding: 0 19px 0 0;
                  position: relative;
                  height: auto;
                  width: auto;
                  color: @color-text-blue-light !important;
                  //float: left;
                }
              }

              h3 {
                cursor: move;
                color: @color-standard-text;
                font-size: 12px;
                font-weight: normal;
                width: auto;
                margin: 0;
                display: none;
              }
              .fakeheader.isnone {
                display: block;
                cursor: move;
                color: @color-standard-text;
                font-size: 12px;
                font-weight: normal;
                width: auto;
                margin: 0;
                height: 15px;
                overflow: hidden;
              }
              a.details { 
				display: block;
				width: 19px;
				height: 15px;
				background: url(/static/img/detail_icon.png) no-repeat;
				position: absolute;
				right: 22px;
				bottom: 12px;
				text-indent: -9999px;
			  }
              a.delete, a.deletestandard {
                text-indent: -9999px;
                display: block;
                position: absolute;
                height: 85px;
                width: 20px;
                background: @sprite-h right -580px;
                top: 0;
                right: 0;
              }
              a.choose {
                display: none;            
              }
              .image {
                width: 75px;
                height: 43px;
                overflow: hidden;
                cursor: move;
                position: absolute;
                top: 30px;
                left: 10px;
                
                img {
                  width: 75px;
                }
              }
              .head {
                padding: 0;
              }
              .body {
                display: none;
              }
              .desc {
                display: none;
              }
              .text {
                max-width: 135px;
                width: 126px;
                height: 20px;
                padding: 5px 0 0 10px;
              }
              a.ui-icon {
                .dimension(11px,11px);
                display: block;
                background: @sprite8 -30px -160px;
                position: absolute;
                right: 5px;
                top: 5px;
                text-indent: -9999px;
              }
              .icons {
                display: none;
              }
              .daynr.isnone {
                display: block;
                position: absolute;
                left: 0;
                bottom: -16px;
                height: 18px;
                width: 137px;
                font-size: 14px;
                color: @color-text-grey-dark;
                text-align: center;
                &.day2 {
                  left: 137px;
                }
                &.day3 {
                  left: 274px;
                }
                &.day4 {
                  left: 411px;
                }
                &.day5 {
                  left: 548px;
                }
                &.day6 {
                  left: 685px;
                }
                &.day7 {
                  left: 822px;
                }
                span.nr {
                  /*display: none;*/
              }
                span {

                }
              }
              &:hover {
                background: @sprite-h left -666px;
                a.delete, a.deletestandard {
                  background: @sprite-h right -666px;
                }
              }
            }
          }
        }
        #route {
          .dimension(920px,292px);
          margin: 0 0 15px 30px;
          position: relative;
          background: url(/static/img/route_bg.png) no-repeat top left;
          .icon {
            position: absolute;
            .dimension(40px,40px);
            top: -40px;
            left: -45px;
            background: url(/static/img/numbers.png) no-repeat left -80px;
          }
          #gmap {
            .dimension(680px,292px);
            position: relative;
            .gm_shadow {

              background: url(/static/img/map_shadow.png) no-repeat top left;
              position: absolute;
              z-index: 200;
                &.top {
                  .dimension(680px,20px);
                  background-position: top left;
                  top: 0;
                  left: 0;
                }
                &.left {
                  .dimension(20px,273px);
                  background-position: left -20px;
                  top: 20px;
                  left: 0;
                }
                &.bottom {
                  .dimension(670px,20px);
                  background-position: -20px bottom;
                  bottom: 0;
                  left: 20px;
                }
              }
            #map_canvas {
              .dimension(680px,292px);

            }

          }
          .description {
              position: absolute;
              top: 0px;
              right: 0px;
              .dimension(196px,249px);
              padding: 42px 19px 0 19px;
              p {
                margin: 0 0 28px 0;
                color: @color-standard-text;
                font-size: 14px;
              }
              .totallength {
                position: absolute;
                left: 19px;
                bottom: 20px;
              }
            }

        }
        .limitcontainer.route {
          .dimension(920px,auto);
          position: relative;
          margin: 0 0 15px 30px;
          .icon {
            position: absolute;
            .dimension(40px,40px);
            top: -40px;
            left: -45px;
            background: url(/static/img/numbers.png) no-repeat left -120px;
          }
          .summary {
            overflow: hidden;
            padding: 0 0 30px 0;
            span.left {
              float: left !important;
            }
            .leftcol {
              padding: 0;
              width: 650px;
              float: left;
              div {
                &.left {
                  float: left;
                }
                &.right {
                  float: right;
                  margin: 0 50px 0 0;
                }
                width: 280px;
                height: 21px;
                span {
                  float: right;
                  background: none;
                  width: auto;
                  height: auto;
                }
              }
            }
            .rightcol {
              padding: 0;
              min-height: 1px;
              background: none;
              width: 240px;
              a.button {
                background: url("/static/img/sprite_24.png") repeat scroll left -752px transparent;
                color: #FFFFFF;
                cursor: pointer;
                display: block;
                height: 38px;
                line-height: 38px;
                padding: 0 0 0 21px;
                position: relative;
                text-shadow: 0 0 2px #000000;
                z-index: 20;
                width: 197px;
                span {
                  display: block;
                  height: 38px;
                  width: 21px;
                  position: absolute;
                  right: -21px;
                  top: 0;
                  z-index: 20;
                  background: @sprite24 right -752px;
                }
              }
              ul {
                li {
                  .dimension(auto,auto);
                  border-top: 1px solid @color-text-grey-dark;
                  border-bottom: 1px solid @color-black;
                  float: none;
                  display: block;
                  clear: both;
                  text-align: left;
                  background: none;
                  padding: 14px 0;
                  margin: 0;
                  cursor: default;
                  &.last {
                    border-bottom: none;
                    }

                  &.first {
                    border-top: none;
                    }
                  a {
                    color: @color-text-blue-light;
                    text-align: left;
                    float: none;
                    background: url("/static/img/sprite.png") no-repeat scroll left -1463px transparent;
                    padding: 0 0 0 13px;
                    display: block;
                    line-height: 14px;
                  }
                }
              }
            }
          }
        }
        
        &.virgin {
          background: none;
          margin: 164px auto 0 auto;
          position:relative;
          
          .speciallogo {
            background: url("/static/img/virginlogo-big.png") 0 0 no-repeat;
            width: 290px;
            height: 100px;
            position: absolute;
            top: -100px;
            left: 0;
            z-index:1000;
          }
          
          .filterline {
            padding: 0;
          }
          
          .contentpart {
            background: #312c33;
            overflow: hidden;
            margin: 0 0 30px 0;
            
            &.widegallery {
              padding: 20px 30px;  
              
              .headline {
                overflow: hidden;
                
                h2 {
                  font-size: 24px;
                  line-height: 26px;
                  float: left;
                  padding-right: 25px;
                  padding-top: 1px;
                }
              }
              
              .media {
                overflow: hidden;
                padding: 11px 0 0 0;
                
                .slider {
                  overflow: hidden;
                  width: 920px;
                  height: 116px;
                  position: relative;
                  
                  .no {
                    display: none;
                  }
                  
                  .sl_leftarrow {
                    background: @sprite8 no-repeat -424px -1192px;
                    width: 38px;
                    height: 73px;
                    position: absolute;
                    left: 0;
                    z-index: 1000;
                    margin: 4px 0 0 0;
                    cursor: pointer;
                    
                    &.ishidden {
                      visibility: hidden;
                      background-position: -348px -1192px;
                      cursor: default;
                    }
                  }
                  
                  .sl_rightarrow {
                    background: @sprite8 no-repeat -462px -1192px;
                    width: 38px;
                    height: 73px;
                    position: absolute;
                    right: 0;
                    z-index: 1000;
                    margin: 4px 0 0 0;
                    cursor: pointer;
                    
                    &.ishidden {
                      visibility: hidden;
                      background-position: -386px -1192px;
                      cursor: default;
                    }
                  }
                  
                  .sl_visible {
                    width: 853px !important;
                    height: 116px;
                    overflow: hidden;
                    position:relative;
                    border-left:34px solid #312C33;
                    
                    .sl_movingcontainer {
                      width: 20000em;
                      position: relative;
                      padding: 4px;
                      z-index: 10;
                    }
                    
                    .sl_item {
                      float: left;
                      height: 116px;
                      position: relative;
                      width: 143px;
                      
                      a {
                        display: block;
                        height: 116px;
                      }
                      
                      img {
                        border: none;
                      }
                      
                      .image {
                        background: #000;
                        display: block;
                        width: 130px;
                        height: 73px;
                      }
                      
                      .caption {
                        color: @color-text-blue-light;
                        font-size: 13px;
                        line-height: 16px;
                        display: block;
                        padding: 7px 0 0 0;
                        width: 130px;
                      }
                      
                      .border {
                        position: absolute;
                        width: 130px;
                        height: 73px;
                        border: 4px solid @color-text-blue-light;
                        top: -4px;
                        left: -4px;
                      }
                    }
                  }
                }
              }
              
            }
          }
          
          .leftcol {
            width: 710px;
            padding-bottom: 30px;
            
            &.requestform {
              width: 690px;
            }
          }
          
          .rightcol {
            background: none;
            padding: 27px 20px 20px 20px;
            min-height: 395px;
            width: 230px;
            position: relative;
          
            h1 {
              color: #fff;
              margin: 0 0 10px 0;
              font-size: 24px;
              width: auto;
            }
            
            .text,
            p {
              color: @color-text-grey-bright;
              font-size: 14px;
              margin: 0 0 20px;
            }
            
            .textbottom {
              position: absolute;
              bottom: 30px;
              width: 220px;
            }
            
            .infoarea {
              padding: 0;
              border: none;
            }
            
            a.button {
              background: @sprite24 left -752px;
              height: 38px;
              width: 178px;
              position: relative;
              z-index: 20;
              line-height: 38px;
              color: @color-white;
              text-shadow: 0px 0px 2px @color-black;
              cursor: pointer;
              padding: 0 0 0 21px;
              display: block;
              text-align: center;
              font-size: 16px;
              font-weight: bold;
              margin-top: 20px;
              span {
                display: block;
                height: 38px;
                width: 21px;
                position: absolute;
                right: -21px;
                top: 0;
                z-index: 20;
                background: @sprite24 right -752px;
              }
            }
            
            &.contact {
              background: url("/static/img/rightcol_bg.png") left top no-repeat;
              padding: 33px 0 20px 0;
              width: 270px;
              min-height: 569px;
              color: @color-text-grey-bright;
              .title {
                border-bottom: 1px solid #59505c;
                h3 {
                  color: @color-text-grey-bright;
                  font-size: 16px;
                  font-weight: normal;
                  border-bottom: 1px solid #352f36;
                  padding: 0 0 25px 20px;
                }
              }
              .part {
                border-top: 1px solid #352f36;
                margin: -2px 20px 0 20px;
                .innerpart {
                  border-top: 1px solid #59505c;
                  padding: 20px 0 15px 0;
                }
              }
              p {
                color: @color-text-grey-bright;
                padding: 0 0 5px 0;
                font-size: 12px;
                line-height: 18px;
                margin: 0;
              }
              
              td {
                color: @color-text-grey-bright;
                padding: 0 20px 5px 0;
                vertical-align: top;
              }
              
              a {
                color: #B3DCF4;
              }
              
              .bright {
                color: @color-standard-text;
              }
            }
          }
          
          .gallery {
            height: 383px;
            width: 681px;
            border-bottom: none;
            position: relative;
            margin-bottom: 0;
            
            .canvas {
              border-bottom: 5px solid #171518;
              height: 373px;
              width: 671px;
              overflow: hidden;
              
              img {
                width: 671px;
              }
            }
            
            .caption {
              background: #000;
              opacity: 0.8;
              filter:alpha(opacity=80);
              
              position: absolute;
              left: 5px;
              bottom: 5px;
              width: 671px;
              height: 52px;
              
              .text {
                width: 590px;
                font-size: 16px;
                color: #fff;
                height: 52px;
                display: table-cell;
                vertical-align: middle;
                padding: 0 0 0 10px;
              }
              
              .icon {
                float: right;
                width: 71px;
                height: 52px;
              }
            }
          }
        }
        
        .newsblock {
          padding: 0 0 0 30px;
          
          .entry {
            min-height: 45px;
            padding: 10px 15px;
            position: relative;
            
            .background {
              background: url("/static/img/sprite_x.png") right -752px repeat-x;
              width: 100%;
              height: 65px;
              position: absolute;
              right: 0;
              top: 0;
            }
            
            .border {
              background: url("/static/img/sprite_x.png") left -752px repeat-x;
              width: 2px;
              height: 65px;
              position: absolute;
              left: 0;
              top: 0;
            }
            
            .content {
              position: relative;
              z-index: 2;
            }
            
            &:hover {
              .border {
                background-position: left -834px;
              }
              
              .background {
                background-position: right -834px;
              }
            }
            
            h3 {
              font-size: 15px;
              color: #e8faff;
              font-weight: normal;
              padding: 1px 0 3px 0;
              
              a {
                color: #e8faff;
              }
            }
            
            .text {
              color: #879199;
              
              p {
                padding: 0 0 3px 0;
              }
            }
          }
        }
        
        .filterline {
          padding: 20px 0 30px 30px;
          overflow: hidden;
          position: relative;
          
          .filtertext {
            float: left;
            padding: 6px 15px 0 0;
            color: @color-text-grey-bright;
            font-size: 14px;
          }
          
          select, input.text {
            background: #272428;
            float: left;
            margin: 0 10px 0 0;
            border: 1px solid #181618;
            color: @color-standard-text;
            height: 28px;
            font-size: 14px;
            font-family: Arial;
            width: 124px;
            border-radius: 2px;
          }
          
          select {
            padding: 5px 4px;
            height: 30px;
            width: 140px;
          }
          
          input.text {
            padding: 0 7px;
          }
          
          input.date {
            background: #272428 url("/static/img/calender.png") right -1px no-repeat;
          }
          
          .button {
            background: @sprite24 left -752px;
            height: 30px;
            line-height: 30px;
            font-size: 14px;
            color: #e8faff;
            text-shadow: 0px 0px 2px @color-black;
            cursor: pointer;
            padding: 0 0 0 21px;
            display: block;
            position: absolute;
            right: 21px;
            input {
            
            }
            span {
              display: block;
              height: 30px;
              width: 21px;
              position: absolute;
              right: -21px;
              top: 0;
              z-index: 20;
              background: @sprite24 right -752px;
            }
          }
        }
        
        .pagingline {
          padding: 0 0 0 30px;
        }
      }



      /*tooltips*/

      .tooltip {
        width: 400px !important;
        height: auto !important;
        z-index: 2000;
        position: absolute;
        top: 22px;
        left: 5px;
        cursor: default;
        &.left {
          top: 20px;
          left: auto;
          right: 7px;
            .arrow {
              top: auto;
              left: auto;
              right: 0;
              top: -11px;
              background-position: left -283px;
            }
          &.bottom {
            left: auto;
            top: auto;
            right: 7px;
            bottom: 23px;
            .arrow {
              top: auto;
              left: auto;
              right: 0;
              bottom: -11px;
              background-position: left -257px;
            }
          }
        }
        &.bottom {
          top: auto;
          left: 3px;
          right: auto;
          bottom: 24px;
          .arrow {
            bottom: -11px;
            right: auto;
            top: auto;
            left: 0px;
            bottom: -11px;
            background-position: -30px -257px;
          }
        }
        .arrow {
          position: absolute;
          top: -11px;
          left: 0;
          .dimension(18px,13px);
          background: @sprite8 no-repeat -30px -283px;
          z-index: 21;
        }
        .tt_cont {
          width: 396px !important;
          height: auto !important;
          background: @color-white;
          border: 2px solid @color-text-blue-dark;
          overflow: hidden;
          .tt_head {
            padding: 20px 15px 0 20px;
            width: 361px !important;
            height: 81px !important;
            background: @sprite-h top center;
            .image {
              width: 125px !important;
              height: 70px !important;
              overflow: hidden;
              float: left;
              img {
                border: none;
                border-right: 1px solid @color-text-blue-light;
              }
            }
            .text {
              width: 220px !important;
              height: 70px !important;
              float: left;
              padding: 0;
              margin: 0 0 0 14px;
              h2 {
                color: @color-text-blue-dark;
                font-size: 16px;
                font-weight: normal;
                width: 220px !important;
                height: 50px !important;
                padding: 0;
              }
              .price {
                color: @color-line-grey-dark;
              }
            }

          }
          .tt_body {
            clear: left;
            padding: 15px 20px 0 20px;
            color: @color-text-grey-dark;
          }
          a.button {
            display: inline-block;
            background: @sprite-h left -101px;
            height: 19px;
            line-height: 19px;
            color: @color-white;
            float: right;
            margin: 10px 20px 15px 0;
            span {
              display: block;
              background: @sprite-h right -101px;
              margin: 0 0 0 10px;
              padding: 0 10px 0 0;
            }
          }
        }
      }
      #list {
        background: @color-page-background-bright;
        .dimension(950px,659px);
        position: absolute;
        top: 0;
        right: 15px;
        z-index: 6;
        overflow: hidden;
        h1 {
          position: absolute;
          top: 20px;
          left: 30px;
          font-size: 26px;
          line-height: 26px;
          font-weight: lighter;
        }
        a.close {
          background: @sprite8 no-repeat left -120px;
          .dimension(124px,34px);
          line-height: 33px;
          color: @color-text-blue-light;
          font-size: 13px;
          padding: 0 0 0 14px;
          display: block;
          position: absolute;
          top: 21px;
          right: 1px;
          z-index: 7;
          cursor: pointer;
        }
        .continents {
          width: 878px;
          height: 93px;
          background: url(/static/img/continents.png) no-repeat top left;
          position: absolute;
          top: 74px;
          left: 31px;
        }
        #scrollcontainer {
          .dimension(896px,455px);
          margin: 168px 0 0 31px;
          padding: 15px 0 0 0;
          position: static;
          z-index: 7;
          .poi_attacher {
            .dimension(896px,455px);
            position: static;
            z-index: 8;
            .scrollme {
              .dimension(896px,455px);
              position: static;
              z-index: 9;
              .jspContainer {
                z-index: 10;
              }
              .jspPane {
                z-index: 11;
              }
              .jspVerticalBar {
                background: @sprite8 no-repeat -484px -40px;
              }
              .jspTrack {
                background: none;
              }
              .jspDrag {
                background: @sprite8 no-repeat 0 -160px;
              }
              .price, .price span {
                color: #303133;
                font-size: 12px;
              }
              ul {
                width: 175px;
                float: left;
                list-style-type: none;
                position: static;
                z-index: 12;
                li {
                  text-align: center !important;
                  font-size: 16px !important;
                  color: @color-text-grey-bright;
                  width: auto !important;
                  height: auto !important;
                  cursor: default !important;
                  float: none !important;
                  clear: none !important;
                  background: none !important;
                  margin: 0 !important;
                  position: static !important;
                  z-index: 13 !important;
                  &.title {
                    margin: 0 0 20px 0 !important;
                  }
                  span {
                    font-size: 13px;
                    color: @color-text-blue-light;
                    position: relative;
                    float: none !important;
                    cursor: pointer;
                    /*z-index: 14 !important;*/
                    .scrollme {
                      .dimension(375px,87px);
                      .jspVerticalBar {
                        background: @sprite8 no-repeat -484px -1315px;
                      }
                    }
                  }
                }
              }
            }
          }
        }

        .tooltip {
          width: 375px !important;
          height: 185px !important;
          z-index: 150 !important;
          .tt_cont {
            height: 181px !important;
            width: 371px !important;
            position: static;
            z-index: 200;
            .tt_head {
                width: 346px !important;
              height: 46px !important;
              padding: 5px 15px 0 10px !important;
              background-position: center -50px;
              margin: 0 0 5px 0;
              .image {
                height: 41px !important;
                width: 71px !important;
              }
              .text {
                height: 51px !important;
                h2 {
                  height: 20px !important;
                }
                .price {
                                  
                }
              }
            }
            .tt_body {
              padding: 5px 10px 0px 10px !important;
            }
            a.button {
              margin: 13px 20px 0 0 !important;
              position: static;
              z-index: 220;
              display: block;
            }
          }
          .jspVerticalBar {
              right: 15px !important;
            z-index: 200 !important;
            .jspTrack {
              z-index: 205 !important;
              .jspDrag {
                z-index: 210 !important;
              }
            }
          }
        }

      }
      #listbutton {
        position: absolute;
        right: 15px;
        top: 20px;
        height: 35px;
        .text {
          float: left;
          height: 35px;
          line-height: 35px;
          color: @color-text-grey-bright;
          font-size: 16px;
        }
        a.button {
          background: @sprite8 no-repeat left -80px;
          .dimension(124px,34px);
          line-height: 33px;
          color: @color-text-blue-light;
          font-size: 13px;
          padding: 0 0 0 14px;
          display: block;
          float: left;
          margin: 0 0 0 21px;
          cursor: pointer;
        }
      }
      a.poi {
        position: absolute;
        display: block;
        .dimension(15px,15px);
        background: @sprite24 no-repeat 0 -717px;
        z-index: 3;
        .tooltip {        
          .scrollme {
            width: 385px !important;
            max-height: 230px;
            overflow: auto;
            float: left;
            height: 95px;
            margin: 10px 0 0 0;
            .jScrollPaneContainer {
              position: relative;
              overflow: hidden;
              z-index: 1;
              padding-right: 20px;
            }
            .jspContainer {
            
            }
            .jspVerticalBar {
                background: @sprite8 no-repeat -484px -1315px;
                right: 0px;
              }
              .jspTrack {
                background: none;
              }
              .jspDrag {
                background: @sprite8 no-repeat 0 -160px;
              }
            .tt_body {
              width: 375px !important;
              /*background: yellow;*/
              height: auto !important;
              width: auto !important;
              padding: 5px 10px 0 20px;
              overflow: visible;
            }
          }
        
        }
      }

    }
    #footerarea {
      .dimension(100%,105px);
      background: @darktrans;
      z-index: 2;
      bottom: 0;
      left: 0;
      overflow: hidden;
      &.portal {
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        
        
        .limiter {
          height: 38px;
        }
        
      }
      &.resizeme {
        #bottomrow {
          height: 100%;
        }
      }
      #slogan {
        font-family: 'CartoGothicProBook';
        color: @color-text-slogan;
        font-size: 14px;
        text-transform: uppercase;
        text-align: right;
        height: 39px;
        line-height: 39px;
      }
      #bottomrow {
        background: @color-page-background;
        height: 66px;
        width: 100%;
        #leftlogo {
          float: left;
          height: 66px;
          width: 234px;
          position: relative;
          a#virginlogo {
            position: absolute;
            left: 0;
            bottom: 0;
            background: @sprite24 no-repeat left -165px;
            display: block;
            width: 234px;
            height: 85px;
          }
        }
        #rightlinks {
          float: right;
          ul {
            margin: 25px 0 0 0;
            list-style-type: none;
            li {
              float: left;
              color: @color-text-grey-dark;
              margin: 0 20px 0 0;
              &.last {
                margin: 0 0 0 17px;
              }
              a {
                color: @color-text-grey-bright;
                &:hover {
                  color: #fff;
                }
              }
            }
          }
        }
      }
    }



    a {
      text-decoration: none;
    }
    .isnone {
      display: none;
    }
    .ishidden {
      visibility: hidden;
    }
    .pointer {
      cursor: pointer;
    }

    div, h1, h2, h3, h4, h5, p, form, input, select, textarea, ol, ul, li, object, embed, table {
      .reset;
    }

    #tooltips {
      .tooltip {
        top: -99999px;
        left: -99999px;
        a.closett {
          .dimension(15px,15px);
          position: absolute;
          top: 12px;
          right: 12px;
          background: @sprite8 -484px -758px;
        }
        &.details {
          .tt_head {
            height: 54px !important;
            padding: 0 !important;
              .text {
              height: 54px !important;
              padding: 0 !important;
              h2 {
                height: auto !important;
                line-height: 20px;
                color: #74a0ca;
                font-size: 16px;
                margin: 0;
                padding: 10px 0 0 0;
				width: 340px !important;
              }
              }
          }
          .tt_body {
			min-height: 277px !important;
          }
          .tt_cont {
            padding: 0 0 20px 0;
          }
          a.button {
            float: left;
            margin: 10px 20px 15px 22px;
          }
          .scrollme {
            width: 375px;
            max-height: 199px;
          }
		  &.arrowbottom {
			.arrow {
				background: url(/static/img/sprite.png) no-repeat -30px -257px;
				top: auto;
				bottom: -11px;				
			}
		  }
        }
        .scrollme {
          width: 375px;
          max-height: 199px;
          overflow: auto;
          float: left;
          .jScrollPaneContainer {
            position: relative;
            overflow: hidden;
            z-index: 1;
            padding-right: 20px;
          }
          .jspVerticalBar {
              background: @sprite8 no-repeat -484px -1315px;
              right: 10px;
              top: 10px;
            }
            .jspTrack {
              background: none;
            }
            .jspDrag {
              background: @sprite8 no-repeat 0 -160px;
            }
          .tt_body {
            height: auto !important;
            width: auto !important;
          }
        }
      }
    }
    /*shadows*/
    .shadow {
       background: url(/static/img/sprite_shadows.png);
       position: absolute;
    }

    .shadow.top_left {
       background-repeat: no-repeat;
       background-position: 0 -16px;
       width: 8px;
       height: 8px;
       left: -8px;
       top: -8px;
    }
    .shadow.top_center {
       background-repeat: repeat-x;
       background-position: 0 0;
       width: 100%;
       height: 8px;
       left: 0;
       top: -8px;
    }
    .shadow.top_right {
       background-repeat: no-repeat;
       background-position: -8px -16px;
       width: 8px;
       height: 8px;
       right: -8px;
       top: -8px;
    }
    .shadow.mid_left {
       background: url(/static/img/sprite_shadows_y.png);
       background-repeat: repeat-y;
       background-position: 0 0;
       width: 8px;
       height: 100%;
       left: -8px;
       top: 0;
    }
    .shadow.mid_right {
       background: url(/static/img/sprite_shadows_y.png);
       background-repeat: repeat-y;
       background-position: -8px 0;
       width: 8px;
       height: 100%;
       right: -8px;
       top: 0;
    }
    .shadow.bottom_left {
       background-repeat: no-repeat;
       background-position: 0 -24px;
       width: 8px;
       height: 8px;
       left: -8px;
       bottom: -8px;
    }
    .shadow.bottom_center {
       background-repeat: repeat-x;
       background-position: 0 -8px;
       width: 100%;
       height: 8px;
       left: 0;
       bottom: -8px;
    }
    .shadow.bottom_right {
       background-repeat: no-repeat;
       background-position: -8px -24px;
       width: 8px;
       height: 8px;
       right: -8px;
       bottom: -8px;
    }

/*contentblocks */

  .contentblock {
      clear: both;
      position: relative;
     font-size: 14px;
     &.impressions {
      .icon {
        background: url(/static/img/impressions.png) no-repeat;
        height: 71px;
      }
     }
     &.text {
      .icon {
        background: url(/static/img/text.png) no-repeat;
        height: 41px;
      }
     }
    .icon {
      position: absolute;
      .dimension(40px,auto);
      left: -15px;
      top: 0;
    }
    h2 {
      padding: 0 0 2px 30px;
      color: @color-white;
      font-size: 20px;
      line-height: 37px;
      font-weight: normal;
    }
    .intro {
      padding: 0 0 15px 0;
      margin: 0 0 18px 30px;
      border-bottom: 1px solid @color-text-grey-dark;
      overflow: hidden;  
      font-size: 16px;
      line-height: 21px;
      .col1 {
        width: 320px;
        float: left;
        font-size: 16px;
        line-height: 21px;
        padding: 0 20px 0 0;
      }
      .col2 {
        width: 320px;
        float: left;
        font-size: 16px;
        line-height: 21px;
      }
    }
    .text {
      margin: 0 0 0 30px;
      font-size: 14px;
      line-height: 20px;
      
      &.error {
        color: #ee2211;
      }
      
      p {
        margin: 0 0 7px 0;
        font-size: 14px;
        line-height: 20px;
      }    
      ul {
        padding: 0 0 7px 0;
      }
      ul li {
        list-style: none;
        background: url("/static/img/list-item.png") 0 5px no-repeat;
        font-size: 14px;
        padding: 2px 0 2px 20px;
      }
      h1, h2 {
        padding-left: 0;
        margin-left: 0;
      }
      h3 {
        color: #fdffff;
        font-size: 14px;
        padding: 0 0 7px 0;
      }
      a {
        color: #b3dcf4;
      }    
    }
  }

 /* elSlider */

  .gallery {
    .dimension(660px,445px);
    margin: 0 0 18px 30px;
    border-bottom: 1px solid @color-text-grey-dark;
    overflow: hidden;
    
    &.player {
      border-bottom: 5px solid #171518;
      height: auto;
      .canvas {
        height: auto;
      }
    }
    
    &.hotel {
      .dimension(980px,494px);
      margin: 0;
      border-bottom: none;
      .slider {
          z-index: 10;
        .dimension(980px,494px);
        background: none;
        .sl_leftarrow {
          position: absolute;
          left: auto;
          right: 86px;
          top: 397px;
          z-index: 20;
          .dimension(26px,49px);
          background: @sprite24 no-repeat -11px -654px;
        }
        .numbers {
            position: absolute;
          right: 45px;
          top: 385px;
          z-index: 20;
          .no {
            &.current {

            }
            &.total {

            }
          }
        }
        .sl_rightarrow {
            position: absolute;
          right: 20px;
          top: 397px;
          z-index: 20;
          .dimension(26px,49px);
          background: @sprite24 no-repeat -60px -654px;
        }
        a.button {
          background: @sprite24 left -752px;
          height: 38px;
          position: absolute;
          right: 40px;
          bottom: 10px;
          z-index: 20;
          line-height: 38px;
          color: @color-white;
          text-shadow: 0px 0px 2px @color-black;
          cursor: pointer;
          padding: 0 0 0 21px;
          display: block;
          span {
            display: block;
            height: 38px;
            width: 21px;
            position: absolute;
            right: -21px;
            top: 0;
            z-index: 20;
            background: @sprite24 right -752px;
          }
        }
        .sl_visible {
          .dimension(980px,494px);
          left: 0;
          top: 0;
          .sl_movingcontainer {
            padding: 0;
          }
          .sl_item {
            .dimension(980px,494px);
            z-index: 15;
            .infobox {
              .dimension(980px,99px);
              background: url(/static/img/darktrans.png);
              position: absolute;
              bottom: 0;
              left: 0;
              .info {
                padding: 15px 15px 15px 20px;
                .name {
                    font-size: 20px;
                  margin: 0 0 5px 0;
                  .country {
                    font-size: 18px;
                  }
                }
                .slogan {
                  font-size: 14px;
                }
                .bottomline {
                  margin: -5px 0 5px 0;
                  padding: 10px 0 0 0;
                  overflow: hidden;
                  .rooms {
                    font-size: 14px;
                    width: auto;
                    float: left;
                    padding: 1px 20px 0 0;
                  }
				  .pdfbutton {
					font-size: 14px;
				  	width: auto;
					float: left;
					.downloadbutton {
						padding: 1px 30px 0 20px;
						font-weight: bold;
						display: inline-block;
						  color: @color-text-blue-light;
						  background: @sprite8 no-repeat right -1130px;
					}
				  }
                  .pricebutton {
                    overflows: hidden;
                    width: 450px;
                    float: right;
                    
                    .price {
                      font-size: 14px;
                      float: right;
                      padding: 0 50px 0 0;
                      span {
                        font-size: 12px;
                      }
                    }
                    
                    a.button {
                      float: right;
                      position: relative;
                      right: 30px;
                      font-size: 14px;
                    }
                  }
                }
              }
            }
          }
        }

      }
    }
    .canvas {
      .dimension (650px,366px);
      border-left: 5px solid @color-border-dark;
      border-top: 5px solid @color-border-dark;
      border-right: 5px solid @color-border-dark;
      img {
        width: 650px;
      }
    }
    .no {
      float: left;
      color: @color-white;
      line-height: 74px;
      padding: 0 0 0 5px;
      &.current {
        padding: 0 0 0 15px;
      }
    }
    .slider {
      height: 74px;
      position: relative;
      width: 660px;
      float: left;
      background: @sprite-h left -179px;
      .sl_leftarrow {
        width: 27px;
        height: 74px;
        background: url(/static/img/sl_leftarrow.png);
        position: absolute;
        left: 59px;
        cursor: pointer;
      }
      .sl_rightarrow {
        width: 37px;
        height: 74px;
        background: url(/static/img/sl_rightarrow.png);
        position: absolute;
        right: 0;
        cursor: pointer;
      }
      .sl_visible {
        overflow: hidden;
        height: 150px;
        position: absolute;
        left: 88px;
        .sl_movingcontainer {
          width: 20000em;
          position: absolute;
          left: 0;
          top: 0;
          padding: 14px 0 0 2px;
        }
        .sl_item {
          width: 89px;
          height: 45px;
          float: left;
          position: relative;
          cursor: pointer;
          .movie {
            .dimension(89px,45px);
            background: url(/static/img/thumb_movie.png) no-repeat;
            position: absolute;
            top: 0;
            left: 0;
          }
          .image {
            .dimension(89px,45px);
            background: url(/static/img/thumb_img.png) no-repeat;
            position: absolute;
            top: 0;
            left: 0;
          }
          .border {
            position: absolute;
            width: 76px;
            height: 40px;
            border: 4px solid @color-text-blue-light;
            top: -1px;
            left: -2px;
          }
          
          &:hover {
            .border {
              position: absolute;
              width: 76px;
              height: 40px;
              border: 4px solid @color-text-blue-light;
              top: -1px;
              left: -2px;
            }
          }
          
          a {
              img {
              border: 0 none;
            }
          }
          .icon.panorama {
            width: 54px;
            height: 51px;
            position: absolute;
            bottom: 0;
            right: 0;
            background: url(/static/img/sprite_24.png) no-repeat -200px -100px;
            z-index: 1;
          }
        }
      }
     }
     

  }
    h1 {
        font-size: 26px;
        line-height: 26px;
        font-family: Arial;
        width: 740px;
        color: @color-text-grey-bright;
        margin: 0 0 20px 30px;
        font-weight: lighter;
      }
    .leftcol {
      .formular {
        padding: 20px 0 30px 30px;
        overflow: hidden;
        position: relative;
        color: #938797;
        font-size: 14px;
        
        label {
          color: #938797;
          font-size: 14px;
          float: left;
        }
        
        .smallheadline {
          color: #938797;
          font-size: 14px;
          padding: 6px 0;
          overflow: hidden;
          
          &.floatleft {
            float: left;
            margin: 0 15px 0 0;
          }
          
          .left {
            font-size: 14px;
            width: 330px;
            float: left;
            margin: 0 10px 0 0;
          }
          .right {
            font-size: 14px;
            width: 320px;
            float: left;
          }
        }
        
        a {
          color: #B3DCF4;
          text-decoration: underline;
        }
        
        .part {
          margin: 0 0 15px 0;
        }
        
        .form {
          padding: 5px 0 15px 0;
        }
        
        .modules {
          font-size: 14px;
          .moduleslist {
            font-size: 14px;
          }
        }
        
        .innerform {
          padding: 0 0 5px 0;
        }
        
        .requestline {
          height: 38px;
          width: 100%;
          position: relative;
          padding: 0 0 10px 0;
          .leftline {
            width: 330px;
            position: relative;
            .button {
              right: 45px;
            }
          }
        }
        
        .standardvalue {
          display: none;
        }
        
        .line {
          overflow: hidden;
          padding: 0 0 10px 0;
          font-size: 14px;
          
          .leftline,
          .rightline {
            float: left;
            overflow: hidden;
            width: 330px;
          }
          
          .leftline {
            margin: 0 10px 0 0;
          }
          
          .rightline {
            width: 320px;
          }
          
          .innerline {
            overflow: hidden;
            
            &.padding {
              padding: 0 0 10px 0;
            }
            &.paddingtop {
              padding: 10px 0 0 0;
            }
          }
          
          .label {
            float: left;
            height: 24px;
            font-size: 14px;
            padding: 6px 0 0 0;
            &.error {
              color: #EE2211;
            }
          }
          
          .input {
            float: left;
            font-size: 14px;
            
            .mandatory {
              background: url(/static/img/mandatory-star.png) 0 0 no-repeat;
              width: 8px;
              height: 8px;
              display: block;
              float: left;
              margin: 0 0 0 5px;
            }
            
            &.mandatorynote {
              width: 319px;
              text-align: right;
              padding: 6px 0 0 0;
              
              .mandatory {
                float: right;
              }
              .mandatorylabel {
                float: right;
              }
            }
          }
          
          .input.margin {
            margin: 0 9px 0 0;
          }
          
          .input.check {
            padding: 10px 0 0 0;
            clear: left;
            overflow: hidden;
            float: none;
          }
          
          .input.radio {
            margin: 0 20px 0 0;
          }
          
          .error {
            border-color: #EE2211;
          }
          
          .agberror {
            color:#EE2211;
          }
        }
        
        select, input.text {
          background: #272428;
          float: left;
          border: 1px solid #181618;
          color: @color-standard-text;
          height: 28px;
          font-size: 14px;
          font-family: Arial;
          width: 290px;
          border-radius: 2px;
        }
        
        select {
          padding: 5px 4px;
          height: 30px;
          width: 306px;
        }
        
        input.text {
          padding: 0 7px;
        }
        
        input.requestdate {
          background: #272428 url("/static/img/calender.png") right -1px no-repeat;
          padding: 0 37px 0 7px;
        }
        
        input.checkbox {
          margin: 0 8px 0 0;
          position: relative;
          top: 1px;
          
          &.floatright {
            margin: 0 0 0 8px;
          }
        }
        
        textarea {
          resize: none;
          background: #272428;
          float: left;
          border: 1px solid #181618;
          color: @color-standard-text;
          font-size: 14px;
          font-family: Arial;
          width: 293px;
          border-radius: 2px;
          padding: 3px 4px 3px 7px;
        }
        
        textarea.wide {
          width: 633px;
        }
        input.wide {
          width: 630px;
        }
        
        .button {
          background: @sprite24 left -752px;
          height: 38px;
          line-height: 38px;
          font-size: 14px;
          color: #e8faff;
          text-shadow: 0px 0px 2px @color-black;
          cursor: pointer;
          padding: 0 0 0 21px;
          display: block;
          position: absolute;
          right: 35px;
          text-decoration: none;
          span {
            display: block;
            height: 38px;
            width: 21px;
            position: absolute;
            right: -21px;
            top: 0;
            z-index: 20;
            background: @sprite24 right -752px;
          }
        }
      }
    
       h1 {
         width: 640px;
        &.icon {
          background: @category no-repeat -285px -15px;
          height: 50px;
          padding: 15px 0 0 80px;
          margin: -15px 0 0 30px;
          float: left;
          &.culture {
            background-position: -285px -15px;
          }
          &.cruises {
            background-position: -285px -91px;
            margin: -15px 0 0 20px;
          }
          &.relax {
            background-position: -285px -167px;
          }
          &.villas {
            background-position: -285px -243px;
          }
          &.trains {
            background-position: -285px -319px;
          }
          &.adventure {
            background-position: -285px -395px;
          }
          &.yachts {
            background-position: -285px -471px;
            margin: -15px 0 0 20px;
          }
          &.services {
            background-position: -285px -547px;
            padding: 15px 0 0 70px;
            margin: -15px 0 0 20px;
          }
          &.islands {
            background-position: -285px -623px;
            padding: 15px 0 0 70px;
            margin: -15px 0 0 20px;
          }
          &.sports {
            background-position: -285px -699px;
          }
        }

       }
      .categories {
          margin: 65px 0 0 10px;
        &.list {
            margin: 90px 0 0 10px;
        }
          .category {
            .dimension(320px,65px);
          background: @sprite-h right -752px;
          float: left;
          margin: 0 0 15px 20px;
          position: relative;
          cursor: pointer;
          display: inline-block;
          &.list {
            .dimension(660px,82px);
            .image {
              .dimension(144px,81px);
              float: left;
              overflow: hidden;
              margin: 1px 0 0 0;
              display: inline-block;
            }
            .text {
                float: left;
                margin: 0 0 0 16px;
              display: inline-block;
              width: 500px;
              a.title {
                font-size: 15px;
                margin: 10px 0 5px 0;
              }
              .desc {
                width: 485px;
              }
              a.details {
                display: block;
                position: absolute;
                right: 15px;
                top: 10px;
                color: @color-text-blue-light;
              }
            }            
          }
          &:hover {
            background: @sprite-h right -834px;
            .icon {
              background-position: -95px inherit;
              &.culture {
                background-position: -95px 0;
              }
              &.cruises {
                background-position: -95px -76px;
              }
              &.relax {
                background-position: -95px -152px;
              }
              &.villas {
                background-position: -95px -228px;
              }
              &.trains {
                background-position: -95px -304px;
              }
              &.adventure {
                background-position: -95px -380px;
              }
              &.yachts {
                background-position: -95px -456px;
              }
              &.services {
                background-position: -95px -532px;
              }
              &.islands {
                background-position: -95px -608px;
              }
              &.sports {
                background-position: -95px -684px;
              }
            }
          }
          .icon {
            background: @category no-repeat;
            .dimension(95px,65px);
            float: left;
            &.culture {
              background-position: 0 0;
            }
            &.cruises {
              background-position: 0 -76px;
            }
            &.relax {
              background-position: 0 -152px;
            }
            &.villas {
              background-position: 0 -228px;
            }
            &.trains {
              background-position: 0 -304px;
            }
            &.adventure {
              background-position: 0 -380px;
            }
            &.yachts {
              background-position: 0 -456px;
            }
            &.services {
              background-position: 0 -532px;
            }
            &.islands {
              background-position: 0 -608px;
            }
            &.sports {
              background-position: 0 -684px;
            }
          }
          .text {
            a.title {
                  color: @color-white;
               display: block;
              font-size: 13px;
              margin: 10px 0 0 0;
            }
            .desc {
              color: #879199;
              font-size: 12px;
              line-height: 13px;
              width: 200px;
              float: left;
            }
          }
        }
      }
      a.backlink {
        background: @sprite8 no-repeat left -1461px;
        padding: 0 30px 0 13px;
        font-size: 13px;
        color: @color-text-blue-light;
        float: left;
        margin: 0 0 20px 30px;
        display: inline-block;      
      }
      .pagination {
        float: right;
        ul {
            list-style-type: none;
          float: left;
          li {
              float: left !important;
            clear: none !important;
            background: none !important;
            width: auto !important;
            height: 20px !important;
            margin: 0 10px 0 0 !important;
            cursor: auto !important;
            display: inline-block !important;
            a {
                color: @color-text-blue-light;
              &.current {
                color: @color-text-grey-bright;
              }
            }
          }
        }
        a.leftarrow {
          background: @sprite8 no-repeat -459px -1066px;
          .dimension(20px,20px);
          float: left;
          margin: 0 1px 0 0;
        }
        a.rightarrow {
          background: @sprite8 no-repeat -480px -1066px;
          .dimension(20px,20px);
          float: left;
        }
       }

    h2 {
      font-size: 20px;
      color: @color-white;
      margin: 0 0 2px 0;
      font-weight: normal;
      line-height: 40px;
      &.no1, &.no2, &.no3, &.no4 {
        margin: 29px 0 2px 30px;
      }
    }
}




a.edit_modules {
  color: @color-text-blue-light;
  text-align: left;
  float: none;
  background: url("/static/img/sprite.png") no-repeat scroll left -1463px transparent;
  padding: 0 0 0 13px;
  line-height: 14px;
}


.livesupport {
  padding: 7px 0 6px 0;
}


/* ADDITIONS PW 16.11.11 */



a img {
    border: none;
}

.contentblock .text a img {
    border: none;
}


 a.greenbutton {
	 background: url("/static/img/sprite_24.png") repeat scroll left -752px transparent;
	color: white;
	cursor: pointer;
	display: block;
	height: 38px;
	line-height: 38px;
	padding: 0 21px 0 21px;
	position: relative;
	text-shadow: 0 0 2px black;
	z-index: 20;
	width: 176px;
	text-align: center;
	color: #fff;
	margin: 20px 0 40px 0;
	float: right;
 }

 
 /* ADDITIONS PW 27.12.2011 */
 
 a:active, a:focus {
	outline: none !important;
 }