/* General Elements */
@media screen {
body {
 color: black;
 background-color: #FBC303; /*#faf2cb;*/
 font-size: 100.01%;
 font-family: Helvetica,Arial,sans-serif;
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
 border: 0px solid black;
 min-width: 41em; /* Mindestbreite verhindert Umbruch und Anzeigefehler in modernen Browsern */
}
h1 {
 font-size: 1.5em;
 margin: 0 0 0.7em; padding: 0.3em;
 text-align: left;
}
h4 {
 /*font-weight: normal;*/
 margin: 0px;
}
h5 {
 font-weight: normal;
 margin: 0px;
 font-size: 1em;
}
.formularelement  {
  margin: 0.2em 0.2em;
  border: 1px solid #FBC303;
  background-color: white;
}
/* -------------------------------------------------------------- Hurtigruten */
.newfloatcontext {
 display: block;
 position: relative;
 overflow: auto;
 padding: 15px;
 margin: 5px;
 font-size: 10pt;
}
.newfloatcontext h1 {
 margin: 0em;
 padding: 0.3em 0em;
 text-align: left;
 color:#24116F;
 font-size:22px;
}
.newfloatcontext h2 {
 color:#24116F;
 text-decoration:underline;
 font-size:18px;
}
.newfloatcontext h3 {
 font-size:14px;
 color:#24116F;
}
.imgright {
 float:right; 
 padding:2px; 
 margin:5px;
 border: 0px solid black;
}
.imgleft {
 float:left;
 padding:2px; 
 margin:5px;
}
.border {
 border: 1px solid #afeeee;
}
/* CI-Colors */
.ci-bg {
 background-color: #FBC303;
}
/*------------------------------------------------------------------- Leftbar */
.ci-el-leftbar {
 position: absolute;
 width: 50px;
 height: 100%;
 top: 0px;
 left: 0px;
 z-index: 97;
}
/*-------------------------------------------------------------------- Topbar */
.ci-el-topbar {
 position: relative;
 display: block;
 height: 68px;
 background-image: url('/stripetopbar.png');
 background-repeat:repeat-x;
 /*width: 100%;*/
 left: 0px;
 border: 0px solid black;
 margin-left:0px;
 z-index:96;
}
.ci-el-topbar a {
 border: 0px solid transparent;
}
/*---------------------------------------------------------------------- Logo */
.ci-el-span-logo{
 float: left;
 display: block;
 position: absolute;
 left: 0px;
 z-index: 98;
 border: 0px solid black;
}
.ci-el-logo {
 border: 0px solid red;
 margin-top: 2px;
 margin-bottom: 5px;
 margin-left: 3px;
 width: 200px;
 height: 60px;
 z-index: 98;
}
/*------------------------------------------------------------------- Kontakt */
.ci-el-kontakt h1 a {
 color: #24116F;
}
.ci-el-kontakt h1 {
 text-decoration: underline;
 font-size: 1.2em;
 padding: 0px;
 margin: 0px;
 display: inline;
}
.ci-el-kontakt {
 border: 0px solid #C0C0C0;
 float: right;
 margin-right: 6px;
 *margin-right: 3px;
 display: block;
 overflow: visible;
 height: 65px;
/* white-space: pre; */  
 text-align: center;
 font-size: 0.8em;
 *font-size: 0.78em;
 color: #24116F;
}
.ci-el-kontakt span {
 display: block;
 font-weight: 600;
}
.ci-el-kontakt-fon {
 font-size: 1.5em;
 margin-top: 0.2em;
}
.ci-el-kontakt-zeit {
 margin-top: 3px;
 /*margin-left: 2px;*/
}
.ci-el-umbruch {
 clear: both; 
 height: 0px; 
 line-height: 0px;
 border:0px solid black;
}

.display-static-container {
 background-image: url('/leftbar.png');
 background-repeat: repeat-y;
 background-color: #faf2cb; 
 position: fixed;
 display: block;
 overflow: scroll;
 overflow-x: auto;
 overflow-y: scroll;
 left: 0px;
 top: 0px;
 right: 0px;
 bottom: 0px;
 height: 99.99%;
 width: 99.99%;
}

.static-bottom-right-container {
 display: block;
 position: fixed;
 bottom: 20px;
 right: 20px;
}
a.static-howto-link {
 text-decoration: none;
 position: absolute;
 bottom: 20px;
 right: 20px;
 display: block;
 height: 20px;
 width: 150px;
 text-align: right;
 overflow: hidden;
 color: #24116F
}
.static-howto-link span.button {
 display: inline;
 border: 1px solid #FBC303;
 padding-left: 10px;
 padding-right: 10px;
 text-align: center;
 background-image: url('/stripemenuetab.png');
 background-repeat:repeat-x;
 background-position: 50% 85%;
 text-decoration: none;
 height: 18px;
 padding-bottom: 4px;
 padding-top: 2px;
 font-size: 10pt;
 font-weight: bold;
 color: #000;        
}
.static-howto-link span.content {
 text-align: left;
 color: black;
 font-size: 10pt;
 display: block;
 height: 300px;
 overflow: auto;
 background-color: white;
 padding: 10px;
 margin: 0px;
 border: 1px solid #FBC303;
 margin-top: 5px;
}
.static-howto-link span.content .li, .list span.li {
 display: list-item;
 list-style-type: circle;
 list-style-position: outside;
 margin-left: 20px;
 padding-left: 0px;
}
.static-howto-link span.content .li {
 margin-bottom: 10px;
}
a.static-howto-link:hover {
 text-align: left;
 height: 350px;
 width: 500px;
}
.ci-el-contentcontainer {
 position: relative;
 display: block;
 overflow: visible;
 border-left: 50px solid #FBC303;
 left: 0px;
 height: 100.01%;
 padding-top: 1px;
}
/*----------------------------------------------------- Contentcontainer-left */
.ci-el-contentcontainer-left {    
  float:left;
}
/*---------------------------------------------------- Contentcontainer-right */
.ci-el-contentcontainer-right {
 float: right;  
 /*width: 162px;*/
 margin: 10px 5px 0px 0px;
 *margin: 0px 1px 0px 0px; 
 padding-right: 0px;
 border: 0px solid red;
}
.ci-el-contentcontainer-right-banner {
 border: 0px solid blue;
 text-align:right;
 margin-bottom: 10px;
 padding: 0px;
 background-image: url('/schatten.png');
 background-repeat: no-repeat;
 background-position: right top;
}
.ci-el-contentcontainer-right h2 {
 font-size: 1.33em;
 margin: 0.2em 0.5em;
}
.ci-el-contentcontainer-right p {
 font-size: 1em;
 margin: 0.5em;
}
/* Inhalt Mitte */
/*-------------------------------------------------------------- Inhalt Mitte */
.ci-el-contentcontainer-middle {
 overflow: auto;
 margin-top:0px;
 padding: 0px;
 border:0px solid blue;
}
.ci-el-contentcontainer-middle .whitecontainer,
.ci-el-contentcontainer-middle .fliesstext,
.ci-el-contentcontainer-left .fliesstext {
 padding: 10px;
 margin-top: 10px;
 margin-right: 10px;
 margin-bottom: 5px;
 margin-left: 0px;
 position: relative;
 top: 0px;
 left: 0px;
 display: block;
 text-align: justify; 
 background-color: white;
 border: 2px solid #FBC303;
 *margin: 0px;
 *margin-left: 190px;
 *margin-right: 180px;
}
/*-------------------------------------------------------- Startseitenangebote*/
.ci-box-offering-container-small {
 position: relative;
 display: block;
 overflow: hidden;
 left: 0px;
 right: 0px;
 height: 200px;
 margin-bottom:10px;
 margin-top:10px;
}
.ci-box-offering-container-big {
 position: relative;
 display: block;
 overflow: hidden;
 left: 0px;
 right: 0px;
 height: 305px;
}
.ci-box-offering {
 border: 0px solid #C0C0C0;
 margin-right: 0.5em;
 width: 200px;
 overflow: hidden;
 display: block;
 position: relative;
 float: left;
 background-color: white; 
}
.cibo-small {
 height: 210px;
 margin-bottom: 10px;
}
.cibo-big {
 height:315px;
 margin-bottom: 10px;
}
* html div#Inhalt {
 height: 1em;  /* Workaround gegen den 3-Pixel-Bug des Internet Explorer bis Version 6 */
}
.ci-box-offering h2 { 
 font-weight: 600;
 margin-top: 0em;
 margin-left: 0.2em;
 margin-right: 0.2em;
 margin-bottom: 0px;
 text-align: center;
 display:block;
 text-decoration: none;
 height: 32px;
 font-size: 1em;
}
.ci-box-offering h3 {  
 font-size: 0.8em;
 text-align: center;
 margin-top: 1.2em;
 margin-left: 0.2em;
 margin-right: 0.2em;
 margin-bottom: 0px;
 display:block;
 height:20px;
 font-weight: normal;
}
.cibo-small img{
 display: block;
 position: relative;
 width: 200px;
 /*height:96px;*/
 overflow: hidden;
 clear: both;
 border:0;
}
.cibo-big img{
 display: block;
 position: relative;
 width: 200px;
 /*height:143px;*/
 overflow: hidden;
 clear: both;
 border:0;
}
.ci-box-offering span.alt {
 font-size: 0.83em;
 text-decoration:line-through;
 margin-right:0.2em;
}
.ci-box-offering span.neu {
 color: red/*#24116F*/;
 font-weight: 600;
 font-size: 1.1em;
 text-align: center;
 display: block;
}
.ci-box-offering span.desc {
 font-size: 0.8em;
 text-align: justify;
 display: block;
 margin-top: 0.4em;
 margin-right: 0.2em;
 margin-left: 0.2em;
} 
.ci-box-offering a:link, .ci-box-offering a:visited  {
 display: block;
 text-decoration: none;
 color: black;
 font-size: 0.9em; 
 line-height: 0.95em;
 text-align: left;
}
.ci-box-offering a:hover span.neu {
 text-decoration: underline;
}
    
