body {
margin: 0;
padding: 0;
font: 65%/120% Verdana, sans-serif;
color: #000;
line-height: 150%;
}


/*
Zwei verschiedene Hintergrundbilder für die Startseite und
alle anderen Seiten
*/

body#index {
background: #fff url(../img/bg_index.gif) top left repeat-x;
}

body#seiten {
background: #e7ecf0 url(../img/bg_seiten.gif) top left repeat-x;
}




/*
Verschiedene Hintergrundbilder im Header der Seiten
*/

div#bilder_index {
height: 293px;
}

div#bilder {
height: 90px;
clear: left;
}





/*
Verschiedene Hintergrundbilder für den Contentbereich der Seiten
*/

div#page_index {
background: url(../img/bg_page_index.gif) repeat-y;
}

div#page_seiten {
background: url(../img/bg_page_seiten.gif) repeat-y;
}

div#page_unterseiten {
background: url(../img/bg_page_unterseiten.gif) repeat-y;
}




/*
Bereiche für den Contentbereich der Startseite
*/

div#content_index {
width: 440px;
padding: 15px 20px 0px 30px;
float: left;
}

div#stern_hell {
background: url(../img/bg_stern_index.gif) 50% 50px no-repeat;
width: 330px;
height: 200px;
padding: 0;
/* background: url(../img/bg_stern_index.gif) 50% 50% no-repeat;
height: 150px;
padding: 75px 0 0 0; */
float: right;
}

div#content_right_start {
width: 330px;
height: 200px;
padding: 0;
float: right;
}


/*
Bereiche für den Contentbereich der Seiten
*/

div#content_links {
width: 195px;
padding: 0;
float: left;
text-align: center;
}

div#content_mitte {
width: 380px;
padding: 30px 20px 0px 25px;
float: left;
}

div#content_rechts {
width: 195px;
padding: 0;
float: right;
}




/*
Bereiche für den Contentbereich der Unterseiten
*/

div#content_breit {
width: 580px;
padding: 30px 20px 0px 25px;
float: left;
}

div#stern_dunkel {
background: url(../img/bg_stern_seiten.gif) 50% 50% no-repeat;
width: 195px;
height: 150px;
padding: 75px 0 0 0;
}



/*
Bereiche für den Contentbereich der "Schiffe"
*/

div#stern_klein {
background: url(../img/bg_stern_klein.gif) 50% 50% no-repeat;
width: 195px;
height: 60px;
padding: 0;
}





/* Bereiche für alle Seiten */

div#container {
width: 824px;
margin: 0 auto;
}

div#logo {
background: #fff; 
margin-top: 16px;
height: 108px;
text-align: right;
}

div#footer {
background: #fff;
color: #132b5c;
text-align: center;
padding: 15px 0 5px 0;
}

div.break {
height: 25px;
clear: both;
}


div#pfadanzeige {
background: #fff;
color: #7ca2b8;
padding: 0 15px;
line-height: 280%;
}

span.sitemap {
float: right;
color: #132b5c;
}

span.sitemap a {
font-weight: bold;
color: #132b5c;
}



/* Diverses */

a {
text-decoration: none;
color: #7ca2b8;
}

a img {
border: none;
}

div#content_mitte a,
div#content_breit a {
  font-weight: bold;
  /* color: #132b5c; */
}




/* English-Link*/

a#language {
position: relative; 
top: -37px; 
left: 805px; 
font-weight: bold;
}

/* Vergrößerungs-Link */
a.size {
display: block;
text-align: right;
height: 50px;
}

/* Weiter-Link */
a#next {
float: right;
font-weight: bold;
color: #132b5c;
}


/* Zurück-Link */
a#back {
float: left;
font-weight: bold;
color: #132b5c;
}





h1 {
font-size: 150%;
color: #132b5c;
margin: 0 0 10px 0;
}

body#index h1 {
margin: 0 0 20px 0;
}
h1.other {
font-size: 100%;
text-transform: uppercase;
color: #7ca2b8;
margin: 0 0 15px 0;
}

h2 {
font-size: 100%;
text-transform: uppercase;
color: #7ca2b8;
margin: 30px 0 15px 0;
}





table {
border:  none;
padding: 0;
margin: 0;
line-height: 180%;
margin-bottom: 30px;
}

th {
width: 50%;
font-weight: bold;
text-align: left;
}




/* Schiffsmenu */

ul#schiffsnavi {
margin: 60px 0;
padding: 0 5px 0 25px;
}

ul#schiffsnavi li {
list-style-image: url(../img/pfeil_ul.gif);
margin: 0 0 5px 0;
padding: 0;
}

ul#schiffsnavi li a {
font-weight: bold;
color: #132b5c;
}




/* Hauptmenu */

ul#menu {
display: block;
margin: 0;
padding: 0;
}

ul#menu li {
display: inline;
float: left;
margin: 0;
padding: 0;
width: 163px;
border-top: 2px solid #fff;
border-right: 2px solid #fff;
border-bottom: 2px solid #fff;
border-left: none;
}

ul#menu li#last {
border-right: none;
width: 164px;
}

ul#menu li a,
ul#menu li span {
background: #132b5c;
color: #fff;
font-size: 10px;
font-weight: bold;
text-decoration: none;
display: block;
margin: 0;
padding: 4px 0 5px 15px;
}

ul#menu li a.aktiv, ul#menu li a:hover {
background: #7ca2b8;
}


