﻿@import url(reset.css);

.LTR, .RTL { background-image: none; background-color: #1b1566; }

html, body {text-align:center;  width: 100%; height: 100%; font-family: Verdana; font-size: 10px; background: #1a1566; color: Black; scrollbar-3dlight-color: #1a1566; scrollbar-arrow-color: #1a1566; scrollbar-base-color: white; scrollbar-darkshadow-color: #c9cac4; scrollbar-face-color: #D1D2D4; scrollbar-highlight-color: #D1D2D4; scrollbar-shadow-color: #e7e7e9; scrollbar-track-color: #f9f9f7; margin:0; padding:0; }
#form1 { margin:0; padding:0; }


a, a:active, a:link, a:visited { color: Black; }
a:hover { text-decoration: underline; }

hr { color: #1a1566; background-color: #1a1566; border-color: #1a1566; height: 2px; size: 2px; }
p { margin-top: 5px; /*text-align:justify;*/ text-indent: 0px; }
h2 { font-size:10px;}

.right, .rright { float: right; }
.left, .lleft { float: left; }
.hidden { display: none; }
.clear, .cleaner { clear: both; }
.disabled { color: #d1d2d4; background: white; }
.PositionRelative { position: relative; }
.BoxWithGreyBorder { padding: 2px 2px 2px 2px; border: solid 1px #d1d2d4; }
.BoxWithGreyBorderWOPadding { padding: 0 0 0 0; border: solid 1px #d1d2d4; }
.BoxWithGreyBorderA { padding: 10px 15px 10px 15px; border: solid 1px #d1d2d4; /*width:180px;*/ }
.BoxWithGreyBorderB { padding: 10px 15px 10px 15px; border: solid 1px #d1d2d4; margin-top: 15px; }
.BoxWithGreyBorderC { padding: 10px 10px 10px 10px; border: solid 1px #d1d2d4; margin-top: 15px; }
.BoxWithGreyBorderD { padding: 10px 10px 10px 10px; border: solid 1px #d1d2d4; }
.BoxWithGreyBorderSL { padding: 8px 15px 8px 15px; border: solid 1px #d1d2d4; margin-top: 10px; }
.BoxWithGreyBorderAAA { padding: 10px 15px 10px 15px; border: solid 1px #d1d2d4; margin-top: 15px; text-align: center; }
.Padding5 { margin: 5px 5px 5px 5px; }
.Scrolled { height: 429px; overflow: auto; }
.ScrolledA { height: 429px; overflow:auto; }
.MarginTopLine { margin-top: 20px; }
.SomeHeight { height: 21px; }
.SomeHeight2 { height: 7px; }
.HalfLineHeight { height: 10px; }

.contField, .contArea, .narrow_tb, .medium_tb, .medium_tb_noblue, .mediumX_tb, .middle_tb, .large_tb, #Reservation .CalendarTextBox, #Reservation .CalendarAction, .pulldown_small, .countryselectfield, .dateselectfield, .manufacturerselectfield, .agencyselectfield, .fieldday, .fieldmonth, .fieldyear, .ddl, .TextBoxField, .TextAreaField, .captchaField { background-color: #7fd7db; border: solid 1px #beeaed; font-size: 11px !important;}

.TextBoxField, .TextAreaField { width: 330px; }
.BlogLeaveComment, .ErrorLabel, .InfoMessage, .ErrorMessage { color: red; display: block; margin-bottom: 5px; }

.narrow_tb { width: 30px; }
.medium_tb { width: 155px; float: right; }
.medium_tb_noblue, .medium_tb_blue { width: 159px; float: right; }
.medium_tb_blue { background-color: #1a1566; border: solid 1px #676ca3; color: White; }
.mediumX_tb { width: 185px; float: right; }
.middle_tb { width: 105px; }
#Reservation .CalendarTextBox { vertical-align: top; width: 137px; }
#Reservation .CalendarIcon { width: 18px; height: 18px; }
#Reservation .CalendarAction { display: none; }
.large_tb { width: 230px!important; }

.AasButton A, .AasButton A:link, .AasButton A:active, .AasButton A:visited, .AasButton A:hover, .AasButton1 A, .AasButton1 A:link, .AasButton1 A:active, .AasButton1 A:visited, .AasButton1 A:hover, .FormButton, /* also in calendar */ .ContentButton, .SubscriptionButton, #SubmitButton { border: 0; color: White; background-color: #1a1566; padding: 1px 10px 1px 10px; margin-top: 2px; margin-bottom: 10px; }
.AasButton A, .AasButton A:link, .AasButton A:active, .AasButton A:visited, .AasButton A:hover { text-decoration: none; float: right; clear: both; margin-bottom: 10px; margin-right: 5px; width: 135px; text-align: center; }
.AasButton1 A, .AasButton1 A:link, .AasButton1 A:active, .AasButton1 A:visited, .AasButton1 A:hover { text-decoration: none; text-align: center; }



.spanFor { float: left; }
.spanPersonen { float: right; width: 120px; }
.inputFor { float: right; margin-right: 5px; }

.Left { float: left; width: 50%; }
.Right { float: left; }



div#Root { padding: 10px 0px 10px 0px; }



/*---------------- Intro.aspx ---------------------*/

div#Intro { width: 964px; text-align: left; margin:0 auto 0 auto; /*margin-top:30px;*/ }
div#Intro div#Header { }
div#Intro #Logo { width: 270px; height: 150px; float: left; background: #1a1566 url(Images/Levels/Header.Logo.gif) no-repeat; }
div#Intro div#Header div#Menu { width: 693px; height: 119px; float: right; background: #1a1566 url(Images/Intro/Header.Menu.jpg) no-repeat; margin-top: 30px; border-top: solid 1px white; border-right: solid 1px white; }
div#Intro div#Main { }
div#Intro div#Main div#Column1 { width: 268px; height: 486px; float: left; background: White url(Images/Intro/Main.Column1.jpg) no-repeat; border-left: solid 1px white; border-bottom: solid 1px white; }
div#Intro div#Main div#Content1 { width: 693px; height: 486px; float: right; background: #1a1566 url(Images/Intro/Main.Content1.jpg) no-repeat; border-bottom: solid 1px white; border-left: solid 1px white; border-right: solid 1px white; }
#Impressum { color: #FFF; text-align: right;  margin-top:5px; }
#Impressum a, #Impressum a:hover, #Impressum a:visited { color: #FFF; }

div#Intro div#Main div#Column1 div#PRText { position: absolute; top: 315px; left: 30px; right: 70px; }
div#Intro div#Main div#Column1 div#Hotline { position: absolute; top: 470px; width: 100%; text-align: center; color: #1a1566; font-size: 10px; font-weight: bold; }
div#Intro div#Main div#Content1 div#Welcome { position: absolute; top: 150px; width: 100%; text-align: center; color: White; font-size: 24px; font-weight: bold; }

/*---------------- LevelsRaw.master ---------------------*/
div#Levels { width: 964px; text-align: left; margin:0 auto 0 auto; }
div#Levels div#Header { }
div#Levels #Logo { float: left; width: 268px; height: 150px; background: #1a1566 url(Images/Levels/Header.Logo.gif) no-repeat; }
div#Levels div#Header div#Menu { float: right; width: 696px; height: 120px; background-color: white; margin-top: 30px; }
div#Levels div#Main { background: #1a1566 url(Images/Levels/Main.Column1.gif) no-repeat left bottom; border-bottom: solid 1px white; border-left: solid 1px white; }
div#Levels div#Main, div#Levels div#Main div#LeftMenu, div#Levels div#Main div#Content1 { min-height: 461px; _height: 461px; }
div#Levels div#Main div#LeftMenu { float: left; width: 267px; }
div#Levels div#Main div#Content1 { float: right; width: 695px; background-color: White; border-left: solid 1px white; }
div#Levels div#Main div#BottomFooter { float: right; width: 695px; height: 25px; background-color: White; border-left: solid 1px white; }
div#Levels div#Main div#LeftFooter { float: left; width: 267px; height: 25px; line-height: 25px; }
div#Levels div#Main div#LeftFooter #Hotline { text-align: center; color: white; font-weight: bold; font-size: 10px; }

/*-------------------- positions --------*/

.PublicPadding { padding: 0 21px 0 21px; }
.PublicPadding .WideText, .PublicPadding .WideImage img { width: 651px; }
.PublicPadding .WideImage img { height: 255px; }
.Height10 { height: 10px; }

h1#BreadCrumbs { margin-bottom: 10px; color: #1a1566; font-size: 24px; font-weight: bold; }
h1#BreadCrumbs A, h1#BreadCrumbs A:link, h1#BreadCrumbs A:active, h1#BreadCrumbs A:visited, h1#BreadCrumbs A:hover { display: none; }

h1#BlogBreadCrumbs, h1#BlogBreadCrumbs A, h1#BlogBreadCrumbs A:link, h1#BlogBreadCrumbs A:active, h1#BlogBreadCrumbs A:visited, h1#BlogBreadCrumbs A:hover { color: #1a1566; font-weight: bold; }

.KursRight { width: 261px; /*margin-top:37px;*/ }
.KursLeft { width: 380px; }
.WebRight { width: 181px; }
.WebLeft { width: 460px; }
.KursLeft .FixedImageSize img { width: 100%; height: 255px; border: solid 2px #00b2bd; }
.KursRight .FixedImageSize img { width: 100%; }

.FixedImageSizeWOW img { width: 100%; }

#Reservation table { /*width:180px;*/ float: left; }
.allsubtable { width: 235px; float: left; }
.allsubtable img { width: 230px; float: left; margin-left: 10px; }
.allsubtable img.cmscheckbox { width: auto; float: left; margin-left: 10px; }
.allsubtableA, .allsubtableB { width: 235px; float: left; }
.allsubtableA img { width: 230px; float: left; }
.allsubtableB img { width: 230px; height: 125px; float: left; }

.DocRightDataU { border: solid 1px #d1d2d4; padding: 10px 20px 10px 20px; float: right; margin-top: 20px; margin-right: 20px; }
#BoxWithGreyBorderWOPaddingInside { /*width:251px;*/ }

table.WebCamTable { width: 150; }
table.WebCamTable img { width: 150; height: 112px; border: solid 1px #d1d2d4; margin-bottom: 5px; float: right; display: block; overflow: visible; }
.WCText { float: left; margin-top: 50px; }
.WCTextnew { float: right; display: block; overflow: visible; margin: 0; margin-bottom: 7px; width: 150px; }

table.WPWebCamTable * { vertical-align: middle; }
table.WPWebCamTable img { width: 105; height: 80px; border: solid 1px #d1d2d4; margin-right: 10px; }
.WPWCText { float: left; }

div.BlogComment { float: left; width: 350px; }
div.BlogRules { float: right; width: 280px; }
#lalelCaptcha { width: 190px; }

.DataPadding { padding: 0px 30px 5px 30px; width: 633px; }
#DataLeftBC { width: 374px; }



#YbTitle { display: none; }
#ctl00_ctl00_ctl00_plcRoot_cphCenterArea_cphCenterArea_SubregionTitle { display: none; }

.A1 A, .A1 A:link, .A1 A:active, .A1 A:visited { text-decoration: none; }
.A1 A:hover { text-decoration: underline; }

.A1 A.Sel, .A1 A.Sel:link, .A1 A.Sel:active, .A1 A.Sel:visited, .A1 A.Sel:hover { text-decoration: none; font-weight: bold; }

.FixedImageSize240x320 img { width: 340px; height: 325px; }
.FixedAreaSize320 { width: 290px; float: left; }
.FixedAreaSize420 { width: 380px; float: left; }
.FixedAreaSizeForButton { float: right; width: 50px; }


/*-------------- languages -------------------------------------------*/

.SecNavSep { padding: 0 5px 0 5px; }

#Language { position: absolute; top: 25px; right: 22px; }
#Language ul li { float:left; margin:0 1px 0 8px; background: url(Images/point.png) no-repeat right center; padding-right:15px; }
#Intro #Language ul li { background: url(Images/point-white.png) no-repeat right center; }
#Language ul li.CMSListMenuLIFirst, #Intro #Language ul li.CMSListMenuLIFirst { /*background-image:none;*/ }

#Language ul { float:left; }
#Language .LanguageSelection { float:right; margin-left:10px; cursor:default; font-weight:bold;}

div#Intro div#Language { font-weight: normal; color: white; }
div#Intro div#Language a { text-decoration: none; font-weight: bold; color: White; }

div#Levels div#Language { font-weight: normal; color: black; }
div#Levels div#Language a { text-decoration: none; font-weight: bold; color: Black; }

div#Language a:hover { text-decoration: underline; }

/*-------------- menu as: SEGELN, SURFEN & MEHR | YACHTCHARTER WELTWEIT | BOOTSHANDEL | IHR EVENT NACH MASS | SERVICES ------*/
#LevelsMainMenu { position: absolute; top: 55px; right: 20px; }
#BottomMenu { /*margin:10px 0 0 21px;*/ }

.MainMenu { width:653px; background-color: #1a1566; border: solid 1px white; text-align: center; }
.MainMenu UL { text-align:center; }
.MainMenu UL LI { background: url(Images/MenuItemSep.gif) no-repeat 100% 50%; /*float: left;*/ display:inline-block; padding: 3px 16px 3px 11px; }
.MainMenu UL Li.Last { background:none;}
.MainMenu a { color:#FFF; font-weight:bold; text-decoration:none; text-transform:uppercase;}
.MainMenu span { color:#00B2BD; font-weight:bold; text-decoration:none; text-transform:uppercase;}

.MainMenu a { text-decoration: none; font-weight: bold; color: White; }
.MainMenu a:hover { text-decoration: underline; }
.MainMenu a.Selected { color: #00b2bd; }

/*------------------------------ LeftMenu ---------------------------*/
.lmCMSTreeMenuTable { width: 100%; margin-top: 15px; }

.lmCMSTreeMenuTable A, .lmCMSTreeMenuTable A:link, .lmCMSTreeMenuTable A:active, .lmCMSTreeMenuTable A:visited { text-decoration: none; font-weight: bold; }
.lmCMSTreeMenuTable A:hover { text-decoration: underline; }

.lmCMSTreeMenuItem { padding: 5px 0 5px 0; }
A.lmCMSTreeMenuLink, A.lmCMSTreeMenuLink:link, A.lmCMSTreeMenuLink:active, A.lmCMSTreeMenuLink:visited { text-decoration: none; font-weight: bold; color: White; margin-left: 15px; }
A.lmCMSTreeMenuLink:hover { text-decoration: underline; }

.lmCMSTreeMenuSelectedItem { background: #00b2bd; padding: 4px 0 4px 0; border-top: solid 1px white; border-bottom: solid 1px white; }
A.lmCMSTreeMenuSelectedLink, A.lmCMSTreeMenuSelectedLink:link, A.lmCMSTreeMenuSelectedLink:active, A.lmCMSTreeMenuSelectedLink:visited { text-decoration: none; font-weight: bold; color: White; margin-left: 15px; }
A.lmCMSTreeMenuSelectedLink:hover { text-decoration: underline; }

.slmCMSTreeMenuItem, .slmCMSTreeMenuSelectedItem { padding: 3px 0 2px 40px; }
.slmCMSTreeMenuItem img, .slmCMSTreeMenuSelectedItem img { display: none; }

A.slmCMSTreeMenuLink, A.slmCMSTreeMenuLink:link, A.slmCMSTreeMenuLink:visited, A.slmCMSTreeMenuLink:active { text-decoration: none; font-weight: bold; color: White; }
A.slmCMSTreeMenuLink:hover { text-decoration: underline; }

A.slmCMSTreeMenuSelectedLink, A.slmCMSTreeMenuSelectedLink:link, A.slmCMSTreeMenuSelectedLink:visited, A.slmCMSTreeMenuSelectedLink:active { text-decoration: none; font-weight: bold; color: #00b2bd; }
A.slmCMSTreeMenuSelectedLink:hover { text-decoration: underline; }

.olmCMSTreeMenuItem, .olmCMSTreeMenuSelectedItem { padding: 2px 0 2px 60px; }
.olmCMSTreeMenuItem img, .olmCMSTreeMenuSelectedItem img { display: none; }

A.olmCMSTreeMenuLink, A.olmCMSTreeMenuLink:link, A.olmCMSTreeMenuLink:active, A.olmCMSTreeMenuLink:visited { text-decoration: none; font-weight: bold; color: White; }
A.olmCMSTreeMenuLink:hover { text-decoration: underline; }

A.olmCMSTreeMenuSelectedLink, A.olmCMSTreeMenuSelectedLink:link, A.olmCMSTreeMenuSelectedLink:active, A.olmCMSTreeMenuSelectedLink:visited { text-decoration: none; font-weight: bold; color: #00b2bd; }
A.olmCMSTreeMenuSelectedLink:hover { text-decoration: underline; }

/*-------------- news preview -------------------------------------------*/
.NewsPreDetail { }
.NewsPreTitle A, .NewsPreTitle A:link, .NewsPreTitle A:active, .NewsPreTitle A:visited { text-decoration: none; font-size: 11px; font-weight: bold; color: #1a1566; }
.NewsPreTitle A:hover { text-decoration: underline; }

.NewsPreReleaseDate { font-style: italic; color: #1a1566; }
.NewsPreSummary { font-style: italic; padding: 10px 0 10px 0; }
.NewsPreText { padding: 10px 0 10px 0; }

/*-------------- news detail -------------------------------------------*/
.NewsDetail { }
.NewsTitle { font-size: 11px; font-weight: bold; color: #1a1566; }
.NewsTitle A, .NewsTitle A:link, .NewsTitle A:active, .NewsTitle A:visited { font-size: 11px; font-weight: bold; color: #1a1566; text-decoration: none; }
.NewsTitle A:hover { text-decoration: underline; }


.NewsReleaseDate { padding: 10px 0 10px 0; color: #1a1566; font-style: italic; }
.NewsSummary { font-style: italic; padding: 10px 0 10px 0; color: #1a1566; }
.NewsText { padding: 10px 0 10px 0; }

.newsPaging { padding: 10px 8px 10px 8px; text-align: right; font-weight: bold; }
.newsPaging A, .newsPaging A:link, .newsPaging A:active, .newsPaging A:visited { text-decoration: none; }
.newsPaging A:hover { text-decoration: underline; }


#newsPagingRight { float: right; }
#newsPagingLeft { float: left; }

/*-------------- site map -------------------------------------------*/
.CMSSiteMapList *, .CMSSiteMapList A, .CMSSiteMapList A:link, .CMSSiteMapList A:active, .CMSSiteMapList A:visited, .CMSSiteMapList A:hover { text-decoration: none; font-weight: bold; color: #1a1566; list-style-type: none; }

.CMSSiteMapList UL { }
.CMSSiteMapList UL LI { padding: 1px 0px 0px 15px; }
.CMSSiteMapList UL LI A, .CMSSiteMapList UL LI A:link, .CMSSiteMapList UL LI A:active, .CMSSiteMapList UL LI A:visited { font-weight: normal; }
.CMSSiteMapList UL LI A:hover { text-decoration: underline; }

/*-------------- gellery -------------------------------------------*/
div#GalleryPreview { margin-left: 0px; /*margin-top:10px;*/ }
#PhotoCaption { margin-top: 4px; background: white; /*height:12px;*/ }
#GalleryPreview #PhotoCaption { margin-bottom: 10px; margin-top: 0; }
#PhotoCaption A, #PhotoCaption A:link, #PhotoCaption A:active, #PhotoCaption A:visited, #PhotoCaption A:hover, #PhotoCaption span { background-color: White; }
#PhotoCaption #Prev { float: left; width: 33%; text-align: left; }
#PhotoCaption #Name { float: left; width: 33%; text-align: center; }
#PhotoCaption #Next { float: right; width: 33%; text-align: right; }
#PhotoName { text-align: center; margin-top: 4px; }

.ImgPreview { width: 382px; height: 255px; border: solid 1px #d1d2d4; }
div#GalleryThumbs { width: 378px; height: 80px; margin-top: 10px; overflow: auto; }

div.BigFotoImage { height: 384px; /*border:solid 1px green;*/ }
.ImgBigPreview { width: 510px; height: 382px; border: solid 1px #d1d2d4; float: left; }
div#GalleryBigThumbs { width: 130px; height: 400px; overflow: auto; }

div#GalleryThumbs #Thumbs { padding: 10px 0 10px 0; }
div#GalleryThumbs .ImgThumb { width: 53px; height: 35px; margin: 2px 8px 2px 8px; }
div#GalleryThumbs .SelectedThumb .ImgThumb { border: solid 2px #00b2bd; margin: 0px 6px 0px 6px; }

div#GalleryBigThumbs #Thumbs { padding: 10px 0 10px 0; }
div#GalleryBigThumbs .ImgBigThumb { width: 80px; height: 60px; margin: 2px 8px 2px 8px; }
div#GalleryBigThumbs .SelectedThumb .ImgBigThumb { border: solid 2px #00b2bd; margin: 0px 6px 0px 6px; }

.SLLeft { width: 530px; float: left; }
.SLRight { width: 70px; float: right; }
.SLTitle { font-weight: bold; }
.SLContent { padding: 5px 0 0px 0; }
/*.SLLink, .SLLink A, .SLLink A:link, .SLLink A:active, .SLLink A:visited, .SLLink A:hover	{ text-align:right; font-weight:bold; }*/

/*-------------- contact page -------------------------------------------*/
div.contactFormLeft { float: left; width: 326px; }

div.contactFormRight { float: right; width: 314px; }
div.contactFormRight div.ContRight { float: right; }

.contField { width: 180px; float: right; }
.contArea { width: 300px; float: left; }

/* ----------- fizForms ------------------*/
.BizForms td { line-height: 20px; vertical-align: middle; padding: 2px 5px 0 0; }
.BizForms td.SimpleText { line-height: normal; padding: 0 0 0 0; }

.checkInBiz img { margin-right: 2px; }
.LinksList { line-height: 20px; font-size: 10px; text-align: right; margin-top: 10px; }
.NarrowText { letter-spacing: -0.05em; text-align: left; }


.finish { font-size: 150%; font-weight: bold; width: 100%; text-align: center; }

.NegMargin { margin-left: -15px; margin-right: -15px; }
#homepageforecast { text-align: center; }
#homepageforecast td, #homepageforecast th { padding: 1px 5px 1px 5px; }
/*---------*/
.checkBiz input { vertical-align: middle; }
.checkBiz label { vertical-align: middle; }

/* ----------- downloads -----------------*/
.DownLoadFile { padding: 10px 0 0 0; }
.DownLoadFile .FileName { font-weight: bold; }
.DownLoadFile .FileDescription { }

/*div#graph { border:solid 1px red; margin:0 0 0 0; padding:0 0 0 0; display:none; }*/

/* ----------- YF -----------------*/

.table-operators { clear: both; }

.middle-content A, .middle-content A:link, .middle-content A:active, .middle-content A:visited { text-decoration: none; color: Black; }
.middle-content A:hover { text-decoration: underline; }

.middle-content h2 A, .middle-content h2 A:link, .middle-content h2 A:active, .middle-content h2 A:visited, .middle-content h2 A:hover { color: White; }

.middle-content-inside h2, .middle-content-inside ul { width: 302px; }

.middle-content-inside h2 { color: White; background-color: #1a1566; line-height: 19px; font-weight: bold; padding-left: 10px; margin: 0 10px 10px 0; }
.WOBottomPadding h2 { margin-bottom: 2px; }

.middle-content-inside h2 { padding-left: 10px; }
.middle-content-inside h2.fullwidht, h2.fullwidht, .middle-content-inside li.fullwidht { width: 625px; }
.middle-content-inside li { padding: 0 0 0 10px; }

.middle-content-inside { position: relative; }

.Regions3columns td li A { float: left; clear: both; }

.articledist { margin-top: 10px; }


#box0 { /*margin-left:20px;*/ }

#boxheader { margin: 20px 0 10px 0px; }

#boxheader A, #boxheader A:link, #boxheader A:active, #boxheader A:visited { text-decoration: none; color: black; font-weight: bold; }
#boxheader A:hover { text-decoration: underline; }

.yfpanel .line { float: left; margin-bottom: 5px; }
.yfpanel .lblbox { text-align: left; width: 205px; }
.yfpanel .lblafterbox { text-align: left; display: block; }
.yfpanel .pulldown_small, .yfpanel .pulldowndate_small { margin-right: 10px; float: left; width: 205px; }
.yfpanel #pulldowns { width: 100%; padding-bottom: 4px; }

.fieldday { width: 26px; margin-left: 2px; }
.fieldmonth { width: 26px; margin-left: 2px; }
.fieldyear { width: 41px; margin-left: 2px; }
.duration { float: left; width: 165px; margin-right: 2px; margin-left: 2px; }

.yfpanel .boxfooter { clear: both; width: 205px; }
.yfpanel .boxfooter .fieldadvanced { text-align: left; float: left; line-height: 20px; vertical-align: middle; }
.fieldadvanced A, .fieldadvanced A:link, .fieldadvanced A:active, .fieldadvanced A:visited { text-decoration: none; color: Black; font-weight: bold; }
.fieldadvanced A:hover { text-decoration: underline; }

.yfpanel .boxfooter .fieldbutton { float: right; }
.yfpanel hr { margin-right: 10px; }

.selectbar { margin: 0 0 15px 0; }
.manufacturerselect { float: left; }
.countryselect, .dateselect, .agencyselect { float: left; margin-left: 3px; }
.agencyselect { margin-left: 0; }
.manufacturerselectfield { width: 168px; margin-bottom: 10px; margin-top: 2px; }
.countryselectfield, .dateselectfield { width: 114px; margin-bottom: 10px; margin-top: 2px; }
.agencyselectfield { width: 290px; margin-bottom: 10px; margin-top: 2px; }

table.offers-table td, table.offers-table th { padding: 0 10px 5px 0px; }
.bookinglink, .offerlink { white-space: nowrap; }
table.offers-table .offers-header * { font-weight: bold; padding-bottom: 5px; }

#SubmitButton { margin-left: 40px; }

.titlebar { clear: both; font-weight: bold; padding: 0 0 10px 0; }

table.yacht-top { }
td.header { font-weight: bold; width: 200px; }
span.header { padding-top: 20px; font-size: 11px; font-weight: bold; }

.table-operators td { width: 300px; vertical-align: top; }
.table-yachts td { vertical-align: top; }
.table-region td { width: 200px; vertical-align: top; }

td.header, span.header { font-weight: bold; color: #1a1566; padding: 2px; }
.table-links { width: 624px; margin-left: 3px; margin-bottom: 10px; }
.contactmessage { font-weight: bold; font-size: 110%; color: #1a1566; }
.descriptiontext { float: left; width: 410px; text-align: left; font-size: 93%; }
.descriptionimages { float: right; width: 175px; margin-bottom: 6px; font-size: 93%; }
.yacht-left { border: 1px solid #d1d2d4; width: 200px; float: left; text-align: left; margin: 5px 0 5px 0; clear: both; }
.yacht-left-column1 { text-align: left; font-weight: bold; padding: 0 2px 0 2px; border: 1px solid #d1d2d4; }
.yacht-left-column2 { padding: 0 2px 0 2px; text-align: left; border: 1px solid #d1d2d4; }

.yacht-right { border: 1px solid #d1d2d4; width: 415px; float: right; margin: 5px 10px 5px 0; text-align: left; padding: 5px; font-size: 93%; }

#specialsyacht, .yacht-speciallist { width: 635px; }

.yacht-all { margin-top:15px; float:left; clear:both; width:100%; overflow:hidden; }
.yacht-all h1, .descriptiontext h1 { color: #1a1566; margin: 5px 0 8px 0; }
.yacht-speciallist { border: 1px solid #d1d2d4; padding: 5px; }
.yacht-top, .techdetail { text-align: left; width: 100%; font-size: 93%; padding-left: 2px; }
.yacht-top td, .techdetail td { border: 1px solid #d1d2d4; padding-left: 2px; }
.image_border { border: 1px solid black; margin-right: 10px; margin-left: 10px; margin-bottom: 10px; margin-top: 10px; }
.image_border:hover { border: 1px solid #1a1566; margin-right: 9px; margin-left: 11px; margin-bottom: 9px; margin-top: 11px; }
.footer-link { margin: 15px 0 0 0; text-align: justify; line-height: 140%; }

#specialsyacht { font-size: 11px; border: 1px; margin: 5px 0 5px 0; }
.specialsyachtheader1 { font-size: 11px; padding: 2px 0 2px 10px; color: white; background-color: #1a1566; font-weight: bold; line-height: 20px; }
.specialsyachtheader2 { font-size: 11px; padding: 2px 5px 2px 10px; font-weight: bold; line-height: 20px; }
.specialsyachtheader3 { font-size: 11px; padding: 2px 0 2px 0px; font-weight: bold; color: #666666; }
.specialsyachtcolumn1 { width: 8%; color: white; background-color: #1a1566; padding: 1px 0 1px 0px; }
.specialsyachtcolumn2 { width: 10%; padding: 1px; font-weight: bold; text-align: center; }
.specialsyachtcolumn3 { width: 32%; padding: 1px; vertical-align: top; border-width: 1px 1px 1px 1px; padding: 1px 1px 1px 1px; border-style: solid solid solid solid; border-color: #d1d2d4; background-color: white; }
.specialsyachtcolumn4 { padding: 1px; vertical-align: top; border-width: 1px 1px 1px 1px; padding: 1px 1px 1px 1px; border-style: solid solid solid solid; border-color: #d1d2d4; color: #666666; }
.otherspecials a, .otherspecials a:link, .otherspecials a:hover { color: #666666; }
.yacht-specials { margin: 0 0 6px 0; }
.specialunit { font-weight: normal; font-size: 80%; }

.relatedlinksyachtheader1 { font-size: 11px; text-align: left; padding: 2px 0 2px 10px; font-weight: bold; color: #1a1566; width: 190px; }
.relatedlinksyachtcolumn1 { font-size: 11px; text-align: left; width: 33%; vertical-align: top; }
.relatedlink-content-inside ul { margin: 5px 0 5px 20px; list-style-type: none; }

#FooterMenu { display:inline-block; margin-left:5px; }
#FooterMenu li { display:inline-block; border-left:solid 1px #FFF; padding:0 5px 0 5px;  }

.CountriesList table { width:100%; }
.CountriesList td { width:50%;}
.CountriesList h2 { margin:1px 2px 1px 2px; background-color:#1a1566; padding:4px 0 4px 7px;}
.CountriesList h2 a { color:#FFF; text-decoration:none; font-weight:bold;}
.CountriesList h2 a:hover { text-decoration:underline;}

/*-------------- yachtfinder -------------*/
#LeftMenu .yachtFinderWrapper { border:solid 1px white; padding:0 4px 0 4px; float:left; clear:both; color:#FFF; margin: 20px 0 0 15px; width:190px!important;}
#LeftMenu .yachtFinderWrapper h2 { padding: 4px 0 6px 6px; font-weight:bold; font-size:13px; margin-bottom:4px; }
#LeftMenu .yachtFinderWrapper .YFContentAdvanced a { color: #FFF; display:block; margin:0 0 7px 7px;}
.yachtFinderWrapper input, .yachtFinderWrapper select, #Content1 #specialdiv input, #Content1 #specialdiv select, .yachtModelList1 { color:#000!important; background-color:#7FD7DB; border:solid 1px #7FD7DB; }
.yachtFinderWrapper .searchbtn, #Content1 #specialdiv .searchbtn, .selectButton { border:none; color:#FFF!important; background-image:none; background-color:#1b1566;}
.yachtFinderWrapper .searchbtn:hover, #Content1 #specialdiv .searchbtn:hover, .selectButton:hover { background-color:#3d387a;}
#LeftMenu .searchbtn { border:solid 1px #FFF; }
#Content1 #specialdiv .searchbtn { height:20px; line-height:20px;}
#Content1 .WideText .yachtFinderWrapper { width:570px;}
.filterdiv .ui-state-default { background-image:none!important; background-color:#1b1566;}
.filterdiv .ui-slider-range { background-color:#C5C3E5; }
.filterdiv .ui-widget-header { background-image:none!important;}
#YFSearchResult .ui-slider-range { border-radius:0!important;}
.selectbutton, .searchbtn, #selectbutton, .YFOrderCol1 input[type="button"], .YFOrderCol2 input[type="button"], .YFOrderCol3 input[type="button"], .YFOrderCol4 input[type="button"] { background-image:none; background-color:#1b1566; border:none;}
.selectbutton a.price { background:url(Images/link.gif) no-repeat right center;}
.discountprice, .YFSelectedLang { color:#00b2bd!important; }

.listingViewInactive {background:url(../../CMSTemplates/UserControls/YachtsListing/images/listingview.gif) no-repeat; }
.listingViewActive { background:url(../../CMSTemplates/UserControls/YachtsListing/images/listingviewActive.gif) no-repeat;}
.listingViewInactive:hover {  background:url(../../CMSTemplates/UserControls/YachtsListing/images/listingviewOver.gif) no-repeat;}

.galleryViewInactive {background:url(../../CMSTemplates/UserControls/YachtsListing/images/galleryview.gif) no-repeat; }
.galleryViewActive { background:url(../../CMSTemplates/UserControls/YachtsListing/images/galleryviewActive.gif) no-repeat;}
.galleryViewInactive:hover {  background:url(../../CMSTemplates/UserControls/YachtsListing/images/galleryviewOver.gif) no-repeat;}

.tableViewInactive {background:url(../../CMSTemplates/UserControls/YachtsListing/images/tableview.gif) no-repeat; }
.tableViewActive { background:url(../../CMSTemplates/UserControls/YachtsListing/images/tableviewActive.gif) no-repeat;}
.tableViewInactive:hover {background:url(../../CMSTemplates/UserControls/YachtsListing/images/tableviewOver.gif) no-repeat;}

.viewMode, .expandable, .collapsible, #searchresulttitle a, #TableViewMode a, #ListingViewMode a, #SpecialsViewMode a { color: Black;}
.yachtcheck { border:solid 2px #aaa; background-color:#EDF6F7;}
.yachtcheckleft { border-left:solid 2px #aaa; background-color:#EDF6F7;}
.yachtcheckright { border-right:solid 2px #aaa; background-color:#EDF6F7;}
.yachtcheckbottom {  border-bottom:solid 2px #aaa!important; background-color:#EDF6F7;}
.searchcellyellow { background-color:#EDF6F7;}

.errortxt { background:url(Images/icon_error_small.gif) no-repeat; color:#00b2bd; }
div.messageerror { color:#00b2bd; border:1px solid #00b2bd; }

/*-------------------------------------------*/

.RegionsAndSubregions, .table-operators { width:100%;  }
.RegionsAndSubregions td, .table-operators td { width:50%; vertical-align:top;}
.RegionsAndSubregions h2, .table-operators h2 {  margin:1px 5px 5px 0px; background-color:#1a1566; padding:4px 0 4px 7px; }
.RegionsAndSubregions h2 a, .table-operators h2 a { color:#FFF; text-decoration:none; font-weight:bold;}
.RegionsAndSubregions h2 a:hover, .table-operators h2 a:hover { text-decoration:underline;}
.RegionsAndSubregions div.SmallLinks { padding:0 0 10px 5px;}
.RegionsAndSubregions div.SmallLinks a { display:block; margin-bottom:1px; text-decoration:none;}
.RegionsAndSubregions div.SmallLinks a:hover { text-decoration:underline;}

.Subregions h2, .LocationsList h2 { color:#FFF; text-align:center;  margin:1px 5px 5px 0px; background-color:#1a1566; padding:4px 0 4px 7px;}
.Subregions li, .LocationsList li {  width:49%; float:left;  margin:0 5px 1px 0;}
.Subregions li a, .LocationsList li a {text-decoration:none; }


.ManufacturersListContainer { position:relative; float:right; text-align:right; margin-top:-32px; }
.manufactIndex { float:left; font-weight:bold; margin:10px 10px 0 0; }
.manufactPager { float:right;  margin-top:10px;}
.manufactPager a { color:#1b1566; font-weight:bold; display:inline-block; padding:0 2px 0 2px; text-decoration:none;}
.manufactPager a.selectedLetter { color:#00b2bd; }
.divManufacturers { width:100%; clear:both;}
.divManufacturers table { width:100%; margin:10px 0 10px 0;}
.divManufacturers table td { width:33%;}
.divManufacturers a { text-decoration:none; font-size:11px; }

.ModelListContainer { width:100%; clear:both; }
.ModelListContainer td { width:50%; padding: 0 0 7px 0; }
.ModelListContainer a.modelImage { display:block; float:left;border:solid 1px #dadcdc; background-color:#e7f2f3; margin-right:6px; /*border:solid 1px #c5c4d6; background-color:#d4d3e6;*/ padding:4px;}
.YachtLengthFilter { margin-bottom:6px;}
.YachtLengthFilter a.ActiveLinkClass { color:#00b2bd; font-weight:bold; text-decoration:none;}
.PagerNumberArea { margin-bottom:10px;}

.yachtDetailsLeft { float:left;}
.yachtDetailsLeft h2 {  margin:0 0 2px 0; font-size:12px;}
.yachtDetailsRight { float:right; width:270px; } 
.yachtDetailsRight h2 { font-size:12px; margin:0 0 10px 0; color:#1b1566}
.yachtDetailsRight table { border:solid 1px #d1d2d4; }
.yachtDetailsRight table td { padding:4px; }

.RelatedUnitsControl { width:100%; clear:both; margin:10px 0 20px 0; float:left; }
.RelatedUnitsControl h2 { margin:0 0 10px 0; font-size:12px; color:#1b1566; }
.RelatedUnitsControl table { width:100%;}
.RelatedUnitsControl table td { width:50%; vertical-align:top;}
.RelatedUnitsControl a { display:block; padding-bottom:5px;}
.RelatedUnitsControl a:hover { text-decoration:none;}

/*=========================calendar control ====================*/
.heading h2{margin-top: 15px;}
.ui-widget-content {background: none!important; background-color: #f9f9f9!important;}
.ui-widget-content a:hover{cursor: pointer;} 

.toolTipImg {float: right;}
#tip {display:none;}

.CalendarOffersCtainer { padding-top: 5px; padding-bottom:5px; position: relative; width:100%; float:left; clear:both;}
.CalendarOffersCtainer .compare { margin: 10px 0 10px 0; }


.btnCompareMiddle, .CoSelect { border:none; font-weight:bold; cursor: pointer; color:#FFF; background-color:#1b1566; /*border: 1px solid #1b1566;*/ float: left;height: 23px; overflow: hidden; padding: 0 14px;}
.btnCompareMiddle:hover, .CoSelect:hover { background-color:#3d387a; }
.btnCompareMiddle a { text-decoration:none;color:#FFF;}
.CalendarOffersCtainer .ui-state-default {color:black!important;background-image: none!important; margin-bottom:0!important; }
table.COtbl1 { }
table.COtbl1 td { border: solid 1px #f4e4e4; }
td.tdCOGetDetailsInput { text-align: right; }

.CalendarOfersPeriodLbl { display: block; font-weight: bold; font-size: 11px; color: #452222; padding: 4px 0 4px 0; }
.CalendarOfersPeriodDDown { }

td.alreadyBooked a { background-image: none !important; background-color: #ff6a6a !important; }
td.alreadyBooked { background-color: #ff6a6a !important; opacity: 1!important; filter: Alpha(Opacity=100) !important; background-image: none !important; }
td.alreadyBooked span { background-color: #ff6a6a !important; background-image: none !important; }
.bookable a { background-color: #3c9fff !important; background-image:none; }

table.COLisintgTbl { margin-bottom: 5px; }
table.COLisintgTbl td { vertical-align: top; }
.CODiscount, .COCurrency, .CONewPrice { color: #00b2bd; font-weight: bold; }
.COOldPrice { text-decoration: line-through; }
a.COOfferlink { }
.nextPrevNav a { font-weight: bold; margin-bottom: 10px; font-size:14px; color:#3d387a }

.selectedPeriod, .alreadyBookedPeriod, .noMoreSelectablePeriod { width: 18px; height: 18px; }
.selectedPeriod { background-color: #3c9fff; color: #3c9fff; border-left: 6px solid white; }
.alreadyBookedPeriod { background-color: #ff6a6a; color: #ff6a6a; border-left: 6px solid white; }
.noMoreSelectablePeriod { background-color: #a8a8a8; color: #a8a8a8; border-left: 6px solid white; }

.hoveredOffer { background-color: #dbf2ff; }

.COtbl1 select { font-size: 11px; font-family: Verdana; width: 100px; }

#getOffers { font-size: 11px; font-family: Verdana; cursor: pointer; }

.CoSelect, .addToHistory { cursor: pointer; }
.COHistory { margin: 5px 0 0 0; border: 1px solid #f4e4e4; }
.SearchHistoryItem { margin-bottom: 5px; margin-right: 30px; }

td.tdAddToHistory { vertical-align: middle !important; }
td.tdAddToHistory input { margin-left: 3px; }
.COWhishListTitle { background-color: #eff1f3; margin: 0 0 4px 0; color: #34343e; padding: 1px 0 1px 5px; height: 20px; font-weight: bold; }
span.COWhishListTitle1 { height: 20px; display: inline-block; display: -moz-inline-stack; position: relative; top: -5px;}
.CoRemoveItem { border: medium none; color: #00b2bd; cursor: pointer; font-size: 11px;margin: 4px 4px 2px 25px; text-decoration: underline; }
.tblCoHistoryTbl { width: 100%; }
.tblCoHistoryTbl input { font-size: 11px; }

.CoSelect { padding:0 5px 0 5px; margin-right:5px;}



.DivOC2Client { width: 565px; }
.smalltop { width: 325px; height: 9px; background: url(../../CMSCSSStylesheets/bilder/smalltop.gif) no-repeat; }
.smallcontent { width: 307px; border-left: solid 1px #c2bebf; border-right: solid 1px #c2bebf; overflow: hidden; padding: 0 8px 0 8px; }
.smallbottom { width: 325px; height: 9px; background: url(../images/smallbottom.gif) no-repeat; overflow: hidden; }
.smallcontent .agencyLogo { margin-bottom: 8px; max-width: 307px; }
.smallcontent .p1 { color: #9e9ef4; font-weight: bold; }
.smallcontent .p2, .smallcontent .p3 { font-weight: bold; color: #34333c; }
.providerLogo { margin: 7px 0 7px 7px; }

.wishListImg { background: url(../../CMSCSSStylesheets/bilder/yacht-image-bg-transparent.png) no-repeat scroll 0 0 transparent; height: 45px; margin: 0 5px 0 0; padding: 5px 5px 10px; width: 60px; }
.wishListQStars a{display:block;}

.COdatepicker{float:left;width:565px;}
.COImgPick{float:left; /*margin-left:4px;*/ position:relative;}
.CoPickTitle {color: #333333;font-size: 15px;font-weight: bold; left: 15%;margin: auto;position: absolute;top: 4px;}
.CoPickTxt1{bottom: 5px;left: 19px;position: absolute; font-size:11px;}
.CoPickTxt2{bottom: 5px;left: 87px;position: absolute; font-size:11px;}

#dialog12 {text-align: left !important;}
.NoOffersFoundCalendar { margin-top: 20px; width: 100%; text-align: center; }
.nextLink { float: right; text-align: right;  width: 45%;}
.prevLink {float: left; text-align: left; width: 45%;}

.euro {font-size: 15px;}
body #ui-datepicker-div { display: none;}

.OfferControl2 { clear:both; width:100%;  }
.OfferControl2 .box { width:650px!important; }
.OfferControl2 #specialdiv { width:auto!important;}

.courseLeft { float:left; width:380px; margin-right:12px; }
.courseRight { float:left; width:259px;}

.courseLeft .image { margin-bottom:20px;}

.tblCourses { width:100%; margin-bottom:10px; }
.tblCourses td { padding-bottom:3px; }
.tblCourses td.col2 { width: 170px; }
.tblCourses select { background-color:#7fd7db; color:#000; border:solid 1px #7fd7db; width:170px;}

#Schedule { overflow:hidden;}
#Schedule a.btnShowCourse, #Schedule a { text-decoration:none; display:block; padding:0 5px 0 5px; color:#FFF!important; background-image:none; background-color:#1b1566; height:24px; line-height:24px; margin:0 4px 5px 0; float:right; width:160px; text-align:center; }
#Schedule a.btnShowCourse:hover, #Schedule a:hover { background-color:#3d387a; text-decoration:none;}

.courseRight .Left, .courseRight .Right{ margin-bottom:10px;}
.courseRight .EditingFormControlNestedControl { display:block; margin:0; padding:0; float:left;}
.courseRight label { float:left; display:block; margin:0; padding:2px 0 0 0; }
.courseRight .ui-widget input, .courseRight .ui-widget select, .courseRight .ui-widget textarea, .courseRight .ui-widget button { font-size:11px!important; margin-bottom:2px;}
.courseRight .FormPanel table td {padding: 0 5px 0 0;}

.contentLeft { float:left; width:380px; margin-right:11px;}
.contentRight { float:left; width:259px;}
.contentRight #TechnicalData { overflow:hidden;}
.contentRight #Activity, .contentRight #TechnicalData { padding:10px;}

.PositionRelative .search { background-color:#FFF; width:180px; position:absolute; top:17px; left:18px; border:solid 1px #1b1566; }
#Levels .PositionRelative .search { left:22px; }
.PositionRelative .search input { float:left; display:block; border:0; font-size:11px; line-height:17px; height:17px; margin-left:3px;}
.PositionRelative .search .searchBtn { float:right; /*position:absolute; top:14px; left:195px;*/}
.searchBtn { display:inline-block; height:20px; width:23px; background:url(Images/searchicon.png) no-repeat; margin:0; padding:0; }
.searchBtn:hover {  background:url(Images/searchicon-over.png) no-repeat;}
.watermark { font-style:italic; color:gray;}

#specialdiv .filterdiv { width:180px; float:left; padding-bottom:5px; }
#specialdiv .filterdiv .ui-slider { margin: 5px 0 0 0;}
#specialdiv #YFfiltertableminus { margin-bottom:7px; }

.courseRight .ui-widget-content  { border-color:#d1d2d4; margin-left:2px;}
.courseRight .ui-tabs .ui-tabs-panel { padding:8px 5px 8px 5px;}
.contentRight .ui-widget-content  { border-color:#d1d2d4; }
.contentRight .ui-tabs .ui-tabs-panel { padding:2px;}

#Tabs #Layout img { padding:5px 0 5px 10px;}
#Tabs .ui-tabs-nav { padding:1px 0 0 2px!important; border-color: #d1d2d4; }
#Tabs .ui-tabs-nav li { margin:0 2px 0 0!important; border:none!important; }
#Tabs .ui-state-default {  background-image:none; background-color:#d9dada; }
#Tabs .ui-tabs-selected { background-color:#FFF;}
#Tabs input { font-size:11px;}

.contentRight .TabsDE a { padding-left:14px!important; padding-right:14px!important; display:inline-block;}
.contentRight .TabsDE a.item1 { padding-right:13px!important;}

.contentRight .TabsEN a { padding-left:14px!important; padding-right:15px!important; }

.courseRight .TabsEN a { padding-left:3px!important; padding-right:3px!important;  }
.courseRight .TabsEN a.item1, .courseRight .TabsEN a.item2  { padding-right:4px!important;}

.courseRight .TabsDE a { padding-left:7px!important; padding-right:7px!important; }
.courseRight .TabsDE a.item1 { padding-right:6px!important;}
