@charset "utf-8";
/* CSS Document */

body {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #124877;
	margin: 0;
	padding: 0;
	background-color: #E3EAF5;
}

.neutralisator {
	width: 100%;
	height: 1px;
	clear: both;
	overflow: hidden;
}


/***********************************************************************************************************************
	WRAPPER
***********************************************************************************************************************/

#wrapper {
	width: 100%;
	background-image: url(/images/bg_top.jpg);
	background-repeat: repeat-x;
	background-position: 0 -26px;
}

/***********************************************************************************************************************
	TOP
***********************************************************************************************************************/

#top {
	width: 955px;
	height: 245px;
	padding: 0 10px 0 10px;
	background-image: url(/images/top_de.jpg);
	background-repeat: no-repeat;
	background-position: 0 -26px;
	margin-left: auto;
	margin-right: auto;
}

#top_en {
	width: 955px;
	height: 245px;
	padding: 0 10px 0 10px;
	background-image: url(/images/top_en.jpg);
	background-repeat: no-repeat;
	background-position: 0 -26px;
	margin-left: auto;
	margin-right: auto;
}


/***********************************************************************************************************************
	TOP-MENU
***********************************************************************************************************************/

#top_menu {
	float: right;
	height: 28px;
	margin: 18px 0 0 181px;
	color: #9EB0C2;
}
#top_menu a { 
	font-size: 10px;
	font-weight: bold;
	color: #BFCAD0;
	text-decoration: none;
	margin: 0 0 0 24px;
	display: block;
	float: right;
}
#top_menu a:hover {
	font-size: 10px;
	font-weight: bold;
	color: #124877;
	text-decoration: none;
	margin: 0 0 0 24px ;
	display: block;
	float: right;
}

#top_menu a.flagge_de {
	width: 17px;
	height: 11px;
	background-image: url(/images/flagge_de.png);
	text-decoration: none;
	margin: 1px 0 0 24px;
	display: block;
	float: right;
}

#top_menu a.flagge_en {
	width: 17px;
	height: 11px;
	background-image: url(/images/flagge_en.png);
	text-decoration: none;
	margin: 1px 0 0 24px;
	display: block;
	float: right;
}

#top_menu a.links { 
	font-size: 10px;
	font-weight: bold;
	color: #E3EAF5;
	text-decoration: none;
	margin: 0 0 0 24px;
	display: block;
	float: right;
}
#top_menu a.links:hover {
	font-size: 10px;
	font-weight: bold;
	color: #E3EAF5;
	text-decoration: none;
	margin: 0 0 0 24px ;
	display: block;
	float: right;
}

#top_link_home {
	width: 955px;
	height: 178px;
	display: block;
	outline: none;
}

/***********************************************************************************************************************
	SHIP-MENU
***********************************************************************************************************************/

#ship_menu_wrapper {
	clear: both;
	width: 955px;
	height: 21px;
	margin: 0 0 0 0;
	text-align: center;
}
#ship_menu {
	height: 21px;
	padding: 2px 0 0 0;
	color: #124877;
}
#ship_menu a, #ship_menu div {
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	padding: 0 105px 0 0;
	letter-spacing: 1px;
	display: inline;
}
#ship_menu a:hover {
	font-size: 10px;
	font-weight: bold;
	color: #DCE5F2;
	text-decoration: none;
	padding: 0 105px 0 0;
	letter-spacing: 1px;
}
#ship_menu a.last, #ship_menu div.last {
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	padding: 0;
	letter-spacing: 1px;
	display: inline;
}
#ship_menu a.last:hover {
	font-size: 10px;
	font-weight: bold;
	color: #DCE5F2;
	text-decoration: none;
	padding: 0;
}


/***********************************************************************************************************************
	MAIN
***********************************************************************************************************************/

#main {
	width: 955px;
	margin-left: auto;
	margin-right: auto;
	background-color: #FFFFFF;
	border-left: 10px solid #FFFFFF;
	border-right: 10px solid #FFFFFF;
}

/***********************************************************************************************************************
	MAIN NAUFTEILUNG
***********************************************************************************************************************/

#spalte1 {
	width: 163px;
	min-height: 925px;
	float: left;
	margin: 0 18px 18px 0;
	background-image: url(/images/bg_spalte1.jpg);
	background-repeat: repeat-x;
}

#spalte2 {
	width: 593px;
	float: left;
	margin: 0 0 18px 0;
}

#spalte3 {
	width: 163px;
	min-height: 925px;
	float: right;
	margin: 0 0 18px 0;
	background-image: url(/images/bg_spalte1.jpg);
	background-repeat: repeat-x;
}


/***********************************************************************************************************************
	SPALTE 1 (jMenue)
***********************************************************************************************************************/

.jMenue {
	cursor: pointer;
	list-style-type: none;
	padding: 0;
}

.jMenue .active {
	color: #000000;
}

.jMenueBG .active {
	color: #FFFFFF;
	background: #002049;
}

.jMenue a {
	color: #135B8B;
	font-weight: bold;
	font-size: 10px;
	text-transform: uppercase;
	text-decoration: none;
	margin: 0 0 1px 0;
}

.jMenue :focus {
	outline: none;
}

.verticalMenue{
	width: auto;
	margin: 0;
}

.verticalMenue li{
	margin: 0;
}

.verticalMenue a{
	width: 153px;
	height: 12px;
	display: block;
}

.horizontalMenue{
	height: 50px;
	margin: 50px;
}

.horizontalMenue li{
	float: left;
}

.jMenueBG a {
	background: #135B8B;
	color: #FFF;
	padding: 5px;
}
.jMenueBG a.sub {
	width: 138px;
	padding: 5px 5px 5px 20px;
	font-size: 9px;
	line-height: 12px;
}
/*funktionsfähigkeit ohne JS*/
.jMenueNoJs a:hover,
.jMenueNoJs a:focus{
	color:#002049;
}
.jMenueBGNoJs a:hover,
.jMenueBGNoJs a:focus{
	background:#002049;
	color:#FFF;
}

.menu_spacer {
	width: 100%;
	height: 1px;
}


/***********************************************************************************************************************
	SPALTE 1 (MENU)
***********************************************************************************************************************/

