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

span.floatLeft {
	float: left;
	margin: 0 10px 10px 0;
}

span.floatRight {
	float: right;
	margin: 0 0 10px 10px;
}

/* Content-Bereich */
div#content h1,div#content h2,div#content h3 {
  color: #cea804;
  font-weight: bold;
  margin: 20px 0 10px 0;
}

div#content h1 {
  font-size: 120%;
}

div#content h2 {
  font-size: 115%;
}

div#content h3 {
  font-size: 105%;
}

div#content p {
  text-align: justify;
  margin: 15px 0;
}

div#content ul {
  list-style-image: url("/bilder/li-star.png");
  margin: 0;
  padding: 0 0 15px 25px;
}

div#content ul ul {
	list-style: square;
	list-style-image: none;
	padding: 0 0 5px 15px;
}


/* Galerie-Elemente */

div#content div.galerie {
  padding: 16px 0 12px;
}

div#content div.galerie.galerieeinzeln {
  width: 100%;
  padding-top: 30px;
}

div#content div.galerie a img {
  margin: 0 5px 5px 0;
}

div#content div.galerie a img.row_5 {
	margin-right: 0;
}

/* News */
div#content a {
  color: #cea804;
  text-decoration: none;
}

div#content a:hover {
  color: white;
}

div#content div.news {
  margin: 0 0 15px 5px;
  padding: 0 0 0 20px;
  background: url("/bilder/li-star.png") no-repeat left 4px;
}

div#content div.news h2 {
  color: #cea804;
  font-size: 100%;
  font-weight: normal;
  margin: 3px 0;
}

div#content div.news h2 a {
  color: #cea804;
  text-decoration: none;
}

div#content div.news h2 a:hover {
  color: white;
}

div#content div.news p {
  font-size: 100%;
  margin: 3px 0;
  text-align: left;
}

div#content div.buchungsmaschine {
	background: #6f313b;
	margin: 15px 3px 0 3px;
	padding: 3px;
}

div#content div.buchungsmaschine p.nicht_buchbar {
	text-transform: uppercase;
	text-align: center;
	font-weight: bold;
	margin: 0;
}

div#content div.arrangement_preise {
	margin: 0 0 15px 0;
}

div#content div.arrangement_preise table {
	width: 100%;
}

div#content div.arrangement_preise table thead th {
	vertical-align: bottom;
	font-weight: normal;
}

div#content div.arrangement_preise table tbody th,
div#content div.arrangement_preise table tbody td {
	vertical-align: text-top;
	font-weight: normal;
}

div#content div.arrangement_preise table th,
div#content div.arrangement_preise table td {
	background: #6f313b;
	padding: 3px;
}

div#content div.arrangement_preise table tbody td {
	white-space: nowrap;
}

div#content div.arrangement_preise div.info,
div#content div.arrangement_preise_info {
	background-color: #6f313b;
	margin: 0 3px;
	padding: 3px;
}

div#content div.arrangement_preise_info {
  position: relative;
  top: -15px;  
}

div#content div.arrangement {
	margin: 2ex 0;
	padding: 0 0 0 25px;
  background: url("/bilder/li-star.png") no-repeat 10px 4px;
}

div#content div.arrangement h3 {
	font-weight: normal;
	font-size: 100%;
	margin: 0 0 0.5ex 0;
	padding: 0;
}

div#content div.arrangement p {
	margin: 0.5ex 0;
}

div#content div.arrangement p.preis {
	text-align: right;
	font-weight: bold;
}


/* Bildergalerie Vorschaubilder */

/*
div#content a.galerie img {
  margin: 0 1ex 1ex 0;
}
*/


/* Diverse Stile aus alter Site */

table.contenttable td {
  padding: 2px 2px 2px 2px;
  background-color: #6F313B;
  border-left: 1px solid #4B1921;
  border-top: 1px solid #4B1921;
}

