@charset "UTF-8";
/**
* "Yet Another Multicolumn Layout" - (X)HTML/CSS framework
* (en) central stylesheet
* (de) zentrales Stylesheet
*
* @creator       YAML Builder V1.2 (http://builder.yaml.de)
* @file          my_layout.css
* @-yaml-minver  3.1
*
*/

/* import core styles | Basis-Stylesheets einbinden */
/* base.css */
@media all {
/**
* @section browser reset
* @see     http://www.yaml.de/en/documentation/css-components/base-stylesheet.html
*/

/* (en) Global reset of paddings and margins for all HTML elements */
/* (de) Globales Zurücksetzen der Innen- und Außenabstände für alle HTML-Elemente */
* {
	margin: 0;
	padding: 0;
}
/* (en) Correction: margin/padding reset caused too small select boxes. */
/* (de) Korrektur: Das Zurücksetzen der Abstände verursacht zu kleine Selectboxen. */
option {
	padding-left: 0.4em;
}
/* LTR */
select {
	padding: 1px;
}
/**
* (en) Global fix of the Italics bugs in IE 5.x and IE 6
* (de) Globale Korrektur des Italics Bugs des IE 5.x und IE 6
*
* @bugfix
* @affected   IE 5.x/Win, IE6
* @css-for    IE 5.x/Win, IE6
* @valid      yes
*/
* html body * {
	overflow: visible;
}
* html iframe, * html frame {
	overflow: auto;
}
* html frameset {
	overflow: hidden;
}
/* (en) Forcing vertical scrollbars in Netscape, Firefox and Safari browsers */
/* (de) Erzwingen vertikaler Scrollbalken in Netscape, Firefox und Safari Browsern */
html {
	height: 100%;
	margin-bottom: 1px;
}
body {
	/* (en) Fix for rounding errors when scaling font sizes in older versions of Opera browser */
/* (de) Beseitigung von Rundungsfehler beim Skalieren von Schriftgrößen in älteren Opera Versionen */
font-size: 100.01%; /* (en) Standard values for colors and text alignment */
	/* (de) Vorgabe der Standardfarben und Textausrichtung */
color: #000;
	background: #fff;
	text-align: left; /* LTR */
}
/* (en) Clear borders for <fieldset> and <img> elements */
/* (de) Rahmen für <fieldset> und <img> Elemente löschen */
fieldset, img {
	border: 0 solid;
}
/* (en) new standard values for lists, blockquote and cite */
/* (de) Neue Standardwerte für Listen & Zitate */
ul, ol, dl {
	margin: 0 0 1em 1em
}
/* LTR */
li {
	margin-left: 0.8em; /* LTR */
	line-height: 1.5em;
}
dt {
	font-weight: bold;
}
dd {
	margin: 0 0 1em 0.8em;
}
/* LTR */

blockquote {
	margin: 0 0 1em 0.8em;
}
/* LTR */

blockquote:before, blockquote:after, q:before, q:after {
	content: "";
}

em {
	font-style: normal;
}

/*------------------------------------------------------------------------------------------------------*/

/**
* @section base layout | Basis Layout
* @see     http://www.yaml.de/en/documentation/css-components/base-stylesheet.html
*
* |-------------------------------|
* | #header                       |
* |-------------------------------|
* | #col1   | #col3     | #col2   |
* | 200 px  | flexible  | 200px   |
* |-------------------------------|
* | #footer                       |
* |-------------------------------|
*/

#header {
	position: relative;
}
/* (en) Text Alignment for #topnav content */
/* (de) Textausrichtung für #topnav Inhalte */
#topnav {
	text-align: right;
}
/* LTR */

/* (en) Absolute positioning only within #header */
/* (de) Absolute Positionierung erfolgt nur innerhalb von #header */
#header #topnav {
	position: absolute;
	top: 10px;
	right: 10px; /* LTR */
}
/* (en) Backup for correct positioning */
/* (de) Absicherung korrekte Positionierung */
#header, #nav, #main, #footer {
	clear: both;
}
/* (en/de) Standard: 200 Pixel */
#col1 {
	float: left;
	width: 200px
}
/* (en/de) Standard: 200 Pixel */
#col2 {
	float: right;
	width: 200px
}
/* (en) Standard: center column with flexible width */
/* (de) Standard: Flexible mittlere Spalte */
#col3 {
	width: auto;
	margin: 0 200px
}
/* (en) Preparation for absolute positioning within content columns */
/* (de) Vorbereitung für absolute Positionierungen innerhalb der Inhaltsspalten */
#col1_content, #col2_content, #col3_content {
	position: relative;
}
/*------------------------------------------------------------------------------------------------------*/

/**
* @section clearing methods
* @see     http://yaml.de/en/documentation/basics/general.html
*/

/* (en) clearfix method for clearing floats */
/* (de) Clearfix-Methode zum Clearen der Float-Umgebungen */
.clearfix:after {
	content: ".";
	display: block;
	font-size: 0;
	height: 0;
	clear: both;
	visibility: hidden;
}
/* (en) essential for Safari browser !! */
/* (de) Diese Angabe benötigt der Safari-Browser zwingend !! */
.clearfix {
	display: block;
}
/* (en) overflow method for clearing floats */
/* (de) Overflow-Methode zum Clearen der Float-Umgebungen */
.floatbox {
	overflow: hidden;
}
/* (en) IE-Clearing: Only used in Internet Explorer, switched on in iehacks.css */
/* (de) IE-Clearing: Benötigt nur der Internet Explorer und über iehacks.css zugeschaltet */
#ie_clearing {
	display: none;
}
/*------------------------------------------------------------------------------------------------------*/

/**
* @section hidden elements | Versteckte Elemente
* @see     http://www.yaml.de/en/documentation/basics/skip-links.html
*
* (en) skip links and hidden content
* (de) Skip-Links und versteckte Inhalte
*/

/* (en) classes for invisible elements in the base layout */
/* (de) Klassen für unsichtbare Elemente im Basislayout */
.skip, .hideme, .print, dfn {
    position: absolute;
    left: -1000em; /* LTR */
    top: -1000em;
}

/* (en) make skip links visible when using tab navigation */
/* (de) Skip-Links für Tab-Navigation sichtbar schalten */
.skip:focus, .skip:active {
    position: static;
    left: 0;
    top:0;
}

}

/* import screen layout | Screen-Layout einbinden */
/* nav_slidingdoor.css*/
@media all {
.hlist {
	/* (en) This image is mainly transparent */
/* (de) Dieses Bild ist größtenteils transparent */
background: #0f3a64 url('/assets/img/bg_hlist.png') no-repeat top left;
	float: left;
	width: 100%;
	height: 50px;
	margin: 5px 0 5px 0;
}
.hlist ul {
	line-height: 1em;
	list-style: none;
	margin: 0;
	padding: 0 5px 0 5px; /* LTR */
	white-space: nowrap;
}
.hlist li {
	/* (en) Repeat the main color from the image */
/* (de) Wiederholung der Hauptfarbe aus der Bilddatei */
list-style-type: none !important;
	background: transparent url("images/sliding_door/round/left.png") repeat-x top left;
	border-bottom: 0px solid #000;
	float: left; /* LTR */
	margin: 0;
	padding: 0 0 0 3px;
}
.hlist a, .hlist strong {
	/* (en) This image is mainly transparent */
/* (de) Dieses Bild ist größtenteils transparent */
background: transparent url("images/sliding_door/round/right.png") no-repeat top right;
	color: #fff;
	display: block;
	font-weight: 900;
	font-size: 14px;
	padding: 15px 25px 3px 10px;
	text-decoration: none;
	text-transform: none;
	/**
* @bugfix
* @affected   IE5.x, IE6
* @css-for    all browsers
* @valid      yes
*/
width: auto; /* only IE 5.x */
	width /**/: /**/ .1em; /* only IE 6.0 */
}
.hlist a:link, .hlist a:visited {
	background-color: transparent;
	color: #fff;
}
/**
* @bugfix
* @affected   IE5.x, IE6
* @css-for    all browsers
* @valid      yes
*/
.hlist > ul a, .hlist > ul strong {
	width: auto;
}
/* for other browsers */

.hlist ul li:focus, .hlist ul li:hover, .hlist ul li:active {
	/* (en) Repeat the main color from the image */
/* (de) Wiederholung der Hauptfarbe aus der Bilddatei */
/*background-color: #c4d0dc;*/ /*Effekt deaktiviert*//*background-position: 0 -150px;*/
}
.hlist li:focus a, .hlist li:hover a, .hlist li:active a {
	/*background-position: 100% -150px;*/
color: #fff;
}
.hlist a:focus, .hlist a:hover, .hlist a:active {
	background-color: transparent;
	color: #fff;
	text-decoration: none;
}
.hlist li.active, .hlist ul li.active:focus, .hlist ul li.active:hover, .hlist ul li.active:active {
	/* (en) Repeat the main color from the image */
/* (de) Wiederholung der Hauptfarbe aus der Bilddatei */
background: white url("images/sliding_door/round/left_on.png") no-repeat top left;
	border: 0 none;
}
.hlist li.active strong {
	/* (en) This image is mainly transparent */
/* (de) Dieses Bild ist größtenteils transparent */
background: transparent url("images/sliding_door/round/right_on.png") no-repeat top right;
	color: #334;
	font-weight: bold;
	padding-bottom: 4px;
	padding-top: 5px;
}
}

