/* default begin */

* {
  margin:0;
  padding:0;
  border:0;
}
body.home {
  background: #5ba0c7 url(uploads/tf/bg_body2011.png) repeat-x;
  color: #013653;
  font-size: 13px;
  font-family: Arial, sans-serif;
}
body.home #container {
  margin: 0 auto;
  width: 1012px;
  height: 895px;
  overflow: hidden;
  background: url({$layout.file.bg_home}) no-repeat;
  position: relative;
}
body.home.lang-de  #container {
  background: #5ba0c7 url(uploads/tf/bg_home2011_de.png) repeat-x;
}
body.home.lang-nl  #container {
  background: #5ba0c7 url(uploads/tf/bg_home2011_nl.png) repeat-x;
}

/* default end */
/* home_menu begin */

body.home #right {
  position: absolute;
  width: 360px;
  height: 665px;
  top: 180px;
  right: 55px;
  z-index:100;
}
body.home #left {
  position:absolute;
  left:0;
  top:100px;
  z-index:200;
}
body.home #home_content {
  position: absolute;
  top: 20px;
  overflow: hidden;
}
body.home.lang-de #home_content {
  height: 75px;
  width: 340px;
  left: 0px;
}
body.home.lang-nl #home_content {
  height: 275px;
  width: 340px;
  left: 0px;
}
#menu_reviere {
  position: absolute;
  top: 110px;
  right: 0;
  width: 360px;
}
body.home.lang-de #menu_reviere {
  height: 500px;
}
body.home.lang-nl #menu_reviere {
  height: 500px;
  top: 320px;
}
#menu_reviere li {
  display: block;
  margin: 0 0 2px 0;
}
#menu_reviere li a {
  font-family: Trebuchet MS, sans-serif;
  font-size: 13px;
  font-weight: bold;
  text-decoration: none;
  line-height: 16px;
  color: #003652;
}
/*#menu_reviere li.green a {
  color: #6d914a;
}
#menu_reviere li.red a {
  color: #c56f1a;
}
#menu_reviere li.beige a {
  color: #bba649;
}
#menu_reviere li.brown a {
  color: #85654e;
}*/
#menu_reviere li a:hover
, #menu_reviere li a.hover {
  text-decoration: underline;
}
#metanavi {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 360px;
  /*height: 25px;
  line-height: 25px;*/
  color: white;
  text-align: right;
}
#metanavi a {
  color: white;
  text-decoration: none;
}
#metanavi a:hover {
  text-decoration: underline;
}
#metanavi p {
  display:block;
  float:left;
  text-align:right;
  width:330px;
}
#metanavi ul {
  list-style-image:none;
  list-style-position:outside;
  list-style-type:none;
  padding-right:2px;
}

/* home_menu end */
/* sb_layout begin */

* {
  margin:0;
  padding:0;
  border:0;
}
#sb-container #sb-wrapper {
  left: auto !important;
  margin: auto !important;
}
#sb-body-inner {
    text-align: center;
}
#sb-body-inner > img {
    position: relative !important;
}
body.shadowbox {
  color:#013653;
  font-family:Arial,sans-serif;
  font-size:13px;
  line-height: 16px;
}
body.shadowbox.lang-de {
  background:url(uploads/tf/bg_shadowbox_de_02.png) no-repeat;
}
body.shadowbox.lang-nl {
  background:url(uploads/tf/bg_shadowbox_nl_02.png) no-repeat;
}

#minimap {
  position: absolute;
  top: 6px;
  left: 33px;
  width: 274px;
  height: 322px;
  overflow: hidden;
  background: url(uploads/tf/map_mini_02.jpg) no-repeat;
}
#minimap dd.csc-textpic-caption {
  margin-top: -25px;
  color: #013653;
  font-size: 12px;
  padding: 5px 5px 5px 15px;
  background: url(uploads/tf/opaque66_02.png);
}

#minimap .bbox {
  position:absolute;
  display:block;
}
#minimap .bbox .border {
  position:absolute;
  left:0;
  top:0;
  display:block;
  width:100%;
  height:100%;
  border:solid 2px #fff;
  margin:-2px 0 0 -2px;
}
#minimap .bbox img {
  border:solid 1px #fff;
}
#minimap .bbox.green .border {
  border-color:#6d914a;
}
#minimap .bbox.red .border {
  border-color:#c56f1a;
}
#minimap .bbox.beige .border {
  border-color:#bba649;
}
#minimap .bbox.brown .border {
  border-color:#85654e;
}