/*----------------------------------------------------------- CI-Seitenzahlen */
.ci-el-menu-tabbed {
 white-space: nowrap;
 padding: 3px 0;
 margin-left: 0;
 border-bottom: 2px solid #FBC303;
 font: bold 0.88em Verdana, sans-serif;
}
.ci-el-menu-tabbed li {
 list-style: none;
 margin: 0;
 display: inline;
}
.ci-el-menu-tabbed li a {
 padding: 3px 0.5em;
 margin-left: 10px;
 border-left: 2px solid #FBC303;
 border-bottom: none;
 text-decoration: none;
}
.ci-el-menu-tabbed li a:link {
 color: #24116F;
}
.ci-el-menu-tabbed li a:visited {
 color: #24116F;
}
.ci-el-menu-tabbed li a:hover {
 color: #24116F;
 border-color: #24116F;
 border-bottom: 2px solid #24116F;
}
.ci-el-menu-tabbed li a.aktuell {
 color: #FBC303;
}

/*------------------------------------------------------------------ Tab-Menu */
.menuetab li a.submenu {
 /*display: block;*/
 position: relative;
 /*overflow: hidden;*/
}
.menuetab li p.submenuitem a {
 display: block;
 }
.menuetab li p.submenuitem {
 display: none;
 position: absolute;
 top: 22px;
 padding: 0px;
 margin: 0px;
 width: 200px;
}
.menuetab li.hover p.submenuitem,
.menuetab li:hover p.submenuitem {
 display: block;
}
.menuetab {
 font: bold 0.88em Verdana, sans-serif;
 margin:0px;
 margin-left:241px;
 *margin-left:255px;
 padding:0;
 display: block;
 position: absolute;
 overflow: visible;
 /* IE 6 schneidet sonst Border an link wegen margin-right: -6px; ab */
 *padding-right: 1px;
 top: 45px;
 *top: 40px;
 white-space: nowrap;
}
.menuetab li {
 list-style: none;
 display: inline;
 border: 0px solid blue;
 margin-right: -6px;
 overflow: visible;       
}   
.menuetab li a {
 display:inline;
 /*width:190px;*/
 padding:5px 10px;
 border-left:1px solid #FBC303;
 border-top:1px solid #FBC303;    
 border-right: 1px solid #FBC303;
 text-align:center;
 background-image: url('/stripemenuetab.png');
 background-repeat:repeat-x;
 background-position: 50% 85%;
 text-decoration: none;
 color:#000;        
 height: 18px;
}
.menuetab li a:link {
 text-decoration: none;
 color:#000;
}
.menuetab li a:visited {
 text-decoration: none;
}  
.menuetab li a:hover {
 /*display:block;*/
 /*width:190px;*/
 background-image: url('/stripemenuetabhover.png');
}
.menuetab li a.aktuell {
 color: #24116F;
}
/*--------------------------------------------------------------- CI-Formular */
.ci-frm {
  border: 0px solid red; /* #C0C0C0;*/
  font-size:0.83em;
  font-weight: 600;
  /*background-color: white;*/
  text-align:center;
  float:left;
  margin-left:10px;
  *margin-left: 5px;
  /*padding: 1em;*/
}
.ci-frm .radio_button {
  float: left;
  margin-bottom: 0.6em;
  display: block;
  margin-right: 1em;
}      
.ci-frm select {
  width: 160px;
  overflow: hidden;
  margin:0em;
}
.ci-frm select {
  border: 1px solid #FBC303;
  background-color: white;
}
.ci-frm .ci-frm-title {
  margin-top:0.7em;
  margin-left:0em;
  margin-bottom:0.2em;
  clear:left;
  text-align:left;
  display: block;
  position: relative;
}
.ci-frm .zentriert {
  text-align: center;
}
.ci-frm .submit_button {
  margin: 1em 0em;
  border: 1px solid #FBC303;
  background-color: white;
}
.ci-fdset{
 background-color: white;
 border: 2px solid #FBC303;
 margin:0;
 margin-right:10px;
 padding:0px;
 width:167px; 
  *width:169px; 

}
.ci-legend{
 font-size:1.4em;
 margin-left:0.5em;
 color:#FBC303;
 text-shadow: #24116F 1px 1px 1px;
}
/*----------------------------------------------------------------- Deeplinks */
.box {
 width: 168px;
 clear: left;
 float: left;
 border: 1px solid #C0C0C0;
 padding: 0px;
 margin: 10px 0px 0px 10px;
 *margin: 10px 0px 0px 5px;
 font-size: 0.8em;
 background-color: white;
}
.header {
 background-image: url('/stripemenuetab.png');
 background-repeat: repeat-x;
 background-position: 50% bottom;
 background-color: black;
 text-align: center;
 height: 20px;
 padding: 2px 0px 0px 0px;
}
.dl-ul, .dl-li, .dl-li-last {
  list-style-type: none;
  margin: 2px 8px 0px 8px;
  padding: 0px;
  text-indent: 0em;
}
.dl-li a {
 display: block;
 border-bottom: 1px solid #C0C0C0;
 text-decoration: none;
 text-align:center;
 color:black;
}
.dl-li-last a {
 border-bottom: 0px solid #C0C0C0; 
}
.dl-li a:hover {
  color: #24116F;
}
/*------------------------------------------------------------------- Infobox */
a.info {
 color: #24116F;
 text-decoration: none;
 cursor: hand;
}
a.info .box {
 cursor: hand;
 width: 168px;
 clear: left;
 float: left;
 border: 1px solid #C0C0C0;
 padding: 0px;
 margin: 10px 0px 0px 10px;
 *margin: 10px 0px 0px 5px;
 font-size: 0.8em;
 background-color: white;
}
a.info:hover .box .header {
 background-image: url('/stripemenuetabhover.png');
}
a.info .box .header {
 text-decoration: underline;
 display: block;
 background-image: url('/stripemenuetab.png');
 background-repeat: repeat-x;
 background-position: 50% bottom;
 background-color: black;
 text-align: center;
 height: 20px;
 padding: 2px 0px 0px 0px;
}
a.info .box .content {
 color: black;
 text-decoration: none;
 display: block;
 text-align: center;
 white-space: nowrap;
 margin: 2px 0px 0px 0px;
 font-size: 0.9em;
 border-bottom: 1px solid #C0C0C0;
}
a.info .box .content-last {
 color: black;
 text-decoration: none;
 display: block;
 text-align: center;
 white-space: nowrap;
 margin: 2px 0px 0px 0px;
 font-size: 0.9em;
 border-bottom: 0px solid #C0C0C0;
}
a.info .list .li {
 color: black;
}
/*---------------------------------------------------------------- Servicebox */
.service {
 text-decoration: none;
 color: black;
}