table.contenttable th {
  padding: 2px 2px 2px 2px;
  background-color: #602932;
  border-left: 1px solid #4B1921;
  border-top: 1px solid #4B1921;
}

a img {
	border: none;
}

div.hr {
	background: transparent url("/bilder/trennline-content.png") no-repeat right center;
	height: 1px;
	margin: 10px 0;
	padding: 0;
}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 1.3;
	color: black;
}

body.yhd {
	margin: 0;
	padding: 0;
	background: #3e131a url("/bilder/content-hg-lang.gif") repeat-y center 0;
}

div#body {
	text-align: center; /* Zentrierung des #contentholder für ältere IE */
	position: relative;
}

div#holder {
	margin: 0 auto;
	width: 1000px;
	text-align: left; /* Aufheben des text-align:center von #body */
	position: relative;
}

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

div#left {
  position: relative;
  display: inline;
  width: 225px;
  float: left;
  padding: 120px 0 0 0;
  margin: 20px 0 40px 20px;
  min-height: 660px;
}

div#bottom {
  clear: both;
  width: 1000px;
  height: 20px; /* Height of the footer */
  position: relative;
  margin: 5px 0 5px 0;
  background: #67323c;
}

/*

div#right {
	width: 714px;
	margin: 0 20px 5px 266px;
	position: relative;
}

div#left {
	position: absolute;
	top: 20px;
	left: 20px;
	width: 225px;
	padding: 120px 0 0 0;
	margin: 0;
}

div#bottom {
	width: 1000px;
	height: 20px;
	position: relative;
	margin: 5px 0 5px 0;
	background: #67323c;
}

*/

div#content {
	padding: 390px 0 0 0;
	color: #e8c6c6;
}

div#content_5px_top {
	padding: 5px 0 0 0;
	color: #e8c6c6;
}

div#content_10px_top {
	padding: 10px 0 0 0;
	color: #e8c6c6;
}

div#content_300px_top {
  position: relative;
	padding: 350px 0 0 0;
	color: #e8c6c6;
}

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

div#content.home {
	padding-top: 480px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}

/* Logo Hohe Düne */
img#logo_yhd {
	position: absolute;
	top: 0;
	left: -6px;
}

/* Sprachauswahl: Flaggen oben */
div#lang_select {
	position: absolute;
	top: 1px;
	left: 20px;
	width: 960px;
	height: 15px;
	text-align: right;
}

div#lang_select a img {
	border: 1px solid #c79e32;
	margin: 0 0 0 5px;
}

/* Navigation links */
div#nav {
	margin: 0;
	padding: 0;
	background: transparent url("/bilder/lines-nav.png") no-repeat top
		center;
}

div#nav div.line {
	height: 1px;
	background: transparent url("/bilder/lines-nav.png") no-repeat top left;
	padding: 0;
	margin: 0;
}

div#nav ul {
	position: relative;
	margin: 0;
	padding: 15px 0 16px 0;
	list-style: none;
	background: transparent url("/bilder/lines-nav.png") no-repeat
		bottom center;
}

div#nav ul li {
	margin: 0;
	padding: 1px 25px;
}

div#nav ul li.aktiv {
	background: url("/bilder/li-star.png") no-repeat 10px 6px;
}

div#nav ul li a {
	font-size: 12px;
	text-decoration: none;
	line-height: 1.6;
	color: #FCB83D;;
	letter-spacing: 1px;
}

div#nav ul li a:hover {
	color: white;
}

/* 2te Ebene Navigation */
div#nav ul li ul {
	margin: 0;
	padding: 0;
	background: none;
}

div#nav ul li ul li {
	margin: 0;
	padding: 0 0 0 16px;
}

div#nav ul li ul li.aktiv {
	background: url("/bilder/li-star.png") no-repeat 0 3px;
}

div#nav ul li ul li a {
	color: #C39937;
	line-height: 1.1;
}

/* 3te Ebene Navigation */
div#nav ul li ul li ul {
	margin: 4px 0;
	padding: 0;
	background: none;
}

