body,table,th,td,p,div,h1,h2,img,iframe,form { padding:0px; margin:0px; border:0px none #000000; vertical-align:top; text-align:left; }
table { border-spacing:0px; border-collapse:collapse; }
th,td,p,h1,h2 { cursor:default; overflow:hidden; font:normal 12px arial,sans-serif; color:#000000; }
p a { color:#000000; cursor:default; }

body { background:url(graphics/site_background.jpg) no-repeat #222222; }
h2 { color:#66ff66; font:bold 12px arial,sans-serif; margin-bottom:5px; }
.button { display:block; color:#66ff66; border:2px outset #666666; text-decoration:none; text-align:center; }
.button:hover { border:2px solid #ffffff; color:#ffffff; }

div#topBar { position:absolute; top:0px; left:0px; height:95px; width:100%; white-space:nowrap; overflow:auto; padding:5px 0px 0px 0px; z-index:100; }
div#topBar img { height:75px; margin-right:5px; cursor:pointer; }

iframe#fullsizeImage { position:absolute; top:0px; left:80px; height:810px; width:1185px; display:block; z-index:10; background:transparent; }
body > iframe#fullsizeImage { top:0px; }

div#infobox { position:absolute; top:784px; left:80px; padding:2px 0px 2px 10px; width:1175px; overflow:hidden; z-index:50; }
div#infobox { font:normal 12px monospace; color:#555555; cursor:default; }
div#infobox a { font:normal 12px monospace; color:#555555; }

div#infoboxLarge { display:none; position:absolute; top:115px; left:145px; z-index:50; background:url(graphics/container.jpg) #ffffff; padding:10px; overflow:hidden; border:2px outset #ffffff; }
div#infoboxLarge h2 { font:bold 16px sans-serif; color:#ffffff; cursor:default; }
div#infoboxLarge td { font:bold 12px sans-serif; color:#ffffff; cursor:default; padding:2px 10px 2px 0px; }
div#infoboxLarge a { font:bold 12px sans-serif; color:#ffffff; }

div#imageNavigationButtonsTop { display:none; position:absolute; top:0px; left:325px; z-index:12; cursor:default; }
div#imageNavigationButtonsTop a { font:bold 24px sans-serif; color:#cccccc; cursor:pointer; text-decoration:none; }
div#imageNavigationButtonsTop a:hover { color:#999999; }
div#imageNavigationButtonsTop a.zurueck { padding:0px 100px 0px 5px; }
div#imageNavigationButtonsTop a.weiter { padding:0px 5px 0px 100px; }

div#linkHafenHamburg { position:absolute; top:120px; left:15px; width:50px; z-index:100; }

div#showConsoleButton { position:absolute; top:200px; left:5px; width:70px; overflow:hidden; z-index:100; font:normal 12px sans-serif; color:#66ff66; }
div#showConsoleButton a { padding:5px 3px 5px 3px; width:58px; height:54px; overflow:hidden; font:bold 12px sans-serif; background:url(graphics/button_suchmaske.jpg) no-repeat #000000; }

div#randomImageButton { position:absolute; top:280px; left:5px; width:70px; overflow:hidden; z-index:100; font:normal 12px sans-serif; color:#66ff66; }
div#randomImageButton a { padding:5px 3px 5px 3px; width:58px; height:37px; overflow:hidden; font:bold 12px sans-serif; background:url(graphics/button_zufallsbild.jpg) no-repeat #000000; }

div#infoButton { position:absolute; top:360px; left:5px; width:70px; overflow:hidden; z-index:100; font:normal 12px sans-serif; color:#66ff66; }
div#infoButton a { padding:5px 3px 5px 3px; width:58px; height:63px; overflow:hidden; font:bold 12px sans-serif; background:url(graphics/button_information.gif) no-repeat #000000; }

div#showShipImagesButton { position:absolute; top:450px; left:5px; width:70px; overflow:hidden; z-index:100; font:normal 12px sans-serif; color:#66ff66; }
div#showShipImagesButton a { padding:5px 3px 5px 3px; width:58px; height:75px; overflow:hidden; font:bold 12px sans-serif; background:url(graphics/button_allefotos.gif) no-repeat #000000; }

div#showDayImagesButton { position:absolute; top:555px; left:5px; width:70px; overflow:hidden; z-index:100; font:normal 12px sans-serif; color:#66ff66; }
div#showDayImagesButton a { padding:5px 3px 5px 3px; width:58px; height:61px; overflow:hidden; font:bold 12px sans-serif; background:url(graphics/button_kalenderblatt.gif) no-repeat #000000; }

div#zurueckButton { position:absolute; top:645px; left:5px; width:70px; overflow:hidden; z-index:100; font:normal 12px sans-serif; color:#66ff66; }
div#zurueckButton a { padding:5px 3px 5px 3px; width:58px; height:22px; overflow:hidden; font:bold 12px sans-serif; background:url(graphics/button_zurueck.gif) no-repeat #000000; }

div#impressum { position:absolute; top:690px; left:0px; width:80px; text-align:center; overflow:hidden; z-index:100; font:bold 11px sans-serif; line-height:14px; }
div#impressum a { color:#ffffff; }

div#links { position:absolute; top:725px; left:0px; width:80px; text-align:center; overflow:hidden; z-index:100; font:bold 11px sans-serif; line-height:14px; }
div#links a { color:#ffffff; }

div#counter { position:absolute; top:750px; left:0px; width:80px; text-align:center; overflow:hidden; z-index:100; font:normal 11px sans-serif; color:#ffffff; }
div#counter img { padding-bottom:3px; }

div#slideshowButton { display:none; position:absolute; top:185px; left:0px; width:44px; overflow:hidden; padding:3px; padding-top:5px; padding-bottom:5px; background:#222222; z-index:100; font:normal 12px sans-serif; color:#66ff66; }
div#slideshowButton input { font:normal 12px sans-serif; width:15px; padding:0px; padding:2px; border:0px; }
div#slideshowButton a { font:bold 12px sans-serif; padding:5px 3px 5px 3px; width:38px; margin:5px 0px 0px -3px; }

div#reedereien, div#schiffe { display:none; }

div#Suchmaske { position:absolute; top:120px; left:150px; z-index:20; width:780px; padding:10px; border:2px outset #ffffff; background:url(graphics/wasser.jpg) no-repeat #000000; }
div#Suchmaske p { padding:5px 0px 0px 15px; color:#ffffff; float:right; }
div#Suchmaske h1 { font:bold 20px sans-serif; color:#ffffff; text-decoration:underline; margin:0px; }
div#Suchmaske form table { width:100%; clear:both; }
div#Suchmaske form table p { margin:0px 0px 12px 0px; padding:0px; }
div#Suchmaske form table h2 { font:bold 16px sans-serif; color:#ffffff; margin:12px 0px 12px 0px; }
div#Suchmaske form table th { font:bold 13px sans-serif; color:#ffffff; padding:4px 5px 4px 0px; }
div#Suchmaske form table th span { font:normal 12px sans-serif; color:#ffffff; }
div#Suchmaske form table td { padding:4px 0px 4px 0px; font:normal 14px sans-serif; color:#ffffff; }
div#Suchmaske form table select { font:normal 12px/15px monospace; color:#000000; }
div#Suchmaske form table input { font:normal 12px/15px monospace; color:#000000; }
div#Suchmaske form table label { padding:0px 5px 0px 5px; font:bold 12px/15px monospace; }
div#Suchmaske form table p a { text-decoration:underline; color:#ffffff; cursor:pointer; }
div#Suchmaske form table strong { text-decoration:underline; }
div#Suchmaske a.StartSuche, div#Suchmaske a.ResetSuche, div#Suchmaske a.HideSuche { font:bold 16px sans-serif; }
div#Suchmaske a.StartSuche { margin:10px 25px 0px 0px; padding:5px 0px 5px 0px; width:150px; background:#000000; float:left; }
div#Suchmaske a.ResetSuche { margin:14px 0px 0px 0px; padding:1px 0px 1px 0px; width:60px; background:#000000; color:#ffff66; float:left; }
div#Suchmaske a.ResetSuche:hover { color:#ffffff; }
div#Suchmaske a.HideSuche { margin:14px 0px 0px 0px; padding:3px 0px 3px 0px; width:190px; font-size:14px; background:#000000; color:#ffffff; float:right; }
div#Suchmaske div { position:absolute; top:60px; right:20px; border:2px outset #dddddd; padding:5px; }
div#Suchmaske div p { display:block; float:left; clear:both; cursor:help; margin:0px; padding:0px; line-height:130%; }