.box .list {
 white-space: nowrap;
 margin: 0px 0px 0px 0px;
 font-size: 0.9em;
}
.list ul {
 text-align: left;
 margin-left: -25px;
 *margin-left: 17px;
 margin-top: 3px;
}
/*----------------------------------------------------------------- Bestpreis */
a.bestpreis { 
 width: 170px;
 height: 75px; 
 clear: left;
 float: left;
 display: block;
 position: relative;
 overflow: hidden;
 margin-left:10px;
 *margin-left:5px;
 margin-top:-5px;
 background-image: url('/button_bestpreis.png');
}
a.bestpreis:hover {
 height: 105px;
 margin-top: -17px;
 background-image: url('/button_bestpreis.png');
 background-position:0% 85%;
 margin-bottom: -18px;
} 
/*---------------------------------------- Ergebnissseite Hochseekreuzfahrten */
.res-tbl {
 border-left: 5px solid white;
 background-color: white;
 border-top: 0px solid grey;
 border-spacing: 0.2em;
 padding: 0em;
}
.schiff .bewertung b {
 display: inline;
 margin: 3px;
 overflow: hidden;
 font-size: 0px;
 padding-left: 5px;
 padding-right: 5px;
 padding-top: 10px;
 *padding-top: 9px;
 color: white;
 background-image: url('/result.png');
 background-position: 0px -70px;
 *background-position: 0px -70px;
}