/* basemod.css */
@media screen, projection {
/*-------------------------------------------------------------------------*/

/* (en) Marginal areas & page background */
/* (de) Randbereiche & Seitenhintergrund */
body {
	background: #d2e9ff;
	padding: 15px 0;
}
/* Layout Alignment | Layout-Ausrichtung */
.page_margins {
	margin: 0 auto;
}
/* Layout Properties | Layout-Eigenschaften */
.page_margins {
	width: 992px;
	background: transparent;
}
.page {
	padding: 0px;
	background: transparent url('/assets/img/page.gif') repeat-y top left;
}
.page_inner_top {
	background: transparent url('/assets/img/page_inner_top.gif') no-repeat top left;
	padding: 6px 0 0 0;
}
.page_inner_bottom {
	background: transparent url('/assets/img/page_inner_bottom.gif') no-repeat bottom left;
	padding: 1px 6px 6px 6px;
}
#imprint {
	padding: 0px;
	color: #000;
	background: transparent;
	height: 20px;
}
#header {
	padding: 0px;
	height: 176px;
	color: #000;
	background: no-repeat transparent;
}
#topnav {
	color: #aaa;
	background: transparent;
}
#nav {
	overflow: hidden;
}
#main {
	margin: 0 0 0 0;
	background: #fff;
}
#footer {
	padding: 0px;
	background: transparent url('/assets/img/footer.gif') repeat-y top left;
	margin: 8px 0 0 0;
	width: 992px;
}
.footer_inner_top {
	background: transparent url('/assets/img/footer_inner_top.gif') no-repeat top left;
	padding: 6px 0 0 0;
}
.footer_inner_bottom {
	background: transparent url('/assets/img/footer_inner_bottom.gif') no-repeat bottom left;
	padding: 25px 22px 25px 22px;
}
#footer .col_left {
	width: 470px;
	float: left;
	text-align: justify;
	margin-right: 10px;
}
#footer .col_right {
	width: 450px;
	float: left;
	margin-left: 10px;
}
/*Menü*/
.menu_block {
	background: #fff url('/assets/img/menu_block.gif') repeat-y top left;
	margin-bottom: 10px;
}
.menu_block .header {
	color: #fff;
	height: 28px;
	background: #4ca5eb url('/assets/img/menu_block_header.gif') no-repeat top left;
	text-transform: uppercase;
	padding: 12px 0 0 10px;
	font-weight: 900;
}
.menu_block .content {
	background: transparent url('/assets/img/menu_block_content.gif') no-repeat bottom left;
}
.menu_block .footer {
	background: #fff url('/assets/img/menu_block_footer.gif') no-repeat bottom left;
	height: 5px;
}
.menu_block ul {
	margin: 0px;
}
.menu_block li {
	list-style-type: none;
	background: transparent url('/assets/img/menu_block_li.png') no-repeat top left;
	padding: 3px 5px 3px 24px;
	line-height: 14px;
}

#menu_block_emotion_pur {
	background: transparent url('/assets/img/emotion_pur.jpg') no-repeat top left;
	height: 145px;
	margin-bottom: 10px;
}
#menu_block_romantik_pur {
	background: transparent url('/assets/img/romantik_pur.jpg') no-repeat top left;
	height: 145px;
	margin-bottom: 10px;
}
#menu_block_tui_sonderreisen {
	background: transparent url('/assets/img/tui_gruppenreisen_button.gif') no-repeat top left;
	display: block;
	height: 46px;
	margin-bottom: 10px;
	padding: 0px;
	color: #303030;
	font-size: 18px;
	font-weight: 900;
}
#menu_block_leserreisen {
	background: transparent url('/assets/img/tui_leserreisen.gif') no-repeat top left;
	display: block;
	height: 64px;
	margin-bottom: 10px;
	padding: 43px 0 0 10px;
	color: #303030;
	font-size: 18px;
	font-weight: 900;
}
#menu_block_kontakt {
	background: transparent url('/assets/img/menu_kontakt.gif') no-repeat top left;
	display: block;
	height: 155px;
	margin-bottom: 10px;
}
#menu_block_natur_erleben {
	background: transparent url('/assets/img/menu_natur_erleben.jpg') no-repeat top left;
	height: 145px;
	margin-bottom: 10px;
}
#menu_block_hotels_fluege_reisen {
	background: transparent url('/assets/img/menu_hotels_fluege_reisen.gif') no-repeat top left;
	height: 107px;
	margin-bottom: 10px;
}
/* (en) navigation: horizontal adjustment | (de) horizontale Ausrichtung  */
#copyright {
	margin-bottom: 25px;
}
#copyright div {
	float: left;
	width: 25%;
    text-align:center;
}
#menu_ad_box .content {
	padding: 3px;
}
/*-------------------------------------------------------------------------*/

/**
* (en) Formatting content container
* (de) Formatierung der Inhalts-Container
*
*/

#main {
	float: left;
	width: 100%;
}
#col1 {
	float: left;
	width: 528px;
	margin: 0 0 0 226px
}
#col2 {
	float: left;
	width: 220px;
	margin: 0 0 0 -754px
}
#col3 {
	float: right;
	width: 220px;
	margin: 0 0 0 0;
}
#col1_content {
	padding: 0px;
}
#col2_content {
	padding: 0px;
}
#col3_content {
	padding: 0px;
}
/* Elemente tolle-kreuzfahrten.de */
.float_left {
	float: left;
}
.float_right {
	float: right;
}
.to_upper {
	text-transform: uppercase;
}
.clear {
	clear: both;
}
/*-------------------------------------------------------------------------*/
}

/* content.css */
@media all {
/**
* Fonts
*
* (en) global settings of font-families and font-sizes
* (de) Globale Einstellungen für Zeichensatz und Schriftgrößen
*
* @section content-global-settings
*/

/* (en) reset font size for all elements to standard (16 Pixel) */
/* (de) Alle Schriftgrößen auf Standardgröße (16 Pixel) zurücksetzen */
html * {
	font-size: 100.01%;
}
/**
* (en) reset monospaced elements to font size 16px in all browsers
* (de) Schriftgröße von monospaced Elemente in allen Browsern auf 16 Pixel setzen
*
* @see: http://webkit.org/blog/67/strange-medium/
*/

textarea, pre, code, kbd, samp, var, tt {
	font-family: Consolas, "Lucida Console", "Andale Mono", "Bitstream Vera Sans Mono", "Courier New", Courier;
}
/* (en) base layout gets standard font size 12px */
/* (de) Basis-Layout erhält Standardschriftgröße von 12 Pixeln */
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 75.00%;
	color: #144570;
}
/*--- Headings | Überschriften ------------------------------------------------------------------------*/

h1, h2, h3, h4, h5, h6 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #222;
	margin: 0 0 0.25em 0;
}
h1 {
	font-size: 180%;
}
/* 30px */
h2 {
	font-size: 150%;
}
/* 24px */
h3 {
	font-size: 133.33%;
}
/* 18px */
h4 {
	font-size: 133.33%;
}
/* 16px */
h5 {
	font-size: 116.67%;
}
/* 14px */
h6 {
	font-size: 116.67%;
}
/* 14px */

