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, font, 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 {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}
/* GLOBALS */
html { height:100%; }
body { height: 100%; min-height: 100%; color:#4c4c4c; font-family: Verdana, Arial, Tahoma, Helvetica, sans-serif; text-decoration:none; font-size: 12px; line-height: 1.6em; }
.clear { clear: both; }
.left { float: left; }
.pointer { cursor: pointer; }
.green { color: green; }
.red { color: red; }
/* HEADER DIVISION */
#container { position: relative; width:960px; margin:0 auto; }
#container #header img.logo { float: left; padding-top: 0px; width: 200px; }
#container #header #headerrighttop #search { text-align: right; color: #0099CC; padding-top: 15px; padding-left: 0px; }
#container #header #headerrighttop #social { text-align: right; color: #0099CC; padding-top: 10px; padding-left: 0px; }
#container #header #headerrighttop #social .gPlusOne { padding-left:3px; margin-right:-35px; display: inline; width: 40px !important;}
#container #header #navigation ul { margin-left: 0px; padding: 55px 15px 15px 35px; float: left;}
#container #header #navigation ul li { display: inline; margin-right: 55px; }
#container #header #navigation ul li a { text-decoration: underline; color: #534b40;}
#container #header #navigation ul li a:hover { text-decoration: underline; color: #51C424;}
#container #header #navigation ul li .subcitys { color: red; z-index: 1000; position: absolute; z-index: 999; background-color: white; margin-left: 75px; margin-top: 15px; border: 1px solid #E3E3E3; display: none;}
#container #header #navigation ul li .subcitys table tr td { padding: 5px; width: 150px; }
#container #header #navigation ul li .subcountries { color: red; z-index: 999; position: absolute; background-color: white; margin-left: 75px; margin-top: 15px; border: 1px solid #E3E3E3; display: none;}
#container #header #navigation ul li .subcountries table tr td { padding: 5px; width: 150px; }
#container #header #navigation ul li ul.subtips { color: red; z-index: 999; position: absolute; z-index: 999; background-color: white; margin-left: 175px; margin-top: 15px; border: 1px solid #E3E3E3; display: none; }
#container #header #navigation ul li ul.subtips li { display: list-item; }
#container #header #navigation ul li ul.subtips li a.subcitytogglehide { cursor: pointer; color: red; }
#container #header #navigation ul li ul.merchants { color: red; z-index: 999; position: absolute; z-index: 999; background-color: white; margin-left: 225px; margin-top: 15px; border: 1px solid #E3E3E3; display: none; }
#container #header #navigation ul li ul.merchants li { display: list-item; }
#container #header #navigation ul li ul.merchants li a.merchantstogglehide { cursor: pointer; color: red; }
#container #header #navigation ul li ul.themas { color: red; z-index: 999; position: absolute; z-index: 999; background-color: white; margin-left: 225px; margin-top: 15px; border: 1px solid #E3E3E3; display: none; }
#container #header #navigation ul li ul.themas li { display: list-item; }
#container #header #navigation ul li ul.themas li a.merchantstogglehide { cursor: pointer; color: red; }
#container #header #imageheader #leftheader { width: 230px; float: left; }
#container #header #imageheader #rightheader { margin-left: 5px; width: 725px; float: left; }
#container #content h1 { color: #f065b8; font-size: 20px; margin: 4px 0px 8px 0px; }
#container #content hr.stripedbar { background:url(../images/striped-bar.jpg) repeat-x; height: 5px; border: 0px; margin: 0px; }
#container #content ul#breadcrumb { padding: 0px; margin-top: -10px; }
#container #content ul#breadcrumb li { display: inline; }
#container #content ul#breadcrumb li a { text-decoration: none; font-size: 11px; color: #4C4C4C;}
#container #content #googlemap .markerTooltip { color: black; font-weight: bold; background-color: white; white-space: nowrap; margin: 0; padding: 2px 4px; border: 1px solid black; }
/* CONTENT DIVISION LEFT */
#container #content #leftbox { float: right; width: 725px; }
#container #content #leftbox img.rightimg { float: right; width: 150px; padding: 8px 8px 8px 8px; }
#container #content #leftbox h1 { color: #f065b8; font-size: 23px; padding: 12px 0px 12px 0px; }
#container #content #leftbox h2, h2 a ,h3,h4 { color: #f065b8; font-size: 18px; padding: 24px 0px 6px 0px; text-decoration: none; }
#container #content #leftbox p { padding-top: 8px; }
#container #content #leftbox ul { padding-left: 25px; }
#container #content #leftbox hr.stripedbar { background:url(../images/striped-bar.jpg) repeat-x; height: 5px; border: 0px; margin: 0px; margin-bottom: 10px; }
#container #content #leftbox ul#breadcrumb { padding: 0px; }
#container #content #leftbox ul#breadcrumb li { display: inline; }
#container #content #leftbox ul#breadcrumb li a { text-decoration: none; font-size: 11px; color: #4C4C4C;}
#container #content #leftbox ul.navtabs { padding: 0px; margin-bottom: 5px; }
#container #content #leftbox ul.navtabs li { display: inline; padding: 8px 14px 8px 14px; background-color: #e3e3e3; margin-right: 3px; background-color: #F2F2F2; }
#container #content #leftbox ul.navtabs li a { color: #51C424; text-decoration: none; font-weight: bold; font-size: 1.1em; }
#container #content #leftbox ul.navtabs li a:hover { text-decoration: underline; }
#container #content #leftbox #googlemap { width: 725px; height: 350px; margin-top: 10px; }
#container #content #leftbox #googlemap .markerTooltip { color: black; font-weight: bold; background-color: white; white-space: nowrap; margin: 0; padding: 2px 4px; border: 1px solid black; }
#container #content #leftbox .greenright { float: right; color: #51C424; }
#container #content #leftbox .greenright a { color: #51C424; }
#container #content #leftbox ul.citylist li { display: inline; }
#container #content #leftbox ul.citylist li a { color:#4c4c4c; }
#container #content #leftbox table.citytable td { border: 1px solid #cccccc; padding: 5px; }
#container #content #leftbox table.citytable td:hover { border: 1px solid #F065B8; padding: 5px; }
#container #content #leftbox .hoteltop { background:url(../images/striped-bar.jpg) repeat-x; height: 5px; border: 0px; }
#container #content #leftbox .hotel{ border: 1px solid #E3E3E3; margin-bottom: 5px; padding: 5px;}
#container #content #leftbox .hotel h2,h3,h4 { color: #51c424; font-size: 18px; padding: 0px; }
#container #content #leftbox .hotel small { font-size: 10px; }
#container #content #leftbox .hotel p { padding: 0px;}
#container #content #leftbox .hotel .hotelleft { float: left; width: 550px; }
#container #content #leftbox .hotel .hotelleft a { color: #51c424; }
#container #content #leftbox .hotel .hotelleft table { padding: 5px 15px 0px 0px; float: right; font-size: 11px; }
#container #content #leftbox .hotel .hotelleft table tr td { padding-left: 10px; }
#container #content #leftbox .hotel .hotelright { float: left; width: 150px; margin-left: 10px; }
#container #content #leftbox .wizard { border: 1px solid #F065B8; padding: 5px; }
#container #content #leftbox .wizard table tr td { padding: 3px; }
#container #content #leftbox .wizard form input[type="submit"] { cursor: pointer; background: url('../images/zoek.stedenreis.png') no-repeat; width: 150px; height: 44px; border: 0px; }
#container #content #leftbox ul.recenttheme li { display: inline; }
#container #content #leftbox ul.imagegalery li { display: inline; }
#container #content #leftbox table.merchanttable { width: 100%; }
#container #content #leftbox table.merchanttable tr td a { text-decoration: none; }
#container #content #leftbox table.merchanttable tr td small { font-size: 0.9em;}
#container #content #leftbox table.opentime tr td { width: 150px; }
#container #content #leftbox .hoteltiplist { float: left; width: 219px; overflow: hidden; border: 1px solid #cccccc; padding: 5px; margin-right: 10px; margin-top: 5px; overflow: hidden;}
#container #content #leftbox .hoteltiplist ul li { list-style-type: none; margin-left: -20px; }
#container #content #leftbox .hoteltiplist ul li a { color: #51C424; }
#container #content #leftbox .weather { border: 1px solid #cccccc; padding: 5px; }
#container #content #leftbox .weather .day { float: left; padding: 5px; width: 125px; }
#container #content #leftbox .tickettable { width: 100%; }
#container #content #leftbox .tickettable tr.airlineticketrow { cursor: pointer; }
#container #content #leftbox .tickettable tr.airlineticketrow a { text-decoration: none; color: #4C4C4C; }
#container #content #leftbox .tickettable tr.airlineticketmerchantrow { cursor: pointer; }
#container #content #leftbox .tickettable tr.airlineticketmerchantrow a { text-decoration: none; color: #4C4C4C; }
#container #content #leftbox .tickettable tr td { padding: 5px; vertical-align: middle; }
#container #content #leftbox .tickettable tr.greybg td { padding: 5px; background-color: #F2F2F2; }
#container #content #leftbox table.reviewtabel { width: 100%; }
#container #content #leftbox table.reviewtabel tr td { vertical-align: top; padding-top: 5px; }
#container #content #leftbox table.reviewtabel tr td small { font-size: 0.8em; }
#container #content #leftbox .cityrow { border: 1px solid #cccccc; padding: 10px; margin-bottom: 10px; }
#container #content #leftbox .cityrow .cityimageleft { width: 150px; float: left; }
#container #content #leftbox .cityrow a h2 { margin: 0px; padding-top: 0px; text-decoration: none; }
#container #content #leftbox .extrainfo { display: none; }
#container #content #leftbox .toggleExtraInfo { color: #51C424; font-weight: bold; text-decoration: underline; }
#container #content #leftbox .cityrow .citycontentright { width: 540px; float: left; padding-left: 10px;}
#container #content #leftbox table.merchantstable td { padding-top: 10px; width: 240px !important; padding-bottom: 15px;}
#container #content #leftbox table.merchantstable td a { text-decoration: none; }
#container #content #leftbox .review { border: 1px solid #cccccc; padding: 5px; margin-bottom: 5px;}
#container #content #leftbox .tweets { border: 1px solid #cccccc; height: 335px; overflow: auto; }
#container #content #leftbox .tweets .tweet { border-bottom: 1px solid #cccccc; padding: 10px; }
#container #content #leftbox .tweets .tweet img.tweetavatar { float: left; padding-right: 5px; width: 48px; height: 48px; }
#container #content #leftbox .tweetsfooter { background-color: #F2F2F2; padding: 5px; }
#container #content #leftbox .tweetsfooter a { color: #F065B8; }
#container #content #leftbox .tweetsfooter span.right { float: right; }
.scrollable { position:relative; overflow:hidden; width: 640px; height:205px; border:1px solid #ccc; }
.scrollable .items { width:20000em; position:absolute; clear:both; }
.items div { float:left; width:680px; }
/* single scrollable item */
.scrollable .record { float:left; margin:25px 5px 20px 35px; background-color:#fff; padding:2px; border:1px solid #ccc; width:150px; height:150px; -moz-border-radius:4px; -webkit-border-radius:4px; }
.scrollable .record a { yext-decoration: none; color: #F065B8; }
.scrollable .record a .center{ padding: 4px; width: 142px; text-align: center; }
/* active item */
.scrollable .active { border:2px solid #000; position:relative; cursor:default; }
/* this makes it possible to add next button beside scrollable */
.scrollable { float:left; }
/* prev, next, prevPage and nextPage buttons */
a.browse { background:url(../images/hori_large.png) no-repeat; display:block; width:30px; height:30px; float:left; margin:80px 10px; cursor:pointer; font-size:1px; }
/* right */
a.right { background-position: 0 -30px; clear:right; margin-right: 0px;}
a.right:hover { background-position:-30px -30px; }
a.right:active { background-position:-60px -30px; }
/* left */
a.left { margin-left: 0px; }
a.left:hover { background-position:-30px 0; }
a.left:active { background-position:-60px 0; }
/* disabled navigational button */
a.disabled { visibility:hidden !important; }
/* CONTENT DIVISION RIGHT */
#container #content #rightbox { float: left; width: 220px; margin-right: 15px; }
#container #content #rightbox h3 { color: #f065b8; font-size: 16px; padding: 8px 0px 10px 0px;}
#container #content #rightbox a { color: #51c424; text-decoration: underline; font-weight: bold; }
#container #content #rightbox #advancedSearch { display: none; }
#container #content #rightbox input { background: white; color: #f065b8; font-weight: bold; margin-top: 5px;}
#container #content #rightbox select { background: white; margin-top: 5px;}
#container #content #rightbox form.searchform { background: #fdf5e6; width: 220px; padding: 0px 5px 5px 5px; margin-top: 5px; overflow: hidden; }
#container #content #rightbox form.searchform input[type="submit"] { cursor: pointer; background: url('../images/zoek.png') no-repeat; width: 100px; height: 29px; border: 0px; }
#container #content #rightbox form.searchform button { font-size: 1em; padding: 1px 3px 1px 3px;}
#container #content #rightbox a#advancedSearchClick { color: #4C4C4C; float: right; font-weight: normal; }
#container #content #rightbox .rightblockheader { background:url(../images/striped-bar.jpg) repeat-x; height: 5px; border: 0px; }
#container #content #rightbox .rightblockcontent { border: 1px solid #e3e3e3; padding: 0px 3px 5px 3px; margin-top: -1px; }
#container #content #rightbox .rightblockcontent .rightblockhotel { margin-top: 15px; }
#container #content #rightbox .rightblockcontent .rightblockhotel .righthotelleft { float: left; width: 155px; }
#container #content #rightbox .rightblockcontent .rightblockhotel .righthotelright { float: left; width: 100px; }
#container #content #rightbox .rightblockcontent .paddingimg { padding-left: 25px;}
#container #content #rightbox .rightblockcontent ul.traveltime li { margin-left: 30px; }
#container #content #rightbox .rightblockcontent ul.traveltime li a { font-weight: normal; }
#container #content #rightbox .rightblockcontent select { width: 200px; }
#container #content #rightbox #facebooklike { margin-top: 10px; }
#container #content #rightbox .twitterAPI { border: 1px solid #CCCCCC; }
/* FOOTER DIVISION */
#container #footertop { background-color: #eeeee0; width:945px; margin:0 auto; height: 1px; padding: 7px; margin-top: 10px; }
#container #footermiddle { text-align:center; }
#container #footermiddle ul { margin-top: 2px; }
#container #footermiddle ul li { display: inline; margin-right: 15px; margin-top: 5px; margin-bottom: 5px;}
#container #footerbottom { background-color: #eeeee0; width:945px; margin:0 auto; height:auto !important; padding: 7px; text-align: center; }
#container #footerbottom ul li { display: inline; }
#container #footerbottom ul li a { color: #4C4C4C; }
/* Paging */
#paging { height: 70px; font-size: 10pt; align: center; margin-top: -30px;}
#paging li a { text-decoration: none; color: #4c5860;}
#paging .current { background-color: #2D81A8;}
#paging .disabled { border: none;}
#paging .disabled:hover { background-color: transparent; }
#paging ul { padding-top: 30px;}
#paging li.active { background-color: #2D81A8; }
#paging li { margin-right: 3px; float: left; border: 1px solid #E3E3E3; padding: 3px; padding-left: 5px; padding-right: 5px; list-style-type: none; }
#paging li a { font-weight: bold; }
#paging li:hover {}
#paging li:first-child { border: 0;}
#paging li:first-child:hover { background-color: transparent; }