.res-tbl caption {
 font-size: 0.8em;
 text-align: right;
 font-style: italic;
}
.res-tbl td {
 padding: 0.1em;
 white-space: nowrap; 
 text-align: left;
 vertical-align: top;
 font-weight: 300;
 font-size: 0.9em;
}
.res-tbl th {
 padding: 0.1em;
 white-space: pre;
 text-align: center;
 vertical-align: top;
 border-bottom: 1px dotted grey;
 border-right: 1px dotted grey;
 font-weight: 600;
 font-size: 0.8em;
}
.res-tbl span.schiff {
 font-weight: 600;
 font-size: 0.9em;
}
/* erste zell zeile */
.res-tbl td.schiff , .res-tbl td.bild , .res-tbl td.an , .res-tbl td.ab {
 padding: 0em;
 padding-top: 0.5em;
 border-top: 1px solid white;
}
/* letzte zell zeile */
.res-tbl td.tour , .res-tbl td.bild , .res-tbl td.termin , .res-tbl td.preis {
 padding-bottom: 0.5em;
 border-bottom: 1px dashed grey;
}
.res-tbl .reederei {
 font-size: 0.85em;
}
.res-tbl .bewertung {
 color: #FBC303;
 font-size:2em;
}
.res-tbl .bild {
 padding: 0px;
}
.res-tbl .bild a {
}
.res-tbl .bild img {
 border: 0em solid white;
}
.res-tbl .ab , .res-tbl .an {
 font-size: 0.8em;
 text-align: right;
 vertical-align: top;
}
.res-tbl td.tour {
 text-align: justify;
 white-space: normal;
 font-size: 1.05em;
}

.res-tbl td.tour a{text-decoration: underline;}
.res-tbl td.tour h4{font-weight: normal;}