.spalte1_headline {
	width: 163px;
	height: 18px;
	padding: 6px 0 0 0;
	text-align: center;
	font-size: 10px;
	color: #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	background-color: #0A3A66;
	background-image: url(/images/button_bg.jpg);
	background-repeat: repeat-x;
}

a.home_button {
	display: block;
	width: 153px;
	padding: 0 0 0 5px;
	color: #FFFFFF;
	text-decoration: none;
	text-align: left;
}
a.home_button:hover {
	display: block;
	width: 153px;
	padding: 0 0 0 5px;
	color: #DCE5F2;
	text-decoration: none;
	text-align: left;
}


.teaser_limited_edition {
	width: 151px;
	height: 250px;
	margin: 30px 0 0 5px;
	background-image: url(/images/teaser_limited_edition.jpg);
	display: block;
	border: 1px solid #124877;
}

.teaser_elbfahrten {
	width: 151px;
	height: 250px;
	margin: 30px 0 0 5px;
	background-image: url(/images/teaser_elbfahrten.jpg);
	display: block;
	border: 1px solid #124877;
}

.teaser_info_hafenverkehr {
	width: 151px;
	height: 45px;
	margin: 0 0 0 5px;
	background-image: url(/images/info_hafenverkehr/teaser_info_hafenverkehr.jpg);
	display: block;
	border: 1px solid #124877;
}

.teaser_trailer {
	width: 151px;
	height: 100px;
	margin: 0px 5px 20px 5px;
	background-image: url(/images/teaser_trailer.jpg);
	display: block;
	border: 1px solid #124877;
}



/***********************************************************************************************************************
	MENU
***********************************************************************************************************************/


#menu {
	width: 153px;
	padding: 15px 10px 15px 0;
}

a.menupunkt {
	display: block;
	width: 138px;
	padding: 0 0 0 20px;
	margin: 0 0 22px 0;
	font-size: 10px;
	color: #124877;
	background-image: url(/images/menupunkt.gif);
	background-repeat: no-repeat;
	background-position: 5px 4px;
	text-decoration: none;
	text-align: left;
}

a.menupunkt:hover {
	display: block;
	width: 138px;
	padding: 0 0 0 20px;
	margin: 0 0 22px 0;
	font-size: 10px;
	color: #000000;;
	background-image: url(/images/menupunkt.gif);
	background-repeat: no-repeat;
	background-position: 5px 4px;
	text-decoration: none;
	text-align: left;
}

/* Hover für Menüpunkte ohne Untermenu */

a.menupunktHighlight {
	display: block;
	width: 138px;
	padding: 0 0 0 20px;
	margin: 0 0 22px 0;
	font-size: 10px;
	color: #000000;
	background-image: url(/images/menupunkt.gif);
	background-repeat: no-repeat;
	background-position: 5px 4px;
	text-decoration: none;
	text-align: left;
}

a.menupunktHighlight:hover {
	display: block;
	width: 138px;
	padding: 0 0 0 20px;
	margin: 0 0 22px 0;
	font-size: 10px;
	color: #124877;
	background-image: url(/images/menupunkt.gif);
	background-repeat: no-repeat;
	background-position: 5px 4px;
	text-decoration: none;
	text-align: left;
}

/* Hover für Menüpunkte mit Untermenu */

a.menupunktHighlight2 {
	display: block;
	width: 138px;
	padding: 0 0 0 20px;
	margin: 0 0 11px 0;
	font-size: 10px;
	color: #000000;
	background-image: url(/images/menupunkt.gif);
	background-repeat: no-repeat;
	background-position: 5px 4px;
	text-decoration: none;
	text-align: left;
}

a.menupunktHighlight2:hover {
	display: block;
	width: 138px;
	padding: 0 0 0 20px;
	margin: 0 0 11px 0;
	font-size: 10px;
	color: #124877;
	background-image: url(/images/menupunkt.gif);
	background-repeat: no-repeat;
	background-position: 5px 4px;
	text-decoration: none;
	text-align: left;
}

a.submenupunkt {
	display: block;
	width: 123px;
	padding: 0 0 0 20px;
	margin: 0 0 11px 15px;
	font-size: 9px;
	color: #124877;
	background-image: url(/images/menupunkt.gif);
	background-repeat: no-repeat;
	background-position: 5px 4px;
	text-decoration: none;
	text-align: left;
}

a.submenupunkt:hover {
	display: block;
	width: 123px;
	padding: 0 0 0 20px;
	margin: 0 0 11px 15px;
	font-size: 9px;
	color: #000000;
	background-image: url(/images/menupunkt.gif);
	background-repeat: no-repeat;
	background-position: 5px 4px;
	text-decoration: none;
	text-align: left;
}

a.submenupunktHighlight {
	display: block;
	width: 123px;
	padding: 0 0 0 20px;
	margin: 0 0 11px 15px;
	font-size: 9px;
	color: #000000;
	background-image: url(/images/menupunkt.gif);
	background-repeat: no-repeat;
	background-position: 5px 4px;
	text-decoration: none;
	text-align: left;
}

a.submenupunktHighlight:hover {
	display: block;
	width: 123px;
	padding: 0 0 0 20px;
	margin: 0 0 11px 15px;
	font-size: 9px;
	color: #124877;
	background-image: url(/images/menupunkt.gif);
	background-repeat: no-repeat;
	background-position: 5px 4px;
	text-decoration: none;
	text-align: left;
}



/***********************************************************************************************************************
	SPALTE 2 (PARTNER)
***********************************************************************************************************************/

.partner {
	width: 143px;
	padding: 0;
	margin: 20px 10px 0 10px;
	text-align: center;
	display: block;
}

.premiumpartner {
	margin: 10px 0 9px 0;
}

.premiumpartner2 { /* nur fuer Securitas */
	margin: 10px 0 10px 0;
}

/***********************************************************************************************************************
	COUNTER NORMAL
***********************************************************************************************************************/

#counter {
	width: 151px;
	border-left: 1px solid #124877;
	border-right: 1px solid #124877;
	margin: 20px 5px 0 5px;
	background-color: #FFFFFF;
}

