html {height:100%; overflow-y:scroll;}

body {
	color:#000000;
 	font-size:9pt;
 	font-family: 'Open Sans', sans-serif;


	margin:0pt;

	scrollbar-base-color:#f6f6f7;
	scrollbar-track-color:#f6f6f7;
	scrollbar-face-color:#FARBE;
	scrollbar-highlight-color:#FARBE;
	scrollbar-3d-light-color:#FARBE;
	scrollbar-dark-shadow-color:#FARBE;
	scrollbar-shadow-color:#48641f;
	scrollbar-arrow-color:#48641f;

	-webkit-text-size-adjust: none;
}


FONT		 {font-size: 11px; font-family: 'Open Sans', sans-serif;}


.mehrspaltig {
	margin-left:0px; 
	width:100%; 
	max-width:1000px; 
	column-count:1; 
	column-gap:3em; 
	text-align: left; 

}



TD			 {font-size: 11px; font-family: 'Open Sans', sans-serif;}

FORM 		 {font-size: 11px; font-family: 'Open Sans', sans-serif;}
INPUT		 {font-size:  8pt; font-family: 'Open Sans', sans-serif;}
TEXTAREA {font-size:  8pt; font-family: 'Open Sans', sans-serif;}
SELECT	 {font-size:  8pt; font-family: 'Open Sans', sans-serif;}

IMG 		 {border:0px; max-width:100% !important; height:auto !important;}