.res-tbl .termin {
 text-align: right;
 font-weight: 600;
 font-size: 0.8em;
}
.res-tbl .preis {
 text-align: right;
 vertical-align: top;
 font-size: 0.98em;
 font-weight: 600;
}
.res-tbl .preis .alt {
 text-decoration: line-through;
 display: block;
 text-align: right;
 color: red;
 font-size: 0.9em;
}
/*-------------------------------------------------- Detailseite Kreuzfahrten */
.det-main-table{
 vertical-align:top;
 text-align:left;
 border:none; 
}
.det-main span.schiff {
 font-weight: 600;
 width:400px;
}
.det-main td.schiff {
 height: 1px;
 vertical-align: top;
 text-align: right;
}
.det-main .bewertung {
 color: #FBC303;
 font-size:2em;
}
.det-main .name {
 vertical-align: top;
 height: 1px;
 font-size: 1.4em;
 white-space: pre;
 width: auto;
 text-align: right;
 min-width: 19em;
 padding-left: 1em;
 height: 100.01%;
}
.det-main .bild {
 vertical-align: middle;
 width: 550px;
} 
.det-main .bild img {
 border: 2px solid #C0C0C0;
 margin-bottom:0.3em;
}
.det-main .destdesc img {
 border: 2px solid #C0C0C0;
 float: right;
 margin: 1em;
}
.det-main .destdesc {
 max-width: 60%;
 width: 100.01%;
 text-align: justify;
 vertical-align: top;
 font-size: 0.83em;
}
.det-main .destdesc h2 {
 display: block;
 /*border-bottom: 0.1em solid black;*/
 text-align: center;
 width: 480px;
 text-decoration: underline;
}
.det-main .shipdesc {
 vertical-align: top;
 text-align: justify;
 font-size: 0.83em;
}
.det-main .plan {
 margin-top: 0em;
 height: 100%;
 vertical-align: top;
}
.det-main .plan .pt , .det-main .plan td.pn , .det-main .plan .pa , .det-main .plan .pd {
 font-size: 0.85em;
 padding: 0.3em;
 padding-top: 0.2em;
 text-align: center;
}
.det-main .plan thead th {
 padding: 1em;
 border-bottom: 0px dotted grey;
 /*text-align:center;*/
}
.popup a, .popup a:visited {
 position: relative;
 display: block;
 text-decoration: none;
 color: #000;
 font-size: 0.85em;
 padding: 0.3em;
 padding-top: 0.2em;
 text-align: center;
}
.popup a:hover {
 color: #24116F;
 border:none;
 font-size: 0.85em;
 padding: 0.3em;
 padding-top: 0.2em;
 text-align: center;
 z-index: 1;
}
.popup a .d {
 display: none;
}

.popup a:hover .d{
 display: block;
 position: absolute;
 top: -2em;
 width: 50em;
 left: 80%;
 margin: 0px;
 color: #000;
 text-align: center;
 height: 50em;
 margin-bottom: -50em;
 background-color: transparent;
 z-index: 100;
}
.popup a .d .p, .popup a:hover .d .p{
 display: block;
 background-color: #FFEFB7;
 border: 1px solid black;
 font-size:1.3em;
 padding:10px;
}
.popup a .d .p .h, .popup a:hover .d .p .h{
 display: block;
 text-align: center;
 position: relative;
 font-weight: 600;
 border-bottom: 1px solid black;
 margin-bottom:10px;
}
.popup td{
 border-bottom:1px dotted grey;
}

