/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
table th { padding-right: 1em; font-weight: bold; }
table td { padding-right: 1em; }
table.block td { padding-right: 0; }

strong { font-weight: bold; }


body { background: #cacaca url("../img/background.gif") repeat-x top left fixed; }
#page { width: 960px; }
#popup { width: 700px; }
#page, #popup { font-family: Helvetica, Arial, sans-serif; font-size: 75%; line-height: 1.55em; -moz-border-radius: 6px; border-radius: 6px; -moz-box-shadow: 0 0 28px #bbb; -webkit-box-shadow: 0 0 28px#bbb; box-shadow: 0 0 28px #bbb; border: 1px solid #e7e2d7; background: #fff; color: #444; margin: 20px auto; text-align: center; }

#page article { float: left; position: relative; left: 210px; width: 534px; text-align: left; }
#popup article { margin-left: 0; text-align: left; padding: 20px; }
.pricelist tr.busy { border-left: 4px solid #ED1A3B; }
.pricelist tr.busy > td:first-child  { padding-left: 0.5em; }
.pricelist tr.available { border-left: 4px solid green; }
.pricelist tr.available > td:first-child  { padding-left: 0.5em; }
.pricelist tr.past { border-left: 4px solid #bbb; color: #999; }
.pricelist tr.past > td:first-child  { padding-left: 0.5em; }


section#left { float: left; position: relative; left: -534px; width: 178px; text-align: left; padding-left: 20px; padding-top: 36px; }
section#left a:link,
section#left a:visited { color: #444; }
section#left a:hover { color: #1c3687; }

section#right { float: right; width: 178px; text-align: left; padding-right: 10px; padding-top: 36px; }

header { padding: 30px 0; padding-bottom: 20px; height: 86px; display: block; position: relative; text-align: left; }
header #logomain img { position: absolute; left: 20px; top: 33px; }
header #logosub { position: absolute; left: 392px; top: 18px; }
header #logosub li { float: left; margin-right: 8px; }
header #logosub li a { opacity: 0.4; }
header #logosub li a:hover { opacity: 1; }

header #hotline { position: absolute; left: 770px; top: 18px; width: 180px; color: #444; }
header #hotline img { float: left; width: 16px; height: 16px; margin-right: 4px; }
header #hotline strong { font-weight: bold; font-size: 1.1em; }
header #hotline em { font-size: 0.9em; }

header h1, header h2 { display: none; }
header hgroup { }
header nav { position: absolute; top: 94px; left: 210px; }

footer { display: block; clear: both !important; text-align: center; }
footer .label { font-weight: normal; font-size: 0.9em; text-transform: none; }
footer { border-top: 1px solid #ddd; padding-top: 20px; margin-top: 20px; }

footer a { margin: 0px 5px; }
footer ul.inline li { float: left; }
footer ul.inline li em { display: inline-block; width: 110px; }
footer ul.inline li a:hover em { text-decoration:underline; }

footer .guarantee ul { width: 918px; margin-left: 20px; font-size: 0.9em; }
footer .guarantee ul img { float: left; margin-right: 8px; margin-top: -4px; }
footer .guarantee ul li { text-align: left; }

footer .socialmedia { width: 918px; margin-left: -15px; margin-top: 4px; margin-bottom: 20px; height: 26px; }
footer .socialmedia ul { margin-left: 250px; }
footer .socialmedia ul li a { margin: 0px; height: 26px; margin-left: 8px; margin-right: 8px; display: block; }
footer .socialmedia ul li { display: block; float: left; height: 26px; vertical-align: top; }
footer .socialmedia ul li.label { position: relative; top: 4px; margin-left: 10px; margin-right: 6px; color: #444; font-size: 1em; }
footer .socialmedia ul li img { position: relative; top: 3px; margin-left: 4px; margin-right: 4px; }

footer .links { width: 918px; margin-bottom: 20px;  }
footer .links ul { width: 400x; margin-left: 220px; }
footer .links ul li { border-right: 1px solid #ccc; padding: 0 8px; }
footer .links ul li.last { border-right: none; }

footer .areas { width: 918px; margin-left: 20px; margin-bottom: 20px; }
footer .areas ul { margin-left: 260px; }
footer .areas ul li img { position: relative; top: 4px; margin-left: 4px; margin-right: 4px; }

footer ul.inline li.trustedshops { width: 183px; }
footer ul.inline li.moneyback { width: 183px; }
footer ul.inline li.travelassociation { width: 183px; }
footer ul.inline li.customerfriendly { width: 183px; }
footer ul.inline li.bestprice { width: 183px; }

footer .copyright { font-size: 0.9em; color: #aaa; margin-bottom: 10px; }
ul li { color: #444; }

nav { text-align: center; display: block; font-weight: normal; }
nav ul { padding: 0px; list-style-type: none; width: 738px; }
nav li { margin: 0px 0px; padding: 0px; border-left: 1px solid #fff; list-style-type: none; display: block; float: left; }
nav a:link, nav a:visited { font-size: 1.2em; font-weight: normal; padding: 5px 9px; text-align: center; width: 73px; display: block; float: left; color: #1C3687; background: whiteSmoke; }
nav a:hover { background: #ddd; }
nav li.active a,
nav li.active { color: #fff; background: #fbdd01; }
nav li.active a { width: 75px; } /* ausgleich für Menübreite, ggf. Zeile auskommentieren */

.breadcrumb { clear: both; }
.breadcrumb ul { margin: 0; padding: 0; }
.breadcrumb li { float: left; display: block; list-style-type: none; margin-right: 0.25em; color: #1C3687; font-size: 0.917em; }
.breadcrumb li a { color: #1C3687; font-weight: normal; border-bottom: none; }
.breadcrumb li a:hover { }
.breadcrumb li a:after { content: " > "; color: #aaa; }
.breadcrumb li.last a:after { content: ""; }



/* Content */
h1, h2, h3, h4, h5, h6 { font-family: Helvetica, Arial, sans-serif; font-weight: bold; }
h1 { font-size: 1.5em; line-height: 1.3em; margin-top: 0.5em; }
h2 { font-size: 1.3em; line-height: 1.3em; margin-top: 0.5em; }
h3, h4 { font-size: 1.2em; }
h5, h6 { font-size: 1.0em; }

a:link, a:visited { color: #444; text-decoration: none; }
a:hover { text-decoration: underline; color: #1C3687; }
a img { border: none; }
div.action a.back { background: #fbdd01; float: left; }

label { display: block; font-weight: normal; color: #000; line-height: 1em; margin-top: 4px; }
.label { font-weight: bold; color: #000; font-size: 1.17em; margin-bottom: 4px; }

.radio { margin-bottom: 6px; }
.radio input["radio"] { display: inline; width: auto; }
.radio label { display: inline; }

input, textarea { color: #888; border: 1px solid #aaa; padding: 3px 4px; background: whiteSmoke; }
input:hover, textarea:hover { color: #000; background: #fff; }
input:focus, textarea:focus { border: 1px solid #c9c1af; }

input[type="radio"] {        
 border: 0px !important;
}

.block a:link,
.block a:visited { color: #1c3687; }
.block a:hover { text-decoration: underline; }

.block.cruises ul li a { display: inline; }

.block.dates p { margin-top: 0; margin-bottom: 0; }
.block.dates div { margin-top: 0; margin-bottom: 0; }
.block.dates div.label { margin-bottom: 4px; }
.block.dates ul { margin-top: 4px; }
.block.dates ul li { border-left: 4px solid #ED1A3B; padding-left: 0.5em; margin-bottom: 1px; }
.block.dates ul li.available { border-left: 4px solid green; }
.block.dates ul li.past { border-left: 4px solid #bbb; color: #999; }
.block.dates ul.legend li { display: inline; margin-right: 1em; font-size: 0.8em; }
.block.airports ul li img { position: relative; top: 3px; margin-right: 5px; }
.block.cruises ul li img { position: relative; top: 3px; margin-right: 5px; }

.block.visa ul li strong { color: black; }
.block.touroperator a { display: inline; }

.block.traveldetails .action { text-align: center; margin-top: 0.75em; margin-bottom: 1.25em; }
.block.traveldetails .action .button { display: block; clear: both; float: none; width: 140px; }

.block.search { border: 1px solid #aaa; padding: 5px; background: whiteSmoke; }
.block.search button { margin-top: 6px; }
.block.search select { width: 166px; }

.block.contact input { width: 106px; float: left; }
.block.contact button { width: 60px; }

.block.travelid input { width: 66px; float: left; }
.block.travelid button { width: 100px; }

.block.newsletter input { width: 66px; float: left; }
.block.newsletter button { width: 100px; }


button, a:link.button, a:visited.button { float: right; font-size: 1em; color: #fff; font-weight: normal; border: 1px solid #aaa; padding: 3px 12px; cursor: pointer; background: #fbdd01; border: none; margin-left: 1px;  }
button:hover, a.button:hover { text-decoration: underline; }

.button.small { font-size: 0.9em; padding: 2px 8px; color: #fff; border: 1px solid #ddd; background: #fbdd01; }
.button.small:hover { color: #ed1a3b; border: 1px solid #ccc; background: #ddd; }



/* Section */
section ul { padding: 0px; list-style: none; margin: 0px; }
section li { margin: 0px; padding: 0px; list-style: none; }
section li a:link, section li a:visited { color: #444; line-height: 1.3em; padding-left: 0px; padding-top: 1px; padding-bottom: 4px; display: block; font-weight: normal; /* border-bottom: 1px solid #e7e2d7; */ border-bottom: none; }
section li a:hover { text-decoration: underline; color: #1C3687; }
section ul ul { padding: 0px; list-style: none; border-top: 0; margin: 0px 0px; }
section li li { padding-left: 0px; }
section li li a:link, section li li a:visited { padding-left: 5px; color: #444; border-left: 1px solid #ddd; }
section li li a:hover { text-decoration: underline; color: #1C3687; }
section h1, section h3, section h5, section h6 { padding: 3px 8px 4px 0; }
section h2, section h4  { color: #1c3687; padding: 3px 8px 4px 0; }
section .block { margin-bottom: 1.5em; }



/* Article */
article h1, article h3, article h6 { color: #000 ; padding: 3px 8px 4px 0; }
article h2, article h4 { color: #1c3687; padding: 3px 8px 4px 0; }
article h5 { color: #000; padding: 3px 8px 4px 0; }
article p, article p.listprice { font-weight: normal; color: #444; }

article p a:link,
article p a:visited,
article li a:link,
article li a:visited { color: #1C3687; }



/* Teaser, Promo, Crosslinks, Details */
.promo { position: relative; top: -28px; height: 0; color: #fff; text-shadow: #000 0px 0px 2px; font-weight: bold; font-size: 1.2em; padding: 1px 6px; cursor: pointer; display: block; z-index: 100: }
.promo a { color: #fff; }
.promo a:hover { color: #ed1a3b; }

ul.tags { margin: 0; padding: 0; }
ul.tags li { float: left; display: block; list-style-type: none; margin-right: 0.25em; color: #1C3687; font-size: 0.917em; }
ul.tags li a { color: #1C3687; font-weight: normal; border-bottom: none; }
ul.tags li a:hover { }
//ul.tags li a:after { content: " > "; color: #aaa; }
//ul.tags li.last a:after { content: ""; }
ul.tags li:after { content: " > "; color: #aaa; }
ul.tags li.last:after { content: ""; }


article .images.hotel { float: left; overflow: hidden; margin-left: 0; margin-right: 8px; }

article .left { float: left; width: 174px; overflow: hidden; padding-top: 0px; }
article .left img { width: 174px; }
article .left .favorite { font-size: 1em; }
article .left .favorite a:link,
article .left .favorite a:visited { color: #444; }
article .left .favorite a:hover { color: #1C3687; }
article .left .favorite img { width: auto; }
article .right { float: right; width: 350px; }

#right .pricetable { margin-bottom: 0.5em; }
#right .promote { margin-bottom: 1em; }
#right .promote a:link,
#right .promote a:visited { color: #444; }
#right .promote a:hover { color: #1C3687; }
#right .promote img { position: relative; top: 3px; margin-right: 5px; }
#right .favorite a:link,
#right .favorite a:visited { color: #444; }
#right .favorite a:hover { color: #1C3687; }
#right .favorite img { position: relative; top: 3px; margin-right: 5px; }
#right .promote img { position: relative; top: 3px; margin-right: 5px; }
#right .print a:link,
#right .print a:visited { color: #444; }
#right .print a:hover { color: #1C3687; }
#right .print img { position: relative; top: 3px; margin-right: 5px; }
#right p.price strong { font-size: 1.2em; }
#right p.price em { margin-left: 0; display: block; }

.actions { clear: both; }
.favorite img { position: relative; top: 3px; margin-right: 5px; }
p.price { color: #000; margin-top: 0.3em; display: block; font-size: 1.20em; font-weight: bold; }
p.ti { color: #444; font-weight: bold; }
p.price em.soldout { color: #ed1a3B; margin-left: 1em; font-size: 0.8em; }
p.price em.notransp { color: #000; margin-left: 1em; font-size: 0.8em; }
p.tax { color: #888; font-size: 0.917em; font-style: normal; width: 220px; float: left; }
p.usp { color: #ed1a3b; font-style: normal; font-size: 0.917em; line-height: 1.4em; margin-bottom: 4px; }
p.special { color: #ed1a3b; font-style: normal; font-size: 0.917em; display: block; line-height: 1.3em; margin-top: 0.6em; }
p.special strong { font-weight: normal; }
p em { color: #aaa; font-size: 0.8em; font-style: normal; }
.teaser div.action { display: block; text-align: right; float: right; width: 350px; margin-top: -20px; }
ul.action { margin: 0; padding: 0; padding-left: 146px; list-style-type: none; }
ul.action li { float: left; padding-left: 0.2em; }
ul.action li.favorite { margin-right: 60px; }
ul.action li.favorite a { color: #444; }
ul.action li a:hover { color: #000; }



/* Teaser */
.teaser { clear: both; display: block; border-top: 1px solid #ddd; padding-top: 20px; margin-top: 20px; }
.teaser h1, .teaser h2, .teaser h3, .teaser h4, .teaser h5, .teaser h6  { color: #000; clear: both; }
.teaser h5 { margin: 0; padding: 0; font-size: 0.8em; color: #333; }
.teaser h2 { margin: 0 0 0.3em 0; padding: 0; color: #1c3687; }
.teaser h2 a { color: #1c3687; }
.teaser h2 a { color: #1c3687; font-weight: bold; font-size: 0.90em; }
.teaser h2 a:hover { text-decoration: underline; }



hr { margin-top: 1em; margin-bottom: 1em; border-top: 1px solid #ddd; border-bottom: none; }



/* Crosslinks */
#crosslinks { margin-top: 0em; margin-bottom: 1em; }
#crosslinks.scrollable .items div h1, #crosslinks.scrollable .items div h2, #crosslinks.scrollable .items div h3, #crosslinks.scrollable .items div h4, #crosslinks.scrollable .items div h5, #crosslinks.scrollable .items div h6,  { color: #000; }
#crosslinks.scrollable .items div h2 { margin: 0; padding: 0; margin-bottom: 0.3em; }
#crosslinks.scrollable .items div h2 a { color: #1c3687; font-weight: bold; font-size: 0.90em; }
#crosslinks.scrollable .items p.usp { font-size: 0.917em; }
#crosslinks.scrollable .items p.special { font-size: 0.917em; }

#crosslinks.scrollable .items div .left .favorite img { width: auto; }
#crosslinks.scrollable .items div .left { float: left; width: 174px; overflow: hidden; padding-top: 4px; }
#crosslinks.scrollable .items div .left img { width: 174px; }
#crosslinks.scrollable .items div .right { width: 352px; padding-left: 8px; }
#crosslinks.scrollable .items div .right .action { float: right; width: 120px; }



/* Promotion */
#promotion { margin-top: 1em; margin-bottom: 1em; }
#promotion.scrollable {	/* required settings */ position: relative; overflow: hidden; width: 178px; height: 180px; }
#promotion.scrollable .items { /* this cannot be too large */ width: 20000em; position: absolute; }
#promotion.scrollable .items div { width: 178px; float: left; }



/* Detail */
.detail p { margin-bottom: 0.75em; }
.detail .images { float: right; margin-left: 20px; width: 200px; }
.detail .images img { display: block; margin-bottom: 1px; width: 200px; }
.detail .images em { font-style: italic; display: block; width: 200px; margin-bottom: 0.5em; }
.detail h5 { margin: 0; padding: 0; color: #333; }
.detail ul.tags { margin-bottom: 0; }
.detail ul.tags li { background-image: none; padding-left: 0; color:black} 
.detail p.travelid { font-weight: bold; margin-top: 0; margin-bottom: 1em; }
.detail ul { list-style-type: none; padding: 0px; margin: 0px; }
.detail ul li { background-image: url(../img/control-play.png); background-repeat: no-repeat; background-position: -4px 2px;  padding-left: 16px;  }

.detail div.action { margin-top: 1.5em; margin-bottom: 1em; }
.detail div.action a, div.action a.booking { background: #ec193a; }
.detail div.action a.back { background: #fbdd01; float: left; }
.detail div.action .pricetable { float: left; margin-left: 110px; background: #fbdd01; }
.detail div.action .results { float: left; margin-left: 0px; background: #fbdd01; }

.detail ul.more { margin-bottom: 0.5em; }
.detail ul.more li { list-style-type: none; width: 100px; float: left; background-image: none; padding-left: 0; } 
.detail ul.more li a { color: #444; } 
.detail ul.more li a:hover { color: #1c3687; } 
.detail ul.more li.pictures { }
.detail ul.more li.videos {}
.detail ul.more li.map {}
.detail ul.more li.route {}
.detail ul.more li img { width: auto; height: auto; display: inline; position: relative; top: 3px; margin-right: 5px; }



.travellist { width: 100%; border-top: 1px solid #ddd; margin-top: 0.5em; }
.travellist tr { border-bottom: 1px solid #ddd; }
.travellist td { padding: 0.5em 1em 0.5em 0; }
.travellist td a { color: #1c3687; }
.travellist td.price { white-space: nowrap; text-align:right}
.travellist td.button a { white-space: nowrap; float: none; }

.travellist td em.soldout { color: #ed1a3B; display: block; }
.travellist td em.notransp { color: #000; display: block; }
.travellist td em.allincl { color: #ed1a3B; display: block; }

.pricelist th { font-weight: normal; padding-right: 0.75em; vertical-align: bottom; }
.pricelist td.date { padding-right: 1em; font-weight: bold; }
.pricelist tr { border-bottom: 1px solid #ddd; }
.pricelist tr.total { border-bottom: 1px solid #ddd; font-weight: bold; }
.pricelist tr.past td { color: #999; }
.pricelist tr.past td a { color: #999; }
.pricelist td { padding: 0.5em 1em 0.5em 0; }
.pricelist td a { color: #1c3687; }



/* Pagination */
.pagination { margin-top: 1em; padding: 1px; padding-left: 4px; background: #eee; }
.pagination .results { float: left; width: 350px; padding-top: 2px; }
.pagination a.button.back { float: right; }
.pagination a.button.next { float: right; }
.pagination select#pagenumber { float: right; margin-left: 6px; margin-right: 6px; display: block; width: 80px; }
.pagefilter label { width: 150px; display: inline; }
.pagefilter { margin-top: 8px; }

/* Scrollable */
#crosslinks.scrollable { position: relative; overflow: hidden; width: 534px; height: 300px; }
#crosslinks.scrollable .items { width: 20000em; position: absolute; clear: both; }
#crosslinks.scrollable .items div { float: left; width: 534px; }
#crosslinks.scrollable .active { position: relative; cursor: default; }
#crosslinks.scrollable .items div { width: 534px; }

.navi { margin-left: 420px; width: 100px; height: 10px; z-index: 2000; }
.navi a { width: 8px; height:8px; float: left; margin: 3px; background: url(../img/navigator.png) 0 0 no-repeat; display: block; font-size: 1px; }
.navi a:hover { background-position: 0 -8px; }
.navi a.active { background-position: 0 -16px; }



/* Tooltip
.tooltip { display: none; background: transparent url(../img/tooltip.png); font-size: 12px; height: 70px; width: 174px; padding: 25px; color: #fff; }
*/

/* YAML */

  /* (en) clearfix method for clearing floats */
  /* (de) Clearfix-Methode zum Clearen der Float-Umgebungen */
  .clearfix:after {
    clear:both;
    content:".";
    display:block;
    font-size:0;
    height:0;
    visibility:hidden;
  }

  /* (en) essential for Safari browser !! */
  /* (de) Diese Angabe benÃ¶tigt der Safari-Browser zwingend !! */
  .clearfix { display:block; }

  /* (en) alternative solution to contain floats */
  /* (de) Alternative Methode zum EinschlieÃŸen von Float-Umgebungen */
  .floatbox { display:table; width:100%; }

  /* (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 subtemplates
  * @see     http://www.yaml.de/en/documentation/practice/subtemplates.html
  */
  .subcolumns { display:table; width:100%; table-layout:fixed; }
  .subcolumns_oldgecko { width: 100%; float:left; }

  .c20l, .c25l, .c33l, .c40l, .c38l, .c50l, .c60l, .c62l, .c66l, .c75l, .c80l { float:left; }
  .c20r, .c25r, .c33r, .c40r, .c38r, .c50r, .c60r, .c66r, .c62r, .c75r, .c80r { float:right; margin-left:-5px; }

  .c20l, .c20r { width:20%; }
  .c40l, .c40r { width:40%; }
  .c60l, .c60r { width:60%; }
  .c80l, .c80r { width:80%; }
  .c25l, .c25r { width:25%; }
  .c33l, .c33r { width:33.333%; }
  .c50l, .c50r { width:50%; }
  .c66l, .c66r { width:66.666%; }
  .c75l, .c75r { width:75%; }
  .c38l, .c38r { width:38.2%; }
  .c62l, .c62r { width:61.8%; }

  .subc  { padding:0 0.5em; }
  .subcl { padding:0 1em 0 0; }
  .subcr { padding:0 0 0 1em; }

  .equalize, .equalize .subcolumns { table-layout:fixed; }

  .equalize > div {
    display:table-cell;
    float:none; 
    margin:0; 
    overflow:hidden;
    vertical-align:top;
  }

#page .type-button input { background-image: none; background: #fbdd01; border: none; }
#page .type-button input, #page .yform .type-button input.button, #page .yform .type-button input.button { line-height:1.5em;float: center; font-size: 1em; color: #fff; font-weight: normal; border: 1px solid #aaa; padding: 3px 12px; cursor: pointer; background: #fbdd01; border: none;  }
#page .type-button input:hover, #page .type-button input.button:hover { text-decoration: underline; }

/* Individual settings for forms */

#page .yform .type-button input { background-image: none; background: #fbdd01; border: none; }
#page .yform .type-button input, #page .yform .type-button input.button, #page .yform .type-button input.button { float: right; font-size: 1em; color: #fff; font-weight: normal; border: 1px solid #aaa; padding: 3px 12px; cursor: pointer; background: #fbdd01; border: none;  }
#page .yform .type-button input.booking { background: #ec193a; line-height: 1.55em; }
#page .yform .type-button input.booking.cancel { background: #1C3687; }
#page .yform .type-button input.submit { line-height: 1.55em; }
#page .yform .type-button input:hover, #page .yform .type-button input.button:hover { text-decoration: underline; }

#page .yform .type-text input,
#page .yform .type-text textarea,
#page .yform .type-select select { border: 1px solid #ccc; }

#page .yform { background: none; border:1px #ddd solid; margin:0 0 1em 0; padding:10px; }
#page .yform fieldset { background: #fafafa; }
#page .yform fieldset legend { font-size: 1em; }
#page .yform div.error {
	border: 1px #ED1A3B dashed;
	background: #FAF4F4;
	padding: 0.5em;
	color:#ED1A3B;
}


#popup .yform .type-button input { background-image: none; background: #fbdd01; border: none; }
#popup .yform .type-button input, #page .yform .type-button input.button, #page .yform .type-button input.button { float: right; font-size: 1em; color: #fff; font-weight: normal; border: 1px solid #aaa; padding: 3px 12px; cursor: pointer; background: #fbdd01; border: none;  }
#popup .yform .type-button input.booking { background: #ec193a; line-height: 1.55em; }
#popup .yform .type-button input.submit { line-height: 1.55em; }
#popup .yform .type-button input:hover, #page .yform .type-button input.button:hover { text-decoration: underline; }

#popup .yform .type-text input,
#popup .yform .type-text textarea,
#popup .yform .type-select select { border: 1px solid #ccc; }

#popup .yform { background: none; border:1px #ddd solid; margin:0 0 1em 0; padding:10px; }
#popup .yform fieldset { background: #fafafa; }
#popup .yform fieldset legend { font-size: 1em; }
#popup .yform div.error {
	border: 1px #ED1A3B dashed;
	background: #FAF4F4;
	padding: 0.5em;
	color:#ED1A3B;
}

/*///////////*/

ul#simple-navi {
  list-style-type: none;
  width: 100%;
  float: left;
  font-size: 12px;
  font-weight: bold;
  margin: 0 0 8px;
  padding: 2px 0 0 0;
  background-color: WhiteSmoke;
}
 
ul#simple-navi li {
  display: block;
  float:left;
  margin: 0 0 0 2px;
  background-image: none;
  padding: 0 0 0 2px;
}
 
ul#simple-navi li a {
  display: block;
  padding: 5px 8px;
  color: #999;
  background-color: #ddd;
  text-decoration: none;
}

ul#simple-navi li.active a,
ul#simple-navi li a:hover {
  background-color: #999;
  color: #fff;
}