#Countdown_Zeit, #Countdown_Tage {
	width: 121px;
	height: 16px;
	padding: 2px 0 0 0;
	margin: 0 0 18px 0;
	font-size: 12px;
	font-weight: bold;
	color: #99181D;
	text-align: center;
	border-top: 5px solid #124877;
	border-bottom: 5px solid #124877;
	border-left: 15px solid #124877;
	border-right: 15px solid #124877;
}


/***********************************************************************************************************************
	COUNTER OMEGA
***********************************************************************************************************************/

#counter_omega {
	width: 151px;
	height: 152px;
	border: 1px solid #124877;
	margin: 20px 5px 0 5px;
	padding: 67px 0 0 0;
	background-image: url(/images/counter_omega.jpg);
	background-repeat: no-repeat;
}

#Countdown_Zeit_omega, #Countdown_Tage_omega {
	width: 151px;
	height: 10px;
	padding: 2px 0 0 0;
	margin: 0 0 10px 0;
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
}


/***********************************************************************************************************************
	DIGITALUHR und DATUM
***********************************************************************************************************************/

#digitaluhr {
	width: 131px;
	height: 21px;
	text-align: center;
	margin: 0;
	padding: 5px 20px 5px 0;
	background-color: #124877;
}
#ziffer1, #ziffer2, #ziffer3, #ziffer4 {
	width: 15px;
	height: 21px;
	float: right;
}
#digitaluhr .uhr {
	width: 46px;
	height: 21px;
	background-image: url(/images/digitaluhr/uhr.gif);
	background-repeat: no-repeat;
	float: right;
}
#digitaluhr .doppelpunkt {
	width: 6px;
	height: 21px;
	background-image: url(/images/digitaluhr/doppelpunkt.gif);
	background-repeat: no-repeat;
	float: right;
}

#datum {
	width: 151px;
	text-align: center;
	margin: 0;
	padding: 0 0 5px 0;
	background-color: #124877;
	color: #FFFFFF;
	font-size: 9px;
}


/***********************************************************************************************************************
	DIGITALUHR und DATUM (OMEGA)
***********************************************************************************************************************/

#digitaluhr_omega {
	width: 151px;
	height: 21px;
	text-align: center;
	margin: 0;
	padding: 5px 0 5px 0;
	color: #FFFFFF;
	font-size: 15px;
}
#ziffer1_omega, #ziffer2_omega, #ziffer3_omega, #ziffer4_omega {
	width: 10px;
	height: 13px;
	float: right;
}
#digitaluhr_omega .uhr_omega {
	width: 29px;
	height: 13px;
	background-image: url(/images/digitaluhr_omega/uhr.gif);
	background-repeat: no-repeat;
	float: right;
}
#digitaluhr_omega .doppelpunkt_omega {
	width: 5px;
	height: 13px;
	background-image: url(/images/digitaluhr_omega/doppelpunkt.gif);
	background-repeat: no-repeat;
	float: right;
}

#datum_omega {
	width: 151px;
	text-align: center;
	margin: 0;
	padding: 0 0 5px 0;
	color: #FFFFFF;
	font-size: 9px;
}


/***********************************************************************************************************************
	PARTNER-ROLLE
***********************************************************************************************************************/

#partner_rolle_wrapper {
	width: 151px;
	height: 230px;
	border-top: 20px solid #124877;
	border-bottom: 20px solid #124877;
	border-left: 1px solid #124877;
	border-right: 1px solid #124877;
	background-color: #FFFFFF;
	margin: 0 5px 0 5px;
	overflow: hidden;
	position: relative;
}

.partner_rolle_headline {
	width: 153px;
	height: 16px;
	padding: 4px 0 0 0;
	text-align: center;
	font-size: 10px;
	color: #FFFFFF;
	margin: 0 5px 0 5px;
	background-color: #124877;
}

.partner_rolle_wrapper {
	width: 151px;
	height: 100px;
	border-bottom: 20px solid #124877;
	border-left: 1px solid #124877;
	border-right: 1px solid #124877;
	background-color: #FFFFFF;
	margin: 0 5px 20px 5px;
	overflow: hidden;
	position: relative;
}

#partner_rolleid1 {
	width: 151px;
	overflow: hidden;
	position: relative;
}

#partner_rolleid2, #partner_rolleid3, #partner_rolleid4 {
	width: 151px;
	overflow: hidden;
	position: relative;
}

#partner_rolleid1 a, #partner_rolleid2 a, #partner_rolleid3 a, #partner_rolleid4 a {
	display: block;
	margin: 0 0 30px 0;
}

.partner_spacer {
	width: 150px;
	height: 30px;
}


/***********************************************************************************************************************
	PARTNER
***********************************************************************************************************************/

.partner_wrapper {
	width: 151px;
	height: 100px;
	border-left: 1px solid #124877;
	border-right: 1px solid #124877;
	background-color: #FFFFFF;
	margin: 0 5px 0 5px;
	padding: 10px 0 10px 0;
	overflow: hidden;
	position: relative;
}

#partner_headline {
	width: 153px;
	height: 16px;
	padding: 4px 0 0 0;
	text-align: center;
	font-size: 10px;
	color: #FFFFFF;
	margin: 10px 5px 0 5px;
	background-color: #0A3A66;
	background-image: url(/images/button_bg.jpg);
	background-repeat: repeat-x;
	text-transform: uppercase;
}

#partner_content {
	width: 151px;
	overflow: hidden;
	position: relative;
	display: block;
}

#partner_subline {
	width: 153px;
	height: 16px;
	padding: 4px 0 0 0;
	text-align: center;
	font-size: 10px;
	color: #FFFFFF;
	margin: 0 5px 20px 5px;
	background-color: #0A3A66;
	background-image: url(/images/button_bg.jpg);
	background-repeat: repeat-x;
	text-transform: uppercase;
}



/***********************************************************************************************************************
	SPALTE 2 (CONTENT)
***********************************************************************************************************************/

#content {
	clear: both;
	width: 553px;
	min-height: 600px;
	padding: 18px;
	border: 2px solid #DCE5F2;
	margin-bottom: 18px;
	text-align: justify;
}