/*--------------------------------------------------------------------Kalender*/
.kalenderscrollbereich {
 border: 0px dotted grey;
 border-top: 2px solid #C0C0C0;
 border-bottom: 2px solid #C0C0C0;
 border-left: 2px solid #C0C0C0;
 dispplay: block;
 position: relative;
 overflow: auto;
 height: 300px;
}
td.navilink {
 white-space: nowrap;
 text-align: right;
 font-size: 10pt;
 line-height: 9pt;
 font-weight: 600;
 padding: 0px;
 margin: 0px;
 border: 0px solid black;
}
.navilink a:link, .navilink a:visited, .navilink a {
 display: block;
 text-decoration: underline;
 vertical-align: middle;
 padding-top: 0px;
 padding-left: 2px;
 padding-right: 2px;
 color: grey;
 border-right: 3px solid grey;
}
.navilink a:hover {
 color: orange;
 border-color: orange;
} 
table.ci-cal {
 border: 0px solid transparent;
 cell-spacing: 1px;
 border-collapse: collapse; 
}
table.ci-cal td {
 border: 1px solid black;
 padding: 0.1em;
 text-align: right;
}
table.ci-cal td.monat {
 font-weight: 600;
 font-size: 1.1em;
 border: 0px solid transparent;
 /*font-style: italic;*/
 text-align: left;
 font-family: Georgia;
 color: #24116F;
}
.ci-cal-a {
 position: relative;
}
.ci-cal-cont-tab {
 border:none;
 vertical-align:top;
 text-align:left;
 width:100%;
}
.ci-cal-cont-div-zeit {
 display: block;
 text-align: center;
 float: left;
 width: 70px;
}
.ci-cal-cont-div {
 display: block;
 float: right;
 margin-left: 5px;
 margin-right: 70px;
 *margin-right: 30px;
}
table.ci-cal-cont .htage td {
 width: 19px;
 text-align: center;
 vertical-align: bottom;
 font-weight: 400;
 border: 0px solid transparent;
 border-right: 1px dotted black;
 font-size: 11pt;
 line-height: 9pt;
 padding: 2px;
 width: 17px;
}
table.ci-cal-cont .htage td.w {
 font-size: 10pt;
 line-height: 8pt;
 padding: 2px;
 border: 0px solid transparent;
 border-right: 2px solid #FBC303;
}
table.ci-cal-cont td.reise , table.ci-cal-cont .htage td.last {
 font-size: 9pt;
 font-weight: 400;
 line-height: 8pt;
 padding: 2px;
 width: 510px;
 border: 0px solid transparent;
}
table.ci-cal td {
 font-size: 12pt;
 line-height: 9pt;
 padding: 2px;
 width: 20px;
 text-align: center;
}
table.ci-cal .tage td.w , table.ci-cal .cruising td.w {
 line-height: 5pt;
 border: 0px solid transparent;
 border-top: 1px dotted black;
 border-right: 2px solid #FBC303;
 font-size: 9pt;
 width: 20px;
 text-align: center;
 background-color: #FFEFB7;
}
table.ci-cal .cruising td.w { border-top-color: transparent; }
table.ci-cal td.pre {
 color: #C0C0C0;
 color: white;
 border: 0px solid transparent;
 border-top: 1px solid #C0C0C0;
 border-right: 1px dotted transparent;
}
table.ci-cal tr.cruising td {
 padding: 0px;
 font-size: 0.1px;
 line-height: 0.1px;
 border: 0px solid transparent;
 border-top: 0px solid transparent;
}
table.ci-cal tr.cruising div.arrow {
 border: 3.4px solid transparent;
 background-color: transparent;
 font-size: 0.01px;
 padding: 0px;
 line-height: 0.01px;
}
table.ci-cal tr.cruising td.ab div.arrow {
 padding: 0px;
 border-left-width: 0px;
/* border-right-width: 5px;*/
}
table.ci-cal tr.cruising td.an div.arrow {
 padding: 0px;
 border-right-width: 0px;
/* border-left-width: 5px;*/
}
table.ci-cal td .nachhinten {
 color: white;
 position: relative;
 top: -14px;
 z-index: 1;
 margin-bottom: -14x; 
 height: 0px; 
 overflow: visible;
}
table.ci-cal td .nachvorn {
 position: relative; z-index: 3;
}

table.ci-cal tr.cruising td.ab , table.ci-cal tr.cruising td.an {
 border: 0px solid transparent;
}
table.ci-cal tr.cruising div.fahrt {
 border-width: 0px;
 line-height: 7px;
}
table.ci-cal tr.cruising td.fahrt {
/* background-color: yellow;*/
}
table.ci-cal tr.cruising td.seitenstreifen { background-color: grey;}
table.ci-cal td.reise {
 width: 2000px;
}
table.ci-cal td.reise span.content a , table.ci-cal td.reise span.content a:link, table.ci-cal td.reise span.content a:visited {
 /*background-color: #FBC303;*/
 display: block;
 position: relative;
 height: 18px;
 text-decoration: none;
 color: #24116F;
 border-bottom: 2px solid #C0C0C0;
 font-size: 10pt;
 *font-size: 9pt;
 line-height: 13pt;
 vertical-align: middle;
 font-weight: 600;
 white-space: normal;
 
}
table.ci-cal td.reise span.content a:hover {
 border-bottom: 2px solid #FBC303;
 color: black;
}
table.ci-cal td.reise span.content span.vol ,
table.ci-cal td.reise span.content span.anf ,
table.ci-cal td.reise span.content span.preis,
table.ci-cal td.reise span.content span.zeitraum {
 white-space: nowrap;
 display: block;
 float: left;
 width: 60px;
 padding: 0px;
 margin-left: 2px;
 border: 0px solid grey;
 text-align: right;
 cursor: hand;
}
table.ci-cal td.reise span.content span sub  {
 position: relative;
 bottom: 2px;
 margin: 0px;
 *bottom: 4px;
}
table.ci-cal td.reise span.content span sup  {
 position: relative;
 top: 2px;
 *top: 4px;
}
table.ci-cal td.reise span.content span.zeitraum {
 width: 70px;
}
table.ci-cal td.reise span.content span.drumrum .anf {
 font-size: 8pt;
 color: green;
}
table.ci-cal td.reise span.content span.drumrum .vol {
 font-size: 8pt;
 color: darkred;
}
table.ci-cal td.reise span.content span.drumrum {
 display: block;
 float: right;
 margin-left: 5px;
 margin-right: 0px;
 cursor: hand;
}
table.ci-cal td.reise span.content span.drumrum span.u {
 font-size: 8pt;
 *width: 60px;
 cursor: hand;
 text-decoration: underline;
}
table.ci-cal td.reise span.content {
 display: block;
 position: relative;
 background-color: white;
 font-size: 11pt;
 line-height: 10pt;
 top: 0px;
 border-bottom: 0px solid orange;
 /*border-left: 2px solid orange;*/
 padding: 2px;
}
table.ci-cal td.last {
 border: 0em solid transparent;
}

