.sprites {
  background-image: url(templates/images/sprites-warnemuende.png);
  background-repeat: no-repeat;
  background-attachment: scroll;
}

div#rss_blog a.rss {
  padding-left: 18px;
  background-position: -280px -259px;
}

.no-show {
  display: none;
}

.stopFloat {
  display: block;
  float: none;
  clear: both;
  height: 0;
  font-size: 0;
  line-height: 0;
}

.float-left {
  float: left;
  margin: 0 10px 10px 0;
}

.float-right {
  float: right;
  margin: 0 0 10px 10px;
}

a { text-decoration: none; }
a:link, a:visited { color: #d6b63b; }
a:hover, a:focus, a:active { color: #fff; }

a img {
  border: none;
}

a.inline:link, a.inline:visited { color: #fff; text-decoration: none; cursor: text; }

body {
  color: #fff;
  font: normal normal normal 100.01%/1.3 Arial, Helvetica, sans-serif;
  background: #091d4b none scroll repeat 0 0;
  margin: 0;
  padding: 0;
}

#body, #holder, #left, #bottom { position: relative; }

#body {
  text-align: center; /* Zentrierung des #contentholder für ältere IE */
  font-size: 80%;
}

#holder {
  margin: 0 auto;
  width: 1000px;
  text-align: left; /* Aufheben des text-align:center von #body */
  border-left: 1px solid #d6b63b;
  border-right: 1px solid #d6b63b;
  background: #091d4b url(templates/images/holder-hg.gif) scroll repeat 0 0;
  
}

#right {
  float: right;
  display: inline;
  width: 714px;
  margin: 0 20px 5px 0;
}

#left {
  display: inline;
  width: 225px;
  float: left;
  padding: 120px 0 0 0;
  margin: 27px 0 40px 28px;
  min-height: 700px;
  background-position: -1640px -169px;
  position: relative;
}

a#yachthafen-logo {
  position: absolute;
  top: 0;
  left: 0;
  width: 210px;
  height: 109px;
  display: block;
}

#promo {
  width: 714px;
}

.maximiert #promo {
  position: absolute;
  top: 27px;
  left: 0;
}

#bottom {
  clear: both;
  width: 1000px;
  height: 15px;
  margin: 5px 0;
  padding: 4px 0;
  background-color: #142a67;
}

#content {
  padding: 400px 0 0 0;
}

.cluster-oben #content {
  padding-top: 650px;
  padding-bottom: 0;
}

.maximiert #content {
  padding-top: 27px;
  padding-bottom: 0;
}

#cluster {
  right: 20px;
  width: 714px;
  position: absolute;
}

.cluster-content {
  height: 252px;
  position: relative;
  width: 714px;
}

.cluster-oben #cluster {
  top: 400px;
}

.cluster-unten #cluster {
  bottom: 40px;
}

.cluster-oben #cluster .hr {
  display: none;
}

#content #data {
  padding: 15px 0 12px;
}

.maximiert #content #data {
  padding-top: 0;
}

#lang_select {
  position: absolute;
  top: 5px;
  right: 20px;
  height: 15px;
}

#lang_select h1 {
  display: none;
}

#lang_select a {
  border: 1px solid #d6b73a;
  margin: 0 0 0 4px;
  width: 20px;
  height: 13px;
  display: block;
  float: left;
}

#lang_select .de_DE {
  background-position: -727px -258px;
}

#lang_select .en {
  background-position: -749px -258px;
}

.rss-symbol-13,
.twitter-symbol-13 {
  display: inline-block;
  width: 13px;
  height: 13px;
  background-position: -714px -258px;
  margin-right: 0.5ex;
  vertical-align: bottom;
}

.twitter-symbol-13 {
  display: inline-block;
  width: 13px;
  height: 13px;
  background-position: -714px -271px;
  margin-right: 0.5ex;
  vertical-align: bottom;
}

.nav-wrapper { min-height: 270px; }
.cluster-oben .nav-wrapper { min-height: 253px; }

#nav {
  margin: 0;
  padding: 0;
}

#nav ul {
  position: relative;
  margin: 0;
  padding: 15px 0 16px 0;
  list-style: none none outside;
  font-size: 95%;
}