#content a {
	color: #124877;
	font-weight: bold;
	text-decoration: none;
}
#content a:hover {
	color: #D80015;
	font-weight: bold;
	text-decoration: underline;
}

p, ul {
	margin: 0 0 10px 0;
	padding: 0;
}

p.last, ul.last {
	margin: 0 0 0 0;
	padding: 0;
}

ul.schiffdetails {
	margin: 0 0 18px 18px;
	padding: 0;
}

ul.schiffdetails1 {
	margin: 0 0 18px 18px;
	padding: 0;
	float: left;
}

ul.schiffdetails2 {
	margin: 0 0 18px 36px;
	padding: 0;
	float: left;
}

.einleitung {
	font-style: italic;
	margin: 0 0 18px 0;
}

.text_highlight {
	color: #D80015;
}

.pdf {
	background-image: url(/images/icon_pdf.gif);
	background-repeat: no-repeat;
	padding: 0px 0px 5px 15px;
}


.trenner {
	width: 100%;
	height: 1px;
	margin: 0 0 18px 0;
	border-bottom: 1px solid #124877;
	clear: both;
}

.infokasten {
	width: 531px;
	padding: 10px;
	margin: 10px 0 18px 0;
	color: #124877;
	background-color: #DCE5F2;
	border: 1px solid #124877;
}

.infokasten_rechts {
	width: 200px;
	padding: 10px;
	margin: 0 0 18px 18px;
	float: right;
	color: #124877;
	background-color: #DCE5F2;
	border: 1px solid #124877;
}

.infokasten_rechts2 {
	width: 200px;
	padding: 10px;
	margin: 0 0 18px 18px;
	float: right;
	color: #124877;
	background-color: #DCE5F2;
	border: 1px solid #124877;
	text-align: left;
}

.infokasten_links {
	width: 200px;
	padding: 10px;
	margin: 0 18px 18px 0;
	float: left;
	color: #124877;
	background-color: #DCE5F2;
	border: 1px solid #124877;
}

.infokasten_links2 {
	width: 200px;
	padding: 10px;
	margin: 0 18px 18px 0;
	float: left;
	color: #124877;
	background-color: #DCE5F2;
	border: 1px solid #124877;
	text-align: left;
}

.infokasten_rechts_mitte {
	width: 200px;
	padding: 10px;
	margin: 18px 0 18px 18px;
	float: right;
	color: #124877;
	background-color: #DCE5F2;
	border: 1px solid #124877;
}

.infokasten_rechts_mitte2 {
	width: 200px;
	padding: 10px;
	margin: 18px 0 18px 18px;
	float: right;
	color: #124877;
	background-color: #DCE5F2;
	border: 1px solid #124877;
	text-align: left;
}

.infokasten_links_mitte {
	width: 200px;
	padding: 10px;
	margin: 18px 18px 18px 0;
	float: left;
	color: #124877;
	background-color: #DCE5F2;
	border: 1px solid #124877;
}

.infokasten_links2_mitte {
	width: 200px;
	padding: 10px;
	margin: 18px 18px 18px 0;
	float: left;
	color: #124877;
	background-color: #DCE5F2;
	border: 1px solid #124877;
	text-align: left;
}

.content_spalte1 {
	width: 266px;
	float: left;
}
.content_spalte2 {
	width: 266px;
	float: right;
}

/***********************************************************************************************************************
	BLUEPORT - ZITATE
***********************************************************************************************************************/

#blueport_zitate_wrapper {
	width: 531px;
	height: 97px;
	padding: 10px;
	color: #124877;
	background-color: #DCE5F2;
	border: 1px solid #124877;
	position: relative;
}

#blueport_zitate_wrapper #pfeil_zurueck {
	width: 15px;
	height: 21px;
	position: absolute;
	top: 48px;
	left: 10px;
	background-image: url(/images/pfeil_zurueck.jpg);
	background-repeat: no-repeat;
	display: block;
}

#blueport_zitate_wrapper #pfeil_weiter {
	width: 15px;
	height: 21px;
	position: absolute;
	top: 48px;
	right: 10px;
	background-image: url(/images/pfeil_weiter.jpg);
	background-repeat: no-repeat;
	display: block;
}

#blueport_zitate_wrapper .blueport_zitate {
	width: 461px;
	height: 97px;
	position: absolute;
	top: 10px;
	left: 45px;
	text-align: center;
	font-weight: bold;
}

#blueport_zitate_wrapper .blueport_zitate span {
	font-size: 10px;
	font-weight: normal;
	display: block;
	margin: 10px 0 0 0;
}



/***********************************************************************************************************************
	HEADLINES
***********************************************************************************************************************/

h1 {
	font-size: 15px;
	color: #124877;
	font-weight: bold;
	margin: 0 0 10px 0;
	text-transform: uppercase;
	text-align: left;
}

h2 {
	font-size: 14px;
	color: #124877;
	font-weight: bold;
	margin: 0 0 10px 0;
}

h3 {
	font-size: 14px;
	color: #124877;
	font-weight: bold;
	margin: 0 0 10px 0;
	/* text-transform: uppercase; */
}

h4 {
	font-size: 13px;
	color: #124877;
	font-weight: bold;
	margin: 0 0 10px 0;
}

h5 {
	font-size: 12px;
	color: #D80015;
	font-weight: bold;
	margin: 0 0 5px 0;
}

h6 {
	font-size: 12px;
	color: #D80015;
	font-weight: bold;
	margin: 0 0 5px 0;
}

/***********************************************************************************************************************
	TRAILER
***********************************************************************************************************************/

#content_trailer {
	clear: both;
	width: 553px;
	padding: 18px;
	border: 2px solid #DCE5F2;
	margin-bottom: 18px;
	text-align: justify;
	background-image: url(/images/strukturfond_blau.jpg);
	background-repeat: no-repeat;
	background-position: top center;
}

#trailer_wrapper {
	width: 458px;
	height: 274px;
	border: 1px solid #FFFFFF;
	margin: 0 0 10px 47px;
}

h1.trailer {
	color: #FFFFFF;
	margin: 0 0 20px 47px;
}

/***********************************************************************************************************************
	FOTO-FADER AUF STARTSEITE
***********************************************************************************************************************/

