/* -- Allgemeines -- */
body {
background: #F4F4F4; /* Hier sollte man auch wenn man ein Bild als Hintergrund nicht vergessen die Hintergrundfarbe zu setzen. Es k�nnte n�mlich sein dass man aus versehen f�r den Text die gleiche Farbe hat wie f�r den Hintergrund wobei die Leute mit ausgeschalteten Bildern nichts erkennen k�nnen. */
color: black;
margin: 0;
/*padding: 1%; /* Ein wenig Abstand damit der Anschein eines Blattes auf der Wand immer erhalten bleibt */
padding: 0;
font-family: verdana, arial, sans-serif ;
}

a:link { color:#0F009F; text-decoration:underline; font-weight:bold; }
a:link i { color:#FFFFFF;  font-weight:bold; font-style:normal;}
a:visited { color:#3367a7; text-decoration:underline; font-weight:bold; }
a:visited i { color:#3367a7; text-decoration:none; font-weight:bold; font-style:normal;}
a:hover { color:#EE0000; text-decoration:underline; font-weight:bold; }
a:hover i{ color:yellow; text-decoration:none; font-weight:bold; font-style:normal; }

.skip { /* Da ein wichtiger Screenreader das display: none; auch f�lschlicherweise f�r sich versteht und nichts vorlie�t obwohl das hier sich vor allem an Blinde richtet, muss man es so l�sen dass man diesen Link au�erhalb des Sichtfeldes bringt. Somit wird er trotzdem vorgelesen. */
position: absolute;
margin-left: -10000px;
}
h1 { /* Die �berschrift jeder Seite stellen wir besonders da, denn sie ist sehr wichtig. */
font-size: 2em;
line-height: 0.8em;
padding: 10px 0 5px 0px;
margin: 0;
border-bottom: 2px solid #aaa;
}
h2 {
font-size: 1.2em;
line-height: 1.0em;
padding: 15px 0 5px 5px;
margin: 0;
}
h3 {
font-size: 1em;
line-height: 0.8em;
padding: 15px 0 5px 5px;
margin: 0;
}
ul {
margin: 5px 0 5px 10px;
list-style-position: inside;
padding-left:0px;
}
ol {
margin: 5px 0 5px 10px;
list-style-position: inside;
}

li {
padding-left:15px;
}

h1, h2, h3, h4, h5, h6 { /* Alle �berschriften bekommen eine besondere Farbe und da sie sehr gro� sind k�nnen wir es uns erlauben hier eine Schrift mit Serifen zu w�hlen. Wir spielen hier ein wenig mit Typographie, und entgegen dem Einheitsbrei auf vielen Seiten. */
color: #0F009F;
font-family: verdana, arial, sans-serif ;
}
img {
max-width: 95%; /* gute Broser machen ein zu gro�es Bild, welches das Design sprengen w�rde, funktioniert beim IE leider nicht */
border-width:1px;
border-style:solid;
border-color:#000000;
}
.fleft { /* Sachen an denen der Text vorbeiflie�en soll werden diese Klassen zugewiesen. */
float: left;
margin: 0 1em 0.2em 0; /* Man sollte einen sch�nen Abstand w�hlen sonst kleben die Sachen so am Text. */
}
.fright {
float: right;
margin: 0 0 0.2em 1em;
padding: 1px;
}

p {
margin: 10px 0 5px 5px;
text-align: justify;
}

table {
border-width:1px;
border-style:solid;
border-color:#0F009F;
margin: 10px 0px 20px 5px;
}

th,td {
font-size:12px;
padding-left:6px;
padding-right:6px;
padding-top:6px;
padding-bottom:6px;
}

tr {
background-color:#DFDFDF;
}


table ul {
padding: 10px 0 0 0;
}
table li {
list-style-type: none;
}

.blank {
border:0;
background: white;
}

#data td, th {
font-size:11px;
}
#data th.centerbold {
font-weight:bold;
font-size:14px;
text-align:center;
}
#data td {
color:#0F009F;
padding:6px;
padding-top:0px;
padding-bottom:0px;
}

#data td.bold {
font-weight: bold;
}
#data td.center {
text-align:center;
}
#data td.centerbold {
font-weight: bold;
text-align:center;
}
#data td.right {
text-align: right;
}
#data th {
background-color:#0F009F;
color:#FFFFFF;
}