#offer {
  position: absolute;
  top: 363px;
  left: 33px;
  overflow: hidden;
}
body.lang-de #offer {
  width: 244px;
  height: 292px;
  padding: 15px;
}
body.lang-nl #offer {
  width: 274px;
  height: 322px;
}
body.lang-nl #offer td table {
  margin-top: -1px;
}
#tabs {
  position: absolute;
  top: 123px;
  left: 325px;
  width: 539px;
  height: 30px;
  overflow: hidden;
  list-style-type:none;
  background: url("uploads/tf/bg_active_02.png") repeat-x scroll 0 0 transparent;
  border-right: 1px solid #B7C5B4;
}
#tabs li {
  float: left;
  overflow: hidden;
  width: 135px;
}
#tabs li.sail {
  width: 134px;
}
#tabs li a {
  text-decoration: none;
  font-family:Trebuchet MS,sans-serif;
  font-size:13px;
  font-weight:bold;
  line-height:30px;
  display: block;
  height: 29px;
  text-align: center;
  border-bottom: 1px solid #b7c5b4;
  background: url(uploads/tf/bg_laschen_02.png) repeat-x;
}
#tabs li a:hover
, #tabs .active {
  background-image: none;
  border-bottom: none;
}
#tabs li a:hover {
  background: url(uploads/tf/bg_hover_02.png) repeat-x;
}
#tabs li a.active {
  background: url(uploads/tf/bg_active_02.png) repeat-x;
  cursor:default;
}
#tabs li.tours a {
  color: #013653;
  border-left: 1px solid #b7c5b4;
  border-right: 1px solid #b7c5b4;
}
#tabs li.canoe a {
  color: #6d914a;
  border-right: 1px solid #b7c5b4;
}
#tabs li.motor a {
  color: #c56f1a;
  border-right: 1px solid #b7c5b4;
}
#tabs li.sail a {
  color: #bba649;
  /* border-right: 1px solid #b7c5b4; */
}
#tabs li a {
  text-shadow: white 0px 1px;
}

#tabcontent {
  position: absolute;
  top: 153px;
  left: 325px;
  width: 508px;
  height: 300px;
  overflow: auto;
  padding: 10px 15px;
  border-left: 1px solid #b7c5b4;
  border-right: 1px solid #b7c5b4;
}
#tabcontent div {
  margin: 10px 0;
}
#tabcontent ul
, #tabcontent ol {
  margin: 10px 30px;
}
#tabcontent a
, .bodytext a {
  color: #3579a0;
  text-decoration: none;
}
#tabcontent a:hover
, .bodytext a:hover {
  color: #658560;
  text-decoration: underline;
}
#gallery {
  position: absolute;
  top: 515px;
  left: 325px;
  width: 540px;
  height: 105px;
  overflow-x: scroll;
  overflow-y: hidden;
}
#gallery a img {
  border: 1px solid #6d914a;
}
h1 span {
  display: none;
}
#zoom {
  text-align:center;
}

#links {
  position: absolute;
  top: 470px;
  left: 325px;
  width: 538px;
  height: 25px;
  overflow-x: hidden;
  overflow-y: hidden;
  border-left: 1px solid #b7c5b4;
  border-right: 1px solid #b7c5b4;
  border-bottom: 1px solid #b7c5b4;
}

#links a {
  display: none;
}

#links a.lb_link, #links a.lb_link_last-child {
  text-decoration: none;
  font-family:Trebuchet MS,sans-serif;
  font-size:13px;
  font-weight:bold;
  height:25px;
  display: block;
  width: 134px;
  text-align: center;
  background: url(uploads/tf/bg_laschen_02.png) repeat-x;
  float: left;
  border-bottom: 1px solid #b7c5b4;
  border-right: 1px solid #b7c5b4;
  padding-top:5px;
  text-shadow: white 0px 1px;
}
#links a.lb_link_last-child {
  border-right: 0px;
  width:133px;
}
#links a.lb_link:hover, #links a.lb_link_last-child:hover {
  background-image: none;
  border-bottom: none;
}
#links a.lb_link:hover, #links a.lb_link_last-child:hover {
  background: url(uploads/tf/bg_hover_02.png) repeat-x;
}
#links a.lb_link.active, #links a.lb_link_last-child.active {
  background: url(uploads/tf/bg_active_02.png) repeat-x;
  cursor:default;
}

.beige {
  color:#bba649
}
.blue {
  color:#013653
}
.red {
  color:#c56f1a
}
.brown {
  color:#85654e
}
.green {
  color:#6d914a
}

body.imprint #tabs
, body.imprint #links
, body.imprint #gallery {
  display: none;
}