#fotofader_wrapper {
	width: 551px;
	height: 319px;
	border: 1px solid #124877;
	margin: 0 0 20px 0;
}

#fotofader {
	width: 551px;
	height: 319px;
}

#fotofader_trenner {
	width: 100%;
	height: 20px;
	border-top: 2px solid #DCE5F2;
}

/***********************************************************************************************************************
	FOTO-SLIDER AUF STARTSEITE
***********************************************************************************************************************/

#fotoslider_wrapper {
	width: 551px;
	height: 320px;
	position: relative;
	top: 0px;
	left: 0px;
	margin: 0;
	overflow: hidden;
	border: 1px solid #124877;
	margin: 0 0 20px 0;
}

#fotoslider_content {
	height: 320px;
	position: relative;
	top: 0;
	left: 0;
}

.fotoslider {
	width: 551px;
	height: 320px;
	background-position: 0 0;
	background-repeat: no-repeat;
	margin: 0;
	float: left;
	display: block;
}

#pfeil_previous {
	width: 20px;
	height: 20px;
	float: left;
	margin: 0;
	background-image: url(/images/pfeil_previous.jpg);
	background-repeat: no-repeat;
	display: block;
	outline: none;
}

#pfeil_next {
	width: 20px;
	height: 20px;
	float: right;
	margin: 0;
	background-image: url(/images/pfeil_next.jpg);
	background-repeat: no-repeat;
	display: block;
	outline: none;
}

#bildernavi {
	width: 522px;
	height: 20px;
	margin: 0 0 20px 0;
	display: block;
	text-align: center;
}

#bildernavi a.inactive {
	width: 18px;
	height: 18px;
	border: 1px solid #124877;
	display: block;
	line-height: 18px;
	text-align: center;
	float: left;
	text-decoration: none;
	margin: 0 3px 0 0;
	outline: none;
}

#bildernavi a.inactive:hover {
	background-color: #124877;
	color: #FFFFFF;
	text-decoration: none;
	outline: none;
}

#bildernavi a.active {
	width: 18px;
	height: 18px;
	border: 1px solid #124877;
	background-color: #124877;
	color: #FFFFFF;
	display: block;
	line-height: 18px;
	text-align: center;
	float: left;
	text-decoration: none;
	margin: 0 3px 0 0;
	outline: none;
}

#bildernavi a.active:hover {
	background-color: #FFFFFF;
	color: #000000;
	text-decoration: none;
	outline: none;
}

/***********************************************************************************************************************
	BILDER
***********************************************************************************************************************/

.bild_links_oben {
	float: left;
	border: 1px solid #124877;
	margin: 0 18px 18px 0;
}
.bild_links {
	float: left;
	border: 1px solid #124877;
	margin: 18px 18px 18px 0;
}
.bild_rechts_oben {
	float: right;
	border: 1px solid #124877;
	margin: 0 0 18px 18px;
}
.bild_rechts {
	float: right;
	border: 1px solid #124877;
	margin: 18px 0 18px 18px;
}

.bild_gross {
	border: 1px solid #124877;
	margin: 0 0 18px 0;
}
.bild_gross_unten {
	border: 1px solid #124877;
	margin: 0;
}
.bild_rechts_oben2 {
	float: right;
	margin: 0 0 18px 18px;
}

.bu {
	font-weight: normal;
	font-size: 10px;
}

/***********************************************************************************************************************
	PROGRAMMPUNKTE
***********************************************************************************************************************/
.programm_datum {
	width: 120px;
	float: left;
	color: #D80015;
	font-weight: bold;
	padding: 3px 0 3px 0;
}

.programm_text {
	width: 415px;
	float: right;
	padding: 3px 0 3px 0;
}

.programm_text {
	width: 415px;
	float: right;
	padding: 3px 0 3px 0;
}

.programm_text p {
	margin: 0;
}

#programm_stand {
	text-align: right;
	margin: 50px 0 0 0;
}

/***********************************************************************************************************************
	TEASER
***********************************************************************************************************************/

.teaser_bild {
	width: 200px;
	border: 1px solid #124877;
	margin: 0 0 18px 0;
	float: left;
}

.teaser_text {
	width: 333px;
	margin: 0 0 18px 0;
	float: right;
}

/***********************************************************************************************************************
	VOR, ZURÜCK UND WEITER
***********************************************************************************************************************/

.vor {
	width: 180px;
	float: right;
	font-weight: bold;
	text-align: right;
}
.zurueck {
	width: 180px;
	float: left;
	font-weight: bold;
}
.uebersicht {
	width: 180px;
	float: left;
	padding: 0 0 0 7px;
	font-weight: bold;
	text-align: center;
}

/***********************************************************************************************************************
	ADRESSBLOCK IN IMPRESSUM UND KONTAKT
***********************************************************************************************************************/

.adressblock0 {
	width: 240px;
	clear: both;
}
.adressblock1 {
	width: 50px;
	float: left;
	clear: both;
}
.adressblock2 {
	width: 190px;
	float: left;
}

/***********************************************************************************************************************
	KONTAKT
***********************************************************************************************************************/

.kontakt_spalte1 {
	width: 295px;
	margin: 0;
	padding: 0 10px 0 0;
	float: left;
}
.kontakt_spalte2 {
	width: 240px;
	padding: 0;
	margin: 0;
	float: right;
}
.feld_spalte1 {
	font-size: 11px;
	width: 220px;
	padding: 5px 0 5px 0;
	vertical-align: top;
	float: left;
}

.feldname {
	width: 65px;
	font-size: 11px;
	font-weight: normal;
	text-align: right;
	padding: 5px 10px 5px 0;
	vertical-align: top;
	float: left;
	clear: both;
}
.feldname_required {
	width: 65px;
	font-size: 11px;
	font-weight: bold;
	text-align: right;
	padding: 5px 10px 5px 0;
	vertical-align: top;
	float: left;
	clear: both;
}