table.ci-cal tr.cruising td.pre { border-color: transparent; }
/*table.ci-cal .tage td.t:hover {
 border: 1px solid red;
 background-color: #FBC303;
}*/
table.ci-cal .tage td.t {
 color: black;
 border: 0px solid transparent;
 border-top: 1px solid #C0C0C0;
 border-bottom: 1px solid #C0C0C0;
 border-right: 1px dotted black;
}
table.ci-cal .tage td.stopngo {
 color: red;
}
table.ci-cal .tage td.arrive {
 color: blue;
}
table.ci-cal .tage td.cruise {
 color: green;
}
table.ci-cal .tage td.depart {
 color: yellow;
}
.preisstruktur {
 width:100%;
}
.preisstruktur .ausrichtung {
 text-align:right;
}
.ci-cal-print-trips {
 text-align: left;
 display: block;
 position: absolute;
 white-space: pre;
 color: black;
 background-color: white;
 top: 0px;
 left: 0px;
 height: 50em;
 overflow: auto;
 width: 100%;
}
.bfscroll {
 visibility: hidden;
 z-index: 1;
 height: 600px;
 width: 100%;
 overflow: hidden;
 position: relative;
 padding: 3px;
}
.bfscroll-div {
 margin-top: 600px;
 visibility: visible;
 height: 550px;
 position: relative;
 z-index: 110;
 border: 2px solid grey;
 width: 750px;
 font-size: 9pt;
 line-height: 8pt;
 background-color: white;
 overflow: auto;
}
.bfscroll .bfscroll-div .fs {
 border: 0px solid transparent;
}
.fs-last {
 border: 0px solid transparent;
 text-align: right;
 line-height: 10pt;
}
.fs-last .abbrechen {
 display: block;
 float: left;
}
.frm-leer {
 width: 100%;
 height: 800px;
 font-size: 9pt;
 line-height: 8pt;
 overflow: auto;
}
/* Siteposition : Anzeige des Pfades, wo sich der Nutzer befindet */
.sitepos {
 font-size: 9pt;
 display: block;
 clear: both;
 padding-left: 10px;
 padding-top: 5px;
 padding-bottom: 5px;
 margin: 0px;
}
.sitepos span {
 padding: 2px;
}
.sitepos a:link, .sitepos a:visited {
 color: #24116F;
 font-weight: 600;
}
}

/*@page {margin:1.27cm 1.27cm 1.27cm 1.27cm;}*/