div#nav ul li ul li ul li {
	margin: 0;
	padding: 0 0 0 16px;
}

div#nav ul li ul li ul li a {
	color: #DDBA66;
	margin: 0;
	padding: 0;
}

div#nav ul li ul li ul li.kategorie {
	margin: 5px 0 0 0;
}

div#nav ul li ul li ul li.aktiv {
	background: url("/bilder/li-star-white.gif") no-repeat left 4px;
}

div#nav ul li ul li ul li.kategorie a {
	color: #B18D2F;
	font-weight: bold;
}

div#nav ul li ul li ul li.aktiv a {
	color: white;
}

/* Buchungsmaske */
div#buchungsmaske {
	margin: 15px 0 15px 19px;
	padding: 0 7px;
	background: transparent url("/bilder/hg-buma-iframe.png")
		no-repeat top left;
}

/* Navigation unten */
div#nav_bottom {
	position: absolute;
	top: 0;
	left: 7px;
	height: 20px;
}

div#nav_bottom ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

div#nav_bottom ul li {
	display: block;
	float: left;
	padding: 0 6px 0 0;
	font-size: 11px;
	line-height: 20px;
	color: #c79e32;
}

div#nav_bottom ul li a {
	color: #c79e32;
	font: inherit;
	padding: 0 6px 0 0;
	text-decoration: none;
}

div#nav_bottom ul li a:hover {
	color: white;
}

/* Startbereich oben rechts */
div#promo {
	position: absolute;
	top: 20px;
	left: 0;
	width: 714px;
	height: 370px;
}

div#home div#promo {
	position: absolute;
	top: 20px;
	left: 0;
	width: 714px;
	height: 630px;
}

/* Copyright rechts unten */
div#copyright {
	position: absolute;
	top: 0;
	right: 7px;
	font-size: 9px;
	color: white;
	line-height: 10px;
	text-align: right;
}

/* Breiter Flash-Movie oben rechts */
div#flash_wide {
	position: absolute;
	top: 0;
	left: 0;
	width: 712px;
	height: 338px;
	padding: 1px 1px 11px 1px;
	overflow: hidden;
	background: url("/bilder/flash-hg.png") no-repeat top left;
}

/* Presse-Navigation */

div#nav_presse ul {
  margin: 0;
  padding: 0.5ex 0;
  list-style: none;
}

/* Navigation rechts */
div#nav_right {
	position: absolute;
	top: 350px;
	left: 0;
}

div#nav_right ul,
div#nav_presse ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

div#nav_presse {
	margin: 0 0 45px 0;
}

div#nav_right ul li,
div#nav_presse ul li {
	display: block;
	float: left;
	padding: 0 6px 0 0;
	color: #c79e32;
}

div#nav_right ul li {
	font-size: 11px;
}	

div#nav_right ul li a,
div#nav_presse ul li a {
	color: #c79e32;
	font: inherit;
	padding: 0 6px 0 0;
	text-decoration: none;
}

div#nav_presse ul li a:hover,
div#nav_right ul li a:hover {
	color: white;
}

/* RSS-Feed/ Blog */
div#rss_blog {
	position: absolute;
	top: 350px;
	right: 0;
	text-align: right;
	font-size: 11px;
	color: #c79e32;
}

div#rss_blog a {
	color: #c79e32;
	font: inherit;
	text-decoration: none;
}

div#rss_blog a:hover {
	color: white;
}

div#rss_blog img.rss_logo {
	margin: 0 3px 0 0;
	vertical-align: bottom;
}

/* Cluster - Angebote und Buttons */
div#content div#cluster {
	position: relative;
	margin: 0 0 10px 0;
	height: 252px;
	width: 714px;
	padding: 32px 0 0 0;
	background: url("/bilder/trennlinie-content-cluster.png") no-repeat top center;
}

div#promo div#cluster {
	position: absolute;
	top: 375px;
	left: 0;
	height: 85px;
	width: 100%;
}