.feld_spalte1 {
	font-size: 11px;
	width: 220px;
	padding: 5px 0 5px 0;
	vertical-align: top;
	float: left;
}
.feld {
	font-size: 11px;
	background-color:#F1F1F1;
	border: 1px #124877 solid;
	width: 218px;
}
.feld_warning {
	color: #124877;
	font-size: 11px;
	background-color:#DCE5F2;
	border: 1px #124877 solid;
	width: 218px;
}
.button {
	font-size: 11px;
	width: 218px;
	background-color: #124877;
	color: #FFFFFF;
	font-weight: bold;
	border: 1px solid #000000;
	margin: 5px 0 0 0;
	cursor: pointer;
}


/***********************************************************************************************************************
	LISTEN
***********************************************************************************************************************/
.liste_headline {
	width: 100%;
	color: #124877;
	font-weight: bold;
	border-bottom: 2px solid #124877;
}
.liste_row1 {
	width: 100%;
	color: #124877;
	border-bottom: 1px solid #124877;
}
.liste_row2 {
	width: 100%;
	color: #124877;
	background-color: #DCE5F2;
	border-bottom: 1px solid #124877;
}


/***********************************************************************************************************************
	LIEGEPLÄTZE und LIEGEZEITEN
***********************************************************************************************************************/

.liegezeiten_spalte1 {
	width: 100px;
	padding: 2px 0 2px 0;
	float: left;
	text-align: left;
}
.liegezeiten_spalte2 {
	width: 133px;
	padding: 2px 0 2px 18px;
	float: left;
	text-align: left;
}



/***********************************************************************************************************************
	SCHIFFSINFOS
***********************************************************************************************************************/

.schiffsinfos {
	width: 531px;
	padding: 10px;
	color: #124877;
	border: 1px solid #124877;
	text-align: left;
}

.schiffslogo {
	float: right;
	padding: 0 10px 0 0;
}


/***********************************************************************************************************************
	HOTELS
***********************************************************************************************************************/

#hotelangebot {
	width: 531px;
	padding: 10px;
	color: #124877;
	border: 1px solid #124877;
	text-align: left;
}

#hotelangebot .spalte1 {
	width: 255px;
	float: left;
}

#hotelangebot .spalte2 {
	width: 255px;
	float: right;
}

ul.hotelangebot {
	margin-left: 18px;
	padding: 0;
}



/***********************************************************************************************************************
	Hotel-Fader
***********************************************************************************************************************/

.hotel_wrapper {
	width: 151px;
	height: 91px;
	border-left: 1px solid #124877;
	border-right: 1px solid #124877;
	background-color: #FFFFFF;
	margin: 0 5px 0 5px;
	padding: 0;
	overflow: hidden;
	position: relative;
}

#hotel_headline {
	width: 153px;
	height: 16px;
	padding: 4px 0 0 0;
	text-align: center;
	font-size: 10px;
	color: #FFFFFF;
	margin: 20px 5px 0 5px;
	background-color: #0A3A66;
	background-image: url(/images/button_bg.jpg);
	background-repeat: repeat-x;
	text-transform: uppercase;
}

#hotel_content {
	width: 151px;
	height: 91px;
	overflow: hidden;
	position: relative;
	display: block;
}

#hotel_subline {
	width: 153px;
	height: 16px;
	padding: 4px 0 0 0;
	text-align: center;
	font-size: 10px;
	color: #FFFFFF;
	margin: 0 5px 20px 5px;
	background-color: #0A3A66;
	background-image: url(/images/button_bg.jpg);
	background-repeat: repeat-x;
	text-transform: uppercase;
}



/***********************************************************************************************************************
	Partnereven-Fader
***********************************************************************************************************************/

.partnerevent_wrapper {
	width: 151px;
	height: 91px;
	border-left: 1px solid #124877;
	border-right: 1px solid #124877;
	background-color: #FFFFFF;
	margin: 0 5px 0 5px;
	padding: 0;
	overflow: hidden;
	position: relative;
}

#partnerevent_headline {
	width: 153px;
	height: 16px;
	padding: 4px 0 0 0;
	text-align: center;
	font-size: 10px;
	color: #FFFFFF;
	margin: 10px 5px 0 5px;
	background-color: #0A3A66;
	background-image: url(/images/button_bg.jpg);
	background-repeat: repeat-x;
	text-transform: uppercase;
}

#partnerevent_content {
	width: 151px;
	height: 91px;
	overflow: hidden;
	position: relative;
	display: block;
}

#partnerevent_subline {
	width: 153px;
	height: 16px;
	padding: 4px 0 0 0;
	text-align: center;
	font-size: 10px;
	color: #FFFFFF;
	margin: 0 5px 20px 5px;
	background-color: #0A3A66;
	background-image: url(/images/button_bg.jpg);
	background-repeat: repeat-x;
	text-transform: uppercase;
}


/***********************************************************************************************************************
	BUCHUNG ELBFAHRTEN
***********************************************************************************************************************/

.buchung_spalte1 {
	width: 50px;
	float: left;
	text-align: right;
	margin: 0 0 18px 0;
}

.buchung_spalte2 {
	width: 485px;
	float: right;
	text-align: left;
	margin: 0 0 18px 0;
}

.buchung_button {
	width: 200px;
	text-align: center;
	background-color: #124877;
	color: #DCE5F2;
	font-weight: bold;
	border: 1px solid #DCE5F2;
	padding: 3px; 
}

.buchung_button2 {
	width: 502px;
	text-align: center;
	background-color: #124877;
	color: #DCE5F2;
	font-weight: bold;
	border: 1px solid #DCE5F2;
	padding: 3px; 
	margin: 20px 0 20px 51px;
}


.buchung_feld1 {
	width: 50px;
	text-align: center;
	background-color: #DCE5F2;
	color: #124877;
	font-weight: bold;
	border: 1px solid #124877;
	padding: 3px; 
}
.buchung_hinweis {
	width: 100%;
	color: #D80015;
}
.buchung_hinweis2 {
	width: 100%;
	color: #D80015;
	margin: 0 0 18px 0;
}
.hinweis {
	color: #D80015;
}


.buchung_spalte3 {
	width: 265px;
	height: 30px;
	padding: 2px 0 2px 0;
	float: left;
}
.buchung_spalte4 {
	width: 270px;
	height: 30px;
	float: right;
	padding: 2px 0 2px 0;
}