/* Wird nicht angezeigt */
ul#menu li ul {
position: absolute;
margin: 0;
padding: 0;
margin-left: -2px;
border-top: 2px solid #fff;
width: 163px;
display: none;
z-index: 10;
}


/* Klappt aus */
ul#menu li:hover ul { 
/* ul#menu li.hoverOn ul { */
display: block;
z-index: 20;
}

ul#menu li ul li {
display: block;
clear: both;
border-top: none;
border-right: 2px solid #fff;
border-bottom: 2px solid #fff;
border-left: 2px solid #fff;
}

ul#menu li li a {
background: #ededec;
color: #132b5c;
}

ul#menu li li a:hover {
background: #7ca2b8;
color: #132b5c;
}




/* Submenu */
ul#submenu {
margin: 30px 0;
padding: 0;
border-top: 2px solid #fff;
border-bottom: 1px solid #fff;
text-align: left;
}

ul#submenu li {
list-style-type: none;
margin: 0;
padding: 0;
border-bottom: 1px solid #fff;
}

ul#submenu li a {
background: #ededec;
color: #132b5c;
font-size: 10px;
font-weight: bold;
text-decoration: none;
display: block;
margin: 0;
padding: 4px 0 5px 15px;
}

ul#submenu li a.aktiv,
ul#submenu li a:hover {
background: #7ca2b8;
color: #132b5c;
}


div.csc-textpic div.csc-textpic-imagewrap dl.csc-textpic-image {
  margin: 0 10px 10px 0;
}


/* -- NEWS ---------------------------------------------------------- */


.news-latest-container {
	color: #132b5c;
padding: 15px 20px 0px 30px;
}

.news-latest-item {
	margin-bottom: 15px;
}

.news-latest-container h2 {
	color: #132b5c;
	font-weight: bold;
}

.news-latest-container a {
        color: #132b5c;
}
.news-latest-container a:hover {
	color: #7CA2B8;
}

.news-latest-date {
        font-weight: bold;
}
.news-latest-container h3 {
	display: inline;
}
.news-lastest-more, .news-lastest-more a {
	color: #7CA2B8;
}

.news-latest-gotoarchive {
}


/* -- FLEETLIST ---------------------------------------------------------- */
.tl-datatable-pi1-list {
	width: 100%;
	background-color: #fff;
	border-collapse:collapse;
	* font-size: 0.9em;
}
.tl-datatable-pi1-list thead th {
	background-color: #dcdcd9;
	border-left: 2px solid #fff;
	border-bottom: 2px solid #fff;
	white-space: nowrap;
}
.tl-datatable-pi1-list tbody td {
	border-left: 2px solid #fff;
	border-bottom: 2px solid #fff;
}
.tl-datatable-pi1-list th.firstcol,
.tl-datatable-pi1-list td.firstcol {
	border-left: 0px;
}

.tl-datatable-pi1-list th.sortcol {
	padding-left: 3px;
	padding-right: 11px;
	width: auto;
	/* background-color: #7ca2b8; */
	color: #132b5c;
	cursor: pointer;
	white-space: nowrap;
}
.tl-datatable-pi1-list th.sortcol:hover {
	color: #7ca2b8;
}
.tl-datatable-pi1-list th.sortasc {
	padding-left: 3px;
	padding-right: 11px;
	background-image: url('../img/down1.gif');
	background-repeat: no-repeat;
	background-position: right 4px;
	white-space: nowrap;
}
.tl-datatable-pi1-list th.sortdesc {
	padding-left: 3px;
	padding-right: 11px;
	background-image: url('../img/up1.gif');
	background-repeat: no-repeat;
	background-position: right 4px;
	white-space: nowrap;
}
.tl-datatable-pi1-list td {
	/* white-space: nowrap; */
	padding: 5px 5px 5px 5px;
}
.tl-datatable-pi1-list .rowodd td {
	background-color: #f1f1f0;
}
.tl-datatable-pi1-list .roweven td {
	background-color: #dcdcd9;
}

.tl-datatable-pi1-list .alignright {
	text-align: right;
}
.tl-datatable-pi1-list .aligncenter {
	text-align: center;
}

.tl-datatable-pi1-detail th {
	color: #7ca2b8;
}
.tl-datatable-pi1-detail td.label {
	width: 100px;
	font-weight: bold;
}

.tx-tldatatable-pi1 .tl_datatable_download {
	padding-top: 10px; 
	padding-left: 10px; 
	color: #132b5c; 
	font-weight: bold;
	font-size: 11px;
}
.tx-tldatatable-pi1 .tl_datatable_download a {
	color: #132b5c; 
	font-weight: bold;
}

/*-- EXT: Google Map ---------------------------------------------------------- */
.gmapDirHead {
	font-weight: bold;
}
.rggooglemap-menu-descr label {
	color:grey;
 	font-size:10px;
	padding-top:0.2em;
	float:none;
}
.rggooglemap-menu-descr #gmapDirSaddr {
	width: 150px;
}

/*-- Neuigkeiten News ---------------------------------------------------------- */

.news-list-date {
  font-weight: normal;
}
.news-list-item h3 {
  font-size: 12px;
}
.news-single-item h2 {
   font-size: 12px;
   margin-top: 5px;
   margin-bottom: 5px;
}

.news-single-subheader {
  font-size: 1.1em;
  font-weight: bold;
}

.news-single-item hr,
.news-list-item hr {
  border: 0;
  height: 2px;
  background-color: #dcdcd9;
}

.news-list-container {
  margin-top: 20px;
  border-top: 2px solid  #dcdcd9;
}