html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; font-weight: inherit; font-style: inherit; font-family: inherit; border: 0px; }
:focus { outline: 0; }
caption, th, td { text-align: right; font-weight: normal; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; padding-left: 30px; }
caption, th, td { text-align: left; font-weight: normal; }
h1 { font-size: 14px; font-weight: bold; }
h2 { font-size: 12px; font-weight: bold; }
h3 { font-size: 12px; font-weight: bold; }
hr { border: 1px dashed Gray; }
p { padding-top: 10px; padding-bottom: 10px; line-height: 1.8em;}
ul { list-style-type: square !important; }

/* -------!!! Styles for body !!!------- */
body, html { font-family: Tahoma, Arial, Helvetica, sans-serif; color: white; font-size: 11px; }
body { background: #004389; }

/* -------!!! Styles for Seitenlayout !!!------- */
#divBODY { position: absolute; width: 934px; left: 50%; margin-left: -467px; text-align: left; display: table; }
#header, #main, #footer { clear: both; }

#main:after {display: block; content:"."; clear: both; visibility: hidden; }

/* -------!!! Styles for Header !!!------- */
#header { position: relative; width: 933px; height: 246px; border-right: 1px solid white; background-image: url(/images/header_banner.jpg); background-position: right; background-repeat: no-repeat; border-right: 1px solid white; z-index: 50; }
#logo { position: absolute; left: 105px; width: 213px; height: 100%; }
#Adresse { position: absolute; top: 170px; left: 120px; color: Black; font-size: 10px; font-weight: bold; width: 200px; text-align: left; }
.email { color: Black; text-decoration: none; }
.email:hover { color: #e2001a; text-decoration: underline; }
.links { color: #e2001a; text-decoration: underline; }
.links:hover { color: #e2001a; text-decoration: none; }

/* -------!!! Styles for Main !!!------- */
#main { position: relative; width: 933px; min-height: 500px; background-image: url(/images/main_bg.gif); background-repeat: repeat-y; background-position: right; border-right: 1px solid white; color: Black; z-index: 10; }

/* -------!!! Styles for Hauptmenü !!!------- */
#hmenue { position: absolute; top: 50px; left: -10px; width: 140px; font-weight: bold; font-size: 12px; z-index: 10; }
.hmenue_holder { position: relative; height: 19px; left: 0px; width: 125px; margin-bottom: 5px; z-index: 12; }
.hmenue_menuepunkt, .hmenue_menuepunkt2, .hmenue_menuepunkt3, .hmenue_menuepunkt4, .hmenue_menuepunkt5, .hmenue_menuepunkt6, .hmenue_menuepunkt7, .hmenue_menuepunkt8 { position: relative; height: 19px; width: 115px; right: 4px; top: 1px; text-align: right; float: left; }
.hmenue_icon { position: relative; float: right; }
.hmenue_link { color: White; font-weight: bold; font-size: 12px; text-decoration: none; }
.hmenue_link:hover { color: #e2001a; }

/* -------!!! Styles for Untermenü !!!------- */
#umenue { position: absolute; top: 26px; left: 111px; min-height: 500px; width: 190px; z-index: 10; }
#umenue_holder1 { position: relative; top: 24px; }
#umenue_holder3 { position: relative; top: 48px; }
#umenue_holder10 { position: relative; top: 72px; }
#umenue_holder11 { position: relative; top: 96px; }
#umenue_holder12 { position: relative; top: 120px; }
#umenue_holder14 { position: relative; top: 144px; }
.umenue_menuepunkt_rot { position: relative; left: -4px; width: 185px; height: 16px; border: 1px solid black; border-right: 0px; border-bottom: 0px; padding-top: 2px; padding-left: 8px; background-image: url(/images/umenue_strich_rot.gif); background-repeat: no-repeat; }
.umenue_icon_rot { position: absolute; left: -4px; width: 185px; height: 16px; padding-top: 2px; padding-left: 8px; background-image: url(/images/hmenue_icon_rot.gif); background-repeat: no-repeat; }
.umenue_zwischenzeile, .umenue_menuepunkt, .umenue_menuepunkt_ende { position: relative; left: 5px; height: 3px; background-image: url(/images/umenue_zwischenzeile.gif); background-repeat: no-repeat; }
.umenue_menuepunkt { height: 16px; padding-top: 3px; background-image: url(/images/umenue_menuepunkt.gif); background-repeat: no-repeat; }
.umenue_menuepunkt_ende { height: 16px; width: 185px; border-bottom: 1px solid black; background-image: url(/images/umenue_menuepunkt_ende.gif); background-repeat: no-repeat; padding-top: 2px; }
.umenueLinks { color: Black; font-size: 11px; text-decoration: none; padding-left: 15px; font-weight: bold; }
.umenueLinks:hover { color: #3369a1; }
#Katalog {position: relative; top: 150px; left: 35px; width:120px; border: 1px solid White;}

/* -------!!! Styles for Inhalt/Text !!!------- */
#content { position: relative; left: 303px; top: 5px; width: 630px; display: table; }

.news_item {margin: 15px;}
.news_item h2 {margin: 0 0 10px 0; padding: 0px;}
.news_item .news_item_link {text-align: right;}
.news_item:after {display: block; content: "."; clear: both; visibility: hidden;}

/* -------!!! Styles for Footer !!!------- */
#footer {position: relative; color: White; margin-bottom: 30px; font-size: 9px;}
#footer_holder {padding: 2px 0; font-size: 10px; position: relative; background-color: Black; text-align: right; border: 1px solid white; padding-bottom: 2px; padding-right: 10px; width: 825px; left: 103px; }
.navFOOTER {font-size: 9px; font-family: Tahoma, Arial, Helvetica, sans-serif; text-decoration: none; color: white; }
.navFOOTER:hover { color: #3369a1; }

/*Styles for AnfrageContainer*/
#CONTENT_right { position: absolute; right: 0px; top: 0px; width: 100%; height: 100%; top: 230px; }
.AnfrageContainer { position: absolute; z-index: 20; background-color: Red; border-top: 1px solid white; border-bottom: 1px solid white; height: 200px; top: 0px; left: 0px; color: Black; }
.fehler { font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 9px; color: white; }

/*Styles for AnfrageContainer Felder*/
INPUT.feld, SELECT.feld { background-color: #ffffff; border: 1px solid #000000; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 10px; text-align: left; font-style: normal; font-weight: normal; color: #000000; }
.btn { font-size: 10px; }

/* -------!!! Styles for Content !!!------- */
/*Styles for Bilder*/
.bild_galerie { position: relative; background-color: White; border: 1px solid Gray; padding: 2px; text-align: center; margin: 0px 20px 22px 22px; width: 160px !important; height: 110px !important; overflow: hidden; float: left; }
.img_galerie { max-width: 140px !important; max-height: 102px !important; text-align: center; }
.bild_galerie_text { position: absolute; bottom: 0px; right: 0px; width: 160px; text-align: center; background-color: White; }
.bild_links { position: relative; float: left; padding-right: 10px; }
.bild_mittig { position: relative; text-align: center; padding-bottom: 10px; }
.bild_rechts { position: relative; float: right; padding-left: 10px; }


/* -------!!! Styles for Content !!!------- */
.block, .block_sitemap { background-color: white; margin: 10px; padding: 4px; display: table; overflow: hidden; width: 600px; clear: both; }
.block_sitemap a {color: Black; text-decoration: none;}
.block_sitemap a:hover {color: red; text-decoration: underline;}

.block_referenzen, .block_team, .block_download {border: 1px solid #c1d2e3; background-color: #eaf0f5; margin: 0 10px 5px 10px; padding: 4px; display: table; overflow: hidden; width: 600px; clear: both;}
.subright { position: relative; float: right; width: 430px; }
.subleft { position: relative; float: left; width: 150px; }
.block_left { width: 600px; height: auto; display: table; }

/* -------!!! Styles for Impressum !!!------- */
.block_right_wdw { position: relative; float: left; left: 165px; width: 150px; }

/* -------!!! Styles for Überschrift !!!------- */
.h1_black { font-size: 14px !important; color: Black !important; font-weight: bold; }
.h1_blue { font-size: 14px !important; color: #3369a1 !important; font-weight: bold; }

/* -------!!! Styles for Google Map !!!------- */
.map { font-family: Tahoma, Arial, Helvetica, sans-serif; overflow: hidden; text-align: center; padding: 20px; background-color: white; border: 1px dotted #3369a1; margin: 10px; text-align: center !important; }

/* -------!!! Styles for Referenzen !!!------- */
.referenz_bild { width: 140px; text-align: center; background-color: White; padding: 5px; border-right: 1px dashed black; }

/* -------!!! Styles for Lightbox !!!------- */
#lightbox { position: absolute; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0; }
#lightbox img { width: auto; height: auto; }
#lightbox a img { border: none; }
#outerImageContainer { position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer { padding: 10px; }
#loading { position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer > #hoverNav { left: 0; }
#hoverNav a { outline: none; }
#prevLink, #nextLink { width: 49%; height: 100%; background-image: url(data:image/gif; base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left; }
#nextLink { right: 0; float: right; }
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 0px no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 0px no-repeat; }
#imageDataContainer { font: 10px Verdana, Helvetica, sans-serif; background-color: white; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%; }
#imageData { padding: 0 10px; color: Black; }
#imageData #imageDetails { width: 70%; float: left; text-align: left; }
#imageData #caption { font-weight: bold; }
#imageData #numberDisplay { display: block; clear: left; padding-bottom: 1.0em; }
#imageData #bottomNavClose { width: 66px; float: right; padding-bottom: 0.7em; outline: none; }
#overlay { position: fixed; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }

/* -------!!! Styles for Programm !!!------- */
.LinkMap { color: Black; }

/* --------- Tabbs --------- */
/* xp theme */
.ajax__tab_header { font-family: verdana,tahoma,helvetica; font-size: 11px; border-bottom: 1px dotted Black; margin-bottom: 5px; }
.ajax__tab_outer { padding-left: 1px; background: url(../images/tab-line-right.gif) no-repeat right top; height: 21px; }
.ajax__tab_inner { padding-left: 3px; background: url(../images/tab-line-left.gif) no-repeat; }
.ajax__tab_tab { color: white; height: 13px; padding: 4px; margin: 0; background: url(../images/tab-line.gif) repeat-x; }
.ajax__tab_hover .ajax__tab_outer { background: url(../images/actab-line-right.gif) no-repeat right; }
.ajax__tab_hover .ajax__tab_inner { background: url(../images/actab-line-left.gif) no-repeat; }
.ajax__tab_hover .ajax__tab_tab { color: black; background: url(../images/actab-line.gif) repeat-x; }
.ajax__tab_active .ajax__tab_outer { background: url(../images/actab-line-right.gif) no-repeat right; }
.ajax__tab_active .ajax__tab_inner { background: url(../images/actab-line-left.gif) no-repeat; }
.ajax__tab_active .ajax__tab_tab { color: black; background: url(../images/actab-line.gif) repeat-x; }
.ajax__tab_body { font-family: verdana,tahoma,helvetica; font-size: 11px !important; border-top: 0; padding: 8px; background-color: #ffffff; color: #5a5959; }
.ajax__tab_body h1 { color: #125091; }
.ajax__tab_body h2 { color: #125091; }
.UpdateImage { height: 20px; margin-top: 5px; }
#map { padding: 0px; margin: 0px; }

/* --------- Yachtenliste --------- */
h2 { padding: 10px; padding-left: 5px; }
.spalte_informationen b { font-size: 12px !important; color: #3369a1 !important; }
.destinationen_ddl { padding: 2px; margin: 0px; }
.table { width: 96%; padding: 0px; margin: 0px; background-color: white; border-bottom: 1px dotted Black; }
.spalte_informationen { vertical-align: top; padding: 5px; }
.link_klein_red { color: Red; font-size: 10px; }
.link_klein_red:hover { text-decoration: none; }
.link_klein { color: black; font-size: 10px; }
.link_klein:hover { text-decoration: none; }
.link_gross { color: black; text-decoration: none; border: 0px; }
.link_gross:hover { text-decoration: underline; }

/* --------- Detailliste --------- */
table, tr, td { margin: 0px; padding: 0px; }
.ZurueckLink a { color: Black; }
.ZurueckLink a:hover { text-decoration: none; }
.wrapper_detailliste { width: 354px; margin-top: 15px; border-top: 1px dotted Black; border-bottom: 1px dotted Black; }
.detailliste_blau, .detailliste { width: 350px; padding: 2px; color: #103b67; }
.detailliste_blau { background-color: #c1d2e3; margin-bottom: 1px; }
.detailliste { width: 354px !important; border-spacing: 0px !important; margin: 0px !important; padding: 0px !important; border: 0px !important; }

/* --------- "Zum Buchungsformular"-Feld --------- */
.div_button { width: 100%; text-align: center; margin-top: 5px; }
.div_button_wrapper { width: 342px; background-color: Red; border: 1px dotted Black; margin-top: 5px; padding: 5px; color: white; }

/* --------- Quickbooking --------- */
.QuickBooking {opacity: 0.90; filter: alpha(opacity=90); -moz-opacity: 0.90;  padding: 10px; color: black; position: absolute; top: 82px; right: 10px; width: 157px; height: 130px; background: White; border: 1px solid #004389;}
.QuickBooking .HeadlineBooking {color: #103b67; padding: 0 5px 5px 0; margin: -3px 0 0 0; font-size: 12px;}

.QuickBooking input[type='text'], .QuickBooking select {position: absolute; left: 60px; width: 100px; margin-top: 10px;}
.QuickBooking select {width: 106px;}
.QuickBooking label {display: block; margin: 0;}
.QuickBooking .btnSend {display: block; background: url(/images/booking-button.gif) no-repeat top left; color: White; width: 150px; height: 23px; padding: 5px; text-decoration: none; font-weight: bold;}

/* --------- Social Media --------- */
.social-media {text-align: right; padding-top: 3px; padding-right: 5px;}

/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
#TB_window { font: 12px Arial, Helvetica, sans-serif; color: #333333; }
#TB_secondLine { font: 10px Arial, Helvetica, sans-serif; color: #666666; }
#TB_window a:link { color: #666666; }
#TB_window a:visited { color: #666666; }
#TB_window a:hover { color: #000; }
#TB_window a:active { color: #666666; }
#TB_window a:focus { color: #666666; }

/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
#TB_overlay { position: fixed; z-index: 100; top: 0px; left: 0px; height: 100%; width: 100%; }
.TB_overlayMacFFBGHack { background: url(macFFBgHack.png) repeat; }
.TB_overlayBG { background-color: #000; filter: alpha(opacity=75); -moz-opacity: 0.75; opacity: 0.75; }
* html #TB_overlay { /* ie6 hack */ position: absolute; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px'); }
#TB_window { position: fixed; background: #ffffff; z-index: 102; color: #000000; display: none; border: 4px solid #525252; text-align: left; top: 50%; left: 50%; }
* html #TB_window { /* ie6 hack */ position: absolute; margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px'); }
#TB_window img#TB_Image { display: block; margin: 15px 0 0 15px; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; border-top: 1px solid #666; border-left: 1px solid #666; }
#TB_caption { height: 25px; padding: 7px 30px 10px 25px; float: left; }
#TB_closeWindow { height: 25px; padding: 11px 25px 10px 0; float: right; }
#TB_closeAjaxWindow { padding: 7px 10px 5px 0; margin-bottom: 1px; text-align: right; float: right; }
#TB_ajaxWindowTitle { float: left; padding: 7px 0 5px 10px; margin-bottom: 1px; }
#TB_title { background-color: #e8e8e8; height: 27px; }
#TB_ajaxContent { clear: both; padding: 2px 15px 15px 15px; overflow: auto; text-align: left; line-height: 1.4em; }
#TB_ajaxContent.TB_modal { padding: 15px; }
#TB_ajaxContent p { padding: 5px 0px 5px 0px; }
#TB_load { position: fixed; display: none; height: 13px; width: 208px; z-index: 103; top: 50%; left: 50%; margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */ }
* html #TB_load { /* ie6 hack */ position: absolute; margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px'); }
#TB_HideSelect { z-index: 99; position: fixed; top: 0; left: 0; background-color: #fff; border: none; filter: alpha(opacity=0); -moz-opacity: 0; opacity: 0; height: 100%; width: 100%; }
* html #TB_HideSelect { /* ie6 hack */ position: absolute; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px'); }
#TB_iframeContent { clear: both; border: none; margin-bottom: -1px; margin-top: 1px; _margin-bottom: 1px; }

  /*-------------------------------------------------------------------------*/
  /*
  * Map  
  */  
  #popup_window { width: 100px; margin-left: 60px; margin-top: 15px; }
  #popup_window_contents { background: transparent; font-family: arial; font-size: 12px; color: black; }

  #popup_window_contents h1 { padding: 3px; background: #004389; color: White; margin: 0; font-size: 12px; width: auto; }

  * html #popup_window_contents { }

  #popup_window_tl { width: 1px; height: 1px; }
  * html #popup_window_tl { }
  #popup_window_t { }
  * html #popup_window_t {  }
  #popup_window_tr { width: 1px; height: 1px; }
  * html #popup_window_tr { }
  #popup_window_l {  width: 1px; }
  * html #popup_window_l { }
  #popup_window_r {  width: 1px; }
  * html #popup_window_r { }
  #popup_window_bl { width: 1px; height: 1px; }
  * html #popup_window_bl { }
  #popup_window_b { height: 1px; }
  * html #popup_window_b { }
  #popup_window_br { width: 1px; height: 1px; }
  * html #popup_window_br { }
  #popup_window_close { width: 1px; height: 1px; cursor: pointer; }
  * html #popup_window_close { }
  #popup_window_beak { width: 1px; height: 1px; }
  * html #popup_window_beak { }