h2.region_liste, h2.reederei_liste {
	font-size: 116.67%;
	font-weight:900;
	text-transform:uppercase;
	
	border: 1px solid #4999d7;
	color:#fff;
	margin: 0 10px 0 10px;
	padding: 11px 0 10px 5px;
	
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	
	/* fallback (Opera) */
	background: #4ca5eb;
	/* Mozilla: */
	background: -moz-linear-gradient(top, #4398da, #55b4fe);
	/* Chrome, Safari:*/
	background: -webkit-gradient(linear,left top, left bottom, from(#4398da), to(#55b4fe));
	/* MSIE */
	filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#4398da', EndColorStr='#55b4fe', GradientType=0);
}

#footer h3 {
	font-size: 100%;
	font-weight: 900;
	clear: left;
}
#footer p {
	font-size: 100%;
}
#footer ul {
	clear: left;
}
#footer li {
	font-size: 100%;
	float: left;
	list-style-type: none;
	white-space: nowrap;
}
#footer a {
	color: #0a3058;
	text-decoration: underline;
}
/* --- Lists | Listen  -------------------------------------------------------------------------------- */

ul, ol, dl {
	line-height: 1.5em;
	margin: 0 0 1em 10px;
}
ul li {
	list-style-type: disc;	font-size: 11px;
}
ul ul li {
	list-style-type: circle;
}
ol li {
	list-style-type: decimal;
}
ol ol li {
	list-style-type: lower-latin;
}
li {
	margin-left: 0.8em;
	line-height: 1.5em;
}
dt {
	font-weight: bold;
}
dd {
	margin: 0 0 1em 0.8em;
}
/* --- general text formatting | Allgemeine Textauszeichnung ------------------------------------------ */

p {
	line-height: 1.5em;
	margin: 0 0 1em 0;
}
blockquote, cite, q {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
}
blockquote {
	margin: 0 0 1em 1.6em;
	color: #666;
}
strong, b, em {
	font-weight: bold;
}
i {
	font-style: italic;
}
pre, code, kbd, tt, samp, var {
	font-size: 100%;
}
pre, code {
	color: #800;
}
pre {
	line-height: 1.5em;
	margin: 0 0 1em 0;
}
kbd, samp, var {
	color: #666;
}
var {
	font-style: italic;
}
acronym, abbr {
	border-bottom: 1px #aaa dotted;
	font-variant: small-caps;
	letter-spacing: .07em;
	cursor: help;
}
sub, sup {
	font-size: 91.6667%;
}
hr {
	color: #fff;
	background: transparent;
	margin: 0 0 0.5em 0;
	padding: 0 0 0.5em 0;
	border: 0;
	border-bottom: 1px #eee solid;
}
/*--- Links ----------------------------------------------------------------------------------------- */

a {
	color: #4D87C7;
	background: transparent;
	text-decoration: none;
}#imprint a, #imprint a:visited, #imprint a:focus, #imprint a:hover, #imprint a:active{	color: #000000;	text-decoration: none;}.beschreibung a, .beschreibung a:visited, .beschreibung a:hover, .beschreibung a:focus, .beschreibung a:active{	font-size: 10px;	font-weight: normal;	color: #000000;	text-decoration: none;}
a:visited {
	color: #4D87C7;
}
/* #036 */

a:focus, a:hover, a:active {
	color: #182E7A;
	text-decoration: underline;
}
/* --- images (with optional captions) | Bilder (mit optionaler Bildunterschrift) ------------------ */

p.icaption_left {
	float: left;
	display: inline;
	margin: 0 1em 0.15em 0;
}
p.icaption_right {
	float: right;
	display: inline;
	margin: 0 0 0.15em 1em;
}
p.icaption_left img, p.icaption_right img {
	padding: 0;
	border: 1px #888 solid;
}
p.icaption_left strong, p.icaption_right strong {
	display: block;
	overflow: hidden;
	margin-top: 2px;
	padding: 0.3em 0.5em;
	background: #eee;
	font-weight: normal;
	font-size: 91.667%;
}
/**
* ------------------------------------------------------------------------------------------------- #
*
* Generic Content Classes
*
* (en) standard classes for positioning and highlighting
* (de) Standardklassen zur Positionierung und Hervorhebung
*
* @section content-generic-classes
*/

.highlight {
	color: #f60;
}
.dimmed {
	color: #888;
}
.info {
	background: #f8f8f8;
	color: #666;
	padding: 10px;
	margin-bottom: 0.5em;
	font-size: 91.7%;
}
.note {
	background: #efe;
	color: #040;
	border: 2px #484 solid;
	padding: 10px;
	margin-bottom: 1em;
}
.important {
	background: #ffe;
	color: #440;
	border: 2px #884 solid;
	padding: 10px;
	margin-bottom: 1em;
}
.warning {
	background: #fee;
	color: #400;
	border: 2px #844 solid;
	padding: 10px;
	margin-bottom: 1em;
}
.float_left {
	float: left;
	display: inline;
	margin-right: 1em;
	margin-bottom: 0.15em;
}
.float_right {
	float: right;
	display: inline;
	margin-left: 1em;
	margin-bottom: 0.15em;
}
.center {
	display: block;
	text-align: center;
	margin: 0.5em auto;
}
/**
* ------------------------------------------------------------------------------------------------- #
*
* Tables | Tabellen
*
* (en) Generic classes for table-width and design definition
* (de) Generische Klassen für die Tabellenbreite und Gestaltungsvorschriften für Tabellen
*
* @section content-tables
*/

table {
	width: auto;
	border-collapse: collapse;
	margin-bottom: 1px;
}
table caption {
	font-variant: small-caps;
}
table.full {
	width: 100%;
}
table.fixed {
	table-layout: fixed;
}
th, td {
	padding: 0.5em;
}
thead th {
	color: #000;
}
tbody th {
	background: #e0e0e0;
	color: #333;
}
tbody th[scope="row"], tbody th.sub {
	background: #f0f0f0;
}
tbody th {
	border: 1px solid #fff;
	text-align: left;
}
tbody td {
	border: 1px solid #eee;
}
tbody tr:hover th[scope="row"], tbody tr:hover tbody th.sub {
	background: #f0f0f0;
}
tbody tr:hover td {
	background: #f0f0f0;
}
/**
*
*/