/* --------------------------------------------------------- Print-Stylesheet */
@media print {
/* --------------------------------------------------------------------- Body */
body {
 color: black;
 background-color: white;
 font-size: 80%;
 font-family: Helvetica,Arial,sans-serif;
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
 border: 0px solid black;
 min-width: 41em; /* Mindestbreite verhindert Umbruch und Anzeigefehler in modernen Browsern */
} 
/* ------------------------------------------------------------- Seitenzahlen */
.ci-el-menu-tabbed {
 display:none;
}
.ci-el-menu-tabbed li {
 display:none;
}
.ci-el-menu-tabbed li a {
 display:none;
}
.ci-el-menu-tabbed li a:link {
 display:none;
}
.ci-el-menu-tabbed li a:visited {
 display:none;
}
.ci-el-menu-tabbed li a:hover {
 display:none;
 }
.ci-el-menu-tabbed li a.aktuell {
 display:none;
 }
/* --------------------------------------------------------------------- MenÃ¼ */
.menuetab li a.submenu {
 display:none;
}
.menuetab li p.submenuitem a {
 display:none;
 }
.menuetab li p.submenuitem {
 display:none;
}
.menuetab li.hover p.submenuitem,
.menuetab li:hover p.submenuitem {
 display:none;
}
.menuetab {
 display:none;
}
.menuetab li {
 display:none;       
}   
.menuetab li a {
 display:none;
}
.menuetab li a:link {
 display:none;
}
.menuetab li a:visited {
 display:none;
}  
.menuetab li a:hover {
 display:none;
}
.menuetab li a.aktuell {
 display:none;
}
/*---------------------------------------------------------------------- Logo */
.ci-el-span-logo{
 /*float: left;
 display: block;
 position: absolute;
 left: 0px;
 z-index: 98;*/
 
}
.ci-el-logo {
 /*border: 0px solid transparent;
 margin-top: 2px;
 margin-bottom: 5px;
 margin-left: 3px;
 width: 200px;
 height: 60px;
 z-index: 98;*/
 border: none;
 position: absolute;
 top: 0cm;
 left: 0cm;
}
/*------------------------------------------------------------------- Kontakt */
.ci-el-kontakt h1 a {
 color: black;
 text-decoration: none;
}
.ci-el-kontakt h1 {
 text-decoration: none;
 font-size: 1.2em;
 padding: 0px;
 margin: 0px;
 display: inline;
}
.ci-el-kontakt {
 border: 0px solid #C0C0C0;
 float: right;
 margin-right: 0px;
 margin-bottom: 20px;
 display: block;
 overflow: visible;
 height: 65px;
 white-space: pre;  
 text-align: center;
 font-size: 0.8em;
 *font-size: 0.78em;
 color: black;
}
.ci-el-kontakt span {
 display: block;
 font-weight: 600;
}
.ci-el-kontakt-fon {
 font-size: 1.5em;
 margin-top: 0.2em;
}
.ci-el-kontakt-zeit {
 margin-top: 3px;
 /*margin-left: 2px;*/
}
.ci-el-umbruch {
 clear: both; 
 height: 0px; 
 line-height: 0px;
 border:0px solid black;
}
/* ----------- Siteposition : Anzeige des Pfades, wo sich der Nutzer befindet */
.sitepos {
 display: none;
}
caption {
 display: none;
}
/*---------------------------------------- Ergebnissseite Hochseekreuzfahrten */
.res-tbl {
 background-color: white;
 border-spacing: 0.2em;
}
.res-tbl td {
 padding: 0.1em;
 white-space: nowrap; 
 text-align: left;
 vertical-align: top;
 font-weight: 300;
 font-size: 0.9em;
}
.res-tbl th {
 white-space: pre;
 text-align: center;
 vertical-align: middle;
 border: 1px dotted grey;
 font-weight: 600;
 font-size: 0.8em;
}
.res-tbl span.schiff {
 font-weight: 600;
 font-size: 0.9em;
}
/* erste zell zeile */
.res-tbl td.schiff , .res-tbl td.bild , .res-tbl td.an , .res-tbl td.ab {
 padding-top: 8px;
}
/* letzte zell zeile */
.res-tbl td.tour , .res-tbl td.bild , .res-tbl td.termin , .res-tbl td.preis {
 padding-bottom: 0.5em;
 border-bottom: 1px dashed grey;
}
.res-tbl .reederei {
 font-size: 0.85em;
}
.res-tbl .bewertung {
 color: #FBC303;
 font-size:2em;
}
.res-tbl .bild {
 padding: 0px;
 
}
.res-tbl .bild a {
}
.res-tbl .bild img {
 border: 0em solid white;
}
.res-tbl .ab , .res-tbl .an {
 font-size: 0.8em;
 text-align: right;
 vertical-align: top;
}
.res-tbl .tour {
 text-align: justify;
 white-space: normal;
 font-size: 1.05em;
 text-decoration: none;
}
.res-tbl .tour a {
 text-decoration: none;
 color: #24116F;
}
.res-tbl .termin {
 text-align: right;
 font-weight: 600;
 font-size: 0.8em;
}
.res-tbl .preis {
 text-align: right;
 vertical-align: top;
 font-size: 0.98em;
 font-weight: 600;
}
.res-tbl .preis .alt {
 text-decoration: line-through;
 display: block;
 text-align: right;
 color: red;
 font-size: 0.9em;
}
/* ------------------------------------------------------------- Suchformular */
.ci-frm {
  display: none;
} 
/* --------------------------------------------------------------- Servicebox */
.box {
 display: none;
}
/* ------------------------------------------------------------ Wie buche ich */
a.static-howto-link {
 display: none;
}
/* ------------------------------------------------------------------- Banner */
.ci-el-contentcontainer-right-banner {
 display: none;
}
.valid-print {
 display: none;
}
}
/* ------------------------------------------------------------------- Special */
.special_fp { cursor: pointer; }
.special_fp div {
 text-align: left; cursor: pointer;
}
.special_fp div h2 {
 padding: 0px; margin: 0px; cursor: pointer;
}
.special_fp div h2 a {
 display: block; text-decoration: none; color: black; cursor: pointer;
}
.special_fp div a {
 display: block; text-decoration: none; color: #0000f0;
}
.special_res {
 display: block;
 position: relative;
 overflow: visible;
 top: 0px;
 left: 0px;
 color: #00a020;
 font-weight: 900;
 font-size: 12pt;
 margin-right: -100px;
 margin-top: -18px;
}
.special_res-dcadf {
 display: block;
 position: relative;
 color: #00a020;
 font-weight: 900;
 width: 1px;
 height: 1px;
 overflow: visible;
 top: 15px;
 *top: 30px;
 left: 110px;
 *left: -10px;
 margin-bottom: -1px;
 *margin-bottom: -21px;
 *margin-right: -200px; 
 font-size: 12pt;
 background-color: white;
}
.special_cb {
 display: block;
 overflow: auto;
 position: relative;
 top: 0px;
 left: 0px;
 font-size: 0.85em;
 background-color: white;
 border: 2px solid #00a020;
 padding: 10px;
 *width: 100%;
}
.special_cb h3 {
margin: 0px; color: #00a020;
}
.special_cb p {
 margin: 0px;
 margin-bottom: 3px;
 font-size: 0.95em;
}
.special_cb table {
 width: 100%;
 text-align: right;
 font-size: 0.9em;
 font-weight: 600;
}
.special_cb span {
font-size: 7pt; font-family: Tahoma; line-height: 90%;
}