* { margin:0; padding:0; font-family: Verdana, Arial, Helvetica, sans-serif; line-height:160%; font-weight:normal; }
html, body { text-align:left; color:#3d434d; font-size:11px; background:#fff; }
html[xmlns^="http"] {/* verhindert Mozilla-Zucken */height: 100.01%;}
body { height:100%; max-height:100%; width:588px; }

img {border:0;}
dd.csc-textpic-caption {color:#0d2e58; font-size:10px;}
h1 {font-size:16px; font-weight:bold; margin:0 0 20px 0; }
h1.graphic { position:relative; display:block; width:100%; background-repeat:no-repeat; background-position:-2000px -2000px; }
h1.graphic span span { font-weight:bold; }
h2 {font-size:12px; line-height:14px; font-weight:bold; margin-bottom:9px; color:#3d434d; }
h2.csc-firstHeader {padding-top:28px;}
div.csc-textpic h2.csc-firstHeader {padding-top:0px;}
h3 { font-size: 11px; font-weight:normal; line-height:70%; margin-bottom:9px; color:#3d434d; padding-top:20px;}
strong, b {font-weight:bold;}
table, tr, td { font-size:11px; }
p { padding:0 0 1em 0; }
p.indent {padding-left:30px;}
div.hr {width:100%; height:2px; overflow:hidden; background:#ffffff; }
div.pLRU22 {padding:0 30px 30px 22px;}
div.pLR22 {padding:0 30px 0 22px;}
#maincol a {color:#999999; text-decoration:none; font-weight:bold;}
#maincol a:hover { color:#0d2e58; text-decoration:underline;}
span.substat {height:11px; padding:0 5px; background:transparent url(../img/at.gif) 0 1px no-repeat;}
a:hover span.substat {background:transparent url(../img/at.gif) -12px 1px no-repeat;}
ul { list-style-position:inside; list-style-type:disc; padding:0 0 1.2em 0; }
input, select, textarea { color:#777b82; font-size:11px;}
span.clearer {clear:both; display:none; }
.clear {clear:both;height:1px;overflow:hidden;}


#pagewidth { position:relative; top:12px; left:12px; width:588px; text-align:left; background:none;}
#header { position:relative;top:0;left:0;width:588px;height:150px;}

ul#service-navi {position:relative;top:0;left:0;border-color:#0d2e58;border-style:solid;border-width:0 0 1px 0;list-style-type:none;width:100%;height:24px;}
ul#service-navi li.close {position:absolute;top:4px;left:0;width:294px;}
ul#service-navi li.close a {display:block;text-align:center; width:24%;padding:2px 5px 2px 5px;}
ul#service-navi li.print {position:absolute;top:4px;left:294px;width:294px;text-align:right;}
ul#service-navi li.print a {display:block;text-align:center; width:24%;padding:2px 5px 2px 5px; float:right;}
ul#service-navi li.close a, ul#service-navi li.print a {border:1px solid #0d2e58;background:#0d2e58;color:#fff;font-size:1em;font-weight:bold;text-decoration:none;}
ul#service-navi li.close a:hover, ul#service-navi li.print a:hover {background:#fff;color:#0d2e58;}

div#logo { position:relative; top:0; right:0; height:84px; }
div#logo img {position:absolute; top:4px; right:0px; width:auto;}

#maincol { width:570px; width:588px;}
#maincol .inner {padding:14px 0;}

/* hoverbox START */
div.hoverbox {float: left; position:relative;}
div.hoverbox img.print {margin-bottom:6px;}
#maincol div.hoverbox a {float: left; background-position:-2000px -2000px; background-repeat:no-repeat; display:block; width: 274px; height:auto; padding:10px 0 10px 10px; position:relative; text-decoration:none; color:#3d434d; }
#maincol div.hoverbox a strong { clear:both; position:relative; width:222px; height:auto; display:block; background-repeat:no-repeat; background-position:-2000px -2000px; }
#maincol div.hoverbox a strong span span {display:block; width:222px; height:25px; font-weight:bold; font-size:14px; }
#maincol div.hoverbox a em { color:#999999; font-style:normal; font-weight:bold; display:block;}
#maincol div.hoverbox a:hover  {color:#3d434d; text-decoration:none;  }
#maincol div.hoverbox a:hover em { color:#0d2e58; text-decoration:underline;}
/* hoverbox ENDE */
ul.flottenliste { position:relative; clear:both; width:588px; border:none; padding:0; margin:0; list-style-position:outside; list-style-type:none;}
ul.flottenliste li {position:relative; float:left; width:588px; height:auto; overflow:hidden;}
#maincol ul.flottenliste li a { cursor: pointer;position:relative;	width:588px; height:90px; display:block; overflow: hidden; color:#0d2e58; text-decoration:none; }
#maincol ul.flottenliste li a:hover {text-decoration:none;}
ul.flottenliste li a img.schiff { position:absolute; top:0; left:0; }
ul.flottenliste li a strong { position:absolute; top:0; left:280px; color:#0d2e58; }
ul.flottenliste li a span.inner { position:absolute; top:4px; left:280px; color:#0d2e58; }
ul.flottenliste li a em  { position:absolute; top:35px; left:280px; color:#999999; font-style:normal; font-weight:bold;}
#maincol ul.flottenliste li a:hover em { color:#0d2e58; text-decoration:underline; }

/* Tabelle mit den Schiffsdaten: */
table.flotte { width:383px; border-collapse: collapse; border-spacing:0px; margin:0 0 30px 0;}
table.flotte tr, table.flotte th, table.flotte td {vertical-align:top;}
table.flotte th {font-weight:bold; padding:2px 0 2px 0;}
table.flotte tr.tr-even {}
table.flotte tr.tr-odd {}
table.flotte td {  padding:2px 0 2px 50px; }

DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image { margin-bottom: 0px; }
DIV.csc-textpic-left DIV.csc-textpic-imagewrap .csc-textpic-image {margin-right: 0px;}

/* Downloadliste mit Icon und Dateigroesse */
ul.downloadlist {padding:28px 0 30px 0; list-style-type:none; list-style-position:outside;}
ul.downloadlist li { background:none; padding:0; font-size:11px;}
ul.downloadlist li img {padding-right:1em; position:relative; top:.2em; left:0;}
ul.downloadlist li span { padding-left:.3em;}



#footer {clear:both; padding-top:30px; }
#footer .inner {padding:4px 0 10px 0;border-top:1px solid #0d2e58;}




 /*printer styles*/ 
@media print { 
	ul#service-navi {visibility:hidden;}
}