#imprint, #copyright {
	font-size: 10px;
}
/**
*	index_title_top - Startseite
*/
#index_title_top, #index_title_bottom {
	font-size: 10px;
	color: #fff;
	background: url('/assets/img/bg_index_title.jpg') no-repeat top left #216795;
	width: 528px;
	margin-bottom: 10px;
}
#index_title_top .content, #index_title_bottom .content {
	padding: 0px 15px 0px 15px;
}
#index_title_top .header, #index_title_bottom .header {
	background: url('/assets/img/bg_index_title_top.gif') no-repeat top left transparent;
	height: 5px;
}
#index_title_top .footer, #index_title_bottom .footer {
	background: url('/assets/img/bg_index_title_bottom.gif') no-repeat bottom left transparent;
	height: 5px;
}
#index_title_top h1, #index_title_bottom h1 {
	font-size: 16px;
	color: #fff;
	font-weight: 900;
}
#index_title_top h2, #index_title_bottom h2 {
	font-size: 13px;
	color: #fff;
	font-weight: 900;
}
/**
*	kreuzfahrten_liste_block_top - Kreuzfahrt nach Reederei
*/
#kreuzfahrten_liste_block_top, #kreuzfahrten_liste_block_bottom {
	font-size: 10px;
	color: #303030;
	background: url('/assets/img/bg_reederei_title.jpg') no-repeat top left #E4F2FB;
	width: 755px;
	margin-bottom: 10px;
	padding: 0px;
}
#kreuzfahrten_liste_block_top .content, #kreuzfahrten_liste_block_bottom .content {
	padding: 0px 15px 0px 15px;
}
#kreuzfahrten_liste_block_top .header, #kreuzfahrten_liste_block_bottom .header {
	background: url('/assets/img/bg_kreuzfahrten_liste_block_top.gif') no-repeat top left transparent;
	height: 5px;
	padding: 0px;
}
#kreuzfahrten_liste_block_top .footer, #kreuzfahrten_liste_block_bottom .footer {
	background: url('/assets/img/bg_kreuzfahrten_liste_block_bottom.gif') no-repeat bottom left transparent;
	height: 5px;
	padding: 0px;
}
#kreuzfahrten_liste_block_top h1, #kreuzfahrten_liste_block_bottom h1 {
	color: #303030;
	font-size: 16px;
	font-weight: 900;
}
#kreuzfahrten_liste_block_top h2, #kreuzfahrten_liste_block_bottom h2 {
	font-size: 13px;
	color: #0c2e4e;
	font-weight: 900;
	margin:3px 0 2px 0;
}
/**
*	Reederei Logo
*/
.reederei_logo {
	background: url('/assets/img/bg_reederei_logo.gif') no-repeat top left transparent;
	width: 739px;
	height: 54px;
	padding: 7px 10px 6px 6px;
	margin-bottom: 10px;
}
.reederei_logo h2 {
	float: left;
	padding: 17px 0 0 80px;
	height: 51px;
	font-size: 13px;
	font-weight: 900;
	width: 540px;
	color: #0C2E4E;
}
.reederei_logo form {
	float: right;
	margin: 10px 10px 0 0;
	font-size: 10px;
}
.angebotsbox, .reederei_logo_klein {
	background: url('/assets/img/bg_reederei_logo_klein.png') no-repeat top left transparent;
	width: 512px;
	height: 51px;
	padding: 6px;
	margin: 5px 0 5px 0;
}
.angebotsbox h2, .reederei_logo_klein h2 {
	float: left;
	padding: 2px 0 0 80px;
	height: 51px;
	font-size: 18px;
	background: no-repeat top left transparent;
}
.angebotsbox .preis_block {
	float: right;
}
.reederei_logo_klein .reederei_logo {
	background: url('/assets/img/bg_reederei_logo.gif') no-repeat top left transparent;
	height: 39px;
	padding-top: 15px;
	margin-bottom: 10px;
	width: 80%;
}
.hinweis_box {
	background: url('/assets/img/bg_reederei_logo_klein.png') no-repeat top left transparent;
	width: 514px;
	height: 51px;
	padding: 9px 5px 7px 5px;
	margin: 5px 0 5px 0;		font-size: 11px;
}
/**
* top_angebote - Angebote Startseite
*/

#top_angebote {
	color: #303030;
	font-size: 12px;
}
#top_angebote a {
	color: #303030;
	text-decoration: none;
}
#top_angebote a:hover {
	color: #182E7A;
	text-decoration: underline;
}
#top_angebote .angebot {
	width: 249px;
	height: 327px;
	float: left;
	background: url('/assets/img/bg_top_angebot.gif') no-repeat top left #eeeeee;
	padding: 5px 6px;
	overflow: hidden;
	margin-bottom: 6px;
}
#top_angebote .angebot_gerade {
	margin-right: 3px;
}
#top_angebote .angebot_ungerade {
	margin-left: 3px;
}
#top_angebote .small_grey {
	color: gray;
	font-size: 10px;
	display: block;
	margin-bottom: 3px;
}
#top_angebote h2.beschreibung {
	width: 240px;
	height: 27px;
	padding: 0 5px; /*display:none;*/
	color: #303030;
	font-size: 11px;
	font-weight: 900;
	height: 28px;
	overflow: hidden;
	margin-bottom:0px;
}
#top_angebote h3.schiffsname {
	width: 240px;
	height: 60px;
	overflow: hidden;
	padding: 0 5px;
	color: #303030;
	font-size: 11px;
	font-weight: 900;
	height: 42px;
	overflow: hidden;
	line-height:1.3em;
}
#top_angebote h3.schiffsname span {
	display:block;
	color: #4D87C7;
}
#top_angebote .termine {
	height: 25px;
	overflow: hidden;
	padding: 5px 5px 0 5px;
}
#top_angebote .termine a {
	color: #0a3058;
	text-decoration: underline;
}
#top_angebote .teaser {
	padding: 0 5px;
	color: #9A0000;
	font-size: 10px;
	height: 39px;
	overflow: hidden;
	font-weight: 900;
}
#top_angebote .preis {
	margin-top: 3px;
	text-align: right;
}
#top_angebote .preis .zum_formular {
	float: left;
	width: 95px;
	height: 24px;
	text-align: right;
	margin-top: 3px;
}
#top_angebote .preis .alt {
	float: left;
	font-weight: 900;
	width: 70px;
	height: 25px;
	padding: 0px;
	font-weight: 900;
	text-align: center;
}
/*text-decoration:line-through;*/

#top_angebote .preis .platzhalter {
	float: left;
	width: 70px;
	height: 25px;
	padding: 0px;
	text-align: center;
}
#top_angebote .preis .neu {
	float: left;
	color: #9a0000;
	width: 80px;
	height: 25px;
	padding: 0px;
	font-weight: 900;
	text-align: center;
}
#top_angebote .mehr_infos {
}
#top_angebote .bild {
	position: relative;
}
#top_angebote .overlay, .schiffundroute .overlay {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 127px;
	height: 92px;
	display: block;
}
.kreuzfahrt .schiff .overlay {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 84px;
	height: 46px;
	display: block;
}
.overlay_type1 {
	background: url('/assets/img/overlay/sonderpreis.gif') no-repeat top left transparent;
}
.overlay_type2 {
	background: url('/assets/img/overlay/rabatt_10.gif') no-repeat top left transparent;
}
.overlay_type3 {
	background: url(/assets/img/overlay/rabatt_20.gif) no-repeat top left transparent;
}
.overlay_type4 {
	background: url(/assets/img/overlay/rabatt_30.gif) no-repeat top left transparent;
}
.overlay_type5 {
	background: url(/assets/img/overlay/rabatt_40.gif) no-repeat top left transparent;
}
.overlay_type6 {
	background: url(/assets/img/overlay/rabatt_50.gif) no-repeat top left transparent;
}
.overlay_type7 {
	background: url(/assets/img/overlay/aus_der_werbung.gif) no-repeat top left transparent;
}
.overlay_type8 {
	background: url(/assets/img/overlay/flug_inklusive.gif) no-repeat top left transparent;
}
.overlay_type9 {
	background: url(/assets/img/overlay/bus_inklusive.gif) no-repeat top left transparent;
}
.overlay_type10 {
	background: url(/assets/img/overlay/balkon_special.gif) no-repeat top left transparent;
}
.overlay_type11 {
	background: url(/assets/img/overlay/inklusive_bordguthaben.gif) no-repeat top left transparent;
}
.overlay_type12 {
	background: url(/assets/img/overlay/inklusive_getraenkepaket.gif) no-repeat top left transparent;
}
.overlay_type13 {
	background: url(/assets/img/overlay/leserreise.gif) no-repeat top left transparent;
}
.overlay_type14 {
	background: url(/assets/img/overlay/bus_inklusive.gif) no-repeat top left transparent;
}
.overlay_type15 {
	background: url(/assets/img/overlay/last_minute.gif) no-repeat top left transparent;
}
/* Overlay für Kategorieseiten */
.overlay_type1s {
	background: url(/assets/img/overlay/small/sonderpreis.gif) no-repeat top left transparent;
}
.overlay_type2s {
	background: url(/assets/img/overlay/small/rabatt_10.gif) no-repeat top left transparent;
}
.overlay_type3s {
	background: url(/assets/img/overlay/small/rabatt_20.gif) no-repeat top left transparent;
}
.overlay_type4s {
	background: url(/assets/img/overlay/small/rabatt_30.gif) no-repeat top left transparent;
}
.overlay_type5s {
	background: url(/assets/img/overlay/small/rabatt_40.gif) no-repeat top left transparent;
}
.overlay_type6s {
	background: url(/assets/img/overlay/small/rabatt_50.gif) no-repeat top left transparent;
}
.overlay_type7s {
	background: url(/assets/img/overlay/small/aus_der_werbung.gif) no-repeat top left transparent;
}
.overlay_type8s {
	background: url(/assets/img/overlay/small/flug_inklusive.gif) no-repeat top left transparent;
}
.overlay_type9s {
	background: url(/assets/img/overlay/small/bus_inklusive.gif) no-repeat top left transparent;
}
.overlay_type10s {
	background: url(/assets/img/overlay/small/balkon_special.gif) no-repeat top left transparent;
}
.overlay_type11s {
	background: url(/assets/img/overlay/small/inklusive_bordguthaben.gif) no-repeat top left transparent;
}
.overlay_type12s {
	background: url(/assets/img/overlay/small/inklusive_getraenkepaket.gif) no-repeat top left transparent;
}
.overlay_type13s {
	background: url(/assets/img/overlay/small/leserreise.gif) no-repeat top left transparent;
}
.overlay_type14s {
	background: url(/assets/img/overlay/small/bus_inklusive.gif) no-repeat top left transparent;
}
.overlay_type15s {
	background: url(/assets/img/overlay/small/last_minute.gif) no-repeat top left transparent;
}
/**
*	Angebots Liste
*/