body.imprint #tabcontent, body.imprint #tabcontent #tours {
  top: 110px;
  height: 480px;  
  width: 538px;
  overflow: auto !important;
  display: block;
  border: none;
  padding-right: 10px;
}
body.imprint #gallery a img {
  border: none;
  /*cursor: default;*/
}
/*.further-details {
  background: url(uploads/tf/more_button.png) repeat-x;
  background-position: left bottom;
  display: block;
  width: 172px;
  height: 28px;
  line-height: 28px;
  padding-left: 20px;
  margin: 10px 0;
}
.further-details.slid-down {
  background-position: left top;
  margin-bottom: 10px;
}*/
.further-details {
  text-decoration: none;
}
.further-details.slid-down {
  display: none;
}
div.button {
  background: url(uploads/tf/button.png) bottom left repeat-x;
  border: 1px solid #a1b59e;
  padding: 10px 17px;
  width: 350px;
}
div.button a {
  display: block;
  color: #3579A0;
  text-decoration: none;
  font-weight: bold;
}
/* sb_layout end */
/* map begin */

/*body.home #left {
  position: absolute;
  width: 578px;
  height: 742px;
  top: 0px;
  left: 0px;
  border: 1px dashed red;
}*/

#map .bbox {
  position:absolute;
  display:none;
  background-image:none;
  text-decoration:none;
  overflow:visible;
}
#map .bbox:hover, #map .bbox.hover {
  display:block;
  z-index:10000;
  /*background:transparent url("uploads/tf/hatchures_03.gif") repeat;*/
}
#map .bbox img.clear {
  border:solid 1px #fff;
}

#map .bbox .border {
  position:absolute;
  left:0;
  top:0;  
  display:block;
  width:100%;
  height:100%;
  border:solid 2px #fff;
  margin:-2px 0 0 -2px;
}
#map .bbox .border {
  border-color: #003652;
}
/*
#map .bbox.green .border {
  border-color:#6d914a;
}
#map .bbox.red .border {
  border-color:#c56f1a;
}
#map .bbox.beige .border {
  border-color:#bba649;
}
#map .bbox.brown .border {
  border-color:#85654e;
}*/

#map .bbox .icons {
  position:absolute;
  top:-2px;
}
#map .bbox  .icons img {
  display:block;
  padding-bottom:2px;
}
#map .bbox .number {
  position:absolute;
  left:0;
  top:0;
  overflow:auto;
  color:#fff;
  line-height:16px;
  font-weight:bold;
  padding:0 2px 2px 0;
}
#map .bbox .icons
, #map .bbox .number {
  background-color:#013653;
}
/*#map .bbox.red .icons
, #map .bbox.red .number {
  background-color:#c56f1a;
}
#map .bbox.beige .icons
, #map .bbox.beige .number {
  background-color:#bba649;
}
#map .bbox.brown .icons
, #map .bbox.brown .number {
  background-color:#85654e;
}*/

#map .bbox .media {
  display:none;
}
#map.media .bbox .media {
  display:block;
}
#map .bbox .media {
  position:absolute;
  width:22px;
  height:22px;
  background:transparent url(../uploads/tf/mapmedia_sprite_02.png) 0 0 no-repeat;
  font-size:0;
  line-height:0;
}
#map .bbox .media.video {
  background-position:0 -22px;
}


/* map end */
/* static-links begin */

body.home #static-content {
  position: absolute;
  width: 250px;
  height: 80px;
  top: 690px;
  left: 80px;
  z-index: 999;
  font-size: 11px;
}
body.home.lang-nl #static-content {
  top: 685px;
}

body.home #static-content a.download {
  background: url(uploads/tf/download_grey_04.png) no-repeat 5px 0px;
  display: block;
  height: 20px;
  color: #767676;
  text-decoration: none;
  padding-left: 35px;
  margin-bottom: 0px;
  padding-top: 3px;
}

body.home #static-content a.download:hover {
  color: #990000;
  background-image: url(uploads/tf/download_04.png);
} 

/* static links end */
    #imageflow-container {
      display:block;
      width:400px;
      height:150px;
      overflow:hidden;
      position:absolute;
      right:85px;
      top:45px;
      background:url(uploads/tf/bg_imageflow.png) no-repeat left 5px;
      z-index: 300;
    }
    #imageflow .flow {
      position:relative:
      left:0;
      top:-60px;
    }
    #imageflow .preButton
    , #imageflow .nextButton {
      display:block;
      width:40px;
      height:30px;
      line-height:20px;
      cursor:pointer;
      position:absolute;
      top:60px;
      color:#fff;
      text-align:center;
    }
    #imageflow .preButton {
      right:0px;
      top: 45px;
    }
    #imageflow .nextButton {
      left:0px;
      top: 45px;
    }
    #imageflow img {
      border: 1px solid white;
    }
    #imageflow a.active img {
      border: 2px solid #003652;
    }