/* Angebote */
div#angebote {
	position: absolute;
	top: 0;
	left: 0;
	height: 155px;
}

div#angebote div.angebot {
	background: url("/bilder/bild-box.gif") no-repeat top left;
	width: 138px;
	height: 155px;
	padding: 0 1px 1px 1px;
	margin: 0 12px 0 0;
	font-size: 10px;
	color: #deca9c;
	line-height: 12px;
	float: left;
}

div#angebote div.angebot a {
	font-size: 11px;
	color: #deca9c;
	text-decoration: none;
	display: block;
	width: 138px;
	height: 155px;
	text-align: center;
}

div#angebote div.angebot img {
	display: block;
	margin: 0 0 1px 0;
}

div#angebote div.angebot span {
	display: block;
	margin: 2px 0 4px 0;
  line-height: 13px;	
}

div#angebote div.angebot span.einzeilig {
  line-height: 40px;	
}

div#angebote div.angebot span.zweizeilig {
  margin: 8px 0 11px 0;
}

div#angebote div.angebot span.dreizeilig {
}

div#angebote div.angebot span.einzeilig.larger {
  font-size: 12px;
}

div#angebote div.angebot span.zweizeilig.larger {
  margin: 7px 0pt 5px;
  font-size: 12px;
  line-height: 14px;
}

/* Angebote Buttons */
div#angebote_buttons {
	position: absolute;
	top: 2px;
	left: 0;
	height: 83px;
}

div#content div#cluster div#angebote_buttons {
	top: 200px;
}

div#angebote_buttons div.angebot {
	background: url("/bilder/but-angebot.png") no-repeat top left;
	width: 138px;
	height: 76px;
	float: left;
	margin: 0 12px 0 0;
	padding: 1px 1px 7px 1px;
}

/* Flash-Video */
div#video_flash_box {
  position: absolute;
  top: 0;
  right: 0;
  width: 255px;
  padding: 0 1px;
  height: 252px;
  background: url("/bilder/video-hg.png") no-repeat top left;
}

div#content div#cluster div#video_flash_box,
div#content div#cluster div#angebote {
  top: 32px;
}

/* Video-Seite */

div#video_big {
  position: absolute;
  top: 20px;
  left: 0;
  width: 712px;
  height: 362px;
  padding: 0 1px 13px 1px;
  background: url("/bilder/box-video-head-hg.png") no-repeat top left;
  overflow: hidden;
}

div#video_big div#video {
  position: absolute;
  top: 0;
  left: 0;
  width: 456px;
  height: 362px;
  overflow: hidden;
}

div#video_big div#video_video_promo_container {
  width: 712px;
  height: 362px;
  overflow: hidden;
  position: relative;
  background: none;
}

div#video_big div#video_promo {
  position: absolute;
  top: 0;
  right: 0;
  width: 256px;
  height: 362px;
  overflow: hidden;
  background: transparent url("/bilder/flash-hg-video-rechts.jpg") no-repeat top left;
}

div#video_big div#video_promo p {
  margin: 20px 30px;
  font-size: 22px;
  color: #f5ca57;
}

div#video_big div#video_promo p a {
  color: #f5ca57;
}

body.video_big div#content {
	padding: 420px 0 0 0;
}

body.video_big div#content div#data {
  padding: 0 0 12px 0;
  margin: 0;
}

body.video_big div.box_video_vorschau {
  width: 169px;
  height: 182px;
  padding: 0 1px 10px 1px;
  position: relative;
  background: url("/bilder/box-video-vorschau-hg.png") no-repeat top left;
  margin: 0 10px 10px 0;
  float: left;
}

body.video_big div.box_video_vorschau.lastRow {
  margin-right: 0;
}

body.video_big div.box_video_vorschau div.preview_img {
  display: block;
}

body.video_big div.box_video_vorschau div.preview_img img {
  display: block;
}
  