#nav ul li {
  margin: 0;
  padding: 6px 25px 4px 25px;
  line-height: 15.8167px;
  background: none;
}

#nav ul li.aktiv {
  background: transparent url(templates/images/sprites-warnemuende.png) scroll no-repeat 8px -350px;
}

#nav ul ul {
  font-size: 100%;
}

#nav ul li ul {
  margin: 0;
  padding: 4px 0 0 0;
  background: none;
}

#nav ul li ul li,
#nav ul li ul li.aktiv {
  margin: 0;
  padding: 0 0 2px 16px;
  background: transparent url(templates/images/sprites-warnemuende.png) scroll no-repeat -727px -356px;
}

#nav ul li ul li a { color: #f3dfa2; }
#nav ul li ul li a:hover,
#nav ul li ul li.aktiv a { color: #fff; }

#nav ul li ul li ul li a,
#nav ul li.aktiv ul li ul li a,
#nav ul li.aktiv ul li.aktiv ul li a { color: #f3dfa2; }

#nav ul li ul li ul li a:hover,
#nav ul li.aktiv ul li ul li a:hover,
#nav ul li.aktiv ul li.aktiv ul li a:hover 
#nav ul li ul li ul li.aktiv a,
#nav ul li.aktiv ul li ul li.aktiv a,
#nav ul li.aktiv ul li.aktiv ul li.aktiv a { color: #fff; }

/* Breiter Flash-Movie oben rechts */
#flash-wide {
  position: absolute;
  top: 26px;
  right: 20px;
  width: 712px;
  height: 338px;
  padding: 1px 1px 19px 1px;
  overflow: hidden;
  background-position: 0 0;
}

#flash-wide .slideshow {
  display: block;
  width: 100%;
  height: 100%;
  background: transparent url(templates/images/indicator.gif) scroll no-repeat center center;
}

.nav-right {
  position: absolute;
  top: 369px;
  padding: 7px 0 0 0;
}

.nav-bottom,
.nav-right {
  font-size: 85%;
  color: #d6b63b;
}

.nav-bottom {
  padding-left: 7px;
}

.nav-right.l { left: 266px; }
.nav-right.r { right: 20px; text-align: right; }

.nav.horizontal ul {
  list-style: none none outside;
  margin: 0;
  padding: 0;
}

.nav.horizontal ul li {
  display: block;
  float: left;
  padding: 0 6px 0 0;
  background: none;
}

.nav.horizontal ul li a {
  padding: 0 6px 0 0;
  text-decoration: none;
}

.nav.horizontal.r ul li,
.nav.horizontal.r ul li a {
  padding: 0 0 0 6px;
}

.nav.horizontal.r ul li a {
	padding-left: 0;
}

.video-box {
  position: absolute;
  top: 0;
  right: 0;
  width: 255px;
  padding: 0 1px;
  height: 252px;
  background-position: -714px 0;
}

.video-box .video {
  position: absolute;
  top: 0;
  left: 1px;
  width: 255px;
  height: 191px;
  overflow: hidden;
}

.video-nav .playpause,
.video-nav .timeline,
.video-nav .timeline-scrubber,
.video-nav .sound {
  background: transparent url(templates/images/video-player-sprites.png) scroll no-repeat 0 0;
}

.video-nav {
  position: absolute;
  bottom: 0;
  left: 1px;
  width: 255px;
  height: 61px;
  overflow: hidden;
}

.video-nav .playpause {
  cursor: pointer;
  position: absolute;
  left: 8px;
  top: 7px;
  width: 31px;
  height: 22px;
  background-position: -31px 0;
}

.video-nav .time {
  position: absolute;
  top: 9px;
  left: 25px;
  width: 198px;
  height: 18px;
  color: #fff;
  font-size: 10px;
  line-height: 18px;
  text-align: center;
}

.video-nav .timeline {
  position: absolute;
  top: 9px;
  left: 25px;
  width: 198px;
  height: 18px;
  background-position: 0 -22px;
}

.video-nav .timeline-scrubber {
  position: absolute;
  left: 0;
  top: 1px;
  width: 0px;
  height: 16px;
  background-position: right -40px;
  overflow: hidden;
}

.video-nav .sound {
  cursor: pointer;
  left: 229px;
  position: absolute;
  top: 9px;
  width: 18px;
  height: 18px;
  background-position: -62px 0;
}