#data th.small {
padding:6px;
padding-top:0px;
padding-bottom:0px;
font-weight:normal;
}

#data td.blank {
background-color:#FFFFFF;
height:20px;
}

/* -- Layoutspezifisches -- */
#container { /* Ist daf�r gedacht dass die viele Formatierungen einfacher werden, und auch ein gemeinsammer Rand entstehen kann, der nicht ganz au�en am Fenster ist. */
font-size: 0.8em;
max-width: 1000px;
margin: 0;
padding: 0;
border: solid 1px black;
border-top: 0;
width: 1000px;
background: #0F009F;
}

/* - Logo bzw. Kopf - */
#logo {
/* url(../img/header.jpg) right no-repeat*/
//background: url(../img/header_neu.jpg) right no-repeat #FFFFFF; /* Das Bild mit der Blume hat einen �bergang zum Schwarzen das nutzen wir aus. Wir lassen es oben links beginnen und wiederholen es nicht. Dadurch dass die Hintergrundfarbe auch schwarz ist entsteht der Eindruck als ob das Bild unendlich lang w�re. */
background: url(../img/header.jpg) right no-repeat #01389f;
height: 99px; /* Das Blumenbild ist 64px hoch also w�hlen wir das auch als h�he f�r unseren Kopf. */
padding: 0;
text-align: left;
margin: 0; /* Manche Browser haben das schon voreingestellt aber nicht alle, deshalb vereinheitlichen wir das. */
border-bottom: 1px solid #0F009F;
}
#logo a {
color: white; /* Die vorher eingestellte Farbe passt nicht um auch als Logofarbe zu dienen, deshalb w�hlen wir hier Wei�. */
text-decoration: none;
}
#logo a span { /* Der letzte Buchstabe soll invertiert dargestellt werden. */
color: black;
background: white;
padding-right: 0.1em; /* damit das wei�e rechts und links genau so breit ist. */
font-weight: bold;
}
#logo img {
border: none;
right: 100px;
}

/* - Men� - */
#menu {
background: #0F009F;
padding: 6px 1%; /* Je kleiner das Fenster desto kleiner soll auch der Abstand des Men�s rechts und links sein. */
margin: 0;
text-align: left;
color: yellow;
}
#menu li {
font-size: 0.9em;
display: inline; /* Damit die Men�punkte nebeneinander und nicht untereinander erscheinen. */
list-style-type: none; /* Die Bullets vor den Men�punkten schalten wir ab. */
border-left: 1px solid white; /* Ein optischer Trennungsstrich */
padding: 0 10px 0 15px;
font-weight: bold;
}
#menu li a {
color: white; /* Hier ist das mit der Linkfarbe genau so, sie soll wei� sein. */
text-decoration: none;
}

#menu li a:hover {
color: yellow;
}

#menu li.right {
text-align:right;
}

#submenu {
background:white;
margin-top:10px;
border-top:1px solid;
border-top:none;
border-bottom:2px solid;
border-color:#0F009F;
margin: 0;
text-align: left;
color: #837bea;
padding: 3px 1%;
border:1px solid red;
}
#submenu li {
font-size: 0.9em;
display: inline;
list-style-type: none;
border-left: none;
border-color:#0F009F;
padding: 0 0px 0 5px;
font-weight: bold;
}

#submenu li a {
text-decoration: none;
}

#submenu li img {
border:none;
padding-right:5px;
padding-left:5px;
}

/* - Her Hauptinhaltsteil - */
#main {
background: white;
padding: 10px 25px 0px 20px;
line-height: 1.5em;
min-height:1000px;
float:left;
width:780px;
height:1000px;
border-left: 1px solid #0F009F;
}

div[id] #main {
	height:auto;
}

#mainphoto {
clear:both;
float: right;
margin: 0px;
margin-left: 10px;
margin-top: 16px;
display: inline;
}

#smallphoto {
float: left;
margin: 10px 20px 0px 0px;
max-width: 350px;
display: inline;
margin-left:0px;
}

#squarephoto {
float: left;
margin: 5px 5px 0px 0px;
max-width: 350px;
display: inline;
}

#maintopbox {
overflow: hidden;
}

