html, body { height: 100%; width: 100%; margin: 0px; padding: 0px; font-family: Lucida Grande, verdana; }
body.meerpahl { background:url('/res/image/layout/bg.png') 0 0 repeat-x #022744; }
#page { background: transparent; }

#header { }
a { color: #c30007; }
a img { border: 0px; }
:focus {outline: none;}

.imageLink { position: relative; } 
.lupeBack { cursor: pointer; visibility: hidden; display: block; z-index: 0; position: absolute; top: 0; left: 0; vertical-textalign: center;  background:url('/res/image/layout/lupe_back.png'); color: #ffffff; text-align: center;}

.invisible, .hidden { visibility: hidden; }


#page { position: relative; width: 804px; margin: 0px 0px 40px 0px; text-align: left; padding: 0px 0px 0px 0px;}
#header { position: relative; top: 0px; height: 225px; width: 804px; margin: 0px; background:url('/res/image/layout/header/header.jpg') no-repeat; }
#header .logo { margin-top: 20px; }
#contentContainer { float: left; position: relative; width: 804px; background: #ffffff; }
#left { float: left; width: 160px; margin: 30px 0px 30px 0px; }
#middle { float: left; width: 644px; margin: 30px 0px 30px 0px; background:url('/res/image/layout/bg_content.png') 0 0 repeat-y transparent; }
#footerSpace { clear: left; width: 804px; height: 50px; background: transparent; }

#search { position: absolute; right: 0; top: 42px; background:url('/res/image/layout/bg_suche.png') right 2px no-repeat transparent; }
#search fieldset { border: none; margin: 0; padding: 0; }
#search searchrow { border: none; margin: 0; padding: 0; }
#search legend { display: none; }
#search label { font-size: 13px; font-weight: normal; color: #012541; padding:1px 5px 0 0; margin: 0; }
#search #searchLabelInput { width: 110px; height: 18px; padding: 0px 3px 0px 3px; border: 0px; background:transparent; margin: 0; }
#search .searchButton { width: 13px; height: 13px; margin: 4px 2px 0 0; }

#nav_row { margin:0; padding: 0; width: 804px; height: 20px; position: absolute; left:0px; bottom: 30px; }
ul.main { margin: 0; padding: 0; position: absolute; bottom: 0px;}
ul.main li { display: block; float: left; list-style: none; margin: 0; }
ul.main li a { padding: 2px 8px 2px 8px; font-size: 13px; font-weight: normal; color: #012541; text-decoration: none; }
ul.main li a.on { color: #fbfcfd; background:url('/res/image/layout/bg_main_nav.png') 0 0 repeat-x; }
ul.main li a:hover { color: #fbfcfd; background:url('/res/image/layout/bg_main_nav.png') 0 0 repeat-x; }


#language_select { position: absolute; right: 0; bottom: 1px; }
#language_select .lang_entry { padding: 2px 0px 2px 0px; font-size: 13px; font-weight: normal; color: #012541; text-decoration: none; }
#language_select .lang_entry:hover { text-decoration: underline; }
#language_select .trenner { padding: 2px 0px 2px 0px; font-size: 13px; font-weight: normal; color: #012541; text-decoration: none; }

.boxes { list-style: none; margin: 0px; padding: 2px 0px 0px 0px; float: left; padding-bottom: 10px; line-height: 14px; width: 160px; }
.box { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; list-style: none; }

#left .level0 { list-style: none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
#left .level0 .off { background: #ffffff; }
#left .level0 .off a { display: block; color: #787878; padding: 6px 10px 4px 23px; font-weight: normal; font-size: 11px; text-decoration: none; }

#left .level0 .on,#left .level0 li:hover { color: #ffffff; background: #c30007; }
#left .level0 .on a,#left .level0 a:hover { display: block; color: #ffffff; padding: 6px 10px 4px 22px; font-weight: bold; font-size: 11px; text-decoration: none; }

#left .level1 { list-style: disc; margin: 0px 0px 0px 0px; padding: 0px 0px 5px 37px; font-weight: normal; font-size: 11px; color: #787878; background: #ffffff; }
#left .level1 .off { background: #ffffff; }
#left .level1 .off a { display: block; color: #787878; padding: 4px 15px 2px 0px; font-weight: normal; font-size: 11px; text-decoration: none; }

#left .level1 .on,#left .level1 li:hover { background: #ffffff; color: #c30007; }
#left .level1 .on a,#left .level1 a:hover { display: block; color: #c30007; padding: 4px 15px 2px 0px; font-weight: normal; font-size: 11px; text-decoration: none; }

#meta_nav { text-align: right; }
#meta_nav .level0 { list-style: none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
#meta_nav .level0 .off { background: transparent; }
#meta_nav .level0 .off a { display: block; float: right; color: #ffffff; padding: 14px 10px 4px 10px; font-weight: normal; font-size: 11px; text-decoration: none; }

#meta_nav .level0 .on, #meta_nav .level0 .off:hover { color: #ffffff; }
#meta_nav .level0 .on a, #meta_nav .level0 a:hover { display: block; background: #c30007; float: right; color: #ffffff; padding: 14px 10px 4px 10px; font-weight: normal; font-size: 11px; text-decoration: none; }


/* ====== Allgemeiner Content ========= */


.defaultText { font-size: 12px; line-height: 16px; color: #2d2d2d; }
.defaultText p { margin: 0px 0px 20px 0px; padding: 0px; }
.defaultText b, .defaultText strong { font-weight: bold; }
.defaultText a { color: #c30007; text-decoration: none; }
.defaultText a:visited { color: #c30007; text-decoration: none; }
.defaultText a:hover { text-decoration: underline; }
.defaultText ul { margin: 15px 0px 20px 15px; padding: 0px 0px 0px 13px; line-height: 16px; }
.defaultText li { margin: 0px 0px 10px 0px; }

#middle { padding: 18px 0px 15px 0px; }
#middle h1 { font-size: 25px; color: #012541; margin: 0px 20px 10px 20px; padding: 0px; font-weight: normal; }

#middle .content_text { width: 424px; }
#middle .content_text .text_entry { padding: 0 20px 0 20px; }
#middle .content_text .text_entry h2 { font-size: 16px; color: #012541; margin: 0px 0px 15px 0px; padding: 0px; font-weight: normal; }
#middle .content_text .text_entry .defaultText { margin: 0px 0px 15px 0px; }

#middle .with_images .text_entry { width: 359px; padding: 0 20px 0 20px; }

#middle .content_images { position: absolute; right: 20px; top: 50px; }
#middle .content_images .contentImage { margin-bottom: 4px; }
#middle .content_images .image_text { margin-bottom: 4px; font-size: 12px; line-height: 16px; color: #2d2d2d; }


#middle h1.search_result { font-size: 16px; font-weight: normal; color: #012541; margin: 0 0 0 20px; }
#middle h1.search_result .search_term { color: #c30007;}
#middle h2.search_result { font-size: 13px; font-weight: normal; color: #2d2d2d; margin: 0 0 0 20px; }

#searchresult .entry { margin: 0 0 0 20px; width: 424px; }
#searchresult .entry h2 { margin: 15px 0 0 0; }
#searchresult .entry h2 a { font-size: 12px; font-weight: normal; color: #c30007; text-decoration: none; }
#searchresult .entry h2 a:hover { text-decoration: underline; }
#searchresult .entry .abstract { font-size: 12px; font-weight: normal; color: #2d2d2d; margin: 0; }

#searchresult .upper { margin-top: -15px; height: 15px; }

.batching { float: right; margin-right: 20px;}
.batching .PCStart { float: left; font-size: 13px; font-weight: normal; padding: 1px 5px 0px 0px; color: #333333; }
.batching .PCnr a { font-size: 13px; text-decoration: none; margin: 0px 3px 0px 0px; padding: 0px 1px 0px 1px; font-weight: normal; color: #c30007; }
.batching .PCnrActive a { font-size: 13px; text-decoration: none; margin: 0px 3px 0px 0px; padding: 0px 1px 0px 1px; font-weight: normal; color: #333333; }
.batching .PCnext a { font-size: 13px; text-decoration: none; margin: 0px 0px 0px 0px; padding: 0px 1px 0px 1px; font-weight: normal; color: #c30007; }
.batching .PCprev a { font-size: 13px; text-decoration: none; margin: 0px 0px 0px 0px; padding: 0px 1px 0px 1px; font-weight: normal; color: #c30007; }
.batching .delimiter { font-size: 13px; text-decoration: none; margin: 0px 0px 0px 0px; padding: 0px 2px 0px 2px; font-weight: normal; color: #333333; }


#footer { width: 474px; margin: 0px 0px 0px 0px; padding: 50px 0px 0px 0px; clear: left;}
#footer .top { width: 474px; clear: both; float: left; height: 19px; border-bottom: 1px dotted #adadad; }
#footer #backLink { float: left; }
#footer #backLink a { font-size: 12px; font-family: audimatBold; color: #333333; padding: 3px 0px 0px 20px; margin: 0px 30px 0px 0px; background:url('/res/image/layout/backArrow.gif') 4px 4px no-repeat; text-decoration: none; }
#footer #backLink a:hover { text-decoration: underline; }
#footer #printLink { float: left; }
#footer #printLink a { font-size: 12px; font-family: audimatBold; color: #333333; padding: 3px 0px 0px 20px; margin: 0px; background:url('/res/image/layout/printer.gif') no-repeat; text-decoration: none; }
#footer #printLink a:visited { font-size: 12px; font-family: audimatBold; color: #333333; padding: 3px 0px 0px 20px; margin: 0px; background:url('/res/image/layout/printer.gif') no-repeat; text-decoration: none; }
#footer #printLink a:hover { text-decoration: underline; }
#footer #socialBookmarks { float: right; }
#footer .bottom { width: 474px; clear: both; float: left; padding: 7px 0px 0px 0px; }
#footer #copyright { float: left; font-size: 12px; font-family: audimatBold; color: #333333; padding: 0px; margin: 0px; }
#footer #metaLinks { float: right; padding: 0px; margin: -4px 0px 0px 0px; }
#footer #metaLinks a { font-size: 12px; font-family: audimatBold; color: #333333; text-decoration: none; padding: 0px; margin: 0px; }
#footer #metaLinks a:hover { text-decoration: underline; }

/* ****** LISTE ************* */
#liste { clear: left; float: left; border-bottom: 1px dotted #6b6b6b; }
#liste .entry { width: 474px; border-top: 1px dotted #6b6b6b; background:url('/res/image/layout/speisekarteBG.png') 0px 0px repeat-x; float: left; clear: left; }
#liste .entry:hover { background:url('/res/image/layout/speisekarteBG_over.png') 0px 0px repeat-x; }
#liste .entry .imageContainer { width: 120px; height: 90px; margin: 10px 15px 20px 7px; overflow: hidden; float: left; text-align: center; }
#liste .entry .contentContainer { float:left; width: 332px; padding: 10px 0px 20px 0px; }
#liste .entry .big { float:left; width: 462px; padding: 10px 5px 20px 7px; }
#liste .entry .contentContainer h2 { margin: 0px 0px 1px 0px; padding: 0px; color: #ff7e0e; font-size: 15px; font-weight: bold; }
#liste .entry .contentContainer h2 a { color: #ff7e0e; font-size: 15px; font-weight: bold; text-decoration: none; display: block; }
#liste .entry .contentContainer h3 { margin: 0px 0px 1px 0px; padding: 0px; font-size: 14px; line-height: 17px; color: #000000; font-style: italic; font-weight: normal; }
#liste .entry .contentContainer .abstract { margin: 0px 0px 0px 0px; padding: 0px; font-size: 14px; line-height: 17p; color: #666666; font-weight: normal; }

.schiff_upper { margin: -40px 0 0 0; padding-bottom: 20px; }
.schiff_result { font-size: 25px; font-weight: normal; color: #012541; margin: 40px 0 0 20px; padding-bottom: 20px;}
#schiffsuebersicht { width: 624px; margin: 20px 0 20px 0; }
#schiffsuebersicht th { font-size: 13px; font-weight: bold; color: #012541; background: #c3d8ff; padding: 5px 0 5px 0; }
#schiffsuebersicht th.name { border-right: 2px solid white; text-align: left; padding: 0 0 0 20px; }
#schiffsuebersicht th.flag { border-right: 2px solid white; text-align: center; }
#schiffsuebersicht th.built { border-right: 2px solid white; text-align: center; }
#schiffsuebersicht th.type { border-right: 2px solid white; text-align: center; }
#schiffsuebersicht th.dwccs { border-right: 2px solid white; text-align: center; }
#schiffsuebersicht th.dwccw { border-right: 2px solid white; text-align: center; }
#schiffsuebersicht th.cbftgrain { text-align: center; }
#schiffsuebersicht tr.odd td { background: #e2ecff; }
#schiffsuebersicht tr.even td { background: #c3d8ff; }
#schiffsuebersicht td { font-size: 13px; font-weight: normal; color: #787878; background: #c3d8ff; padding: 5px 0 5px 0; }
#schiffsuebersicht td.name { border-right: 2px solid white; text-align: left; padding: 0 0 0 20px; }
#schiffsuebersicht td.name a { color: #c30007; text-decoration: none; }
#schiffsuebersicht td.name a:hover { color: #c30007; text-decoration: underline; }
#schiffsuebersicht td.flag { border-right: 2px solid white; text-align: center; }
#schiffsuebersicht td.built { border-right: 2px solid white; text-align: center; }
#schiffsuebersicht td.type { border-right: 2px solid white; text-align: center; }
#schiffsuebersicht td.dwccs { border-right: 2px solid white; text-align: center; }
#schiffsuebersicht td.dwccw { border-right: 2px solid white; text-align: center; }
#schiffsuebersicht td.cbftgrain { text-align: center; }


.schiff_detail { width: 379px; }
.schiff_detail tr.odd td { background: #c3d8ff; border-bottom: 2px solid white; }
.schiff_detail tr.even td { background: #e2ecff; border-bottom: 2px solid white; }
.schiff_detail td.propname { width: 198px; font-size: 13px; font-weight: bold; color: #012541; padding: 5px 0 5px 20px; border-right: 2px solid white; }
.schiff_detail td.value { font-size: 13px; font-weight: normal; color: #787878; padding: 5px 0 5px 20px; }
#backToListing { width: 379px; text-align: right; margin: 20px 0 40px 0; }
#backToListing a { font-size: 13px; font-weight: normal; color: #c30007; text-decoration: none; }
#backToListing a:hover { text-decoration: none; }
.schiff_images { margin-top: 38px; }


h2.chartering { fontsize: 13px; font-weight: normal; color: #012541; margin: 0 0 10px 20px; }
.content_chartering  { margin: 0 0 0 20px; width: 484px; }
.content_chartering th { font-size: 13px; font-weight: bold; color: #012541; background: #c3d8ff; padding: 5px 20px 5px 20px; }
.content_chartering th.first { border-right: 2px solid white; text-align: left; }
.content_chartering th.second { border-right: 2px solid white; text-align: left; }
.content_chartering th.third { text-align: left; }
.content_chartering tr.odd td { background: #e2ecff; }
.content_chartering tr.even td { background: #c3d8ff; }
.content_chartering td { font-size: 13px; font-weight: normal; color: #787878; background: #c3d8ff; padding: 5px 20px 5px 20px; border-top: 2px solid white; }
.content_chartering td.first { border-right: 2px solid white; text-align: left; }
.content_chartering td.second { border-right: 2px solid white; text-align: left; }
.content_chartering td.third { text-align: left; }

#contact_form .star { color: #c30007; } 
#contact_form .hint { text-align: right; width: 504px; margin: 30px 0 20px 0; font-size: 13px; font-weight: normal; color: #787878; }
#contact_form label { width: 173px; display: block; float: left; clear: left; padding: 2px 0 2px 0; border-bottom: 1px solid #cccccc; margin: 0 20px 0 40px; font-size: 13px; font-weight: normal; color: #787878; }
#contact_form select { clear: right; display: block; margin-bottom: 10px;  font-size: 13px; font-weight: normal; color: #666666; }
#contact_form input { clear: right; display: block; width: 259px; margin-bottom: 10px; background: #c3d8ff; padding: 3px 5px 3px 5px; font-size: 13px; font-weight: normal; color: #666666; border-top: 1px solid #adc2e9; border-left: 1px solid #adc2e9; border-right: 1px solid #e3ecff; border-bottom: 1px solid #e3ecff; }
#contact_form textarea { clear: right; display: block; width: 259px; height: 150px; margin-bottom: 10px; background: #c3d8ff; padding: 3px 5px 3px 5px; font-family: Lucida Grande; font-size: 13px; font-weight: normal; color: #666666; border-top: 1px solid #adc2e9; border-left: 1px solid #adc2e9; border-right: 1px solid #e3ecff; border-bottom: 1px solid #e3ecff; }
#contact_form select.error { border: 1px solid #c30007; }
#contact_form input.error { border: 1px solid #c30007; }
#contact_form textarea.error { border: 1px solid #c30007; }
#contact_form input.button { display: inline; margin-bottom: 40px; background: #022744; padding: 3px 30px 3px 30px; font-size: 13px; font-weight: normal; color: #ffffff; border: none; width: auto; cursor: pointer; }
#contact_form input.button:hover { background: #c30007; padding: 3px 30px 3px 30px; font-size: 13px; font-weight: normal; color: #ffffff; border: none; width: auto; cursor: pointer; }
#contact_form .button_row { width: 504px; text-align: right; }

#contact_form .content_text { margin: 20px 20px 20px 20px; }


.referenzen { margin: 20px 0 20px 20px; }
.referenzen td.image { width: 100px; height: 100px; padding: 0 20px 40px 0; text-align: center; vertical-align: center; }
.referenzen td.text { vertical-align: top; padding: 30px 0 0 0; }
.referenzen td.text h3 { margin: 0; padding: 0; font-size: 16px; font-weight: normal; color: #012541; }
.referenzen td.text a { margin: 0; padding: 0; font-size: 13px; font-weight: normal; color: #c30007; text-decoration: none; }
.referenzen td.text a:hover { text-decoration: underline; }


#hafen_form .star { color: #c30007; } 
#hafen_form .hint { text-align: right; width: 514px; margin: 30px 0 20px 0; font-size: 13px; font-weight: normal; color: #787878; }
#hafen_form label { width: 163px; display: block; float: left; clear: left; padding: 2px 0 2px 0; border-bottom: 1px solid #cccccc; margin: 0 20px 0 40px; font-size: 13px; font-weight: normal; color: #787878; }
#hafen_form select { clear: right; display: block; margin-bottom: 10px;  font-size: 13px; font-weight: normal; color: #666666; }
#hafen_form input { clear: right; display: block; width: 279px; margin-bottom: 10px; background: #c3d8ff; padding: 3px 5px 3px 5px; font-size: 13px; font-weight: normal; color: #666666; border-top: 1px solid #adc2e9; border-left: 1px solid #adc2e9; border-right: 1px solid #e3ecff; border-bottom: 1px solid #e3ecff; }
#hafen_form textarea { clear: right; display: block; width: 279px; height: 150px; margin-bottom: 10px; background: #c3d8ff; padding: 3px 5px 3px 5px; font-family: Lucida Grande; font-size: 13px; font-weight: normal; color: #666666; border-top: 1px solid #adc2e9; border-left: 1px solid #adc2e9; border-right: 1px solid #e3ecff; border-bottom: 1px solid #e3ecff; }
#hafen_form select.error { border: 1px solid #c30007; }
#hafen_form input.error { border: 1px solid #c30007; }
#hafen_form textarea.error { border: 1px solid #c30007; }
#hafen_form input.button { display: inline; margin-bottom: 40px; background: #022744; padding: 3px 30px 3px 30px; font-size: 13px; font-weight: normal; color: #ffffff; border: none; width: auto; cursor: pointer; }
#hafen_form input.button:hover { background: #c30007; padding: 3px 30px 3px 30px; font-size: 13px; font-weight: normal; color: #ffffff; border: none; width: auto; cursor: pointer; }
#hafen_form .button_row { width: 514px; text-align: right; }
#hafen_form .content_text { margin: 20px 20px 20px 20px; }


#gallery { padding: 0 0 20px 15px; }
.gallery_table td { width: 110px; height: 110px; text-align: center; vertical-align: middle; }

.print_footer_link { padding: 10px 0px 10px 20px; }
.print_footer_link a { padding: 3px 0 3px 25px; text-decoration: none; font-size: 10px; font-weight: normal; color: #012541; background:url('/res/image/layout/printer.png') 0 0 no-repeat; }
.print_footer_link a:visited { padding: 3px 0 3px 25px; text-decoration: none; font-size: 10px; font-weight: normal; color: #012541; background:url('/res/image/layout/printer.png') 0 0 no-repeat; }
.print_footer_link a:hover { text-decoration: underline; }

/* SITEMAP */

#map { margin: 0 20px 40px 20px; }

#map .level2 { list-style-type: none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
#map .level2 .off { color: #ffffff; background: transparent; }
#map .level2 .off a { margin-bottom: 1px; background: #c30007; display: block; color: #ffffff; padding: 6px 10px 4px 22px; font-weight: bold; font-size: 11px; text-decoration: none; }

#map .level2 .on,#left .level2 li:hover { color: #ffffff;  }
#map .level2 .on a,#left .level2 a:hover { background: #c30007; display: block; color: #ffffff; padding: 6px 10px 4px 22px; font-weight: bold; font-size: 11px; text-decoration: none; }

#map .level3 { list-style-type: none; background: transparent; margin: 0px 0px 0px 0px; padding: 0px 0px 5px 37px; font-weight: normal; font-size: 11px; color: #787878; }
#map .level3 .off { background: transparent; }
#map .level3 .off a { background: transparent; display: block; color: #787878; padding: 4px 15px 2px 0px; font-weight: normal; font-size: 11px; text-decoration: none; }

#map .level3 .on,#left .level3 li:hover { background: transparent; color: #787878; }
#map .level3 .on a,#left .level3 a:hover { background: transparent; display: block; color: #787878; padding: 4px 15px 2px 0px; font-weight: normal; font-size: 11px; text-decoration: none; }



#map .level4 { list-style-type: none; background: transparent; margin: 0px 0px 0px 0px; padding: 0px 0px 5px 37px; font-weight: normal; font-size: 11px; color: #787878; }
#map .level4 .off { background: transparent; }
#map .level4 .off a { background: transparent; display: block; color: #787878; padding: 4px 15px 2px 0px; font-weight: normal; font-size: 11px; text-decoration: none; }

#map .level4 .on,#left .level4 li:hover { background: transparent; color: #787878; }
#map .level4 .on a,#left .level4 a:hover { background: transparent; display: block; color: #787878; padding: 4px 15px 2px 0px; font-weight: normal; font-size: 11px; text-decoration: none; }

.captcha_container { margin-top: 10px; }
.captcha_container p { color: #787878;
display: block;
float: left;
font-size: 13px;
font-weight: normal;
margin: 0 20px 10px 40px;
padding: 2px 0px;
width: 173px; }
.captcha_container img { margin-bottom: 10px; }
.hafen_captcha p { width: 163px }