.buchung_spalte4a {
	width: 70px;
	float: left;
	padding: 2px 0 2px 0;
}
.buchung_spalte4b {
	width: 182px;
	float: right;
	padding: 2px 0 2px 0;
}

.buchung_spalte4c {
	width: 182px;
	float: left;
	padding: 2px 0 2px 0;
}
.buchung_spalte4d {
	width: 70px;
	float: right;
	padding: 2px 0 2px 0;
}
.buchung_spalte4e { /*für Geburtsdatum */
	width: 75px;
	float: left;
	padding: 2px 0 2px 0;
}
.buchung_spalte4f { /*für Geburtsdatum */
	width: 120px;
	float: right;
	padding: 2px 0 2px 0;
}


input.buchung, select.buchung {
	width: 268px;
	background-color: #DCE5F2;
	color: #124877;
	border: 1px solid #124877;
	padding: 3px; 
}
input.buchung_1 { /* 3/4-Feld / Strasse */
	width: 180px;
	background-color: #DCE5F2;
	color: #124877;
	border: 1px solid #124877;
	padding: 3px; 
	margin: 0;
}
input.buchung_2, select.buchung_2 { /* 1/4-Feld / PLZ und Hausnummer und Anrede */
	width: 68px;
	background-color: #DCE5F2;
	color: #124877;
	border: 1px solid #124877;
	padding: 3px;
	margin: 0;
}
input.buchung_3 { /* Geburtsdatum */
	width: 56px;
	background-color: #DCE5F2;
	color: #124877;
	border: 1px solid #124877;
	padding: 3px;
	margin: 0 3px 0 0;
}
input.buchung_4 { /* Geburtsdatum */
	width: 118px;
	background-color: #DCE5F2;
	color: #124877;
	border: 1px solid #124877;
	padding: 3px;
	margin: 0;
}


.buchung_mitfahrer_spalte1 {
	width: 31px;
	float: left;
	padding: 5px 20px 2px 0;
	font-weight: bold;
	text-align: right;
}
.buchung_mitfahrer_spalte2 {
	width: 161px;
	float: left;
	padding: 2px 20px 2px 0;
}
.buchung_mitfahrer_spalte3 {
	width: 161px;
	float: left;
	padding: 2px 0 2px 0;
}
.buchung_mitfahrer_spalte4 {
	width: 40px;
	float: left;
	padding: 2px 10px 2px 0;
}
.buchung_mitfahrer_spalte5 {
	width: 40px;
	float: left;
	padding: 2px 0 2px 0;
}
.buchung_mitfahrer_spalte_geb {
	width: 140px;
	float: left;
	padding: 2px 0 2px 0;
}

input.buchung_mitfahrer_1 {
	width: 159px;
	background-color: #DCE5F2;
	color: #124877;
	border: 1px solid #124877;
	padding: 3px;
}
input.buchung_mitfahrer_2 {
	width: 38px;
	background-color: #DCE5F2;
	color: #124877;
	border: 1px solid #124877;
	padding: 3px;
}
input.buchung_mitfahrer_3 {
	width: 38px;
	background-color: #DCE5F2;
	color: #124877;
	border: 1px solid #124877;
	padding: 3px;
}

.buchung_preise_spalte1 {
	width: 70px;
	float: left;
	text-align: right;
	padding: 0 10px 0 0;
	margin: 0 0 5px 0;
}
.buchung_preise_spalte2 {
	width: 350px;
	float: left;
	text-align: left;
	margin: 0 0 5px 0;
}
.buchung_preise_summe_spalte1 {
	width: 70px;
	float: left;
	text-align: right;
	margin: 0 0 5px 0;
	border-top: 1px solid #124877;
	padding: 5px 10px 0 0;
}
.buchung_preise_summe_spalte2 {
	width: 350px;
	float: left;
	text-align: left;
	margin: 0 0 5px 0;
	border-top: 1px solid #124877;
	padding: 5px 0 0 0;
}


/***********************************************************************************************************************
	CRUISE KALENDER
***********************************************************************************************************************/

.liste_schiffe_1 {
	width: 200px;
	padding: 3px 20px 3px 5px;
	float: left;
}
.liste_schiffe_2 {
	width: 90px;
	padding: 3px 20px 3px 0;
	text-align: center;
	float: left;
}
.liste_schiffe_3 {
	width: 90px;
	padding: 3px 0 3px 0px;
	text-align: center;
	float: right;
}


/*****************************************************************************************
	NEWS AUSGABE
*****************************************************************************************/


.news_ausgabe_headline {
	width: 331px;
	float: right;
	padding: 0px 0px 5px 0px;
	text-align: left;
	font-size: 13px;
	font-weight: bold;
	color: #124877;
}
.news_ausgabe_headline2 {
	width: 551px;
	float: right;
	padding: 0px 0px 5px 0px;
	text-align: left;
	font-size: 13px;
	font-weight: bold;
	color: #124877;
}
.news_ausgabe_datum {
	width: 70px;
	float: right;
	padding: 0px 0px 0px 20px;
	font-size: 12px;
	font-weight: bold;
	color: #124877;
	text-align: right;
}
.news_ausgabe_teaserbild {
	width: 200px;
	float: left;
	padding: 0;
	text-align: left;
}
.news_ausgabe_text {
	width: 331px;
	float: right;
	padding: 0px 0px 18px 0px;
	text-align: justify;
	font-size: 12px;
	color: #124877;
}
.news_ausgabe_text2 {
	width: 551px;
	float: right;
	padding: 0px 0px 5px 0px;
	text-align: justify;
	font-size: 12px;
	color: #124877;
}

.news-archiv {
	font-size: 10px;
	float: right;
}

.icon_print {
	width: 12px;
	height: 12px;
	background-image: url(/images/icon_drucken.gif);
	background-repeat: no-repeat;
	display: block;
	float: right;
}



/***********************************************************************************************************************
	HAFENPLAN
***********************************************************************************************************************/

#hafenplan_abbinder {
	width: 100%;
	height: 100%;
	background-color: #000000;
	color: #7B7C7E;
	filter: alpha(opacity=85);
	-moz-opacity:.85;
	opacity:.85;
	z-index: 110;
	position: fixed;
	top: 0;
	left: 0;
}