.gross {
font-size:12px;
font-weight:bold;
}
.spacer {
background-color:#0F009F;
}
.fett {
font-weight:bold;
}
.rot {
background-color:#FFB19F;
text-align:right;
}
.gelb {
background-color:#FFFC9F;
text-align:right;
}
.gruen {
background-color:#A5FF9F;
text-align:right;
}
.trans {
background-color:#F4F4F4;
font-size:12px;
padding:0px;
}
.minipic {
border: 1px;
border-style: solid;
border-color:#0F009F;
}

form {
margin: 0;
padding: 0px 0 5px 5px;
}

fieldset {
margin: 1em 0;
border: none;
border-top: 1px solid #ccc;
}

legend {
margin: 1em 0;
padding: 0 .5em;
color: #0F009F;
background: transparent;
font-size: 1.3em;
font-weight: bold;
}

label {
float: left;
width: 100px;
padding: 0 1em;
text-align: left;
min-width: 100px;
}

label.simple {
text-align:left;
min-width:50px;
width:50px;
}

label.simple2 {
text-align:left;
min-width:120px;
width:120px;
}

label.multi {
float: none;
font-weight: normal;
min-width: 200px;
}

fieldset div {
margin-bottom: .5em;
padding: 0;
display:block;
}

fieldset div.multi {
margin-bottom: .5em;
padding: 0;
display:inline;
}

fieldset div input, fieldset div textarea {
width: 150px;
border-top: 1px solid #555;
border-left: 1px solid #555;
border-bottom: 1px solid #ccc;
border-right: 1px solid #ccc;
padding: 1px;
color: #333;
}

fieldset div textarea {
width: 300px;
}

.box {
width:14px;
margin:0px;
margin-top:2px;
margin-bottom:2px;
border:none;
}

fieldset div select {
padding: 1px;
}

div.fm-multi div {
margin: 5px 0;
}

div.fm-multi input {
width: 1em;
}

div.fm-multi label {
display: block;
width: 200px;
padding-left: 5em;
text-align: left;
}

#fm-submit {
clear: both;
padding-top: 1em;
text-align: left;
margin-left:125px;
}

#fm-submit2 {
clear: both;
padding-top: 1em;
text-align: left;
margin-left:5px;
}

.formbutton {
border: 1px solid #333;
background: #0F009F;
color: white;
}
.nextformbutton {
	margin-left:10px;
}

#fm-submit input, #fm-submit2 input {
border: 1px solid #333;
padding: 2px 1em;
background: #0F009F;
color: white;
font-size: 100%;
}

input:focus, textarea:focus {
background: #efefef;
color: #000;
}


/* required fields - does not work in IE */
fieldset div.fm-req {
font-weight: bold;
}

fieldset div.fm-req label:before {
/*content: "* "; /* does not work in IE */
}

.noborder {
border: none;
}

#legal {
margin:auto;
margin-top: 30px;
}
#legal table {
margin:auto;
}
#legal td{
text-align:left;
}

.nobreak {
white-space:nowrap;
}

#subnav {
white-space: nowrap;
background:white;
border-top:1px solid;
border-top:none;
border-bottom:1px dashed;
border-color:#0F009F;
margin: 0;
padding: 3px 30px 3px 0px;
display: block;
color: #0F009F;
height:16px;
}

#subnav div {
border: none;
}

.subnavimg{
border:none;
padding:0px;
float:left;
margin:0;
margin-right:3px;
}

.subnavimg2{
border: none;
padding-right:2px;
padding-left:2px;
}

.subnavrighttext{
float:left;
width:100px;
padding: 0px;
padding-top:0px;
padding-bottom:0px;
margin:0px;
}

#subnav a, #subnav a:link {
margin: 0px;
text-decoration: none;
padding: 3px 0px 3px 0px;
}

.n1{float:left;width: 80px;}
.n2{float:left;width: 125px;}
.n3{float:left;width: 110px;}
.n4{float:left;width: 155px;}
.n5{float:left;width: 75px;}
.n6{float:left;width: 80px;}
.n7{padding-bottom:0px;font-weight:bold;color: #0F009F;float:right;width: 170px;text-align: center;}

.m1{float:left;width: 160px;}
.m2{float:left;width: 160px;}

.s1{float:left;width: 210px;}
.s2{float:left;width: 275px;}
.s3{float:left;width: 200px;}

#topnav {
white-space: nowrap;
border-top:none;
border-bottom:2px solid;
border-color:#0F009F;
margin: 0;
padding: 3px 30px 3px 30px;
display: block;
height:16px;
}