.video-nav .weitere-videos {
  position:absolute;
  bottom: 12px;
  right: 7px;
  color:#FCB83D;
  font-size:85%;
  padding: 0;
  text-decoration: none;
  line-height: 18px;
}

.bottom-last {
  line-height: 0;
  font-size: 0;
  height: 3px;
}


h1, h2, h3, p, ul, table {
  margin: 0 0 15px 0;
}

h1, h2 { font-weight: bold; }
h1 { font-size: 115%; }
h3 { margin-bottom: 3px; }
h2, h3, p, table, th, td { font-size: 100%; }

table {
  border-collapse: separate;
  empty-cells: show;
  border-spacing: 1px;
  position: relative;
  top: -1px;
  left: -1px;
  margin-bottom: 13px;
}

ul ul,
table table { margin-bottom: 0; }

ul {
  list-style: none none outside;
  padding: 0;
}

li {
  padding: 0 0 0 37px;
  margin: 0 0 2px;
  background: transparent url(templates/images/sprites-warnemuende.png) scroll no-repeat 20px -354px;
  text-align: left;
}

th, td {
  padding: 0.5ex 1ex;
}

th th,
th td,
td th,
td td { font-size: 100%; }

th {
  background: #06133c;
  font-weight: bold;
  text-align: left;
}

td {
  background: #142d67;
  font-weight: normal;
}


#nav_zusatz,
.servicehotline {
  width: 206px;
  height: 88px;
  background-position: -1111px 0;
}

.servicehotline {
  display: block;
  background-position: -771px -258px;
  margin-bottom: 13px;
}

.servicehotline span { visibility: hidden; }

#nav_zusatz ul {
  list-style: none none outside;
  margin: 0;
  padding: 0;
}

#nav_zusatz ul li {
  display: inline;
  background: transparent none;
  padding: 0;
  margin: 0;
}

#nav_zusatz ul li a:link,
#nav_zusatz ul li a:visited {
  display: block;
  line-height: 25px;
  text-align: center;
  font-size: 85%;
  letter-spacing: 1px;
  color: #fff;
}

#nav_zusatz ul li a:hover,
#nav_zusatz ul li a:focus,
#nav_zusatz ul li a:active {
  color: #F3DFA2;
}

.blog {
  background-position: -971px -88px;
  padding: 45px 20px 14px 19px;
  width: 405px;
  height: 100px;
  position: relative;
}

.blog h1 {
  position: absolute;
  top: 0;
  left: 1px;
  width: 442px;
  height: 40px;
  margin: 0;
  padding: 0;
  line-height: 40px;
}

.blog h1 a {
  display: block;
  width: 100%;
  height: 100%;
}

.blog h1 a span {
  visibility: hidden;
}

.blog ul {
  list-style: none none outside;
  padding: 10px 0 0 0;
  margin: 0;
}

.blog ul li {
  background: transparent url(templates/images/sprites-warnemuende.png) no-repeat scroll 0 -354px;
  padding: 0 0 0 20px;
  margin: 0 0 10px 0;
}

.blog ul li a:link,
.blog ul li a:visited {
  color: #fff;
  font-style: italic;
  font-size: 105%;
}

.blog ul li a:active,
.blog ul li a:hover,
.blog ul li a:focus {
  color: #d6b63b;
}


.txt-buttons {
  width: 450px;
  height: 88px;
  position: absolute;
  top: 168px;
  left: 0;
}

div#content .txt-buttons {
  top: 202px;
}

.txt-buttons a,
.txt-buttons a .txt,
.txt-buttons a .img {
  width: 140px;
  height: 88px;
  display: block;
  overflow: hidden;
  position: absolute;
  color: #fff;
  font-size: 14px;
  text-align: center;
  line-height: normal;
  text-decoration: none;
  top: 0;
  cursor: pointer;
}

.txt-buttons a {
  background: transparent url(templates/images/sprites-warnemuende.png) scroll no-repeat -971px 0;
}

.txt-buttons a .txt,
.txt-buttons a .img {
  width: 138px;
  height: 75px;
  left: 1px;
}

.txt-buttons a .txt {
  padding: 20px 8px 8px;
  width: 124px;
  height: 47px;
}