.kreuzfahrt {
	background: url('/assets/img/bg_angebot_liste.gif') no-repeat top left transparent;
	width: 741px;
	height: 157px;
	padding: 0px 7px;
	font-size: 12px;
	position: relative;    margin-bottom: 3px;
}
.kreuzfahrt h2 {
	font-weight: 900;
	font-size: 11px; /*color:#0c2e4e;*/
	color: #6F6F6F;
	height: 20px;
}
.kreuzfahrt .schiff {
	float: left;
	height: 110px; /* 116 */
	width: 142px;
	overflow: hidden;
	position: relative;
}
.kreuzfahrt .schiff h4 {
	height: 19px;
	width: 128px;
	font-size: 12px;
	background: url('/assets/img/bg_schiff_h4.gif') no-repeat top left #E5E2E2;
	color: #fff;
	font-weight: 900;
	overflow: hidden;
	padding: 4px 7px;
	line-height: 1.8em;
	margin-top: 1px;
	text-align: center;
}
.kreuzfahrt .beschreibung {
	float: left;
	height: 110px; /* 116 */
	width: 201px;
	overflow: hidden;
	padding: 0 7px;
}
.kreuzfahrt .beschreibung h2 {
	height: 23px;
	font-size: 11px;
	font-weight: 900;
	color: #303030;
	overflow: hidden;
	line-height:1.1em;
}
.kreuzfahrt .beschreibung h3 {	height: 42px;
	font-size: 10px;
	font-weight: normal;
	color: #066196;
	overflow: hidden;
}
.kreuzfahrt .beschreibung .vorteil {
	height: 33px;
	font-size: 11px;
	font-weight:900;
	/*color: #f16d1a;*/
	color: #9A0000;
	overflow: hidden;
}
.kreuzfahrt .termine .tage {
	color: #989898;
	font-size: 10px;
	/* font-weight: 900; */
}
.kreuzfahrt .region {
	float: left;
	height: 110px; /* 116 */
	width: 142px;
	overflow: hidden;
}
.kreuzfahrt .region h4 {
	height: 19px;
	width: 128px;
	font-size: 12px;
	background: url('/assets/img/bg_kreuzfahrt_h4.gif') no-repeat top left #E5E2E2;
	color: #fff;
	font-weight: 900;
	overflow: hidden;
	padding: 4px 7px;
	line-height: 1.8em;
	margin-top: 1px;
	text-align: center;
}
.kreuzfahrt .termine {	float: left;
	padding: 0px;
	margin-left: 7px;
	height: 110px; /* 114 */
	width: 234px;
	overflow: hidden;
	color: #989898;
	font-size: 10px;
}
.kreuzfahrt .termine .termin_block {
	height: 38px;
	text-align: left;
	font-size: 10px;
}
.kreuzfahrt .termine .originalpreis {
	text-align: right;
	width: 115px;
	color: #fb7a26;
	position: absolute;
	top: 84px;
	right: 6px;
}
.termin-gestrichen {
	text-decoration: line-through;
}
.strike {
	text-decoration: line-through;
}
.minpreis {
	color: #fb7a26;
	font-weight: 900;
	text-align: right;
	width: 130px;
}
.kreuzfahrt .termine .minpreis {
	color: #9A0000;
	width: 125px;
	position: absolute;
	top: 95px;
	right: 6px;
}
.kreuzfahrt .termine .zur_kreuzfahrt {
	text-align: right;
	width: 100px;
	position: absolute;
	top: 112px;
	right: 6px;
}
.termine_box {
	margin-top: 6px;
	width: 524px;
}
.termine_box .header {
	background: url('/assets/img/termine_box_header.gif') no-repeat bottom left;
	height: 6px;
	padding: 0px;
}
.termine_box .content {
	background: url('/assets/img/termine_box.gif') repeat-y top left #53b1fa;
	padding: 3px;
	color: #fff;
}
.termine_box .footer {
	background: url('/assets/img/termine_box_footer.gif') no-repeat top left;
	height: 6px;
	padding: 0px;
}
.termine_box .abgelaufen {
	text-decoration: line-through;
}
.termine_box .termin-gestrichen {
	padding: 0 12px 0 0;
	text-decoration: line-through;
}

.termine_box .text {
	float: left;
	width: 360px;
	font-size: 11px;
	margin:0 0 0 5px;
}
.termine_box .text em {
	text-transform:uppercase;
	font-style:	inherit;
}
.termine_box h3 {
	font-size: 11px;
	color: #9A0000;
	font-weight:900;
	margin-top:3px;
}

/**
* ------------------------------------------------------------------------------------------------- #
*
* Miscellaneous | Sonstiges
*
* @section content-misc
*/

/**
* (en) Emphasizing external Hyperlinks via CSS
* (de) Hervorhebung externer Hyperlinks mit CSS
*
* @section             content-external-links
* @app-yaml-default    disabled
*/

/*
#main a[href^="http://www.my-domain.com"],
#main a[href^="https://www.my-domain.com"]
{
padding-left: 12px;
background-image: url('your_image.gif');
background-repeat: no-repeat;
background-position: 0 0.45em;
}
*/

/* Reederei Liste*/

ul.reederei_liste {
}

