/* www.ich-will-flitterwochen.de - Wed, 22 Feb 2012 22:53:07 UTC */
body 
{ 
  background:url('http://images.travity.de/travity/fade/fade-down-20.png') top left repeat-x #ffcc99; 
}
body, th, td, div, p
{
  font-size:12pt;
  font-family:calibri,arial,sans-serif;
  color:#606060;
}
div { margin:0; border:0; padding:0; }
p { margin:0 0 0.3em 0; border:0; padding:0; }

.h1, .title { color:#cc3300; font-size:16pt; font-weight:bold; margin:0 0 0.3em 0; }
.h2 { color:#cc9933; font-size:14pt; font-weight:bold; margin:1em 0 0.3em 0; }
.h3 { color:#cc9933; font-size:12pt; font-weight:bold; margin:0 0 0.3em 0; }
.h4 { color:#cc9933; font-size:12pt; margin:0 0 0.3em 0; }


a { color:#cc3300; }
a:hover { color:#cc9933; }

div.locationbar
{
  padding:5px 5px 25px 25px;
}



#container 
{
width: 1000px;
background-color:white;
margin-bottom: 10px;
margin:0 auto;

-moz-box-shadow: #cc9933 0px 0px 5px;
-webkit-box-shadow: 0px 0px 5px #cc9933;
box-shadow: #cc9933 0px 0px 5px;

-moz-border-radius: 10px;
-webkit-border-radius: 10px; 
border-radius: 10px;
}

#banner 
{
  text-align: left;
  padding:0;
  border0;
  margin:0;
  background:url('http://images.travity.de/flittertage/flittertage.png') top left no-repeat transparent;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px; 
  border-radius: 10px;
}

#content 
{
background-color: #ffffff;
padding: 0;
margin: 0 200px;
}

div#content 
{ 
min-height:600px;
height:expression(this.scrollHeight > 600 ? "auto":"600px"); 
}

#left 
{
float: left;
width: 200px;
margin: 0;
padding: 0px;
}

#right {
float: right;
width: 200px;
margin: 0;
padding: 0;
}

#footer {
clear: both;
margin: 0px;
padding: 15px;
text-align: center; }



select.continent, select.country, select.category 
{ 
  width:190px; 
  margin:0 0 2px 5px; 
  background-color:#cc9933;
  border:1px solid #cc9933;
}

div.element 
{
  border:0;
}
div.element .title a
{
  text-decoration:none;
}

div.element * img.overview-image
{
  float:left;
  border:0;
  margin:0 1em 1em 0;
}
div.element * p.description
{
  min-height:150px;
}

div.element span.tourcode,
div.element span.link,
div.element span.rockbottomprice
{ 
  font-weight:bold;
  display:block;
  text-align:right;
}

.image-left { border:0; margin-right:5px; margin-left:0; margin-top:5px; margin-bottom:5px; }
.image-right { border:0; margin-right:0; margin-left:5px; margin-top:5px; margin-bottom:5px; }






div.travel-content div.travel-summary
{
}
div.travel-content div.categories,
div.sortorder, div.actualfilters
{
  border:0;
  margin:1em 0 1em 0;
  background-color:#ffcc99;
  padding:0.5em;
}


div.travel-content div.travel-summary p.pricedesc
{ 
  font-weight:bold;
  display:block;
  text-align:right;
  color:#000000;
  font-size:15pt;
}
div.travel-content div.travel-summary p.travelnumber
{ 
  font-weight:bold;
  display:block;
  text-align:left;
  color:#cc3300;
  font-size:15pt;
}

div.travel-actions, div.choosepages
{
  color:#ffffff; 
  font-size:15pt;
  text-align:center;
  background-color:#cc9933;
  padding:0.5em;
  margin:1em 0 1em 0;
-moz-box-shadow: #cc9933 0px 0px 5px;
-webkit-box-shadow: 0px 0px 5px #cc9933;
box-shadow: #cc9933 0px 0px 5px;

-moz-border-radius: 10px;
-webkit-border-radius: 10px; 
border-radius: 10px;
}
div.travel-actions a, div.choosepages a
{
  color:#ffffff; 
}
div.travel-actions a:hover, div.choosepages a:hover
{
  color:#ffcc99; 
}



/*----- styles for ul li hover -----*/
body { behavior:url('/css/csshover.htc'); }
div#nav { width:172px; margin:0; border:0; padding:0; background:transparent; }
div#nav ul { width:172px; 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:transparent; color:#000000; }
div#nav li:hover { background-color:#cc9933; }
div#nav li.subtoc { background:url('/images/arrowb.gif') 95% 50% no-repeat; color:#000000; }
div#nav li.subtoc:hover { background-color:#cc9933; }
div#nav li a {display: block; padding:0.25em 0 0.25em 0.5em; text-decoration:none; width:172x; border:0; color:#000000; }
div#nav li span {display: block; padding:0.25em 0 0.25em 0.5em; text-decoration:none; width:172px; border:0; color:#000000; }
div#nav li a:hover { border:none; }
div#nav>ul a { width:auto; }
div#nav ul ul { position: absolute; top:-1px; left:172px; display:none; border:0; background-color:#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 #cc9933; }
div#nav ul.toc2 li.subtoc:hover ul.toc3 { display:block; z-index:600; border:1px solid #cc9933; }
div#nav ul.toc3 li.subtoc:hover ul.toc4 { display:block; z-index:700; border:1px solid #cc9933; }
div#nav ul.toc4 li.subtoc:hover ul.toc5 { display:block; z-index:800; border:1px solid #cc9933; }



/* --- New TravelDatesList CSS ---  */

div.box_TravelDates { background-color:transparent; border:0; padding:0; }
div.box_TravelDates p.title { font-weight:bold; text-size:13pt; }
table.tbl_TravelDates { width:100%; background-color:transparent; }
table.tbl_TravelDates tr td { border:0; background-color:#ffffff; padding:1px 3px 0 1px; border-bottom:1px solid #e0e0e0; vertical-align:middle; }
table.tbl_TravelDates tr.header td { font-weight:bold; padding:2em 0 3px 0; font-size:12pt; background-color:transparent; }
table.tbl_TravelDates tr.odd td { background-color:#f0f0f0; }
table.tbl_TravelDates tr.even td { background-color:#ffffff; }

table.tbl_TravelDates td.date { text-align:left; white-space:nowrap; cursor:help; }
table.tbl_TravelDates td.code { text-align:center; color:#999999;}
table.tbl_TravelDates td.price { text-align:right; white-space:nowrap; }
table.tbl_TravelDates td.description { text-align:center; max-width:20px; cursor:help; }
table.tbl_TravelDates td.description img { vertical-align:middle; }
table.tbl_TravelDates td.vacancy { text-align:center; max-width:40px; background-color:black; cursor:help; }
table.tbl_TravelDates td.vacancy img { vertical-align:middle; }
table.tbl_TravelDates td.actions { text-align:right; white-space:nowrap; }

table.tbl_TravelDates tr td.code p.code { color:#999999;}

table.tbl_TravelDates td.date p.date span.date-info,
table.tbl_TravelDates td.description p.description span.description-info,
table.tbl_TravelDates td.vacancy * span.vacancy-info
{
  display:none;
}
table.tbl_TravelDates td.date p.date:hover span.date-info,
table.tbl_TravelDates td.description p.description:hover span.description-info
{
  position:absolute;
  display:inline;
  padding:1em;
  border:1px solid #000000;
  text-align:left;
  max-width:400px;
  background-color:#ffffff;
}
table.tbl_TravelDates td.vacancy p.vacancy-19:hover span.vacancy-info
{
  position:absolute;
  display:inline;
  padding:1em;
  border:1px solid #000000;
  text-align:left;
  max-width:400px;
  background-color:#ffff00;
}
table.tbl_TravelDates td.vacancy p.vacancy-0:hover span.vacancy-info
{
  position:absolute;
  display:inline;
  padding:1em;
  border:1px solid #000000;
  text-align:left;
  max-width:400px;
  background-color:#ff0000;
}
table.tbl_TravelDates td.vacancy p.vacancy-x:hover span.vacancy-info
{
  position:absolute;
  display:inline;
  padding:1em;
  border:1px solid #000000;
  text-align:left;
  max-width:400px;
  background-color:#00ff00;
}
table.tbl_TravelDates td.vacancy p.vacancy-no:hover span.vacancy-info
{
  position:absolute;
  display:inline;
  padding:1em;
  border:1px solid #000000;
  text-align:left;
  max-width:400px;
  background-color:#ffffff;
}