h4 {font-size: 9pt; font-family: 'Open Sans', sans-serif; color:#000000;}
h5 {font-size: 9pt; font-family: 'Open Sans', sans-serif; color:#a09fa2;}
h6 {font-size: 8pt; font-family: 'Open Sans', sans-serif; color:#000000;}

hr {border: 0px; border-bottom: 1px dotted #014578;}

li {margin-right:10px;}



.bootsbeschreibung {float:left; width:100%; height:auto; padding-left:5px;}

.blauebox {margin-top:10px; padding-left:3px; padding-top:6px; padding-bottom:8px; padding-right:0px; font-size:13px; border:1px solid #4F595E; background-color:#09428a; color:#FFFFFF; font-weight:bold; width:auto; margin-right:5px;}

.bootsbild {
    width: 100%;
    position: relative;
    margin-right: 0;
}

.bootsbild img {
    width: 100%;
    height: auto;
    display: block;
}







.absatz {height:15px;}

.ausblenden {visibility:hidden; display:none;}
.ausblenden2 {visibility:visible; display:block;}

.infozeileboote {max-height:none;}
.flugstorno {height:auto; position:relative;}
.flugstornobutton {position:relative; bottom:0; padding-top:20px!important;}
.grundrissposition {position:relative; top:0;}

.seitenbreite {width:100%;}
.seitenbreitenachnavi {width:100%; max-width:1400px; background-color:#FFFFFF; position:relative; padding-top:0px; margin-left:auto; margin-right:auto;}
.bilderboxstartseite {padding-right:0px; padding-left:0px; width:100%; margin-top:-29px;}
.slidertext {background:#f1f1f1; width:100%; padding:10px; padding-right:20px; position:absolute; margin-top:150px; float:left;}
.slidertext2 {color:#000000; font-size:13px;}
.textbreite {margin-left:10px; margin-right:10px; text-align:left; margin-top:10px;}

.iframe_kartengroesse {border: 1px solid #b0bd8e; width:100%; height:250px;}

.wochenangebote_box {text-align:left; width:310px; height:430px; margin-right:0px; margin-bottom:15px; float:center; box-shadow: 2px 2px 3px #e4e4e4; border-width:1px; border-style:solid; border-color:#e4e4e4; padding:10px;}
.bootstypen_ergebnisse_box {text-align:left; width:285px; height:auto; float:center; margin-right:0px; margin-bottom:15px; padding:10px; border-width:1px; border-style:solid; border-color:#c0c0c0; box-shadow: 2px 2px 3px #e4e4e4;}

.personenboxstyle {background-color:#E9F2FB; text-align:center; margin-right:0px; margin-bottom:15px; float:center; padding:5px; padding-bottom:15px; padding-top:10px;}

.laenderbox {width:285px; height:auto;}

.hausboot_reviere_uebersicht {width:310px; height:auto; margin-right:0px; margin-bottom:20px; float:center; box-shadow: 2px 2px 3px #e4e4e4; border-width:1px; border-style:solid; border-color:#e4e4e4; padding:10px;}

.skippertippbox {text-align:left; width:310px; margin-right:0px; margin-bottom:15px; float:center; box-shadow: 2px 2px 3px #e4e4e4; border-width:1px; border-style:solid; border-color:#e4e4e4; padding:10px; padding-bottom:15px;}

.onlinebuchenbox {text-align:left; width:230px; height:auto; margin-right:10px; margin-bottom:20px; float:center; box-shadow: 2px 2px 3px #e4e4e4; border-width:1px; border-style:solid; border-color:#e4e4e4; padding:10px; padding-bottom:15px;}

.logozeilemobile {background-color:#09428A; height:auto; width:100%; visibility:visible; display:block; margin-top:0px;}

.menubuttonanzeigen {float:right; margin-right:0px; visibility:visible; display:inline;}
.suchbuttonanzeigen {float:right; margin-right:0px; visibility:visible; display:inline;}

.navibox {display:none; position:relative; top:0px; padding-top:0px; z-index:3; width:100%;}
.navieinaus {padding-left:0px; line-height:15px; text-align:left; margin-left:0px;}

.navirechtsbox {display:none; background-color:#FFFFFF; width:100%; margin-left:0px; position:relative;}

.schnellsuchbox {margin-top:2px; margin-left:0px; margin-top:0px; background-color:#ffd300; height:auto; padding-bottom:10px; width:100%;}

.hausbootsuchbox {width:100%; margin-left:0px; margin-right:0px; background-color:#ffd300;}

.menufarbe    {background: none; font-size:9pt; color:#98c61b; text-decoration: none; margin:0px; line-height:23px;}

/* CSS für den Schließen-Button */
#customSettingsBox .close-button {
    position: absolute;
		top: -4px;
    right: -10px;
    background: transparent;
    border: none;
    font-size: 30px;
    cursor: pointer;
    color: #333;
}

.aktionsstyle {font-size:19px; color:#ffffff; font-weight:bold; line-height:28px; padding-left:0px; padding-right:5px; text-align:left; text-decoration:none;}

.regionenliste {text-decoration:none; font-size:18px; color:#3d4f56; line-height:26px;}
.basis_bilduntertitel {text-decoration:none; font-size:18px; color:#3d4f56; line-height:26px; text-align:center;}

.fussnote_partnerprogramm {font-size:small; line-height:18px; color:#b6b4b4; padding-left:0px; padding-right:0px;}			

.eingabefelder {width:97%; height:25px; border-color:#09428A; border-width:1px; border-style:solid; margin-bottom:15px; margin-top:4px;}
.texteingabefeld {width:94%; border-color:#09428A; border-width:1px; border-style:solid; padding:10px; font-size:12px;}
.kurzesfeld {width:25px; height:25px; border-color:#09428A; border-width:1px; border-style:solid; margin-bottom:10px; margin-top:10px; padding-left:10px;}

.abschickfeld {width:99%; height:30px; border-color:#09428A; border-width:1px; border-style:solid; background-color:#09428A; color:#FFFFFF; font-size: 14px; font-weight: bold;}
.formularbox {width:100%; float:left; color:#6E7573;}

.video_einbindung_youtube {width:100%, height:auto;}

.dreispalten {width:100%; margin-right:0px; float:left; font-size:15px; margin-top:10px;}
.abstandberatung {margin-left:15px;}
.abstandrueckfragen {margin-left:28px;}
.laenderkatalogauswahl {margin-bottom:10px; margin-left:10px; width:30%; float:left;}

.eingabefelder2 {width:76%; height:25px; border-color:#09428A; border-width:1px; border-style:solid; margin-bottom:15px; margin-top:4px;}
.kurzesfeld2 {width:42px; height:25px; border-color:#09428A; border-width:1px; border-style:solid; margin-bottom:10px; margin-top:10px;}

.eingabefeld {width:95%; padding-left:5px; height:30px; background-color:#FFFFFF; margin-right:0px; margin-bottom:13px; border: 1px solid #c0c1c2; font-weight:bold; color:#c0c1c2; font-size:10pt; font-family: 'Open Sans', sans-serif;}
.lupenstyle {width:95%; height:25px; margin-left:0px; text-align:right; margin-top:-43px;}

.katalogboxen {width:94%; float:left; box-shadow: 2px 2px 3px #e4e4e4; border-width:1px; border-style:solid; border-color:#e4e4e4; padding:10px; height:auto; text-decoration:none; font-size:18px; color:#3d4f56; line-height:26px;}

.buechertippboxen {float:center;}
.buecherseite_grafik {float:center; margin-left:10px; text-align:center; font-size: 8pt; color:#014578; line-height:12px;}

.zentralenboxtext {background-color:#F6F6F7; padding:5px; height:auto;}

.vermieterbox {padding:10px; padding-bottom:15px; float:center; margin-top:20px; width:230px; height:auto; border-width:1px; border-style:solid; border-color:#c0c0c0; box-shadow: 2px 2px 3px #e4e4e4;}
.vermieterlogo_ausrichtung {display: flex; width:100%; justify-content: center; align-items: center; height:auto; padding-top:10px; padding-bottom:20px;}
.vermietername {display: flex; width:100%; justify-content: center; align-items: center; padding-top:10px; padding-bottom:20px;}

.menu:link    {background: none; font-size:14px; color:#a9a9a9; text-decoration: none; margin:0px;}
.menu:visited {background: none; font-size:14px; color:#a9a9a9; text-decoration: none; margin:0px; outline: none;}
.menu:hover   {background: none; font-size:14px; color:#014578; text-decoration: none; margin:0px; outline: none;}
.menu:active  {background: none; font-size:14px; color:#a9a9a9; text-decoration: none; margin:0px; outline: none;}

.menukontakt:link    {background: none; font-size:11px; color:#ebe9e9; text-decoration: none;}
.menukontakt:visited {background: none; font-size:11px; color:#ebe9e9; outline: none; text-decoration: none; outline: none;}
.menukontakt:hover   {background: none; font-size:11px; color:#fed53a; outline: none; text-decoration: none; outline: none;}
.menukontakt:active  {background: none; font-size:11px; color:#ebe9e9; outline: none; text-decoration: none; outline: none;}

.kopfmenu {font-family: 'Vollkorn', serif; BACKGROUND: none; font-size:25pt; color:#565655; letter-spacing: 1px;}
.menukopf:link          {display:block; letter-spacing: 0.5px; font-family: 'Vollkorn', serif; BACKGROUND: #F6F6F7; font-size:14pt; color:#565655; text-decoration: none; text-transform: uppercase; vertical-align: middle; border-left: 0px solid; border-color:#565655; border-right: 0px solid; border-color:#565655; border-bottom: 1px solid; border-color:#565655; margin-top:2px; padding-left:5px; padding-right:0px; padding-top:12px; padding-bottom:12px; margin-left:0px;}
.menukopf:visited       {letter-spacing: 0.5px; font-family: 'Vollkorn', serif; BACKGROUND: #F6F6F7; font-size:14pt; color:#565655; outline: none; text-decoration: none; outline: none; text-transform: uppercase; }
.menukopf:hover         {letter-spacing: 0.5px; font-family: 'Vollkorn', serif; BACKGROUND: #F6F6F7; font-size:14pt; color:#565655; outline: none; text-decoration: none; outline: none; text-transform: uppercase; }
.menukopf:active        {letter-spacing: 0.5px; font-family: 'Vollkorn', serif; BACKGROUND: #F6F6F7; font-size:14pt; color:#565655; outline: none; text-decoration: none; outline: none; text-transform: uppercase; }

.menukopf:before {color:#09428A; margin-right:3px; content: "\025BA ";}

.impressum             {background: none; font-size:9px; color:#77b8e8; text-decoration: none;}
.menuimpressum:link    {background: none; font-size:9px; color:#77b8e8; text-decoration: none;}
.menuimpressum:visited {background: none; font-size:9px; color:#77b8e8; outline: none; text-decoration: none; outline: none;}
.menuimpressum:hover   {background: none; font-size:9px; color:#2594e5; outline: none; text-decoration: none; outline: none;}
.menuimpressum:active  {background: none; font-size:9px; color:#77b8e8; outline: none; text-decoration: none; outline: none;}

.menurot:link    {background: none; font-size:13px; color:#ebe9e9; text-decoration: none; font-weight:bold; margin-left:2px;}
.menurot:visited {background: none; font-size:13px; color:#ebe9e9; outline: none; text-decoration: none; outline: none; font-weight:bold; margin-left:2px;}
.menurot:hover   {background: none; font-size:13px; color:#fed53a; outline: none; text-decoration: none; outline: none; font-weight:bold; margin-left:2px;}
.menurot:active  {background: none; font-size:13px; color:#ebe9e9; outline: none; text-decoration: none; outline: none; font-weight:bold; margin-left:2px;}

.infobuttonbox      {text-align:center; font-size:11px; width:12px; height:13px; float:left; margin-right:10px; margin-top:2px; text-decoration: none; border: 1px solid; border-color:#d3d3d3;}

.zuletztangesehen {text-align:left; width:300px; min-height:auto; float:center; margin-left:0px; margin-right:0px; background-color:#FED53A; margin-bottom:20px;}

.bootzuletztangesehen {width:300px; margin-right:10px;}

.positiongelberpfeil {margin-top:260px; margin-left:262px; position:absolute;}

 a.tooltip {color:#d3d3d3; text-decoration: none; outline:none; }
 a.tooltip strong {line-height:15px;}
 a.tooltip:hover {background-color: #ff9200; color:#ffffff; text-decoration:none;}
 a.tooltip span { z-index:10;display:none; padding:4px 4px; margin-top:3px; margin-left:-9px; width:200px; line-height:16px; }
 a.tooltip:hover span{ display:inline; position:absolute; color:#111; border:1px solid #DCA; background:#fffAF0;}
 .callout {z-index:20;position:absolute;top:30px;border:0;left:-12px;}
 /*CSS3 extras*/
 a.tooltip span { border-radius:4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -moz-box-shadow: 5px 5px 8px #CCC; -webkit-box-shadow: 5px 5px 8px #CCC; box-shadow: 5px 5px 8px #CCC; }


.reitermenu {
 border-bottom-left-radius:10px;
 border-bottom-right-radius:10px;
 border-color:#e8e6e6;
 border-style:solid;
 border-width:1px;
 padding-bottom:3px;
 padding-right:6px;
 padding-left:6px;
 font-size:18px;
 text-decoration: none;
 font-weight:bold;
 display:block;
 margin-top:3px;
}

.reitermenu:link {
 background-color:#f6f6f7;
 border-color:#e8e6e6;
 color:#727171;
 }

.reitermenu:visited {
 background-color:#f6f6f7;
 border-color:#e8e6e6;
 color:#727171;
}

.reitermenu:hover {
 background-color:#014578;
 border-color:#e8e6e6;
 color:#f6f6f7;
}

.reitermenu:active {
 background-color:#f6f6f7;
 border-color:#e8e6e6;
 color:#727171;
}

.reitermenuaktiv {
 border-bottom-left-radius:10px;
 border-bottom-right-radius:10px;
 border-color:#b0bd8e;
 border-style:solid;
 border-width:1px;
 padding-bottom:3px;
 padding-right:6px;
 padding-left:6px;
 font-size:18px;
 text-decoration: none;
 font-weight:bold;
 background-color:#014578;
 border-color:#e8e6e6;
 color:#f6f6f7;
 display:block;
 margin-top:3px;
}

.fussnotenboxstyling {max-width:1400px; padding-left:5px; padding-right:0px; padding-top:0px; padding-bottom:30px; text-align:left;}

.reiter_styling {background-color:#014578; padding-left:4px; padding-left:4px; padding-right:4px; padding-bottom:2px; padding-top:1px; margin-right:5px; float:left; border:1px solid #e8e6e6;}

.anfang	 {font-size:14pt; color:#000000;}
.kontakt {background: none; font-size:14px; color:#a9a9a9;}
.klein	 {font-size:8pt; color:#000000; line-height:13px;}

.autor_rubrik			{font-size: 12px; color:#b2b2b5; margin-top:3px;}


/* für die Vorlagen im CKEditor */
.bild_links {float:center; text-align:center; margin-right:0px; margin-bottom:20px; width:100%; border-right-width: 0px;}
.bild_rechts {float:center; text-align:center; margin-left:0px; margin-bottom:20px; width:100%; border-left-width: 0px;}

.bild_links_reisebericht {float:center; text-align:center; margin-right:0px; margin-bottom:20px; width:100%; border-right-width: 0px;}
.bild_rechts_reisebericht {float:center; text-align:center; margin-left:0px; margin-bottom:20px; width:100%; border-left-width: 0px;}

.bild_mittig {width:100%; text-align:center; margin-top:20px; margin-bottom:20px;}
.bildunterschrift {text-decoration:none; font-size:18px; color:#3d4f56; line-height:26px;}
.rahmen_1px{display: table; margin-left:auto; margin-right:auto; box-shadow: 2px 2px 3px #e4e4e4; background-color:#ffffff; border-width: 1px; border-style: solid; border-color:#e4e4e4; padding:10px;}

.buch_produkt_links_ausgerichtet  {float:left; margin-right:7px;}
.buch_produkt_rechts_ausgerichtet {float:right; margin-left:7px;}
.buch_produkt_mittig_ausgerichtet {text-align:center; width:100%;}

.signal	{font-size:12px; color:#cf1312;}

.angebot_gross	{font-size:20px; color:#014578;}

.reiseberichte_gutscheinbox {line-height:20px; width:97%; float:center; margin-top:15px; margin-bottom:20px; margin-left:0px; margin-right:0px; border:1px solid #cf1312; padding:5px;}


.buttonanfrage {height:30px; padding-top:3px; padding-bottom:7px; font-size:15px; border:1px solid #e0bc2e; background-color:#09428a; color:#FFFFFF; font-weight:bold; width:98%;}
.buttonanfrage:hover {padding-top:7px; padding-bottom:7px; font-size:13px; border:1px solid #000000; background-color:#09428a; color:#FFFFFF; font-weight:bold; width:98%;}

.auswahlstyle {padding-top:7px; padding-bottom:7px; font-size:13px; border:1px solid #e0bc2e; background-color:#ffffff; color:#525151; width:98%; background: url(/images/Auswahlpfeil.png) no-repeat right #ddd;}

.styled-select 							{font-size:13px; margin-top:7px; width:98%; overflow:hidden; border-right: 1px solid #e0bc2e; background: url(/images/Auswahlpfeil.png) no-repeat right #ffffff;}
.styled-select select 			{padding-top:7px; padding-bottom:7px; font-size:13px; background: transparent; width:120%; color:#525151; border: 1px solid #e0bc2e;}
.styled-select:hover 				{font-size:13px; width:98%; overflow:hidden; border-right: 1px solid #000000; background: url(/images/Auswahlpfeil.png) no-repeat right #ffffff;}
.styled-select:hover select {padding-top:7px; padding-bottom:7px; font-size:13px; background: transparent; width:120%; color:#525151; border: 1px solid #000000;}


.styled-select-gesperrt 				{font-size:13px; -moz-opacity: 0.5; opacity: 0.5; margin-top:7px; width:98%; overflow:hidden; border-right: 1px solid #e0bc2e; background: url(/images/Auswahlpfeil.png) no-repeat right #ffffff;}
.styled-select-gesperrt select 	{padding-top:7px; padding-bottom:7px; font-size:13px; background: transparent; width:120%; color:#525151; border: 1px solid #e0bc2e;}



.tooltip {
position: relative;

}
.tooltip em {
display: none;

font-size:11px;
color:#014578;
padding: 6px;
line-height: 20px;
font-style: normal;
font-weight: bold;
text-align: left;
outline: 2px solid #014578;
background: transparent;
}
.tooltip em b {
display: block;
text-align: left;
font-size: 11px;
font-weight: bold;
line-height: 16px;
padding: 3px;

background: #FFFFFF;
}
.tooltip:hover {
color: #CC2200; z-index: 1; background: #FFFFFF;
}
.tooltip:hover em {
display: block;
position: absolute;
left:9px; top: -100px;
width: 220px;
background: #FFFFFF;}

.video_leboat {width:100%; height:350px; border-width:0px; overflow:hidden;}

.foto_land {float:center; margin-right:0px; box-shadow: 2px 2px 3px #e4e4e4; border-width:1px; border-style:solid; border-color:#e4e4e4; padding:10px;}
.foto_region {width:92%; float:center; margin-right:0px; box-shadow: 2px 2px 3px #e4e4e4; border-width:1px; border-style:solid; border-color:#e4e4e4; padding:10px;}

.regionenbreite-mobil {width:100%!important; height:auto!important;}

.foto_basis {width:90%; margin-left:0; margin-right: 10px; box-shadow: 2px 2px 3px #e4e4e4; border-width:1px; border-style:solid; border-color:#e4e4e4;}
.bild-mobil {width:100%;}

.foto_skippertipps {float:center; margin-left:0px; box-shadow: 2px 2px 3px #e4e4e4; border-width:1px; border-style:solid; border-color:#e4e4e4; padding:10px;}


.wls-custom {
    margin-top:0px;
}


.angebotsbox {
	width:315px;
	box-shadow: 2px 2px 3px #e4e4e4;
	border-width:1px;
	border-style:solid;
	border-color:#e4e4e4;
	padding:10px;
}

#flexmother {display: -webkit-flex;
   					 display: -ms-flex;
   					 display: flex;
   					 -webkit-flex-wrap: wrap;
   					 -ms-flex-wrap: wrap;
   					 flex-wrap: wrap;}
   					 


.flexchild {float:center;
							font-size:14px;
							line-height:22px;
  						width:100%;
							margin-right:1.8%;
							margin-bottom:16px;
  						border-width: 1px;
  						border-style: solid;
  						border-color:#e3d7cb;
  						padding:5px;
  						padding-bottom:10px;}
 
							
.flexchild25 {float:left;
							font-size:14px;
							line-height:22px;
  						width:100%; 
							margin-right:1.8%;
							margin-bottom:16px;
  						border-width: 1px; 
  						border-style: solid; 
  						border-color:#e3d7cb; 
  						padding:5px;
  						padding-bottom:10px;}	 

#div_angebotsseite {

}

.locaboat_box {margin-left:0px; width:305px; box-shadow: 2px 2px 3px #e4e4e4; border-width:1px; border-style:solid; border-color:#e4e4e4; padding:10px;}
.angebote_von {background-color:#EF7B00; margin-top:-10px; margin-left:-10px; margin-right:-10px; margin-bottom:10px; padding-left:3px; text-decoration:none; font-size:13px; font-weight:bold; color:#FFFFFF; line-height:26px; text-align:left;}
.ganzjaehrige_angebote	{font-size:10px; color:#014578;}
.rabattseite {float:left; width:100%; margin-right:0px;}


.reisefuehrer {width:50%; float:left; margin-right:10px; margin-bottom:10px;}

.lb-outerContainer {width:100%!important; height:auto!important;}

div.privacy-msg p {
    width:100%;
    height:530px;
    padding-top: 0px;
    position: relative;
    top: 47%;
    left: 50%;
    transform: translate(-50%, -50%);
}