ul.reederei_liste li {
	display: block;
	border: 1px solid #D8D8D8;
	margin: 15px 10px 0 0;
	font-weight: 900;
	font-size:16px;
	padding:0 0 0 5px;
	
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	
	/* fallback (Opera) */
	background: #f4f4f4;
	/* Mozilla: */
	background: -moz-linear-gradient(top, #ffffff, #eeeeee);
	/* Chrome, Safari:*/
	background: -webkit-gradient(linear,left top, left bottom, from(#ffffff), to(#eeeeee));
	/* MSIE */
	filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#ffffff', EndColorStr='#eeeeee', GradientType=0);
}
ul.reederei_liste li a:hover {
	color:#4D87C7;
}
ul.reederei_liste li a, ul.reederei_liste li div {
	display: block;
	padding: 5px;
	text-decoration: none;
}
ul.reederei_liste li a {
	color:#4D87C7;
}
ul.reederei_liste li div {
	color: #cfcfcf;
}

ul.reederei_liste img {
	vertical-align: middle;
	margin-right: 10px;
}
/* Regionen Liste*/
ul.regionen_liste {
}
ul.regionen_liste li {
	display: block;
	border: 1px solid #D8D8D8;
	margin: 15px 10px 0 0;
	font-weight: 900;
	font-size:16px;
	padding:0 0 0 25px;
	
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	
	background:url("/assets/img/menu_block_li.png") no-repeat scroll 7px 7px transparent;
	
	/* fallback (Opera) */
	background: #f4f4f4;
	/* Mozilla: */
	background: -moz-linear-gradient(top, #ffffff, #eeeeee);
	/* Chrome, Safari:*/
	background: -webkit-gradient(linear,left top, left bottom, from(#ffffff), to(#eeeeee));
	/* MSIE */
	filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#ffffff', EndColorStr='#eeeeee', GradientType=0);
}
ul.regionen_liste li a:hover {
	color:#4D87C7;
}
ul.regionen_liste li a, ul.regionen_liste li span {
	display: block;
	padding: 5px;
	text-decoration: none;
	color:#4D87C7;
}
ul.regionen_liste li span {
	color: #cfcfcf;
}
ul.regionen_liste img {
	vertical-align: middle;
	margin-right: 10px;
}
/*Reiseführer*/
/*
.reisefuehrer {
margin-bottom:15px;
}

.reisefuehrer ul li {
display:block;
float:left;
border:1px solid #D8D8D8;
margin: 15px 10px 0 0;
background:#fff;
font-weight:900;
width:95%;
}

.reisefuehrer ul li a:hover {
background:#47ABDF;
}

.reisefuehrer ul li a {
display:block;
padding:5px;
text-decoration:none;
}

.reisefuehrer ul li a:hover {
color:#fff;
}
*/

/* Gruppenreise */

.gruppenreise_liste {
	margin-bottom: 15px;
}
.gruppenreise_liste div {
	padding: 5px;
	padding-right: 10px;
	width: 475px;
	height: 43px;
	border: 1px solid #84AEDE;
	background: #ffffff url('/assets/images/bg_reise_box.gif') top repeat-x;
	margin-bottom: 5px;
	overflow: hidden;
}
.gruppenreise_liste h3 {
	padding: 0px;
	margin: 0px;
	height: 28px;
}
.gruppenreise_liste p {
	padding: 0px;
	margin: 0px;
	font-size: 11px;
	color: #8C0009;
}
.gruppenreise_liste a {
	padding: 0px;
	margin: 0px;
	font-size: 11px;
	color: #293C4E;
}
.gruppenreise_liste img {
	border: 1px solid #BBBBBB;
	background: #DEDEDE;
	float: left;
	width: 50px;
	height: 41px;
	margin: 0px;
	margin-right: 12px;
}
/* Galerie */

.galerie_liste {
	margin-bottom: 15px;
}
.galerie_liste div {
	padding: 5px;
	padding-right: 10px;
	width: 475px;
	height: 85px;
	border: 1px solid #84AEDE;
	background: #ffffff url('/assets/images/bg_galerie_box.gif') top repeat-x;
	margin-bottom: 5px;
	overflow: hidden;
}
.galerie_liste h3 {
	padding: 0px;
	margin: 0px;
	height: 28px;
}
.galerie_liste p {
	padding: 0px;
	margin: 0px;
	font-size: 11px;
	color: #8C0009;
}
.galerie_liste a {
	padding: 0px;
	margin: 0px;
	font-size: 11px;
	color: #293C4E;
}
.galerie_liste img {
	border: 1px solid #BBBBBB;
	background: #DEDEDE;
	float: left;
	width: 110px;
	height: 82px;
	margin: 0px;
	margin-right: 12px;
}
/* Reiseführer */

.reisefuehrer_liste {
	margin-bottom: 15px;
}
.reisefuehrer_liste div {
	padding: 5px;
	padding-right: 10px;
	width: 475px;
	height: 85px;
	border: 1px solid #84AEDE;
	background: #ffffff url('/assets/images/bg_galerie_box.gif') top repeat-x;
	margin-bottom: 5px;
	overflow: hidden;
}
.reisefuehrer_liste h2 {
	padding: 0px;
	margin: 0px;
	height: 20px;
}
.reisefuehrer_liste h3 {
	padding: 0px;
	margin: 0px;
	height: 18px;
}
.reisefuehrer_liste p {
	padding: 0px;
	margin: 0px;
	font-size: 11px;
	color: #8C0009;
}
.reisefuehrer_liste a {
	padding: 0px;
	margin: 0px;
	font-size: 11px;
	color: #293C4E;
}
.reisefuehrer_liste img {
	border: 1px solid #BBBBBB;
	background: #DEDEDE;
	float: right;
	width: 110px;
	height: 82px;
	margin: 0px;
	margin-left: 12px;
}
/* Kreuzfahrten Details */

.message_expired {
	background: #FEFF9F;
	border: 2px solid black;
	padding: 10px;
}
#kreuzfahrten_details {
	background: transparent url('/assets/img/bg_kreuzfahrten_details.png') top repeat-y;
}
#kreuzfahrten_details .kreuzfahrten_details_kopf, #kreuzfahrten_details .kreuzfahrten_details_text, .termin_box, #weitere_beschreibungen {
	background: transparent url('/assets/img/bg_kreuzfahrten_details_kopf.png') repeat-y top left;
}
#kreuzfahrten_details .kreuzfahrten_details_kopf .header, #kreuzfahrten_details .kreuzfahrten_details_text .header, .termin_box .header, #weitere_beschreibungen .header {
	background: transparent url('/assets/img/bg_kreuzfahrten_details_kopf_header.png') no-repeat top left;
	height: 6px;
	padding: 0px;
}
#kreuzfahrten_details .kreuzfahrten_details_kopf .content, #kreuzfahrten_details .kreuzfahrten_details_text .content, .termin_box .content, #weitere_beschreibungen .content {
	padding: 0px 5px 0 5px;
}
#kreuzfahrten_details .kreuzfahrten_details_kopf .footer, #kreuzfahrten_details .kreuzfahrten_details_text .footer, .termin_box .footer, #weitere_beschreibungen .footer {
	background: transparent url('/assets/img/bg_kreuzfahrten_details_kopf_footer.png') no-repeat top left;
	height: 6px;
	padding: 0px;
}
#kreuzfahrten_details .kreuzfahrten_details_text {
	margin-top: 5px;
}
#kreuzfahrten_details h1 {
	color: #134874;
	font-size: 12px;
	font-weight: 900;
}
#kreuzfahrten_details h2 {
	color: #459add;
	font-size: 11px;
	font-weight: 900;
}
.angebotsbox h2 {
	width: 290px;
}
.schiffundroute {
}
.schiffundroute div {
	float: left;
}
.routenplan_table {
	width: 100%;
}
.region {
	position: relative;
}
.reisenummer_box {
	font-size: 10px;
	text-align: right;
}
.special_box {
	margin-top: 3px;
}
.special_box h3 {
	font-size: 14px;
	font-weight: 500;
	color: #9A0000;
	font-weight: 900;
}
.teaserpreis {
	float: right;
	font-weight: 900;
	color: #9a0000;
	font-size: 26px;
	margin: 3px 5px 0 0;
}
#kreuzfahrten_details .region {
	padding: 0px
}
#kreuzfahrten_details .region h4 {
	height: 18px;
	width: 240px;
	font-size: 12px;
	background: url('/assets/img/bg_region_gross_h4.gif') no-repeat top left #fff;
	color: #fff;
	font-weight: 900;
	overflow: hidden;
	padding: 4px 7px;
	line-height: 1.5em;
	margin-top: 1px;
}
#kreuzfahrten_details .schiff {
	margin-left: 10px;
	padding: 0px
}
#kreuzfahrten_details .schiff h4 {
	height: 18px;
	width: 240px;
	font-size: 12px;
	background: url('/assets/img/bg_schiff_gross_h4.gif') no-repeat top left #fff;
	color: #fff;
	font-weight: 900;
	overflow: hidden;
	padding: 4px 7px;
	line-height: 1.5em;
	margin-top: 1px;
}
#kreuzfahrten_details .angebot_box {
}
#beschreibung_header {
	font-weight: bold;
	font-size: 12px;
	width: 506px;	color: #12466d;
}
#beschreibung {
	margin: 0 0 6px 0;
	text-align: justify;
	width: 506px;
}
#beschreibung p {
	line-height: 1.2em;	font-size: 11px;}
#vorteile_header {
	font-weight: bold;
	font-size: 12px;
	width: 506px;
	color: #144570;
}

