/*from Application*/

/*StyleSheet www.flusskreuzfahrten-koeln.de*/
/*WebsiteID 69B0D7A6-D311-4CAB-9C87-B2B76A401CE8*/
body
{
  padding-top:20px;
  padding-bottom:20px;
  background:url('http://images.travity.de/flusskreuzfahrten-koeln/bg.png') top left repeat-x #ffffff;
}

.h1 { color:#185ca2; }
.h2 { color:#185ca2; }
.h3 { color:#185ca2; }
.h4 { color:#185ca2; }


body, th, td, div, p
{
  font-size:10pt;
  font-family:tahoma,sans-serif;
}
a { color:#185C82; }
a:hover { color:#185C82;text-decoration:underline; font-weight:bold; }
td.topnavigation, td.location, td.navigation, td.content, td.sidebar
{
  background-color:#ffffff;
}
td.topnavigation
{
  padding-top:3px;
  padding-bottom:3px;
  color:#185ca2;
}
td.location
{
  padding-top:3px;
  padding-bottom:3px;
  color:#185ca2;
}
td.location div.locationbar
{
  margin-left:20px;
}
td.footer
{
  padding-top:10px;
  background:url('http://images.travity.de/flusskreuzfahrten-koeln/footer.gif') bottom center no-repeat #ffffff;
  padding-bottom:10px;
}
td.footer
{
  padding-top:10px;
  background:url('http://images.travity.de/flusskreuzfahrten-koeln/footer.gif') bottom center no-repeat #ffffff;
  padding-bottom:10px;
  text-align:center;
}
td.footer div.footer
{
  border-top:1px solid #A7CDEC;
  width:50%;
  margin:10px auto 10px auto;
  text-align:center;
}



div.travel-content div.categories
{
  border:1px solid #185ca2;
  background-color:#a7cdec;
}

div.travel-actions
{
  margin:5px;
  font-size:1.2em;
}


div.navigator { margin:0; padding:5px; background-color:#A7CDEC; text-align:center; }
div.navigator p.h1 { margin-top:0.5em; }

select.continent,
select.country,
select.category,
select.startdate
{
  width:200px;
}

div.element
{
  margin:1em 0 1em 0;
}
div.element p.title
{
  font-weight:bold;
  font-size:1.2em;
}
div.element span.link,
div.element span.rockbottomprice,
div.element span.tourcode
{
  display:block;
  clear:both;
  text-align:right;
}
div.element span.rockbottomprice
{
  font-weight:bold;
  font-size:1.2em;
}




/*----- styles for ul li hover -----*/
body { behavior:url('/css/csshover.htc'); }
div#nav { width:180px; margin:0; border:0; padding:0; background:transparent; }
div#nav ul { width:180px; margin:0; border:0; padding:0; background:transparent; z-index:400;}
div#nav li { position:relative; list-style:none; margin:0; border-bottom:1px solid #ffffff; padding:0; background:#A7CDEC; color:#333333; }
div#nav li:hover { background-color:#ffffff; }
div#nav li.subtoc { background:url('/images/arrowb.gif') 95% 50% no-repeat #A7CDEC; color:#333333; }
div#nav li.subtoc:hover { background-color:#ffffff; }
div#nav li a {display: block; padding:0.25em 0 0.25em 0.5em; text-decoration:none; width:180px; border:0; color:#000000; }
div#nav li span {display: block; padding:0.25em 0 0.25em 0.5em; text-decoration:none; width:180px; border:0; color:#000000; }
div#nav li a:hover { border:none; color:#185C82; font-weight:bold; }
div#nav>ul a { width:auto; }
div#nav ul ul { position: absolute; top:-1px; left:180px; display:none; border:0; background:#ffffff;}
div#nav ul li.subtoc:hover > ul { display:block; z-index:500; }
div#nav ul.toc1 li.subtoc:hover ul.toc2 { display:block; z-index:500; border:1px solid #ffffff; }
div#nav ul.toc2 li.subtoc:hover ul.toc3 { display:block; z-index:600; border:1px solid #ffffff; }
div#nav ul.toc3 li.subtoc:hover ul.toc4 { display:block; z-index:700; border:1px solid #ffffff; }
div#nav ul.toc4 li.subtoc:hover ul.toc5 { display:block; z-index:800; border:1px solid #ffffff; }



/* ----- Overview Layout Styles ----- */
div.overview table.element
{
  background:url('http://www.robqs-welt.de/fluss/ovl2.gif') top left no-repeat;
  margin:1em 0 1em 0;
  border:0;
  border-collapse:collapse;
  empty-cells:show;
}

div.overview table.element td.title
{
  color:#000080;
  font-weight:bold;
  padding:0;
}
div.overview table.element td.title div.ovr
{ 
  margin:0;
  padding:5px 10px 3px 10px;
  background:url('http://www.robqs-welt.de/fluss/ovr2.gif') top right no-repeat;
}
div.overview table.element td.title a, div.overview table.element td.title a:hover
{
  color:#000000;
  font-weight:bold;
  font-size:1.2em;
}
div.overview table.element td.image
{
  background:url('http://www.robqs-welt.de/fluss/ovs2.gif') top left repeat-y;

  text-align:left;
  vertical-align:top;
  padding:0; 
}
div.overview table.element td.image div.image
{
  margin:0; 
  padding:5px; 
  text-align:left;
  vertical-align:top;
  height:100%;
}
div.overview table.element td.image div.image a
{
  border:0;
  padding:0;
  margin:0;
  background-color:white;
  color:white;
}
div.overview table.element td.image div.image img.overview-image
{
  border:1px solid #185C82;
  padding:0;
  margin:0;
}

div.overview table.element td.dates
{
  text-align:right;
  vertical-align:top;
  background:url('http://www.robqs-welt.de/fluss/ovs2.gif') top right repeat-y;
}
div.overview table.element td.dates div.dates
{
  margin:0; 
  padding:5px;
  text-align:right;
  vertical-align:top;
}
div.overview table.element td.dates table.overview-dates-box
{
  width:130px;
  border:1px dotted #185C82; 
}
div.overview table.element td.dates table.overview-dates-box td.price,
div.overview table.element td.dates table.overview-dates-box td.startdate
{
  white-space:nowrap;
}


table.overview-dates-box tr.odd td { background-color:#A7CDEC; }
div.overview table.element td.description
{
  text-align:left;
  vertical-align:top;
  padding:5px;
  
}
div.overview table.element td.travelcode
{
  background:url('http://www.robqs-welt.de/fluss/op2.gif') top right no-repeat;
  text-align:center;
  vertical-align:bottom;
  padding:5px;
  font-weight:bold;
  color:#ffffff;
}
div.overview table.element td.travelcode a, div.overview table.element td.travelcode a:hover
{
  font-weight:bold;
  color:#ffffff;
  text-decoration:none;
}
div.overview table.element td.rockbottomprice
{
  background:url('http://www.robqs-welt.de/fluss/ovrb2.gif') bottom right no-repeat;
  text-align:right;
  vertical-align:bottom;
  padding:5px;
  font-weight:bold;
}
div.overview table.element td.rockbottomprice b
{
  font-size:1.4em;
}
div.overview table.element td.links
{
  padding:0 10px 20px 10px;
  text-align:right;
  vertical-align:top;
}
div.overview table.element td.links a
{
  padding:0 4px 2px 4px;
  background-color:#185C82;
  border:0;
  color:#ffffff;
  margin-left:5px;
  font-weight:bold;
  text-decoration:none;
}
div.overview table.element td.links a:hover
{
  background-color:#ffffff;
  border:0;
  color:#185C82;
}