body.video_big div.box_video_vorschau div.preview_text {
	width: 159px;
	height: 50px;
	padding: 3px 5px;
	overflow: hidden;
  font-size: 11px;
  line-height: 12px;
  color: #deca9c;
  text-align: left;	
}

body.video_big div#content div.box_video_vorschau div.preview_text h1 {
  margin: 0 0 2px 0;
  font-size: 11px;
  text-align: left;
}

body.video_big div#content div.box_video_vorschau div.preview_text p {
  margin: 0;
  font-size: 11px;
  text-align: left;
}


body.video_big div#content div.box_video_vorschau div.preview_text a {
  color: #deca9c;
  text-decoration: none;
}

body.video_big div#content div.box_video_vorschau div.preview_text a:hover {
  color: #deca9c;
  text-decoration: none;
}
/* Event-Seite /event-downloads.php */
div#content #boxEventMain { }
div#content .boxEventTextLeft { background-color: #63212c; width: 309px; height: 110px; float: left; margin-top: 8px; margin-bottom: 8px; }
div#content .boxEventTextLeft h1, div#content .boxEventTextRight h1 { font-size: 100%; text-align: left; margin: 8px; padding: 0; }
div#content .boxEventTextLeft p, div#content .boxEventTextRight p { font-size: 100%; text-align: left; margin: 8px; padding: 0; }
div#content .boxEventTextRight { background-color: #63212c; width: 309px; height: 110px; float: right; margin-top: 8px; margin-bottom: 8px; }

/* Event-Bilder /event-download.php */
div#content #boxDownloadBilder { }
div#content .boxThumbs { width: 170px; height: 155px; float: left; margin: 0 5px 0 0; padding: 0; }
div#content ul.thumbNav { font-size: 80%; margin: 5px 0 0 15px; padding: 0; list-style-image: url(/bilder/li-star.png); }
div#content ul.thumbNav li { margin: 0; padding: 0; display: list-item; }
div#content .boxThumbs p { margin: 0; padding: 0; }
div#content .markierungText { text-decoration: underline; }

/* Social-Bookmark-Icons */
div#social_bookmark_icons {
  position: absolute;
  top: 0;
  right: 220px;
  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("/bilder/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;
}

/* Zusatz-Navigation links */
div#nav_zusatz {
  background: url("/bilder/hg-subnav.png") no-repeat top left;
  margin: 0 20px 0 19px;
  padding: 0 1px;
}

div#body.home div#nav_zusatz {
  /* Falls wir auf der Startseite sind, muss die Zusatznavigation
     absolut position werden, damit die Startseite ein in sich geschlossenes
     Bild ergibt. Das funktioniert aber nur so lange, wie die Hauptnavigation
     neun einzeilige Hauptmenüpunkte hat.
  */
  position: absolute;
  left: 19px;
  margin: 0;
  top: 544px;
}

div#body.yachthafen-und-wassersport div#nav_zusatz {
  position: absolute;
  left: 19px;
  margin: 0;
  top: 575px;
}

div#nav_zusatz ul {
  list-style: none;
  margin: 0;
  padding: 0;
  height: auto;
  width: 184px;
  position: relative;
}

div#nav_zusatz ul li {
  margin: 0;
  padding: 0;
  position: relative;
}

div#nav_zusatz ul li:hover, 
div#nav_zusatz li a:hover {
  color: white;
}

div#nav_zusatz ul a {
  display: block;
  width: 184px;
  height: 19px;
  line-height: 16px;
  font-size: 11px;
  text-align: center;
  text-decoration: none;
  letter-spacing: 1px;
  color: #c79e32;
  background: url("/bilder/verlauf-1x19.gif") repeat-x top left;
}

div#arrangement-nav {
  margin: 24px 16px 0 0;
  height: 32px;
  float: left;
}
div#textlogo {
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: left top;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 18px;
	padding-top: 0;
	padding-right: 0px;
	padding-bottom: 0;
	padding-left: 0px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-style: normal;
	font-weight: bolder;
	color: #FFF0CC;
	position: absolute;
	top: 10px;
}