#vorteile {
	margin: 0 0 6px 0;
	text-align: justify;
	width: 506px;
	padding-top: 10px;
}
#vorteile p {
	line-height: 1em;
}
#vorteile ul {
	margin: 0 0 0 10px;
}
#beschreibung_route_header {
	font-weight: bold;
	font-size: 12px;
}
#beschreibung_route {
	margin: 0 0 6px 0;
	text-align: justify;
	width: 515px;
}
#beschreibung_route p {
	line-height: 1.2em;	font-size: 11px;
}
#beschreibung_schiff_header {
	font-weight: bold;
	font-size: 12px;
	width: 515px;
}
#beschreibung_schiff {
	margin: 0 0 6px 0;
	text-align: justify;
	width: 515px;
	line-height: 1em;
}
#beschreibung_schiff p {
	line-height: 1.2em;	font-size: 11px;
}
.routenplan {
	width: 524px;
	background: #fff;
	border-collapse: collapse;
	border-top: 0px;
	border-bottom: 0px;
}
.routenplan tr {
	border-right: 1px solid #e4e4e4;
	border-left: 1px solid #e4e4e4;
	border-top: 0px;
	border-bottom: 0px;
}
.routenplan td {
}
.routenplan thead {
	border: 0px;
	color: #fff;
	height: 40px;
	background: #4CA6EC;
}
.routenplan thead tr {
	/*background: url('/assets/img/bg_thead.png') no-repeat top left #4CA6EC;*/
border: 0px;
}
.thead_top {
	background: url('/assets/img/bg_thead_top.gif') no-repeat top left #53b1fa;
}
.thead_middle {
	background: url('/assets/img/bg_thead_middle.gif') repeat-y top left #53b1fa;
}
.thead_bottom {
	background: url('/assets/img/bg_thead_bottom.gif') no-repeat bottom left #53b1fa;
	height: 4px;
	padding: 0px;
}
.thead_bottom td {
	padding: 2px;
}
.routenplan thead td {
	color: #fff;
	background: transparent;
}
.routenplan thead th {
	color: #fff;
	border: 0px;
	background: transparent;
}
.routenplan tfoot {
	background: url('/assets/img/bg_tfoot.png') no-repeat top left #fff;
	border: 0px;
}
.routenplan tfoot tr {
	border-right: 0px;
	border-left: 0px;
}
.routenplan tfoot td {
	color: #fff;
	height: 8px;
	padding: 0px;
}
.routenplan tr.bold td {
	font-weight: 900;
}
.strike {
	text-decoration: line-through;
	font-weight: 900;
}
.red {
	font-weight: 900;
	color: #9a0000;
}
.termin_box {
	margin: 5px 0 5px 0;
}
.termin_box .top_right {
	float: right;
	text-align: right;
	font-weight: 900;
	margin: 0 10px 0 0;
}
.termin_box .top_left {
	float: left;
}
.termin_box .hotline {
	font-size: 16px;
	font-weight: bold;
	color: #9a0000;
}
.kreuzfahrt_code {
	color: #0d3685;
}

/**
* Formular
*/

#kontaktformular h1 {
	color: #303030;
	font-size: 16px;
	font-weight: 900;
}
#kontaktformular h2 {
	color: #0c2e4e;
	font-size: 12px;
	font-weight: 900;
}
.kontakt-schiffundroute {
	border: 1px solid #969696;
	padding: 5px;
	margin-bottom: 5px;
	height: 150px;
}
.kontakt-schiffundroute .left {
	float: left;
}
.kontakt-schiffundroute .right {
	float: right;
}
/*
.formular_container {
border:1px solid #969696;
padding:5px;
}
*/
.formular_zeile {
	clear: both;
}
.formular_beschreibung {
	float: left;
	width: 180px;
	font-weight: 900;
	padding: 2px;
}
.formular_element {
	float: left;
	width: 300px;
	padding: 2px;
}
.contact_select {
	width: 300px;
}
.contact_textarea {
	width: 300px;
	height: 100px;
}
.formular_fehler {
	color: #fff;
	background-color: #ff0000;
	border: 3px solid #fff;
	padding: 10px;
}
#kontaktformular .region {
	padding: 0px
}
#kontaktformular .region h4 {
	height: 18px;
	width: 240px;
	font-size: 12px;
	background: url('/assets/img/bg_region_gross_h4.gif') no-repeat top left #fff;
	color: #fff;
	font-weight: 900;
	overflow: hidden;
	padding: 4px 7px;
	line-height: 1.5em;
	margin-top: 1px;
}
#kontaktformular .schiff {
	margin-left: 5px;
	padding: 0px
}
#kontaktformular .schiff h4 {
	height: 18px;
	width: 240px;
	font-size: 12px;
	background: url('/assets/img/bg_schiff_gross_h4.gif') no-repeat top left #fff;
	color: #fff;
	font-weight: 900;
	overflow: hidden;
	padding: 4px 7px;
	line-height: 1.5em;
	margin-top: 1px;
}
#menu_block_hotels_fluege_reisen {
	display: block;
}
#menu_gleiche_reederei .header img {
	vertical-align: middle;
}
.roundet_corners {
	margin-top: 10px;
	background: transparent url('/assets/img/bg_kreuzfahrten_details_kopf.png') repeat-y top left;
}
.roundet_corners .header {
	background: transparent url('/assets/img/bg_kreuzfahrten_details_kopf_header.png') no-repeat top left;
	height: 6px;
}
.roundet_corners .content {
	padding: 5px 10px 5px 5px;
}
.roundet_corners .footer {
	background: transparent url('/assets/img/bg_kreuzfahrten_details_kopf_footer.png') no-repeat top left;
	height: 6px;
}
dl.oeffnungszeiten {
	clear: right;
}
dl.oeffnungszeiten dt {
	width: 50px;
	float: left;
	clear: left;
	;
}
dl.oeffnungszeiten dd {
	float: left;
	clear: right;
	margin: 0 0 5px 5px;
}
.reisenummer {
	float: right;
	color: #0C2E4E;
	font-size: 12px;
	font-weight: 900;
	margin-right: 10px;
}
.success {
	font-weight: 900;
}
/* schiffsinformationen */
.schiffsinformationen_bild {
	float: left;
}
table .schiffsinformationen {
	float: left;
	margin-left: 15px;
}
#schiffsfotos {
}
#schiffsfotos div, .schiffsfoto {
	border: 1px solid #DFDFDF;
	padding: 5px;
	float: left;
	margin: 10px 5px 15px 5px;
	width: 125px;
	height: 130px;
	overflow: hidden;
	text-align: justify;
}
#schiffsfotos h3, .schiffsfoto h3 {
	font-size: 10px;
}
.alternative_termine {
	width: 100%;
}
ul.schiffsinformationen li {
	list-style-type: none;
	font-size: 14px;
	font-weight: 900;
}
ul.schiffsinformationen li ul li {
	font-size: 12px;
	font-weight: 500;
}
/* Gruppenreisen */

.preisbox {
	background: #E8E8E8 none repeat scroll 0 0;
	float: right;
	margin: 10px 15px 10px 10px;
	padding: 10px;
	width: 180px;
}
.preis_rot {
	color: #BF0000;
	display: block;
	font-size: 25px;
	margin: 2px 0 0;
	padding: 0;
	font-weight:500;
}
.preisbox img {
	margin-bottom: 5px;
}
.align-right {
	text-align:right;
}
#seo_kategorie p {
	margin: 0px;
	padding: 5px;
}
#seo_kategorie .content {
	font-size: 10px;
	text-align: justify;
}
.gruppenreise_angebot {
	width: 518px;
	height: 177px;
	background: #fff url('/assets/img/bg_angebot_gruppenreisen.gif') no-repeat top left;
	margin: 10px 0 10px 0;
	padding: 5px;
}
.gruppenreise_angebot .text_container {
	float: right;
	width: 340px;
}
.gruppenreise_angebot .image_container {
	float: left;
	height: 175px;
	margin: 0;
	width: 175px;
}
.gruppenreise_angebot .angebot_titel {
	color: #444;
	font-size: 14px;
	font-weight: 900;
}
.gruppenreise_angebot .angebot_detail {
	margin-left: 30px;
	margin-top: 13px;
	float: right;
}
.gruppenreise_angebot .angebot_detail a {
	color: #FFFFFF;
	display: block;
	font-size: 14px;
	font-weight: 500;
	height: 20px;
	padding-top: 3px;
	text-decoration: none;
	width: 100px;
}
.gruppenreise_angebot .angebot_datum {
	color: #BF0000;
	font-weight: 700;
	line-height: 14px;
	color: #bf0000;
	margin: 0 0 3px 0;
	padding-top: 5px;
}
.gruppenreise_angebot .minprice_right {
	color: #BF0000;
	float: left;
	font-size: 28px;
	font-weight: 900;
	margin-top: 0;
}
.gruppenreise_angebot .angebot_detail {
	float: right;
	background: url("/assets/img/bg_button_details.gif") no-repeat scroll left top #575757;
	height: 25px;
	margin: 13px 0 0 30px;
	text-align: center;
	width: 100px;
}
.lastminute_button {
	margin-left:10px;
	color:#CF9A00;
}
/* diverses */