.txt-buttons a .img {
  background: transparent none scroll no-repeat 0 0;
}

.txt-buttons a.l { left: 0; }
.txt-buttons a.m { left: 152px; }
.txt-buttons a.r { left: 304px; }

.txt-buttons a.l .img { background-position: 0 0; }
.txt-buttons a.m .img { background-position: -138px 0; }
.txt-buttons a.r .img { background-position: -276px 0; }

.hr {
  clear: both;
  float: none;
  background: transparent url(templates/images/sprites-warnemuende.png) scroll no-repeat -719px -346px;
  line-height: 0;
  font-size: 0;
  height: 1px;
  margin: 20px 0;
}

ul.news-startseite {
  list-style: none none outside;
  margin: 0;
  padding: 0;
}

ul.news-startseite li {
  padding: 0 0 0 25px;
  background: transparent url(templates/images/sprites-warnemuende.png) scroll no-repeat 8px -354px;
}

ul.news-startseite h2 {
  font-weight: normal;
  margin-bottom: 3px;
}


label {
  padding: 0.15em 0 0.5em 0;
}

form.standard label {
  display: inline-block;
  width: 180px;
  float: left;
  font-weight: bold;
}

label.for-radio,
form.standard label.for-radio,
label.for-checkbox,
form.standard label.for-checkbox {
  clear: none;
  width: auto;
  padding: 0.125em 0 0 0.5ex;
  margin: 0 1ex 0 0;
  font-weight: normal;
}

form.standard input.radio,
form.standard input.checkbox {
  float: left;
  margin-left: 0;
}

form.standard div {
  clear: left;
  margin: 0;
  padding: 0;
}

#webcam-frame {
  width: 640px;
  height: 480px;
  padding: 51px 1px 20px 1px;
  background: transparent url(templates/images/sprites-webcam.png) scroll no-repeat 0 0;
}

ul.webcams {
  list-style: none none outside;
  padding: 0;
  margin: 0 0 15px 0;
}

ul.webcams li {
  background: transparent url(templates/images/sprites-webcam.png) scroll no-repeat -642px 0;
  padding: 0;
  margin: 0;
  display: inline-block;
  width: 148px;
  height: 172px;
  padding: 0 1px 10px;
  float: left;
  margin: 0 14px 0 0;
}

ul.webcams a {
  display: block;
  width: 148px;
  height: 172px;
  position: relative;
}

ul.webcams img {
  display: block;
  width: 148px;
  height: 111px;
}

ul.webcams .beschreibung {
  color: #fff;
  display: block;
  padding: 0.3em 0.5em;
}

ul.webcams .ansehen {
  bottom: 0.3em;
  display: block;
  padding: 0.3em 0.5em;
  position: absolute;
  right: 1px;
  text-align: right;
}

.video-mit-promo {
  height: 364px;
  width: 712px;
  padding: 0 1px 12px 1px;
  margin: 0 0 15px 0;
  background: transparent url(templates/images/sprites-video.png) scroll no-repeat 0 0;
  position: relative;
}

.video-mit-promo .video {
  float: left;
}

.video-mit-promo .video { width: 456px; }

.video-mit-promo .video-promo {
  width: 256px;
  height: 362px;
  overflow: hidden;
  position: absolute;
  right: 1px;
  top: 0;
}

ul.videos {
  list-style: none none outside;
  padding: 0;
  margin: 0 0 15px 0;
}

ul.videos li {
  background: transparent url(templates/images/sprites-video.png) scroll no-repeat -714px 0;
  padding: 0;
  margin: 0;
  display: inline-block;
  width: 211px;
  height: 183px;
  padding: 0 1px 9px;
  float: left;
  margin: 0 37px 30px 0;
}

ul.videos li.zeilenende {
  margin-right: 0;
}

ul.videos a {
  display: block;
  width: 211px;
  height: 183px;
  position: relative;
}

ul.videos img {
  display: block;
  width: 211px;
  height: 127px;
}

ul.videos .beschreibung,
ul.videos .ueberschrift {
  color: #fff;
  font-size: 90%;
  display: block;
  padding: 0.3em 0.5em;
}

ul.videos .beschreibung {
  padding-top: 0;
}