#topnav a, #topnav a:link {
color:white;
margin: 0px;
text-decoration: none;
padding: 3px 0px 3px 0px;
}

#topnav a:hover {
color:yellow;
text-decoration:none;
font-weight:bold;
font-style:normal;
}

.topnavimg {
border:none;
padding:0px;
float:left;
margin-right:3px;
background-color:#ffffff;
background-image: url(https://www.1a-yachtcharter.de/img/bluebits/bg_rounded.gif);
background-repeat: no-repeat;
}

.t1{float:left;width: 70px;}
.t2{float:left;width: 125px;}
.t3{float:left;width: 125px;}
.t4{float:left;width: 95px;}
.t5{float:left;width: 70px;}
.t6{float:left;width: 85px;}
.t7{float:left;width: 170px;}

.condition {
vertical-align:top;
}

.bigger {
font-size:14px;
}

#bottom {
border: none;
}

#bottom a {
color: #F4F4F4;
cursor: default;
font-size: 4px;
}

#bottom a:visited {
color: #F4F4F4;
cursor: default;
font-size: 4px;
}

#bottom2 {
border: none;
}

#bottom2 a {
color: black;
font-size: 8px;
}

#bottom2 a:visited {
color: black;
font-size: 8px;
}

.footer {
clear:both;
margin-top:5px;
border-top: 1px solid white;
}

/* --------------left navigavtion------------- */
#menuleft {
float: left;
width: 165px;
margin: 0;
padding:15px 5px 0 0;
border-top: 1px solid white;
border-right: 1px solid white;
}

#menuleft div a {
text-decoration:none;
color:white;
font-size: 12px;
}

#menuleft div a.selected {
margin: 0;
padding: 0 0 0 25px;
color:#ffffff;
}

#menuleft div {
	margin: 10px 0px 0px 2px;
	padding-bottom:5px;
	border-bottom: 1px white solid;
}

#menuleft div a, #menuleft div a:link {
color:white;
margin: 0px;
text-decoration: none;
padding: 3px 0px 3px 0px;
}

#menuleft div a:hover {
color:yellow;
text-decoration:none;
font-weight:bold;
font-style:normal;
}

#menuleft ul{
list-style-type: disc;
padding: 0 0 0 20px;
margin: 0;
margin-top:10px;
}

#menuleft li a {
text-decoration:none;
color:white;
font-size: 11px;
}

#menuleft li{
margin: 0;
padding: 0 0 2px 0;
color:white;
}

div.gbentry {
 margin: 10px 0;
 padding: 10px 0 5px 25px;
 color: #0F009F;
 background: transparent;
 border-top: 1px dotted;
}

div.gbsender {
 font-size: 1em;
 font-weight:bold;
}

div.gbmessage {
}

div.gbdate {
  font-size: 1em;
  margin-left:30px;
}

.error {
  font-weight: bold;
  color: red;
}
.linkcloudspacer {
	margin-top:20px;
	margin-bottom:0px;
	color: #0F009F;
	background: #0F009F;
}

.linkcloud {
	padding-top:0px;
	margin-top:5px;
	text-align:center;
	font-size:10px;
}

.nowrap {
	white-space: nowrap;
}

#rightinfobox {
	float:right;
	width: 270px;
	height: 380px;
	border: 0px solid;
	right: 0 px;
	margin-left: 30px;
}

#questionnaire-nav {
	float:right;
	width:200px;
	height:30px;
	margin-right:460px;
}

#questionnaire-nav table {
	border:0;
}

#questionnaire-nav td {
	padding:1px;
	border:1px;
	width: 20px;
	height: 20px;
	background-color:white;
}

#ajaxQuestionBox h2 {
	margin-top:0px;
	padding-top:0px;
}

.centerimage {
	display: block;
	margin-left:auto;
	margin-right: auto;
	border:0;
}

.popupbody {
	background-color:white;
}

.priceInfoTable {
	border:0;
}

.priceInfoText, .priceInfoPrice {
	background-color:white;
}

.priceInfoText {
	vertical-align:top;
	font-weight:bold;
}

div.fbConnectWidgetTopmost {
background-color: #FFFFFF;
}