#hafenplan_wrapper {
	width: 700px;
	height: 700px;
	background-color: #FFFFFF;
	position: absolute;
	top: 30px;
	left: 50%;
	margin: 0 0 0 -350px;
	z-index: 120;
	overflow: hidden;
}

#hafenplan_content {
	width: 2286px;
	height: 700px;
	position: absolute;
	top: 0;
	left: 0;
	padding: 0;
	margin: 0;
	border: 0;
}

#hafenplan_close {
	width: 30px;
	height: 30px;
	background-image: url(/images/hafenplan/fancybox.png);
	background-position: -40px 0;
	position: absolute;
	top: 15px;
	left: 50%;
	margin: 0 0 0 335px;
	z-index: 130;
	display: block;
}

#hafenplan_links {
	width: 65px;
	height: 100px;
	position: absolute;
	top: 330px;
	left: 50%;
	margin: 0 0 0 -435px;
	background-image: url(/images/hafenplan/pfeil_links.gif);
	background-repeat: no-repeat;
	display: block;
	z-index: 130;
	outline: none;
}

#hafenplan_rechts {
	width: 65px;
	height: 100px;
	position: absolute;
	top: 330px;
	left: 50%;
	margin: 0 0 0 370px;
	background-image: url(/images/hafenplan/pfeil_rechts.gif);
	background-repeat: no-repeat;
	display: block;
	z-index: 130;
	outline: none;
}

#scrollbarbox {
	display: block;
	visibility: hidden;
	position: absolute;
	left: 0;
	bottom: 0;
	height: 11px;
	width: 700px;
	overflow: hidden;
}
#scrolltrack {
	position: absolute;
	left: 0;
	top: 0;
	width: 700px;
	height: 10px;
	overflow: hidden;
	background-image: url(/images/scroller/h_track_bg.png);
	background-repeat: repeat-x;
	z-index: 10;
}
#scrollgreifer {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 20px;
	height: 10px;
	overflow: hidden;
	z-index: 10;
}
#springpfeil  {
	display: none;
	position: absolute;
	left: 190px;
	top: 0;
	width: 10px;
	height: 10px;
	overflow: hidden;
	z-index: 40;
}

.hafenplan_tooltip_zusatz {
	width: 202px;
	padding: 2px;
	font-size: 10px;
	color: #002049;
	background-color: #FFFFFF;
	text-align: center;
}

.hafenplan_tooltip_headline {
	width: 202px;
	padding: 2px;
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #002049;
}

.hafenplan_tooltip_content {
	width: 200px;
	padding: 2px;
	font-size: 10px;
	color: #000000;
	background-color: #FFFFFF;
	border-top: 1px solid #FFFFFF;
}

#legende_hafenplan {
	width: 120px;
	height: 200px;
	position: absolute;
	top: 530px;
	left: 50%;
	margin: 0 0 0 -490px;
	z-index: 130;
	background-color: #FFFFFF;
}

.legende_punkt {
	width: 25px;
	height: 26px;
	float: left;
	margin: 3px 0 0 3px;
}

.legende_text {
	width: 84px;
	float: right;
	margin: 5px 3px 5px 0;
	font-size: 10px;
}

.legende_text span {
	font-weight: bold;
	font-size: 11px;
}


/***********************************************************************************************************************
	INNENSTADTPLAN
***********************************************************************************************************************/

#innenstadtplan_wrapper {
	width: 700px;
	height: 700px;
	background-color: #FFFFFF;
	position: absolute;
	top: 30px;
	left: 50%;
	margin: 0 0 0 -350px;
	z-index: 120;
	overflow: hidden;
}

#innenstadtplan_content {
	width: 1579px;
	height: 700px;
	position: absolute;
	top: 0;
	left: 0;
	padding: 0;
	margin: 0;
	border: 0;
}

#innenstadtplan_close {
	width: 30px;
	height: 30px;
	background-image: url(/images/hafenplan/fancybox.png);
	background-position: -40px 0;
	position: absolute;
	top: 15px;
	left: 50%;
	margin: 0 0 0 335px;
	z-index: 130;
	display: block;
}

#innenstadtplan_links {
	width: 65px;
	height: 100px;
	position: absolute;
	top: 330px;
	left: 50%;
	margin: 0 0 0 -435px;
	background-image: url(/images/hafenplan/pfeil_links.gif);
	background-repeat: no-repeat;
	display: block;
	z-index: 130;
	outline: none;
}

#innenstadtplan_rechts {
	width: 65px;
	height: 100px;
	position: absolute;
	top: 330px;
	left: 50%;
	margin: 0 0 0 370px;
	background-image: url(/images/hafenplan/pfeil_rechts.gif);
	background-repeat: no-repeat;
	display: block;
	z-index: 130;
	outline: none;
}

#scrollbarbox2 {
	display: block;
	visibility: hidden;
	position: absolute;
	left: 0;
	bottom: 0;
	height: 11px;
	width: 700px;
	overflow: hidden;
}
#scrolltrack2 {
	position: absolute;
	left: 0;
	top: 0;
	width: 700px;
	height: 10px;
	overflow: hidden;
	background-image: url(/images/scroller/h_track_bg.png);
	background-repeat: repeat-x;
	z-index: 10;
}
#scrollgreifer2 {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 20px;
	height: 10px;
	overflow: hidden;
	z-index: 10;
}
#springpfeil2  {
	display: none;
	position: absolute;
	left: 190px;
	top: 0;
	width: 10px;
	height: 10px;
	overflow: hidden;
	z-index: 40;
}
#legende_innenstadtplan {
	width: 120px;
	height: 200px;
	position: absolute;
	top: 530px;
	left: 50%;
	margin: 0 0 0 370px;
	background-color: #FFFFFF;
	z-index: 130;
}

#orientierungsplan_copyright {
	width: 700px;
	color: #FFFFFF;
	position: absolute;
	top: 740px;
	left: 50%;
	margin: 0 0 0 -350px;
	z-index: 130;
	text-align: center;
	font-size: 10px;
}