ul.videos .ueberschrift {
  font-weight: bold;
  padding-bottom: 2px;
}

ul.bildergalerie {
  list-style: none none outside;
  padding: 0;
  margin: 30px 0 15px 0;
}

ul.bildergalerie li {
  padding: 0;
  margin: 0;
  display: inline-block;
  width: 213px;
  height: 160px;
  padding: 0;
  float: left;
  margin: 0 35px 35px 0;
}

ul.bildergalerie li a {
  display: block;
}

ul.bildergalerie li.zeilenende {
  margin-right: 0;
}

#divEditbutton {
  position: absolute;
  top: 0;
  right: 0;
}

ul.angebote h2 { margin-bottom: 3px; font-weight: normal; }
ul.angebote p.preis { text-align: right; font-weight: bold; color: #D6B63B; }

p.ul span { padding-right: 5px; }
p.ul span.s { vertical-align: middle; padding: 0; display: inline-block; width: 15px; height: 10px; background: transparent url(templates/images/sprites-warnemuende.png) scroll no-repeat 0 -358px; }

.popup {
  z-index:99999;
  display:none;
}

.popup .viewable {
  background:#091D4B url(/templates/images/holder-hg.gif) repeat scroll 0 0;
  border:1px solid #D6B63B;
  padding:15px;
}

.popup .wrap {
  text-align: left;
  font-size: 80%;
  color: #fff;
  font: normal normal normal 1.3/normal Arial, Helvetica, sans-serif;
}

.wetter-seitenleiste {
  width: 206px;
  height: 169px;
  background-position: -1640px 0;
  font-size: 85%;
  color: #fff;
  margin-bottom: -1px;
  position: relative;
  letter-spacing: 1px;
}

.wetter-seitenleiste span {
  display: block;
  position: absolute;
  text-align: center;
  width: 100%;
}

.wetter-seitenleiste span span {
  display: inline;
  position: static;
  text-align: left;
  width: auto;
}

.wetter-seitenleiste span.datum {
  top: 20px;
}

.wetter-seitenleiste span.wetterlage {
  width: 85px;
  text-align: right;
  top: 50px;
}

.wetter-seitenleiste span.temperatur {
  font-size: 140%;
  right: 0;
  top: 57px;
  width: 55px;
  text-align: left;
}

.wetter-seitenleiste span.windrichtung { top: 115px; }
.wetter-seitenleiste span.windrichtung span { font-weight: bold; }
.wetter-seitenleiste span.windstaerke-boeen { top: 130px; }
.wetter-seitenleiste span.windstaerke-boeen span { font-weight: bold; }

.wetter-seitenleiste h3,
.wetter-seitenleiste .datum label,
.wetter-seitenleiste .wetterlage label,
.wetter-seitenleiste .temperatur label {
  display: none;
}

.wetter-seitenleiste a {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 206px;
  height: 158px;
}

/* Social-Bookmark-Icons */
div#social_bookmark_icons {
  position: absolute;
  top: 0;
  right: 0;
  height: 20px;
}

div#social_bookmark_icons a {
  float: left;
  display: block;
  width: 20px;
  height: 20px;
  padding: 0;
  margin: 0 4px 0 0;
  background: transparent url("templates/images/social-bookmark-icon/social-bookmark-icon-bg.png") no-repeat top left;
}

div#social_bookmark_icons a.w16 {
  width: 16px;
  height: 16px;
  padding: 2px;
}

div#social_bookmark_icons a.w17 {
  width: 17px;
  height: 17px;
  padding: 1px 2px 2px 1px;
}

.yachtcharter-ausstattung td,
.yachtcharter-ausstattung th,
.yachtcharter-technische-daten td,
.yachtcharter-technische-daten th {
	vertical-align: top;
}

.yachtcharter-ausstattung th,
.yachtcharter-technische-daten th {
	width: 100px;
}


table.yachtcharter-technische-daten,
table.yachtcharter-ausstattung {
  margin-top: 12px;
  width: 100%
}

table.yachtcharter-technische-daten {
  width: auto;	
}

h3.yachtcharter-preis {
  margin-top: 10px;
  font-weight: normal;
}

img.yachtcharter-foto {
  margin-top: 32px;
  margin-right: 20px;
}