.yellowbox {
	background:#ffe26f;
	padding:20px;
	font-size:16px;
	font-weight:900;
}

.align_right {
	text-align: right;
}
}

/* import print layout | Druck-Layout einbinden */
/* print_base.css */
@media print {
/**
* @section basic layout preparation
* @see     http://www.yaml.de/en/documentation/css-components/layout-for-print-media.html
*/

/* (en) change font size unit to [pt] - avoiding problems with [px] unit in Gecko based browsers  */
/* (de) Wechsel der der Schriftgrößen-Maßheinheit zu [pt] - Probleme mit Maßeinheit [px] in Gecko-basierten Browsern vermeiden */
body {
	font-size: 10pt;
}
/* (en) Reset Scrollbar-Fix for FF in screenlayout */
/* (de) Zurücksetzen des Scrollbar-Fix for FF aus dem Screenlayout */
html {
	height: auto;
	margin-bottom: 0;
}
/* (en) Hide unneeded container of the screenlayout in print layout */
/* (de) Für den Druck nicht benötigte Container des Layouts abschalten */
#topnav, #nav, #search {
	display: none;
}

/* (en) Disable background graphics of links  */
/* (de) Abschalten evlt. vorhandener Hintergrundgrafiken zur Linkkennzeichnung */
body a[href^="http:"], body a[href^="https:"] {
padding-left: 0;
background-image: none;
}
/**
* (en) overflow:hidden Bug in print layouts
* (de) overflow:hidden Bug in Drucklayouts
*
* @bugfix
* @since     3.0
* @affected  FF2.0, FF3.0, IE7
* @css-for   all browsers
* @valid     yes
*/

.floatbox, .subcolumns, .subcolums_oldgecko {
	overflow: visible;
	display: table;
}
/* (en) make .print class visible */
/* (de) .print-Klasse sichtbar schalten */
.print {
	position: static;
	left: 0;
}
/* (en) generic class to hide elements for print */
/* (de) Allgemeine CSS Klasse, um beliebige Elemente in der Druckausgabe auszublenden */
.noprint {
	display: none !important;
}
/*------------------------------------------------------------------------------------------------------*/

/* (en) Avoid page breaks right after headings */
/* (de) Vermeidung von Seitenumbrüchen direkt nach einer Überschrift */
h1, h2, h3, h4, h5, h6 {
	page-break-after: avoid;
}
/*------------------------------------------------------------------------------------------------------*/

/* (en) Preparation for optional column labels */
/* (de) optionale Spaltenauszeichnung */

#col1_content:before, #col2_content:before, #col3_content:before {
	content: "";
	color: #888;
	background: inherit;
	display: block;
	font-weight: bold;
	font-size: 1.5em;
}
}

/* print_100_draft.css */
@media print {
/**
* @section column selection
* (en) individually switch on/off any content column for printing
* (de) (De)aktivierung der Contentspalten für den Ausdruck
*
* @see     http://www.yaml.de/en/documentation/css-components/layout-for-print-media.html
*/

#col1, #col1_content {
	float: none;
	width: 100%;
	margin: 0;
	padding: 0;
	border: 0;
	display: block;
	text-align: left;
}
#col2 {
	display: none;
}
#col3 {
	display: none;
}
/*------------------------------------------------------------------------------------------------------*/

/* (en) optional output of acronyms and abbreviations*/
/* (de) optionale Ausgabe von Auszeichnung von Abkürzungen */

/*
abbr[title]:after, acronym[title]:after { content: '(' attr(title) ')'; }
*/

/*------------------------------------------------------------------------------------------------------*/

/* (en) optional URL output of hyperlinks in print layout */
/* (de) optionale Ausgabe der URLs von Hyperlinks */
/*
a[href]:after {
content:" <URL: "attr(href)">";
color:#444;
background:inherit;
font-style:italic;
}
*/

html {
	color: #000;
}
.content {
	width: 100%;
}
#imprint, #copyright, #footer, #menu_admin_box {
	display: none;
}
.hier_anfragen {
	display: none;
}
.angebotsbox, table.routenplan, #weitere_beschreibungen {
	width: 100%;
}
.schiffundroute {
}
.schiffundroute div {
	float: left;
}
table {
	border: 1px solid #000;
}
.routenplan, .routenplan table, .routenplan td, .routenplan th, .routenplan tr {
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
}
.angebotsbox H2 {
	padding-left: 0px;
}
.minpreis {
	font-size: 20px;
}
h1 {
	font-size: 22px;
}
h2 {
	font-size: 20px;
}
h3 {
	font-size: 18px;
}
}/** New Content CSS **/

#newfooter{
	font-size: 9px;
	padding-left: 20px;
	margin-top: 25px;
	margin-bottom: 10px;
}
.newfooterbox h2{
	font-size: 10px;
	color: #015186;
	text-transform: uppercase;
}
.newfooterbox{
	width: 210px;
	float: left;
	padding-right: 30px;
}
.newfooterbox a{
	/*color:#10C0E9;*/
	color:#4D87C7;
}

.kreuzfahrt .topics_top{
	color: #000000;
	font-size: 9px;
	padding-bottom: 5px;
}
.kreuzfahrt .topics_top a{
	color: #000000;
	text-decoration: none;
	cursor: pointer;
	padding-right: 5px;
}
.kreuzfahrt .topics_top a:hover{
	color: #000;
	text-decoration: none;
	cursor: pointer;
	padding-right: 5px;
}
.kreuzfahrt .topics_bottom{
	color: #000000;
	font-size: 9px;
	clear: left;
	height:12px;
	overflow:hidden;
}
.kreuzfahrt .topics_bottom a{
	color: #000000;
	text-decoration: none;
	cursor: pointer;
	padding-right: 5px;
}
.kreuzfahrt .topics_bottom a:hover{
	color: #000;
	text-decoration: none;
	cursor: pointer;
	padding-right: 5px;
}

.detailtopics{
	color: #314e6c;
	font-size: 13px;
	margin-bottom: 10px;
}
.detailtopics a{
	color: #314e6c;
	text-decoration: none;
	cursor: pointer;
	padding-right: 5px;
}
.detailtopics a:hover{
	color: #000;
	text-decoration: none;
	cursor: pointer;
	padding-right: 5px;
}
.kreuzfahrten_details_bildunterschrift {
	font-size: 10px;
	padding-top: 8px;
	padding-bottom: 8px;
	padding-left: 8px;
	color: #304f6b;
}
.startpagelink {
	text-decoration: underline;
	color: #ffffff;
}
.startpagelink:hover, .startpagelink:visited, .startpagelink:active {
	text-decoration: underline;
	color: #ffffff;
}

.hier_anfragen {
	margin-top:5px;
}

.kreuzfahrten_details_kopf h1,
.kreuzfahrten_details_kopf h2,
.kreuzfahrten_details_kopf h3,
.kreuzfahrten_details_kopf h4 {
	font-family: Verdana, Arial, sans-serif;
}

.termine_box h3 {
	font-family: Verdana, Arial, sans-serif;
}

.facebook {
	margin-top:10px;
}

#menu_angebot_fluggruppenreise .gruppenreisen {
	padding:5px 27px 5px 26px;
}

#menu_angebot_fluggruppenreise .gruppenreise {
	position: relative;
	width:167px;
	height:167px;
	margin-bottom:10px;
}

#menu_angebot_fluggruppenreise .gruppenreise img {
	position: absolute;
	top:0px;
	left:0px;
}

#menu_angebot_fluggruppenreise .gruppenreise .beschreibung {
	width:167px;
	height:34px;
	overflow:hidden;
	position: absolute;
	top:133px;
	left:0px;
	
	background-color:#E9E9E9;
	-moz-opacity: 0.70;
	opacity: 0.70;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
}

#menu_angebot_fluggruppenreise .gruppenreise .beschreibung .name {
	height:17px;
	text-align:center;
	overflow:hidden;
	color: #4D87C7;
	font-weight:bold;
	line-height:1.5em;
}

#menu_angebot_fluggruppenreise .gruppenreise .beschreibung .datum {
	height:17px;
	text-align:center;
	overflow:hidden;
	color: #4D87C7;
	font-weight:bold;
	line-height:1.5em;
}
